.course-compare{background:#0c0d17;color:#eeeefa}.compare-wrap{width:min(1080px,calc(100% - 48px));margin-inline:auto}.compare-nav{display:flex;align-items:center;justify-content:space-between;padding-block:24px}.compare-brand{display:flex;align-items:center;gap:12px;color:#fff;font-weight:800;line-height:1.15;text-decoration:none}.compare-brand svg{width:34px;height:34px;color:#bba5f5}.compare-nav-link,.compare-source{display:inline-flex;align-items:center;gap:8px;color:#c7b4fb;text-decoration:none}.compare-hero{text-align:center;padding:70px 0 48px}.compare-eyebrow{font-size:13px;font-weight:700;letter-spacing:.07em;color:#c4b5e8;margin:0 0 20px}.compare-hero h1{font-size:clamp(40px,5.7vw,70px);line-height:1.08;letter-spacing:-.055em;margin:0 0 24px}.compare-hero h1 span,.compare-sample h2 span{color:#c3acf9}.compare-lede{max-width:650px;margin:0 auto 28px;color:#c3c2d3;font-size:19px;line-height:1.65}.compare-button{display:inline-flex;gap:18px;align-items:center;background:#bda4f4;color:#151021;padding:17px 25px;border-radius:12px;font-weight:800;text-decoration:none;transition:background .2s}.compare-button:hover{background:#d0baff}.compare-micro{font-size:13px;color:#b4b0c6;margin:16px 0 0}.compare-options{display:grid;grid-template-columns:1fr 1fr;gap:20px}.compare-option{padding:32px;border:1px solid #343343;border-radius:22px;background:#14151f}.compare-sch{background:linear-gradient(140deg,#242036,#14151f);border-color:#8067ae}.compare-option h2{font-size:26px;letter-spacing:-.035em;line-height:1.25;margin:0 0 16px}.compare-option>p:not(.compare-eyebrow){color:#c4c1d1;line-height:1.65;min-height:80px}.compare-option dl{margin:28px 0}.compare-option dl div{padding:16px 0;border-top:1px solid #343343}.compare-option dt{font-size:12px;color:#a9a4ba;margin-bottom:6px}.compare-option dd{margin:0;font-size:15px;line-height:1.5}.compare-source{font-size:13px}.compare-source:hover,.compare-nav-link:hover{color:#fff;text-decoration:underline}.compare-source svg,.compare-button svg,.compare-nav-link svg{width:18px;height:18px}.compare-note{font-size:12px;color:#a8a3b6;line-height:1.7;padding:18px 4px}.compare-sample{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding-block:70px;scroll-margin-top:24px}.compare-sample h2{font-size:36px;line-height:1.18;letter-spacing:-.04em;margin:0 0 20px}.compare-sample-copy>p:not(.compare-eyebrow){color:#c4c1d1;line-height:1.7}.compare-lab{border:1px solid #39364c;border-radius:16px;background:#11131e;margin:26px 0}.compare-lab-title{display:flex;align-items:center;gap:10px;padding:18px;border-bottom:1px solid #39364c;font-size:14px}.compare-lab-title svg{width:20px;height:20px;color:#98e0e9}.compare-lab-title>span{margin-left:auto;font-size:11px;color:#aca8bc}.compare-lab ol{list-style:none;padding:8px 20px;margin:0}.compare-lab li{display:flex;gap:18px;padding:13px 0;font-size:14px}.compare-lab li span{color:#98e0e9;font-family:monospace}.compare-author{display:flex;gap:14px;align-items:center;font-size:13px;line-height:1.6;color:#bcb7cc}.compare-avatar{border-radius:50%}.course-compare .trial-form-card{width:100%;padding:32px;background:#1b1929;border:1px solid #7b659d;border-radius:22px;box-shadow:none}.compare-form-intro{color:#c4c1d1;margin:0 0 24px}.compare-form-note{font-size:12px;line-height:1.6;color:#b9b3ca;margin:18px 0 0}.course-compare .trial-submit-btn{background:#bda4f4;color:#151021;box-shadow:none}.course-compare .trial-submit-btn:hover{background:#d0baff}.compare-questions{padding-bottom:65px}.compare-questions details{border-bottom:1px solid #343343;padding:20px 0}.compare-questions summary{cursor:pointer;font-weight:700;font-size:16px}.compare-questions p{color:#c4c1d1;line-height:1.7;max-width:760px;margin-bottom:0}.compare-footer{border-top:1px solid #343343;display:flex;justify-content:space-between;padding-block:28px;font-size:12px;color:#a8a3b6}.compare-footer div{display:flex;gap:20px}.compare-footer a{color:inherit}.course-compare :focus-visible{outline:3px solid #99e2eb;outline-offset:5px}.course-compare [hidden]{display:none!important}@media(max-width:700px){.compare-wrap{width:calc(100% - 36px)}.compare-nav{padding-block:20px}.compare-brand{font-size:13px}.compare-nav-link{font-size:13px}.compare-hero{padding:42px 0 32px}.compare-lede{font-size:16px}.compare-options,.compare-sample{grid-template-columns:1fr}.compare-option{padding:25px}.compare-option>p:not(.compare-eyebrow){min-height:0}.compare-sample{gap:32px;padding-block:42px}.compare-sample h2{font-size:32px}.course-compare .trial-form-card{padding:24px}.compare-footer{gap:20px;flex-wrap:wrap}.compare-note{font-size:11px}.compare-questions{padding-bottom:40px}}.course-compare .trial-submit-btn{display:flex;align-items:center;justify-content:center;gap:16px;min-height:56px;font-size:16px}.course-compare .trial-submit-btn svg,.course-compare .trial-success-icon svg{width:22px;height:22px;flex:none}.course-compare #trialAccess{scroll-margin-top:30px}.trial-form-card:has(.trial-form[hidden]) .compare-form-note{display:none}.compare-hero{background:radial-gradient(ellipse at 50% 24%,#40326025,transparent 65%);padding-top:44px}.compare-matchup{display:flex;align-items:center;justify-content:center;gap:28px;margin-bottom:30px}.compare-logo,.compare-card-brand{display:flex;align-items:center;gap:12px;font-weight:700}.compare-logo img,.compare-card-brand img{object-fit:contain;flex-shrink:0}.compare-logo img[src*="cyfrin"],.compare-card-brand img[src*="cyfrin"]{border-radius:9px}.compare-rare-logo{width:150px;height:auto}.compare-versus{color:#aaa0bc;font-size:13px}.compare-card-brand{min-height:40px;margin-bottom:24px;font-size:14px;color:#d4c9ea}.compare-option>p:not(.compare-eyebrow){min-height:52px}.compare-option{transition:border-color .2s,box-shadow .2s}.compare-option:hover{border-color:#8f7bac;box-shadow:0 12px 32px #0002}.compare-author{font-size:14px;gap:18px}.compare-avatar{width:80px;height:80px;border:1px solid #716089;object-fit:cover}.compare-code-preview{overflow:hidden;background:#002d37}.compare-code-image{display:block;width:100%;height:auto;max-height:300px;object-fit:cover;object-position:top;transition:transform .45s}.compare-lab:hover .compare-code-image{transform:scale(1.025)}.compare-lab ol{display:flex;justify-content:space-between;gap:10px;padding:10px 18px}.compare-lab li{gap:8px;font-size:13px}.compare-sample-copy>.compare-eyebrow{display:none}.compare-reveal{animation:compare-arrive .65s ease-out both}@keyframes compare-arrive{from{opacity:.35;transform:translateY(12px)}to{opacity:1;transform:none}}@media(max-width:700px){.compare-matchup{gap:16px}.compare-logo{font-size:14px;gap:8px}.compare-rare-logo{width:125px}.compare-logo img:not(.compare-rare-logo){width:32px;height:36px}.compare-option>p:not(.compare-eyebrow){min-height:0}.compare-code-image{max-height:235px}.compare-hero{padding-top:28px}.compare-lab li{font-size:12px}.compare-author{font-size:13px}}@media(prefers-reduced-motion:reduce){.compare-reveal{animation:none}.compare-code-image,.compare-option{transition:none}.compare-lab:hover .compare-code-image{transform:none}}.compare-rare-logo{background:#faf8fc;padding:9px 12px;border-radius:8px;box-sizing:content-box}.compare-code-image{max-height:none;object-fit:contain}@media(max-width:700px){.compare-rare-logo{width:112px;padding:8px 10px}.compare-code-image{max-height:none}}.compare-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:48px;text-align:left;padding:24px 0 48px;background:none}.compare-hero h1{font-size:clamp(38px,4.6vw,58px)}.compare-hero .compare-matchup{justify-content:flex-start;gap:18px}.compare-lede{font-size:18px;margin-bottom:0}.compare-hero .trial-form-card h2{font-size:30px;line-height:1.2;margin:0 0 10px;text-align:left}.compare-hero .compare-form-intro{font-size:15px}.compare-sample{display:block;max-width:680px}.compare-sample-copy>.compare-eyebrow{display:none}.compare-sample h2{text-align:center}.compare-author{justify-content:center}.compare-hero .trial-form-group{margin-bottom:18px}.compare-hero .trial-form-input{padding:14px 16px}.compare-hero .trial-form-label{margin-bottom:8px}.compare-hero .compare-form-note{margin-top:14px}@media(max-width:700px){.compare-hero{grid-template-columns:1fr;gap:24px;padding:18px 0 32px;text-align:center}.compare-hero .compare-matchup{justify-content:center;margin-bottom:20px}.compare-hero h1{font-size:38px;margin-bottom:16px}.compare-lede{font-size:16px;line-height:1.5}.compare-hero .trial-form-card{text-align:left;padding:22px}.compare-hero .trial-form-card h2{font-size:26px}.compare-hero .compare-form-intro{margin-bottom:18px}}