.er-page section{padding:var(--sp-section-tight) 0}.er-page .er-hero{padding:clamp(40px,6vw,80px) 0}.er-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center;gap:clamp(32px,4vw,56px);display:grid}.er-hero h1{max-width:700px;font-size:clamp(38px,4.5vw,62px);line-height:1.08}.er-hero h1 span{color:var(--brand-blue)}.er-lede{max-width:620px;color:var(--text-muted);margin:24px 0 28px;font-size:clamp(17px,1.6vw,19px);line-height:1.65}.er-main-action p{color:var(--text-muted);margin:10px 0 0;font-size:14px}.er-hero-visual{min-width:0;margin:0;padding:clamp(20px,3vw,40px) clamp(16px,2vw,28px)}.er-device-pair{width:100%;padding-bottom:4%;position:relative}.er-hero-laptop{isolation:isolate;width:91%;position:relative}.er-hero-laptop .hero-macbook-frame{display:block}.er-quiz-screenshot{width:24%;filter:drop-shadow(0 16px 24px color-mix(in oklab, var(--text) 16%, transparent));position:absolute;bottom:0;right:0;transform:translateZ(0)}.er-quiz-screenshot .screenshot-img{border-radius:15%/7.28%}.er-tools{background:var(--bg-tint)}.er-section-head{max-width:760px;margin-bottom:32px}.er-section-head h2,.er-focus h2,.er-access h2,.er-start h2{font-size:clamp(28px,3.1vw,40px);line-height:1.15}.er-tools-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.er-tool{border:1px solid var(--border);border-radius:var(--r-xl);background:var(--bg-card);flex-direction:column;align-items:flex-start;padding:clamp(24px,3vw,32px);display:flex}.er-tool h3{font-size:24px;line-height:1.2}.er-tool p{color:var(--text-muted);margin:18px 0 0;line-height:1.65}.er-tool .er-tool-step{border-top:1px solid var(--border);color:var(--text);padding-top:16px;font-size:15px}.er-tool .er-tool-note{margin-top:8px;margin-bottom:12px;font-size:13px}.er-tool .btn-link{margin-top:auto}.er-carousel{min-width:0}.er-examples-stage{border:1px solid var(--border);border-radius:var(--r-2xl);background:var(--bg-card);touch-action:pan-y;grid-template-columns:minmax(0,1fr);row-gap:28px;padding:clamp(18px,3vw,36px);display:grid;position:relative}.er-example{grid-area:1/1/span 2;grid-template-rows:subgrid;opacity:0;visibility:hidden;pointer-events:none;min-width:0;transition:opacity .36s,visibility 0s linear .36s;display:grid}.er-example[data-active=true]{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.er-example-copy{grid-template-columns:minmax(0,1fr) auto;align-content:start;align-items:start;gap:24px;display:grid}.er-example-mode{text-align:right;white-space:nowrap;color:var(--text-muted);justify-self:end;margin:0;font-size:14px;font-weight:600}.er-carousel-arrows{z-index:1;pointer-events:none;grid-area:2/1;justify-content:space-between;align-self:start;align-items:center;padding:clamp(8px,1.5vw,20px);display:flex}.er-carousel-arrow{border:1px solid var(--border-strong);background:var(--bg-card);width:48px;height:48px;color:var(--text);box-shadow:var(--shadow-md);font:inherit;cursor:pointer;pointer-events:auto;border-radius:50%;flex:0 0 48px;justify-content:center;align-items:center;font-size:24px;display:inline-flex}.er-carousel-arrow:hover{background:var(--bg-tint);border-color:var(--text)}.er-example-copy h3{font-size:clamp(24px,2.5vw,32px);line-height:1.2}.er-example-visual{margin:0}.er-example-visual>.screenshot{box-shadow:var(--shadow-md);border-radius:var(--r-md)}.er-focus{background:var(--bg-tint)}.er-focus-grid{-moz-column-gap:clamp(32px, 6vw, 80px);grid-template-columns:1fr 1fr;align-items:center;gap:24px clamp(32px,6vw,80px);display:grid}.er-focus p{max-width:550px;color:var(--text-muted);margin:20px 0 0;font-size:17px;line-height:1.65}.er-focus-action{grid-column:1/-1}.er-focus-list{margin:0;padding:0 0 0 24px;list-style:decimal}.er-focus-list li{padding:12px 0 12px 10px}.er-focus-list li::marker{color:var(--brand-blue);font-weight:600}.er-focus-list strong{font-size:17px;font-weight:600;display:block}.er-focus-list span{color:var(--text-muted);margin-top:4px;font-size:15px;line-height:1.6;display:block}.er-faq{border-top:1px solid var(--border)}.er-faq .faq-a-inner a,.er-parent-note a{text-underline-offset:3px;text-decoration:underline}.er-access{background:var(--bg-tint)}.er-access-grid{grid-template-columns:1.1fr 1fr;align-items:center;gap:clamp(32px,6vw,80px);display:grid}.er-account-copy>p{color:var(--text-muted);margin:20px 0 0;font-size:17px;line-height:1.65}.er-account-copy .er-account-note{font-size:14px}.er-account-copy .er-signup-link{color:var(--text);text-underline-offset:3px;margin-top:12px;text-decoration:underline}.er-basic-plan{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-xl);padding:clamp(24px,3vw,32px)}.er-basic-plan h3{font-size:26px}.er-basic-plan>p{color:var(--text-muted);margin:12px 0 0;font-size:14px}.er-plan-limits{margin:20px 0 12px;font-size:15px}.er-plan-limits>div{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:12px 0;display:grid}.er-plan-limits dt{color:var(--text-muted)}.er-plan-limits dd{margin:0;font-weight:600}.er-start{background:var(--bg)}.er-start-inner{text-align:center;max-width:850px}.er-start-inner>p{color:var(--text-muted);margin:20px 0 24px}.er-start-inner .er-start-note,.er-start-inner .er-signup-path{margin:12px 0 0;font-size:14px}.er-signup-path .er-signup-link{text-underline-offset:3px;align-items:center;min-height:44px;padding:0 4px;text-decoration:underline;display:inline-flex}.er-start-inner .er-parent-note{margin:28px 0 0;font-size:14px}.er-page .btn-primary{min-height:48px}[data-theme=dark] .er-page .btn-primary,[data-theme=dark] .er-page .btn-primary:hover{background:var(--brand-blue-deep)}@media (max-width:980px){.er-hero-grid{grid-template-columns:1fr;gap:32px}.er-hero-visual{width:100%;max-width:700px;margin:0 auto}.er-tools-grid{grid-template-columns:1fr}.er-tool h3{font-size:25px}}@media (max-width:700px){.er-hero-grid,.er-focus-grid,.er-access-grid{grid-template-columns:1fr;gap:32px}.er-focus-grid{row-gap:24px}.er-hero-copy{max-width:600px}.er-hero h1{font-size:clamp(32px,8.6vw,46px)}.er-lede{margin-top:20px}.er-examples-stage{row-gap:20px}.er-carousel-arrow{flex-basis:44px;width:44px;height:44px}.er-example-copy{grid-template-columns:1fr;gap:12px}.er-example-mode{grid-row:1}.er-main-action .btn,.er-focus-cta,.er-start .btn{white-space:normal;text-align:center;justify-content:center;width:100%}.er-focus-list{padding-top:0;padding-bottom:0}.er-page .er-parent-note a{padding:10px 0;display:inline-block}}@media (prefers-reduced-motion:reduce){.er-example{transition:none}}