/* CoController AI — marketing site styles */
:root{
  --ink:#0f172a; --ink-soft:#334155; --muted:#64748b;
  --paper:#ffffff; --wash:#f8fafc; --wash2:#f1f5f9;
  --line:#e2e8f0; --accent:#059669; --accent-dark:#047857; --accent-wash:#ecfdf5;
  --amber:#d97706; --amber-wash:#fffbeb; --red:#dc2626;
  --radius:14px; --shadow:0 10px 30px rgba(15,23,42,.08);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}
/* nav */
.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:66px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:19px;text-decoration:none}
.brand .mark{width:32px;height:32px;border-radius:9px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:800}
.nav-links{display:flex;gap:26px;align-items:center}
.nav-links a{text-decoration:none;color:var(--ink-soft);font-weight:500;font-size:15px}
.nav-links a:hover{color:var(--ink)}
.btn{display:inline-block;padding:12px 22px;border-radius:10px;font-weight:700;font-size:15px;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:transform .08s ease}
.btn:active{transform:scale(.98)}
.btn-primary{background:var(--accent);color:#fff}
.btn-primary:hover{background:var(--accent-dark)}
.btn-ghost{background:#fff;border-color:var(--line);color:var(--ink)}
.btn-ghost:hover{border-color:var(--ink)}
.btn-sm{padding:9px 16px;font-size:14px}
/* hero */
.hero{padding:84px 0 60px;background:var(--wash)}
.hero h1{font-size:52px;line-height:1.08;letter-spacing:-1.5px;max-width:760px}
.hero h1 .hl{color:var(--accent)}
.hero p.sub{font-size:20px;color:var(--ink-soft);max-width:640px;margin:20px 0 30px}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap}
.hero-note{margin-top:16px;color:var(--muted);font-size:14px}
.hero-card{margin-top:44px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
.hero-card .bar{background:var(--ink);color:#fff;padding:12px 18px;font-size:13px;font-weight:600;display:flex;justify-content:space-between}
.hero-card table{width:100%;border-collapse:collapse;font-size:14px}
.hero-card th{text-align:left;padding:12px 18px;color:var(--muted);font-weight:600;border-bottom:1px solid var(--line);font-size:12px;text-transform:uppercase;letter-spacing:.5px}
.hero-card td{padding:12px 18px;border-bottom:1px solid var(--wash2)}
.pill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700}
.pill.green{background:var(--accent-wash);color:var(--accent-dark)}
.pill.amber{background:var(--amber-wash);color:var(--amber)}
.pill.gray{background:var(--wash2);color:var(--muted)}
/* stats */
.stats{padding:44px 0;border-bottom:1px solid var(--line)}
.stats .wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:center}
.stat b{font-size:38px;letter-spacing:-1px;color:var(--accent-dark);display:block}
.stat span{color:var(--muted);font-size:15px}
/* sections */
.section{padding:76px 0}
.section.alt{background:var(--wash)}
.kicker{color:var(--accent-dark);font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:12px}
h2.title{font-size:36px;letter-spacing:-.8px;line-height:1.15;max-width:680px}
p.lead{color:var(--ink-soft);font-size:18px;max-width:680px;margin:14px 0 0}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:0 2px 8px rgba(15,23,42,.04)}
.card .icon{width:44px;height:44px;border-radius:12px;background:var(--accent-wash);color:var(--accent-dark);display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:16px}
.card h3{font-size:18px;margin-bottom:8px}
.card p{color:var(--ink-soft);font-size:15px}
/* steps */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.step{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px}
.step .n{width:34px;height:34px;border-radius:50%;background:var(--ink);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;margin-bottom:14px}
/* compare */
.compare{width:100%;border-collapse:collapse;margin-top:36px;background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);font-size:15px}
.compare th,.compare td{padding:15px 18px;text-align:left;border-bottom:1px solid var(--line)}
.compare thead th{background:var(--ink);color:#fff;font-size:14px}
.compare tbody tr:last-child td{border-bottom:none}
.compare td:first-child{font-weight:700}
.yes{color:var(--accent-dark);font-weight:700}.no{color:var(--red);font-weight:700}.mid{color:var(--amber);font-weight:700}
/* pricing */
.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;align-items:stretch}
.price-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px;display:flex;flex-direction:column}
.price-card.featured{border:2px solid var(--accent);box-shadow:var(--shadow)}
.price-card h3{font-size:18px}
.price-card .amt{font-size:42px;font-weight:800;letter-spacing:-1px;margin:10px 0 4px}
.price-card .amt small{font-size:15px;font-weight:500;color:var(--muted)}
.price-card ul{list-style:none;margin:18px 0 26px;flex:1}
.price-card li{padding:7px 0;color:var(--ink-soft);font-size:15px}
.price-card li::before{content:"✓ ";color:var(--accent-dark);font-weight:800}
.price-card .btn{width:100%;text-align:center}
/* faq */
.faq{max-width:760px;margin-top:32px}
.faq details{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px 20px;margin-bottom:12px}
.faq summary{font-weight:700;cursor:pointer;font-size:16px}
.faq p{margin-top:10px;color:var(--ink-soft);font-size:15px}
/* cta */
.final{background:var(--ink);color:#fff;text-align:center;padding:80px 0}
.final h2{font-size:38px;letter-spacing:-.8px}
.final p{color:#cbd5e1;margin:14px 0 28px;font-size:18px}
footer{padding:34px 0;color:var(--muted);font-size:14px;border-top:1px solid var(--line)}
footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}
@media(max-width:860px){
  .hero h1{font-size:36px}
  .grid3,.steps,.stats .wrap,.pricing{grid-template-columns:1fr}
  .nav-links a:not(.btn){display:none}
}

.video-frame{max-width:860px;margin:28px auto 0;border-radius:16px;overflow:hidden;box-shadow:0 24px 60px rgba(20,30,70,.18);border:1px solid #e6e9f5;background:#0b1020}
.video-frame video{display:block;width:100%;height:auto}


/* ===== CoController Prism — premium visual layer (functionality-safe) ===== */
:root{--cyan:#22d3ee;--blue:#3b82f6;--violet:#8b5cf6;--pink:#ec4899;--lime:#34d399;--night:#050816;--night2:#081126}
body{background:var(--night);color:#eef5ff;overflow-x:hidden}
.nav{background:rgba(5,8,22,.72);border-color:rgba(148,163,184,.14);backdrop-filter:blur(22px) saturate(145%)}
.brand,.nav-links a{color:#dce8ff}.nav-links a:hover{color:#fff}.brand .mark{background:linear-gradient(135deg,var(--cyan),var(--blue) 45%,var(--violet));box-shadow:0 0 28px rgba(59,130,246,.45)}
.btn-primary{background:linear-gradient(105deg,#2563eb,#06b6d4 48%,#8b5cf6);box-shadow:0 10px 34px rgba(37,99,235,.28);background-size:180% 180%;animation:buttonGlow 6s ease infinite}.btn-primary:hover{background-position:100% 50%;filter:brightness(1.12)}
.btn-ghost{background:rgba(255,255,255,.045);border-color:rgba(148,163,184,.3);color:#eef5ff}.btn-ghost:hover{border-color:#67e8f9;background:rgba(34,211,238,.07)}
.premium-hero{position:relative;isolation:isolate;overflow:hidden;padding:92px 0 72px;background:radial-gradient(circle at 73% 28%,rgba(37,99,235,.22),transparent 26%),radial-gradient(circle at 86% 66%,rgba(139,92,246,.18),transparent 28%),linear-gradient(180deg,#040713 0%,#071025 72%,#050816 100%)}
.premium-hero:before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(rgba(125,211,252,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(125,211,252,.04) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,#000,transparent 85%)}
.hero-wrap{position:relative;z-index:3}.hero h1{font-size:clamp(46px,6vw,76px);max-width:810px;color:#f8fbff;line-height:.98;letter-spacing:-3.5px;text-wrap:balance}.hero h1 .hl{background:linear-gradient(100deg,#22d3ee,#60a5fa 38%,#a78bfa 72%,#f472b6);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p.sub{color:#b9c8e3;max-width:700px;font-size:20px}.hero-note{color:#91a5c5}
.aurora{position:absolute;border-radius:50%;filter:blur(80px);opacity:.38;z-index:-1;animation:auroraDrift 11s ease-in-out infinite alternate}.aurora-a{width:520px;height:520px;background:#0ea5e9;right:-160px;top:-180px}.aurora-b{width:460px;height:460px;background:#7c3aed;left:42%;bottom:-300px;animation-delay:-4s}
.orbit-stage{position:absolute;right:-30px;top:70px;width:590px;height:590px;z-index:1;perspective:900px;pointer-events:none;opacity:.95}.orbit{position:absolute;inset:15%;border:1px solid rgba(125,211,252,.22);border-radius:50%;transform-style:preserve-3d}.orbit-one{animation:spinA 16s linear infinite;box-shadow:0 0 50px rgba(34,211,238,.08)}.orbit-two{inset:23%;animation:spinB 11s linear infinite;border-color:rgba(167,139,250,.3)}.orbit-three{inset:31%;animation:spinC 8s linear infinite;border-color:rgba(244,114,182,.28)}.orb{position:absolute;width:22px;height:22px;border-radius:50%;top:-11px;left:50%;box-shadow:0 0 30px currentColor}.orb-cyan{background:#22d3ee;color:#22d3ee}.orb-violet{background:#8b5cf6;color:#8b5cf6}.orb-pink{background:#f472b6;color:#f472b6}.core-cube{position:absolute;left:50%;top:50%;width:112px;height:112px;transform:translate(-50%,-50%) rotate(18deg);border:1px solid rgba(255,255,255,.28);background:linear-gradient(145deg,rgba(34,211,238,.18),rgba(99,102,241,.18) 48%,rgba(236,72,153,.16));box-shadow:inset 0 0 36px rgba(255,255,255,.08),0 0 70px rgba(59,130,246,.3);backdrop-filter:blur(12px);animation:cubeFloat 5s ease-in-out infinite}.core-cube span{display:grid;place-items:center;width:100%;height:100%;font-size:34px;font-weight:900;color:#fff;transform:rotate(-18deg);text-shadow:0 0 20px #60a5fa}
.float-chip{position:absolute;z-index:4;padding:13px 16px;border:1px solid rgba(125,211,252,.26);border-radius:15px;background:linear-gradient(145deg,rgba(13,24,48,.76),rgba(25,18,60,.54));box-shadow:0 18px 55px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(18px);min-width:205px;animation:chipFloat 5.5s ease-in-out infinite}.float-chip b{display:block;color:#f8fbff;font-size:13px}.float-chip span{display:block;color:#8fadd1;font-size:11px;margin-top:3px}.chip-one{right:18px;top:105px}.chip-two{right:360px;top:315px;animation-delay:-1.8s}.chip-three{right:45px;top:410px;animation-delay:-3.2s}
.hero-card{position:relative;z-index:3;margin-top:62px;background:linear-gradient(145deg,rgba(13,24,48,.9),rgba(10,16,36,.92));border-color:rgba(125,211,252,.18);box-shadow:0 32px 90px rgba(0,0,0,.42),0 0 80px rgba(37,99,235,.08);backdrop-filter:blur(16px)}.hero-card .bar{background:linear-gradient(90deg,#111a34,#101833 60%,#1d1740);border-bottom:1px solid rgba(148,163,184,.14)}.hero-card table{color:#dce8ff}.hero-card th{color:#8298bb;border-color:rgba(148,163,184,.12)}.hero-card td{border-color:rgba(148,163,184,.08)}.hero-card tbody tr:hover{background:rgba(34,211,238,.04)}
.section,.stats{background:#050816;color:#eef5ff;border-color:rgba(148,163,184,.12)}.section.alt{background:linear-gradient(180deg,#081126,#070b19)}.kicker{color:#67e8f9}.title{color:#f8fbff}p.lead,.card p,.step p,.faq p,.price-card p,.price-card li{color:#9fb0cb!important}.card,.step,.price-card,.faq details{background:linear-gradient(145deg,rgba(14,25,49,.82),rgba(9,14,32,.88));border-color:rgba(125,211,252,.14);box-shadow:0 18px 50px rgba(0,0,0,.18);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.card:hover,.step:hover,.price-card:hover{transform:translateY(-7px);border-color:rgba(103,232,249,.4);box-shadow:0 24px 70px rgba(37,99,235,.15)}.card .icon{background:linear-gradient(135deg,rgba(34,211,238,.2),rgba(139,92,246,.25));color:#67e8f9;box-shadow:inset 0 0 18px rgba(255,255,255,.04)}.step .n{background:linear-gradient(135deg,#0891b2,#4f46e5,#9333ea);box-shadow:0 0 24px rgba(59,130,246,.25)}
.stat b{background:linear-gradient(90deg,#22d3ee,#818cf8,#f472b6);-webkit-background-clip:text;background-clip:text;color:transparent}.stat span{color:#8ea1bf}
.compare{background:#091126;color:#dbe8ff;box-shadow:0 24px 80px rgba(0,0,0,.3);border:1px solid rgba(125,211,252,.13)}.compare thead th{background:linear-gradient(90deg,#101a37,#151437 55%,#251341);color:#fff}.compare th,.compare td{border-color:rgba(148,163,184,.11)}.compare tbody tr:hover{background:rgba(59,130,246,.055)}.yes{color:#5eead4}.no{color:#fb7185}.mid{color:#fbbf24}
.price-card.featured{border-color:#22d3ee;box-shadow:0 0 0 1px rgba(139,92,246,.5),0 28px 80px rgba(37,99,235,.16)}.price-card .amt{color:#f8fbff}.faq summary{color:#eaf2ff}.final{background:radial-gradient(circle at 50% 0,rgba(124,58,237,.35),transparent 45%),linear-gradient(135deg,#07152b,#090b20 55%,#1a0b2e)}footer{background:#040713;border-color:rgba(148,163,184,.12);color:#7f93b3}.video-frame{border-color:rgba(125,211,252,.2);box-shadow:0 30px 90px rgba(0,0,0,.42),0 0 60px rgba(37,99,235,.1)}
@keyframes spinA{to{transform:rotateZ(360deg) rotateX(58deg)}}@keyframes spinB{from{transform:rotateZ(360deg) rotateY(62deg)}to{transform:rotateZ(0) rotateY(62deg)}}@keyframes spinC{to{transform:rotateZ(360deg) rotateX(72deg) rotateY(20deg)}}@keyframes cubeFloat{0%,100%{transform:translate(-50%,-50%) rotate(18deg) translateY(0)}50%{transform:translate(-50%,-50%) rotate(27deg) translateY(-18px)}}@keyframes chipFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-14px) rotate(1deg)}}@keyframes auroraDrift{to{transform:translate(60px,45px) scale(1.16)}}@keyframes buttonGlow{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@media(max-width:1000px){.orbit-stage{right:-250px;opacity:.48}.float-chip{display:none}.hero h1{max-width:700px}.hero-card{margin-top:42px}}
@media(max-width:700px){.premium-hero{padding-top:68px}.orbit-stage{width:420px;height:420px;right:-260px;top:170px;opacity:.34}.hero h1{font-size:43px;letter-spacing:-2px}.hero p.sub{font-size:17px}.hero-card{overflow-x:auto}.hero-card table{min-width:760px}}
@media(prefers-reduced-motion:reduce){.orbit,.core-cube,.float-chip,.aurora,.btn-primary{animation:none!important}}

/* ===== Prism 3D v3 — spatial redesign ===== */
.premium-hero{padding:72px 0 58px;background:
  radial-gradient(circle at 83% 22%,rgba(0,194,255,.18),transparent 24%),
  radial-gradient(circle at 72% 56%,rgba(255,57,166,.12),transparent 28%),
  radial-gradient(circle at 44% 12%,rgba(92,80,255,.13),transparent 30%),
  linear-gradient(180deg,#030714 0%,#07122a 68%,#050816 100%)}
.premium-hero:after{content:"";position:absolute;inset:auto 0 0;height:260px;background:linear-gradient(180deg,transparent,#050816);pointer-events:none;z-index:0}
.aurora-c{width:360px;height:360px;background:#ff2f92;right:26%;bottom:-220px;animation-delay:-7s;opacity:.2}
.hero-shell{position:relative;z-index:2}
.hero-grid-v3{display:grid;grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);gap:38px;align-items:center;min-height:610px}
.hero-copy-v3{position:relative;z-index:6;padding:24px 0 40px}
.hero-eyebrow-v3{display:flex;align-items:center;gap:9px;margin-bottom:20px;color:#a7c8ff;font-size:12px;font-weight:800;letter-spacing:1.55px;text-transform:uppercase}
.hero-eyebrow-v3 span{width:32px;height:1px;background:linear-gradient(90deg,#3bf0ff,#a777ff)}
.hero-copy-v3 h1{font-size:clamp(50px,5.5vw,79px);max-width:690px;line-height:.96;letter-spacing:-4px;text-wrap:balance}
.hero-copy-v3 p.sub{font-size:19px;max-width:620px;line-height:1.65;color:#aebed7;margin:24px 0 30px}
.hero-primary-v3{padding:14px 25px;border-radius:13px;position:relative;overflow:hidden}
.hero-primary-v3:after{content:"";position:absolute;inset:-2px;background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.32),transparent 80%);transform:translateX(-140%);transition:transform .7s ease}.hero-primary-v3:hover:after{transform:translateX(140%)}
.hero-secondary-v3{padding:14px 22px;border-radius:13px}.play-dot{display:inline-grid;place-items:center;width:24px;height:24px;margin-right:6px;border-radius:50%;background:rgba(255,255,255,.09);font-size:10px}
.hero-proof-v3{display:flex;flex-wrap:wrap;gap:17px;margin-top:21px;color:#7f95b8;font-size:12px}.hero-proof-v3 span{display:flex;align-items:center;gap:7px}.hero-proof-v3 span:before{content:"";width:7px;height:7px;border-radius:50%;background:#35e6c1;box-shadow:0 0 12px rgba(53,230,193,.65)}

.visual-lab-v3{position:relative;height:580px;border-radius:30px;isolation:isolate;overflow:hidden;perspective:1200px;background:
  linear-gradient(145deg,rgba(11,23,51,.45),rgba(12,9,37,.16));
  border:1px solid rgba(154,199,255,.10);box-shadow:inset 0 1px rgba(255,255,255,.05),0 40px 100px rgba(0,0,0,.22)}
.visual-lab-v3:before{content:"";position:absolute;inset:9% 7%;border-radius:50%;background:radial-gradient(circle,rgba(30,205,255,.12),rgba(112,72,255,.05) 44%,transparent 69%);filter:blur(12px);z-index:-1}
.visual-lab-v3:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(circle at 52% 46%,#000 0 34%,transparent 72%);opacity:.65;pointer-events:none}
.ledger-orb-v3{position:absolute;inset:0;width:100%;height:100%;z-index:1}
.depth-grid-v3{position:absolute;left:9%;right:9%;bottom:-8%;height:39%;z-index:0;background:linear-gradient(rgba(80,205,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(80,205,255,.08) 1px,transparent 1px);background-size:38px 26px;transform:perspective(480px) rotateX(64deg);transform-origin:center bottom;mask-image:linear-gradient(to top,#000,transparent)}
.halo-v3{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.13);z-index:2;pointer-events:none}.halo-one-v3{width:300px;height:300px;left:50%;top:47%;transform:translate(-50%,-50%) rotateX(66deg) rotateZ(18deg);box-shadow:0 0 50px rgba(42,203,255,.08);animation:haloSpin 13s linear infinite}.halo-two-v3{width:388px;height:388px;left:50%;top:47%;transform:translate(-50%,-50%) rotateY(65deg) rotateZ(-11deg);border-color:rgba(255,100,198,.14);animation:haloSpin2 18s linear infinite}
.prism-device-v3{--rx:0deg;--ry:0deg;position:absolute;left:50%;top:47%;width:136px;height:136px;z-index:4;transform-style:preserve-3d;transform:translate(-50%,-50%) rotateX(calc(-8deg + var(--rx))) rotateY(calc(-18deg + var(--ry))) rotateZ(5deg);transition:transform .18s ease-out;animation:prismHover 5s ease-in-out infinite}
.prism-face-v3{position:absolute;inset:0;border:1px solid rgba(190,225,255,.32);backdrop-filter:blur(20px);box-shadow:inset 0 0 32px rgba(255,255,255,.07),0 0 70px rgba(74,121,255,.24)}
.prism-front-v3{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,rgba(26,208,255,.15),rgba(108,76,255,.25) 52%,rgba(255,61,161,.16));transform:translateZ(38px)}
.prism-front-v3 strong{font-size:42px;line-height:1;color:#fff;text-shadow:0 0 26px rgba(88,196,255,.9)}.prism-front-v3 small{font-size:10px;color:#b9cae7;margin-top:6px}.prism-kicker-v3{font-size:8px;letter-spacing:1.5px;color:#63f0ff;margin-bottom:6px}
.prism-side-v3{width:76px;left:auto;background:linear-gradient(180deg,rgba(101,77,255,.20),rgba(255,51,158,.11));transform-origin:right center;transform:rotateY(90deg) translateZ(0)}
.prism-top-v3{height:76px;bottom:auto;background:linear-gradient(90deg,rgba(64,232,255,.16),rgba(128,83,255,.13));transform-origin:center top;transform:rotateX(90deg)}
.data-chip-v3{position:absolute;z-index:5;width:178px;padding:12px 13px;border-radius:15px;background:linear-gradient(145deg,rgba(8,17,40,.86),rgba(20,14,51,.67));border:1px solid rgba(150,205,255,.19);box-shadow:0 22px 48px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.05);backdrop-filter:blur(16px);animation:chipDriftV3 6s ease-in-out infinite}.data-chip-v3 i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px;box-shadow:0 0 13px currentColor}.data-chip-v3 span{display:block;color:#dbe8ff;font-size:12px}.data-chip-v3 b{font-size:14px;color:#fff}.data-chip-v3 small{display:block;color:#7389ac;font-size:10px;margin:4px 0 0 15px;text-transform:uppercase;letter-spacing:.9px}.dot-cyan-v3{background:#37e4ff;color:#37e4ff}.dot-green-v3{background:#41e7a6;color:#41e7a6}.dot-pink-v3{background:#ff57b4;color:#ff57b4}.chip-a-v3{left:4%;top:15%}.chip-b-v3{right:4%;top:22%;animation-delay:-2s}.chip-c-v3{right:7%;bottom:14%;animation-delay:-3.4s}.visual-caption-v3{position:absolute;left:50%;bottom:7%;transform:translateX(-50%);width:72%;z-index:5;text-align:center;color:#8ca2c4;font-size:11px;letter-spacing:.2px}
.cockpit-v3{z-index:8;margin-top:10px;transform:perspective(1300px) rotateX(2.2deg);transform-origin:center top;box-shadow:0 35px 100px rgba(0,0,0,.42),0 -1px 0 rgba(255,255,255,.05),0 0 90px rgba(47,128,255,.11)}
.cockpit-v3:before{content:"";position:absolute;left:4%;right:4%;top:-1px;height:1px;background:linear-gradient(90deg,transparent,#28d7ff,#8170ff,#ff55ae,transparent);opacity:.8}

.prism-flow-v3{position:relative;overflow:hidden;padding:94px 0 110px;background:radial-gradient(circle at 72% 48%,rgba(81,66,255,.14),transparent 28%),radial-gradient(circle at 55% 43%,rgba(0,201,255,.08),transparent 25%),#050816}
.prism-flow-v3:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(152,196,255,.14) 1px,transparent 1.5px);background-size:36px 36px;mask-image:linear-gradient(90deg,transparent,#000 50%,transparent);opacity:.22;pointer-events:none}
.flow-wrap-v3{display:grid;grid-template-columns:.82fr 1.18fr;gap:50px;align-items:center;position:relative;z-index:2}.flow-copy-v3 .title{font-size:44px;line-height:1.03;max-width:540px}.flow-copy-v3 .title .hl{background:linear-gradient(100deg,#25d7ff,#8f77ff 52%,#ff61b3);-webkit-background-clip:text;background-clip:text;color:transparent}.flow-points-v3{display:grid;gap:11px;margin-top:28px;color:#9cb1cf;font-size:13px}.flow-points-v3 span{display:flex;align-items:center;gap:9px}.flow-points-v3 span:before{content:"✓";display:grid;place-items:center;width:20px;height:20px;border-radius:50%;color:#051018;background:#57ebc4;font-size:11px;font-weight:900;box-shadow:0 0 18px rgba(87,235,196,.25)}
.flow-world-v3{position:relative;height:520px;perspective:1100px}.flow-world-v3:before{content:"";position:absolute;inset:7% 3%;border-radius:50%;background:radial-gradient(circle,rgba(67,220,255,.09),rgba(101,71,255,.06) 38%,transparent 68%);filter:blur(7px)}
.txn-stack-v3{position:absolute;z-index:5;display:grid;gap:13px}.txn-left-v3{left:0;top:17%;transform:rotateY(10deg) rotateZ(-2deg)}.txn-right-v3{right:0;top:16%;transform:rotateY(-12deg) rotateZ(2deg)}
.txn-card-v3{width:195px;padding:12px 14px;border-radius:14px;background:linear-gradient(145deg,rgba(236,245,255,.97),rgba(207,229,255,.90));color:#0c1930;box-shadow:0 22px 42px rgba(0,0,0,.25),0 0 24px rgba(53,203,255,.10);border:1px solid rgba(255,255,255,.74);animation:txnFloat 6.5s ease-in-out infinite}.txn-card-v3 b,.txn-card-v3 span,.txn-card-v3 small{display:block}.txn-card-v3 b{font-size:12px}.txn-card-v3 span{font-size:13px;font-weight:800;margin-top:2px}.txn-card-v3 small{font-size:9px;color:#52708f;margin-top:2px}.txn-card-v3.t2{margin-left:22px;animation-delay:-2.1s}.txn-card-v3.t3{margin-left:5px;animation-delay:-4.2s}
.category-card-v3{width:202px;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 14px;border-radius:14px;background:linear-gradient(145deg,rgba(14,26,56,.92),rgba(20,15,55,.78));border:1px solid rgba(139,193,255,.19);color:#d7e6ff;box-shadow:0 20px 45px rgba(0,0,0,.25);animation:txnFloat 6s ease-in-out infinite}.category-card-v3 span{font-size:11px}.category-card-v3 b{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:rgba(66,218,255,.12);color:#66eaff;font-size:11px}.category-card-v3.c2{margin-left:-18px;animation-delay:-1.5s}.category-card-v3.c3{animation-delay:-3s}.category-card-v3.c4{margin-left:-8px;animation-delay:-4.5s}
.flow-tunnel-v3{position:absolute;left:50%;top:50%;width:245px;height:245px;transform:translate(-50%,-50%);transform-style:preserve-3d}.tunnel-ring-v3{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(83,226,255,.28);box-shadow:inset 0 0 34px rgba(57,203,255,.06),0 0 26px rgba(81,107,255,.08)}.r1{transform:rotateX(66deg);animation:tunnelA 8s linear infinite}.r2{inset:18px;transform:rotateY(67deg);border-color:rgba(142,103,255,.34);animation:tunnelB 9.5s linear infinite}.r3{inset:38px;transform:rotateX(72deg) rotateZ(45deg);border-color:rgba(255,79,179,.28);animation:tunnelA 6.6s linear infinite reverse}.r4{inset:58px;transform:rotateY(72deg) rotateZ(20deg);border-color:rgba(78,235,196,.25);animation:tunnelB 7.8s linear infinite reverse}.tunnel-core-v3{position:absolute;inset:76px;border-radius:25px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(53,218,255,.28),rgba(105,70,255,.38),rgba(255,64,166,.22));border:1px solid rgba(255,255,255,.24);color:white;font-size:30px;font-weight:900;box-shadow:0 0 55px rgba(72,115,255,.42),inset 0 0 28px rgba(255,255,255,.07);animation:corePulseV3 3.8s ease-in-out infinite}
.flow-beam-v3{position:absolute;height:1px;z-index:2;background:linear-gradient(90deg,transparent,#42eaff,#8f6dff,#ff54ad,transparent);filter:drop-shadow(0 0 8px #43dffc);transform-origin:left center;opacity:.55}.beam-one-v3{left:22%;right:22%;top:39%;transform:rotate(-7deg)}.beam-two-v3{left:19%;right:21%;top:51%;transform:rotate(4deg)}.beam-three-v3{left:23%;right:18%;top:62%;transform:rotate(-2deg)}

@keyframes haloSpin{to{transform:translate(-50%,-50%) rotateX(66deg) rotateZ(378deg)}}
@keyframes haloSpin2{to{transform:translate(-50%,-50%) rotateY(65deg) rotateZ(349deg)}}
@keyframes prismHover{0%,100%{margin-top:0}50%{margin-top:-14px}}
@keyframes chipDriftV3{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-12px,10px)}}
@keyframes txnFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes tunnelA{to{transform:rotateX(66deg) rotateZ(360deg)}}
@keyframes tunnelB{to{transform:rotateY(67deg) rotateZ(-360deg)}}
@keyframes corePulseV3{50%{transform:scale(1.08) rotate(3deg);box-shadow:0 0 75px rgba(72,115,255,.55),inset 0 0 38px rgba(255,255,255,.10)}}

@media(max-width:1050px){.hero-grid-v3{grid-template-columns:1fr;min-height:auto}.hero-copy-v3{padding-bottom:0}.visual-lab-v3{height:520px;max-width:760px;width:100%;margin:0 auto}.hero-copy-v3 h1{max-width:820px}.flow-wrap-v3{grid-template-columns:1fr}.flow-copy-v3{max-width:720px}.flow-world-v3{max-width:780px;width:100%;margin:0 auto}.cockpit-v3{margin-top:30px}}
@media(max-width:760px){.premium-hero{padding-top:52px}.hero-copy-v3 h1{font-size:46px;letter-spacing:-2.7px}.visual-lab-v3{height:460px;border-radius:22px}.data-chip-v3{width:145px;padding:10px}.chip-a-v3{left:3%;top:10%}.chip-b-v3{right:3%;top:16%}.chip-c-v3{right:4%;bottom:11%}.visual-caption-v3{display:none}.prism-device-v3{width:105px;height:105px}.prism-front-v3 strong{font-size:31px}.prism-side-v3{width:58px}.prism-top-v3{height:58px}.flow-world-v3{height:650px}.txn-left-v3{left:50%;top:4%;transform:translateX(-50%) rotateZ(-1deg)}.txn-right-v3{right:auto;left:50%;top:auto;bottom:0;transform:translateX(-50%) rotateZ(1deg)}.flow-tunnel-v3{top:50%}.txn-card-v3,.category-card-v3{width:190px}.category-card-v3.c2,.category-card-v3.c4,.txn-card-v3.t2,.txn-card-v3.t3{margin-left:0}.flow-beam-v3{display:none}.hero-proof-v3{gap:10px 14px}.cockpit-v3{transform:none;overflow-x:auto}.cockpit-v3 table{min-width:760px}.flow-copy-v3 .title{font-size:37px}}
@media(max-width:480px){.hero-copy-v3 h1{font-size:40px}.hero-cta{display:grid}.hero-cta .btn{text-align:center}.visual-lab-v3{height:420px}.data-chip-v3{width:132px}.data-chip-v3 small{display:none}.chip-c-v3{bottom:8%}.flow-world-v3{height:620px}}
@media(prefers-reduced-motion:reduce){.halo-v3,.prism-device-v3,.data-chip-v3,.txn-card-v3,.category-card-v3,.tunnel-ring-v3,.tunnel-core-v3{animation:none!important}.hero-primary-v3:after{display:none}}