:root{--bg: #0a0f1e;--bg-1: #0f1729;--bg-2: #141d33;--panel: #111a30;--panel-2: #17223c;--line: rgba(226, 232, 240, .09);--line-strong: rgba(226, 232, 240, .17);--ink: #f1f5f9;--ink-soft: #cbd5e1;--ink-muted: #94a3b8;--ink-faint: #64748b;--acc: #4ade80;--acc-bright: #7bedaa;--acc-deep: #16a34a;--acc-ink: #04220f;--acc-glow: rgba(74, 222, 128, .3);--acc-dim: rgba(74, 222, 128, .11);--acc-line: rgba(74, 222, 128, .3);--blue-dim: rgba(59, 130, 246, .16);--warn: #fbbf24;--warn-dim: rgba(251, 191, 36, .14);--font: "Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", "Menlo", monospace;--maxw: 1140px;--pad: clamp(1.1rem, 4vw, 2rem);--radius: 16px;--radius-sm: 10px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:17px;line-height:1.65;font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}img{max-width:100%;display:block}h1,h2,h3,h4{margin:0;font-weight:800;line-height:1.12;letter-spacing:-.02em;text-wrap:balance}h1{font-size:clamp(2.1rem,6vw,3.5rem)}h2{font-size:clamp(1.65rem,4vw,2.5rem)}h3{font-size:1.12rem;font-weight:700;letter-spacing:-.01em}p{margin:0}a{color:inherit;text-decoration:none}::selection{background:var(--acc);color:var(--acc-ink)}:focus-visible{outline:2px solid var(--acc);outline-offset:3px;border-radius:4px}.skip-link{position:fixed;top:-100px;left:12px;z-index:200;background:var(--acc);color:var(--acc-ink);padding:10px 16px;border-radius:8px;font-weight:700;transition:top .15s ease}.skip-link:focus{top:12px}.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--pad)}.wrap-narrow{max-width:760px}.section{padding-block:clamp(3.5rem,9vw,6.5rem);position:relative}.section-alt{background:var(--bg-1);border-block:1px solid var(--line)}.section-head{max-width:640px;margin-bottom:clamp(2rem,5vw,3.25rem)}.section-head h2{margin-top:.5rem}.section-lede{margin-top:.9rem;color:var(--ink-soft);font-size:1.05rem}.eyebrow{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--mono);font-size:.74rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted)}.eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--acc);box-shadow:0 0 10px var(--acc-glow)}.fine{color:var(--ink-faint);font-size:.9rem}.fine.center,.center{text-align:center}.btn{--bh: 46px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:var(--bh);padding:0 1.15rem;border-radius:var(--radius-sm);font-weight:700;font-size:.95rem;letter-spacing:-.01em;border:1px solid transparent;cursor:pointer;transition:transform .14s ease,background .14s ease,border-color .14s ease,box-shadow .14s ease;white-space:nowrap}.btn-lg{--bh: 54px;padding:0 1.6rem;font-size:1rem}.btn-block{display:flex;width:100%}.btn-accent{background:var(--acc);color:var(--acc-ink);box-shadow:0 0 0 1px #0003 inset,0 10px 30px -12px var(--acc-glow)}.btn-accent:hover{background:var(--acc-bright);transform:translateY(-2px);box-shadow:0 14px 34px -12px var(--acc-glow)}.btn-accent:active{transform:translateY(0)}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line-strong)}.btn-ghost:hover{border-color:var(--acc-line);background:var(--acc-dim);transform:translateY(-2px)}.btn-ghost:active{transform:translateY(0)}.site-header{position:sticky;top:0;z-index:100;background:#0a0f1ed1;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:saturate(140%) blur(12px);backdrop-filter:saturate(140%) blur(12px);border-bottom:1px solid transparent;transition:background .2s ease,border-color .2s ease}.site-header.scrolled{background:#0a0f1ef2;background:color-mix(in srgb,var(--bg) 94%,transparent);border-bottom-color:var(--line)}.header-inner{display:flex;align-items:center;gap:1.25rem;min-height:68px}.brand{display:inline-flex;align-items:center;gap:.6rem;font-weight:800;letter-spacing:-.02em}.brand-mark{border-radius:8px}.brand-word{font-size:1.15rem}.nav-desktop{display:flex;gap:1.6rem;margin-left:auto}.nav-desktop a{color:var(--ink-soft);font-size:.95rem;font-weight:500;position:relative;padding-block:4px}.nav-desktop a:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1.5px;background:var(--acc);transition:right .2s ease}.nav-desktop a:hover{color:var(--ink)}.nav-desktop a:hover:after{right:0}.header-cta{display:flex;gap:.65rem;margin-left:.5rem}.nav-toggle{display:none;margin-left:auto;width:44px;height:44px;background:transparent;border:1px solid var(--line-strong);border-radius:10px;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px}.nav-toggle span{display:block;width:18px;height:2px;background:var(--ink);border-radius:2px;transition:transform .2s ease,opacity .2s ease}.nav-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-mobile{border-top:1px solid var(--line);background:var(--bg-1);padding:.75rem var(--pad) 1.25rem}.nav-mobile nav{display:flex;flex-direction:column}.nav-mobile nav a{padding:.85rem .25rem;border-bottom:1px solid var(--line);color:var(--ink-soft);font-weight:500}.nav-mobile-cta{display:flex;flex-direction:column;gap:.6rem;margin-top:1rem}.hero{position:relative;padding-block:clamp(3rem,8vw,6rem) clamp(3.5rem,9vw,6rem);overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:100% 3.2rem,4rem 100%;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,#000 30%,transparent 78%);mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,#000 30%,transparent 78%);opacity:.5;pointer-events:none}.hero-glow{position:absolute;top:-22%;left:50%;transform:translate(-50%);width:min(1000px,130vw);height:560px;background:radial-gradient(ellipse 60% 70% at 42% 45%,var(--acc-dim),transparent 66%),radial-gradient(ellipse 55% 65% at 66% 40%,var(--blue-dim),transparent 70%);filter:blur(24px);pointer-events:none}.hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,5vw,4rem);align-items:center}.hero-copy h1{margin-block:1rem 1.1rem}.lede{font-size:clamp(1.05rem,2.2vw,1.22rem);color:var(--ink-soft);max-width:40ch}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.8rem}.hero-actions.center{justify-content:center}.hero-trust{list-style:none;margin:1.9rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.6rem 1.4rem}.hero-trust li{display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--ink-muted)}.hero-trust .ico{color:var(--acc)}.ico{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.ico-lg{width:26px;height:26px}.hero-shot{position:relative;justify-self:center;width:100%;max-width:340px;--shot-aspect: 9/ 19.5}.shot-frame{position:relative;border:1px solid var(--line-strong);border-radius:22px;background:var(--panel-2);overflow:hidden;box-shadow:0 44px 90px -34px #020610d9,0 0 0 1px #00000059,inset 0 1px #ffffff0d;transition:transform .3s ease,box-shadow .3s ease}.hero-shot:hover .shot-frame{transform:translateY(-4px);box-shadow:0 54px 110px -38px #020610e6,0 0 0 1px var(--acc-line),inset 0 1px #ffffff0f}.shot-chrome{display:flex;align-items:center;gap:.4rem;padding:.6rem .85rem;background:var(--bg-2);border-bottom:1px solid var(--line)}.shot-dot{width:9px;height:9px;border-radius:50%;background:var(--line-strong);flex:none}.shot-url{margin-left:auto;font-family:var(--mono);font-size:.62rem;color:var(--ink-faint);background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:.16rem .6rem;letter-spacing:.02em}.shot-img{display:block;width:100%;height:auto;aspect-ratio:var(--shot-aspect);object-fit:cover;object-position:top center;background:var(--bg-1)}.shot-badge{position:absolute;display:inline-flex;align-items:center;gap:.4rem;font-family:var(--mono);font-size:.7rem;font-weight:500;background:var(--panel-2);border:1px solid var(--acc-line);color:var(--acc-bright);padding:.42rem .68rem;border-radius:10px;box-shadow:0 18px 34px -14px #020610cc}.shot-badge .ico{width:14px;height:14px;color:var(--acc)}.shot-badge-1{top:4%;left:-9%}.shot-badge-2{bottom:13%;right:-11%;color:var(--ink);border-color:var(--line-strong)}.shot-badge-2 .ico{color:var(--ink-muted)}.ideas{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;padding-block:clamp(2.5rem,6vw,4rem);border-top:1px solid var(--line)}.ideas article h2{font-size:1.15rem;margin:.8rem 0 .4rem}.ideas article p{color:var(--ink-muted);font-size:.96rem}.ideas .ico-lg{color:var(--acc)}.grid-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}.card{background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem 1.35rem;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.card h3{margin-bottom:.5rem}.card p{color:var(--ink-muted);font-size:.95rem}.card:hover{transform:translateY(-4px);border-color:var(--acc-line);box-shadow:0 24px 44px -28px #000000b3}.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem;counter-reset:step}.steps li{position:relative;padding:1.5rem 1.3rem 1.35rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.step-n{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:11px;font-family:var(--mono);font-weight:700;color:var(--acc-ink);background:var(--acc);margin-bottom:.9rem}.steps h3{margin-bottom:.45rem}.steps p{color:var(--ink-muted);font-size:.92rem}.steps li:after{content:"";position:absolute;top:2.4rem;right:-.65rem;width:.65rem;height:1px;background:var(--line-strong)}.steps li:last-child:after{display:none}.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}.feat{border:1px solid var(--line);border-left:2px solid var(--acc-line);border-radius:12px;padding:1rem 1.1rem;background:var(--panel);transition:border-color .16s ease,background .16s ease}.feat:hover{border-left-color:var(--acc);background:var(--panel-2)}.feat h3{font-size:.98rem;margin-bottom:.3rem}.feat p{color:var(--ink-faint);font-size:.86rem;line-height:1.5}.section-offline{background:radial-gradient(ellipse 70% 50% at 15% 0%,var(--acc-dim),transparent 60%),var(--bg-1);border-block:1px solid var(--line)}.offline-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,5vw,3.5rem);align-items:center}.check-list{list-style:none;margin:1.4rem 0 0;padding:0;display:flex;flex-direction:column;gap:.7rem}.check-list li{display:flex;gap:.65rem;align-items:flex-start;color:var(--ink-soft);font-size:.98rem}.check-list .ico{color:var(--acc);margin-top:3px}.section-offline .fine{margin-top:1.2rem}.offline-viz{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem;padding:1.5rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.viz-node{display:grid;justify-items:center;gap:.5rem;color:var(--ink-soft);font-size:.8rem;text-align:center}.viz-node .ico{width:34px;height:34px;color:var(--acc)}.viz-line{position:relative;height:2px;background:var(--line-strong);border-radius:2px;overflow:hidden}.viz-packet{position:absolute;top:-2px;left:0;width:22px;height:6px;border-radius:3px;background:var(--acc);box-shadow:0 0 12px var(--acc-glow);animation:packet 2.6s ease-in-out infinite}@keyframes packet{0%{left:-22px;opacity:0}20%{opacity:1}80%{opacity:1}to{left:100%;opacity:0}}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;align-items:start}.plan{position:relative;border:1px solid var(--line);border-radius:var(--radius);padding:1.6rem 1.5rem;background:var(--panel);display:flex;flex-direction:column;gap:.55rem}.plan-featured{border-color:var(--acc-line);background:linear-gradient(180deg,var(--acc-dim),var(--panel) 55%);box-shadow:0 30px 60px -35px var(--acc-glow)}.plan-tag{position:absolute;top:-.7rem;left:1.5rem;font-family:var(--mono);font-size:.66rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:var(--acc);color:var(--acc-ink);padding:.25rem .6rem;border-radius:999px}.plan h3{font-size:1.25rem}.plan-price{font-family:var(--mono);font-weight:700;font-size:1.05rem;color:var(--acc-bright)}.plan-for{color:var(--ink-muted);font-size:.9rem}.plan ul{list-style:none;margin:.4rem 0 1.1rem;padding:0;display:flex;flex-direction:column;gap:.5rem;flex:1}.plan li{position:relative;padding-left:1.35rem;color:var(--ink-soft);font-size:.92rem}.plan li:before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:50%;background:var(--acc-dim);border:1px solid var(--acc-line)}.faq{display:flex;flex-direction:column;gap:.6rem}.faq details{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:0 1.15rem;transition:border-color .16s ease}.faq details[open]{border-color:var(--acc-line)}.faq summary{list-style:none;cursor:pointer;padding:1.05rem 2rem 1.05rem 0;font-weight:700;font-size:1rem;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"";position:absolute;right:0;top:50%;width:12px;height:12px;border-right:2px solid var(--ink-muted);border-bottom:2px solid var(--ink-muted);transform:translateY(-60%) rotate(45deg);transition:transform .2s ease,border-color .2s ease}.faq details[open] summary:after{transform:translateY(-30%) rotate(-135deg);border-color:var(--acc)}.faq details p{color:var(--ink-muted);font-size:.96rem;padding:0 0 1.15rem;margin:0;max-width:62ch}.cta-final{padding-block:clamp(4rem,10vw,7rem);text-align:center;background:radial-gradient(ellipse 60% 80% at 50% 120%,var(--acc-dim),transparent 65%);border-top:1px solid var(--line)}.cta-final h2{max-width:18ch;margin-inline:auto}.cta-final p{color:var(--ink-soft);margin-top:.9rem}.site-footer{background:var(--bg-1);border-top:1px solid var(--line);padding-block:clamp(2.5rem,6vw,3.5rem) 2rem}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:2rem}.footer-brand p{color:var(--ink-faint);font-size:.9rem;margin-top:.75rem;max-width:34ch}.footer-col{display:flex;flex-direction:column;gap:.6rem}.footer-col h4{font-family:var(--mono);font-size:.72rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:.15rem}.footer-col a{color:var(--ink-soft);font-size:.92rem}.footer-col a:hover{color:var(--acc)}.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--line)}.footer-bottom p{color:var(--ink-faint);font-size:.84rem}.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}.reveal.in{opacity:1;transform:none}.grid-cards .reveal.in,.feat-grid .reveal.in,.steps .reveal.in,.plans .reveal.in{transition-delay:var(--d, 0s)}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.viz-packet{animation:none;opacity:1;left:40%}.btn,.card,.feat,.btn-ghost,.btn-accent,.shot-frame{transition:none}.hero-shot:hover .shot-frame{transform:none}}@media(max-width:1000px){.hero-grid{grid-template-columns:1fr;text-align:left}.hero-shot{order:2;max-width:320px;margin-top:2.25rem;justify-self:center}.lede{max-width:none}.grid-cards,.feat-grid,.steps{grid-template-columns:repeat(2,1fr)}.steps li:after{display:none}.plans{grid-template-columns:1fr;max-width:440px;margin-inline:auto}.plan-featured{order:-1}.ideas{grid-template-columns:1fr;gap:1.75rem}.offline-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:900px){.nav-desktop,.header-cta{display:none}.nav-toggle{display:flex}}@media(max-width:720px){body{font-size:16px}.grid-cards,.feat-grid,.steps{grid-template-columns:1fr}.hero-actions .btn{flex:1}.shot-badge-1{left:-3%}.shot-badge-2{right:-3%}.footer-grid{grid-template-columns:1fr;gap:1.75rem}}body.nav-open{overflow:hidden}