
:root{--bg:#10141b;--panel:#19212c;--text:#f0f3f8;--muted:#aeb9c9;--line:#303b4b;--blue:#a6caff;--mint:#98d2c4;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:var(--blue);text-underline-offset:4px}a:hover{color:white}a:focus-visible,summary:focus-visible{outline:3px solid var(--mint);outline-offset:6px}img{max-width:100%;height:auto}header,main,footer{width:min(1160px,calc(100% - 80px));margin:auto}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:650;letter-spacing:-.7px;color:var(--text);text-decoration:none}header nav{display:flex;gap:32px;align-items:center}header nav a{font-size:14px;color:var(--muted);text-decoration:none}header nav a[aria-current]{color:white}h1,h2,h3,p,figure{margin:0}h1{font-size:clamp(56px,6.5vw,84px);line-height:1.02;font-weight:600;letter-spacing:-4px}h2{font-size:clamp(32px,4vw,46px);font-weight:550;letter-spacing:-1.7px;line-height:1.12}h3{font-weight:550}p{font-size:16px;line-height:1.7;color:var(--muted)}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center;padding:76px 0 66px}.release{display:inline-flex;align-items:center;gap:9px;border:1px solid #40505d;border-radius:30px;padding:7px 12px;color:#c6d4e5;text-decoration:none;font-size:12px;margin-bottom:24px}.release span,.status-dot{width:6px;height:6px;border-radius:50%;background:var(--mint);display:inline-block}.lead{font-size:22px;line-height:1.5;letter-spacing:-.3px;margin-top:24px;color:#dce4ef}.intro{margin-top:16px;max-width:470px}.actions{display:flex;gap:12px;margin:28px 0 16px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;padding:13px 21px;font-size:14px;font-weight:600;border-radius:9px;text-decoration:none}.primary{background:var(--blue);color:#10233e}.primary:hover{background:#c3dcff;color:#10233e}.secondary{border:1px solid #465263;color:var(--text)}.fine{font-size:12px;line-height:1.8}.app-stage{background:radial-gradient(ellipse at 50% 40%,#3c5168 0%,#222e3b 45%,#19212c 75%);border:1px solid #384555;border-radius:24px;padding:26px 35px;display:flex;flex-direction:column;align-items:center;position:relative}.stage-heading{display:flex;align-items:center;gap:9px;font-size:12px;color:#c7d5e6;margin-bottom:24px}.overview{filter:drop-shadow(0 20px 25px #0006);border-radius:18px}figcaption{color:var(--muted);font-size:11px;line-height:1.6;margin-top:20px;max-width:360px}.principles{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;font-size:13px;color:#c6d1df}.menu-feature{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;padding:100px 0}.kicker{font-size:13px;color:var(--mint);margin-bottom:18px}.menu-feature p:not(.kicker),.settings-feature p:not(.kicker){margin-top:23px;max-width:440px}.text-link{display:inline-block;margin-top:24px;text-decoration:none;font-size:14px}.menu-shot{padding:40px 25px;background:#19212c;border:1px solid var(--line);border-radius:14px}.menu-shot img{display:block;width:100%;border-radius:6px}.menu-shot figcaption{max-width:none}.metrics-section{padding:12px 0 90px}.section-heading p{margin-top:15px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);margin-top:38px;gap:0 30px}.metrics article{padding:28px 0;border-top:1px solid var(--line)}.metric-icon{font-size:23px;color:var(--accent);display:block;height:35px}.metrics h3{margin:9px 0;font-size:18px}.metrics p{font-size:14px;line-height:1.65}.settings-feature{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;background:var(--panel);border:1px solid var(--line);padding:55px 60px;border-radius:22px}.settings-feature figure{text-align:center}.settings-feature figure img{width:300px;border-radius:12px}.settings-feature figcaption{margin:20px auto 0}.simple-list{list-style:none;padding:0;margin-top:24px;color:var(--muted);font-size:14px;line-height:1.8}.simple-list li{padding:9px 0;border-bottom:1px solid var(--line)}.closing{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:100px 0}.closing p:not(.kicker){margin-top:20px}footer{display:flex;flex-wrap:wrap;align-items:center;gap:25px;padding:35px 0;border-top:1px solid var(--line)}footer p{font-size:13px}footer div{margin-left:auto;display:flex;gap:25px}footer a:not(.brand),footer small{font-size:12px;color:var(--muted)}footer small{width:100%}.skip{position:fixed;left:12px;top:-100px;background:white;color:black;padding:15px;z-index:5}.skip:focus{top:12px}.docs-layout{width:min(1160px,calc(100% - 80px));margin:50px auto 80px;display:grid;grid-template-columns:220px minmax(0,1fr);gap:72px}aside{position:sticky;top:30px;align-self:start}aside p{font-size:13px;color:white;margin-bottom:20px}aside nav{display:flex;flex-direction:column;gap:4px}aside nav a{padding:9px 0;text-decoration:none;font-size:14px;color:var(--muted)}aside .back{display:block;border-top:1px solid var(--line);padding-top:24px;margin-top:24px;font-size:13px;text-decoration:none}.guide{width:100%;min-width:0;max-width:780px;margin:0}.guide h1{font-size:58px;letter-spacing:-2.8px}.guide section{margin-top:55px;scroll-margin-top:30px}.guide h2{font-size:30px;letter-spacing:-.8px;border-top:1px solid var(--line);padding-top:30px;margin-bottom:20px}.guide h3{margin:25px 0 10px}.guide p{margin:15px 0;max-width:72ch}.guide li{color:var(--muted);line-height:1.8;margin-bottom:14px;padding-left:6px}.guide strong{color:var(--text)}.callout{padding:20px 23px;background:var(--panel);border-left:3px solid var(--mint);font-size:15px;line-height:1.7;color:#d8e5ed;margin-top:24px}pre{background:#080e16;border:1px solid var(--line);padding:22px;overflow:auto;border-radius:8px;font-size:13px;line-height:1.8}code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.88em;color:#c5dcfa}pre code{font-size:inherit}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}th,td{border-bottom:1px solid var(--line);padding:15px 16px;line-height:1.6}td{color:var(--muted)}td:first-child{color:var(--text);white-space:nowrap}th{background:var(--panel)}.guide-figure{background:var(--panel);padding:30px;margin-top:28px;border-radius:12px}.guide-figure img{display:block;margin:auto;border-radius:10px}.guide-figure figcaption{margin:18px auto 0;max-width:430px;text-align:center}.guide-figure.wide img{border-radius:0}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-size:16px;line-height:1.6}details p{padding-left:20px}@media(max-width:1000px){.hero{gap:35px}.app-stage{padding:22px}.hero h1{font-size:65px}.settings-feature{gap:45px;padding:40px}.menu-feature{gap:40px}.docs-layout{gap:40px;grid-template-columns:185px minmax(0,1fr)}}@media(max-width:760px){header,main,footer{width:calc(100% - 40px)}header{height:80px}header nav{gap:18px}.brand{font-size:21px}.brand img{width:30px;height:30px}.hero{grid-template-columns:1fr;padding:45px 0;gap:35px}.hero h1{font-size:64px;letter-spacing:-3px}.app-stage{max-width:480px;width:100%;margin:auto}.lead{font-size:20px}.principles{display:grid;grid-template-columns:1fr 1fr;font-size:12px}.menu-feature,.settings-feature{grid-template-columns:1fr;gap:35px;padding:55px 0}.metrics{grid-template-columns:repeat(2,1fr);gap:0 25px}.metrics-section{padding-bottom:50px}.settings-feature{padding:30px;display:flex;flex-direction:column-reverse;align-items:stretch}.closing{display:block;padding:60px 0}.closing .button{margin-top:26px}footer{gap:18px}footer div{width:100%;margin:0;flex-wrap:wrap}footer p{width:100%}.docs-layout{display:block;width:calc(100% - 40px);margin-top:30px}.docs-layout aside{position:static;border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:30px}aside nav{flex-direction:row;flex-wrap:wrap;gap:4px 20px}aside nav a{font-size:13px}aside .back{display:none}.guide h1{font-size:46px}.guide section{margin-top:35px}.guide-figure{padding:20px}h2{font-size:34px}pre{padding:16px}}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
