:root{--ink: #0c0d11;--ink-2: #14161c;--ink-3: #1c1f27;--line: #2a2e39;--line-2: #3a3f4d;--fog: #9aa1b2;--fog-2: #c7ccd8;--snow: #f3f5fb;--beam: #4c8dff;--beam-2: #6ea3ff;--violet: #8f6fff;--lime: #c6f24e;--danger: #ff5c5c;--marquee: #4c8dff;--font-display: "Bricolage Grotesque", "Trebuchet MS", sans-serif;--font-body: "Familjen Grotesk", system-ui, sans-serif;--font-mono: "Space Mono", ui-monospace, Menlo, monospace;--maxw: 1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--snow);font-family:var(--font-body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle,#181b22 1px,transparent 1px);background-size:26px 26px;background-position:-13px -13px;overflow-x:hidden}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--font-display);font-weight:800;line-height:1.02;letter-spacing:-.02em;margin:0}p{margin:0}.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 24px}.kicker{font-family:var(--font-mono);font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--beam-2)}.btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-mono);font-size:14px;letter-spacing:.02em;padding:13px 22px;border-radius:10px;border:1px solid var(--line-2);background:var(--ink-3);color:var(--snow);cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease}.btn:hover{transform:translateY(-2px);border-color:var(--beam)}.btn-primary{background:var(--beam);border-color:var(--beam);color:#06080f;font-weight:700}.btn-primary:hover{background:var(--beam-2);border-color:var(--beam-2)}.btn-ghost{background:transparent}.site-header{position:sticky;top:0;z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c0d11b8;border-bottom:1px solid var(--line)}.site-header .wrap{display:flex;align-items:center;justify-content:space-between;height:66px}.brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:800;font-size:19px;letter-spacing:-.01em}.brand .glyph{width:26px;height:26px;display:inline-block}.nav{display:flex;align-items:center;gap:28px;font-family:var(--font-mono);font-size:13px}.nav a{color:var(--fog-2);transition:color .12s ease}.nav a:hover{color:var(--snow)}.nav .btn{padding:9px 16px}.nav-toggle{display:none}.marquee{position:relative;border:2px dashed var(--marquee);border-radius:6px;padding:10px;background:#4c8dff0a}.marquee:before,.marquee:after,.marquee>.handle{content:"";position:absolute;width:11px;height:11px;background:var(--ink);border:2px solid var(--marquee);border-radius:2px}.marquee:before{top:-6px;left:-6px}.marquee:after{top:-6px;right:-6px}.marquee>.handle.bl{bottom:-6px;left:-6px;top:auto}.marquee>.handle.br{bottom:-6px;right:-6px;top:auto}.marquee .dim{position:absolute;bottom:-13px;right:12px;font-family:var(--font-mono);font-size:11px;color:#06080f;background:var(--marquee);padding:1px 8px;border-radius:4px;letter-spacing:.04em}.hero{padding:88px 0 72px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}.hero h1{font-size:clamp(40px,6vw,72px)}.hero h1 .hl{color:var(--beam);position:relative;white-space:nowrap}.hero .lede{margin-top:22px;font-size:19px;color:var(--fog-2);max-width:36ch}.hero-cta{margin-top:32px;display:flex;gap:14px;flex-wrap:wrap}.hero-note{margin-top:16px;font-family:var(--font-mono);font-size:12px;color:var(--fog)}.reveal{opacity:0;transform:translateY(14px);animation:rise .7s cubic-bezier(.2,.7,.2,1) forwards}.reveal.d1{animation-delay:.05s}.reveal.d2{animation-delay:.13s}.reveal.d3{animation-delay:.21s}.reveal.d4{animation-delay:.29s}@keyframes rise{to{opacity:1;transform:none}}.reveal-scroll{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}.reveal-scroll.in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal{animation:none;opacity:1;transform:none}.reveal-scroll{opacity:1;transform:none;transition:none}}.appshot{width:100%}.window{background:#16181f;border:1px solid var(--line-2);border-radius:12px;overflow:hidden;box-shadow:0 30px 70px #0000008c}.window-bar{display:flex;align-items:center;gap:7px;padding:11px 14px;background:#1e2129;border-bottom:1px solid var(--line)}.window-bar i{width:11px;height:11px;border-radius:50%;display:inline-block}.window-bar .r{background:#ff5f57}.window-bar .y{background:#febc2e}.window-bar .g{background:#28c840}.window-bar .title{margin-left:10px;font-family:var(--font-mono);font-size:12px;color:var(--fog)}.window-body{position:relative;aspect-ratio:16 / 10;background:radial-gradient(circle at 30% 20%,rgba(76,141,255,.18),transparent 55%),radial-gradient(circle at 80% 80%,rgba(143,111,255,.14),transparent 50%),#0e1015;display:grid;place-items:center}.window-body .shot-marquee{width:62%;aspect-ratio:4 / 3}.window-body .photo{width:100%;height:100%;border-radius:4px;background:linear-gradient(135deg,#2b3550,#3a2b52 60%,#243a4a);display:flex;align-items:center;justify-content:center}.window-body .photo .arrow{font-size:40px;color:var(--lime);transform:rotate(8deg)}.window-body .badge-dot{position:absolute;width:30px;height:30px;border-radius:50%;background:var(--beam);color:#06080f;font-family:var(--font-mono);font-weight:700;display:grid;place-items:center;border:2px solid #fff;top:26%;left:24%}section{padding:76px 0}.section-head{max-width:60ch;margin-bottom:44px}.section-head.center{text-align:center;margin-inline:auto}.section-head h2{font-size:clamp(28px,4vw,44px);margin-top:12px}.section-head p{margin-top:14px;color:var(--fog-2)}.section-head.center p{margin-inline:auto}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:var(--ink-3);border:1px solid var(--line);border-radius:14px;padding:26px;transition:border-color .15s ease,transform .15s ease}.card:hover{border-color:var(--line-2);transform:translateY(-3px)}.card .ico{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:#4c8dff1f;color:var(--beam-2);font-size:20px;margin-bottom:16px}.card.pro .ico{background:#c6f24e1f;color:var(--lime)}.card h3{font-size:20px}.card p{margin-top:8px;color:var(--fog);font-size:15px}.card .tag{display:inline-block;margin-top:14px;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:3px 9px;border-radius:5px;border:1px solid var(--line-2);color:var(--fog)}.card.pro .tag{color:var(--lime);border-color:#c6f24e66}.compare{width:100%;border-collapse:collapse;font-size:15px;border:1px solid var(--line);border-radius:14px;overflow:hidden}.compare th,.compare td{text-align:left;padding:15px 20px;border-bottom:1px solid var(--line)}.compare thead th{font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--fog);background:var(--ink-2)}.compare th[scope=col]:not(:first-child),.compare td:not(:first-child){text-align:center;width:130px}.compare tbody tr:last-child td{border-bottom:none}.compare .yes{color:var(--lime);font-weight:700}.compare .pro-yes{color:var(--beam-2);font-weight:700}.compare .no{color:var(--line-2)}.compare .feat{color:var(--fog-2)}.pricing{display:grid;place-items:center}.price-card{width:100%;max-width:460px;background:linear-gradient(180deg,var(--ink-3),var(--ink-2));border:1px solid var(--line-2);border-radius:18px;padding:8px}.price-inner{border:2px dashed var(--marquee);border-radius:12px;padding:34px 30px;position:relative}.price-tagline{font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--beam-2)}.price-amount{display:flex;align-items:baseline;gap:12px;margin:14px 0 4px}.price-amount .now{font-family:var(--font-display);font-weight:800;font-size:60px;letter-spacing:-.03em}.price-amount .was{font-family:var(--font-mono);font-size:22px;color:var(--fog);text-decoration:line-through}.price-sub{color:var(--fog);font-family:var(--font-mono);font-size:13px}.price-list{list-style:none;padding:0;margin:24px 0}.price-list li{padding:7px 0 7px 28px;position:relative;color:var(--fog-2)}.price-list li:before{content:"✓";position:absolute;left:0;color:var(--lime);font-weight:700}.price-card .btn{width:100%;justify-content:center}.price-foot{text-align:center;margin-top:14px;font-family:var(--font-mono);font-size:12px;color:var(--fog)}.checkout{padding:64px 0 90px}.checkout-grid{display:grid;grid-template-columns:1fr .85fr;gap:40px;align-items:start}.pay-methods{display:grid;gap:14px;margin-top:8px}.pay{display:flex;align-items:center;gap:16px;text-align:left;width:100%;padding:18px 20px;background:var(--ink-3);border:1px solid var(--line);border-radius:12px;cursor:pointer;color:var(--snow);transition:border-color .12s ease,transform .12s ease}.pay:hover{border-color:var(--beam);transform:translateY(-2px)}.pay .pay-mark{width:46px;height:46px;flex:0 0 46px;border-radius:10px;display:grid;place-items:center;font-family:var(--font-mono);font-weight:700;font-size:17px;background:var(--ink);border:1px solid var(--line-2)}.pay .pay-name{font-weight:600}.pay .pay-desc{font-size:13px;color:var(--fog)}.pay .pay-go{margin-left:auto;color:var(--fog);font-family:var(--font-mono)}.field{flex:1;min-width:220px;padding:13px 16px;border-radius:10px;border:1px solid var(--line-2);background:var(--ink-3);color:var(--snow);font-family:var(--font-mono);font-size:14px}.notice{margin-top:22px;padding:16px 18px;border:1px solid var(--line-2);border-left:3px solid var(--beam);border-radius:8px;background:var(--ink-2);font-size:14px;color:var(--fog-2)}.notice.lime{border-left-color:var(--lime)}.notice strong{color:var(--snow)}.summary{background:var(--ink-3);border:1px solid var(--line);border-radius:16px;padding:8px;position:sticky;top:90px}.summary-inner{border:2px dashed var(--marquee);border-radius:11px;padding:24px}.summary h3{font-size:22px}.summary .row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);font-size:15px}.summary .row:last-of-type{border-bottom:none}.summary .total{font-family:var(--font-display);font-weight:800;font-size:26px}.site-footer{border-top:1px solid var(--line);background:var(--ink-2);padding:44px 0;margin-top:20px}.footer-grid{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;flex-wrap:wrap}.footer-grid .col-links{display:flex;gap:40px;flex-wrap:wrap}.footer-grid h4{font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--fog);margin:0 0 12px}.footer-grid a{display:block;color:var(--fog-2);font-size:14px;padding:4px 0}.footer-grid a:hover{color:var(--snow)}.foot-legal{margin-top:30px;font-family:var(--font-mono);font-size:12px;color:var(--fog)}.toast{position:fixed;left:50%;bottom:32px;transform:translate(-50%) translateY(10px);background:var(--snow);color:#06080f;font-family:var(--font-mono);font-size:13px;padding:12px 20px;border-radius:999px;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:80}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}@media(max-width:860px){.hero-grid{grid-template-columns:1fr;gap:40px}.hero{padding:56px 0 48px}.features,.checkout-grid{grid-template-columns:1fr}.summary{position:static}.nav{display:none}.nav.open{display:flex;position:absolute;top:66px;left:0;right:0;flex-direction:column;align-items:flex-start;gap:18px;padding:22px 24px;background:var(--ink-2);border-bottom:1px solid var(--line)}.nav-toggle{display:inline-grid;place-items:center;width:40px;height:40px;background:var(--ink-3);border:1px solid var(--line-2);border-radius:9px;color:var(--snow);font-size:18px;cursor:pointer}.compare th[scope=col]:not(:first-child),.compare td:not(:first-child){width:auto}.compare th,.compare td{padding:12px}}
