:root{--ink: #0b0f17;--ink-card: #151a24;--on-ink: #fbfaf7;--on-ink-secondary: #b9bec8;--on-ink-muted: #98a1b0;--on-ink-faint: rgba(251, 250, 247, .6);--hairline: rgba(251, 250, 247, .08);--hairline-strong: rgba(251, 250, 247, .14);--mint: #22d3a7;--mint-hi: #7bebcf;--mint-ink: #06281f;--indigo: #4e5cf2}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{margin:0;font-family:IBM Plex Sans,IBM Plex Sans Arabic,Segoe UI,system-ui,-apple-system,sans-serif;background:var(--ink);color:var(--on-ink);line-height:1.7;overflow-x:clip}:focus-visible{outline:2px solid var(--mint-hi);outline-offset:3px;border-radius:6px}img{max-width:100%}.progress{position:fixed;top:0;inset-inline:0;height:4px;z-index:60;background:linear-gradient(90deg,var(--mint),var(--indigo));box-shadow:0 0 12px #22d3a7cc;transform:scaleX(0);transform-origin:right}[dir=ltr] .progress{transform-origin:left}.aurora{position:fixed;inset:0;pointer-events:none;z-index:0}.aurora i{position:absolute;border-radius:50%}.aurora-a{top:-12%;inset-inline-start:-8%;width:560px;height:560px;background:radial-gradient(circle,rgba(78,92,242,.32),transparent 65%);filter:blur(20px)}.aurora-b{top:38%;inset-inline-end:-10%;width:620px;height:620px;background:radial-gradient(circle,rgba(34,211,167,.22),transparent 65%);filter:blur(24px)}.aurora-c{bottom:-14%;inset-inline-start:22%;width:520px;height:520px;background:radial-gradient(circle,rgba(242,113,28,.16),transparent 65%);filter:blur(24px)}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px;padding:12px clamp(20px,5vw,64px);background:#0b0f17b8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--hairline)}.brand-home{display:inline-flex;align-items:center;flex-shrink:0}.brand-logo{height:30px;width:auto}.site-nav-chapters{display:flex;gap:26px;font-size:.95rem;font-weight:500}.site-nav-chapters a{color:var(--on-ink-secondary);text-decoration:none;white-space:nowrap}.site-nav-chapters a:hover{color:var(--on-ink)}.site-nav{display:flex;align-items:center;gap:14px}.signin-link{display:inline-flex;align-items:center;min-height:44px;padding-inline:10px;font-size:.95rem;font-weight:600;color:var(--on-ink-secondary);text-decoration:none;white-space:nowrap}.signin-link:hover{color:var(--on-ink)}.locale-switch{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--hairline-strong);border-radius:999px;background:#fbfaf70d}.locale-option{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:32px;padding-inline:12px;border-radius:999px;font-size:.8rem;font-weight:700;color:var(--on-ink-secondary);text-decoration:none}.locale-option.is-current{background:var(--on-ink);color:var(--ink)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:.45rem 1.25rem;font-size:.875rem;font-weight:700;font-family:inherit;color:var(--mint-ink);text-decoration:none;background:var(--mint);border:1px solid transparent;border-radius:999px;box-shadow:0 0 24px #22d3a773;white-space:nowrap}.btn:hover{background:var(--mint-hi)}.btn-sm{min-height:40px;padding:.4rem 1rem;font-size:.85rem}.btn-lg{min-height:40px;padding:.45rem 1.75rem;font-size:.95rem;box-shadow:0 0 34px #22d3a766}.btn-xl{min-height:40px;padding:.45rem 2.2rem;font-size:1rem;background:linear-gradient(90deg,var(--mint),var(--mint-hi));box-shadow:0 0 44px #22d3a780}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:.45rem 1.5rem;font-size:.95rem;font-weight:700;color:var(--on-ink);text-decoration:none;border:1px solid rgba(251,250,247,.22);border-radius:999px;background:#fbfaf70d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-ghost:hover{border-color:#fbfaf773}.hero{position:relative;z-index:1;padding:clamp(64px,10vh,120px) clamp(20px,6vw,80px) 30px;text-align:center}.hero-copy{max-width:900px;margin-inline:auto}.hero h1{font-size:clamp(44px,7vw,84px);font-weight:700;line-height:1.2;margin:26px 0 18px}.hero-accent{background:linear-gradient(90deg,var(--mint-hi),var(--indigo));-webkit-background-clip:text;background-clip:text;color:transparent}.subline{font-size:clamp(17px,2vw,21px);color:var(--on-ink-secondary);line-height:1.95;max-width:620px;margin:0 auto 34px}.hero-ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.screen-figure{position:relative;margin:0}.frame-glow{position:absolute;inset:8% -3% -6%;filter:blur(28px);pointer-events:none}.hero-frame{max-width:1020px;margin:60px auto 0}.hero-frame .frame-glow{inset:-3% -4%;border-radius:32px;filter:blur(34px);opacity:.55}.pf{position:relative;border-radius:18px;overflow:hidden;border:1px solid var(--hairline-strong);background:#fbfaf70a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 30px 70px #00000073;animation:float 7s ease-in-out infinite}.hero-frame .pf{border-radius:22px;background:var(--ink-card);box-shadow:0 40px 100px #00000080;animation:none}.pf-chrome{display:flex;align-items:center;gap:8px;padding:12px 18px;border-bottom:1px solid var(--hairline)}.pf-dots{display:inline-flex;gap:8px}.pf-dots i{width:11px;height:11px;border-radius:99px}.pf-dots i:nth-child(1){background:#f2711c}.pf-dots i:nth-child(2){background:#f5c04e}.pf-dots i:nth-child(3){background:var(--mint)}.pf-pill{margin-inline-start:12px;font-size:12.5px;color:var(--on-ink-muted);background:#fbfaf70f;border-radius:8px;padding:3px 14px}.screenshot{display:block;width:100%;height:auto}.caption{margin:12px 0 0;font-size:.85rem;color:var(--on-ink-muted);position:relative}.hero-caption{margin-top:16px;font-size:.875rem}.ticker{border-block:1px solid rgba(251,250,247,.1);padding:15px 0;overflow:clip;position:relative;z-index:1}.ticker-track{display:inline-flex;white-space:nowrap;animation:marquee 28s linear infinite;font-size:1rem;font-weight:500;color:#7c8698}[dir=rtl] .ticker-track{animation-name:marquee-rtl}.ticker-run{display:inline-flex;gap:48px;padding-inline-end:48px}.ticker-item span{color:var(--mint)}.chapters{position:relative;z-index:1;padding:40px clamp(20px,5vw,64px) 70px;max-width:1180px;margin-inline:auto;display:grid;gap:clamp(40px,7vh,80px)}.chapter{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:clamp(28px,4vw,60px);align-items:center;scroll-margin-top:92px}@media(min-width:721px){.chapter--swap .chapter-copy{order:2}}.chapter-num{position:absolute;top:-46px;inset-inline-start:-1%;font-size:clamp(110px,15vw,190px);font-weight:700;line-height:1;color:transparent;-webkit-user-select:none;user-select:none;z-index:-1}.kicker{display:inline-block;font-weight:700;font-size:.875rem;border:1px solid;padding:7px 16px;border-radius:999px;margin:0}.chapter h2{font-size:clamp(28px,3.6vw,44px);font-weight:700;line-height:1.35;margin:18px 0 14px}.chapter-body{font-size:1.06rem;line-height:2;color:var(--on-ink-secondary);max-width:470px;margin:0}.closing{position:relative;z-index:1;text-align:center;padding:clamp(80px,12vh,150px) 24px;border-top:1px solid var(--hairline);overflow:clip;scroll-margin-top:92px}.closing:before{content:"";position:absolute;inset:auto 0 -40%;height:80%;background:radial-gradient(ellipse at bottom,rgba(34,211,167,.25),transparent 65%);pointer-events:none}.closing:after{content:"";position:absolute;top:0;bottom:0;left:0;z-index:-1;width:clamp(240px,38%,560px);background:url(/patterns/closing-weave.webp) left center / cover no-repeat;opacity:.45;pointer-events:none;-webkit-mask-image:radial-gradient(120% 105% at 0% 50%,#000 25%,transparent 72%);mask-image:radial-gradient(120% 105% at 0% 50%,#000 25%,transparent 72%)}@media(max-width:640px){.closing:after{width:62%;opacity:.3}}.closing h2{position:relative;font-size:clamp(36px,5.5vw,62px);font-weight:700;margin:0 0 14px}.closing-body{position:relative;color:var(--on-ink-secondary);font-size:1.2rem;margin:0 0 36px}.closing .btn-xl{position:relative}.closing-signin{position:relative;margin:4px 0 0}.site-footer{position:relative;z-index:1;border-top:1px solid var(--hairline);background:linear-gradient(180deg,#151a2499,#0b0f1700);padding:clamp(48px,7vh,80px) clamp(20px,5vw,64px) 34px}.footer-grid{max-width:1180px;margin-inline:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:clamp(32px,4vw,56px)}.footer-brand .brand-logo{margin-bottom:16px}.footer-closing{color:var(--on-ink-secondary);font-size:.95rem;line-height:1.9;margin:0 0 18px;max-width:280px}.footer-heading{font-size:.95rem;font-weight:700;color:var(--on-ink);margin:6px 0 16px}.footer-support{display:inline-flex;align-items:center;gap:10px;color:var(--mint-hi);font-size:1.06rem;font-weight:700;text-decoration:none;margin-bottom:12px}.footer-list{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:.9rem}.footer-list a{color:var(--on-ink-secondary);text-decoration:none}.footer-list a:hover{color:var(--on-ink)}.footer-bottom{max-width:1180px;margin:clamp(36px,5vh,56px) auto 0;padding-top:22px;border-top:1px solid var(--hairline);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.footer-line{color:var(--on-ink-faint);font-size:.875rem;margin:0}.footer-tc{height:18px;width:auto;opacity:.75}.legal-doc{position:relative;z-index:1;max-width:720px;margin-inline:auto;padding:clamp(64px,12vh,120px) 24px 80px}.legal-doc h1{font-size:clamp(2rem,1.6rem + 2vw,3rem);font-weight:700;margin:0 0 18px}.legal-doc .legal-effective{display:inline-flex;align-items:center;margin:0 0 28px;padding:6px 16px;border:1px solid var(--hairline-strong);border-radius:999px;background:#fbfaf70d;color:var(--on-ink-muted);font-size:.85rem;font-weight:500}.legal-doc .legal-intro{margin:0 0 40px;font-size:1.06rem;line-height:1.95;color:var(--on-ink-secondary)}.legal-doc h2{margin:0 0 14px;padding-top:32px;border-top:1px solid var(--hairline);font-size:1.3rem;font-weight:700}.legal-doc h2:first-of-type{padding-top:8px;border-top:none}.legal-doc p{margin:0 0 14px;color:var(--on-ink-secondary);line-height:1.9}.legal-doc ul{margin:0 0 16px;padding-inline-start:22px;color:var(--on-ink-secondary)}.legal-doc li{margin-bottom:8px;line-height:1.85}.legal-doc li::marker{color:var(--mint)}.legal-doc p:has(.legal-back){margin-top:44px}.legal-back{color:var(--on-ink-secondary);text-decoration:none;border-bottom:1px solid var(--hairline-strong)}.legal-back:hover{color:var(--on-ink)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marquee-rtl{0%{transform:translate(0)}to{transform:translate(50%)}}@media(prefers-reduced-motion:no-preference){.js-reveal .reveal{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}.js-reveal .reveal.is-visible{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pf,.ticker-track{animation:none!important}.ticker-track{white-space:normal;flex-wrap:wrap;row-gap:8px;justify-content:center}.ticker-run[aria-hidden=true]{display:none}}@media(max-width:1079px){.site-nav-chapters{display:none}}@media(max-width:720px){.site-header .signin-link{display:none}.site-header{gap:10px;padding:10px 14px}.site-header .brand-logo{height:22px}.site-nav{gap:8px}.locale-option{min-width:34px;min-height:30px;padding-inline:6px;font-size:.72rem}.site-header .btn{padding:.4rem .75rem;font-size:.75rem;min-height:40px}.chapter-num{font-size:84px;top:-30px}.chapter-body{max-width:none}}
