:root{--green: #62D05C;--green-soft: #7FDD7A;--mono: "JetBrains Mono", ui-monospace, monospace;--ar: "Rubik", system-ui, sans-serif;--wrap: 1200px;--r-card: 12px;--r-btn: 8px;--r-tag: 6px;--r-device: 44px}:root[data-theme=dark]{--bg: #0A0D0F;--bg-2: #0E1316;--panel: #11181B;--fg: #E9EFEA;--fg-dim: #818E85;--fg-mute: #586259;--line: rgba(233,239,234,.08);--line-2: rgba(233,239,234,.16);--green-line: rgba(98,208,92,.32);--accent-ink: #7FDD7A;--shadow: rgba(0,0,0,.55);--grid: rgba(98,208,92,.045)}:root[data-theme=light]{--bg: #F2F3EE;--bg-2: #FBFBF7;--panel: #FFFFFF;--fg: #10171A;--fg-dim: #586559;--fg-mute: #8A968C;--line: rgba(16,23,26,.1);--line-2: rgba(16,23,26,.18);--green-line: rgba(47,159,55,.34);--accent-ink: #2E9A38;--shadow: rgba(20,30,25,.12);--grid: rgba(16,23,26,.035)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:var(--ar);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:background .4s,color .4s}.mono{font-family:var(--mono)}.muted{color:var(--fg-dim)}.accent{color:var(--accent-ink)}.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:clamp(20px,5vw,56px)}a{color:inherit;text-decoration:none}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(120% 90% at 70% 0%,#000 30%,transparent 80%);mask-image:radial-gradient(120% 90% at 70% 0%,#000 30%,transparent 80%)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--mono);font-weight:600;font-size:14px;letter-spacing:.3px;padding:0 22px;height:50px;border-radius:var(--r-btn);transition:.2s;white-space:nowrap}.btn.sm{height:38px;font-size:12px;padding:0 15px}.btn.lg{height:56px;font-size:15px;padding:0 30px}.btn.primary{background:var(--green);color:#05210a;box-shadow:0 0 0 1px var(--green),0 10px 34px -10px var(--green)}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 0 0 1px var(--green),0 16px 44px -10px var(--green)}.btn.primary:active{transform:translateY(0)}.btn.ghost{border:1px solid var(--line-2);color:var(--fg)}.btn.ghost:hover{border-color:var(--green);color:var(--accent-ink)}.btn .br{color:var(--green);opacity:.8}.btn.ghost .br{color:var(--fg-mute)}.nav{position:sticky;top:0;z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:color-mix(in srgb,var(--bg) 80%,transparent);border-bottom:1px solid var(--line)}.nav-row{display:flex;align-items:center;justify-content:space-between;height:64px;gap:20px}.brand{font-family:var(--mono);font-weight:700;font-size:20px;letter-spacing:-.5px;display:inline-flex;align-items:center;gap:2px}.brand .pre{color:var(--green)}.brand .cur{width:9px;height:18px;background:var(--green);display:inline-block;margin-inline-start:4px;box-shadow:0 0 10px var(--green);animation:blink 1.1s steps(1) infinite}@keyframes blink{50%{opacity:0}}@media (prefers-reduced-motion: reduce){.brand .cur{animation:none}}.brand.sm{font-size:17px}.nav-links{display:none;gap:26px;font-family:var(--mono);font-size:12.5px}.nav-links a{color:var(--fg-dim);transition:color .2s}.nav-links a:hover{color:var(--accent-ink)}.nav-right{display:flex;align-items:center;gap:10px}.theme-btn{width:38px;height:38px;border-radius:var(--r-btn);border:1px solid var(--line-2);background:transparent;color:var(--fg);font-size:15px;cursor:pointer;transition:.2s}.theme-btn:hover{border-color:var(--green);color:var(--accent-ink)}section{padding-block:clamp(64px,9vw,128px)}.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:1px;color:var(--accent-ink);margin-bottom:16px}.sec-h{font-size:clamp(26px,4vw,44px);font-weight:800;letter-spacing:-.6px;line-height:1.1;max-width:20ch}.sec-lead{color:var(--fg-dim);font-size:16px;font-weight:300;line-height:1.85;max-width:46ch;margin-top:16px}[data-reveal]{opacity:0;transform:translateY(22px)}[data-reveal].in{opacity:1;transform:none;transition:.8s cubic-bezier(.2,.7,.2,1) var(--d,0ms)}@media (prefers-reduced-motion: reduce){[data-reveal]{opacity:1!important;transform:none!important}}.device{position:relative;border-radius:var(--r-device);padding:8px;background:linear-gradient(160deg,#1b2226,#0c1012);border:1px solid var(--line-2);box-shadow:0 40px 90px -40px var(--shadow),0 0 60px -30px var(--green);width:100%;max-width:300px}.device img{display:block;width:100%;height:auto;border-radius:calc(var(--r-device) - 8px)}.device:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px #ffffff0f}.hero{position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr;gap:clamp(40px,6vw,72px);align-items:center;padding-block:clamp(40px,7vw,80px)}.hero-prompt{font-family:var(--mono);font-size:12.5px;color:var(--accent-ink);margin-bottom:18px}.hero-prompt .c{color:var(--fg-mute)}.hero h1{font-size:clamp(36px,5.4vw,58px);font-weight:800;line-height:1.08;letter-spacing:-1.4px}.hero h1 .accent{color:var(--accent-ink)}.hero-sub{margin:22px 0 30px;font-size:clamp(15px,1.8vw,19px);font-weight:300;line-height:1.8;color:var(--fg-dim);max-width:42ch}.hero-cta{display:flex;flex-wrap:wrap;gap:12px}.hero-meta{margin-top:22px;font-family:var(--mono);font-size:12px;color:var(--fg-mute)}.hero-art{position:relative;display:flex;justify-content:center}.hero-art .device{transform:rotate(-3deg)}.hero-mascot{position:absolute;bottom:-18px;inset-inline-start:-6px;width:clamp(82px,11vw,116px);filter:drop-shadow(0 10px 24px rgba(0,0,0,.5));animation:float 5.5s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@media (prefers-reduced-motion: reduce){.hero-mascot{animation:none}}.stats{border-block:1px solid var(--line);background:var(--bg-2)}.stats-row{display:grid;grid-template-columns:1fr 1fr;gap:0}.stat{padding:clamp(22px,4vw,40px) clamp(16px,3vw,32px);border-top:1px solid var(--line)}.stat:nth-child(-n+2){border-top:none}.stat-n{font-family:var(--mono);font-weight:700;color:var(--accent-ink);font-size:clamp(40px,7vw,72px);line-height:1;letter-spacing:-2px}.stat-l{display:block;margin-top:10px;font-size:14px;color:var(--fg-dim)}.stat-k{font-family:var(--mono);font-size:11px;color:var(--fg-mute);display:block;margin-bottom:12px}.show-row{display:grid;grid-template-columns:1fr;gap:clamp(32px,5vw,64px);align-items:center}.show-row+.show-row{margin-top:clamp(72px,11vw,150px)}.show-copy h3{font-size:clamp(24px,3.4vw,38px);font-weight:800;letter-spacing:-.8px;line-height:1.12}.show-copy p{color:var(--fg-dim);font-size:16px;font-weight:300;line-height:1.85;margin-top:16px;max-width:40ch}.show-tag{font-family:var(--mono);font-size:12px;color:var(--accent-ink);margin-bottom:14px}.show-art{display:flex;justify-content:center}.show-art .device{transform:rotate(2.5deg)}.show-row.alt .show-art .device{transform:rotate(-2.5deg)}.show-wide{margin-top:clamp(72px,11vw,150px);display:grid;grid-template-columns:1fr;gap:clamp(32px,5vw,56px);align-items:center;padding:clamp(28px,4vw,48px);border:1px solid var(--line);border-radius:var(--r-card);background:var(--bg-2)}.show-wide .device{max-width:250px}.wide-art{display:flex;justify-content:center}.check-list{list-style:none;display:grid;gap:14px}.check-list li{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;font-size:15px;color:var(--fg)}.check-list .ok{font-family:var(--mono);color:var(--green)}.check-list span.d{color:var(--fg-dim);font-size:13.5px;font-weight:300}.tech-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:40px}.tech-cell{display:flex;align-items:center;gap:12px;padding:18px 16px;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-tag);transition:.2s}.tech-cell:hover{border-color:var(--green-line);transform:translateY(-2px)}.tech-cell img{width:26px;height:26px}.tech-cell span{font-family:var(--mono);font-size:12.5px;color:var(--fg-dim)}.path-list{margin-top:44px;display:flex;flex-direction:column}.path{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:20px;padding:clamp(20px,3vw,28px) 4px;border-top:1px solid var(--line);transition:.25s}.path:last-child{border-bottom:1px solid var(--line)}.path:hover{padding-inline-start:16px}.path-node{width:30px;height:30px;border-radius:50%;border:1px solid var(--green-line);display:grid;place-items:center;color:var(--accent-ink);font-size:14px}.path-num{font-family:var(--mono);font-size:12px;color:var(--fg-mute)}.path h3{font-size:clamp(17px,2.4vw,24px);font-weight:700}.path p{color:var(--fg-dim);font-size:13.5px;font-weight:300;margin-top:3px}.path-arr{font-size:18px;color:var(--line-2);transition:.25s}.path:hover .path-arr{color:var(--accent-ink);transform:translate(-6px)}.feat-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:44px}.feat{padding:clamp(22px,3vw,28px);background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-card);transition:.2s}.feat:hover{border-color:var(--green-line);transform:translateY(-3px)}.feat-k{font-family:var(--mono);font-size:12px;color:var(--accent-ink)}.feat h3{font-size:18px;font-weight:700;margin:12px 0 8px}.feat p{color:var(--fg-dim);font-size:14px;line-height:1.8;font-weight:300}.closing{background:var(--bg-2);border-block:1px solid var(--line);text-align:center}.closing-inner{display:flex;flex-direction:column;align-items:center}.closing img.tek{width:clamp(96px,14vw,132px);margin-bottom:26px;filter:drop-shadow(0 0 30px color-mix(in srgb,var(--green) 50%,transparent))}.closing h2{font-size:clamp(28px,5vw,56px);font-weight:800;letter-spacing:-1px}.closing p{margin:16px 0 30px;color:var(--fg-dim);font-size:16px}.foot{padding-block:36px}.foot-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.foot-row .mono{font-family:var(--mono);font-size:11px;letter-spacing:.4px;color:var(--fg-mute)}@media (min-width: 760px){.nav-links{display:flex}.hero-grid{grid-template-columns:1.05fr .95fr}.stats-row{grid-template-columns:repeat(4,1fr)}.stat{border-top:none;border-inline-start:1px solid var(--line)}.stat:first-child{border-inline-start:none}.show-row{grid-template-columns:1fr 1fr}.show-row.alt .show-copy{order:2}.show-wide{grid-template-columns:.8fr 1.2fr}.tech-grid{grid-template-columns:repeat(4,1fr)}.feat-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 480px){.nav .theme-btn{display:none}.nav-right{gap:7px}.nav-right .btn.sm{padding:0 11px;font-size:11px}.device{max-width:250px}}
