:root{color-scheme:light;interpolate-size:allow-keywords;--accent-strong:color-mix(in oklab, var(--accent), black 22%);--accent-deep:color-mix(in oklab, var(--accent), black 45%);--accent-soft:color-mix(in oklab, var(--accent) 12%, white);--accent-faint:color-mix(in oklab, var(--accent) 6%, white);--accent-border:color-mix(in oklab, var(--accent) 28%, white);--ink:#0f172a;--text:#475569;--muted:#64748b;--line:#e2e8f0;--line-strong:#cbd5e1;--soft:#f8fafc;--night:#020617;--ok:#047857;--ok-ink:#064e3b;--ok-bg:#ecfdf5;--ok-line:#6ee7b7;--bad-ink:#881337;--bad-bg:#fff1f2;--bad-line:#fb7185;--radius:1rem;--radius-lg:1.5rem;--shadow:0 1px 2px rgb(15 23 42 / 0.05);--shadow-lift:0 10px 30px -12px rgb(15 23 42 / 0.18);--shadow-float:0 24px 60px -24px rgb(15 23 42 / 0.3);--font:ui-sans-serif, system-ui, sans-serif}@view-transition{navigation: auto; }*,::before,::after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-height:100dvh;display:grid;grid-template:auto 1fr auto/minmax(0,1fr);font:1rem/1.6 var(--font);color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased;overflow-x:clip}body:has(.quiz-modal:not([hidden])){overflow:hidden}[hidden]{display:none!important}h1,h2,h3,h4,p,ul,ol,dl,dd,figure,blockquote{margin:0}h1,h2,h3{line-height:1.15;letter-spacing:-.025em;text-wrap:balance;overflow-wrap:break-word}h1,h2,h3{font-weight:650;hyphens:auto}p,li,dd{text-wrap:pretty}img,svg{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:4px}summary{cursor:pointer;list-style:none;&::-webkit-details-marker{display:none}}.icon{width:1.15em;height:1.15em;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.wrap{width:min(100% - clamp(2rem,5vw,4rem),80rem);margin-inline:auto}.wrap.narrow{width:min(100% - clamp(2rem,5vw,4rem),56rem)}.eyebrow{font-size:.8rem;font-weight:650;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-strong)}.pill{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;border:1px solid var(--accent-border);border-radius:999px;background:var(--accent-faint);font-size:.875rem;font-weight:650;color:var(--accent-strong)}.lead{font-size:clamp(1.05rem,1.6vw,1.15rem);line-height:1.7;color:var(--text)}.note{font-size:.875rem;line-height:1.6;color:var(--muted)}.centered{text-align:center}.chip{display:inline-grid;place-items:center;width:2.75rem;aspect-ratio:1;flex:none;border-radius:.75rem;background:var(--accent-faint);color:var(--accent-strong);font-size:1.25rem;&.ring{background:#fff;box-shadow:inset 0 0 0 1px var(--accent-border),var(--shadow)}}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.75rem;padding:.65rem 1.25rem;border:0;border-radius:.75rem;background:var(--accent);color:#fff;font-size:.95rem;font-weight:650;line-height:1.25;text-align:center;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s,translate .2s;.icon{transition:translate .2s}&:hover{background:var(--accent-strong);.icon:last-child{translate:.15rem}}&.large{min-height:3.25rem;padding-inline:1.5rem;font-size:1rem}&.small{min-height:2.4rem;padding:.45rem 1rem;font-size:.875rem}&.wide{width:100%}&.quiet{background:#fff;color:#334155;box-shadow:inset 0 0 0 1px var(--line-strong);&:hover{color:var(--ink);box-shadow:inset 0 0 0 1px #94a3b8}}&.outline{background:#fff;color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);&:hover{background:var(--accent-faint)}}&.light{background:#fff;color:var(--accent-strong);&:hover{background:var(--accent-faint)}}&.ghost{background:0 0;color:#fff;box-shadow:inset 0 0 0 1px rgb(255 255 255/.7);&:hover{background:rgb(255 255 255/.1)}}&:disabled{background:var(--line-strong);color:#fff;cursor:not-allowed;box-shadow:none}}.icon-button{display:inline-grid;place-items:center;width:2.75rem;aspect-ratio:1;flex:none;border:0;border-radius:999px;background:#f1f5f9;color:#334155;font-size:1.1rem;cursor:pointer;transition:background .2s;&:hover{background:var(--line)}}.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem;&.tight{margin-top:.75rem}}.more{display:inline-flex;align-items:center;gap:.4rem;font-size:.9rem;font-weight:650;color:var(--accent-strong);.icon{transition:translate .2s}}.site-header{position:sticky;top:0;z-index:40;background:rgb(255 255 255/.9);backdrop-filter:blur(16px)saturate(1.4);border-bottom:1px solid var(--line);view-transition-name:site-header;> .wrap{display:flex;align-items:center;gap:1rem;min-height:4rem;padding-block:.6rem}}.brand{flex:none;display:inline-flex;align-items:center;gap:.75rem;margin-right:auto;font-size:1.15rem;font-weight:650;letter-spacing:-.02em}.brand-mark{display:inline-grid;place-items:center;width:2.5rem;aspect-ratio:1;border-radius:.75rem;background:var(--accent);color:#fff;font-size:1.2rem}.primary-nav{display:none;align-items:center;gap:.25rem;> a:not(.button), .dropdown > button{display:inline-flex;align-items:center;gap:.3rem;padding:.5rem .75rem;border:0;border-radius:.6rem;background:0 0;cursor:pointer;font-size:.875rem;font-weight:500;color:var(--text);transition:background .2s,color .2s;&:hover{background:#f1f5f9;color:var(--ink)}&.active{background:var(--accent-faint);color:var(--accent-strong)}}> .button{margin-left:.25rem}.dropdown > button .icon{font-size:.8rem;transition:rotate .2s}}.dropdown{> button{anchor-name:var(--anchor,none)}&:has(> :popover-open) > button .icon{rotate:180deg}&.languages > button{font-size:1.1rem}&.languages .dropdown-menu{position-area:bottom span-left;min-width:0}}.dropdown-menu{position-anchor:var(--anchor,auto);position-area:bottom span-right;inset:auto;width:min-content;min-width:14rem;margin:.35rem 0 0;gap:.1rem;padding:.4rem;border:1px solid var(--line);border-radius:.9rem;background:#fff;box-shadow:var(--shadow-lift);&:popover-open{display:grid}a{padding:.5rem .75rem;border-radius:.55rem;font-size:.875rem;color:var(--text);&:hover{background:#f1f5f9;color:var(--ink)}&.active{background:var(--accent-faint);color:var(--accent-strong);font-weight:600}}}.header-actions{display:flex;align-items:center;gap:.5rem}.menu-button{anchor-name:--menu;display:inline-flex;align-items:center;gap:.4rem;min-height:2.4rem;padding:.45rem .8rem;border:1px solid var(--line);border-radius:.75rem;background:#fff;color:var(--text);font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s;&:hover{background:#f1f5f9}.icon{font-size:1.15rem}}.mobile-menu{position-anchor:--menu;position-area:bottom span-left;margin:.6rem 0 0;inset:auto;width:min(19rem,100vw - 2rem);max-height:calc(100dvh - 5.5rem);overflow-y:auto;padding:.6rem;border:1px solid var(--line);border-radius:1.1rem;background:#fff;color:var(--ink);box-shadow:var(--shadow-float);opacity:0;translate:0 -.5rem;transition:opacity .2s,translate .2s,overlay .2s allow-discrete,display .2s allow-discrete;&:popover-open{display:grid;gap:.15rem;opacity:1;translate:0;@starting-style{opacity: 0; translate: 0 -0.5rem; }}a:not(.button), summary{display:flex;align-items:center;justify-content:space-between;padding:.7rem .9rem;border-radius:.7rem;font-size:.925rem;font-weight:500;color:var(--text);&:hover{background:#f1f5f9;color:var(--ink)}&.active{background:var(--accent-faint);color:var(--accent-strong)}}summary .icon{transition:rotate .2s}details[open] summary .icon{rotate:180deg}details a:not(.button){margin-left:.75rem;padding-block:.55rem;font-weight:400}.button{margin-top:.4rem}}.menu-languages{display:flex;justify-content:center;gap:.25rem;margin-top:.4rem;padding-top:.4rem;border-top:1px solid var(--line);font-size:1.15rem}@supports not (position-area:bottom){.mobile-menu{position:fixed;inset:4.5rem 1rem auto auto}.dropdown-menu{inset:4.5rem 0 auto;margin-inline:auto}}.header-actions .button{white-space:nowrap}@media(width < 25rem){.header-actions .button{padding-inline:.8rem}.menu-button{padding-inline:.6rem}.menu-button span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}@media(width >= 80rem){.primary-nav{display:flex}.header-actions,.mobile-menu{display:none}}.band{padding-block:clamp(3.5rem,8vw,5rem);background:var(--soft);border-block:1px solid var(--line)}.band+.band{border-top:0}.band.white{background:#fff}.band.soft{background:var(--accent-faint)}.band-title{margin-bottom:2rem;font-size:clamp(1.6rem,3vw,2.1rem)}.intro{max-width:48rem;margin-bottom:2.5rem;h2{font-size:clamp(1.75rem,3.6vw,2.25rem)}.eyebrow + h2{margin-top:.75rem}> p:not([class]){margin-top:1rem;font-size:1.1rem;line-height:1.7;color:var(--text)}&.centered{margin-inline:auto}}.card-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));&.two{grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr))}&.three{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr))}&.four{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr))}}@media(width >= 64rem){.card-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}}.card{position:relative;display:flex;flex-direction:column;gap:.6rem;padding:clamp(1.25rem,3vw,1.6rem);border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow);h2, h3{font-size:1.15rem;line-height:1.35}> p:not([class]){font-size:.9rem;line-height:1.65;color:var(--text)}> .chip{margin-bottom:.5rem}> .more, > .button{margin-top:auto;padding-top:.6rem;align-self:flex-start}> .button{padding-top:.65rem;align-self:stretch}&.soft{background:var(--soft);box-shadow:none}&.soft h3 a{text-decoration:underline;text-decoration-color:#94a3b8;text-underline-offset:4px;&:hover{color:var(--accent-strong)}}}.link-card,.tile{transition:border-color .2s,box-shadow .2s,translate .2s;&:hover{border-color:var(--accent-border);box-shadow:var(--shadow-lift)}&:hover :is(h2, h3){color:var(--accent-strong)}&:hover .more .icon{translate:.25rem}}.link-card{ :is(h2, h3) a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; } &:has(a:focus-visible) { outline: 3px solid var(--accent); outline-offset: 3px; } a:focus-visible { outline: none; }}.tile:hover{translate:0 -3px;border-color:var(--accent)}.media-card{padding:0;overflow:hidden;> :not(img){margin-inline:clamp(1.25rem,3vw,1.5rem)}> :last-child{margin-bottom:clamp(1.25rem,3vw,1.5rem)}> img{width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--soft);margin-bottom:.5rem}> h2:first-child{margin-top:clamp(1.25rem,3vw,1.5rem)}}.panel{padding:clamp(1.4rem,4vw,2rem);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--soft);> h2{font-size:clamp(1.4rem,3vw,1.75rem)}> .eyebrow + h2{margin-top:.6rem}> p:not([class]){margin-top:.9rem;max-width:42rem;line-height:1.7;color:var(--text)}> .button{margin-top:1.5rem}&.accent{border-color:var(--accent-border);background:var(--accent-faint)}&.accent > .button{margin-top:1.5rem}}.panel-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem 2rem;margin-bottom:1.5rem;h2{margin-top:.4rem;font-size:clamp(1.35rem,2.6vw,1.6rem)}.intro{margin-bottom:0}.intro h2{margin-top:0}}.cta-panel{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem;margin-top:3rem;h2{margin-top:.5rem;font-size:clamp(1.35rem,2.6vw,1.6rem)}p:not([class]){margin-top:.5rem;max-width:40rem;line-height:1.7;color:var(--text)}}.page-head{margin-top:clamp(2.5rem,6vw,4rem);h1{font-size:clamp(2.1rem,5vw,3rem)}.lead{margin-top:1rem;max-width:48rem}}.page-intro{max-width:48rem;margin:clamp(2.5rem,6vw,4rem)auto clamp(2rem,5vw,3rem);text-align:center;h1{font-size:clamp(2.1rem,5vw,3rem)} :is(.eyebrow, .pill) + h1 { margin-top: 1rem; } .lead { margin-top: 1rem; }}.listing{margin-block:2.5rem clamp(3.5rem,8vw,5rem)}.hero{padding-block:clamp(3rem,7vw,5.5rem);background:linear-gradient(135deg,#fff 0%,var(--accent-faint) 55%,var(--accent-soft) 100%);border-bottom:1px solid var(--line);&.white{background:#fff;border-bottom:0}&.soft{background:linear-gradient(180deg,var(--accent-faint),#fff);border-bottom:0}h1{font-size:clamp(2.3rem,5.5vw,3.6rem);line-height:1.08;letter-spacing:-.035em} :is(.eyebrow, .pill) + h1 { margin-top: 1.25rem; } .lead { margin-top: 1.25rem; max-width: 44rem; }}.hero-copy{max-width:56rem}.hero-grid{display:grid;gap:clamp(2.5rem,5vw,4rem);align-items:center;&.top{align-items:start}}@media(width >= 64rem){.hero-grid{grid-template-columns:minmax(0,1.1fr)minmax(0,.9fr)}}.checks{display:grid;gap:.75rem;margin:2rem 0 0;padding:0;list-style:none;font-size:.925rem;color:#334155;li{display:flex;gap:.6rem}.icon{margin-top:.15rem;color:var(--accent)}}@media(width >= 40rem){.checks{grid-template-columns:1fr 1fr}.checks.three{grid-template-columns:repeat(3,1fr)}.panel .checks{grid-template-columns:1fr}}.feature-panel{padding:clamp(1.5rem,4vw,2rem);border-color:var(--accent-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-float);> h2{font-size:1.5rem}> .eyebrow + h2{margin-top:.5rem}> p:not([class]){font-size:1rem}}.feature-list{display:grid;gap:.9rem;margin-block:.75rem .5rem;article{padding:1.1rem 1.25rem;border-radius:var(--radius);background:var(--soft)}h3{font-size:1rem}p{margin-top:.35rem;font-size:.875rem;line-height:1.6;color:var(--text)}.with-chip{display:flex;gap:.9rem;border:1px solid var(--line);background:#fff}.with-chip .chip{width:2.5rem;font-size:1.1rem}}.dark-band{padding-block:clamp(3.5rem,8vw,5rem);background:var(--night);color:#fff;> .wrap > h2{font-size:clamp(1.75rem,3.6vw,2.25rem)}.eyebrow{color:var(--accent-soft)}p:not([class]){color:#cbd5e1;line-height:1.7}}.steps{margin-top:2.25rem;article{padding:1.6rem;border:1px solid rgb(255 255 255/.1);border-radius:var(--radius-lg);background:rgb(255 255 255/5%)}.chip{width:3rem;background:rgb(255 255 255/.1);color:var(--accent-soft)}h3{margin-top:1.25rem;font-size:1.15rem}p{margin-top:.6rem;font-size:.9rem}}.cta-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:2rem;h2{font-size:clamp(1.6rem,3.4vw,2rem)}.eyebrow + h2{margin-top:.75rem}p:not([class]){margin-top:.75rem;max-width:42rem;line-height:1.7}.actions{margin-top:0}}.band .cta-row p:not([class]){color:var(--text)}.brand-band{padding-block:clamp(3.5rem,8vw,5rem);background:var(--accent);color:#fff;text-align:center;h2{font-size:clamp(1.75rem,4vw,2.4rem)}> .wrap > p{margin:1rem auto 0;max-width:44rem;font-size:1.1rem;line-height:1.7;color:rgb(255 255 255/.9)}.actions{justify-content:center}}.store-button{display:inline-flex;align-items:center;gap:.75rem;min-width:min(100%,15rem);padding:.75rem 1.4rem;border-radius:.75rem;background:#fff;color:var(--ink);text-align:left;transition:background .2s;&:hover{background:#f1f5f9}.icon{font-size:1.6rem}span{display:grid;line-height:1.25}small{font-size:.75rem;color:var(--muted)}strong{font-weight:650}&.brand{background:var(--accent);color:#fff;small{color:rgb(255 255 255/.8)}&:hover{background:var(--accent-strong)}}}.article{margin-block:clamp(2.5rem,6vw,4rem)clamp(3rem,8vw,4.5rem)}.article>.panel{margin-top:3rem}.article-head{padding-bottom:2rem;border-bottom:1px solid var(--line);h1{font-size:clamp(2rem,5vw,3rem)}.lead{margin-top:1rem}}.article-head+.prose{margin-top:2.5rem}.breadcrumb{display:flex;flex-wrap:wrap;gap:.25rem .5rem;margin-bottom:1.5rem;font-size:.875rem;color:var(--text);a{text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:4px;&:hover{color:var(--accent-strong);text-decoration-color:initial}}a + a::before{content:"›";display:inline-block;margin-right:.5rem;text-decoration:none;color:var(--muted)}}.toc{margin-top:2rem;padding:1rem 1.25rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--soft);summary{display:flex;align-items:center;justify-content:space-between;font-weight:650}summary .icon{transition:rotate .2s}&[open] summary .icon{rotate:180deg}nav{margin-top:.75rem;font-size:.9rem;line-height:1.8}ul{margin:0;padding-left:1.1rem}a{color:var(--accent-strong);text-decoration:underline;text-underline-offset:3px}}.toc+.prose{margin-top:2.5rem}details{&::details-content{block-size:0;overflow:clip;transition:block-size .25s,content-visibility .25s allow-discrete}&[open]::details-content{block-size:auto}}.prose{font-size:clamp(1rem,.95rem + .25vw,1.125rem);line-height:1.78;color:#334155;overflow-wrap:break-word;> * + *{margin-top:1.25em}> :first-child{margin-top:0} :is(h2, h3, h4) { color: var(--ink); line-height: 1.3; } &.anchored :is(h2, h3, h4) { scroll-margin-top: 6rem; } h2 { margin-top: 2em; font-size: 1.5em; font-weight: 700; } h3 { margin-top: 1.6em; font-size: 1.2em; font-weight: 650; } h4 { margin-top: 1.5em; font-size: 1em; font-weight: 650; } :is(h2, h3, h4) + * { margin-top: 0.75em; } a { color: var(--accent-strong); font-weight: 500; text-decoration: underline; text-decoration-color: color-mix(in oklab, currentColor 35%, transparent); text-underline-offset: 3px; &:hover { text-decoration-color: currentColor; } } strong { color: var(--ink); font-weight: 650; } :is(ul, ol) { padding-left: 1.5em; } li + li, li > :is(ul, ol) { margin-top: 0.5em; } li > p { margin-top: 0.5em; } li::marker { color: var(--accent-border); } ol > li::marker { font-weight: 600; color: var(--muted); } blockquote { padding: 0.75em 1.25em; border-left: 4px solid var(--accent); border-radius: 0 0.75rem 0.75rem 0; background: var(--accent-faint); color: var(--ink); } hr { border: 0; border-top: 1px solid var(--line); margin-block: 3em; } code { padding: 0.15em 0.4em; border-radius: 0.4em; background: #f1f5f9; font-size: 0.875em; } img { border-radius: 0.75rem; } figure img { margin-inline: auto; } figcaption { margin-top: 0.75em; font-size: 0.875rem; color: var(--muted); } dt { font-weight: 650; color: var(--ink); } dd { padding-left: 1.5em; } .table-scroll { overflow-x: auto; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); } table { width: 100%; border-collapse: collapse; font-size: 0.875em; line-height: 1.6; } th, td { min-width: 7.5rem; padding: 0.8rem 1rem; text-align: left; vertical-align: top; } th { background: var(--accent-faint); color: var(--accent-deep); font-weight: 650; border-bottom: 1px solid var(--accent-border); } tbody tr + tr td { border-top: 1px solid var(--line); } details { padding: 1rem 1.25rem; border: 1px solid var(--line); border-radius: var(--radius); background: var(--soft); } summary { font-weight: 650; color: var(--ink); } details[open] > summary { margin-bottom: 0.75rem; } details > * + * { margin-top: 0.75em; } &.centered { max-width: 48rem; margin-inline: auto; text-align: left; }}.workflow-figure img{width:100%}.faq{display:grid;gap:.75rem;details{border:1px solid var(--line);border-radius:var(--radius);background:#fff}summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.25rem;font-size:1.05rem;font-weight:650}summary .icon{color:var(--muted);transition:rotate .2s}details[open] summary .icon{rotate:180deg}p{padding:0 1.25rem 1.25rem;line-height:1.7;color:var(--text)}}.quiz-modal{position:fixed;inset:0;z-index:50;display:flex;align-items:flex-end;justify-content:center;padding:1rem;background:rgb(2 6 23/.6);animation:fade-in .25s}.quiz-modal-card{width:min(100%,36rem);padding:clamp(1.5rem,5vw,2rem);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-float);animation:rise-in .3s;h2{margin-top:.75rem;font-size:clamp(1.75rem,4.5vw,2.25rem)}> p{margin-top:1rem;line-height:1.7;color:var(--text)}.actions{margin-top:1.5rem}.actions > *{flex:1 1 12rem;min-height:3rem}}.quiz-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem}@media(width >= 40rem){.quiz-modal{align-items:center}}@keyframes fade-in{from{opacity:0}}@keyframes rise-in{from{opacity:0;translate:0 1rem}}.not-found{max-width:36rem;margin-block:clamp(3rem,12vh,7rem);padding:clamp(2rem,6vw,2.75rem);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lift);text-align:center;h1{margin-top:1.5rem;font-size:clamp(1.9rem,4vw,2.4rem)}.lead{margin-block:1rem 2rem}}.site-footer{padding-block:3.5rem 2rem;border-top:1px solid var(--line);background:var(--soft);color:var(--text);font-size:.875rem;h2{font-size:1rem;font-weight:650;letter-spacing:-.01em;color:var(--ink)}ul{display:grid;gap:.5rem;margin-top:.9rem;padding:0;list-style:none}a{transition:color .2s;&:hover{color:var(--accent-strong)}}}.footer-groups{display:grid;gap:2.5rem 2rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr))}.footer-about{h2{font-size:1.1rem}p{margin-top:.75rem;max-width:22rem;line-height:1.7}}.footer-legal{display:grid;gap:.5rem;margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--line);text-align:center;p{display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem .75rem;line-height:1.8}p:first-child > * + *::before{content:"·";margin-right:.75rem;color:var(--muted)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,::before,::after{transition:none!important;animation:none!important}@view-transition{navigation: none; }}.progress{height:.5rem;overflow:hidden;border-radius:999px;background:var(--line);> div{width:20%;height:100%;border-radius:inherit;background:var(--accent);transition:width .3s}}.quiz-status{position:sticky;top:4.75rem;z-index:10;padding:1rem 1.25rem;border:1px solid var(--line);border-radius:var(--radius);background:rgb(255 255 255/.94);backdrop-filter:blur(10px);box-shadow:var(--shadow);> div:first-child{display:flex;justify-content:space-between;gap:1rem;font-size:.875rem;font-weight:650;color:#334155}.progress{margin-top:.75rem}&.plain{position:static;padding:0;border:0;background:0 0;backdrop-filter:none;box-shadow:none;margin-bottom:1.5rem}&.plain p{font-size:.875rem;font-weight:650;color:var(--text)}&.plain .progress{margin-top:.5rem;height:.4rem}}.quiz-card{gap:0;padding:clamp(1.25rem,4vw,2rem);border-radius:var(--radius-lg);scroll-margin-top:11rem;> .eyebrow{letter-spacing:.04em;text-transform:none;font-size:.875rem}h2, h3{margin-top:.6rem;font-size:clamp(1.3rem,3vw,1.6rem);line-height:1.3} [data-free-test-question-content] > h3 { margin-top: 0; }}.answers{display:grid;gap:.75rem;margin-top:1.5rem}.answer{width:100%;padding:1rem 1.25rem;border:1px solid var(--line);border-radius:.85rem;background:#fff;color:#334155;font-weight:500;line-height:1.5;text-align:left;cursor:pointer;transition:border-color .2s,background .2s,color .2s;&:enabled:hover{border-color:var(--accent-border);background:var(--accent-faint);color:var(--ink)}&:disabled{cursor:default}&:is([data-result=correct], [data-answer-state=correct]){border-color:var(--ok-line);background:var(--ok-bg);color:var(--ok-ink);box-shadow:inset 0 0 0 1px var(--ok-line)}&:is([data-result=wrong], [data-answer-state=incorrect]){border-color:var(--bad-line);background:var(--bad-bg);color:var(--bad-ink);box-shadow:inset 0 0 0 1px var(--bad-line)}}.explanation{margin-top:1.5rem;padding:1.25rem;border:1px solid #a7f3d0;border-radius:var(--radius);background:var(--ok-bg);color:#334155;animation:fade-in .25s;.eyebrow{color:var(--ok);font-size:.75rem}.eyebrow + p{margin-top:.6rem}p{line-height:1.7}.feedback{margin-bottom:.6rem;font-weight:650;color:var(--ink)}img{margin:1.25rem auto 0;max-height:42rem;width:auto;border-radius:.6rem;object-fit:contain}}.quiz-next{display:flex;justify-content:flex-end;margin-top:1.5rem;&.centered{justify-content:center}.button{min-height:3rem;padding-inline:1.5rem}}.free-test{padding-bottom:clamp(3rem,8vw,5rem);overflow-wrap:anywhere}.free-test .page-intro{margin-bottom:2.5rem}.free-test-root{max-width:50rem;margin-inline:auto;scroll-margin-top:6rem}.languages-box{margin-top:1.5rem;padding:1rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--soft);> p{font-size:.75rem;font-weight:650;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}> div{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}span{padding:.25rem .75rem;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font-size:.875rem;font-weight:500;color:#334155}.page-intro & > div{justify-content:center}}.signup-panel{padding:clamp(1.5rem,4vw,2rem);border-radius:var(--radius-lg);background:var(--accent);color:#fff;scroll-margin-top:6rem;animation:rise-in .3s; [data-free-test-question-content]:not([hidden]) + & { margin-top: 2rem; } &:focus-visible { outline-color: var(--accent-strong); } > h3 { margin-top: 1.5rem; font-size: 1.5rem; } > p { margin-top: 0.75rem; max-width: 42rem; color: rgb(255 255 255 / 0.9); } label { display: block; margin-top: 1.5rem; font-size: 0.875rem; font-weight: 650; } .note { margin-top: 0.75rem; color: rgb(255 255 255 / 0.8); } .fine { margin-top: 0.5rem; font-size: 0.75rem; line-height: 1.6; color: rgb(255 255 255 / 0.72); }}.score-box{padding:1.25rem;border-radius:var(--radius);background:rgb(255 255 255/.1);.eyebrow{color:rgb(255 255 255/.8);font-size:.8rem}.score{display:flex;align-items:baseline;gap:.5rem;margin-top:.5rem;color:rgb(255 255 255/.85)}.score > span:first-child{font-size:2.4rem;font-weight:650;line-height:1;color:#fff}p:last-child{margin-top:.75rem;line-height:1.65;color:rgb(255 255 255/.9)}}.inline-form{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem;input{flex:1 1 15rem;min-height:3rem;padding:.7rem 1.1rem;border:1px solid rgb(255 255 255/.25);border-radius:.75rem;background:#fff;color:var(--ink);&::placeholder{color:#94a3b8}&:focus-visible{outline:3px solid #fff;outline-offset:2px}}.button{flex:1 0 auto;min-height:3rem}}@media(width >= 40rem){.inline-form .button{flex:none}}.plans-section{margin-bottom:clamp(3.5rem,8vw,5rem)}.plans{display:grid;gap:1.5rem;max-width:64rem;margin-inline:auto;padding-top:.9rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr))}.plan{gap:0;padding:1.75rem;text-align:center;h3{font-size:1.25rem}&.featured{border:2px solid var(--accent);box-shadow:var(--shadow-lift)}.price{margin-top:1rem;font-size:1rem;color:var(--muted)}.price span{font-size:3rem;font-weight:650;line-height:1;letter-spacing:-.03em;color:var(--ink)}.plan-note{margin-top:.75rem;font-size:.875rem;color:var(--muted)}> .button{margin-top:auto;padding-top:.65rem}}@media(width < 64rem){.plan.first{order:-1}}.plan-badge{position:absolute;top:0;left:50%;translate:-50% -50%;padding:.25rem 1rem;border-radius:999px;background:var(--accent);color:#fff;font-size:.875rem;font-weight:650;white-space:nowrap}.plan-features{display:grid;gap:.75rem;margin:1.75rem 0 2rem;padding:0;list-style:none;font-size:.9rem;line-height:1.55;color:#334155;text-align:left;li{display:flex;gap:.6rem}.icon{margin-top:.1rem;color:#10b981}}.plans-note{max-width:48rem;margin:1.5rem auto 0;font-size:.875rem;color:var(--muted);text-align:center}.contact{display:grid;gap:1.5rem;align-items:start;margin-bottom:clamp(3.5rem,8vw,5rem)}@media(width >= 64rem){.contact{grid-template-columns:minmax(0,.95fr)minmax(0,1.05fr)}}.contact-list{display:grid;gap:.75rem;article{display:flex;gap:1rem;align-items:center;padding:1rem;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.chip{font-size:1.15rem}h2{font-size:.8rem;font-weight:650;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}p{margin-top:.15rem;font-weight:500;color:var(--ink);overflow-wrap:anywhere}a{color:var(--accent);&:hover{text-decoration:underline}}}.faq-list{display:grid;gap:.75rem;h2{margin-bottom:.5rem;font-size:1.5rem}article{padding:1.25rem;border:1px solid var(--line);border-radius:var(--radius);background:#fff}h3{font-size:1rem}p{margin-top:.5rem;line-height:1.7;color:var(--text)}}.stats{display:grid;gap:1.25rem;margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));dt{font-size:1.25rem;font-weight:650;line-height:1.2;letter-spacing:-.02em;color:var(--accent-strong);overflow-wrap:break-word;hyphens:auto}dd{margin-top:.25rem;font-size:.875rem;color:var(--muted)}}.hero-image{width:100%;max-width:28rem;max-height:30rem;margin-inline:auto;object-fit:contain}.highlights{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin:1.75rem 0 0;padding:0;list-style:none;li{display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;color:var(--text)}.icon{color:var(--accent)}}.hero .note{margin-top:.75rem}.hero-visual{position:relative;width:100%;max-width:32rem;margin-inline:auto}.sample{gap:0;padding:clamp(1.25rem,4vw,1.75rem);border-radius:var(--radius-lg);box-shadow:var(--shadow-float);.progress{margin-top:.75rem;height:.4rem}h2, .sample-question{margin-top:1.5rem;font-size:1.2rem;font-weight:650;line-height:1.35;letter-spacing:-.015em;color:var(--ink)}.explanation{margin-top:1.25rem;padding:1rem}.explanation p:last-child{font-size:.875rem}.more{margin-top:1.25rem}}.sample-head{display:flex;justify-content:space-between;gap:1rem;font-size:.875rem;font-weight:650;color:var(--text);.eyebrow{font-size:.875rem;letter-spacing:0;text-transform:none}}.sample-answers{display:grid;gap:.6rem;margin-top:1.25rem;p{padding:.8rem 1rem;border:1px solid var(--line);border-radius:.8rem;font-size:.9rem;font-weight:500;color:#334155}.correct{display:flex;align-items:center;justify-content:space-between;gap:.75rem;border-color:var(--ok-line);background:var(--ok-bg);color:var(--ok-ink)}.correct .icon{color:#059669}}.fail-chart{padding:clamp(1.5rem,4vw,2rem);border-radius:var(--radius-lg);box-shadow:var(--shadow-float);> p:not([class]){color:var(--text)}}.fail-head{display:flex;align-items:center;gap:.75rem;font-size:.75rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;span{padding:.25rem .6rem;border-radius:.5rem;background:var(--line);font-size:.875rem;letter-spacing:0;white-space:nowrap}}.donut{display:grid;place-items:center;width:12rem;aspect-ratio:1;margin:1.5rem auto;border-radius:50%;background:conic-gradient(#94a3b8 0,#64748b 41%,var(--line) 41% 100%);box-shadow:var(--shadow-lift);p{display:grid;place-items:center;width:9rem;aspect-ratio:1;border-radius:50%;background:#fff;text-align:center;align-content:center}strong{font-size:2.25rem;line-height:1.1;letter-spacing:-.03em}span{font-size:.75rem;font-weight:650;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}}.fail-stats{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.75rem;p{display:grid;padding:1rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--soft);font-size:.75rem;font-weight:600;color:var(--text);text-align:center}strong{font-size:1.5rem;letter-spacing:-.02em;color:var(--ink)}.accent{border-color:var(--accent-border);background:var(--accent-faint);strong{color:var(--accent-strong)}}}.guarantee{margin-top:1rem;text-align:center;font-weight:700;mark{padding:.15rem .4rem;border-radius:.35rem;background:var(--accent-soft);color:var(--ink);box-decoration-break:clone;-webkit-box-decoration-break:clone}}.stat-strip{border-block:1px solid var(--line);background:var(--soft);> .wrap{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem 3rem;padding-block:1.5rem}p{font-size:.875rem;color:var(--text)}strong{margin-right:.35rem;font-size:1.2rem;font-weight:650;color:var(--ink)}}.stat-strip+.band{border-top:0}.readiness{display:grid;gap:clamp(2.5rem,5vw,3.5rem);align-items:center;h2{font-size:clamp(1.75rem,3.6vw,2.25rem)}.lead{margin-top:1.25rem;max-width:42rem}.button{margin-top:2.25rem}figure{width:100%;max-width:18rem;margin-inline:auto}img{filter:drop-shadow(0 24px 40px rgb(15 23 42/.16))}figcaption{margin-top:1rem;font-size:.875rem;color:var(--muted);text-align:center}}@media(width >= 64rem){.readiness{grid-template-columns:minmax(0,1fr)minmax(18rem,.7fr)}}.points{display:grid;gap:1.5rem;margin:2rem 0 0;padding:0;list-style:none;li{display:flex;gap:1rem}strong{display:block;color:var(--ink)}li > span:last-child{font-size:.9rem;line-height:1.65;color:var(--text)}}.numbered-steps{display:grid;gap:2.5rem;max-width:64rem;margin:0 auto;padding:0;list-style:none;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));li{text-align:center}h3{margin-top:1.25rem;font-size:1.15rem}p{margin-top:.5rem;font-size:.9rem;line-height:1.65;color:var(--text)}}@media(width >= 48rem){.numbered-steps li{text-align:left}}.step-number{display:inline-grid;place-items:center;width:3rem;aspect-ratio:1;border-radius:50%;background:var(--accent);color:#fff;font-size:1.1rem;font-weight:650;&.small{width:2.25rem;font-size:.9rem}}.centered-action{margin-top:3rem;text-align:center}.testimonial{.stars{display:flex;gap:.2rem;color:var(--accent)}blockquote{flex:1;margin-top:.5rem;line-height:1.7;color:#334155}figcaption{display:flex;align-items:center;gap:.75rem;margin-top:1rem;font-size:.75rem;color:var(--muted)}figcaption > span:last-child{display:grid}strong{font-size:.875rem;color:var(--ink)}}.avatar{display:inline-grid;place-items:center;width:2.75rem;aspect-ratio:1;border-radius:50%;background:var(--accent-soft);color:var(--accent-strong);font-weight:650}.brand-band.ready{h2{font-size:clamp(1.9rem,4.5vw,3rem);line-height:1.15}u{text-decoration-color:rgb(255 255 255/.4);text-underline-offset:.2em}.sub{margin-top:.5rem;font-size:1rem;color:rgb(255 255 255/.8)}.actions{align-items:center;gap:1.25rem;margin-top:2.25rem}.users{display:inline-flex;align-items:center;gap:.5rem;color:rgb(255 255 255/.9);strong{color:#fff}}}.ready-cards{display:grid;gap:2rem;max-width:56rem;margin:3rem auto 0;text-align:left;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));h3{display:flex;gap:.5rem;font-size:1rem}h3 .icon{margin-top:.1rem;color:rgb(255 255 255/.8)}p{margin-top:.5rem;font-size:.875rem;line-height:1.65;color:rgb(255 255 255/.82)}}.catalogue{margin-top:2.5rem;.intro{margin-bottom:1.25rem}.intro h2{font-size:clamp(1.5rem,3vw,1.9rem)}.intro > p:not([class]){margin-top:.5rem;font-size:1rem}}.catalogue-groups{display:grid;gap:1rem;align-items:start}@media(width >= 64rem){.catalogue-groups{grid-template-columns:repeat(3,minmax(0,1fr))}}.catalogue-group{padding:1rem;border:1px solid rgb(255 255 255/.8);border-radius:var(--radius);background:rgb(255 255 255/.9);box-shadow:var(--shadow);h3{font-size:.9rem}> div{display:grid;gap:.5rem;margin-top:.75rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,14rem),1fr))}}@media(width >= 64rem){.catalogue-group>div{grid-template-columns:1fr}}.row-link{display:flex;align-items:center;gap:1rem;padding:1.1rem 1.25rem;flex-direction:row;transition:border-color .2s,box-shadow .2s,translate .2s;> span:nth-child(2){display:grid;gap:.15rem}strong{font-size:1.05rem;font-weight:650;color:var(--ink)}small{font-size:.875rem;color:var(--muted)}> .icon:last-child{margin-left:auto;color:#94a3b8;transition:translate .2s,color .2s}&:hover{border-color:var(--accent);box-shadow:var(--shadow-lift)}&:hover strong, &:hover > .icon:last-child{color:var(--accent-strong)}&:hover > .icon:last-child{translate:.2rem}&.compact{gap:.75rem;padding:.6rem .75rem;border:1px solid var(--line);border-radius:.75rem;background:#fff}&.compact strong{font-size:.9rem;color:#1e293b}&.compact .chip{width:2rem;border-radius:.5rem;font-size:.9rem}&.compact > .icon:last-child{font-size:.85rem}}.hub-groups{display:grid;gap:3rem;margin-block:1rem clamp(3.5rem,8vw,5rem);h2{margin-bottom:1.25rem;font-size:clamp(1.5rem,3vw,1.9rem)}}.with-aside{display:grid;gap:2.5rem;align-items:start;margin-block:clamp(2.5rem,6vw,4rem)}@media(width >= 64rem){.with-aside{grid-template-columns:minmax(0,1fr)22rem}.with-aside .offer{position:sticky;top:6rem}}.offer{ul{display:grid;gap:.6rem;margin-top:1.25rem;padding-left:1.25rem;color:#334155}.button{width:100%;margin-top:1.75rem}.note{margin-top:1rem}}.facts{display:grid;gap:1rem;margin-top:1.25rem;div{display:flex;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid #f1f5f9}div:last-child{padding-bottom:0;border:0}dt{font-size:.875rem;color:var(--muted)}dd{font-weight:650;text-align:right}}.products{display:grid;gap:2.5rem;margin-bottom:clamp(3.5rem,8vw,5rem)}.product{> h2{font-size:1.5rem}> p:not([class]){margin-top:.5rem;font-size:.9rem}.plans{max-width:none;margin-top:1.5rem}}.fact-chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1rem;div{padding:1rem .5rem;border-radius:var(--radius);background:var(--soft);text-align:center}dt{font-size:1.5rem;font-weight:650;letter-spacing:-.02em}dd{margin-top:.25rem;font-size:.75rem;font-weight:500;line-height:1.35;color:var(--text)}}.fact-list{display:grid;gap:1rem;margin-top:.75rem;padding-top:1.25rem;border-top:1px solid var(--line);h3{font-size:.9rem}p{margin-top:.25rem;font-size:.875rem;line-height:1.6;color:var(--text)}}.step-cards{margin:0;padding:0;list-style:none;h3{margin-top:.5rem}}.lp-hero,.lp-section,.lp-proof,.lp-ready{--navy:#10356d;--blue:#1768ef;--blue-hover:#1258d0;--link:#1261d7;--link-hover:#0d47a1;--tint:#f5f8fe;--rule:#dce5f1;--rule-strong:#d7e1ed;--body:#385473;--body-soft:#526b84;--body-muted:#60748b;--body-strong:#294766;--lp-shadow:0 12px 34px rgb(16 53 109 / 0.08)}.lp-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:3rem;padding:.75rem 1.25rem;border:0;border-radius:.5rem;background:var(--blue);color:#fff;font-size:1rem;font-weight:650;cursor:pointer;box-shadow:0 4px 12px rgb(23 104 239/.2);transition:background .2s,color .2s,border-color .2s;&:hover{background:var(--blue-hover)}&.small{min-height:2.75rem;padding:.5rem 1rem;font-size:.875rem;box-shadow:none}&.outline{background:#fff;color:var(--link);box-shadow:inset 0 0 0 1px #a8b8ca;&:hover{color:var(--link-hover);box-shadow:inset 0 0 0 1px var(--blue)}}&.light{background:#fff;color:var(--navy);padding-inline:1.75rem;box-shadow:0 10px 20px rgb(0 0 0/.1);&:hover{background:#edf4ff}}&:focus-visible{outline:2px solid var(--blue);outline-offset:2px}}.lp-hero{overflow:hidden;border-bottom:1px solid var(--rule);background:var(--tint)}.lp-hero-grid{display:grid;gap:1.75rem;align-items:center;padding-block:clamp(1rem,5vw,3.5rem)}.lp-hero-copy{position:relative;z-index:1;h1{max-width:36rem;font-size:clamp(2rem,9vw,3.75rem);font-weight:650;line-height:1.02;letter-spacing:-.055em;color:var(--navy)}.lp-pill + h1{margin-top:1rem}}.lp-pill{display:inline-flex;max-width:36rem;padding:.35rem .75rem;border:1px solid #c5d6ee;border-radius:999px;background:#fff;font-size:.875rem;font-weight:650;color:var(--blue)}.lp-lead{max-width:36rem;margin-top:1.25rem;font-size:clamp(1rem,2vw,1.125rem);line-height:1.75;color:var(--body)}.lp-practice{margin-top:1.25rem;.lp-button{width:100%}p{margin-top:.5rem;font-size:.875rem;line-height:1.4;color:var(--body-muted)}}@media(width >= 40rem){.lp-practice .lp-button{width:auto}}.lp-benefits{display:grid;gap:.75rem;margin:1.5rem 0 0;padding:0;list-style:none;li{display:flex;align-items:flex-start;gap:.75rem;font-size:.875rem;font-weight:500;line-height:1.6;color:var(--body-strong)}li > span{display:inline-grid;place-items:center;width:1.5rem;aspect-ratio:1;flex:none;margin-top:.1rem;border:1px solid var(--blue);border-radius:50%;color:var(--blue);font-size:.8rem}.icon{stroke-width:2.5}}.lp-road{order:1;width:100%;max-width:28rem;margin-inline:auto;img{width:100%;mix-blend-mode:multiply}}.lp-signup{position:relative;z-index:1;padding:clamp(1.25rem,4vw,1.75rem);border:1px solid var(--rule-strong);border-radius:1rem;background:#fff;box-shadow:0 18px 46px rgb(16 53 109/.11);scroll-margin-top:6rem;h2{font-size:clamp(1.5rem,4vw,1.875rem);font-weight:650;letter-spacing:-.03em;color:var(--navy);text-align:center}form{margin-top:1.25rem}label{display:block;font-size:.875rem;font-weight:650;color:#173a67}input{width:100%;min-height:3rem;margin-top:.5rem;padding:0 1rem;border:1px solid #9aabc0;border-radius:.5rem;background:#fff;color:var(--navy);transition:border-color .2s,box-shadow .2s;&::placeholder{color:#718096}&:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px rgb(23 104 239/.1)}}form .lp-button{width:100%;margin-top:1rem}}.lp-reviews{margin-top:.75rem;text-align:center;font-size:.875rem;font-weight:650;color:var(--link);a{text-decoration:underline;text-underline-offset:4px}}.lp-divider{display:flex;align-items:center;gap:.75rem;margin-block:1.25rem;font-size:.75rem;font-weight:500;color:var(--body-muted);&::before, &::after{content:"";flex:1;height:1px;background:var(--rule-strong)}}.lp-providers{display:grid;gap:.75rem;a{position:relative;display:flex;align-items:center;justify-content:center;min-height:3rem;padding-inline:3rem;overflow:hidden;border:1px solid #a8b2bd;border-radius:.5rem;background:#fff;font-size:.875rem;font-weight:500;color:#1f2937;transition:background .2s;&:hover{background:#f8fafc}&:focus-visible{outline:2px solid var(--blue);outline-offset:2px}}img{position:absolute}.google{left:1rem;height:1.25rem;width:auto}.apple{left:0;height:100%;width:auto}}.lp-secure{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;font-size:.875rem;line-height:1.6;color:var(--body-muted);text-align:center;.icon{font-size:.85rem}}.lp-stores{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem 1rem;margin-top:1rem;font-size:.875rem;font-weight:650;color:var(--link);span{font-weight:500;color:var(--body-muted)}a:hover{color:var(--link-hover)}}@media(width >= 64rem){.lp-hero-grid{grid-template-columns:minmax(0,1fr)minmax(20rem,.78fr);gap:2rem}.lp-hero-copy{grid-area:1/1}.lp-signup{grid-area:1/2}.lp-road{order:0;grid-area:2/1/3/3;margin-top:.5rem}}@media(width >= 80rem){.lp-hero-grid{grid-template-columns:minmax(0,.95fr)minmax(15rem,.72fr)minmax(20rem,.78fr)}.lp-signup{grid-area:1/3}.lp-road{grid-area:1/2;max-width:none;margin-top:0}}.lp-section{padding-block:clamp(3.5rem,8vw,5rem);background:#fff;scroll-margin-top:4.5rem;&.lp-tint{background:var(--tint)}&.lp-ruled{border-block:1px solid var(--rule)}&.lp-ruled-top{border-top:1px solid var(--rule)}&.lp-ruled-bottom{border-bottom:1px solid var(--rule)}}.lp-intro{max-width:48rem;margin:0 auto 2.5rem;text-align:center;h2{font-size:clamp(1.875rem,4vw,2.25rem);font-weight:650;letter-spacing:-.035em;color:var(--navy)}p{margin-top:.75rem;font-size:clamp(1rem,2vw,1.125rem);line-height:1.75;color:var(--body-soft)}}.lp-title{margin-bottom:2rem;font-size:clamp(1.875rem,4vw,2.25rem);font-weight:650;letter-spacing:-.035em;color:var(--navy);text-align:center}.lp-paths{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));h3{display:flex;align-items:center;gap:.75rem;font-size:1.125rem;color:var(--navy)}h3 .icon{font-size:1.9rem;color:var(--blue);stroke-width:1.5}ul{margin:1.25rem 0 0;padding:0;list-style:none}li + li{border-top:1px solid #cad7e6}a{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:2.75rem;padding-block:.5rem;font-weight:500;color:var(--link);transition:color .2s;&:hover{color:var(--link-hover)}}a .icon{font-size:.8rem}&.single{max-width:42rem;margin-inline:auto;grid-template-columns:1fr}}@media(width >= 64rem){.lp-paths:not(.single){grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.lp-paths:not(.single)>div{padding-inline:1.75rem}.lp-paths:not(.single)>div+div{border-left:1px solid #cad7e6}}.lp-center{margin-top:2.25rem;text-align:center}.lp-link{display:inline-flex;align-items:center;gap:.5rem;min-height:2.75rem;padding:.5rem 1rem;border-radius:.5rem;font-weight:650;color:var(--link);transition:background .2s,color .2s;&:hover{background:#fff;color:var(--link-hover)}}.lp-proof{border-bottom:1px solid var(--rule);background:#fff;> .wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr))}> .wrap > div{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem .5rem}> .wrap > div + div{border-top:1px solid var(--rule)}> .wrap > div > .icon{margin-top:.1rem;font-size:1.5rem;color:var(--blue);stroke-width:1.5}h3{font-size:.875rem;font-weight:650;letter-spacing:0;color:var(--navy)}p{margin-top:.25rem;font-size:.875rem;line-height:1.45;color:var(--body-soft)}a{display:inline-flex;align-items:center;gap:.35rem;margin-top:.5rem;font-size:.875rem;font-weight:650;color:var(--link);&:hover{color:var(--link-hover)}}}@media(width >= 40rem){.lp-proof>.wrap>div{padding:1.5rem 1.25rem}.lp-proof>.wrap>div+div{border-top:0}.lp-proof>.wrap>div:nth-child(n+3){border-top:1px solid var(--rule)}}@media(width >= 64rem){.lp-proof>.wrap{grid-template-columns:repeat(4,minmax(0,1fr))}.lp-proof>.wrap>div:nth-child(n){border-top:0}.lp-proof>.wrap>div+div{border-left:1px solid var(--rule)}}.lp-reels{display:flex;gap:1rem;margin-inline:calc(clamp(1rem,2.5vw,2rem) * -1);padding:0 clamp(1rem,2.5vw,2rem).5rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:clamp(1rem,2.5vw,2rem);scrollbar-width:none;&::-webkit-scrollbar{display:none}button{flex:none;width:clamp(9.5rem,30vw,11rem);padding:0;border:0;background:0 0;text-align:left;scroll-snap-align:start;cursor:pointer}button:hover .lp-play{scale:1.08}}@media(width >= 64rem){.lp-reels{margin-inline:0;padding-inline:0;scroll-padding-inline:0}}.lp-reel-frame{position:relative;display:block;aspect-ratio:9/16;overflow:hidden;border:1px solid var(--rule-strong);border-radius:1rem;background:var(--navy);box-shadow:var(--lp-shadow);img{width:100%;height:100%;object-fit:cover}&::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgb(16 53 109/.5),transparent 50%)}}.lp-play{position:absolute;inset:0;z-index:1;display:grid;place-items:center;margin:auto;width:3rem;height:3rem;border-radius:50%;background:#fff;color:var(--blue);font-size:1.4rem;box-shadow:0 4px 12px rgb(0 0 0/.2);transition:scale .2s}.lp-reel-label{display:block;margin-top:.75rem;overflow:hidden;font-size:.875rem;font-weight:650;color:var(--navy);text-align:center;text-overflow:ellipsis;white-space:nowrap}.lp-dialog{width:min(22rem,100vw - 2rem,(100dvh - 6rem) * 9/16);max-height:calc(100dvh - 2rem);margin:auto;padding:0;border:0;border-radius:1rem;background:#000;box-shadow:0 24px 60px rgb(16 53 109/.35);&::backdrop{background:rgb(16 53 109/.7)}form{display:flex;justify-content:flex-end;padding:.75rem .75rem .5rem}.icon-button{width:2.5rem;background:#fff;color:#10356d;&:hover{background:#edf4ff}&:focus-visible{outline-color:#fff}}}.lp-dialog-frame{aspect-ratio:9/16;overflow:hidden;border-radius:0 0 1rem 1rem;iframe{width:100%;height:100%;border:0}}.lp-card{border:1px solid var(--rule-strong);border-radius:1rem;background:#fff;box-shadow:var(--lp-shadow)}.lp-eyebrow{font-size:.75rem;font-weight:650;letter-spacing:.16em;text-transform:uppercase;color:var(--body-muted)}.lp-evidence{display:grid;gap:1.5rem}@media(width >= 64rem){.lp-evidence{grid-template-columns:minmax(0,1.35fr)minmax(0,.85fr)}}.lp-reviews-card{padding:clamp(1.5rem,4vw,2rem);scroll-margin-top:6rem;h3{margin-top:.75rem;font-size:1.5rem;letter-spacing:-.025em;color:var(--navy)}> .lp-button{margin-top:1.5rem}}.lp-reviews-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1.25rem;padding-bottom:1.5rem;border-bottom:1px solid var(--rule);> p{max-width:24rem;font-size:.875rem;line-height:1.6;color:var(--body-muted)}}.lp-source{margin-top:1.25rem;font-size:.875rem;color:var(--body-muted);a{text-decoration:underline;text-underline-offset:4px}}.lp-quotes{display:grid;gap:1rem;margin-top:1.5rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));blockquote{display:flex;flex-direction:column;padding:1rem;border:1px solid var(--rule);border-radius:.75rem;background:#f8faff}p{flex:1;font-size:.875rem;line-height:1.6;color:var(--body-strong)}footer{display:grid;margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--rule);font-size:.75rem;line-height:1.6;color:var(--body-muted)}strong{color:var(--navy)}}.lp-exam{display:flex;flex-direction:column;padding:clamp(1.5rem,4vw,2rem);border:1px solid #c7d8f0;border-radius:1rem;background:#eaf2ff;color:var(--body);.lp-eyebrow{color:#315b91}> p{line-height:1.75}.lp-button{align-self:flex-start;margin-top:1.5rem}}.lp-exam-value{margin-top:1.25rem;font-size:3rem;font-weight:650;line-height:1;letter-spacing:-.05em;color:var(--navy)}.lp-exam-label{margin-block:.5rem 1.25rem;font-size:1.125rem;font-weight:650;color:var(--navy)}.lp-exam-source{margin-top:1rem;font-size:.875rem;font-weight:500;color:var(--body-soft)}.lp-exam-note{margin-top:auto;padding-top:1.5rem;border-top:1px solid #c7d8f0;font-size:.75rem;line-height:1.6;color:var(--body-muted)}.lp-how{display:grid;gap:2rem;align-items:center}@media(width >= 64rem){.lp-how{grid-template-columns:minmax(0,.75fr)minmax(0,1.65fr)minmax(0,.85fr);gap:clamp(2rem,3vw,2.5rem)}.lp-step.first{display:block}.lp-step.first>div{margin-top:1rem}}.lp-steps{display:grid;gap:2rem}.lp-step{display:flex;align-items:flex-start;gap:1rem;> span{display:inline-grid;place-items:center;width:2.5rem;aspect-ratio:1;flex:none;border-radius:50%;background:var(--blue);color:#fff;font-weight:650}h3{font-size:1.25rem;letter-spacing:-.02em;color:var(--navy)}p{margin-top:.5rem;line-height:1.75;color:var(--body-soft)}}.lp-preview{padding:clamp(1.25rem,4vw,1.75rem);box-shadow:0 16px 42px rgb(16 53 109/9%);h3{font-size:1.25rem;color:var(--navy)}}.lp-preview-body{display:grid;gap:1.25rem;align-items:center;margin-top:1.25rem;img{width:8rem;height:8rem;margin-inline:auto;object-fit:contain}}@media(width >= 40rem){.lp-preview-body{grid-template-columns:9rem 1fr;img{width:9rem;height:9rem}}}.lp-answers{display:grid;gap:.6rem;p{display:flex;align-items:center;gap:.75rem;min-height:3rem;padding:.6rem .75rem;border:1px solid var(--rule-strong);border-radius:.5rem;background:#fff;font-size:.9rem;line-height:1.35;color:var(--body)}span{display:inline-grid;place-items:center;width:1.75rem;aspect-ratio:1;flex:none;border:1px solid #aab8c8;border-radius:50%;font-size:.75rem;font-weight:650;color:var(--body-soft)}.correct{border-color:#b8dec6;background:#eef9f1;color:#174c2b}.correct span{border-color:#31a65a;color:#16803c}.correct .icon{margin-left:auto;font-size:1.1rem;color:#16803c;stroke-width:2.5}}.lp-result{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1rem;margin-top:1.25rem;padding:1rem;border:1px solid #cce6d5;border-radius:.75rem;background:#eef9f1;font-size:.875rem;color:#174c2b;p{display:flex;align-items:flex-start;gap:.5rem;font-weight:500}p .icon{margin-top:.15rem;color:#16803c}a{display:inline-flex;align-items:center;gap:.5rem;font-weight:650;color:var(--link);&:hover{color:var(--link-hover)}}}.lp-plans{display:grid;gap:1.25rem;max-width:72rem;margin-inline:auto;align-items:stretch}@media(width >= 64rem){.lp-plans{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}}.lp-plan{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--rule-strong);border-radius:1rem;background:#fff;box-shadow:0 10px 28px rgb(16 53 109/7%);text-align:center;> div{display:flex;flex:1;flex-direction:column;padding:clamp(1.5rem,4vw,1.75rem)}h3{font-size:1.25rem;color:var(--navy)}.lp-button{width:100%;margin-top:1.5rem;box-shadow:none}&.featured{order:-1;border:2px solid var(--blue);box-shadow:0 18px 45px rgb(23 104 239/.15)}}@media(width >= 64rem){.lp-plan.featured{order:0}}.lp-plan-badge{padding:.5rem 1.25rem;background:var(--blue);color:#fff;font-size:.875rem;font-weight:650}.lp-price{margin-top:1.25rem;font-weight:650;color:var(--navy);span{margin-right:.5rem;font-size:3rem;line-height:1;letter-spacing:-.05em}}.lp-plan-text{flex:1;max-width:20rem;margin:1.25rem auto 0;line-height:1.75;color:var(--body-soft)}.lp-included{display:grid;gap:.75rem;max-width:72rem;margin:1.75rem auto 0;padding:1.25rem 0;border-block:1px solid var(--rule-strong);list-style:none;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));li{display:flex;align-items:center;gap:.75rem;min-height:2.75rem;padding-inline:.75rem;font-size:.875rem;font-weight:650;color:var(--body-strong)}.icon{font-size:1.3rem;color:var(--blue);stroke-width:1.5}}@media(width >= 64rem){.lp-included{grid-template-columns:repeat(4,minmax(0,1fr))}.lp-included li+li{border-left:1px solid var(--rule-strong)}}.lp-note{margin-top:1.25rem;font-size:.875rem;line-height:1.6;color:var(--body-muted);text-align:center}.lp-faq{border-block:1px solid var(--rule-strong);details{background:rgb(255 255 255/.55)}details + details{border-top:1px solid var(--rule-strong)}summary{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;min-height:3.5rem;padding:1rem clamp(1rem,3vw,1.5rem);font-weight:650;color:var(--navy);transition:background .2s;&:hover{background:#fff}&:focus-visible{outline-offset:-2px;outline-color:var(--blue)}}summary .icon{font-size:.9rem;transition:rotate .2s}details[open] summary .icon{rotate:180deg}p{padding:0 clamp(1rem,3vw,1.5rem)1.25rem;line-height:1.75;color:var(--body-soft)}}.lp-ready{position:relative;overflow:hidden;padding-block:2.5rem;background:var(--navy);color:#fff;> img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;scale:1.1;opacity:.08;mix-blend-mode:screen;filter:grayscale(1)invert(1)}> .wrap{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem}h2{font-size:1.875rem;letter-spacing:-.03em}p{margin-top:.5rem;line-height:1.75;color:#dbeafe}}.lp-ready-actions{display:grid;gap:.75rem;justify-items:stretch;p{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.25rem .75rem;margin:0;font-size:.875rem}a:not(.lp-button){font-weight:650;color:#fff;&:hover{color:#dbeafe}}}@media(width >= 40rem){.lp-ready-actions{justify-items:end}}