@font-face{font-family:'Inter';font-weight:400;font-style:normal;font-display:swap;src:url(fonts/Inter-Regular.woff2) format('woff2')}
@font-face{font-family:'Inter';font-weight:600;font-style:normal;font-display:swap;src:url(fonts/Inter-SemiBold.woff2) format('woff2')}
@font-face{font-family:'Inter';font-weight:700;font-style:normal;font-display:swap;src:url(fonts/Inter-Bold.woff2) format('woff2')}
@font-face{font-family:'Inter';font-weight:800;font-style:normal;font-display:swap;src:url(fonts/Inter-ExtraBold.woff2) format('woff2')}

:root{
  --bg:#050B1A;--bg2:#081229;--bg3:#0C1A38;--card:rgba(16,30,62,.55);--card-solid:#0E1B3A;
  --line:rgba(140,180,255,.14);--line2:rgba(140,180,255,.24);
  --text:#EAF1FF;--muted:#9FB0D0;--dim:#6F7FA3;
  --aqua:#22D3EE;--aqua2:#5EEAD4;--violet:#8B7CFF;--ok:#34D399;
  --red:#E5533D;--blue:#3B82F6;--green:#22A653;
  --grad:linear-gradient(90deg,#22D3EE,#5EEAD4 40%,#8B7CFF);--grad-loop:linear-gradient(90deg,#22D3EE,#5EEAD4 25%,#8B7CFF 50%,#5EEAD4 75%,#22D3EE);
  --r:20px;--max:1200px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
.grad{background:var(--grad-loop);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 6s linear infinite}
@keyframes shimmer{to{background-position:-200% 0}}
.kicker{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--aqua2)}
.kicker:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--aqua);box-shadow:0 0 12px var(--aqua);animation:pulse 2s ease-in-out infinite}
@keyframes pulse{50%{transform:scale(.6);opacity:.5}}
h2.title{font-size:clamp(30px,4.2vw,48px);line-height:1.1;font-weight:800;letter-spacing:-.025em;margin:14px 0 16px}
p.lead{font-size:18px;color:var(--muted);max-width:660px}
.center{text-align:center}.center p.lead{margin:0 auto}
section{position:relative;padding:110px 0}
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 24px;border-radius:14px;font-weight:700;font-size:16px;cursor:pointer;border:0;transition:transform .2s,box-shadow .2s,background .2s;overflow:hidden;font-family:inherit}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--grad-loop);background-size:200% 100%;color:#04101F;box-shadow:0 10px 30px rgba(34,211,238,.3);animation:shimmer 6s linear infinite}
.btn-primary:hover{box-shadow:0 14px 40px rgba(34,211,238,.45)}
.btn-ghost{background:rgba(255,255,255,.06);color:#fff;border:1px solid var(--line2);backdrop-filter:blur(8px)}
.btn-ghost:hover{background:rgba(255,255,255,.12)}

/* ===== NAV ===== */
header{position:fixed;top:0;left:0;right:0;z-index:100;transition:background .3s,border-color .3s,backdrop-filter .3s;border-bottom:1px solid transparent}
header.scrolled{background:rgba(5,11,26,.78);backdrop-filter:blur(14px);border-bottom-color:var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:78px}
.brand{display:flex;align-items:center}
.brand img{height:52px;width:auto}
.links{display:flex;align-items:center;gap:30px;font-weight:600;font-size:15px;color:var(--muted)}
.links a{position:relative;transition:color .2s}
.links a:hover{color:#fff}
.links a:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--grad);transform:scaleX(0);transition:transform .25s;transform-origin:left}
.links a:hover:after{transform:scaleX(1)}
.nav .btn{padding:11px 18px;font-size:15px}
.burger{display:none;background:none;border:0;cursor:pointer;padding:8px}
.burger span{display:block;width:24px;height:2px;background:#fff;margin:5px 0;border-radius:2px;transition:transform .2s,opacity .2s}

/* ===== HERO ===== */
.hero{min-height:100vh;display:flex;align-items:center;padding:130px 0 170px;overflow:hidden;background:radial-gradient(1000px 700px at 80% 10%,rgba(139,124,255,.22),transparent 60%),radial-gradient(900px 600px at 0% 90%,rgba(34,211,238,.18),transparent 60%),linear-gradient(180deg,#040916,#061331 70%,#071a3d)}
#flow{position:absolute;inset:0;width:100%;height:100%;opacity:.9}
.hero .wrap{position:relative;z-index:3;display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;width:100%}
.hero h1{font-size:clamp(40px,6vw,74px);line-height:1.02;font-weight:800;letter-spacing:-.03em;margin:18px 0 22px}
.rotator{display:inline}
.caret{display:inline-block;width:4px;height:.82em;background:var(--aqua);margin-left:6px;vertical-align:-.04em;border-radius:2px;box-shadow:0 0 12px var(--aqua);animation:blink 1s step-end infinite}
@keyframes blink{50%{opacity:0}}
.hero p.sub{font-size:19px;color:var(--muted);max-width:560px}
.ctas{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
.trust{display:flex;flex-wrap:wrap;gap:12px;margin-top:38px}
.trust span{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid var(--line);font-size:14px;font-weight:600;color:#D7E2FA}
.trust b{color:#FFC94D}
.waves{position:absolute;left:0;right:0;bottom:-2px;height:140px;z-index:2;pointer-events:none}
.waves svg{position:absolute;bottom:0;left:0;width:200%;max-width:none;height:100%}
.waves .w1{animation:wave 18s linear infinite;opacity:.35}
.waves .w2{animation:wave 12s linear infinite reverse;opacity:.55}
.waves .w3{animation:wave 9s linear infinite}
@keyframes wave{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* chat window (hero + demos) */
.window{position:relative;border-radius:24px;background:linear-gradient(180deg,rgba(18,34,70,.85),rgba(10,20,44,.92));border:1px solid var(--line2);box-shadow:0 40px 100px rgba(0,0,0,.55),0 0 0 1px rgba(34,211,238,.06),0 0 60px rgba(34,211,238,.08);overflow:hidden;backdrop-filter:blur(10px)}
.window:before{content:"";position:absolute;inset:-1px;border-radius:24px;padding:1px;background:linear-gradient(140deg,rgba(34,211,238,.6),transparent 35%,transparent 65%,rgba(139,124,255,.6));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.wh{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line)}
.av{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--grad)}
.wh b{display:block;font-size:16px}.wh small{display:flex;align-items:center;gap:6px;color:#6EE7B7;font-size:13px}
.wh small:before{content:"";width:7px;height:7px;border-radius:50%;background:#34D399;box-shadow:0 0 8px #34D399}
.dots3{margin-left:auto;display:flex;gap:6px}.dots3 i{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.15)}
.feed{padding:20px;display:flex;flex-direction:column;gap:12px;height:390px;overflow:hidden;justify-content:flex-end}
.msg{max-width:86%;padding:12px 15px;border-radius:16px;font-size:15px;line-height:1.45;opacity:0;transform:translateY(12px) scale(.98);animation:pop .45s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes pop{to{opacity:1;transform:none}}
.msg.u{align-self:flex-end;background:linear-gradient(135deg,#5B4BFF,#8B7CFF);border-bottom-right-radius:5px;color:#fff}
.msg.b{align-self:flex-start;background:rgba(255,255,255,.07);border:1px solid var(--line);border-bottom-left-radius:5px;color:#E3EAFB}
.src{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:4px 10px;border-radius:8px;background:rgba(34,211,238,.12);color:#7DE8F7;font-size:12.5px;font-weight:600}
.okchip{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:4px 10px;border-radius:8px;background:rgba(52,211,153,.14);color:#6EE7B7;font-size:12.5px;font-weight:700}
.typing{display:inline-flex;gap:5px;padding:14px 16px}
.typing i{width:8px;height:8px;border-radius:50%;background:#9AA6C4;animation:bounce 1.1s infinite}
.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
@keyframes bounce{0%,60%,100%{transform:none;opacity:.4}30%{transform:translateY(-5px);opacity:1}}
.inputbar{display:flex;align-items:center;justify-content:space-between;margin:0 20px 20px;padding:13px 16px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid var(--line);color:var(--dim);font-size:15px}
.send{width:34px;height:34px;border-radius:10px;background:var(--grad);display:grid;place-items:center}
.float{animation:float 7s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-12px)}}

/* ===== STATS ===== */
.stats-band{padding:0;margin-top:-40px;position:relative;z-index:4}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.stat{padding:26px;border-radius:var(--r);background:var(--card);border:1px solid var(--line);backdrop-filter:blur(12px);text-align:center}
.stat b{display:block;font-size:40px;font-weight:800;letter-spacing:-.02em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.stat span{color:var(--muted);font-size:14.5px;font-weight:600}

/* ===== CARDS ===== */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:54px;text-align:left}
.card{position:relative;padding:30px;border-radius:var(--r);background:var(--card);border:1px solid var(--line);overflow:hidden;transition:transform .3s,border-color .3s}
.card:before{content:"";position:absolute;inset:0;background:radial-gradient(400px circle at var(--mx,50%) var(--my,50%),rgba(34,211,238,.14),transparent 40%);opacity:0;transition:opacity .3s;pointer-events:none}
.card:hover{transform:translateY(-6px);border-color:var(--line2)}
.card:hover:before{opacity:1}
.ic{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;margin-bottom:20px;background:linear-gradient(135deg,rgba(34,211,238,.18),rgba(139,124,255,.22));border:1px solid rgba(139,124,255,.3)}
.card:hover .ic svg{animation:wiggle .6s ease}
@keyframes wiggle{30%{transform:rotate(-10deg) scale(1.1)}60%{transform:rotate(8deg)}}
.card h3{font-size:20px;margin-bottom:8px}
.card p{color:var(--muted);font-size:15.5px}
.card .tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}
.card .tags span{font-size:12px;font-weight:700;padding:4px 9px;border-radius:999px;background:rgba(255,255,255,.06);color:#BFD0F2}

/* ===== DEMOS ===== */
.demos{background:linear-gradient(180deg,var(--bg),#06122B 50%,var(--bg))}
.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:56px;text-align:left}
.demo{border-radius:24px;background:var(--card);border:1px solid var(--line);overflow:hidden;display:flex;flex-direction:column}
.demo-h{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--line)}
.demo-h h3{font-size:17px}
.live{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;letter-spacing:.1em;color:#FF6B6B}
.live:before{content:"";width:8px;height:8px;border-radius:50%;background:#FF6B6B;animation:pulse 1.4s infinite}
.demo-b{position:relative;height:340px;padding:20px}
.demo p.cap{padding:0 22px 20px;color:var(--muted);font-size:14.5px}

/* multi-agent */
.agents{display:flex;justify-content:space-around;margin-bottom:12px;position:relative}
.agent{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--muted);transition:color .3s}
.agent .orb{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;border:2px solid transparent;transition:box-shadow .3s,transform .3s}
.agent.r .orb{background:rgba(229,83,61,.18);border-color:rgba(229,83,61,.6)}
.agent.b .orb{background:rgba(59,130,246,.18);border-color:rgba(59,130,246,.6)}
.agent.g .orb{background:rgba(34,166,83,.18);border-color:rgba(34,166,83,.6)}
.agent.on{color:#fff}
.agent.on .orb{transform:scale(1.12)}
.agent.r.on .orb{box-shadow:0 0 0 6px rgba(229,83,61,.15),0 0 30px rgba(229,83,61,.6)}
.agent.b.on .orb{box-shadow:0 0 0 6px rgba(59,130,246,.15),0 0 30px rgba(59,130,246,.6)}
.agent.g.on .orb{box-shadow:0 0 0 6px rgba(34,166,83,.15),0 0 30px rgba(34,166,83,.6)}
.afeed{display:flex;flex-direction:column;gap:9px;height:228px;overflow:hidden;justify-content:flex-end}
.amsg{display:flex;gap:10px;align-items:flex-start;opacity:0;transform:translateY(10px);animation:pop .4s ease forwards}
.amsg .dot{flex:none;width:10px;height:10px;border-radius:50%;margin-top:7px}
.amsg div{font-size:14px;line-height:1.45;padding:9px 12px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid var(--line)}
.amsg b{font-size:12px;display:block;color:var(--muted)}

/* scheduling */
.sched{display:grid;grid-template-columns:1fr 1.05fr;gap:16px;height:100%}
.minichat{display:flex;flex-direction:column;gap:8px;justify-content:flex-end;overflow:hidden}
.minichat .msg{font-size:13.5px;padding:9px 12px;max-width:95%}
.cal{border-radius:14px;background:rgba(255,255,255,.04);border:1px solid var(--line);padding:12px;display:grid;grid-template-columns:38px repeat(3,1fr);gap:5px;align-content:start;font-size:11.5px}
.cal .hd{text-align:center;font-weight:800;color:var(--muted);padding-bottom:4px}
.cal .t{color:var(--dim);font-weight:600;display:flex;align-items:center}
.slot{height:30px;border-radius:7px;background:rgba(255,255,255,.05);border:1px solid transparent;transition:all .35s;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:10.5px;color:transparent;overflow:hidden;white-space:nowrap}
.slot.busy{background:rgba(139,124,255,.18);border-color:rgba(139,124,255,.35);color:#C9C1FF}
.slot.scan{background:rgba(34,211,238,.18);border-color:rgba(34,211,238,.5)}
.slot.free{background:rgba(52,211,153,.12);border-color:rgba(52,211,153,.45)}
.slot.booked{background:linear-gradient(135deg,#10B981,#34D399);color:#04221A;box-shadow:0 0 20px rgba(52,211,153,.5);transform:scale(1.04)}
.toast{position:absolute;right:20px;bottom:18px;display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;background:#0F2A22;border:1px solid rgba(52,211,153,.5);color:#A7F3D0;font-size:13px;font-weight:700;opacity:0;transform:translateY(10px);transition:all .4s}
.toast.show{opacity:1;transform:none}

/* detection */
.det{position:relative;height:100%;border-radius:14px;overflow:hidden;background:#0B1A33}
.det svg.scene{width:100%;height:100%}
.scanline{position:absolute;left:0;right:0;height:60px;top:-60px;background:linear-gradient(180deg,transparent,rgba(34,211,238,.28),transparent);border-bottom:2px solid rgba(34,211,238,.8);pointer-events:none}
.scanline.go{animation:scan 1.8s ease-in-out forwards}
@keyframes scan{to{top:100%}}
.bbox{position:absolute;border:2px solid;border-radius:4px;opacity:0;transform:scale(1.15);transition:opacity .35s,transform .35s}
.bbox.show{opacity:1;transform:none}
.bbox span{position:absolute;left:-2px;top:-22px;font-size:11px;font-weight:800;padding:2px 7px;border-radius:4px 4px 4px 0;color:#04101F;white-space:nowrap}
.det .hud{position:absolute;left:10px;bottom:10px;display:flex;gap:8px;font-size:11px;font-weight:800}
.det .hud span{padding:4px 8px;border-radius:6px;background:rgba(4,10,24,.75);border:1px solid var(--line);color:#BFF3FB}

/* workflow */
.flowsvg{width:100%;height:auto;aspect-ratio:520/250}
.node rect{fill:rgba(16,32,66,.9);stroke:rgba(140,180,255,.3);stroke-width:1.2;transition:all .3s}
.node text{fill:#DCE6FB;font-size:12.5px;font-weight:700;font-family:Inter,sans-serif}
.node.hit rect{stroke:#22D3EE;filter:drop-shadow(0 0 10px rgba(34,211,238,.7))}
.pipe{fill:none;stroke:rgba(140,180,255,.18);stroke-width:2}
.pipe.flowing{stroke:url(#pipeGrad);stroke-dasharray:6 8;animation:dash 1s linear infinite}
@keyframes dash{to{stroke-dashoffset:-28}}
.log{display:flex;flex-direction:column;gap:6px;height:56px;overflow:hidden;justify-content:flex-end;font-size:13px}
.log div{color:#A7F3D0;opacity:0;animation:pop .4s forwards}
.log div:before{content:"✓ ";font-weight:800}

/* ===== PROCESS ===== */
.steps{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:64px;text-align:left}
.steps-line{position:absolute;left:0;right:0;top:30px;height:4px;z-index:0}
.steps-line svg{width:100%;height:4px;overflow:visible}
.steps-line path{stroke:url(#lineGrad);stroke-width:3;fill:none;stroke-dasharray:1200;stroke-dashoffset:1200;transition:stroke-dashoffset 2.2s ease}
.steps.in .steps-line path{stroke-dashoffset:0}
.step{position:relative;z-index:1}
.num{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:22px;color:#04101F;background:var(--grad);box-shadow:0 0 0 8px var(--bg),0 0 30px rgba(34,211,238,.45);margin-bottom:22px}
.step h3{font-size:19px;margin-bottom:6px}.step p{color:var(--muted);font-size:15.5px}

/* marquee */
.marquee{margin-top:64px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.mtrack{display:flex;gap:12px;width:max-content;animation:marq 40s linear infinite}
.marquee:hover .mtrack{animation-play-state:paused}
@keyframes marq{to{transform:translateX(-50%)}}
.mtrack span{padding:10px 18px;border-radius:999px;background:var(--card);border:1px solid var(--line);font-weight:700;font-size:14px;color:#CFDCF7;white-space:nowrap}

/* ===== PRICING ===== */
.prices{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:56px;text-align:left;align-items:stretch}
.price{position:relative;display:flex;flex-direction:column;padding:32px;border-radius:24px;background:var(--card);border:1px solid var(--line);transition:transform .3s}
.price:hover{transform:translateY(-6px)}
.price.pop{background:linear-gradient(180deg,rgba(34,211,238,.12),rgba(139,124,255,.12));border-color:rgba(34,211,238,.45);box-shadow:0 30px 80px rgba(34,211,238,.12)}
.badge{position:absolute;top:-13px;left:32px;background:var(--grad);color:#04101F;font-size:12px;font-weight:800;padding:5px 12px;border-radius:999px;letter-spacing:.06em}
.price h3{font-size:20px}
.from{font-size:14px;color:var(--dim);margin-top:16px}
.amt{font-size:48px;font-weight:800;letter-spacing:-.02em;line-height:1.05}
.del{font-size:14px;color:var(--muted);margin-bottom:20px}
.price ul{list-style:none;display:grid;gap:11px;margin-bottom:28px;flex:1;align-content:start}
.price li{display:flex;gap:10px;font-size:15.5px;color:#D7E2FA}
.price li:before{content:"✓";color:var(--ok);font-weight:800}
.custom{margin-top:22px;padding:26px 30px;border-radius:22px;background:var(--card);border:1px dashed var(--line2);display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:left;flex-wrap:wrap}
.custom h3{font-size:19px}.custom p{color:var(--muted);font-size:15px}

/* ===== REVIEWS ===== */
.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:56px;text-align:left}
.rev{padding:30px;border-radius:var(--r);background:var(--card);border:1px solid var(--line);display:flex;flex-direction:column}
.stars{color:#FFC94D;letter-spacing:3px;margin-bottom:14px}
.rev p{color:#D7E2FA;font-size:15.5px;flex:1}
.who{margin-top:20px;display:flex;align-items:center;gap:12px;font-size:14px;color:var(--muted);font-weight:600}
.who i{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:800;color:#04101F;background:var(--grad)}

/* ===== ABOUT ===== */
.about{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
.ring{position:relative;aspect-ratio:1;max-width:420px;margin:0 auto;width:100%}
.ring .c{position:absolute;inset:0;border-radius:50%;border:1px solid var(--line2)}
.ring .c2{inset:14%}.ring .c3{inset:28%}
.ring .spin{position:absolute;inset:0;border-radius:50%;animation:spin 24s linear infinite}
.ring .spin.ccw{animation-direction:reverse;animation-duration:18s;inset:14%}
.ring .sat{position:absolute;top:-8px;left:50%;width:16px;height:16px;margin-left:-8px;border-radius:50%}
.ring .core{position:absolute;inset:36%;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,rgba(34,211,238,.25),rgba(139,124,255,.1) 60%,transparent 70%)}
.ring .core img{width:78%}
@keyframes spin{to{transform:rotate(360deg)}}

/* ===== FAQ ===== */
.faq{max-width:840px;margin:48px auto 0;display:grid;gap:12px;text-align:left}
details{border-radius:16px;background:var(--card);border:1px solid var(--line);padding:20px 24px;transition:border-color .3s}
details[open]{border-color:var(--line2)}
summary{cursor:pointer;font-weight:700;font-size:17px;list-style:none;display:flex;justify-content:space-between;gap:16px}
summary::-webkit-details-marker{display:none}
summary:after{content:"+";font-size:24px;line-height:1;color:var(--aqua);transition:transform .3s}
details[open] summary:after{transform:rotate(45deg)}
details p{margin-top:12px;color:var(--muted)}

/* ===== CONTACT ===== */
.contact{background:radial-gradient(800px 500px at 90% 20%,rgba(139,124,255,.18),transparent 60%),linear-gradient(180deg,var(--bg),#071533)}
.contact .wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:start}
.contact ul{list-style:none;margin-top:30px;display:grid;gap:14px;color:#D7E2FA}
.contact li{display:flex;gap:12px}.contact li:before{content:"✓";color:var(--ok);font-weight:800}
form{padding:32px;border-radius:24px;background:rgba(14,27,58,.8);border:1px solid var(--line2);display:grid;gap:16px;backdrop-filter:blur(12px)}
.row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
label{display:grid;gap:7px;font-weight:600;font-size:14.5px;color:#D7E2FA}
input,select,textarea{font:inherit;font-weight:400;padding:13px 15px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid var(--line2);color:#fff;width:100%;transition:border-color .2s,box-shadow .2s}
select option{background:#0E1B3A;color:#fff}
input::placeholder,textarea::placeholder{color:var(--dim)}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--aqua);box-shadow:0 0 0 4px rgba(34,211,238,.15)}
textarea{min-height:130px;resize:vertical}
.consent{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:13.5px;color:var(--muted)}
.consent input{width:auto;margin-top:4px;accent-color:var(--aqua)}
.consent a{color:var(--aqua);font-weight:600}
.hidden{display:none}
form .btn{width:100%;padding:17px}

/* ===== FOOTER ===== */
footer{background:#030714;border-top:1px solid var(--line);padding:44px 0;color:var(--dim);font-size:14px}
footer .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
footer img{height:40px}
footer a:hover{color:#fff}

/* wave divider */
.divider{position:absolute;left:0;right:0;top:-1px;height:80px;overflow:hidden;pointer-events:none}
.divider svg{width:200%;max-width:none;height:100%;animation:wave 22s linear infinite}

/* reveal */
.reveal{opacity:0;transform:translateY(34px);transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1)}
.reveal.in{opacity:1;transform:none}
.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}.d4{transition-delay:.4s}.d5{transition-delay:.5s}

/* ===== RESPONSIVE ===== */
@media (max-width:1020px){
  .hero .wrap,.about,.contact .wrap{grid-template-columns:1fr}
  .hero{min-height:auto}
  .grid3{grid-template-columns:repeat(2,1fr)}
  .demo-grid{grid-template-columns:1fr}
  .prices,.reviews{grid-template-columns:1fr}
  .price.pop{order:-1}
  .stats{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:repeat(2,1fr)}
  .steps-line{display:none}
}
/* tablets and small laptops: menu collapses into the burger */
@media (max-width:1100px){
  .links{display:none;position:absolute;top:78px;left:0;right:0;background:#050B1A;flex-direction:column;align-items:flex-start;gap:0;padding:8px 20px 20px;border-bottom:1px solid var(--line)}
  .links.open{display:flex}
  .links a{padding:13px 0;width:100%}
  .burger{display:block}
  .nav>.btn{margin-left:auto;margin-right:12px;white-space:nowrap}
  header{background:rgba(5,11,26,.85);backdrop-filter:blur(14px)}
}
@media (max-width:760px){
  .nav>.btn{display:none}
  .wrap{padding:0 16px}
  section{padding:80px 0}
  .hero{padding:110px 0 140px}
  .grid3,.steps,.row{grid-template-columns:1fr}
  .stats{grid-template-columns:repeat(2,1fr);gap:12px}
  .stat{padding:18px 10px}.stat b{font-size:30px}
  .feed{height:340px}
  .demo-b{height:auto;min-height:0}
  .det .hud{left:auto;right:8px;top:8px;bottom:auto}
  .det .hud span{font-size:10px;padding:3px 6px}
  .sched{grid-template-columns:1fr}
  .minichat{min-height:130px}
  .cal{grid-template-columns:34px repeat(3,1fr)}
  .det{height:auto;aspect-ratio:520/300}
  .node text{font-size:15px}
  .node text+text{font-size:11.5px!important}
  .custom{flex-direction:column;align-items:flex-start}
  .brand img{height:40px}
}
@media (prefers-reduced-motion:reduce){
  *,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .reveal{opacity:1;transform:none}
  .msg,.amsg,.log div{opacity:1;transform:none}
}

/* detection boxes inside SVG */
.bb{opacity:0;transform:scale(1.12);transform-box:fill-box;transform-origin:center;transition:opacity .35s ease,transform .35s ease}
.bb.show{opacity:1;transform:none}
.agents:before{content:"";position:absolute;top:24px;left:18%;right:18%;height:2px;background:repeating-linear-gradient(90deg,rgba(94,234,212,.7) 0 8px,transparent 8px 16px);background-size:32px 2px;animation:flowline 1.2s linear infinite;z-index:0}
.agent{position:relative;z-index:1}
@keyframes flowline{to{background-position:32px 0}}

.agent.r .orb{background:#2B1724}.agent.b .orb{background:#11244A}.agent.g .orb{background:#0F2E27}

/* ===== tech wall ===== */
.techwall{margin-top:64px;display:grid;gap:14px}
.techwall .marquee{margin-top:0}
.mtrack.rev2{animation-direction:reverse;animation-duration:46s}
.tech{display:inline-flex;align-items:center;gap:10px;padding:11px 18px 11px 12px;border-radius:14px;background:linear-gradient(180deg,rgba(22,40,80,.75),rgba(12,24,52,.75));border:1px solid var(--line);font-weight:700;font-size:15px;color:#E3ECFF;white-space:nowrap;transition:border-color .25s,transform .25s,box-shadow .25s}
.tech svg{width:30px;height:30px;padding:6px;border-radius:9px;flex:none}
.tech:hover{transform:translateY(-3px);border-color:var(--line2)}
.t-llm svg{color:#5EEAD4;background:rgba(94,234,212,.12)}
.t-cloud svg{color:#93C5FD;background:rgba(147,197,253,.12)}
.t-fw svg{color:#A78BFA;background:rgba(167,139,250,.14)}
.t-cv svg{color:#FBBF24;background:rgba(251,191,36,.12)}
.t-ml svg{color:#F472B6;background:rgba(244,114,182,.12)}
.t-auto svg{color:#34D399;background:rgba(52,211,153,.12)}
.t-code svg{color:#60A5FA;background:rgba(96,165,250,.12)}
.t-db svg{color:#22D3EE;background:rgba(34,211,238,.12)}
.t-llm:hover{box-shadow:0 0 24px rgba(94,234,212,.25)}.t-fw:hover{box-shadow:0 0 24px rgba(167,139,250,.25)}.t-cv:hover{box-shadow:0 0 24px rgba(251,191,36,.22)}.t-ml:hover{box-shadow:0 0 24px rgba(244,114,182,.22)}.t-auto:hover{box-shadow:0 0 24px rgba(52,211,153,.22)}

/* ===== founder ===== */
.founder{margin-top:26px;padding:30px;border-radius:24px;background:var(--card);border:1px solid var(--line2);backdrop-filter:blur(12px);position:relative;overflow:hidden}
.founder:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--grad-loop);background-size:200% 100%;animation:shimmer 6s linear infinite}
.fhead{display:flex;align-items:center;gap:18px;margin-bottom:18px}
.favatar{flex:none;width:72px;height:72px;border-radius:50%;padding:3px;background:conic-gradient(from 0deg,#E5533D,#3B82F6,#22A653,#E5533D);animation:spin 8s linear infinite}
.favatar span{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:#0B1736;font-weight:800;font-size:22px;letter-spacing:.02em;color:#fff;animation:spin 8s linear infinite reverse}
.fhead h3{font-size:22px;line-height:1.2}
.role{color:var(--aqua2);font-weight:700;font-size:14.5px;margin-top:2px}
.founder p{color:var(--muted);font-size:16px;margin-bottom:14px}
.fchips{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.fchips span{font-size:13px;font-weight:700;padding:6px 12px;border-radius:999px;background:rgba(34,211,238,.1);border:1px solid rgba(34,211,238,.25);color:#BFF3FB}
@media (max-width:760px){.founder{padding:22px}.favatar{width:60px;height:60px}.tech{font-size:14px;padding:9px 14px 9px 10px}.tech svg{width:26px;height:26px;padding:5px}}
/* official logos (optional): if assets/logos/<name>.svg|png exists it replaces the generic icon */
.tech img{height:30px;width:auto;min-width:30px;max-width:96px;object-fit:contain;flex:none;padding:4px 5px;border-radius:9px;background:#fff}
.tech img ~ svg{display:none}
@media (max-width:760px){.tech img{height:26px;min-width:26px;max-width:84px}}

/* ===== chat widget ===== */
#ssChat{position:fixed;right:22px;bottom:22px;z-index:200;font-family:'Inter',system-ui,sans-serif}
.ssc-fab{position:relative;width:62px;height:62px;border-radius:50%;border:0;cursor:pointer;display:grid;place-items:center;background:var(--grad-loop);background-size:200% 100%;animation:shimmer 6s linear infinite;box-shadow:0 12px 34px rgba(34,211,238,.4);transition:transform .2s}
.ssc-fab:hover{transform:scale(1.06)}
.ssc-ping{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(34,211,238,.6);animation:sscping 2.4s ease-out infinite}
@keyframes sscping{from{transform:scale(1);opacity:.9}to{transform:scale(1.6);opacity:0}}
.ssc-ic-close{display:none}
#ssChat.open .ssc-ic-open,#ssChat.open .ssc-ping{display:none}
#ssChat.open .ssc-ic-close{display:block}
.ssc-hint{position:absolute;right:74px;bottom:12px;white-space:nowrap;padding:10px 14px;border-radius:14px 14px 4px 14px;background:#0E1B3A;border:1px solid var(--line2);color:#DCE6FB;font-size:14px;box-shadow:0 10px 30px rgba(0,0,0,.4);cursor:pointer;opacity:0;transform:translateY(8px);pointer-events:none;transition:all .4s}
.ssc-hint.show{opacity:1;transform:none;pointer-events:auto}
.ssc-hint b{color:var(--aqua2)}
#ssChat.open .ssc-hint{display:none}
.ssc-panel{position:absolute;right:0;bottom:78px;width:380px;height:min(600px,calc(100vh - 120px));display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:linear-gradient(180deg,rgba(14,28,60,.97),rgba(7,15,34,.98));border:1px solid var(--line2);box-shadow:0 30px 90px rgba(0,0,0,.6),0 0 50px rgba(34,211,238,.1);backdrop-filter:blur(16px);opacity:0;transform:translateY(16px) scale(.97);transform-origin:bottom right;pointer-events:none;transition:opacity .25s,transform .25s}
#ssChat.open .ssc-panel{opacity:1;transform:none;pointer-events:auto}
.ssc-head{flex:none;position:relative;z-index:2;display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line);background:rgba(14,28,60,.98)}
.ssc-head img{width:38px;height:38px;padding:5px;border-radius:12px;background:rgba(255,255,255,.06)}
.ssc-head b{display:block;font-size:15.5px}
.ssc-head small{display:flex;align-items:center;gap:6px;font-size:12.5px;color:#6EE7B7}
.ssc-head small:before{content:"";width:7px;height:7px;border-radius:50%;background:#34D399;box-shadow:0 0 8px #34D399}
.ssc-x{margin-left:auto;background:none;border:0;color:var(--muted);cursor:pointer;padding:6px;border-radius:8px}
.ssc-x:hover{color:#fff;background:rgba(255,255,255,.08)}
.ssc-feed{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth}
.ssc-msg{max-width:88%;padding:11px 14px;border-radius:16px;font-size:14.5px;line-height:1.5;animation:pop .35s ease both;word-wrap:break-word}
.ssc-msg.u{align-self:flex-end;background:linear-gradient(135deg,#5B4BFF,#8B7CFF);color:#fff;border-bottom-right-radius:5px}
.ssc-msg.b{align-self:flex-start;background:rgba(255,255,255,.07);border:1px solid var(--line);color:#E3EAFB;border-bottom-left-radius:5px}
.ssc-msg a{color:var(--aqua2)}
.ssc-typing{display:flex;gap:5px;padding:14px 16px}
.ssc-typing i{width:8px;height:8px;border-radius:50%;background:#9AA6C4;animation:bounce 1.1s infinite}
.ssc-typing i:nth-child(2){animation-delay:.15s}.ssc-typing i:nth-child(3){animation-delay:.3s}
.ssc-book{display:flex;align-items:center;gap:8px;margin-top:10px;padding:9px 14px;border-radius:11px;border:0;cursor:pointer;font:inherit;font-weight:700;font-size:14px;color:#04101F;background:var(--grad);box-shadow:0 6px 18px rgba(34,211,238,.3)}
.ssc-book:hover{filter:brightness(1.08)}
.ssc-chips{flex:none;display:flex;gap:8px;overflow-x:auto;padding:0 16px 10px;scrollbar-width:none}
.ssc-chips::-webkit-scrollbar{display:none}
.ssc-chips button{flex:none;padding:7px 12px;border-radius:999px;border:1px solid rgba(34,211,238,.35);background:rgba(34,211,238,.08);color:#BFF3FB;font:inherit;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}
.ssc-chips button:hover{background:rgba(34,211,238,.18)}
.ssc-form{flex:none;display:flex;align-items:flex-end;gap:8px;margin:0 12px;padding:8px 8px 8px 14px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid var(--line2)}
.ssc-form:focus-within{border-color:var(--aqua)}
.ssc-form textarea,.ssc-form textarea:focus{flex:1;width:auto;background:none;border:0;border-radius:0;box-shadow:none;outline:none;color:#fff;font:inherit;font-size:14.5px;resize:none;max-height:110px;padding:6px 0;min-height:24px}
.ssc-form textarea::placeholder{color:var(--dim)}
.ssc-form button{flex:none;width:38px;height:38px;border-radius:11px;border:0;cursor:pointer;display:grid;place-items:center;background:var(--grad)}
.ssc-form.busy button{opacity:.5;pointer-events:none}
.ssc-foot{text-align:center;font-size:11.5px;color:var(--dim);padding:8px 0 10px}
.ssc-foot a{color:var(--muted)}
@media (max-width:560px){
  #ssChat{right:14px;bottom:14px}
  .ssc-panel{position:fixed;inset:0;width:auto;height:100%;border-radius:0;bottom:auto}
  #ssChat.open .ssc-fab{position:fixed;right:14px;top:12px;width:40px;height:40px;box-shadow:none;background:rgba(255,255,255,.1);animation:none;z-index:2}
  #ssChat.open .ssc-fab svg{stroke:#fff}
  .ssc-x{display:none}
  .ssc-hint{display:none}
}
@media (prefers-reduced-motion:reduce){.ssc-ping{display:none}}
.ssc-form.locked{opacity:.6}
.ssc-form.locked button{pointer-events:none;opacity:.4}
/* ---------- booking inside the chat ---------- */
.ssc-feed{position:relative}
.ssc-msg.b.ssc-bk{max-width:100%;align-self:stretch;padding:14px}
.ssc-bk p{margin:0 0 10px}
.ssc-bk-load{display:flex;gap:5px;padding:4px 0 2px}
.ssc-bk-load i{width:8px;height:8px;border-radius:50%;background:var(--aqua);opacity:.8;animation:bounce 1.1s infinite}
.ssc-bk-load i:nth-child(2){animation-delay:.15s}.ssc-bk-load i:nth-child(3){animation-delay:.3s}
.ssc-days{display:flex;gap:6px;overflow-x:auto;padding:2px 0 6px;margin-bottom:6px;scrollbar-width:thin;scrollbar-color:rgba(140,180,255,.3) transparent}
.ssc-days button{flex:none;display:flex;flex-direction:column;align-items:center;gap:1px;min-width:60px;padding:7px 8px;border-radius:12px;border:1px solid var(--line2);background:rgba(255,255,255,.04);color:var(--muted);font:inherit;font-size:12px;line-height:1.25;cursor:pointer;transition:background .2s,border-color .2s}
.ssc-days button b{font-size:13.5px;color:#fff;white-space:nowrap}
.ssc-days button:hover{background:rgba(255,255,255,.08)}
.ssc-days button[aria-pressed="true"]{border-color:var(--aqua);background:rgba(34,211,238,.15);color:#BFF3FB;box-shadow:0 0 0 1px rgba(34,211,238,.25) inset}
.ssc-times{display:grid;grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:6px;max-height:212px;overflow-y:auto;padding-right:2px}
.ssc-times button{padding:8px 0;border-radius:10px;border:1px solid rgba(34,211,238,.35);background:rgba(34,211,238,.08);color:#E6FBFF;font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;transition:background .2s,transform .15s}
.ssc-times button:hover{background:rgba(34,211,238,.22);transform:translateY(-1px)}
.ssc-bk p.ssc-bk-tz{margin:10px 0 0;font-size:12px;color:var(--dim)}
.ssc-bk-alt{display:inline-block;background:none;border:0;padding:0;margin-top:8px;color:var(--aqua2);font:inherit;font-size:12.5px;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.ssc-bk-sel{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px;padding:10px 12px;border-radius:12px;background:rgba(34,211,238,.08);border:1px solid rgba(34,211,238,.28)}
.ssc-bk-sel>span{display:flex;gap:10px;align-items:flex-start;color:var(--aqua)}
.ssc-bk-sel>span svg{flex:none;margin-top:2px}
.ssc-bk-sel b{display:block;color:#fff;font-size:14px;line-height:1.35}
.ssc-bk-sel small{display:block;color:var(--muted);font-size:12px}
.ssc-bk-sel .ssc-bk-alt{margin-top:1px;flex:none}
.ssc-bk-form{display:grid;gap:8px;padding:0;border:0;border-radius:0;background:none;backdrop-filter:none}
.ssc-bk-form input{padding:10px 12px;border-radius:10px;font-size:14.5px;background:rgba(4,12,30,.55)}
.ssc-bk-form input:focus{box-shadow:0 0 0 3px rgba(34,211,238,.15)}
.ssc-bk-form .ssc-book{justify-content:center;width:100%;margin-top:2px;padding:11px 14px}
.ssc-bk-form .ssc-book:disabled{opacity:.6;cursor:wait}
.ssc-bk-form small{font-size:11.5px;color:var(--dim);line-height:1.4}
.ssc-bk-form small a{color:var(--muted)}
.ssc-bk p.ssc-bk-err{margin:0;color:#FCA5A5;font-size:13px}
.ssc-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0}
@media (max-width:560px){.ssc-bk-form input{font-size:16px}}