@layer reset,base,layout,components;
@layer reset{*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,p,ul,figure,dl,dd{margin:0}img,svg{display:block;max-width:100%}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}html{scroll-behavior:smooth;scroll-padding-top:100px}}
@layer base{
:root{color-scheme:dark;--bg:#090d15;--surface:#101622;--raised:#151e2e;--line:#253148;--ink:#edf2fc;--muted:#a1afc6;--blue:#85adff;--blue-soft:#142541;--max:1160px;--radius:18px;--mono:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace}
body{font:16px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink);overflow-wrap:break-word}a{color:inherit;text-decoration:none}a:hover{color:var(--blue)}a:focus-visible,summary:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:5px}::selection{background:#345994;color:#fff}h1,h2,h3{line-height:1.12;letter-spacing:-.04em;font-weight:650}h1{font-size:clamp(42px,5.7vw,76px)}h2{font-size:clamp(30px,3.6vw,46px)}h3{font-size:26px}p{color:var(--muted)}small{font-size:13px}.muted{color:var(--muted)}code{font-family:var(--mono)}.wrap{width:min(var(--max),calc(100% - 64px));margin-inline:auto}.eyebrow{font:12px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.16em;color:var(--blue);margin-bottom:20px}.blue{color:var(--blue)}.section{padding-block:96px}.section-heading{display:flex;gap:30px;align-items:end;justify-content:space-between;margin-bottom:36px}.section-heading p{max-width:370px}.divider{border-top:1px solid var(--line)}.lead{font-size:18px;line-height:1.75}.text-link{color:var(--blue);display:inline-flex;align-items:center;gap:10px;min-height:44px}.skip{position:fixed;top:12px;left:12px;z-index:100;background:var(--blue);color:#09101c;padding:10px 16px;transform:translateY(-200%)}.skip:focus{transform:none}.pill{display:inline-flex;align-items:center;gap:7px;border:1px solid #2a3c59;border-radius:30px;padding:4px 11px;font-size:12px;color:#c4d8fc;white-space:nowrap}.pill.dot::before{content:"";width:6px;height:6px;background:var(--blue);border-radius:50%}.quiet-pill{border-color:var(--line);color:var(--muted)}
}
@layer layout{
.site-header{border-bottom:1px solid var(--line);position:sticky;top:0;background:#090d15f2;z-index:20;backdrop-filter:blur(16px)}.header-inner{height:80px;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:11px;font-size:23px;font-weight:650;letter-spacing:-.05em}.brand img{width:34px;height:34px}.nav summary{display:none}.nav ul{list-style:none;display:flex;align-items:center;gap:30px;padding:0;font-size:14px}.nav a{min-height:44px;display:flex;align-items:center}.nav .nav-action{border:1px solid var(--line);padding:0 16px;border-radius:9px;color:var(--ink)}.nav a[aria-current=page]{color:var(--blue)}.hero{padding-top:76px;padding-bottom:72px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px;min-height:660px}.hero-copy h1{margin-bottom:27px}.hero-copy .lead{max-width:490px}.hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:32px}.hero-note{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:28px;color:var(--muted);font:12px var(--mono)}.hero-note span+span::before{content:"/";margin-right:16px;color:#53637c}.hero-visual{position:relative;display:grid;place-items:center;padding:24px 30px;background:linear-gradient(150deg,#16254170,transparent 65%);border:1px solid var(--line);border-radius:24px;overflow:hidden;min-height:530px}.hero-visual::before{content:"";position:absolute;width:360px;height:360px;border:1px solid #29416370;border-radius:50%;right:-180px;top:-110px}.phone{border:1px solid #384356;border-radius:24px;background:#11151c;padding:7px;width:224px;box-shadow:0 30px 50px #0005;transform:rotate(-3deg);position:relative}.phone img{width:100%;height:auto;border-radius:18px}.visual-label{position:absolute;bottom:23px;left:26px;font:11px var(--mono);color:#a6bbd9;letter-spacing:.04em}.visual-tag{position:absolute;right:12px;bottom:110px;background:#111c2ded;border:1px solid #34496b;border-radius:12px;padding:15px 18px;box-shadow:0 12px 24px #0004;font-size:12px}.visual-tag b{display:block;color:var(--ink);font:14px var(--mono);margin-bottom:4px}.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px}.principle{padding-top:24px;border-top:1px solid var(--line)}.principle .number{font:12px var(--mono);color:var(--blue);margin-bottom:22px}.principle h3{font-size:21px;margin-bottom:14px}.closing{display:flex;align-items:center;justify-content:space-between;gap:36px;padding-block:48px;border-top:1px solid var(--line)}.closing h2{font-size:30px;margin-bottom:8px}.site-footer{border-top:1px solid var(--line);padding-block:35px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:24px}.footer-links{display:flex;flex-wrap:wrap;gap:24px;font-size:13px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#8798b2;margin-top:25px}.product-hero{padding-block:60px}.breadcrumbs{display:flex;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--muted);margin-bottom:44px}.product-heading{display:flex;gap:22px;align-items:center;margin-bottom:26px}.app-icon{width:68px;height:68px;border-radius:17px;background:#151d2b;padding:12px;border:1px solid #304665}.product-hero h1{font-size:64px}.product-subtitle{margin-top:10px;font-size:20px}.product-top{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:start}.product-intro p{max-width:590px}.subnav{display:flex;gap:30px;overflow-x:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14px;padding-block:14px;white-space:nowrap}.subnav a{min-height:44px;display:flex;align-items:center}.feature-row{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;padding-block:38px;border-top:1px solid var(--line)}.feature-row h3{font-size:25px}.feature-row p{max-width:700px}.feature-row ul{color:var(--muted);padding-left:20px;margin-top:12px}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:32px}.screenshot{border:1px solid var(--line);border-radius:16px;background:#111722;padding:24px;display:flex;justify-content:center;max-height:570px;overflow:hidden}.screenshot img{width:auto;max-height:520px;object-fit:contain;object-position:top;border-radius:10px}.gallery figcaption{font-size:13px;color:var(--muted);margin-top:14px}.requirements{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 60px;margin-top:32px}.requirements div{border-top:1px solid var(--line);padding-block:18px}.requirements dt{font-size:13px;color:var(--muted);margin-bottom:5px}.requirements dd{font-size:16px}.release-row{display:grid;grid-template-columns:170px 1fr;gap:34px;border-top:1px solid var(--line);padding-block:26px}.release-row h3{font-size:21px}.release-row ul{padding-left:18px;color:var(--muted)}.faq{max-width:840px}.faq details{border-bottom:1px solid var(--line);padding-block:20px}.faq summary{cursor:pointer;font-size:17px;min-height:44px}.faq p{margin-top:12px;max-width:740px}.prose{max-width:800px;padding-block:70px}.prose h1{font-size:48px;margin-bottom:30px}.prose h2{font-size:27px;margin:34px 0 16px}.prose p,.prose ul{margin-bottom:18px;color:var(--muted)}.prose a{color:var(--blue)}.error-page{min-height:65vh;display:flex;flex-direction:column;justify-content:center;align-items:start;gap:24px;max-width:760px}
}
@layer components{
.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:14px;border-radius:10px;border:1px solid transparent;padding:11px 20px;font-size:14px;font-weight:620;transition:background .18s,transform .18s;background:#b8ceff;color:#0c1830}.button:hover{background:#cbdcff;color:#0c1830;transform:translateY(-1px)}.button.secondary{background:transparent;border-color:var(--line);color:var(--ink)}.button.secondary:hover{border-color:#5677a9;background:#152033}.button.small{min-height:44px;padding:9px 16px}.icon{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.app-card{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);padding:30px;min-height:340px;display:flex;flex-direction:column;position:relative;overflow:hidden}.app-card.active{border-color:#3a5380;background:linear-gradient(140deg,#17243c,#101722 70%)}.card-top{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:23px}.card-id{font:12px var(--mono);color:#94a4bf}.card-icon{width:48px;height:48px;display:grid;place-items:center;background:#1a2740;border:1px solid #32496f;border-radius:13px;padding:8px}.card-icon.future{background:transparent;border-color:var(--line);color:#637b9f;padding:12px}.app-card h3{margin-bottom:10px;font-size:30px}.app-card p{max-width:420px;font-size:15px}.card-features{list-style:none;display:flex;gap:6px 18px;flex-wrap:wrap;padding:0;margin-top:20px;color:#c6d4e9;font-size:12px}.card-features li::before{content:"·";color:var(--blue);margin-right:6px}.card-meta{display:flex;gap:8px 16px;flex-wrap:wrap;margin-top:20px;font:11px var(--mono);color:var(--muted)}.card-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:auto;padding-top:28px}.app-card.future h3{font-size:27px;color:#c2cde0}.future-footer{font-size:12px;letter-spacing:.05em;color:#8093b0;margin-top:auto;padding-top:42px;font-family:var(--mono)}.download-panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:27px}.download-panel h2{font-size:23px;margin-bottom:14px}.download-panel p{font-size:14px}.download-panel .button{width:100%;margin-top:20px}.release-meta{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}.release-meta dt{font-size:11px;color:var(--muted);margin-bottom:3px}.release-meta dd{font-size:14px}.checksum{border-top:1px solid var(--line);padding-top:18px;margin-top:18px}.checksum-label{display:flex;justify-content:space-between;align-items:center;font-size:11px;gap:12px;margin-bottom:6px;color:var(--muted)}.checksum code{font-size:11px;color:#c2d5f4;overflow-wrap:anywhere;display:block}.copy{border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--blue);min-height:36px;padding:5px 10px;font-size:11px}.pending{display:inline-flex;align-items:center;gap:8px;border:1px solid #5c4f32;background:#241e14;color:#e7cd93;border-radius:9px;padding:10px 14px;min-height:44px;font-size:13px}.pending::before{content:"";width:6px;height:6px;border-radius:50%;background:#d8b46d}.download-panel .pending{margin-top:20px}.notice{border-left:2px solid #4c78b2;padding:12px 18px;background:#111e31;color:#bdcce3;font-size:14px;margin-top:22px}.download-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.download-grid .install{padding:10px 0}.install h3{font-size:26px;margin-bottom:20px}.install ol{color:var(--muted);padding-left:21px}.install li{margin-bottom:13px}.status-line{font:12px var(--mono);color:var(--muted);margin-top:16px}.section .text-link{margin-top:12px}
}
@media(max-width:950px){.hero{gap:28px;min-height:620px}.hero-visual{padding:20px;min-height:500px}.phone{width:204px}.visual-tag{right:5px;padding:12px}.product-top{gap:32px}.principles{gap:25px}.feature-row{gap:30px}.product-hero h1{font-size:54px}}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}.header-inner{height:68px}.brand{font-size:21px}.brand img{width:30px;height:30px}.nav{position:relative}.nav summary{display:flex;min-height:44px;align-items:center;gap:9px;font-size:14px;cursor:pointer;list-style:none}.nav summary::-webkit-details-marker{display:none}.nav ul{display:none;position:absolute;top:55px;right:0;min-width:235px;background:#111a29;border:1px solid var(--line);border-radius:13px;padding:12px;box-shadow:0 18px 30px #0006;gap:3px}.nav[open] ul{display:grid}.nav a{padding:8px 13px}.nav .nav-action{margin-top:6px}.hero{padding-top:44px;padding-bottom:48px;grid-template-columns:1fr;gap:38px;min-height:0}.hero-copy h1{font-size:clamp(42px,10vw,62px)}.hero-copy .lead{font-size:16px}.hero-visual{min-height:440px;padding-block:20px}.phone{width:185px}.visual-tag{right:10%;bottom:92px}.visual-label{font-size:10px;left:20px;bottom:16px}.hero-actions{gap:10px;margin-top:26px}.hero-actions .button{padding:11px 16px}.hero-note{gap:10px;font-size:10px}.hero-note span+span::before{margin-right:10px}.section{padding-block:58px}.section-heading{display:block;margin-bottom:28px}.section-heading p{margin-top:17px}.catalog-grid{grid-template-columns:1fr;gap:16px}.app-card{padding:25px;min-height:305px}.app-card.active{min-height:390px}.app-card.future{min-height:265px}.principles{grid-template-columns:1fr;gap:30px}.principle .number{margin-bottom:15px}.closing{display:block;padding-block:34px}.closing .button{margin-top:23px}.footer-top,.footer-bottom{display:block}.footer-links{gap:22px;margin-top:22px}.footer-bottom p+p{margin-top:7px}.product-hero{padding-block:32px 44px}.breadcrumbs{margin-bottom:30px}.product-top{grid-template-columns:1fr;gap:30px}.product-hero h1{font-size:50px}.product-heading{gap:17px}.product-subtitle{font-size:17px}.app-icon{width:60px;height:60px;border-radius:14px;padding:11px}.subnav{gap:25px;font-size:13px}.feature-row{grid-template-columns:1fr;gap:15px;padding-block:28px}.feature-row h3{font-size:23px}.gallery{gap:20px;grid-template-columns:1fr}.screenshot{max-height:520px}.screenshot img{max-height:470px}.requirements{grid-template-columns:1fr}.release-row{grid-template-columns:1fr;gap:15px}.download-grid{grid-template-columns:1fr;gap:26px}.prose{padding-block:44px}.prose h1{font-size:38px}.download-panel{padding:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}