@import url('/fonts.css');
:root{color-scheme:dark;--ink:#080d16;--panel:#101826;--line:#273448;--text:#eaf0f7;--muted:#adbed1;--aqua:#94e1e9;--purple:#ae9aff;--max:1220px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--ink);color:var(--text);font-family:'Source Sans Pro',sans-serif;font-size:18px;line-height:1.65}h1,h2,h3,p{margin:0 0 1rem}h1,h2{font-family:'EB Garamond',serif;font-weight:400;line-height:1.02;letter-spacing:-.035em}h1{font-size:clamp(3.7rem,7.7vw,7.5rem)}h2{font-size:clamp(2.6rem,5vw,4.9rem)}h3{font-size:1.4rem;line-height:1.25;font-weight:600}a{color:inherit;text-underline-offset:.25em}a:hover{color:var(--aqua)}button,input,textarea{font:inherit}button,a,input,textarea,summary{outline-offset:5px}button{cursor:pointer}img{max-width:100%;display:block}button:disabled{opacity:.6;cursor:wait}.wrap{max-width:var(--max);margin:auto;padding:0 32px}.skip{position:fixed;top:-200px;left:20px;z-index:200}.skip:focus{top:15px;background:var(--ink);padding:10px}.site-header{position:sticky;top:0;z-index:30;background:#080d16ed;border-bottom:1px solid #ffffff12;backdrop-filter:blur(16px)}.header-inner{height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{text-decoration:none;display:flex;align-items:center;gap:12px;font-size:1.6rem;letter-spacing:-.04em;font-weight:600}.brand img{width:37px;height:44px;object-fit:contain}.brand sup{font-size:.6rem;align-self:center}.nav{display:flex;gap:24px;align-items:center;font-size:.94rem}.nav a{text-decoration:none}.languages{display:flex;gap:12px;align-items:center;font-size:.8rem;letter-spacing:.06em}.languages a[aria-current]{color:var(--aqua);text-decoration:underline}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;padding:15px 24px;border:1px solid var(--aqua);border-radius:100px;text-decoration:none;font-weight:600;background:var(--aqua);color:#08151a;line-height:1.25}.button:hover{background:#b9f1f3;color:#08151a;transform:translateY(-1px)}.button.secondary{background:transparent;border-color:#627389;color:var(--text)}.button.secondary:hover{border-color:var(--aqua);color:var(--aqua)}.button.small{padding:11px 18px}.hero{position:relative;padding:75px 0 35px;overflow:hidden;background:radial-gradient(ellipse at 80% 35%,#482b6f44,transparent 48%)}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:center;min-height:610px}.eyebrow{display:flex;gap:10px;align-items:center;text-transform:uppercase;letter-spacing:.16em;color:var(--aqua);font-size:.77rem;font-weight:600;margin-bottom:24px}.eyebrow:before{content:'';width:24px;height:1px;background:currentColor;display:block}.hero h1 em{font-style:normal;color:var(--aqua)}.lead{font-size:1.23rem;color:var(--muted);max-width:670px;line-height:1.65;margin:26px 0}.actions{display:flex;flex-wrap:wrap;gap:14px;margin:28px 0 20px}.tiny{font-size:.87rem;color:var(--muted)}.hero-visual{position:relative;align-self:stretch;display:flex;align-items:center;justify-content:center;min-width:0}.hero-visual:before{content:'';position:absolute;width:85%;aspect-ratio:1;border:1px solid #947be74a;border-radius:50%;box-shadow:0 0 110px #9272ed24}.hero-visual img{width:100%;max-height:550px;object-fit:contain;filter:saturate(.75);position:relative}.visual-note{position:absolute;bottom:35px;left:12px;right:12px;background:#111b2bf5;border:1px solid #435271;padding:20px 23px;border-radius:14px;font-size:.85rem;box-shadow:0 10px 40px #0008}.visual-note b{display:block;color:var(--aqua);margin-bottom:3px}.hero-footer{display:flex;justify-content:space-between;gap:25px;padding:24px 0;margin-top:22px;border-top:1px solid var(--line);color:var(--muted);font-size:.83rem;letter-spacing:.035em}.hero-footer span{display:flex;gap:10px;align-items:center}.hero-footer span:before{content:'·';color:var(--aqua);font-size:1.5rem}.section{padding:108px 0;border-top:1px solid var(--line)}.section.light{background:#e9e6de;color:#12202d}.section.light .eyebrow{color:#2f5c62}.section.light .body-copy,.section.light .lead,.section.light .tiny{color:#415464}.section-head{display:grid;grid-template-columns:1.15fr .85fr;gap:65px;margin-bottom:45px}.body-copy{color:var(--muted);font-size:1.08rem}.body-copy p{margin-bottom:1.3rem}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{padding:31px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(140deg,#152035,#0d1420)}.card p{color:var(--muted);font-size:1rem}.card .num{font-size:.8rem;letter-spacing:.14em;color:var(--aqua);margin-bottom:36px;display:block}.section.light .card{background:transparent;border-color:#b9c1c3}.section.light .card p{color:#415464}.section.light .num{color:#37666a}.quote{font-family:'EB Garamond',serif;font-size:clamp(1.9rem,3.5vw,3.1rem);line-height:1.3;max-width:880px}.lesson{padding:35px;border:1px solid #96b1b9;border-radius:18px;margin-top:40px;background:#f7f5ef}.lesson-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:25px;font-size:1rem}.lesson-grid b{display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px;color:#397075}.flow{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:18px;overflow:hidden}.flow article{padding:28px;border-right:1px solid var(--line)}.flow article:last-child{border:0}.flow p{font-size:1rem;color:var(--muted)}.flow .num{color:var(--aqua);font-size:.85rem;display:block;margin-bottom:25px}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.status-card{border-left:2px solid var(--aqua);padding:0 0 0 25px}.status-pill{display:inline-block;border:1px solid #635d85;padding:5px 12px;border-radius:100px;font-size:.75rem;color:#d1c5ff;margin-bottom:20px}.clean-list{list-style:none;padding:0}.clean-list li{border-bottom:1px solid var(--line);padding:15px 0;color:var(--muted)}.clean-list b{color:var(--text)}.faq{max-width:900px;margin:auto}.faq details{border-bottom:1px solid var(--line);padding:24px 0}.faq summary{font-size:1.18rem;font-weight:600;cursor:pointer;list-style:none;padding-right:28px;position:relative}.faq summary:after{content:'+';position:absolute;right:5px;color:var(--aqua)}.faq details[open] summary:after{content:'−'}.faq details p{padding-top:20px;color:var(--muted);max-width:790px}.signup{background:radial-gradient(ellipse at 10% 15%,#3d285b60,transparent 65%),#101825}.form-card{background:#0c1420;border:1px solid #384b65;border-radius:20px;padding:35px}label{display:block;font-size:.93rem;margin-bottom:18px}input:not([type=checkbox]),textarea{display:block;width:100%;border:1px solid #526177;background:#111e2e;color:var(--text);padding:13px 15px;border-radius:8px;margin-top:8px}input:focus,textarea:focus{border-color:var(--aqua)}textarea{min-height:160px;resize:vertical}.check{display:flex;gap:12px;align-items:flex-start;line-height:1.5;color:var(--muted)}input[type=checkbox]{width:18px;height:18px;flex:none;margin-top:4px;accent-color:var(--aqua)}.hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden}.form-status{margin-top:18px;min-height:28px;color:var(--aqua)}.form-status.error{color:#ffb9b1}.form-card .button{width:100%}.site-footer{padding:55px 0 30px;border-top:1px solid var(--line)}.footer-top{display:flex;justify-content:space-between;gap:35px}.footer-links{display:flex;flex-wrap:wrap;gap:22px;font-size:.9rem}.text-button{background:none;border:0;color:inherit;padding:0;text-decoration:underline;text-underline-offset:4px}.footer-bottom{display:flex;justify-content:space-between;gap:22px;margin-top:45px;padding-top:22px;border-top:1px solid var(--line);font-size:.8rem;color:var(--muted)}.article{max-width:850px;margin:auto;padding:75px 0 100px}.article h1{font-size:clamp(3rem,6vw,5rem);margin-bottom:36px}.article h2{font-size:2.3rem;margin-top:48px}.article h3{margin-top:25px}.article p,.article li{color:var(--muted)}.article .eyebrow{color:var(--aqua)}.article ul{padding-left:22px}.article pre{overflow:auto;border:1px solid var(--line);border-radius:15px;padding:25px;background:#101a28;font-size:.84rem;white-space:pre-wrap}.article .info{padding:25px;border-left:2px solid var(--aqua);background:#111b2a}.cookie-overlay{position:fixed;inset:0;z-index:100;background:#020711c9;backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:center;padding:25px}.cookie-overlay[hidden]{display:none}.cookie-panel{width:min(850px,100%);border:1px solid #69728c;border-radius:26px;box-shadow:0 25px 140px #000c;overflow:auto;max-height:calc(100dvh - 50px);background:radial-gradient(ellipse at 0 0,#342654,transparent 60%),#111c2b}.cookie-top{padding:39px 45px 27px;border-bottom:1px solid #4f587844}.cookie-brand{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.cookie-brand .eyebrow{margin:0}.cookie-icon{font-size:1.2rem;border:1px solid #717e96;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;color:var(--aqua)}.cookie-panel h2{font-size:clamp(2.3rem,5vw,4.2rem);max-width:650px;line-height:1.05;margin-bottom:24px}.cookie-panel h2 em{font-style:normal;color:var(--aqua)}.cookie-panel p{font-size:1.05rem;color:#c0cdde;max-width:700px}.cookie-bottom{padding:26px 45px 35px;background:#080f1b66}.cookie-facts{display:flex;gap:22px;color:var(--aqua);font-size:.8rem;flex-wrap:wrap;letter-spacing:.02em;margin-bottom:20px}.cookie-panel details{font-size:.93rem;margin:18px 0}.cookie-panel summary{cursor:pointer}.cookie-panel .check{margin-top:18px}.cookie-actions{display:flex;gap:13px;margin-top:25px}.cookie-actions .button{flex:1;font-size:1rem}.cookie-legal{margin-top:20px;font-size:.8rem!important}.cookie-legal a{margin-right:18px}body.modal-open{overflow:hidden}.notice{background:#172535;border:1px solid #39576d;padding:20px;border-radius:12px}.share-button{display:inline-flex;align-items:center;gap:12px}.share-status{font-size:.85rem;color:var(--aqua)}@media(max-width:900px){.nav .desktop{display:none}.hero-grid{grid-template-columns:1fr;min-height:0}.hero{padding-top:55px}.hero h1{max-width:800px}.hero-visual{min-height:400px;max-width:550px;margin:0 auto}.hero-visual img{max-height:420px}.visual-note{bottom:5px}.section-head{gap:30px}.section{padding:75px 0}.cards{gap:14px}.card{padding:24px}.flow{grid-template-columns:1fr 1fr}.flow article:nth-child(2){border-right:0}.flow article:nth-child(-n+2){border-bottom:1px solid var(--line)}.split{gap:35px}.cookie-top{padding:30px}.cookie-bottom{padding:25px 30px}}@media(max-width:620px){.wrap{padding:0 21px}.header-inner{height:75px;gap:12px}.brand{font-size:1.35rem;gap:7px}.brand img{width:29px;height:37px}.nav{gap:14px}.nav .button{display:none}.languages{gap:11px;font-size:.78rem}.hero{padding-top:45px}.hero h1{font-size:3.8rem}.hero .lead{font-size:1.12rem}.hero-visual{min-height:320px}.hero-visual img{max-height:350px}.hero-footer{flex-direction:column;gap:5px;margin-top:20px}.section-head,.split,.cards,.lesson-grid{grid-template-columns:1fr;gap:25px}.section-head{margin-bottom:30px}.section{padding:65px 0}.card{padding:28px}.card .num{margin-bottom:24px}.flow{grid-template-columns:1fr}.flow article{border-right:0;border-bottom:1px solid var(--line)}.flow article:last-child{border-bottom:0}.flow .num{margin-bottom:12px}.flow article{padding:26px}.footer-top,.footer-bottom{flex-direction:column}.footer-links{gap:15px}.form-card{padding:25px}.cookie-overlay{padding:14px}.cookie-panel{border-radius:20px;max-height:calc(100dvh - 28px)}.cookie-top{padding:25px}.cookie-bottom{padding:20px 25px 25px}.cookie-brand{margin-bottom:23px}.cookie-panel h2{font-size:2.55rem}.cookie-panel p{font-size:1rem}.cookie-actions{flex-direction:column}.cookie-actions .button{padding:15px}.cookie-facts{gap:10px}.article{padding-top:55px}.actions .button{font-size:.93rem;padding:14px 20px}.lesson{padding:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}:focus-visible{outline:2px solid var(--aqua)}

.hero h1{font-size:clamp(3.1rem,4.9vw,4.7rem)}.brand img{width:100px;height:38px}.hero-grid{min-height:610px}.hero-visual img{max-height:470px}@media(max-width:620px){.hero h1{font-size:3.15rem}.brand img{width:80px;height:33px}}

/* Deliberate two-column footer navigation keeps links and the privacy action aligned. */
.footer-top{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:32px}
.footer-top>.footer-links{display:grid;grid-template-columns:repeat(2,max-content);align-items:start;gap:12px 28px}
.footer-top>.footer-links>a,.footer-top>.footer-links>.text-button{display:inline-block;align-self:start;justify-self:start;line-height:1.5;text-align:left;margin:0}
.footer-top>.footer-links>.text-button{font-size:inherit}
.footer-top>div:first-child .tiny{max-width:46ch;margin-top:12px}
@media(max-width:620px){.footer-top{grid-template-columns:minmax(0,1fr);gap:26px}.footer-top>.footer-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px}}

/* Shared typography: balanced display lines and no isolated final word. */
h1,h2,h3,.quote,.eyebrow,.cookie-panel h2{text-wrap:balance;overflow-wrap:anywhere}
p,li,dd{ text-wrap:pretty;orphans:3;widows:3;hyphens:auto;overflow-wrap:break-word }
h1,h2,h3{hyphens:auto;break-after:avoid-page}
summary,.button,.footer-links a,.text-button{text-wrap:balance}
@media print{h1,h2,h3{break-after:avoid}p,li{orphans:3;widows:3}.card,.lesson,.quote{break-inside:avoid}}
@media(min-width:621px) and (max-width:900px){.cards{grid-template-columns:1fr}.section-head,.split{grid-template-columns:1fr}.hero h1{max-width:820px}}
