:root{--bg-deep: #04081a;--bg-navy: #0b1428;--bg-panel: rgba(19, 26, 46, .62);--rim: rgba(147, 197, 253, .16);--rim-strong: rgba(150, 185, 240, .4);--text: rgba(238, 244, 255, .95);--text-dim: rgba(159, 176, 208, .9);--text-faint: rgba(159, 176, 208, .62);--accent: #38bdf8;--accent-soft: rgba(56, 189, 248, .16);--violet: #818cf8;--ok: #34d399;--warn: #fbbf24;--err: #f87171;--radius: 18px;--radius-lg: 24px;--font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--section-pad: clamp(4rem, 9vw, 7.5rem)}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body,#root{min-height:100%;margin:0}body{font-family:var(--font);color:var(--text);background:var(--bg-deep);-webkit-font-smoothing:antialiased}html,body{overflow-x:clip}.shellMax{max-width:1140px;margin:0 auto;padding:0 20px}.glass{background:linear-gradient(180deg,#b4cdfd12,#b4cdfd00 18%),var(--bg-panel);border:1px solid var(--rim);border-radius:var(--radius);box-shadow:0 18px 48px #0000006b,inset 0 1px #b4cdfd24;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.btn{display:inline-flex;align-items:center;gap:8px;font:600 15px/1 var(--font);color:var(--text);background:linear-gradient(180deg,#93c5fd29,#93c5fd0d);border:1px solid var(--rim-strong);border-radius:12px;padding:13px 20px;cursor:pointer;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 22px #38bdf82e}.btn:disabled{opacity:.45;cursor:default;transform:none;box-shadow:none}.btnPrimary{background:linear-gradient(180deg,#4cc7fa,#1f9fe0);border-color:#38bdf8b3;color:#04121f;text-shadow:none}.btnPrimary:hover{box-shadow:0 10px 30px #38bdf866}.btnGhost{background:transparent;border-color:var(--rim);color:var(--text-dim)}code,.mono{font-family:ui-monospace,Cascadia Mono,Menlo,monospace}.chip{display:inline-flex;align-items:center;gap:6px;font:600 12px/1 var(--font);letter-spacing:.4px;color:var(--accent);background:var(--accent-soft);border:1px solid rgba(56,189,248,.35);border-radius:999px;padding:6px 12px}.bgFx{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none;background:linear-gradient(165deg,var(--bg-navy) 0%,var(--bg-deep) 55%)}.orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.32;will-change:transform}.orbA{width:640px;height:640px;left:55%;top:-220px;background:radial-gradient(circle,rgba(56,189,248,.55),transparent 65%);animation:drift 26s ease-in-out infinite alternate}.orbB{width:520px;height:520px;left:-180px;top:22%;background:radial-gradient(circle,rgba(99,102,241,.5),transparent 65%);animation:drift 34s ease-in-out infinite alternate-reverse}.orbC{width:460px;height:460px;right:-140px;top:62%;background:radial-gradient(circle,rgba(45,122,214,.45),transparent 65%);animation:drift 30s ease-in-out infinite alternate}@keyframes drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-70px,60px,0) scale(1.12)}}.bgGrid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(147,197,253,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(147,197,253,.045) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(1100px 640px at 50% 0%,#000 30%,transparent 100%);-webkit-mask-image:radial-gradient(1100px 640px at 50% 0%,#000 30%,transparent 100%)}.bgNoise{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");background-size:180px 180px}.nav{position:sticky;top:0;z-index:40;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:linear-gradient(180deg,#060b1cd1,#060b1c9e);border-bottom:1px solid rgba(147,197,253,.1)}.navInner{max-width:1140px;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:22px;height:60px}.navBrand{display:flex;align-items:center;gap:10px;font:700 17px/1 var(--font);color:var(--text);text-decoration:none;letter-spacing:-.2px}.navLinks{display:flex;gap:4px;margin-left:auto}.navLinks a{color:var(--text-dim);text-decoration:none;font:500 14px/1 var(--font);padding:9px 12px;border-radius:9px;transition:color .15s,background .15s}.navLinks a:hover{color:var(--text);background:#93c5fd14}.navChip{margin-left:6px}@media(max-width:720px){.navLinks{display:none}}.logoMark{width:34px;height:34px;border-radius:30%;display:grid;place-items:center;font-size:17px;font-weight:800;color:#bfe7ff;background:radial-gradient(circle at 32% 28%,#78d2ff8c,#38bdf81a 55%),linear-gradient(165deg,#1c2a48,#0b1428 60%,#040814);border:1px solid var(--rim-strong);box-shadow:0 4px 14px #00000073,0 0 18px #38bdf840}.hero{padding:clamp(64px,10vw,110px) 0 30px;text-align:center;position:relative}.heroEyebrow{display:inline-flex;align-items:center;gap:8px;font:600 13px/1 var(--font);letter-spacing:.4px;color:var(--accent);background:#38bdf817;border:1px solid rgba(56,189,248,.3);border-radius:999px;padding:8px 16px;margin-bottom:26px;box-shadow:0 0 24px #38bdf824}.heroEyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 8px var(--ok)}.hero h1{font-size:clamp(2.6rem,4.6vw + 1rem,4.6rem);line-height:1.05;margin:0 0 20px;letter-spacing:-.03em;text-wrap:balance;background:linear-gradient(180deg,#fff 30%,#d6e4ffb8);-webkit-background-clip:text;background-clip:text;color:transparent}.hero h1 .grad{background:linear-gradient(92deg,#67d4ff 5%,#38bdf8 45%,#818cf8 95%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p.sub{color:var(--text-dim);font-size:clamp(1.02rem,1.6vw,1.2rem);line-height:1.6;max-width:640px;margin:0 auto 34px;text-wrap:balance}.heroCtas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:18px}.heroShotWrap{perspective:1200px;padding:44px 0 0;position:relative}.heroShotGlow{position:absolute;top:12%;right:6%;bottom:-4%;left:6%;z-index:0;background:radial-gradient(58% 62% at 50% 58%,rgba(56,189,248,.3),rgba(99,102,241,.14) 55%,transparent 75%);filter:blur(46px)}.heroShot{position:relative;z-index:1;border-radius:var(--radius-lg);border:1px solid rgba(150,185,240,.3);box-shadow:0 40px 90px #0000008c,inset 0 1px #b4cdfd33;overflow:hidden;transform:rotateX(7deg) scale(.96);transform-origin:50% 0;background:var(--bg-navy)}.heroShot img{width:100%;height:auto;display:block}@supports (animation-timeline: view()){.heroShot{animation:shot-straighten linear both;animation-timeline:view();animation-range:entry 0% cover 42%}@keyframes shot-straighten{0%{transform:rotateX(9deg) scale(.945)}to{transform:rotateX(0) scale(1)}}}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:clamp(40px,6vw,64px) 0 0}.stat{text-align:center;padding:20px 10px}.stat b{display:block;font-size:clamp(1.7rem,3vw,2.4rem);letter-spacing:-.02em;background:linear-gradient(92deg,#8fdcff,#38bdf8 55%,#818cf8);-webkit-background-clip:text;background-clip:text;color:transparent}.stat span{color:var(--text-faint);font-size:13.5px}@media(max-width:720px){.stats{grid-template-columns:repeat(2,1fr)}}.section{padding:var(--section-pad) 0 0}.sectionHead{text-align:center;max-width:660px;margin:0 auto clamp(30px,5vw,48px)}.sectionHead .kicker{color:var(--accent);font:700 13px/1 var(--font);letter-spacing:1.6px;text-transform:uppercase}.sectionHead h2{font-size:clamp(1.8rem,3vw,2.7rem);letter-spacing:-.025em;line-height:1.12;margin:12px 0 14px;text-wrap:balance}.sectionHead p{color:var(--text-dim);font-size:16.5px;line-height:1.6;margin:0}.claraSplit{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,64px);align-items:center}@media(max-width:860px){.claraSplit{grid-template-columns:1fr}}.claraText h2{font-size:clamp(1.7rem,2.6vw,2.4rem);letter-spacing:-.025em;line-height:1.15;margin:12px 0 16px}.claraText>p{color:var(--text-dim);font-size:16.5px;line-height:1.65;margin:0 0 22px}.claraPoints{list-style:none;padding:0;margin:0;display:grid;gap:13px}.claraPoints li{display:flex;gap:12px;align-items:flex-start;color:var(--text-dim);font-size:15px;line-height:1.55}.claraPoints .pIco{flex:0 0 auto;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:15px;background:#38bdf81a;border:1px solid rgba(56,189,248,.28)}.claraPoints b{color:var(--text)}.chatDemo{padding:18px;display:grid;gap:12px;min-height:380px;align-content:start;position:relative;overflow:hidden}.chatDemo:before{content:"";position:absolute;inset:-40% -20% auto;height:120%;pointer-events:none;background:radial-gradient(50% 50% at 70% 20%,rgba(56,189,248,.12),transparent 70%)}.chatHead{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid rgba(147,197,253,.12)}.chatHead .logoMark{width:30px;height:30px;font-size:14px}.chatHead b{font-size:15px}.chatHead .live{margin-left:auto}.bubble{max-width:84%;padding:12px 15px;border-radius:15px;font-size:14.5px;line-height:1.55;opacity:0;transform:translateY(14px)}.bubbleUser{justify-self:end;color:var(--text);background:linear-gradient(180deg,#38bdf842,#1f7abe38);border:1px solid rgba(56,189,248,.35);border-bottom-right-radius:5px;animation:bubble-in .55s ease .8s forwards}.toolRow{display:flex;flex-wrap:wrap;gap:8px;opacity:0;transform:translateY(10px);animation:bubble-in .5s ease 2s forwards}.toolChip{display:inline-flex;align-items:center;gap:7px;font:600 12.5px/1 var(--font);color:var(--text-dim);background:#0a1226bf;border:1px solid var(--rim);border-radius:999px;padding:7px 12px}.toolChip .spin{width:11px;height:11px;border-radius:50%;border:2px solid rgba(56,189,248,.25);border-top-color:var(--accent);animation:rot 1s linear infinite}.toolChip .okDot{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 7px var(--ok)}@keyframes rot{to{transform:rotate(360deg)}}.bubbleClara{justify-self:start;color:var(--text);background:#0d152ad9;border:1px solid var(--rim);border-bottom-left-radius:5px;animation:bubble-in .55s ease 3.6s forwards}.bubbleClara .from{display:block;font:700 11px/1 var(--font);letter-spacing:1px;color:var(--accent);margin-bottom:7px}.bubbleClara em{font-style:normal;color:var(--accent)}.chatDemo .hint{opacity:0;animation:bubble-in .5s ease 4.4s forwards;color:var(--text-faint);font-size:12.5px;text-align:center}@keyframes bubble-in{to{opacity:1;transform:none}}.bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:148px;gap:16px}.bentoCell{border-radius:var(--radius-lg);padding:22px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.bentoCell:hover{transform:translateY(-4px);border-color:#38bdf866;box-shadow:0 22px 54px #00000080,0 0 34px #38bdf81a}.bentoCell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .25s ease;background:radial-gradient(340px circle at var(--mx, 50%) var(--my, 50%),rgba(56,189,248,.1),transparent 65%)}.bentoCell:hover:after{opacity:1}.cellW2{grid-column:span 2}.cellH2{grid-row:span 2}.bentoIco{width:42px;height:42px;border-radius:22%;display:grid;place-items:center;font-size:21px;margin-bottom:auto;background:linear-gradient(180deg,rgba(147,197,253,.14) 0%,rgba(147,197,253,.03) 34%,transparent 60%),linear-gradient(165deg,#1c2a48e6,#0b1428eb 55%,#040814f2);border:1px solid var(--cgstroke, rgba(150, 185, 240, .4));box-shadow:0 6px 16px #0006}.bentoCell h3{margin:14px 0 6px;font-size:17px;letter-spacing:-.01em}.bentoCell p{margin:0;color:var(--text-dim);font-size:13.8px;line-height:1.55}.bentoShot{position:absolute;top:0;right:0;bottom:0;left:0}.bentoShot img{width:100%;height:100%;object-fit:cover;object-position:left top;display:block}.bentoShot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(200deg,transparent 30%,rgba(4,8,20,.88) 82%)}.bentoShotCell h3,.bentoShotCell p{position:relative;z-index:1}.bentoShotCell p{color:#c8d6f0eb}@media(max-width:980px){.bento{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.bento{grid-template-columns:1fr;grid-auto-rows:auto}.bentoCell{min-height:150px}.cellW2,.cellH2{grid-column:auto;grid-row:auto}.bentoShotCell{min-height:230px}}.marqueeWrap{padding-top:34px;display:grid;gap:14px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.marqueeRow{display:flex;gap:12px;width:max-content;will-change:transform}.marqueeRow.rA{animation:marq 46s linear infinite}.marqueeRow.rB{animation:marq 54s linear infinite reverse}.marqueeWrap:hover .marqueeRow{animation-play-state:paused}@keyframes marq{to{transform:translate(-50%)}}.appChip{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;font:600 13.5px/1 var(--font);color:var(--text-dim);background:#0d152ab3;border:1px solid var(--rim);border-radius:12px;padding:10px 15px}.appChip span.e{font-size:16px}.mobileSplit{display:grid;grid-template-columns:1fr auto;gap:clamp(28px,5vw,70px);align-items:center}.mobileText h2{font-size:clamp(1.7rem,2.6vw,2.4rem);letter-spacing:-.025em;line-height:1.15;margin:12px 0 16px}.mobileText p{color:var(--text-dim);font-size:16.5px;line-height:1.65;margin:0 0 20px;max-width:480px}.phoneFrame{position:relative;width:min(280px,72vw);border-radius:38px;border:1px solid rgba(150,185,240,.35);box-shadow:0 34px 80px #0009,0 0 60px #38bdf81f,inset 0 1px #b4cdfd40;overflow:hidden;background:var(--bg-navy)}.phoneFrame img{width:100%;height:auto;display:block}@media(max-width:820px){.mobileSplit{grid-template-columns:1fr;justify-items:center;text-align:center}.mobileText p{margin-inline:auto}}.privacy{text-align:center}.privacy h2{font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.03em;line-height:1.08;margin:12px 0 16px;text-wrap:balance;background:linear-gradient(180deg,#fff 25%,#c7dbffa8);-webkit-background-clip:text;background-clip:text;color:transparent}.privacy>p{color:var(--text-dim);max-width:560px;margin:0 auto 36px;font-size:16.5px;line-height:1.6}.privacyGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;text-align:left}.privacyGrid .cell{padding:24px}.privacyGrid h3{margin:12px 0 8px;font-size:16.5px}.privacyGrid p{margin:0;color:var(--text-dim);font-size:14px;line-height:1.6}@media(max-width:760px){.privacyGrid{grid-template-columns:1fr}}.howSteps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;counter-reset:step;position:relative}.howStep{padding:26px 24px 24px;position:relative}.howStep .num{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;margin-bottom:14px;font:700 15px/1 var(--font);color:#04121f;background:linear-gradient(180deg,#4cc7fa,#1f9fe0);box-shadow:0 0 22px #38bdf866}.howStep h4{margin:0 0 7px;font-size:16.5px}.howStep p{margin:0;color:var(--text-dim);font-size:14px;line-height:1.6}@media(max-width:760px){.howSteps{grid-template-columns:1fr}}.finalCta{margin-top:var(--section-pad);position:relative;text-align:center;padding:clamp(48px,8vw,84px) 24px;overflow:hidden}.finalCta:before{content:"";position:absolute;inset:-30% -10% auto;height:150%;pointer-events:none;background:radial-gradient(46% 56% at 50% 30%,rgba(56,189,248,.16),transparent 70%)}.finalCta h2{position:relative;font-size:clamp(1.9rem,3.4vw,2.9rem);letter-spacing:-.03em;line-height:1.1;margin:0 0 14px;text-wrap:balance}.finalCta p{position:relative;color:var(--text-dim);max-width:480px;margin:0 auto 28px;font-size:16px;line-height:1.6}.finalCta .heroCtas{position:relative;margin:0}footer{color:var(--text-faint);text-align:center;font-size:13px;padding:clamp(40px,6vw,60px) 0 44px;line-height:1.8}.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}.reveal.in{opacity:1;transform:none}.reveal.d1{transition-delay:.08s}.reveal.d2{transition-delay:.16s}.reveal.d3{transition-delay:.24s}.reveal.d4{transition-delay:.32s}.wizardWrap{max-width:660px;margin:0 auto;padding:46px 18px 80px}.wizardCard{padding:30px 28px}.wizardCard h2{margin:0 0 6px;font-size:24px}.wizardCard .lead{color:var(--text-dim);margin:0 0 22px;line-height:1.55}.progress{display:flex;gap:8px;margin:0 0 26px}.progress span{height:5px;flex:1;border-radius:3px;background:#93c5fd26}.progress span.done{background:linear-gradient(90deg,#4cc7fa,#1f9fe0)}.stepList{margin:0 0 18px;padding-left:20px;color:var(--text)}.stepList li{margin:10px 0;line-height:1.55}.stepList code{background:#93c5fd1a;border:1px solid var(--rim);border-radius:6px;padding:2px 7px;font-size:13px;word-break:break-all}.qrBox{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;border-radius:14px;background:#fff;width:fit-content;margin:0 auto 18px}.qrBox span{color:#24344f;font:600 12px/1 var(--font)}.keyRow{display:flex;gap:8px;align-items:stretch;margin:12px 0}.keyRow code{flex:1;padding:12px;border-radius:10px;font-size:13px;background:#040814a6;border:1px solid var(--rim);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.banner{display:flex;align-items:center;gap:10px;border-radius:12px;padding:14px 16px;margin:14px 0;font-weight:600}.bannerOk{background:#34d39924;color:var(--ok);border:1px solid rgba(52,211,153,.4)}.bannerErr{background:#f871711f;color:var(--err);border:1px solid rgba(248,113,113,.4)}.bannerWait{background:var(--accent-soft);color:var(--accent);border:1px solid rgba(56,189,248,.35)}.pulse{animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.platformTabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.platformTab{font:600 13.5px/1 var(--font);color:var(--text-dim);background:transparent;border:1px solid var(--rim);border-radius:999px;padding:9px 15px;cursor:pointer}.platformTab.active{color:var(--accent);background:var(--accent-soft);border-color:#38bdf880}.wizardNav{display:flex;justify-content:space-between;gap:12px;margin-top:26px}.inputRow{display:flex;gap:8px}.inputRow input{flex:1;padding:12px;border-radius:10px;font-size:14px;color:var(--text);background:#040814a6;border:1px solid var(--rim);outline:none}.inputRow input:focus{border-color:#38bdf899}.hint{color:var(--text-dim);font-size:13px;line-height:1.5}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{transition:none;opacity:1;transform:none}.pulse,.orbA,.orbB,.orbC,.marqueeRow.rA,.marqueeRow.rB{animation:none}.heroShot{transform:none;animation:none}.bubbleUser,.toolRow,.bubbleClara,.chatDemo .hint{animation:none;opacity:1;transform:none}.toolChip .spin{animation:none;border-top-color:var(--ok)}.bentoCell,.btn{transition:none}}