:root{--navy-900: #0b1b3a;--navy-800: #102347;--navy-700: #172554;--navy-600: #1e3a8a;--blue-500: #1d4ed8;--teal-400: #14b8a6;--teal-300: #2dd4bf;--emerald-500: #22c55e;--emerald-400: #34d399;--emerald-600: #10b981;--ink: #eaf1ff;--ink-dim: #a9b8d6;--ink-faint: #6f80a6;--line: rgba(148, 178, 235, .14);--card: rgba(18, 33, 66, .55);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);background:var(--navy-900);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}.switcher{position:fixed;z-index:50;bottom:22px;left:50%;transform:translate(-50%);display:flex;gap:4px;padding:5px;border-radius:999px;background:#081228b8;border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 12px 40px #00000080}.switcher button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--ink-dim);font-family:var(--font);font-size:13px;font-weight:600;letter-spacing:.02em;padding:9px 16px;border-radius:999px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.switcher button:hover{color:var(--ink)}.switcher button.active{color:#fff;background:linear-gradient(120deg,var(--blue-500),var(--teal-400));box-shadow:0 4px 16px #14b8a659}.switcher .lbl{opacity:.55;font-weight:500;margin-right:8px;font-size:12px}.site{position:relative}.canvas-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.canvas-wrap canvas{display:block}.nav{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:22px 6vw}.nav .brand{display:flex;align-items:center;gap:12px}.nav .brand img{height:46px;width:auto;display:block}.nav .brand .wordmark{font-weight:800;font-size:17px;line-height:.92;letter-spacing:.05em;text-transform:uppercase;color:#fff}.nav .links{display:flex;gap:30px;align-items:center}.nav .links a{font-size:14px;color:var(--ink-dim);font-weight:500;transition:color .2s}.nav .links a:hover{color:var(--ink)}.nav .cta{padding:10px 20px;border-radius:10px;font-size:14px;font-weight:600;border:1px solid var(--line);background:#ffffff0a;transition:all .2s}.nav .cta:hover{border-color:var(--teal-400);color:#fff}@media (max-width: 780px){.nav .links a:not(.cta){display:none}}.hero{position:relative;z-index:5;min-height:92vh;display:flex;flex-direction:column;justify-content:center;padding:0 6vw}.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--teal-300);margin-bottom:26px}.eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--emerald-400);box-shadow:0 0 12px var(--emerald-400)}.hero h1{font-size:clamp(38px,6.4vw,82px);line-height:1.02;font-weight:800;letter-spacing:-.03em;max-width:15ch}.hero h1 .grad{background:linear-gradient(110deg,var(--teal-300),var(--emerald-400));-webkit-background-clip:text;background-clip:text;color:transparent}.hero p.sub{margin-top:26px;font-size:clamp(16px,1.5vw,20px);line-height:1.55;color:var(--ink-dim);max-width:56ch}.hero .actions{margin-top:40px;display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 26px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background .2s;border:1px solid transparent}.btn:hover{transform:translateY(-2px)}.btn-primary{background-image:linear-gradient(120deg,var(--blue-500),var(--teal-400));background-repeat:no-repeat;background-size:100% 100%;color:#fff;box-shadow:0 10px 30px #1d4ed859}.btn-ghost{background:#ffffff0a;border-color:var(--line);color:var(--ink)}.btn-ghost:hover{border-color:var(--teal-400)}.tagpills{margin-top:46px;display:flex;gap:26px;flex-wrap:wrap}.tagpills span{font-size:13px;font-weight:600;letter-spacing:.04em;color:var(--ink-dim);display:inline-flex;align-items:center;gap:8px}.tagpills span:before{content:"✓";color:var(--emerald-400);font-weight:800}.content{position:relative;z-index:5;background:var(--navy-900)}.content.veiled{background:linear-gradient(180deg,transparent,var(--navy-900) 12%)}.section{padding:100px 6vw;max-width:1200px;margin:0 auto}.section-head{max-width:60ch;margin-bottom:54px}.section-head .kicker{font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--teal-300);margin-bottom:16px}.section-head h2{font-size:clamp(28px,3.6vw,46px);font-weight:800;letter-spacing:-.025em;line-height:1.08}.section-head p{margin-top:18px;font-size:17px;line-height:1.6;color:var(--ink-dim)}.grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(255px,1fr))}.feature{padding:30px;border-radius:18px;background:var(--card);border:1px solid var(--line);transition:transform .25s ease,border-color .25s ease,background .25s}.feature:hover{transform:translateY(-4px);border-color:#2dd4bf66;background:#122142bf}.feature .ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:22px;background:linear-gradient(135deg,#1d4ed840,#14b8a640);border:1px solid rgba(45,212,191,.3);margin-bottom:20px}.feature h3{font-size:19px;font-weight:700;letter-spacing:-.01em}.feature p{margin-top:10px;font-size:14.5px;line-height:1.6;color:var(--ink-dim)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}.stat{padding:34px 30px;border-radius:18px;background:var(--card);border:1px solid var(--line)}.stat .n{font-size:44px;font-weight:800;letter-spacing:-.03em;background:linear-gradient(110deg,var(--teal-300),var(--emerald-400));-webkit-background-clip:text;background-clip:text;color:transparent}.stat .l{margin-top:8px;font-size:14px;color:var(--ink-dim)}.products{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.product{padding:32px;border-radius:18px;background:var(--card);border:1px solid var(--line);display:flex;flex-direction:column}.product .badge{align-self:flex-start;font-size:12px;font-weight:600;padding:5px 11px;border-radius:999px;background:#22c55e24;color:var(--emerald-400);border:1px solid rgba(34,197,94,.3);margin-bottom:18px}.product h3{font-size:22px;font-weight:700}.product .lic{font-size:13px;color:var(--ink-faint);margin-top:4px}.product p{margin-top:14px;font-size:14.5px;line-height:1.6;color:var(--ink-dim);flex:1}.product .foot{margin-top:22px;display:flex;align-items:center;justify-content:space-between}.product .price{font-size:15px;font-weight:600}.product .price small{color:var(--ink-faint);font-weight:500}.product .go{font-size:14px;font-weight:600;color:var(--teal-300)}.cta-band{margin:40px 6vw 0;padding:70px 8vw;border-radius:28px;background:linear-gradient(120deg,var(--navy-700),var(--navy-600));border:1px solid var(--line);text-align:center;position:relative;overflow:hidden}.cta-band:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(600px 300px at 50% -20%,rgba(20,184,166,.25),transparent);pointer-events:none}.cta-band h2{font-size:clamp(28px,4vw,44px);font-weight:800;letter-spacing:-.025em;position:relative}.cta-band p{margin-top:16px;font-size:17px;color:var(--ink-dim);position:relative}.cta-band .actions{margin-top:34px;display:flex;gap:14px;justify-content:center;position:relative;flex-wrap:wrap}.footer{position:relative;z-index:5;background:var(--navy-900);border-top:1px solid var(--line);padding:46px 6vw;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}.footer .brand{display:flex;align-items:center;gap:12px;margin-bottom:6px}.footer .brand img{height:46px;width:auto}.footer .brand .wordmark{font-weight:800;font-size:17px;line-height:.92;letter-spacing:.05em;text-transform:uppercase;color:#fff}.footer .fine{font-size:12.5px;color:var(--ink-faint);line-height:1.6;max-width:60ch}.footer .links{display:flex;gap:24px;font-size:13px;color:var(--ink-dim)}.poster{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(800px 500px at 60% 30%,rgba(20,184,166,.18),transparent 60%),radial-gradient(700px 500px at 30% 70%,rgba(29,78,216,.22),transparent 60%),var(--navy-900)}@media (max-width: 640px){.section{padding:70px 6vw}.cta-band{padding:50px 26px}}
