@view-transition{navigation: auto; }:root{color-scheme:light dark;--ink:light-dark(#17142e, #f4f2ff);--ink-soft:light-dark(#575270, #b7b2d6);--paper:light-dark(#fbf9f4, #0f0d1d);--surface:light-dark(#ffffff, #1a1730);--sunken:light-dark(#f3efe6, #151226);--line:light-dark(#e6e0d2, #2e2a4c);--brand:light-dark(#4b2be3, #9b8aff);--brand-deep:light-dark(#2f179f, #6f5ce0);--brand-soft:light-dark(#ece7ff, #282254);--on-brand:light-dark(#ffffff, #100d22);--sun:#ffc533;--sun-ink:#3b2a00;--go:light-dark(#0b7d47, #45e096);--go-soft:light-dark(#dff6e8, #10331f);--stop:light-dark(#c9342a, #ff8478);--stop-soft:light-dark(#fde8e5, #3d1718);--night:light-dark(#17142e, #1d1a38);--display:ui-rounded, "SF Pro Rounded", ui-sans-serif, system-ui, sans-serif;--shadow:0 1px 2px rgb(23 20 46 / 0.06), 0 12px 32px -12px rgb(23 20 46 / 0.18)}*,::before,::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5rem;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font:1.0625rem/1.6 ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-wrap:break-word}h1,h2,h3,p,ul,ol,dl,dd,figure,fieldset{margin:0;padding:0}ul,ol{list-style:none}fieldset{border:0;min-width:0}img,svg{display:block;max-width:100%;height:auto}a{color:inherit}button,input,select{font:inherit;color:inherit}[hidden]{display:none!important}h1,h2,h3{font-family:var(--display);font-weight:800;line-height:1.08;letter-spacing:-.025em;text-wrap:balance}h1{font-size:clamp(2.3rem,1.4rem + 4.2vw,4.1rem);letter-spacing:-.035em}h2{font-size:clamp(1.7rem,1.25rem + 1.9vw,2.6rem)}h3{font-size:1.2rem;line-height:1.25;letter-spacing:-.01em}:focus-visible{outline:3px solid var(--sun);outline-offset:3px;border-radius:6px}.wrap{width:min(100% - 2.5rem,74rem);margin-inline:auto;&.narrow{width:min(100% - 2.5rem,46rem)}}.icon{flex:none;width:1.25em;height:1.25em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.flag{flex:none;width:1.75rem;height:1.25rem;border-radius:5px;box-shadow:0 0 0 1px rgb(23 20 46/.14)}.lead{color:var(--ink-soft);font-size:clamp(1.1rem,1rem + .5vw,1.3rem);line-height:1.5;text-wrap:pretty}.eyebrow{display:flex;align-items:center;gap:.5rem;color:var(--brand);font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.note{color:var(--ink-soft);font-size:.9rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:3rem;padding:.6rem 1.3rem;border:0;border-radius:.9rem;background:var(--brand);box-shadow:0 4px 0 var(--brand-deep);color:var(--on-brand);font-family:var(--display);font-weight:800;line-height:1.15;text-align:center;text-decoration:none;cursor:pointer;transition:translate .12s,box-shadow .12s,filter .12s;&:hover{filter:brightness(1.08)}&:active{translate:0 3px;box-shadow:0 1px 0 var(--brand-deep)}&:disabled{opacity:.4;cursor:not-allowed;filter:none}.actions > &{margin-bottom:4px}&.small{min-height:2.5rem;padding:.4rem .95rem;border-radius:.75rem;font-size:.92rem;box-shadow:0 3px 0 var(--brand-deep)}&.large{min-height:3.5rem;padding:.8rem 1.6rem;font-size:1.1rem}&.ghost{background:var(--surface);box-shadow:0 0 0 2px var(--line)inset,0 4px 0 var(--line);color:var(--ink)}&.light{background:var(--sun);box-shadow:0 4px #c98f00;color:var(--sun-ink)}&.outline{background:0 0;box-shadow:0 0 0 2px rgb(255 255 255/.4)inset;color:#fff}}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem 1.25rem}.chip{display:grid;place-items:center;width:3rem;height:3rem;border-radius:1rem;background:var(--brand-soft);color:var(--brand);font:800 1.25rem var(--display)}.more{display:inline-flex;align-items:center;gap:.4rem;color:var(--brand);font-weight:800}.site-header{position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:blur(14px);.wrap{display:flex;align-items:center;gap:1.25rem;min-height:4rem}&:has(~ main .quiz){position:static}}.brand{display:inline-flex;align-items:center;gap:.6rem;font:800 1.45rem var(--display);letter-spacing:-.03em;text-decoration:none}.logo{width:2.25rem;height:2.25rem}.primary-nav{display:none;gap:.25rem;margin-right:auto;a{padding:.45rem .8rem;border-radius:.7rem;color:var(--ink-soft);font-size:.95rem;font-weight:650;text-decoration:none;&:hover{background:var(--sunken);color:var(--ink)}&.active{background:var(--brand-soft);color:var(--brand)}}}.header-actions{display:flex;align-items:center;gap:.6rem;margin-left:auto}.header-login{display:none;font-weight:700;text-decoration:none}.country-button,.menu-button{display:inline-flex;align-items:center;gap:.45rem;min-height:2.5rem;padding:0 .6rem;border:0;border-radius:.75rem;background:var(--sunken);font-size:.9rem;font-weight:700;cursor:pointer}.country-button{anchor-name:--country;span{display:none}.icon:last-child{width:1em;height:1em}}.country-menu,.mobile-menu{margin:0;border:1px solid var(--line);border-radius:1.25rem;background:var(--surface);box-shadow:var(--shadow);color:var(--ink);opacity:0;translate:0 -.5rem;transition:opacity .18s,translate .18s,display .18s allow-discrete,overlay .18s allow-discrete;&:popover-open{opacity:1;translate:0;@starting-style{opacity: 0; translate: 0 -0.5rem; }}a{display:flex;align-items:center;gap:.7rem;min-height:2.9rem;padding:.4rem .8rem;border-radius:.8rem;font-weight:650;text-decoration:none;&:hover{background:var(--sunken)}&.active{background:var(--brand-soft);color:var(--brand)}}}.country-menu{inset:4.5rem 1.25rem auto auto;width:min(100% - 2.5rem,17rem);padding:.6rem;p{padding:.5rem .8rem;color:var(--ink-soft);font-size:.8rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}@supports(position-area:bottom){position-anchor: --country; inset: auto; position-area: bottom span-left; margin-top: 0.6rem;}}.mobile-menu{inset:4.5rem 1.25rem auto;width:auto;padding:.75rem;&:popover-open{display:grid;gap:.15rem}.button{margin-top:.6rem;color:var(--on-brand)}.button:hover{background:var(--brand)}}.hero{position:relative;padding-block:clamp(2.5rem,6vw,5rem)clamp(3rem,7vw,5.5rem);overflow:clip;&::before{content:"";position:absolute;inset:-30% -10% auto 35%;z-index:-1;height:46rem;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--brand) 22%,transparent),transparent)}}.hero-grid{display:grid;grid-template:"intro" "side" "extra"/minmax(0,1fr);gap:2rem;&.signup-first{grid-template-areas:"intro" "extra" "side"}}.hero-intro{grid-area:intro;display:grid;gap:1.25rem;justify-items:start;.lead{max-width:34rem}}.hero-extra{grid-area:extra;display:grid;gap:1.5rem;align-content:start;justify-items:start}.sample,.hero-image{grid-area:side}.hero-signup,.chooser{display:grid;gap:.6rem;width:100%;max-width:34rem;padding:1.25rem;border:2px solid var(--line);border-radius:1.5rem;background:var(--surface);box-shadow:var(--shadow);h2{font-size:1.3rem;letter-spacing:-.015em}> p:not(.eyebrow){color:var(--ink-soft);font-size:.95rem;line-height:1.45}}.chooser .country-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,13rem),1fr));gap:.6rem;margin-top:.4rem}.signup-points{display:grid;gap:.6rem;margin-top:1.25rem;font-weight:600;li{display:flex;align-items:flex-start;gap:.6rem}.icon{margin-top:.15em}}.hero-link{display:inline-flex;align-items:center;gap:.4rem;color:var(--brand);font-weight:800;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.25em}.hero-image{width:100%;border-radius:1.75rem}.checks{display:grid;gap:.55rem;color:var(--ink-soft);font-weight:600;li{display:flex;align-items:flex-start;gap:.6rem}.icon{margin-top:.15em;padding:.15em;border-radius:50%;background:var(--go-soft);color:var(--go);stroke-width:3}}.signup-form{display:grid;gap:.5rem;width:100%;label{font-size:.85rem;font-weight:750}input[type=email], select{width:100%;min-height:3.25rem;padding:0 1rem;border:2px solid var(--line);border-radius:.9rem;background:var(--paper);font-size:1rem;&:focus-visible{outline:0;border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}}select{margin-bottom:.35rem}}.signup-row{display:grid;gap:.75rem;.button{min-height:3.25rem;margin-bottom:4px;white-space:nowrap}}.signup-note{display:flex;align-items:flex-start;gap:.45rem;color:var(--ink-soft);font-size:.85rem;.icon{margin-top:.1em}}@keyframes form-submit-guard-spin{to{rotate:1turn}}.form-submit-guard-spinner{width:1em;height:1em;border:.14em solid;border-right-color:transparent;border-radius:50%;animation:form-submit-guard-spin .65s linear infinite}.providers-label{display:flex;align-items:center;gap:.75rem;color:var(--ink-soft);font-size:.85rem;&::before, &::after{content:"";flex:1;height:1px;background:var(--line)}}.providers{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.6rem;a{display:flex;align-items:center;justify-content:center;gap:.6rem;min-height:3rem;border:2px solid var(--line);border-radius:.9rem;background:var(--paper);font-weight:700;text-decoration:none;&:hover{border-color:var(--brand)}}img{width:1.2rem;height:1.2rem;object-fit:contain}}.provider-apple{mix-blend-mode:multiply}.sample{--step:0;position:relative;display:grid;gap:1rem;padding:clamp(1.25rem,3vw,1.75rem);border-radius:2rem;background:var(--surface);box-shadow:0 0 0 2px var(--line),0 10px 0 var(--line),0 40px 60px -30px rgb(75 43 227/.45);counter-reset:streak;overflow:clip}.sample-step{position:absolute;opacity:0;pointer-events:none;&:nth-of-type(2):checked ~ *{--step:1}&:nth-of-type(3):checked ~ *{--step:2}&:nth-of-type(4):checked ~ *{--step:3}&:nth-of-type(1):checked ~ .sample-panel:nth-of-type(1), &:nth-of-type(2):checked ~ .sample-panel:nth-of-type(2), &:nth-of-type(3):checked ~ .sample-panel:nth-of-type(3){position:static;visibility:visible;opacity:1;translate:0}&:last-of-type:checked ~ .sample-end{display:grid}&:last-of-type:checked ~ .sample-progress span{width:100%}}.sample-head{display:flex;align-items:center;min-height:2.1rem}.sample-label{display:inline-flex;align-items:center;gap:.45rem;color:var(--brand);font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.sample-streak{position:absolute;top:clamp(1.25rem,3vw,1.75rem);right:clamp(1.25rem,3vw,1.75rem);display:inline-flex;align-items:center;gap:.25rem;padding:.3rem .7rem .3rem .5rem;border-radius:99px;background:var(--sunken);color:var(--ink-soft);font:800 .95rem var(--display);transition:background .25s,color .25s;&::after{content:counter(streak)}.sample:has(.sample-key input:checked) &{background:var(--sun);color:var(--sun-ink)}}.sample-progress{height:.7rem;border-radius:99px;background:var(--sunken);overflow:hidden;span{display:block;width:calc(6% + 94% * var(--step)/(var(--steps) + 1));height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand),var(--go));transition:width .6s cubic-bezier(.2,.9,.3,1)}}.sample-panel{position:absolute;inset:0 0 auto;display:grid;gap:.65rem;visibility:hidden;opacity:0;translate:1.5rem 0;counter-reset:option;transition:opacity .3s,translate .3s;legend{margin-bottom:1rem;font:800 clamp(1.25rem,1.1rem + .8vw,1.6rem)/1.2 var(--display);letter-spacing:-.02em;text-wrap:balance}legend small{display:block;margin-bottom:.4rem;color:var(--ink-soft);font:700 .85rem ui-sans-serif,system-ui,sans-serif;letter-spacing:0}&:has(.sample-option input:checked){.sample-option{pointer-events:none}.sample-option:not(.sample-key, :has(input:checked)){opacity:.5}.sample-key{border-color:var(--go);background:var(--go-soft);box-shadow:0 4px 0 var(--go)}.sample-key::before{background:var(--go);color:var(--surface)}.sample-key .icon{opacity:1;color:var(--go)}.sample-feedback{display:grid;opacity:1;translate:0}}&:has(.sample-key input:checked) .sample-wrong{display:none}&:has(.sample-option:not(.sample-key) input:checked) .sample-right{display:none}}.sample-key:has(input:checked){counter-increment:option streak}.sample-image{width:auto;max-width:100%;max-height:11rem;margin:0 auto .5rem;border-radius:1rem;object-fit:contain}.sample-option{display:flex;align-items:center;gap:.8rem;min-height:3.5rem;padding:.6rem .9rem;border:2px solid var(--line);border-radius:1.1rem;background:var(--surface);box-shadow:0 4px 0 var(--line);font-weight:650;line-height:1.3;cursor:pointer;counter-increment:option;transition:border-color .15s,background .15s,box-shadow .15s,opacity .2s,translate .12s;&::before{content:counter(option,upper-alpha);display:grid;flex:none;place-items:center;width:2rem;height:2rem;border-radius:.6rem;background:var(--sunken);color:var(--ink-soft);font:800 .95rem var(--display)}&:hover{border-color:var(--brand)}&:active{translate:0 3px;box-shadow:0 1px 0 var(--line)}&:has(input:focus-visible){outline:3px solid var(--sun);outline-offset:3px}&:has(input:checked):not(.sample-key){border-color:var(--stop);background:var(--stop-soft);box-shadow:0 4px 0 var(--stop);&::before{background:var(--stop);color:var(--surface)}.icon{opacity:1;color:var(--stop)}}input{position:absolute;opacity:0;pointer-events:none}span{flex:1}.icon{opacity:0;stroke-width:3}}.sample-feedback{display:none;gap:.75rem;padding-top:.5rem;opacity:0;translate:0 .75rem;transition:opacity .35s,translate .35s,display .35s allow-discrete;@starting-style{opacity: 0; translate: 0 0.75rem; }p{color:var(--ink-soft);font-size:.98rem;line-height:1.5}.button{justify-self:start;margin-bottom:4px}}.sample-right,.sample-wrong{display:flex;align-items:center;gap:.5rem;font:800 1.15rem var(--display)}p.sample-right{color:var(--go)}p.sample-wrong{color:var(--stop)}.sample-end{display:none;gap:.75rem;justify-items:center;padding-block:1rem .5rem;text-align:center;animation:rise .4s cubic-bezier(.2,.9,.3,1);p{color:var(--ink-soft)}}.sample-score{display:grid;grid-auto-flow:column;place-content:center;align-items:baseline;width:7.5rem;height:7.5rem;border-radius:50%;background:var(--sun);font:800 2.75rem/1 var(--display);.sample-end &{color:var(--sun-ink)}span::before{content:counter(streak)}small{font-size:1.15rem}}.sample-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem 1.25rem;padding-bottom:4px}.sample-reset{display:inline-flex;align-items:center;gap:.4rem;min-height:2.75rem;border:0;background:0 0;color:var(--ink-soft);font-weight:700;cursor:pointer}.band{padding-block:clamp(3.5rem,8vw,6rem);&.tinted{background:var(--sunken)}&.flush{padding-top:0}&.night{background:var(--night);color:#f4f2ff;.section-head p, .steps p{color:#b7b2d6}.steps li{border-color:rgb(255 255 255/.12);background:rgb(255 255 255/5%)}.chip, .steps li::before{background:var(--sun);color:var(--sun-ink)}}}.section-head{display:grid;gap:.75rem;max-width:44rem;margin-bottom:clamp(1.75rem,4vw,2.75rem);> p:not(.eyebrow){color:var(--ink-soft);font-size:1.1rem}&.centered{margin-inline:auto;justify-items:center;text-align:center}&.split{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem;max-width:none}}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));gap:1.25rem;&.two{grid-template-columns:repeat(auto-fill,minmax(min(100%,24rem),1fr))}&.four{grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr))}}.feature-card,.category-card,.article-card,.cta-card,.plan{display:grid;align-content:start;gap:.75rem;padding:1.5rem;border:2px solid var(--line);border-radius:1.5rem;background:var(--surface);p{color:var(--ink-soft);font-size:.98rem;line-height:1.5}}.category-card,.article-card,.test-card,.category-card,.article-card,.test-card,.country-card{text-decoration:none;box-shadow:0 5px 0 var(--line);transition:translate .15s,border-color .15s,box-shadow .15s;&:hover{translate:0 -3px;border-color:var(--brand);box-shadow:0 8px 0 var(--brand)}&:active{translate:0 3px;box-shadow:0 2px 0 var(--brand)}}.category-card{position:relative;grid-template-rows:auto auto 1fr auto;padding:1.75rem;h3{font-size:1.45rem;letter-spacing:-.02em}h3 a{text-decoration:none}h3 a::after{content:"";position:absolute;inset:0;border-radius:inherit}.more{margin-top:.5rem}.actions{position:relative;margin-top:.5rem}.actions .more{margin-top:0;text-underline-offset:.25em}}.category-icon{display:grid;place-items:center;width:4.5rem;height:4.5rem;margin-bottom:.5rem;border-radius:1.4rem;background:var(--brand);color:var(--on-brand);rotate:-4deg;transition:rotate .25s cubic-bezier(.3,1.8,.5,1);.icon{width:2.5rem;height:2.5rem;stroke-width:1.7}.category-card:hover &{rotate:4deg}.category-card:nth-child(even) &{background:var(--sun);color:var(--sun-ink)}}.article-card{grid-template-rows:auto 1fr auto;h2, h3{font-size:1.2rem;line-height:1.25;letter-spacing:-.01em}}.article-card-meta{display:flex;align-items:center;gap:.4rem;color:var(--ink-soft);font-size:.85rem;font-weight:700;.icon:last-child{margin-left:auto;color:var(--brand)}}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:1.25rem;counter-reset:step;li{display:grid;align-content:start;gap:.75rem;padding:1.5rem;border:2px solid var(--line);border-radius:1.5rem;counter-increment:step;&:not(:has(.chip))::before{content:counter(step);display:grid;place-items:center;width:3rem;height:3rem;border-radius:1rem;background:var(--brand-soft);color:var(--brand);font:800 1.35rem var(--display)}}p{color:var(--ink-soft)}}.stats,.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));gap:1rem}.stats{margin-top:2.5rem;div{display:grid;gap:.1rem;padding-left:1rem;border-left:4px solid var(--sun)}dt{font:800 clamp(1.4rem,1.1rem + 1.2vw,2rem)/1.1 var(--display);letter-spacing:-.02em}dd{color:var(--ink-soft);font-size:.95rem;font-weight:600}}.facts{div{display:grid;align-content:start;gap:.4rem;padding:1.5rem;border-radius:1.5rem;background:var(--surface);box-shadow:0 0 0 2px var(--line)}dt{color:var(--brand);font:800 clamp(2.2rem,1.6rem + 2.4vw,3.4rem)/1 var(--display);letter-spacing:-.04em;white-space:nowrap}dd{color:var(--ink-soft);font-weight:650;line-height:1.35}}.facts-more{margin-top:1.5rem;a{display:inline-flex;align-items:center;gap:.4rem;color:var(--brand);font-weight:800;text-underline-offset:.25em}}.country-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));gap:1rem}.country-card{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.1rem .9rem;padding:.8rem 1rem;border:2px solid var(--line);border-radius:1.1rem;background:var(--surface);.flag{grid-row:span 2;width:2.5rem;height:1.8rem;border-radius:6px}strong{font:800 1.1rem/1.2 var(--display)}small{grid-column:2;color:var(--ink-soft);font-size:.85rem;line-height:1.3}}.test-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));gap:1rem}.test-card{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.15rem 1rem;padding:1rem 1.1rem;border:2px solid var(--line);border-radius:1.25rem;background:var(--surface);strong{font:800 1.05rem/1.25 var(--display)}small{grid-column:2;color:var(--ink-soft);font-size:.88rem}.more{grid-column:2;margin-top:.25rem;font-size:.92rem}}.test-number{display:grid;grid-row:span 2;place-items:center;width:3.25rem;height:3.25rem;border-radius:1rem;background:var(--brand-soft);color:var(--brand);font:800 1.4rem var(--display);.test-card:has(.more) &{grid-row:span 3;align-self:start}}.test-note{margin-top:2.5rem;color:var(--ink-soft);font-size:.95rem}.faq{display:grid;gap:.75rem;details{border:2px solid var(--line);border-radius:1.25rem;background:var(--surface)}details[open]{border-color:var(--brand)}summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:3.75rem;padding:.9rem 1.25rem;font:800 1.1rem/1.3 var(--display);list-style:none;cursor:pointer;&::-webkit-details-marker{display:none}.icon{color:var(--brand);transition:rotate .2s}}details[open] summary .icon{rotate:180deg}p{padding:0 1.25rem 1.25rem;color:var(--ink-soft)}}.closing{padding-block:clamp(3rem,7vw,5rem);background:var(--brand);background-image:radial-gradient(circle at 85% 0,rgb(255 197 51/.35),transparent 45%);color:var(--on-brand);.eyebrow{margin-bottom:.75rem;color:inherit;opacity:.85}h2 + p{margin-top:.75rem;font-size:1.15rem;opacity:.9}.signup-form{padding:1.25rem;border-radius:1.5rem;background:var(--surface);color:var(--ink)}}.closing-grid,.signup-band{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;align-items:center}.closing-grid:has(>div.signup-form){grid-template-columns:minmax(0,1fr);max-width:48rem;gap:1.5rem;> .signup-form{max-width:32rem}}.signup-band{h2{margin-block:.75rem}> div > p:last-child{color:var(--ink-soft)}.signup-form{padding:1.25rem;border:2px solid var(--line);border-radius:1.5rem;background:var(--surface)}}.store-button{display:inline-flex;align-items:center;gap:.75rem;min-height:3.5rem;padding:.5rem 1.25rem;border-radius:.9rem;background:#111;box-shadow:0 0 0 2px rgb(255 255 255/.25)inset;color:#fff;text-decoration:none;.icon{width:1.8rem;height:1.8rem}span{display:grid;line-height:1.15}small{font-size:.72rem;opacity:.8}strong{font:800 1.1rem var(--display)}}.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:.2rem .3rem;color:var(--ink-soft);font-size:.88rem;font-weight:650;a{text-decoration:none}a:hover{color:var(--brand);text-decoration:underline}.icon{width:.95em;height:.95em;opacity:.6}.icon:last-child{display:none}}.page-head{padding-block:clamp(2rem,5vw,3.5rem);.wrap{display:grid;gap:1rem;justify-items:start}h1{font-size:clamp(2rem,1.4rem + 3vw,3.25rem)}.lead{max-width:44rem}&.centered .wrap{justify-items:center;text-align:center}}.cta-banner{display:grid;gap:1.25rem;align-items:center;margin-bottom:2rem;padding:clamp(1.5rem,4vw,2.25rem);border-radius:1.75rem;background:var(--night);color:#f4f2ff;.eyebrow{margin-bottom:.5rem;color:var(--sun)}h2{font-size:clamp(1.4rem,1.2rem + 1vw,1.9rem)}h2 + p{margin-top:.5rem;color:#b7b2d6}.button{justify-self:start}}.cta-card{border-color:var(--brand);background:var(--brand-soft);h2{font-size:1.25rem;letter-spacing:-.015em}.button{justify-self:start}a:not(.button){color:var(--brand);font-weight:800}}.article{padding-block:clamp(1.75rem,4vw,3rem)clamp(3rem,7vw,5rem)}.article-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;margin-bottom:3rem}.article-head{display:grid;gap:1rem;h1{font-size:clamp(2rem,1.4rem + 3vw,3.25rem)}}.article-meta{display:flex;align-items:center;gap:.4rem;color:var(--ink-soft);font-size:.9rem;font-weight:700}.read-next{margin-top:3.5rem}.prose{max-width:42rem;font-size:1.125rem;line-height:1.7;> * + *{margin-top:1.25em}h2{margin-top:2.2em;font-size:clamp(1.5rem,1.3rem + .9vw,1.95rem);scroll-margin-top:5rem}h3{margin-top:1.8em;font-size:1.3rem;scroll-margin-top:5rem}h2 + *, h3 + *{margin-top:.7em}a{color:var(--brand);font-weight:650;text-decoration-thickness:2px;text-underline-offset:.2em}a:hover{text-decoration-color:var(--sun)}strong{font-weight:750}ul, ol{display:grid;gap:.5em;padding-left:1.5em}ul{list-style:disc}ol{list-style:decimal}li::marker{color:var(--brand);font-weight:800}img{margin-inline:auto;border-radius:1.25rem}blockquote{margin-inline:0;padding:1rem 1.25rem;border-left:5px solid var(--sun);border-radius:0 1rem 1rem 0;background:var(--sunken)}code{padding:.1em .35em;border-radius:.4em;background:var(--sunken);font-size:.9em}hr{height:2px;border:0;background:var(--line)}.table-scroll{max-width:100%;border:2px solid var(--line);border-radius:1.25rem;background:var(--surface);overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:1rem;line-height:1.45}th, td{padding:.8rem 1rem;text-align:left;vertical-align:top}th{background:var(--brand-soft);color:var(--brand);font:800 .92rem var(--display);letter-spacing:.01em;white-space:nowrap}tr + tr td{border-top:1px solid var(--line)}td:first-child{font-weight:700}}.quiz{padding-block:1.5rem clamp(3rem,7vw,5rem);> .wrap{width:min(100% - 2rem,44rem)}}.quiz-head{display:grid;gap:.5rem;margin-bottom:1.25rem;h1{font-size:clamp(1.5rem,1.3rem + 1.6vw,2.2rem)}p{display:none;color:var(--ink-soft)}}.quiz-status{position:sticky;top:0;z-index:5;display:grid;gap:.6rem;margin:0 -1rem 1.25rem;padding:.8rem 1rem;background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:blur(12px);font:800 .95rem var(--display);> div:first-child{display:flex;align-items:center;justify-content:space-between;gap:1rem}}.quiz-score{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .7rem;border-radius:99px;background:var(--go-soft);color:var(--go)}.progress{height:.8rem;border-radius:99px;background:var(--sunken);box-shadow:0 0 0 1px var(--line)inset;overflow:hidden;div{height:100%;min-width:.8rem;border-radius:inherit;background:linear-gradient(90deg,var(--brand),var(--go));transition:width .5s cubic-bezier(.2,.9,.3,1)}}.quiz-card{display:grid;gap:1.25rem;scroll-margin-top:5rem;> div:not([class]){display:grid;gap:1.25rem}h2{font-size:clamp(1.35rem,1.15rem + 1.1vw,1.8rem);line-height:1.2;letter-spacing:-.02em;text-wrap:pretty}}.quiz-image{width:auto;max-width:100%;max-height:20rem;margin-inline:auto;border-radius:1.25rem;object-fit:contain}.answers{display:grid;gap:.75rem;counter-reset:option}.answer{display:flex;align-items:center;gap:.9rem;width:100%;min-height:4rem;padding:.75rem 1rem;border:2px solid var(--line);border-radius:1.25rem;background:var(--surface);box-shadow:0 4px 0 var(--line);color:var(--ink);font-size:1.05rem;font-weight:650;line-height:1.35;text-align:left;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s,opacity .2s,translate .12s;&::before{counter-increment:option;content:counter(option,upper-alpha);display:grid;flex:none;place-items:center;width:2.25rem;height:2.25rem;border-radius:.7rem;background:var(--sunken);color:var(--ink-soft);font:800 1rem var(--display)}&:enabled:hover{border-color:var(--brand)}&:enabled:active{translate:0 3px;box-shadow:0 1px 0 var(--line)}&:disabled{cursor:default}&:disabled:not([data-result], [data-answer-state=correct], [data-answer-state=incorrect]){opacity:.5}&[data-result=correct], &[data-answer-state=correct]{border-color:var(--go);background:var(--go-soft);box-shadow:0 4px 0 var(--go);&::before{content:"✓";background:var(--go);color:var(--surface)}}&[data-result=wrong], &[data-answer-state=incorrect]{border-color:var(--stop);background:var(--stop-soft);box-shadow:0 4px 0 var(--stop);&::before{content:"✕";background:var(--stop);color:var(--surface)}}}.explanation{display:grid;gap:.5rem;padding:1.25rem;border-radius:1.25rem;background:var(--brand-soft);animation:rise .35s cubic-bezier(.2,.9,.3,1);p:not(.eyebrow){line-height:1.55}}.feedback{font:800 1.1rem var(--display)}@keyframes rise{from{opacity:0;translate:0 .75rem}}.quiz-next{margin-inline:-1rem;padding:.75rem 1rem calc(.75rem + 4px + env(safe-area-inset-bottom));&:has(:enabled){position:sticky;bottom:0;background:linear-gradient(transparent,var(--paper) 35%)}.button{width:100%}}.quiz:has(.quiz-result:not([hidden])) .quiz-status{position:static}main:has(.quiz-result:not([hidden]))>.closing:not(:has(.closing-grid>div.signup-form)){display:none}.quiz-result{display:grid;gap:1rem;justify-items:center;padding:clamp(1.5rem,5vw,2.5rem);border:2px solid var(--line);border-radius:2rem;background:var(--surface);background-image:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--sun) 30%,transparent),transparent 55%);text-align:center;scroll-margin-top:5rem;animation:rise .5s cubic-bezier(.2,.9,.3,1);h2{font-size:1.5rem}.actions{justify-content:center}}.result-ring{display:grid;grid-auto-flow:column;place-content:center;align-items:baseline;width:9.5rem;height:9.5rem;border-radius:50%;background:radial-gradient(closest-side,var(--surface) 80%,transparent 81%),conic-gradient(var(--go) calc(var(--score,0) * 1turn),var(--sunken) 0);font:800 3rem/1 var(--display);letter-spacing:-.04em;small{color:var(--ink-soft);font-size:1.25rem;letter-spacing:0}.quiz-result:not([data-outcome]) &{background:var(--sun);color:var(--sun-ink)}.quiz-result:not([data-outcome]) & small{color:inherit}}.result-target{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .9rem;border-radius:99px;background:var(--sunken);color:var(--ink-soft);font-size:.92rem;font-weight:700}.quiz-result[data-outcome=pass] .result-ring{box-shadow:0 0 0 6px var(--go-soft)}.result-signup{display:grid;gap:.6rem;width:100%;margin-top:1rem;padding:1.25rem;border-radius:1.5rem;background:var(--brand-soft);text-align:left;h3{font-size:1.3rem}> p{color:var(--ink-soft);font-size:.98rem}}.notice{padding-block:clamp(4rem,12vw,8rem);.wrap{display:grid;gap:1.25rem;justify-items:center;max-width:40rem;text-align:center}.prose{font-size:1.05rem;color:var(--ink-soft)}}.notice-code{display:flex;align-items:center;gap:.5rem;color:var(--brand);font:800 clamp(4.5rem,3rem + 10vw,8rem)/1 var(--display);letter-spacing:-.05em;span{display:grid;place-items:center;width:1em;height:1em;border-radius:50%;background:var(--sun);color:var(--sun-ink);rotate:-8deg}.icon{width:.55em;height:.55em}}.notice-badge{display:grid;place-items:center;width:5.5rem;height:5.5rem;border-radius:50%;background:var(--go-soft);color:var(--go);.icon{width:3rem;height:3rem;stroke-width:3}}.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:1.25rem;align-items:start}.plan{position:relative;padding:1.75rem;h2, h3{font-size:1.3rem}.button{margin-top:.5rem}&.featured{border-color:var(--brand);box-shadow:0 8px 0 var(--brand)}}.plan-badge{position:absolute;top:-.9rem;right:1.25rem;padding:.25rem .8rem;border-radius:99px;background:var(--sun);font:800 .8rem var(--display);.plan &{color:var(--sun-ink)}}.price{font-weight:700;.plan &{color:var(--ink)}span{font:800 3rem/1 var(--display);letter-spacing:-.04em}}.plan-features{display:grid;gap:.6rem;font-size:.95rem;li{display:flex;gap:.6rem}.icon{margin-top:.2em;color:var(--go);stroke-width:3}}.included{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem 1.75rem;margin-block:2rem 1rem;font-weight:700;li{display:flex;align-items:center;gap:.5rem}.icon{color:var(--brand)}+ .note{text-align:center}}.contact{display:grid;gap:2rem;align-items:start}.site-footer{padding-block:3.5rem 2rem;border-top:1px solid var(--line);background:var(--sunken);font-size:.95rem;h2{margin-bottom:.9rem;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}ul{display:grid;gap:.15rem}li a{display:inline-flex;align-items:center;gap:.6rem;min-height:2.25rem;text-decoration:none}li a:hover{color:var(--brand);text-decoration:underline}}.footer-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:2.5rem}.footer-about p{max-width:22rem;margin-top:.9rem;color:var(--ink-soft)}.footer-countries{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1rem}.footer-legal{display:flex;flex-wrap:wrap;gap:.35rem 1.25rem;margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--line);color:var(--ink-soft);font-size:.85rem}@media(min-width:40rem){.signup-row{grid-template-columns:minmax(0,1fr)auto}.country-button span{display:inline}.header-login{display:inline}.quiz-head p{display:block}.quiz-next,.quiz-next:has(:enabled){position:static;margin:0;padding:0;background:0 0}.quiz-next .button{width:auto}.cta-banner{grid-template-columns:minmax(0,1fr)auto}}@media(min-width:60rem){.primary-nav{display:flex}.menu-button{display:none}.hero-grid,.hero-grid.signup-first{grid-template:"intro side" auto "extra side" 1fr/minmax(0,1.05fr)minmax(0,.95fr);gap:2rem 4rem}.sample{align-self:start;rotate:1.5deg}.hero-image{align-self:center}.closing-grid,.signup-band{grid-template-columns:minmax(0,1fr)minmax(0,1fr);gap:4rem}.closing-grid .actions{justify-content:flex-end}.contact{grid-template-columns:minmax(0,1fr)minmax(0,2fr)}.article-grid{grid-template-columns:minmax(0,42rem)minmax(0,1fr);column-gap:4rem;.article-head, .prose{grid-column:1}}.article-aside{grid-area:2/2;position:sticky;top:5.5rem;align-self:start}}@media(max-width:29.99rem){.header-actions .button{display:none}}@media(prefers-color-scheme:dark){.provider-apple{filter:invert(1);mix-blend-mode:screen}}@media(prefers-reduced-motion:no-preference){@supports(animation-timeline:view()){.feature-card,.category-card,.steps li,.facts div,.country-card,.plan{animation:rise linear both;animation-timeline:view();animation-range:entry 0% entry 55%}}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,::before,::after{transition:none!important;animation:none!important}@view-transition{navigation: none; }}