:root{--black:#050607;--ink:#0e1116;--muted:#788391;--line:#e6e9ed;--white:#fff;--blue:#47a6ff;--glass:rgba(20,25,32,.64);--ease:cubic-bezier(.2,.72,.2,1)}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.wrap{width:min(1380px,calc(100% - 144px));margin:auto}.progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:500;background:transparent}.progress span{display:block;height:100%;width:0;background:#69b7ff}.site-header{position:fixed;top:0;left:0;right:0;z-index:400;color:#fff;transition:.35s var(--ease)}.site-header.scrolled{background:rgba(8,10,13,.66);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.08)}.header-inner{height:78px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:min(1440px,calc(100% - 64px));margin:auto}.brand{display:flex;align-items:center;gap:11px;width:max-content}.brand img{width:35px;height:35px;object-fit:contain;filter:brightness(0) invert(1)}.brand-rule{width:1px;height:29px;background:rgba(255,255,255,.18)}.brand-wordmark{display:flex;flex-direction:column;gap:2px;font-size:10px;line-height:1.15}.brand-wordmark strong{font-size:11px;font-weight:600}.brand-wordmark small{font-size:9px;color:rgba(255,255,255,.55)}.desktop-nav{display:flex;align-items:center;padding:5px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);border-radius:999px;backdrop-filter:blur(18px);box-shadow:0 12px 30px rgba(0,0,0,.12)}.desktop-nav a{font-size:13px;font-weight:500;color:rgba(255,255,255,.72);padding:9px 19px;border-radius:999px;transition:.25s var(--ease)}.desktop-nav a:hover{color:#fff;background:rgba(255,255,255,.07)}.desktop-nav a.active{color:#fff;background:rgba(255,255,255,.15)}.header-actions{display:flex;justify-content:flex-end;align-items:center;gap:16px}.icon-button,.menu-button{border:0;background:transparent;color:#fff}.icon-button{width:25px;height:25px;display:grid;place-items:center}.icon-button svg{width:21px;height:21px;stroke-width:1.7}.button{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:45px;padding:0 22px;border-radius:999px;border:1px solid transparent;font-size:13px;font-weight:600;transition:transform .28s var(--ease),background .28s var(--ease),border .28s var(--ease),box-shadow .28s var(--ease)}.button:hover{transform:translateY(-2px)}.button-white{background:#fff;color:#0a0b0d}.button-white:hover{box-shadow:0 16px 40px rgba(0,0,0,.22)}.button-outline{color:#fff;background:rgba(255,255,255,.02);border-color:rgba(255,255,255,.24)}.button-outline:hover{background:rgba(255,255,255,.08)}.button-dark{background:#101319;color:#fff}.button-large{min-height:48px;padding:0 25px}.arrow{font-size:16px;line-height:1}.play-mark{font-size:10px;letter-spacing:.12em;text-transform:uppercase;opacity:.7}.menu-button{display:none;width:28px;height:28px;align-items:center;justify-content:center;flex-direction:column;gap:6px}.menu-button span{display:block;width:20px;height:1px;background:#fff}.mobile-panel{display:none}.hero{height:100vh;min-height:790px;position:relative;isolation:isolate;overflow:hidden;color:#fff;background:#050607}.hero-scene,.hero-vignette,.hero-gradient,.hero-grid{position:absolute;inset:0}.hero-gradient{background:radial-gradient(circle at 62% 45%,rgba(37,58,80,.9) 0,rgba(8,13,19,.72) 27%,rgba(3,4,5,.95) 68%),linear-gradient(100deg,#030303 0%,#070b10 55%,#030405 100%);z-index:-5}.hero-gradient:after{content:"";position:absolute;right:-6%;top:0;width:55%;height:100%;background:radial-gradient(circle at 58% 40%,rgba(255,218,183,.17),transparent 36%);filter:blur(40px)}.hero-vignette{background:linear-gradient(90deg,rgba(0,0,0,.25),transparent 35%,rgba(0,0,0,.18) 78%,rgba(0,0,0,.48));z-index:-3}.hero-grid{opacity:.16;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(90deg,#000,transparent 75%);z-index:-4}.hero-orb{position:absolute;border-radius:50%;filter:blur(40px);z-index:-2}.orb-1{width:48vw;height:48vw;right:6%;top:6%;background:radial-gradient(circle,rgba(42,144,236,.17),transparent 65%)}.orb-2{width:34vw;height:34vw;left:-8%;bottom:-25%;background:radial-gradient(circle,rgba(88,75,168,.14),transparent 68%)}.road-lane{position:absolute;left:36%;right:-5%;bottom:-10%;height:35%;transform:skewX(-25deg);background:linear-gradient(180deg,transparent,rgba(98,116,142,.05),rgba(176,192,214,.1));filter:blur(20px)}.hero-inner{height:100%;display:grid;grid-template-columns:48% 52%;align-items:center;padding-top:70px}.hero-copy{max-width:620px;position:relative;z-index:20}.hero-badge{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);padding:6px 12px 6px 6px;border-radius:999px;color:rgba(255,255,255,.72);font-size:11px;margin-bottom:28px;backdrop-filter:blur(18px)}.hero-badge span:first-child{background:rgba(255,255,255,.13);color:#fff;padding:6px 10px;border-radius:999px;font-weight:700;letter-spacing:.06em}.hero h1{font-family:Manrope,Inter,sans-serif;font-weight:600;letter-spacing:-.065em;font-size:clamp(56px,6vw,83px);line-height:.98;margin-bottom:25px}.hero h1 span{color:#f4f7fa}.hero-copy>p{font-size:16px;line-height:1.65;color:rgba(255,255,255,.64);max-width:610px;margin-bottom:33px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-trust{display:flex;align-items:center;gap:9px;margin-top:23px;font-size:10px;color:rgba(255,255,255,.42);letter-spacing:.02em}.hero-trust span{width:6px;height:6px;border-radius:50%;background:#61b4ff;box-shadow:0 0 16px #61b4ff}.hero-visual{height:100%;position:relative;min-width:0;transition:transform .4s var(--ease);z-index:12}.visual-backdrop{position:absolute;inset:6% -7% 5% -7%;background:radial-gradient(circle at 50% 47%,rgba(69,114,152,.23),transparent 40%),radial-gradient(circle at 76% 30%,rgba(244,180,122,.09),transparent 31%);filter:blur(20px)}.car-stage{position:absolute;left:0;right:-5%;top:18%;height:67%;display:flex;align-items:center;justify-content:center}.car-glow{position:absolute;width:70%;height:50%;border-radius:50%;background:radial-gradient(circle,rgba(67,135,184,.21),transparent 68%);filter:blur(22px)}.hero-car{width:95%;max-width:850px;object-fit:contain;filter:drop-shadow(0 45px 50px rgba(0,0,0,.5));transform:perspective(1000px) rotateY(-7deg) rotateX(2deg);opacity:.96}.road-shadow{position:absolute;width:75%;height:42px;bottom:4%;border-radius:50%;background:rgba(0,0,0,.54);filter:blur(22px)}.phone-device{position:absolute;width:270px;height:548px;right:39%;top:13%;border-radius:42px;padding:12px;background:linear-gradient(145deg,#2a2c30,#08090b);box-shadow:-25px 35px 80px rgba(0,0,0,.55),inset 0 0 0 1px rgba(255,255,255,.3),inset 0 0 0 7px #030405;transform:perspective(1000px) rotateY(-14deg) rotateX(3deg);overflow:hidden}.phone-device:after{content:"";position:absolute;inset:9px;border-radius:33px;border:1px solid rgba(255,255,255,.08);pointer-events:none}.phone-notch{position:absolute;top:13px;left:50%;transform:translateX(-50%);height:25px;width:94px;border-radius:20px;background:#000;z-index:3}.phone-status{position:absolute;left:26px;right:26px;top:30px;display:flex;justify-content:space-between;font-size:8px;color:rgba(255,255,255,.58);z-index:4}.phone-status strong{font-size:19px;color:#fff;letter-spacing:-.03em}.phone-device{background:#070b11}.phone-device:before{content:"";position:absolute;inset:12px;background:radial-gradient(circle at 50% 34%,rgba(23,60,102,.62),transparent 34%),linear-gradient(180deg,#071322,#020407);border-radius:32px}.phone-brand,.status-ring,.phone-message,.phone-state,.mini-route,.phone-footer{position:absolute;z-index:5}.phone-brand{top:87px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:.22em;color:rgba(255,255,255,.5)}.status-ring{top:142px;left:50%;transform:translateX(-50%);width:156px;height:156px;border-radius:50%;border:1px solid rgba(87,180,255,.28);box-shadow:0 0 45px rgba(39,153,255,.21),inset 0 0 36px rgba(39,153,255,.12);display:grid;place-items:center;animation:ringPulse 4.2s ease-in-out infinite}.status-ring:before,.status-ring:after{content:"";position:absolute;border-radius:50%;inset:10px;border:1px solid rgba(87,180,255,.12)}.status-ring:after{inset:22px;border-color:rgba(87,180,255,.12)}.ring-core{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#1f7db8,#0b2137);box-shadow:0 0 26px rgba(79,180,255,.36)}.ring-check{display:block;width:13px;height:8px;border-left:2px solid #b8e4ff;border-bottom:2px solid #b8e4ff;transform:rotate(-45deg) translate(1px,-1px)}.phone-message{top:320px;left:0;right:0;text-align:center;font-size:9px;line-height:1.45;color:rgba(255,255,255,.6)}.phone-state{top:365px;left:17px;right:17px;display:flex;align-items:center;gap:10px;padding:11px;border-radius:15px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.07);backdrop-filter:blur(15px)}.state-symbol{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#33d37b;flex:none}.state-symbol svg{width:17px;height:17px;stroke:#fff;stroke-width:2.4}.phone-state span:nth-child(2){display:flex;flex-direction:column;gap:2px}.phone-state strong{font-size:10px}.phone-state small{font-size:8px;color:rgba(255,255,255,.54)}.state-arrow{margin-left:auto;color:#fff;font-size:15px}.mini-route{left:24px;right:24px;bottom:53px;height:65px;opacity:.55}.mini-route svg{width:100%;height:100%}.route-soft{stroke:rgba(94,165,220,.15);stroke-width:7}.route-main{stroke:#68b7ff;stroke-width:1.6;stroke-dasharray:3 5}.route-start{fill:#8ad1ff;stroke:none}.route-end{fill:#fff;stroke:none;filter:drop-shadow(0 0 6px #fff)}.phone-footer{bottom:23px;left:0;right:0;text-align:center;font-size:7px;color:rgba(255,255,255,.4);display:flex;justify-content:center;gap:4px}.phone-footer strong{color:rgba(255,255,255,.78);letter-spacing:.14em}.floating-card{position:absolute;display:flex;align-items:center;gap:11px;min-width:238px;padding:13px 16px;border:1px solid rgba(255,255,255,.13);background:linear-gradient(180deg,rgba(32,40,49,.72),rgba(14,18,24,.62));backdrop-filter:blur(20px);border-radius:15px;box-shadow:0 24px 42px rgba(0,0,0,.26);color:#fff;transition:transform .6s var(--ease),background .3s ease;border-left-color:rgba(155,207,255,.34)}.floating-card:hover{background:linear-gradient(180deg,rgba(42,54,68,.82),rgba(14,18,24,.7));transform:translateY(-4px)}.floating-card strong{display:block;font-size:11px;font-weight:600}.floating-card small{display:block;font-size:8px;color:rgba(255,255,255,.45);margin-top:3px}.card-icon{width:29px;height:29px;border:1px solid rgba(157,209,255,.18);background:rgba(89,160,219,.08);border-radius:50%;display:grid;place-items:center;flex:none;color:#a9dcff}.card-icon svg{width:15px;height:15px}.card-a{right:-1%;top:22%}.card-b{right:-8%;top:36%}.card-c{right:-7%;top:51%}.card-d{right:-1%;top:66%}.hero-script{position:absolute;right:4%;bottom:10%;font-family:Caveat,cursive;font-size:31px;line-height:1;color:#fff;transform:rotate(-4deg);text-align:left;opacity:.9}.hero-script span{font-size:25px}.audience-strip{background:#fff;border-bottom:1px solid #eceff2}.audience-grid{display:grid;grid-template-columns:repeat(5,1fr);min-height:110px}.audience-item{display:flex;align-items:center;gap:16px;padding:24px 19px;border-left:1px solid transparent;transition:.28s var(--ease)}.audience-item:hover{background:#fafbfc;transform:translateY(-1px)}.audience-item svg{width:27px;height:27px;color:#12213d;flex:none}.audience-item strong{display:block;font-size:12px}.audience-item small{display:block;font-size:10px;color:#8a94a0;margin-top:5px}.section{padding:122px 0}.technology{background:#fff}.tech-grid{display:grid;grid-template-columns:1.03fr 1.08fr .9fr;gap:60px;align-items:center}.eyebrow-dark,.eyebrow-light{font-size:10px;letter-spacing:.21em;font-weight:700}.eyebrow-dark{color:#89939f}.eyebrow-light{color:rgba(255,255,255,.46)}.tech-copy h2,.section-head h2,.measures-heading h2,.company-copy h2{font-family:Manrope,Inter,sans-serif;font-weight:600;letter-spacing:-.05em;font-size:48px;line-height:1.02;margin:17px 0 18px}.tech-copy h2 span,.section-head h2 span,.measures-heading h2 span,.company-copy h2 span{color:#8b95a0}.tech-copy p,.section-head>p,.measures-heading>p,.company-copy>p{font-size:14px;line-height:1.7;color:#7b8793;max-width:510px}.text-button{border:0;background:transparent;padding:0;margin-top:28px;display:inline-flex;gap:12px;align-items:center;color:#101318;font-size:13px;font-weight:600}.text-button:hover{text-decoration:underline;text-underline-offset:5px}.acted-stack{height:390px;position:relative;display:flex;align-items:flex-start;justify-content:center}.stack-shadow{position:absolute;bottom:45px;width:265px;height:27px;border-radius:50%;background:rgba(13,27,40,.12);filter:blur(12px)}.glass-layer{position:absolute;left:50%;width:360px;height:94px;transform:translateX(-50%) rotate(0deg);border:1px solid rgba(255,255,255,.85);border-radius:50%;font-size:13px;color:#1b2b3b;font-weight:500;box-shadow:inset 0 3px 15px rgba(255,255,255,.86),0 11px 22px rgba(29,53,78,.045);backdrop-filter:blur(7px);z-index:3;transition:transform .65s var(--ease),filter .65s var(--ease),box-shadow .65s var(--ease)}.glass-layer:after{content:"";position:absolute;left:10%;right:10%;bottom:-12px;height:22px;border-radius:50%;filter:blur(13px);z-index:-1;opacity:.5}.glass-layer:hover{transform:translateX(-50%) translateY(-5px) scale(1.02);box-shadow:inset 0 3px 15px rgba(255,255,255,.9),0 20px 30px rgba(29,53,78,.08)}.layer-1{top:0;background:linear-gradient(135deg,rgba(230,241,255,.95),rgba(255,255,255,.68))}.layer-2{top:51px;background:linear-gradient(135deg,rgba(175,203,249,.72),rgba(229,240,255,.56))}.layer-3{top:102px;background:linear-gradient(135deg,rgba(206,226,246,.72),rgba(248,251,255,.56))}.layer-4{top:153px;background:linear-gradient(135deg,rgba(196,228,219,.74),rgba(239,249,244,.62))}.layer-5{top:204px;background:linear-gradient(135deg,rgba(158,218,181,.74),rgba(227,249,237,.58))}.stack-mark{position:absolute;top:306px;text-align:center}.stack-mark strong{display:block;font-size:21px;letter-spacing:.14em}.stack-mark small{display:block;color:#88929d;font-size:9px;line-height:1.45;letter-spacing:.14em;margin-top:6px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:22px}.feature-card{min-height:135px;border:1px solid #edf0f2;border-radius:18px;background:#fafbfc;padding:21px;display:flex;align-items:flex-end;justify-content:space-between;text-align:left;color:#101319;transition:.3s var(--ease)}.feature-card:hover{transform:translateY(-4px);background:#f4f7fa;box-shadow:0 18px 35px rgba(19,32,48,.06)}.feature-card>span:first-child{font-size:13px;line-height:1.35}.feature-icon{width:24px;height:24px;display:grid;place-items:center;color:#758393}.feature-icon svg{width:21px;height:21px}.section-dark{position:relative;overflow:hidden;color:#fff;background:#06080b}.human-gap{padding:140px 0}.human-glow{position:absolute;width:800px;height:800px;right:-300px;top:-420px;background:radial-gradient(circle,rgba(39,130,208,.18),transparent 68%);filter:blur(32px)}.human-inner{max-width:1040px}.human-inner h2,.cinematic-inner h2,.validation-copy h2,.contact h2{font-family:Manrope,Inter,sans-serif;font-size:clamp(58px,6.7vw,92px);letter-spacing:-.07em;line-height:.96;font-weight:600;margin:17px 0 24px}.human-inner h2 span,.validation-copy h2 span{color:#91a0ad}.human-inner>p{max-width:800px;color:rgba(255,255,255,.54);font-size:17px;line-height:1.7}.principle-card{display:flex;gap:18px;align-items:flex-start;margin-top:42px}.principle-line{width:40px;height:1px;background:#7dbefe;margin-top:10px}.principle-card strong{font-size:14px;line-height:1.55}.how{background:#fbfcfd}.section-head{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end}.section-head>p{max-width:360px}.how-grid{display:grid;grid-template-columns:repeat(5,1fr);margin-top:70px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.how-card{position:relative;min-height:245px;padding:24px 22px;border:0;border-right:1px solid var(--line);background:transparent;text-align:left;display:flex;flex-direction:column;align-items:flex-start;transition:.35s var(--ease)}.how-card:last-child{border-right:0}.how-card:hover{background:#fff;box-shadow:0 15px 40px rgba(28,43,60,.05)}.how-card>span{font-size:10px;color:#9aa5ae;letter-spacing:.18em}.how-card strong{font-family:Manrope,Inter,sans-serif;font-size:26px;letter-spacing:-.04em;margin-top:auto}.how-card small{font-size:11px;color:#8c97a2;line-height:1.6;margin-top:9px}.how-card em{font-style:normal;font-size:9px;letter-spacing:.14em;text-transform:uppercase;margin-top:22px;color:#557a9d;opacity:0;transform:translateY(5px);transition:.25s var(--ease)}.how-card:hover em{opacity:1;transform:none}.cinematic{position:relative;min-height:720px;display:grid;place-items:center;overflow:hidden;background:#040506;color:#fff}.cinematic-bg{position:absolute;inset:-6%;background:radial-gradient(circle at 63% 45%,rgba(81,112,145,.25),transparent 36%),linear-gradient(115deg,#060607 12%,#0a1018 53%,#040506 100%);transform:scale(1.04)}.cinematic-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.56)),radial-gradient(circle at 72% 52%,rgba(240,201,165,.11),transparent 24%)}.cinematic-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.5),transparent 38%,rgba(0,0,0,.43))}.cinematic-inner{position:relative;z-index:2}.cinematic-inner p{color:rgba(255,255,255,.52);font-size:15px;max-width:500px;line-height:1.6;margin-bottom:28px}.cinematic-inner h2 em{font-style:normal;color:#a4afbb}.solutions{background:#fff}.solution-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:70px}.solution-card{min-height:370px;padding:26px 23px 28px;border-right:1px solid var(--line);display:flex;flex-direction:column;transition:.35s var(--ease)}.solution-card:last-child{border-right:0}.solution-card:hover{background:#fbfcfd}.solution-card.featured{background:#f5f8fb}.solution-index{display:flex;justify-content:space-between;color:#9aa3ad;font-size:10px;letter-spacing:.15em}.solution-index span{color:#5b6672}.solution-card h3{font-family:Manrope,Inter,sans-serif;font-size:27px;letter-spacing:-.04em;margin-top:auto}.solution-card p{font-size:12px;line-height:1.7;color:#7e8994;margin-top:12px;max-width:255px}.card-link{margin-top:25px;border:0;background:transparent;padding:0;text-align:left;display:flex;justify-content:space-between;align-items:center;color:#14181d;font-size:11px;font-weight:600}.card-link:hover{text-decoration:underline;text-underline-offset:5px}.validation{background:#06090d;min-height:760px;padding:130px 0}.validation-orb{position:absolute;width:680px;height:680px;right:-230px;top:-220px;border-radius:50%;background:radial-gradient(circle,rgba(71,154,230,.14),transparent 66%);filter:blur(30px)}.validation-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:80px;align-items:center;position:relative}.validation-copy h2{font-size:57px}.validation-copy p{font-size:14px;line-height:1.7;color:rgba(255,255,255,.48);max-width:530px}.text-button-light{color:#fff;margin-top:30px}.eval-console{border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(26,32,40,.8),rgba(11,14,18,.86));border-radius:24px;overflow:hidden;box-shadow:0 45px 90px rgba(0,0,0,.34)}.console-head,.console-foot{display:flex;justify-content:space-between;align-items:center;padding:16px 19px;color:rgba(255,255,255,.53);font-size:9px;letter-spacing:.14em}.console-head{border-bottom:1px solid rgba(255,255,255,.07)}.console-head span{display:flex;align-items:center;gap:8px}.console-head i{width:7px;height:7px;border-radius:50%;background:#64cba2;box-shadow:0 0 12px #64cba2}.console-head strong{font-size:8px;color:#7a8792}.console-main{display:grid;grid-template-columns:1.35fr .65fr;min-height:355px}.console-map{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(53,98,135,.15),transparent 70%)}.map-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:34px 34px}.console-routes{position:absolute;inset:0;width:100%;height:100%}.map-route{fill:none;stroke-linecap:round}.route-a{stroke:#7bc5ff;stroke-width:4;opacity:.8}.route-b{stroke:#4f5e6d;stroke-width:2;stroke-dasharray:4 7}.map-node{position:absolute;width:9px;height:9px;background:#8bcfff;border-radius:50%;box-shadow:0 0 14px rgba(105,186,255,.7)}.node-1{left:24%;top:69%}.node-2{left:57%;top:36%}.node-3{right:12%;top:15%}.map-vehicle{position:absolute;left:55%;top:38%;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.08),0 0 24px rgba(255,255,255,.85);animation:moveVehicle 7s linear infinite}.map-status{position:absolute;padding:6px 8px;border-radius:8px;font-size:7px;letter-spacing:.12em;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(12px)}.status-normal{left:8%;top:10%;color:#7be2a9;background:rgba(52,130,83,.13)}.status-review{right:11%;top:47%;color:#f3cf75;background:rgba(179,133,42,.12)}.status-uncertain{left:30%;bottom:12%;color:#a6c6ea;background:rgba(63,97,139,.15)}.console-data{border-left:1px solid rgba(255,255,255,.07);padding:27px 22px;display:flex;flex-direction:column;gap:22px}.console-data small{display:block;color:#75808b;font-size:8px;letter-spacing:.13em;text-transform:uppercase;margin-bottom:5px}.console-data strong{font-size:11px;color:rgba(255,255,255,.9)}.state-tag{display:inline-flex;color:#88bce8!important}.console-run{margin-top:auto;min-height:40px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.05);color:#fff;border-radius:999px;font-size:10px;font-weight:600}.console-run:hover{background:rgba(255,255,255,.1)}.console-foot{border-top:1px solid rgba(255,255,255,.07);font-size:8px}.measures{background:#fff}.measure-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:63px}.measure-card{min-height:260px;padding:24px;border:0;border-right:1px solid var(--line);background:#fff;text-align:left;display:flex;flex-direction:column;align-items:flex-start;transition:.35s var(--ease)}.measure-card:last-child{border-right:0}.measure-card:hover{background:#fafbfd;transform:translateY(-4px)}.measure-card span{font-size:9px;letter-spacing:.18em;color:#8b96a0}.measure-card strong{font-family:Manrope,Inter,sans-serif;font-size:24px;letter-spacing:-.035em;margin-top:auto}.measure-card small{font-size:11px;color:#808b97;line-height:1.6;margin-top:10px}.measure-card em{font-style:normal;color:#557a9d;font-size:9px;letter-spacing:.12em;text-transform:uppercase;margin-top:22px}.company{background:#f3f6f8}.company-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:center}.company-card{background:#fff;border:1px solid #e4e8ec;border-radius:27px;padding:25px;box-shadow:0 35px 80px rgba(21,37,55,.06)}.company-logo-box{height:300px;background:#fbfbfb;border-radius:20px;display:grid;place-items:center;overflow:hidden}.company-logo-box img{max-width:75%;max-height:78%;object-fit:contain}.company-card>strong{display:block;font-size:13px;margin-top:20px}.company-card>small{display:block;color:#8a949f;font-size:10px;margin-top:6px}.founder-note{display:flex;gap:16px;margin-top:34px;padding-top:28px;border-top:1px solid #dfe4e8}.founder-note>span{font-family:Georgia,serif;font-size:56px;line-height:.5;color:#a4aeb8}.founder-note p{font-family:Georgia,serif;color:#40505e;font-size:21px;line-height:1.5;max-width:650px}.company-links{display:flex;gap:24px;margin-top:24px}.company-links button{border:0;background:transparent;font-size:12px;font-weight:600}.company-links button:hover{text-decoration:underline;text-underline-offset:5px}.contact{position:relative;overflow:hidden;background:linear-gradient(115deg,#040507,#08111a 62%,#05080b);color:#fff;padding:140px 0}.contact-light{position:absolute;width:700px;height:700px;right:-320px;top:-260px;border-radius:50%;background:radial-gradient(circle,rgba(57,157,245,.17),transparent 68%);filter:blur(35px)}.contact-inner{text-align:center;position:relative}.contact h2{font-size:clamp(58px,6.7vw,95px)}.contact h2 span{color:#9ba8b5}.contact-inner>p{font-size:13px;color:rgba(255,255,255,.46)}.contact-grid{margin:42px auto 0;max-width:980px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.contact-card{min-height:90px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.06);backdrop-filter:blur(18px);border-radius:17px;padding:17px;display:flex;align-items:center;gap:13px;text-align:left;color:#fff;transition:.3s var(--ease)}.contact-card:hover{transform:translateY(-4px);background:rgba(255,255,255,.1)}.contact-card span:nth-child(2){display:flex;flex-direction:column;gap:5px;min-width:0}.contact-card small{font-size:8px;color:rgba(255,255,255,.4);letter-spacing:.15em;text-transform:uppercase}.contact-card strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-card>b{margin-left:auto;font-size:16px;font-weight:400}.contact-icon{width:38px;height:38px;border-radius:12px;border:1px solid rgba(153,207,255,.18);display:grid;place-items:center;color:#9dcfff;background:rgba(66,144,204,.08);flex:none}.contact-icon svg{width:18px;height:18px}.contact-form-open{border:1px solid rgba(255,255,255,.1);font-weight:inherit}.footer{background:#fff;padding:70px 0 22px;border-top:1px solid var(--line)}.footer-top{display:grid;grid-template-columns:1.6fr .65fr .65fr .65fr;gap:60px;padding-bottom:50px}.footer-mark{display:flex;align-items:center;gap:9px}.footer-mark img{width:34px;height:34px;object-fit:contain}.footer-mark span{font-family:Manrope,Inter,sans-serif;font-weight:700;font-size:20px}.footer-brand p{font-size:10px;color:#84909b;line-height:1.7;max-width:340px;margin-top:16px}.footer-meta{font-size:9px;color:#a3adb6;margin-top:15px}.footer-column{display:flex;flex-direction:column;gap:10px}.footer-column b{font-size:9px;color:#9ca6af;letter-spacing:.17em;text-transform:uppercase;margin-bottom:7px}.footer-column a,.footer-column button{border:0;background:transparent;text-align:left;font-size:10px;color:#465260}.footer-column a:hover,.footer-column button:hover{text-decoration:underline;text-underline-offset:4px}.footer-bottom{border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;color:#919ca6;font-size:9px}.modal{position:fixed;inset:0;display:none;place-items:center;padding:22px;z-index:800}.modal.open{display:grid}.modal-backdrop{position:absolute;inset:0;background:rgba(2,4,6,.68);backdrop-filter:blur(22px)}.modal-panel{position:relative;width:min(760px,100%);background:#fff;border:1px solid rgba(255,255,255,.2);border-radius:28px;box-shadow:0 50px 120px rgba(0,0,0,.45);z-index:2;padding:34px}.modal-close{position:absolute;right:18px;top:12px;width:36px;height:36px;border:0;background:transparent;font-size:30px;color:#5f6b76}.modal-kicker{font-size:9px;letter-spacing:.2em;color:#8e98a2}.search-panel h2,.info-panel h2,.form-panel h2{font-family:Manrope,Inter,sans-serif;font-size:39px;letter-spacing:-.05em;line-height:1.03;margin:13px 0 20px}.search-panel input{width:100%;border:0;border-bottom:1px solid #e0e5e8;padding:14px 0;font-size:22px;outline:0}.search-results{display:grid;gap:7px;margin-top:18px}.search-result{border:1px solid #edf0f2;background:#fafbfc;border-radius:13px;padding:14px 15px;text-align:left;display:flex;justify-content:space-between;align-items:center}.search-result strong{font-size:12px}.search-result small{display:block;color:#87919b;margin-top:4px;font-size:9px}.search-panel>small{display:block;font-size:9px;color:#909aa4;margin-top:15px}.info-panel p{font-size:14px;line-height:1.75;color:#737f8a;max-width:620px;margin-bottom:25px}.film-panel{background:#06090d;color:#fff;padding:16px}.film-frame{height:420px;border-radius:18px;position:relative;overflow:hidden;background:radial-gradient(circle at 60% 42%,rgba(58,107,144,.36),transparent 26%),linear-gradient(135deg,#050607,#0b1117 62%,#040506);border:1px solid rgba(255,255,255,.08)}.film-frame:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:48px 48px;opacity:.23}.film-scan{position:absolute;top:-10%;left:-10%;width:120%;height:6px;background:linear-gradient(90deg,transparent,rgba(117,201,255,.8),transparent);filter:blur(4px);animation:scan 5s linear infinite}.film-title{position:absolute;left:30px;bottom:31px;max-width:600px}.film-title span{display:block;font-size:8px;letter-spacing:.19em;color:rgba(255,255,255,.42)}.film-title strong{display:block;font-family:Manrope,Inter,sans-serif;font-size:36px;letter-spacing:-.045em;margin-top:8px}.film-title small{display:block;color:rgba(255,255,255,.54);font-size:11px;margin-top:11px;line-height:1.6}.film-timeline{position:absolute;bottom:15px;left:30px;right:30px;height:2px;background:rgba(255,255,255,.12)}.film-timeline span{display:block;width:0;height:100%;background:#fff}.film-controls{display:flex;justify-content:flex-end;gap:8px;padding-top:11px}.film-controls button{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.05);color:#fff;border-radius:999px;padding:9px 13px;font-size:9px}.form-panel form{display:grid;gap:13px}.form-panel label{font-size:9px;letter-spacing:.05em;color:#6e7984}.form-panel input,.form-panel select,.form-panel textarea{display:block;width:100%;margin-top:6px;border:1px solid #dde2e6;border-radius:12px;padding:12px 13px;outline:0;background:#fbfcfd;color:#161a1f;font-size:12px}.form-panel textarea{resize:vertical}.form-panel small{font-size:8px;color:#919aa3;line-height:1.5}.reveal{opacity:0;transform:translateY(27px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.is-visible{opacity:1;transform:none}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.18s}@keyframes ringPulse{0%,100%{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(1.035)}}@keyframes moveVehicle{0%{left:24%;top:69%}45%{left:57%;top:36%}75%{left:80%;top:16%}100%{left:55%;top:38%}}@keyframes scan{0%{transform:translateY(-20px)}100%{transform:translateY(460px)}}@media(max-width:1180px){.wrap{width:min(100% - 48px,1100px)}.header-inner{width:calc(100% - 42px)}.desktop-nav{display:none}.menu-button{display:flex}.header-contact{display:none}.mobile-panel{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:12px 21px 18px;background:rgba(7,9,12,.91);backdrop-filter:blur(25px);border-top:1px solid rgba(255,255,255,.06);transform:translateY(-18px);opacity:0;pointer-events:none;transition:.3s var(--ease)}.mobile-panel.open{transform:none;opacity:1;pointer-events:auto}.mobile-panel a{padding:13px 12px;border-radius:12px;background:rgba(255,255,255,.04);font-size:12px}.hero{height:auto;min-height:960px}.hero-inner{height:auto;grid-template-columns:1fr;padding-top:140px}.hero-copy{max-width:800px}.hero-visual{height:650px;margin-top:-10px}.phone-device{right:32%;top:9%}.floating-card{right:auto}.card-a{left:63%;top:13%}.card-b{left:71%;top:28%}.card-c{left:68%;top:44%}.card-d{left:64%;top:60%}.hero-script{right:7%;bottom:2%}.audience-grid{grid-template-columns:repeat(3,1fr)}.audience-item{border-top:1px solid #eef0f2}.audience-item:nth-child(1),.audience-item:nth-child(2),.audience-item:nth-child(3){border-top:0}.tech-grid{grid-template-columns:1fr 1fr}.technology-panel{grid-column:1/-1}.solution-grid{grid-template-columns:1fr 1fr}.solution-card:nth-child(2){border-right:0}.solution-card:nth-child(n+3){border-top:1px solid var(--line)}.validation-grid{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr}.company-grid{grid-template-columns:1fr}.footer-top{grid-template-columns:1.4fr 1fr 1fr}.footer-column:last-child{display:none}}
@media(max-width:720px){.wrap{width:calc(100% - 32px)}.header-inner{width:calc(100% - 26px)}.brand-wordmark,.brand-rule{display:none}.hero{min-height:920px}.hero h1{font-size:57px}.hero-copy>p{font-size:14px}.hero-inner{padding-top:118px}.hero-actions{align-items:flex-start}.hero-visual{height:600px}.car-stage{left:-18%;right:-26%;top:28%;height:52%}.hero-car{width:980px;max-width:none}.phone-device{width:210px;height:428px;right:20%;top:10%;border-radius:32px}.phone-notch{width:76px;height:20px}.phone-status{top:25px;left:21px;right:21px}.phone-status strong{font-size:15px}.phone-brand{top:68px;font-size:6px}.status-ring{top:107px;width:123px;height:123px}.ring-core{width:45px;height:45px}.phone-message{top:251px;font-size:7px}.phone-state{top:286px;left:13px;right:13px;padding:8px;border-radius:12px}.state-symbol{width:25px;height:25px}.phone-state strong{font-size:8px}.phone-state small{font-size:6.8px}.mini-route{left:17px;right:17px;bottom:43px}.phone-footer{bottom:18px;font-size:6px}.floating-card{min-width:0;width:202px;padding:10px 11px;border-radius:12px}.floating-card strong{font-size:8.5px}.floating-card small{display:none}.card-a{left:45%;top:5%}.card-b{left:53%;top:21%}.card-c{left:50%;top:39%}.card-d{left:45%;top:57%}.hero-script{right:6%;bottom:-1%;font-size:25px}.hero-script span{font-size:18px}.audience-grid{grid-template-columns:1fr}.audience-item{border-top:1px solid #eef0f2!important;min-height:80px}.audience-item:first-child{border-top:0!important}.section{padding:90px 0}.tech-grid{grid-template-columns:1fr;gap:25px}.tech-copy h2,.section-head h2,.measures-heading h2,.company-copy h2{font-size:49px}.acted-stack{height:380px;margin-top:8px}.glass-layer{width:290px;height:78px;font-size:11px}.layer-2{top:45px}.layer-3{top:90px}.layer-4{top:135px}.layer-5{top:180px}.stack-mark{top:280px}.feature-grid{grid-template-columns:1fr}.human-gap{padding:95px 0}.human-inner h2,.cinematic-inner h2,.validation-copy h2,.contact h2{font-size:55px}.human-inner>p{font-size:14px}.how{padding-top:85px}.section-head{grid-template-columns:1fr;gap:17px}.how-grid{grid-template-columns:1fr;margin-top:45px}.how-card{min-height:160px;border-right:0;border-bottom:1px solid var(--line)}.how-card:last-child{border-bottom:0}.how-card strong{margin-top:42px}.how-card em{opacity:1}.cinematic{min-height:610px}.cinematic-inner p{font-size:13px}.solution-grid{grid-template-columns:1fr}.solution-card{border-right:0!important;border-top:1px solid var(--line)}.solution-card:first-child{border-top:0}.validation{padding:92px 0}.console-main{grid-template-columns:1fr}.console-data{border-left:0;border-top:1px solid rgba(255,255,255,.07)}.console-map{min-height:270px}.measure-grid{grid-template-columns:1fr}.measure-card{min-height:200px;border-right:0;border-bottom:1px solid var(--line)}.measure-card:last-child{border-bottom:0}.company-grid{gap:38px}.company-logo-box{height:230px}.founder-note p{font-size:18px}.contact{padding:95px 0}.contact-card strong{font-size:9px}.footer-top{grid-template-columns:1fr 1fr;gap:35px}.footer-brand{grid-column:1/-1}.modal-panel{padding:27px 20px}.search-panel h2,.info-panel h2,.form-panel h2{font-size:31px}.film-frame{height:360px}.film-title strong{font-size:27px}.film-title{left:20px;right:20px;bottom:28px}.film-timeline{left:20px;right:20px}.floating-card .card-icon{width:26px;height:26px}.modal{padding:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{transition:none}.floating-card,.hero-visual,.status-ring,.map-vehicle,.film-scan{animation:none;transition:none}.button,.feature-card,.solution-card,.measure-card,.how-card{transition:none}}

/* ================== V5 — SUPPLIED CINEMATIC JOURNEY IMAGE ================== */
.hero-visual{min-height:720px;position:relative;}
.hero-photo{position:absolute;top:-8%;right:-12%;bottom:-8%;left:20%;overflow:hidden;z-index:0;}
.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:55% center;display:block;filter:saturate(.95) contrast(1.035) brightness(.88);}
.hero-photo-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,5,8,.98) 0%,rgba(3,5,8,.82) 16%,rgba(3,5,8,.32) 39%,rgba(3,5,8,.08) 66%,rgba(3,5,8,.14) 100%),linear-gradient(180deg,rgba(0,0,0,.18) 0%,transparent 38%,rgba(0,0,0,.34) 100%);}
.hero-photo-glow{position:absolute;width:460px;height:460px;right:6%;top:8%;background:radial-gradient(circle,rgba(80,152,230,.17),transparent 66%);filter:blur(18px);}
.hero-photo:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 56% 48%,rgba(87,156,226,.11),transparent 28%);pointer-events:none;}
.car-stage{display:none!important;}
.hero-visual .hero-script{display:none;}
.phone-device{z-index:10;right:43%;top:10%;transform:perspective(1400px) rotateY(-13deg) rotateX(2deg) rotateZ(-4deg);box-shadow:-28px 45px 90px rgba(0,0,0,.58),inset 0 0 0 1px rgba(255,255,255,.34),inset 0 0 0 7px #030405;}
.floating-card{z-index:12;background:rgba(14,19,26,.62);border-color:rgba(255,255,255,.17);backdrop-filter:blur(22px) saturate(135%);box-shadow:0 24px 65px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.08);}
.card-a{right:10%;top:21%;}.card-b{right:6%;top:36%;}.card-c{right:9%;top:51%;}.card-d{right:13%;top:66%;}
.card-icon{background:rgba(255,255,255,.085);border:1px solid rgba(255,255,255,.1);}
.hero-proof{position:absolute;left:4%;bottom:4.5%;z-index:14;display:flex;align-items:center;gap:12px;max-width:365px;padding:12px 15px;border:1px solid rgba(255,255,255,.13);background:rgba(8,12,18,.48);backdrop-filter:blur(18px);border-radius:17px;box-shadow:0 18px 50px rgba(0,0,0,.24);}
.proof-dot{width:8px;height:8px;border-radius:50%;background:#67d79c;box-shadow:0 0 16px rgba(103,215,156,.8);flex:none;}
.hero-proof strong{display:block;font-size:11px;line-height:1.4;font-weight:600;color:#fff;}
.hero-proof small{display:block;font-size:9px;line-height:1.4;color:rgba(255,255,255,.58);margin-top:2px;}
.hero h1{font-size:clamp(58px,6.15vw,88px);letter-spacing:-.055em;}
.hero-copy>p{font-size:16.5px;line-height:1.65;max-width:610px;}

/* ACTEDS section: closer to the provided glass-stack reference */
.acted-stack{filter:drop-shadow(0 28px 44px rgba(69,109,153,.12));}
.acted-stack:before{content:"";position:absolute;left:5%;right:5%;top:-8%;height:72%;background:radial-gradient(circle at 50% 44%,rgba(111,165,232,.15),transparent 64%);filter:blur(18px);pointer-events:none;}
.glass-layer{border-width:1.3px;box-shadow:0 13px 28px rgba(65,100,135,.07),inset 0 2px 12px rgba(255,255,255,.78),inset 0 -5px 14px rgba(55,95,130,.05);}
.glass-layer:hover{transform:translateY(-4px) scale(1.014);box-shadow:0 18px 36px rgba(66,116,165,.13),inset 0 2px 14px rgba(255,255,255,.9),0 0 0 1px rgba(74,147,232,.12);}

@media(max-width:1180px){
  .hero-photo{left:0;right:0;top:20%;bottom:0;}
  .hero-photo-shade{background:linear-gradient(180deg,rgba(3,5,8,.96) 0%,rgba(3,5,8,.73) 36%,rgba(3,5,8,.18) 73%,rgba(0,0,0,.28) 100%);}
  .hero-visual{min-height:650px;}
  .phone-device{right:34%;top:8%;}
  .card-a{left:60%;right:auto;top:13%;}.card-b{left:67%;right:auto;top:28%;}.card-c{left:64%;right:auto;top:44%;}.card-d{left:60%;right:auto;top:60%;}
  .hero-proof{left:50%;transform:translateX(-50%);width:min(92%,380px);bottom:2%;}
}
@media(max-width:720px){
  .hero{min-height:940px;}
  .hero-photo{top:25%;left:0;right:-10%;bottom:0;}
  .hero-photo img{object-position:58% center;}
  .hero-visual{height:600px;min-height:600px;}
  .phone-device{width:210px;height:428px;right:21%;top:9%;}
  .card-a{left:38%;top:4%;}.card-b{left:47%;top:20%;}.card-c{left:44%;top:38%;}.card-d{left:39%;top:56%;}
  .hero-proof{bottom:0;width:calc(100% - 24px);padding:11px 13px;}
}


/* ================== V6 — PRECISION ACTEDS GLASS STACK ================== */
.acted-stack{height:390px;position:relative;display:flex;align-items:flex-start;justify-content:center;filter:none;overflow:visible;}
.acted-stack:before{content:"";position:absolute;left:8%;right:8%;top:0;height:74%;background:radial-gradient(ellipse at 50% 46%,rgba(136,181,239,.13),transparent 67%);filter:blur(20px);pointer-events:none;z-index:0;}
.stack-art{position:absolute;inset:-8px auto auto 50%;width:460px;height:370px;transform:translateX(-50%);overflow:visible;z-index:1;pointer-events:none;}
.glass-layer{position:absolute;left:50%;width:360px;height:60px;transform:translateX(-50%);background:transparent!important;border:0!important;border-radius:0!important;color:#101b2a;font-size:14px;font-weight:500;letter-spacing:-.01em;box-shadow:none!important;backdrop-filter:none!important;z-index:4;transition:color .3s var(--ease),transform .45s var(--ease),text-shadow .3s var(--ease);}
.glass-layer:after{display:none!important;}
.layer-1{top:42px}.layer-2{top:95px}.layer-3{top:148px}.layer-4{top:199px}.layer-5{top:250px}
.glass-layer:hover{transform:translateX(-50%) translateY(-2px);color:#07162a;text-shadow:0 1px 14px rgba(255,255,255,.8);}
.stack-mark{position:absolute;top:316px;text-align:center;z-index:5;width:100%;}
.stack-mark strong{display:block;font-size:22px;letter-spacing:.14em;font-weight:700;color:#11151b;}
.stack-mark small{display:block;color:#8a94a0;font-size:9px;line-height:1.48;letter-spacing:.15em;margin-top:6px;}
@media(max-width:1180px){.stack-art{width:420px;height:auto}.glass-layer{width:330px}.layer-1{top:40px}.layer-2{top:91px}.layer-3{top:142px}.layer-4{top:193px}.layer-5{top:244px}.stack-mark{top:310px;}}
@media(max-width:720px){.acted-stack{height:360px}.stack-art{width:350px;top:0}.glass-layer{width:285px;font-size:11px;height:52px}.layer-1{top:40px}.layer-2{top:83px}.layer-3{top:126px}.layer-4{top:169px}.layer-5{top:212px}.stack-mark{top:273px}.stack-mark strong{font-size:20px}.stack-mark small{font-size:8px;letter-spacing:.12em}}


/* ================= PLATFORM CONSOLE ================= */
.platform{background:#f6f7f9;color:#111820;padding:112px 0 92px;border-top:1px solid #e8ebef}
.platform-shell{display:grid;grid-template-columns:218px 1fr;background:#0d1218;border:1px solid rgba(13,22,31,.14);border-radius:24px;overflow:hidden;box-shadow:0 28px 80px rgba(10,18,28,.14)}
.platform-sidebar{padding:22px 14px;background:linear-gradient(180deg,#111922,#0a0f14);color:#fff;display:flex;flex-direction:column;min-height:515px}
.platform-sidebar-brand{display:flex;align-items:center;gap:9px;padding:5px 9px 22px;border-bottom:1px solid rgba(255,255,255,.08);font-size:11px;font-weight:700}
.platform-sidebar-brand img{width:28px;height:28px;object-fit:contain;filter:brightness(0) invert(1)}
.platform-nav{display:grid;gap:5px;margin-top:16px}
.platform-tab{border:0;background:transparent;color:rgba(255,255,255,.58);text-align:left;padding:11px 12px;border-radius:11px;font-size:11px;font-weight:600;cursor:pointer;transition:.25s ease}
.platform-tab:hover{background:rgba(255,255,255,.05);color:#fff}
.platform-tab.active{background:rgba(255,255,255,.11);color:#fff}
.platform-sidebar-foot{margin-top:auto;padding:16px 8px 4px;color:rgba(255,255,255,.3);font-size:9px;line-height:1.4}
.platform-main{padding:22px 22px 20px;background:linear-gradient(180deg,#f9fafc,#f2f5f7)}
.platform-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.platform-toolbar span{display:block;font-size:8px;font-weight:800;letter-spacing:.15em;color:#7a8591}
.platform-toolbar strong{display:block;margin-top:4px;font-size:19px;font-family:Manrope,Inter,sans-serif;letter-spacing:-.03em}
.platform-toolbar button{border:1px solid #dce2e8;background:#fff;border-radius:999px;padding:9px 13px;font-size:10px;font-weight:700;cursor:pointer}
.platform-content{display:block}
.platform-content.is-hidden{display:none}
.platform-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.platform-stats>div{background:#fff;border:1px solid #e6eaee;border-radius:14px;padding:15px 14px;box-shadow:0 7px 24px rgba(15,27,39,.04)}
.platform-stats small{display:block;font-size:8px;font-weight:800;letter-spacing:.1em;color:#87919c}
.platform-stats strong{display:block;font-family:Manrope,Inter,sans-serif;font-size:26px;letter-spacing:-.04em;margin:9px 0 4px}
.platform-stats span{font-size:8px;color:#87919c}
.platform-chart{margin-top:10px;padding:16px;background:#fff;border:1px solid #e6eaee;border-radius:14px}
.chart-head{display:flex;justify-content:space-between;align-items:center}
.chart-head strong{font-size:11px}
.chart-head span{font-size:8px;letter-spacing:.12em;color:#8a949f}
.platform-chart svg{width:100%;height:188px;display:block;margin-top:4px}
.chart-line{fill:none;stroke-linecap:round}
.chart-line-main{stroke:#3d9dea;stroke-width:3}
.chart-line-muted{stroke:#a6b1bd;stroke-width:1.5;stroke-dasharray:4 7}
.chart-axis{display:flex;justify-content:space-between;color:#9aa3ad;font-size:8px}
.platform-alert-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}
.platform-alert-row>div{background:#fff;border:1px solid #e6eaee;border-radius:13px;padding:13px 14px;display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center}
.platform-alert-row strong{font-size:10px}
.platform-alert-row small{grid-column:2;color:#89929d;font-size:8px;margin-top:2px}
.status-dot{width:7px;height:7px;border-radius:50%;grid-row:span 2}
.status-dot.green{background:#35c978}.status-dot.amber{background:#eea83b}.status-dot.blue{background:#4a9be4}
.platform-table{background:#fff;border:1px solid #e6eaee;border-radius:14px;overflow:hidden}
.table-row{display:grid;grid-template-columns:1.35fr 1.25fr 1fr .5fr;gap:10px;padding:15px 16px;border-top:1px solid #eef1f4;align-items:center;font-size:9px}
.table-row:first-child{border-top:0}
.table-head{background:#fafbfc;color:#87919c;font-size:8px;font-weight:800;letter-spacing:.08em}
.tag{display:inline-flex;width:max-content;padding:5px 7px;border-radius:999px;font-size:7px;font-weight:800;letter-spacing:.06em}
.tag-green{background:#e9f8ef;color:#23844c}.tag-amber{background:#fff5e3;color:#9a641e}.tag-blue{background:#eaf4ff;color:#2d71ad}.tag-red{background:#fdeceb;color:#b13d35}
.platform-alerts{display:grid;gap:9px}
.platform-alerts article{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 16px;background:#fff;border:1px solid #e6eaee;border-radius:14px}
.platform-alerts article strong{display:block;font-size:11px;margin-top:8px}.platform-alerts article small{display:block;font-size:8px;color:#8b949f;margin-top:4px}
.platform-alerts article button{border:1px solid #dfe4e8;background:#fff;padding:8px 11px;border-radius:999px;font-size:9px;font-weight:700;cursor:pointer}
.vehicle-grid-mini{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.vehicle-grid-mini>div,.usage-card,.key-card{background:#fff;border:1px solid #e6eaee;border-radius:14px;padding:17px}
.vehicle-grid-mini span,.usage-card>div:first-child span,.key-card>div:first-child span{display:block;font-size:8px;font-weight:800;letter-spacing:.12em;color:#7e8893}
.vehicle-grid-mini strong{display:block;font-size:13px;margin:9px 0 4px}.vehicle-grid-mini small{font-size:8px;color:#8b949f}
.usage-card>div:first-child{display:flex;justify-content:space-between;gap:12px;align-items:flex-end}.usage-card>div:first-child strong{font-size:12px}.usage-track{height:10px;background:#edf1f4;border-radius:999px;margin:18px 0 10px;overflow:hidden}.usage-track span{display:block;height:100%;background:linear-gradient(90deg,#8ac5fb,#2c8fe0);border-radius:999px}.usage-meta{display:flex;gap:10px;flex-wrap:wrap;font-size:8px;color:#88929e}.usage-meta span{padding:5px 7px;background:#f6f8fa;border-radius:999px}
.key-card>div:first-child strong{display:block;font:700 13px ui-monospace,SFMono-Regular,Menlo,monospace;margin-top:10px}.key-actions{display:flex;gap:8px;margin-top:16px}.key-actions button{border:1px solid #dce2e7;background:#fff;padding:8px 11px;border-radius:999px;font-size:9px;font-weight:700;cursor:pointer}.key-card>small{display:block;color:#89929e;font-size:8px;margin-top:12px}
.platform-feature-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
.platform-feature{background:#fff;border:1px solid #e4e8ed;border-radius:15px;padding:18px;text-align:left;cursor:pointer;transition:.25s ease}
.platform-feature:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(14,26,38,.07)}
.platform-feature strong{display:block;font-size:12px;margin-bottom:6px}.platform-feature span{display:block;font-size:9px;color:#84909c}

/* Pricing rules */

/* ================= PRICING ================= */
.pricing{background:#f7f8fa;color:#111820;padding:118px 0 92px;border-top:1px solid #e9edf1}
.pricing-head{margin-bottom:30px}
.pricing-head p{max-width:530px}
.pricing-note{display:flex;align-items:center;gap:16px;padding:18px 20px;border:1px solid #e5e9ee;background:#fff;border-radius:18px;margin-bottom:22px;box-shadow:0 8px 30px rgba(9,18,29,.04)}
.pricing-note-mark{width:40px;height:40px;border-radius:12px;background:linear-gradient(145deg,#eef7ff,#e2f1ff);display:grid;place-items:center;color:#2e8ddf;flex:none}
.pricing-note-mark svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.pricing-note strong{display:block;font-size:14px;margin-bottom:3px}
.pricing-note span{display:block;font-size:12px;color:#6d7682;line-height:1.5}
.currency-switcher{display:inline-flex;border:1px solid #dfe4ea;background:#fff;border-radius:999px;padding:4px;margin:0 0 22px;box-shadow:0 6px 18px rgba(9,18,29,.04)}
.currency-btn{border:0;background:transparent;color:#69727e;padding:8px 14px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.03em;cursor:pointer}
.currency-btn.active{background:#101923;color:#fff}
.pricing-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;align-items:stretch}
.price-card{position:relative;display:flex;flex-direction:column;min-height:590px;padding:27px 22px 20px;background:#fff;border:1px solid #e4e8ed;border-radius:22px;box-shadow:0 14px 45px rgba(18,29,42,.05);overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s ease}
.price-card:hover{transform:translateY(-5px);box-shadow:0 24px 54px rgba(18,29,42,.09);border-color:#d8dfe7}
.price-card h3{font-family:Manrope,Inter,sans-serif;font-size:27px;letter-spacing:-.04em;margin:16px 0 13px}
.price-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.price-kicker{font-size:9px;font-weight:800;letter-spacing:.14em;color:#77818e}
.price-badge{font-size:9px;font-weight:700;color:#677180;border:1px solid #e1e5e9;padding:5px 7px;border-radius:999px;background:#fafbfc}
.price-line{display:flex;align-items:baseline;gap:6px;padding-bottom:15px;border-bottom:1px solid #eef1f4}
.price-line strong{font-family:Manrope,Inter,sans-serif;font-size:31px;letter-spacing:-.05em}
.price-line span{font-size:11px;color:#7b848f}
.price-card>p{font-size:12px;line-height:1.58;color:#6b7480;min-height:58px;margin:17px 0 14px}
.price-card ul{display:grid;gap:0;border-top:1px solid #f0f2f5;margin-bottom:18px}
.price-card li{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #f0f2f5;font-size:10px;color:#7b8490}
.price-card li b{font-size:10px;color:#1a2430;text-align:right;font-weight:600}
.price-cta{margin-top:auto;width:100%;padding:12px 14px;border:1px solid #d9dfe5;background:#fff;border-radius:999px;font-size:12px;font-weight:700;cursor:pointer;color:#111;display:flex;align-items:center;justify-content:space-between;transition:.25s ease}
.price-cta:hover{background:#101923;color:#fff;border-color:#101923}
.price-cta-bright{background:#0e70d3;color:#fff;border-color:#0e70d3}
.price-cta-bright:hover{background:#0b5fb4;border-color:#0b5fb4}
.price-featured{border-color:#8abff1;box-shadow:0 18px 58px rgba(35,123,204,.12)}
.featured-ribbon{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#78b8f3,#2b8fe8,#9bd3ff)}
.price-enterprise{background:linear-gradient(180deg,#fbfcfd,#f5f8fb)}
.pricing-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:20px}
.pricing-foot span{font-size:10px;color:#7a8490;line-height:1.5}
.pricing-foot button{border:0;background:none;padding:0;color:#131c26;font-size:11px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
@media (max-width:1250px){
  .pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .price-card{min-height:565px}
}
@media (max-width:820px){
  .pricing{padding:90px 0 70px}
  .pricing-grid{grid-template-columns:1fr 1fr}
  .pricing-foot{flex-direction:column;align-items:flex-start}
}
@media (max-width:560px){
  .pricing-grid{grid-template-columns:1fr}
  .price-card{min-height:auto}
  .pricing-note{align-items:flex-start}
}


.pricing{background:#fff;color:#111820;padding:118px 0 92px;border-top:1px solid #e9edf1}
.pricing-head{margin-bottom:30px}.pricing-head p{max-width:530px}
.pricing-note{display:flex;align-items:center;gap:16px;padding:18px 20px;border:1px solid #e5e9ee;background:#f8fafc;border-radius:18px;margin-bottom:22px}
.pricing-note-mark{width:40px;height:40px;border-radius:12px;background:linear-gradient(145deg,#eef7ff,#e2f1ff);display:grid;place-items:center;color:#2e8ddf;flex:none}
.pricing-note-mark svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.pricing-note strong{display:block;font-size:14px;margin-bottom:3px}.pricing-note span{display:block;font-size:12px;color:#6d7682;line-height:1.5}
.currency-switcher{display:inline-flex;border:1px solid #dfe4ea;background:#fff;border-radius:999px;padding:4px;margin:0 0 22px}.currency-btn{border:0;background:transparent;color:#69727e;padding:8px 14px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.03em;cursor:pointer}.currency-btn.active{background:#101923;color:#fff}
.pricing-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;align-items:stretch}
.price-card{position:relative;display:flex;flex-direction:column;min-height:585px;padding:27px 22px 20px;background:#fff;border:1px solid #e4e8ed;border-radius:22px;box-shadow:0 14px 45px rgba(18,29,42,.05);overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s ease}
.price-card:hover{transform:translateY(-5px);box-shadow:0 24px 54px rgba(18,29,42,.09);border-color:#d8dfe7}
.price-card h3{font-family:Manrope,Inter,sans-serif;font-size:27px;letter-spacing:-.04em;margin:16px 0 13px}
.price-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.price-kicker{font-size:9px;font-weight:800;letter-spacing:.14em;color:#77818e}.price-badge{font-size:9px;font-weight:700;color:#677180;border:1px solid #e1e5e9;padding:5px 7px;border-radius:999px;background:#fafbfc}
.price-line{display:flex;align-items:baseline;gap:6px;padding-bottom:15px;border-bottom:1px solid #eef1f4}.price-line strong{font-family:Manrope,Inter,sans-serif;font-size:31px;letter-spacing:-.05em}.price-line span{font-size:11px;color:#7b848f}
.price-card>p{font-size:12px;line-height:1.58;color:#6b7480;min-height:58px;margin:17px 0 14px}.price-card ul{display:grid;gap:0;border-top:1px solid #f0f2f5;margin-bottom:18px}
.price-card li{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #f0f2f5;font-size:10px;color:#7b8490}.price-card li b{font-size:10px;color:#1a2430;text-align:right;font-weight:600}
.price-cta{margin-top:auto;width:100%;padding:12px 14px;border:1px solid #d9dfe5;background:#fff;border-radius:999px;font-size:12px;font-weight:700;cursor:pointer;color:#111;display:flex;align-items:center;justify-content:space-between;transition:.25s ease}.price-cta:hover{background:#101923;color:#fff;border-color:#101923}
.price-cta-bright{background:#0e70d3;color:#fff;border-color:#0e70d3}.price-cta-bright:hover{background:#0b5fb4;border-color:#0b5fb4}
.price-featured{border-color:#8abff1;box-shadow:0 18px 58px rgba(35,123,204,.12)}.featured-ribbon{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#78b8f3,#2b8fe8,#9bd3ff)}
.price-enterprise{background:linear-gradient(180deg,#fbfcfd,#f5f8fb)}
.pricing-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:20px}.pricing-foot span{font-size:10px;color:#7a8490;line-height:1.5}.pricing-foot button{border:0;background:none;padding:0;color:#131c26;font-size:11px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
@media (max-width:1250px){.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.platform-shell{grid-template-columns:185px 1fr}.price-card{min-height:565px}}
@media (max-width:900px){.platform-shell{grid-template-columns:1fr}.platform-sidebar{min-height:auto}.platform-nav{grid-template-columns:repeat(3,1fr)}.platform-sidebar-foot{display:none}.platform-stats{grid-template-columns:1fr 1fr}}
@media (max-width:820px){.pricing{padding:90px 0 70px}.pricing-grid{grid-template-columns:1fr 1fr}.pricing-foot{flex-direction:column;align-items:flex-start}.platform-feature-strip{grid-template-columns:1fr}.platform-alert-row{grid-template-columns:1fr}}
@media (max-width:560px){.pricing-grid{grid-template-columns:1fr}.price-card{min-height:auto}.pricing-note{align-items:flex-start}.platform-nav{grid-template-columns:1fr 1fr}.vehicle-grid-mini{grid-template-columns:1fr}.platform-stats{grid-template-columns:1fr}.platform-toolbar{align-items:flex-start;gap:10px;flex-direction:column}}

/* =========================================================
   V8 — HIGH-FIDELITY REFERENCE MATCH
   ========================================================= */
.hero{
  min-height:720px;
  height:100svh;
  background:#050608;
}
.hero-scene{background:#050608}
.hero-gradient{
  background:
    radial-gradient(42% 76% at 54% 44%, rgba(34,58,82,.72) 0%, rgba(10,17,25,.74) 42%, rgba(2,3,4,.97) 100%),
    linear-gradient(96deg,#020304 0%,#071019 49%,#040507 100%);
}
.hero-gradient:after{
  right:0;top:0;width:54%;height:100%;
  background:
    radial-gradient(42% 60% at 68% 40%,rgba(92,161,215,.22),transparent 63%),
    radial-gradient(34% 52% at 92% 28%,rgba(255,203,164,.14),transparent 70%);
  filter:blur(30px)
}
.hero-vignette{
  background:
    linear-gradient(90deg,rgba(0,0,0,.30) 0%,transparent 31%,transparent 70%,rgba(0,0,0,.18) 88%,rgba(0,0,0,.42) 100%),
    linear-gradient(180deg,rgba(0,0,0,.15) 0%,transparent 42%,rgba(0,0,0,.46) 100%);
}
.hero-inner{
  grid-template-columns:42% 58%;
  width:min(1510px,calc(100% - 128px));
  padding-top:78px;
}
.hero-copy{max-width:690px;z-index:30}
.hero-badge{margin-bottom:28px;padding:6px 14px 6px 6px;background:rgba(255,255,255,.065);border-color:rgba(255,255,255,.15)}
.hero h1{
  font-size:clamp(62px,5.6vw,86px);
  line-height:1.01;
  letter-spacing:-.06em;
  margin-bottom:25px;
}
.hero-copy>p{max-width:640px;font-size:18px;line-height:1.48;color:rgba(255,255,255,.73);margin-bottom:37px}
.hero-trust{display:none}
.hero-visual{min-height:720px;height:100%;overflow:visible}
.visual-backdrop{inset:0 -10% 0 -8%;filter:blur(18px);background:radial-gradient(48% 62% at 52% 42%,rgba(66,123,164,.24),transparent 68%),radial-gradient(32% 50% at 84% 24%,rgba(255,200,159,.12),transparent 76%)}
.hero-photo{
  top:-5%;right:-9%;bottom:-6%;left:25%;
  border-radius:0;
  z-index:1;
}
.hero-photo img{
  object-position:55% 50%;
  filter:saturate(.97) contrast(1.045) brightness(.86);
}
.hero-photo-shade{
  background:
   linear-gradient(90deg,rgba(3,5,8,.98) 0%,rgba(3,5,8,.84) 12%,rgba(3,5,8,.48) 28%,rgba(3,5,8,.14) 48%,rgba(3,5,8,.03) 68%,rgba(3,5,8,.14) 100%),
   linear-gradient(180deg,rgba(0,0,0,.14) 0%,transparent 42%,rgba(0,0,0,.45) 100%);
}
.phone-device{
  width:328px;height:668px;
  right:43%;top:2.5%;
  border-radius:48px;
  transform:perspective(1350px) rotateY(-14deg) rotateX(2deg) rotateZ(-1deg);
  box-shadow:-28px 40px 95px rgba(0,0,0,.58),inset 0 0 0 1px rgba(255,255,255,.32),inset 0 0 0 8px #020304;
}
.phone-device:before{inset:12px;border-radius:37px;background:radial-gradient(circle at 50% 32%,rgba(27,67,108,.74),transparent 34%),linear-gradient(180deg,#071321,#020407)}
.phone-notch{top:15px;height:28px;width:102px}
.phone-status{left:29px;right:29px;top:33px}.phone-status strong{font-size:22px}
.phone-brand{top:94px;font-size:9px}
.status-ring{top:154px;width:188px;height:188px;box-shadow:0 0 58px rgba(39,153,255,.23),inset 0 0 45px rgba(39,153,255,.13)}
.ring-core{width:66px;height:66px}
.phone-message{top:355px;font-size:10px}
.phone-state{top:405px;left:18px;right:18px;padding:13px;border-radius:17px}.state-symbol{width:34px;height:34px}
.mini-route{left:25px;right:25px;bottom:65px;height:70px}.phone-footer{bottom:21px}
.floating-cards{right:1%;top:15%;gap:13px;transform:none;z-index:20}
.floating-card{
  width:274px;
  min-height:73px;
  padding:13px 18px;
  border-radius:17px;
  background:linear-gradient(180deg,rgba(27,34,44,.70),rgba(18,24,32,.61));
  border-color:rgba(255,255,255,.18);
  box-shadow:0 22px 48px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.06);
  backdrop-filter:blur(22px) saturate(120%);
}
.floating-card strong{font-size:13px}.floating-card small{display:none}
.card-icon{width:30px;height:30px;background:rgba(171,210,245,.09);border-color:rgba(173,214,248,.23);color:#abd7ff}
.hero-proof{display:none}
.hero-script{display:block;position:absolute;right:8%;bottom:8.5%;z-index:21;font-family:Caveat,cursive;font-size:43px;line-height:.96;color:#fff;transform:rotate(-5deg);opacity:.86;text-shadow:0 8px 30px rgba(0,0,0,.35)}
.hero-script span{margin-left:20px}

/* audience: wider, cleaner, closer to the reference */
.audience-strip{padding:31px 0;background:#fff;border-bottom:1px solid #eceff2}
.audience-grid{width:min(1510px,calc(100% - 128px));grid-template-columns:repeat(5,1fr);gap:42px}
.audience-item{gap:18px;min-width:0;padding:8px 0}
.audience-item svg{width:28px;height:28px;color:#17283c;opacity:.92}
.audience-text strong{font-size:14px}.audience-text small{font-size:12px}

/* technology: match proportions and whitespace */
.technology{padding:88px 0 92px;background:#fff}
.tech-grid{width:min(1510px,calc(100% - 128px));grid-template-columns:31% 38% 31%;gap:12px}
.tech-copy{padding-right:34px}.tech-copy h2{font-size:42px;line-height:1.02;letter-spacing:-.047em}.tech-copy p{font-size:15.5px;line-height:1.55;max-width:500px}
.acted-stack{min-height:410px}
.stack-art{width:100%;max-width:530px;height:410px}
.stack-mark{margin-top:-25px}.stack-mark strong{font-size:27px;letter-spacing:.05em}.stack-mark small{font-size:10px;letter-spacing:.16em}
.technology-panel{padding-left:24px}.feature-grid{gap:13px}.feature-card{min-height:108px;padding:22px;border-radius:18px}.feature-card>span:first-child{font-size:14px;line-height:1.25}.feature-icon{width:25px;height:25px}

/* stronger Apple-like section rhythm */
.section .wrap{width:min(1510px,calc(100% - 128px))}

/* remove fake price openness: explicit capacity language everywhere */
.price-card li b{font-variant-numeric:tabular-nums}
.pricing-note strong::after{content:"  Defined capacity. No defined capacity tier.";font-weight:500;color:#7a8490}

@media (max-width:1200px){
  .hero-inner,.audience-grid,.tech-grid,.section .wrap{width:min(100% - 72px,1280px)}
  .hero-inner{grid-template-columns:45% 55%}
  .phone-device{right:42%;width:300px;height:612px}.floating-cards{right:-1%}.floating-card{width:250px}
}
@media (max-width:900px){
  .hero{height:auto;min-height:980px}.hero-inner{grid-template-columns:1fr;padding-top:105px}
  .hero-copy{text-align:center;max-width:800px;margin:0 auto}.hero-actions{justify-content:center}.hero-copy>p{margin-left:auto;margin-right:auto}
  .hero-visual{height:650px;min-height:650px;margin-top:10px}.hero-photo{left:10%;right:-5%;top:0;bottom:0}.phone-device{right:46%;top:1%;width:272px;height:555px}
  .floating-cards{right:1%;top:11%}.floating-card{width:230px;min-height:68px}.hero-script{right:8%;bottom:4%}
  .audience-grid{grid-template-columns:repeat(2,1fr)}
  .tech-grid{grid-template-columns:1fr;text-align:center}.tech-copy{padding-right:0}.tech-copy p{margin-left:auto;margin-right:auto}.technology-panel{padding-left:0}.acted-stack{margin:14px auto 4px;max-width:620px}
}
@media (max-width:640px){
  .hero{min-height:920px}.hero-inner,.audience-grid,.tech-grid,.section .wrap{width:calc(100% - 34px)}
  .hero h1{font-size:50px}.hero-copy>p{font-size:15px}.hero-actions .button{padding:0 18px}
  .hero-visual{height:540px;min-height:540px}.hero-photo{left:17%;right:-15%;opacity:.9}.phone-device{width:225px;height:460px;right:37%;top:8%;border-radius:34px}.phone-brand{top:67px}.status-ring{top:105px;width:132px;height:132px}.phone-message{top:264px}.phone-state{top:300px}.mini-route{bottom:45px}
  .floating-cards{right:-4%;top:9%;gap:9px}.floating-card{width:186px;min-height:56px;padding:9px 11px;border-radius:14px}.floating-card strong{font-size:10px}.card-icon{width:25px;height:25px}
  .hero-script{font-size:31px;bottom:3%;right:8%}
  .audience-grid{grid-template-columns:1fr;gap:10px}.audience-item{padding:9px 2px}
  .stack-art{height:auto}.stack-mark{margin-top:-16px}.stack-mark strong{font-size:22px}.stack-mark small{font-size:8px}
  .feature-grid{grid-template-columns:1fr}.feature-card{min-height:84px}
}

/* Exact ACTEDS glass artwork: use the supplied reference image as the visual source of truth. */
.acted-stack{height:430px;position:relative;overflow:visible;display:flex;justify-content:center;align-items:flex-start;}
.acted-exact-art{position:absolute;left:50%;top:0;transform:translateX(-50%);width:min(100%,560px);line-height:0;z-index:1;pointer-events:none;}
.acted-exact-art img{display:block;width:100%;height:auto;object-fit:contain;image-rendering:auto;-webkit-font-smoothing:antialiased;}
/* Invisible but fully functional hit areas over the exact rendered layers. */
.acted-stack .glass-layer{z-index:4;position:absolute;left:50%;transform:translateX(-50%);background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;color:transparent!important;text-shadow:none!important;width:56%;height:11.5%;padding:0;cursor:pointer;}
.acted-stack .glass-layer:hover,.acted-stack .glass-layer:focus-visible{color:transparent!important;background:rgba(255,255,255,0.01)!important;outline:1px solid rgba(80,150,235,.18);outline-offset:4px;border-radius:28px!important;}
.acted-stack .layer-1{top:20%;}
.acted-stack .layer-2{top:31.5%;}
.acted-stack .layer-3{top:43%;}
.acted-stack .layer-4{top:54.5%;}
.acted-stack .layer-5{top:66%;}
.acted-stack .stack-mark{display:none!important;}
@media (max-width:900px){
  .acted-stack{height:auto;min-height:410px;width:100%;}
  .acted-exact-art{width:min(100%,620px);}
}
@media (max-width:640px){
  .acted-stack{min-height:330px;}
  .acted-stack .glass-layer{width:64%;height:10.5%;}
}

/* Live organisation console */
.live-console-bar{margin:-10px 0 18px;padding:14px 18px;border:1px solid rgba(20,35,55,.10);background:rgba(255,255,255,.72);backdrop-filter:blur(18px);border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:18px;box-shadow:0 12px 30px rgba(13,30,50,.05)}
.live-kicker{display:block;font-size:10px;letter-spacing:.14em;font-weight:700;color:#718096;margin-bottom:3px}.live-console-bar strong{display:block;font-size:14px;color:#101827}.live-console-bar small{color:#718096;font-size:12px}.live-console-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.live-status{display:flex;align-items:center;gap:7px;font-size:12px;color:#5d6b7d}.live-status i{width:8px;height:8px;border-radius:50%;background:#aab3bd;box-shadow:0 0 0 4px rgba(170,179,189,.12)}.live-status.live i{background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.12)}.compact{padding:9px 15px;font-size:12px}.button-dark-outline{border:1px solid rgba(10,18,28,.14);background:rgba(255,255,255,.7);color:#0d1724}.is-hidden{display:none!important}
.live-auth-card{max-width:520px}.auth-switch{display:flex;gap:6px;padding:4px;background:#f2f4f7;border:1px solid #e6e9ee;border-radius:12px;margin:20px 0}.auth-mode{flex:1;border:0;background:transparent;border-radius:9px;padding:10px 12px;font:inherit;font-size:13px;font-weight:600;color:#667085;cursor:pointer}.auth-mode.active{background:#fff;color:#101827;box-shadow:0 3px 12px rgba(15,23,42,.08)}.live-auth-form{display:grid;gap:13px}.live-auth-form label{display:grid;gap:6px}.live-auth-form label span{font-size:11px;font-weight:600;letter-spacing:.05em;color:#667085;text-transform:uppercase}.live-auth-form input{width:100%;border:1px solid #dce1e8;border-radius:12px;padding:12px 13px;font:inherit;font-size:14px;outline:none;background:#fff}.live-auth-form input:focus{border-color:#3b82f6;box-shadow:0 0 0 4px rgba(59,130,246,.10)}.auth-submit{justify-content:center;width:100%;margin-top:5px}.auth-error{min-height:18px;color:#c2410c;font-size:12px}.platform-chart .chart-live-badge{font-size:10px;letter-spacing:.1em;color:#5d6b7d}
@media(max-width:720px){.live-console-bar{align-items:flex-start;flex-direction:column}.live-console-actions{width:100%;justify-content:space-between}.live-console-actions .button{flex:1}.live-status{min-width:74px}}

.live-empty{padding:28px 18px;color:#7a8797;font-size:13px;text-align:center;width:100%}

/* =========================================================
   V11 — HERO REFINEMENT / REFERENCE-MATCHED COMPOSITION
   ========================================================= */
:root{
  --vv-ease:cubic-bezier(.22,.72,.18,1);
}

.site-header{background:linear-gradient(180deg,rgba(2,4,7,.22),rgba(2,4,7,0));}
.site-header.scrolled{background:rgba(5,7,10,.72);backdrop-filter:blur(24px) saturate(120%)}

.hero{
  min-height:896px;
  height:100svh;
  max-height:none;
  background:#030507;
}
.hero-scene{background:#030507}
.hero-gradient{
  background:
    radial-gradient(54% 88% at 58% 44%, rgba(28,47,66,.72) 0%, rgba(9,14,20,.58) 38%, rgba(2,3,5,.96) 76%),
    linear-gradient(100deg,#020304 0%,#05080c 44%,#05070b 100%);
}
.hero-vignette{
  background:
    linear-gradient(90deg,rgba(0,0,0,.13) 0%,rgba(0,0,0,.04) 40%,rgba(0,0,0,.06) 73%,rgba(0,0,0,.38) 100%),
    linear-gradient(180deg,rgba(0,0,0,.10) 0%,transparent 48%,rgba(0,0,0,.52) 100%);
}
.hero-grid{display:none}
.orb-1{width:44vw;height:44vw;right:8%;top:2%;background:radial-gradient(circle,rgba(62,128,186,.15),transparent 67%);filter:blur(54px)}
.orb-2{display:none}
.road-lane{opacity:.55;left:38%;right:-9%;bottom:-5%;height:34%;background:linear-gradient(180deg,transparent,rgba(95,123,151,.045),rgba(156,174,196,.09));filter:blur(26px)}

.hero-inner{
  width:min(1560px,calc(100% - 120px));
  grid-template-columns:44% 56%;
  padding-top:58px;
}
.hero-copy{max-width:720px;margin-top:-5px}
.hero-badge{
  margin-bottom:40px;
  padding:7px 14px 7px 7px;
  border-color:rgba(255,255,255,.17);
  background:rgba(255,255,255,.055);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 16px 42px rgba(0,0,0,.16);
}
.hero-badge span:first-child{padding:7px 12px;background:rgba(255,255,255,.13)}
.hero h1{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif;
  font-size:clamp(64px,6.15vw,104px);
  line-height:.96;
  font-weight:600;
  letter-spacing:-.065em;
  max-width:720px;
  margin-bottom:34px;
}
.hero h1 span{color:#f3f6f9}
.hero-copy>p{
  font-size:18px;
  line-height:1.52;
  color:rgba(255,255,255,.70);
  max-width:650px;
  margin-bottom:39px;
}
.hero-actions{gap:14px}
.button-large{min-height:56px;padding:0 27px}
.button-white{box-shadow:0 10px 30px rgba(0,0,0,.16)}
.button-outline{background:rgba(255,255,255,.015);border-color:rgba(255,255,255,.28)}

.hero-visual{min-height:100%;height:100%;position:relative;overflow:visible}
.visual-backdrop{
  inset:-4% -12% -5% -14%;
  background:
    radial-gradient(42% 58% at 50% 45%,rgba(58,112,151,.22),transparent 72%),
    radial-gradient(32% 44% at 79% 31%,rgba(251,189,139,.13),transparent 75%);
  filter:blur(28px);
}
.hero-photo{
  left:34%;right:-7%;top:-1%;bottom:-2%;
  z-index:1;
}
.hero-photo img{
  object-position:61% 48%;
  filter:saturate(.95) contrast(1.06) brightness(.78);
}
.hero-photo-shade{
  background:
    linear-gradient(90deg,rgba(2,4,7,.985) 0%,rgba(2,4,7,.96) 12%,rgba(2,4,7,.78) 27%,rgba(2,4,7,.37) 45%,rgba(2,4,7,.10) 65%,rgba(2,4,7,.18) 100%),
    linear-gradient(180deg,rgba(0,0,0,.14) 0%,transparent 46%,rgba(0,0,0,.55) 100%);
}
.hero-photo-glow{right:11%;top:8%;width:520px;height:520px;filter:blur(22px);background:radial-gradient(circle,rgba(55,124,181,.20),transparent 67%)}
.hero-photo:after{background:radial-gradient(circle at 56% 44%,rgba(53,129,189,.09),transparent 30%)}

.phone-device{
  width:354px;height:722px;
  right:45.7%;top:6.3%;
  border-radius:53px;
  padding:12px;
  transform:perspective(1500px) rotateY(-10deg) rotateX(2deg) rotateZ(-1.2deg);
  box-shadow:
    -34px 50px 100px rgba(0,0,0,.62),
    inset 0 0 0 1px rgba(255,255,255,.34),
    inset 0 0 0 8px #020304;
}
.phone-device:before{inset:12px;border-radius:41px;background:radial-gradient(circle at 50% 33%,rgba(27,69,113,.78),transparent 33%),linear-gradient(180deg,#06121f 0%,#020407 74%)}
.phone-device:after{inset:11px;border-radius:42px;border-color:rgba(255,255,255,.08)}
.phone-notch{top:17px;width:112px;height:31px}
.phone-status{top:34px;left:31px;right:31px}.phone-status strong{font-size:24px}
.phone-brand{top:104px;font-size:10px;letter-spacing:.26em}
.status-ring{
  top:174px;width:202px;height:202px;
  border-color:rgba(85,168,255,.28);
  box-shadow:0 0 72px rgba(39,153,255,.21),inset 0 0 56px rgba(39,153,255,.14);
}
.status-ring:before,.status-ring:after{border-color:rgba(66,146,220,.19)}
.ring-core{width:72px;height:72px;background:rgba(30,118,182,.11);box-shadow:0 0 30px rgba(44,158,255,.32)}
.phone-message{top:402px;font-size:10.5px;line-height:1.45}
.phone-state{top:464px;left:20px;right:20px;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.09);box-shadow:0 12px 36px rgba(0,0,0,.22)}
.state-symbol{width:39px;height:39px;background:#2bd673;box-shadow:0 6px 18px rgba(43,214,115,.24)}
.phone-state strong{font-size:14px}.phone-state small{font-size:10px;color:rgba(255,255,255,.46)}
.mini-route{left:28px;right:28px;bottom:80px;height:86px}
.phone-footer{bottom:25px;font-size:7.5px;letter-spacing:.06em}.phone-footer strong{letter-spacing:.13em}

.floating-cards{right:-1%;top:17%;gap:17px;transform:none;z-index:40}
.floating-card{
  width:360px;
  min-height:96px;
  padding:16px 24px;
  border-radius:20px;
  background:linear-gradient(180deg,rgba(23,29,38,.78),rgba(14,18,24,.65));
  border-color:rgba(255,255,255,.19);
  box-shadow:0 28px 70px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.075),inset 0 -1px 0 rgba(255,255,255,.025);
  backdrop-filter:blur(26px) saturate(135%);
}
.floating-card .card-icon{width:38px;height:38px;border-radius:50%;background:rgba(146,191,235,.075);border-color:rgba(152,204,250,.26);color:#aed9ff;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.floating-card .card-icon svg{width:20px;height:20px}
.floating-card strong{font-size:15px;letter-spacing:-.01em}
.floating-card small{display:none}
.card-a{transform:translateY(0)}
.card-b{transform:translateX(14px)}
.card-c{transform:translateX(24px)}
.card-d{transform:translateX(4px)}

/* The source photograph already contains the handwritten campaign line. */
.hero-script{display:none!important}

@media(max-width:1280px){
  .hero-inner{width:min(1240px,calc(100% - 72px));grid-template-columns:45% 55%}
  .hero h1{font-size:clamp(62px,6vw,88px)}
  .phone-device{width:315px;height:642px;right:43%;top:7%}
  .floating-card{width:290px;min-height:78px;padding:13px 18px}.floating-card strong{font-size:13px}
  .floating-card .card-icon{width:31px;height:31px}.floating-card .card-icon svg{width:17px;height:17px}
}
@media(max-width:920px){
  .hero{height:auto;min-height:1040px}
  .hero-inner{width:calc(100% - 42px);grid-template-columns:1fr;padding-top:110px}
  .hero-copy{text-align:center;margin:0 auto;max-width:760px}
  .hero h1{font-size:clamp(54px,8vw,76px)}
  .hero-copy>p{margin-left:auto;margin-right:auto}
  .hero-actions{justify-content:center}
  .hero-visual{height:660px;min-height:660px;margin-top:30px}
  .hero-photo{left:15%;right:-8%;top:0;bottom:0}
  .phone-device{width:270px;height:550px;right:43%;top:6%}
  .floating-cards{right:-1%;top:10%;gap:10px}.floating-card{width:225px;min-height:62px;padding:10px 12px;border-radius:15px}.floating-card strong{font-size:11px}
}
@media(max-width:620px){
  .hero{min-height:920px}
  .hero-inner{width:calc(100% - 28px);padding-top:100px}
  .hero-badge{margin-bottom:27px}.hero h1{font-size:52px;line-height:.98;margin-bottom:23px}.hero-copy>p{font-size:14px;line-height:1.6;margin-bottom:27px}
  .button-large{min-height:50px;padding:0 19px}
  .hero-visual{height:500px;min-height:500px;margin-top:8px}
  .hero-photo{left:2%;right:-30%;top:0;bottom:0}.hero-photo img{object-position:61% center}
  .phone-device{width:210px;height:428px;right:29%;top:8%;border-radius:34px;padding:9px}
  .phone-notch{top:12px;width:74px;height:20px}.phone-status{top:23px;left:20px;right:20px}.phone-status strong{font-size:15px}.phone-brand{top:62px;font-size:6px}
  .status-ring{top:104px;width:124px;height:124px}.ring-core{width:45px;height:45px}.phone-message{top:247px;font-size:7px}.phone-state{top:285px;left:13px;right:13px;padding:8px;border-radius:12px}.state-symbol{width:26px;height:26px}.phone-state strong{font-size:8px}.phone-state small{font-size:6px}.mini-route{left:18px;right:18px;bottom:43px;height:54px}.phone-footer{bottom:17px;font-size:5.5px}
  .floating-cards{right:-8%;top:5%;gap:7px}.floating-card{width:182px;min-height:54px;padding:8px 10px;border-radius:12px}.floating-card .card-icon{width:24px;height:24px}.floating-card .card-icon svg{width:13px;height:13px}.floating-card strong{font-size:9px}.card-b{transform:translateX(7px)}.card-c{transform:translateX(12px)}
}

/* =========================================================
   V12 — PREMIUM OBSIDIAN + GREEN SAFETY CARDS
   ========================================================= */
:root{
  --vv-green:#58e49a;
  --vv-green-bright:#7af1b2;
  --vv-green-deep:#1fae68;
  --vv-black-0:#050708;
  --vv-black-1:#090d0c;
  --vv-black-2:#101513;
}

.floating-cards{gap:16px;}
.floating-card{
  position:relative;
  width:360px;
  min-height:96px;
  padding:17px 24px 17px 22px;
  border-radius:22px;
  overflow:hidden;
  isolation:isolate;
  background:
    linear-gradient(112deg,rgba(21,27,25,.94) 0%,rgba(9,12,11,.96) 58%,rgba(14,18,16,.90) 100%);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:
    0 34px 90px rgba(0,0,0,.44),
    0 8px 26px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.075),
    inset 0 -1px 0 rgba(255,255,255,.025),
    0 0 0 1px rgba(0,0,0,.22);
  backdrop-filter:blur(30px) saturate(120%);
  -webkit-backdrop-filter:blur(30px) saturate(120%);
  transition:
    transform .45s var(--vv-ease),
    border-color .35s ease,
    box-shadow .45s ease,
    background .35s ease;
}
.floating-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    radial-gradient(65% 120% at 0% 50%,rgba(88,228,154,.105),transparent 62%),
    linear-gradient(180deg,rgba(255,255,255,.028),transparent 42%,rgba(0,0,0,.10));
  pointer-events:none;
}
.floating-card::after{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  top:0;
  height:1px;
  z-index:-1;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),rgba(88,228,154,.16),transparent);
  opacity:.72;
  pointer-events:none;
}
.floating-card:hover{
  border-color:rgba(88,228,154,.34);
  box-shadow:
    0 40px 105px rgba(0,0,0,.52),
    0 12px 34px rgba(0,0,0,.32),
    inset 0 1px 0 rgba(255,255,255,.09),
    0 0 34px rgba(52,207,133,.08);
}
.floating-card:focus-visible{
  outline:none;
  border-color:rgba(88,228,154,.65);
  box-shadow:0 0 0 2px rgba(88,228,154,.14),0 30px 85px rgba(0,0,0,.48);
}
.floating-card .card-icon{
  width:40px;
  height:40px;
  flex:0 0 40px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:linear-gradient(180deg,rgba(28,39,34,.92),rgba(12,18,15,.96));
  border:1px solid rgba(122,241,178,.24);
  color:var(--vv-green-bright);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.085),
    inset 0 -6px 15px rgba(0,0,0,.16),
    0 0 0 1px rgba(0,0,0,.16),
    0 0 24px rgba(52,207,133,.075);
}
.floating-card .card-icon svg{
  width:21px;
  height:21px;
  stroke-width:1.8;
  filter:drop-shadow(0 0 7px rgba(88,228,154,.16));
}
.floating-card strong{
  position:relative;
  display:block;
  color:#f4f7f5;
  font-size:15px;
  font-weight:600;
  letter-spacing:-.014em;
  line-height:1.18;
  text-shadow:0 1px 10px rgba(0,0,0,.22);
}
.floating-card span:last-child{min-width:0;}
.card-a{transform:translateY(0)}
.card-b{transform:translateX(14px)}
.card-c{transform:translateX(24px)}
.card-d{transform:translateX(4px)}
.card-a:hover{transform:translateY(-5px)}
.card-b:hover{transform:translate(14px,-5px)}
.card-c:hover{transform:translate(24px,-5px)}
.card-d:hover{transform:translate(4px,-5px)}

/* Match the black/green system on the hero phone without turning the full scene green. */
.phone-device:before{
  background:
    radial-gradient(circle at 50% 34%,rgba(41,126,78,.28),transparent 34%),
    linear-gradient(180deg,#07120d 0%,#030706 68%,#020303 100%);
}
.status-ring{
  border-color:rgba(88,228,154,.22);
  box-shadow:0 0 45px rgba(52,207,133,.16),inset 0 0 36px rgba(52,207,133,.075);
}
.status-ring:before,.status-ring:after{border-color:rgba(88,228,154,.13)}
.ring-core{
  background:radial-gradient(circle,#1f7a4f,#0b2b1c);
  box-shadow:0 0 28px rgba(52,207,133,.28);
}
.ring-check{border-color:#bff6d6}
.route-soft{stroke:rgba(88,228,154,.13)}
.route-main{stroke:#60e79d}

@media(max-width:1280px){
  .floating-card{width:290px;min-height:82px;padding:13px 18px}
  .floating-card .card-icon{width:34px;height:34px;flex-basis:34px}
  .floating-card .card-icon svg{width:18px;height:18px}
  .floating-card strong{font-size:13px}
}
@media(max-width:920px){
  .floating-card{width:225px;min-height:66px;padding:11px 13px;border-radius:17px}
  .floating-card .card-icon{width:30px;height:30px;flex-basis:30px}
  .floating-card .card-icon svg{width:16px;height:16px}
  .floating-card strong{font-size:11px}
}
@media(max-width:620px){
  .floating-card{width:182px;min-height:56px;padding:9px 10px;border-radius:14px}
  .floating-card .card-icon{width:25px;height:25px;flex-basis:25px}
  .floating-card .card-icon svg{width:13px;height:13px}
  .floating-card strong{font-size:9px}
}

/* V13 — keep all four hero capability cards visible as one coherent stack */
.floating-cards{
  top:11.5%;
  right:0.5%;
  gap:13px;
  z-index:60;
  align-items:flex-end;
}
.floating-card{
  width:348px;
  min-height:88px;
  padding:15px 22px;
}
.card-a{transform:translateX(-8px)}
.card-b{transform:translateX(4px)}
.card-c{transform:translateX(16px)}
.card-d{transform:translateX(0)}
.card-a:hover{transform:translate(-8px,-5px)}
.card-b:hover{transform:translate(4px,-5px)}
.card-c:hover{transform:translate(16px,-5px)}
.card-d:hover{transform:translate(0,-5px)}

@media(max-width:1280px){
  .floating-cards{top:10%; right:-1%; gap:11px}
  .floating-card{width:292px; min-height:72px; padding:12px 16px}
  .card-a{transform:translateX(-5px)}
  .card-b{transform:translateX(4px)}
  .card-c{transform:translateX(12px)}
  .card-d{transform:translateX(0)}
  .card-a:hover{transform:translate(-5px,-4px)}
  .card-b:hover{transform:translate(4px,-4px)}
  .card-c:hover{transform:translate(12px,-4px)}
  .card-d:hover{transform:translate(0,-4px)}
}

@media(max-width:920px){
  .floating-cards{top:9%; right:-1%; gap:9px}
  .floating-card{width:222px; min-height:61px; padding:10px 12px; border-radius:16px}
}


/* V14 — supplied transparent “Safer people / Stronger communities” artwork overlays the phone and cinematic scene. */
.hero-script-image{
  position:absolute;
  z-index:55;
  pointer-events:none;
  width:min(720px,58%);
  max-width:none;
  right:-2%;
  bottom:3.5%;
  height:auto;
  display:block;
  object-fit:contain;
  filter:drop-shadow(0 12px 24px rgba(0,0,0,.32));
  opacity:.98;
  transform:translateZ(0) rotate(-1.1deg);
}
.floating-cards{z-index:70;}

@media(max-width:1280px){
  .hero-script-image{width:61%;right:-5%;bottom:4%;}
}
@media(max-width:920px){
  .hero-script-image{width:62%;right:-6%;bottom:4%;}
}
@media(max-width:620px){
  .hero-script-image{width:67%;right:-9%;bottom:4%;}
}

/* =========================================================
   V15 — PHONE PERFECT
   Comprehensive mobile optimisation for all phone sizes.
   ========================================================= */

/* ---- Safe area insets for notched phones ---- */
.site-header{padding-top:env(safe-area-inset-top)}
.footer-bottom{padding-bottom:env(safe-area-inset-bottom)}
.modal{padding-top:max(22px,env(safe-area-inset-top));padding-bottom:env(safe-area-inset-bottom)}
.platform-sidebar-foot{padding-bottom:env(safe-area-inset-bottom)}

/* ---- Prevent iOS input zoom: all inputs 16px+ ---- */
.live-auth-form input,
.form-panel input,
.form-panel select,
.form-panel textarea,
.search-panel input{
  font-size:16px!important;
}

/* ---- Touch targets: minimum 44px ---- */
@media(max-width:768px){
  .button,
  .auth-mode,
  .platform-tab,
  .price-cta,
  .card-link,
  .console-run,
  .key-actions button,
  .platform-alerts article button,
  .film-controls button{
    min-height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .compact{padding:11px 16px;font-size:13px}
  .modal-close{width:44px;height:44px;font-size:26px}
}

/* =========================================================
   TABLET / LARGE PHONE (481px – 768px)
   ========================================================= */
@media(max-width:768px){
  /* Header */
  .header-inner{height:64px;width:calc(100% - 32px)}
  .brand img{width:30px;height:30px}
  .brand-wordmark{display:none}
  .header-actions{gap:10px}
  .header-contact{display:none!important}
  .menu-button{display:flex;width:32px;height:32px}

  /* Mobile nav panel */
  .mobile-panel{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px 16px 20px}
  .mobile-panel a{padding:14px 14px;font-size:14px;border-radius:14px;min-height:48px;display:flex;align-items:center}

  /* Hero */
  .hero{min-height:auto;height:auto;padding:100px 0 60px}
  .hero-inner{padding-top:20px;gap:30px}
  .hero h1{font-size:clamp(40px,9vw,56px);line-height:1.0;margin-bottom:20px}
  .hero-copy>p{font-size:15px;line-height:1.55;margin-bottom:24px}
  .hero-badge{margin-bottom:20px;padding:6px 12px 6px 6px}
  .hero-badge span:last-child{font-size:10px}
  .hero-actions{flex-direction:column;width:100%;gap:10px}
  .hero-actions .button{width:100%;justify-content:center;min-height:52px;font-size:14px}
  .button-large{min-height:52px;padding:0 22px}

  /* Hero visual */
  .hero-visual{height:auto;min-height:420px;margin-top:0}
  .hero-photo{left:0;right:0;top:0;bottom:0}
  .hero-photo-shade{background:linear-gradient(180deg,rgba(3,5,8,.92) 0%,rgba(3,5,8,.6) 30%,rgba(3,5,8,.2) 60%,rgba(0,0,0,.4) 100%)}
  .phone-device{width:200px;height:408px;right:50%;transform:translateX(50%) perspective(1400px) rotateY(-6deg) rotateX(1deg);top:20px;border-radius:32px;padding:8px}
  .phone-notch{top:10px;width:68px;height:18px}
  .phone-status{top:20px;left:18px;right:18px}
  .phone-status strong{font-size:14px}
  .phone-brand{top:58px;font-size:6px}
  .status-ring{top:96px;width:116px;height:116px}
  .ring-core{width:42px;height:42px}
  .phone-message{top:236px;font-size:7px}
  .phone-state{top:272px;left:12px;right:12px;padding:8px;border-radius:12px}
  .state-symbol{width:24px;height:24px}
  .phone-state strong{font-size:8px}
  .phone-state small{font-size:6px}
  .mini-route{left:14px;right:14px;bottom:40px;height:50px}
  .phone-footer{bottom:16px;font-size:5px}

  /* Floating cards: stack below phone, full width */
  .floating-cards{position:relative;top:auto;right:auto;left:auto;gap:8px;margin-top:20px;padding:0 4px;z-index:20}
  .floating-card{width:100%;min-width:0;min-height:auto;padding:12px 16px;border-radius:16px;transform:none!important}
  .floating-card:hover{transform:translateY(-3px)!important}
  .card-icon{width:32px;height:32px;flex:0 0 32px}
  .card-icon svg{width:16px;height:16px}
  .floating-card strong{font-size:13px}
  .floating-card small{display:block;font-size:10px;margin-top:3px}

  /* Hero script image */
  .hero-script-image{position:relative;width:80%;right:auto;bottom:auto;margin:20px auto 0;display:block;transform:rotate(-2deg)}

  /* Audience strip */
  .audience-strip{padding:20px 0}
  .audience-grid{grid-template-columns:1fr 1fr;gap:0;width:calc(100% - 32px)}
  .audience-item{padding:14px 12px;border-bottom:1px solid #eef0f2}
  .audience-item:nth-child(odd){border-right:1px solid #eef0f2}
  .audience-item svg{width:24px;height:24px}
  .audience-item strong{font-size:13px}
  .audience-item small{font-size:11px}

  /* Technology section */
  .technology{padding:60px 0}
  .tech-grid{grid-template-columns:1fr;gap:30px;width:calc(100% - 32px)}
  .tech-copy{text-align:center;padding:0}
  .tech-copy h2{font-size:32px;line-height:1.05}
  .tech-copy p{font-size:14px;margin:0 auto;max-width:480px}
  .acted-stack{min-height:340px;margin:0 auto}
  .acted-exact-art{width:min(100%,420px)}
  .technology-panel{padding:0}
  .feature-grid{grid-template-columns:1fr;gap:10px}
  .feature-card{min-height:auto;padding:18px}
  .feature-card>span:first-child{font-size:14px}

  /* Human gap */
  .human-gap{padding:70px 0}
  .human-inner h2{font-size:38px;line-height:1.02}
  .human-inner>p{font-size:15px;line-height:1.6}
  .principle-card strong{font-size:14px}

  /* How it works */
  .how{padding:60px 0}
  .section-head{grid-template-columns:1fr;gap:14px}
  .section-head h2{font-size:32px;line-height:1.05}
  .section-head>p{font-size:13px}
  .how-grid{grid-template-columns:1fr;margin-top:30px}
  .how-card{min-height:auto;padding:20px;border-right:0;border-bottom:1px solid var(--line)}
  .how-card:last-child{border-bottom:0}
  .how-card strong{font-size:22px;margin-top:12px}
  .how-card em{opacity:1;transform:none;margin-top:14px}

  /* Cinematic */
  .cinematic{min-height:420px;padding:60px 0}
  .cinematic-inner h2{font-size:38px;line-height:1.02}
  .cinematic-inner p{font-size:14px}

  /* Solutions */
  .solutions{padding:60px 0}
  .solution-grid{grid-template-columns:1fr;margin-top:30px}
  .solution-card{min-height:auto;padding:24px 20px;border-right:0;border-top:1px solid var(--line)}
  .solution-card:first-child{border-top:0}
  .solution-card h3{font-size:24px}
  .solution-card p{font-size:13px}

  /* Platform section */
  .platform{padding:70px 0 50px}
  .live-console-bar{flex-direction:column;align-items:stretch;gap:12px;padding:16px}
  .live-console-bar>div:first-child{text-align:center}
  .live-kicker{font-size:9px}
  .live-console-bar strong{font-size:13px}
  .live-console-bar small{font-size:11px}
  .live-console-actions{width:100%;justify-content:center;gap:8px;flex-wrap:wrap}
  .live-console-actions .button{flex:1 1 auto;min-width:140px;font-size:12px}
  .live-status{justify-content:center}

  .platform-shell{grid-template-columns:1fr;border-radius:18px}
  .platform-sidebar{padding:14px 12px;min-height:auto}
  .platform-sidebar-brand{padding:4px 8px 14px;font-size:12px;justify-content:center}
  .platform-sidebar-brand img{width:24px;height:24px}
  .platform-nav{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:0}
  .platform-tab{padding:10px 6px;font-size:10px;text-align:center;border-radius:10px;min-height:44px;display:flex;align-items:center;justify-content:center}
  .platform-sidebar-foot{display:none}

  .platform-main{padding:16px 14px}
  .platform-toolbar{flex-direction:column;align-items:stretch;gap:10px}
  .platform-toolbar strong{font-size:17px}
  .platform-toolbar button{width:100%;min-height:44px}

  .platform-stats{grid-template-columns:1fr 1fr;gap:8px}
  .platform-stats>div{padding:14px 12px}
  .platform-stats strong{font-size:24px}
  .platform-stats small{font-size:8px}
  .platform-stats span{font-size:8px}

  .platform-chart{padding:14px;margin-top:8px}
  .platform-chart svg{height:140px}
  .chart-head strong{font-size:12px}
  .chart-head span{font-size:8px}

  .platform-alert-row{grid-template-columns:1fr;gap:8px}
  .platform-alert-row>div{padding:12px}

  .platform-table{font-size:10px}
  .table-row{grid-template-columns:1fr 1fr .8fr .6fr;gap:6px;padding:12px 10px;font-size:10px}
  .table-head{font-size:7px}

  .platform-alerts article{flex-direction:row;flex-wrap:wrap;gap:10px;padding:14px}
  .platform-alerts article strong{font-size:12px}
  .platform-alerts article small{font-size:9px}
  .platform-alerts article button{min-height:40px;padding:8px 14px;font-size:10px}

  .vehicle-grid-mini{grid-template-columns:1fr;gap:8px}
  .vehicle-grid-mini>div{padding:14px}

  .usage-card{padding:14px}
  .usage-card>div:first-child strong{font-size:13px}
  .usage-track{height:12px;margin:14px 0 8px}
  .usage-meta{font-size:9px}
  .usage-meta span{padding:6px 8px}

  .key-card{padding:14px}
  .key-card>div:first-child strong{font-size:11px;word-break:break-all}
  .key-actions{flex-wrap:wrap}
  .key-actions button{flex:1 1 auto;min-height:40px}
  .key-card>small{font-size:9px}

  .platform-feature-strip{grid-template-columns:1fr;gap:8px}
  .platform-feature{padding:16px}
  .platform-feature strong{font-size:13px}
  .platform-feature span{font-size:10px}

  /* Validation / Impact */
  .validation{padding:70px 0;min-height:auto}
  .validation-grid{grid-template-columns:1fr;gap:40px}
  .validation-copy h2{font-size:38px;line-height:1.02}
  .validation-copy p{font-size:14px}
  .eval-console{border-radius:18px}
  .console-main{grid-template-columns:1fr}
  .console-map{min-height:240px}
  .console-data{padding:20px 16px;gap:16px}
  .console-data strong{font-size:12px}
  .console-run{min-height:44px;font-size:11px}

  /* Measures */
  .measures{padding:60px 0}
  .measures-heading h2{font-size:32px;line-height:1.05}
  .measures-heading>p{font-size:13px}
  .measure-grid{grid-template-columns:1fr;margin-top:30px}
  .measure-card{min-height:auto;padding:20px;border-right:0;border-bottom:1px solid var(--line)}
  .measure-card:last-child{border-bottom:0}
  .measure-card strong{font-size:22px}
  .measure-card small{font-size:12px}

  /* Pricing */
  .pricing{padding:70px 0 50px}
  .pricing-head h2{font-size:32px;line-height:1.05}
  .pricing-head>p{font-size:13px}
  .pricing-note{flex-direction:row;gap:12px;padding:16px}
  .pricing-note-mark{width:36px;height:36px;flex:none}
  .pricing-note strong{font-size:13px}
  .pricing-note span{font-size:11px}
  .currency-switcher{margin-bottom:16px}
  .currency-btn{padding:10px 16px;font-size:13px;min-height:44px}
  .pricing-grid{grid-template-columns:1fr;gap:12px}
  .price-card{min-height:auto;padding:22px 18px}
  .price-card h3{font-size:24px}
  .price-line strong{font-size:28px}
  .price-card>p{font-size:13px;min-height:auto}
  .price-card li{font-size:11px;padding:12px 0}
  .price-card li b{font-size:11px}
  .price-cta{min-height:48px;font-size:13px;padding:14px}
  .pricing-foot{flex-direction:column;align-items:stretch;gap:12px;margin-top:16px}
  .pricing-foot button{min-height:44px;font-size:13px}

  /* Company */
  .company{padding:60px 0}
  .company-grid{grid-template-columns:1fr;gap:30px}
  .company-card{padding:18px}
  .company-logo-box{height:200px;border-radius:16px}
  .company-card>strong{font-size:14px}
  .company-copy h2{font-size:32px;line-height:1.05}
  .company-copy>p{font-size:14px}
  .founder-note{padding-top:20px;margin-top:24px}
  .founder-note>span{font-size:44px}
  .founder-note p{font-size:18px}
  .company-links{flex-direction:column;gap:12px}
  .company-links button{min-height:44px;text-align:center;font-size:13px;padding:12px;border:1px solid #e4e8ec;border-radius:12px;background:#fff}

  /* Contact */
  .contact{padding:70px 0}
  .contact h2{font-size:38px;line-height:1.02}
  .contact-inner>p{font-size:12px}
  .contact-grid{grid-template-columns:1fr;gap:10px;margin-top:30px}
  .contact-card{min-height:auto;padding:16px}
  .contact-card small{font-size:9px}
  .contact-card strong{font-size:11px}
  .contact-icon{width:36px;height:36px}
  .contact-icon svg{width:18px;height:18px}

  /* Footer */
  .footer{padding:50px 0 20px}
  .footer-top{grid-template-columns:1fr 1fr;gap:30px;padding-bottom:30px}
  .footer-brand{grid-column:1/-1}
  .footer-brand p{font-size:11px}
  .footer-meta{font-size:10px}
  .footer-column b{font-size:10px}
  .footer-column a,.footer-column button{font-size:12px;min-height:40px;display:flex;align-items:center}
  .footer-bottom{flex-direction:column;gap:6px;text-align:center;padding-top:16px;font-size:10px}

  /* Modals — near full screen on phones */
  .modal{padding:12px;align-items:stretch}
  .modal-panel{width:100%;max-width:100%;border-radius:20px;padding:24px 20px;max-height:calc(100vh - 24px);overflow-y:auto}
  .modal-close{top:10px;right:10px;width:40px;height:40px;font-size:26px}
  .search-panel h2,.info-panel h2,.form-panel h2{font-size:26px;line-height:1.05;margin:10px 0 16px}
  .search-panel input{font-size:18px;padding:14px 0}
  .search-result{padding:14px}
  .search-result strong{font-size:14px}
  .search-result small{font-size:11px}
  .info-panel p{font-size:14px;line-height:1.65;margin-bottom:20px}
  .info-panel .button{min-height:48px;font-size:14px}

  /* Auth modal — phone perfect */
  .live-auth-card{max-width:100%;padding:24px 20px}
  .live-auth-card h2{font-size:24px;line-height:1.1;margin:10px 0 12px}
  .live-auth-card>p{font-size:13px;line-height:1.55;margin-bottom:16px}
  .auth-switch{margin:14px 0;gap:4px;padding:4px}
  .auth-mode{padding:12px;font-size:14px;min-height:48px}
  .live-auth-form{gap:14px}
  .live-auth-form label{gap:7px}
  .live-auth-form label span{font-size:12px}
  .live-auth-form input{padding:14px 14px;font-size:16px;border-radius:14px;min-height:50px}
  .auth-submit{min-height:52px;font-size:15px;margin-top:8px}
  .auth-error{font-size:13px;min-height:20px;line-height:1.4}

  /* Film modal */
  .film-panel{padding:14px}
  .film-frame{height:280px;border-radius:14px}
  .film-title{left:18px;right:18px;bottom:22px}
  .film-title strong{font-size:22px}
  .film-title small{font-size:11px;margin-top:8px}
  .film-timeline{left:18px;right:18px}
  .film-controls{gap:6px;padding-top:10px}
  .film-controls button{padding:10px 14px;font-size:11px;min-height:44px;border-radius:999px}

  /* Form modal */
  .form-panel form{gap:14px}
  .form-panel label{font-size:11px}
  .form-panel input,.form-panel select,.form-panel textarea{
    padding:14px;font-size:16px;border-radius:14px;min-height:50px
  }
  .form-panel textarea{min-height:100px}
  .form-panel .button{min-height:52px;font-size:14px}
  .form-panel small{font-size:10px;line-height:1.5}

  /* Progress bar */
  .progress{height:3px}
}

/* =========================================================
   SMALL PHONE (max 480px)
   ========================================================= */
@media(max-width:480px){
  .wrap{width:calc(100% - 28px)}
  .header-inner{width:calc(100% - 24px);height:60px}
  .brand img{width:28px;height:28px}

  /* Hero */
  .hero{padding:90px 0 40px}
  .hero h1{font-size:38px;line-height:1.02;margin-bottom:18px}
  .hero-copy>p{font-size:14px;margin-bottom:22px}
  .hero-badge{margin-bottom:18px}
  .hero-badge span:first-child{padding:5px 9px;font-size:10px}
  .hero-badge span:last-child{font-size:9px}
  .hero-actions .button{min-height:50px;font-size:13px;padding:0 18px}

  /* Phone device smaller */
  .hero-visual{min-height:360px}
  .phone-device{width:180px;height:366px;right:50%;top:15px;border-radius:28px}
  .phone-notch{width:60px;height:16px;top:8px}
  .phone-status{top:16px;left:16px;right:16px}
  .phone-status strong{font-size:12px}
  .phone-brand{top:50px;font-size:5px}
  .status-ring{top:84px;width:104px;height:104px}
  .ring-core{width:38px;height:38px}
  .phone-message{top:210px;font-size:6px}
  .phone-state{top:242px;left:10px;right:10px;padding:7px;border-radius:10px}
  .state-symbol{width:22px;height:22px}
  .phone-state strong{font-size:7px}
  .phone-state small{font-size:5px}
  .mini-route{left:12px;right:12px;bottom:34px;height:42px}
  .phone-footer{bottom:12px;font-size:4px}

  /* Floating cards */
  .floating-card{padding:11px 14px;border-radius:14px}
  .floating-card strong{font-size:12px}
  .floating-card small{font-size:9px}
  .card-icon{width:28px;height:28px;flex:0 0 28px}
  .card-icon svg{width:14px;height:14px}

  .hero-script-image{width:88%;margin:16px auto 0}

  /* Audience */
  .audience-grid{grid-template-columns:1fr;width:calc(100% - 24px)}
  .audience-item{border-right:0!important;border-bottom:1px solid #eef0f2;padding:16px 12px}
  .audience-item:last-child{border-bottom:0}

  /* Section headings */
  .tech-copy h2,.section-head h2,.measures-heading h2,.company-copy h2{font-size:28px}
  .human-inner h2,.cinematic-inner h2,.validation-copy h2,.contact h2{font-size:34px}

  /* Platform */
  .platform-stats{grid-template-columns:1fr 1fr;gap:6px}
  .platform-stats>div{padding:12px 10px}
  .platform-stats strong{font-size:22px}
  .platform-nav{grid-template-columns:repeat(2,1fr)}
  .platform-tab{font-size:10px;padding:10px 4px}

  /* Table rows */
  .table-row{grid-template-columns:1.2fr 1fr .7fr .5fr;gap:4px;padding:10px 8px;font-size:9px}
  .table-head{font-size:7px}

  /* Modals */
  .modal{padding:8px}
  .modal-panel{padding:22px 18px;border-radius:18px}
  .search-panel h2,.info-panel h2,.form-panel h2{font-size:22px}
  .live-auth-card{padding:22px 18px}
  .live-auth-card h2{font-size:22px}

  /* Contact cards */
  .contact-card{padding:14px}
  .contact-card strong{font-size:10px}

  /* Footer */
  .footer-top{grid-template-columns:1fr;gap:24px}
  .footer-column{gap:8px}
}

/* =========================================================
   TINY PHONE (max 360px)
   ========================================================= */
@media(max-width:360px){
  .hero h1{font-size:32px}
  .hero-copy>p{font-size:13px}
  .phone-device{width:160px;height:326px;right:50%;top:12px}
  .status-ring{top:74px;width:92px;height:92px}
  .ring-core{width:34px;height:34px}
  .phone-message{top:188px}
  .phone-state{top:218px}
  .mini-route{bottom:30px;height:36px}

  .hero-actions .button{min-height:48px;font-size:12px;padding:0 16px}

  .platform-stats{grid-template-columns:1fr}
  .platform-nav{grid-template-columns:1fr 1fr}
  .platform-tab{font-size:9px}

  .live-console-actions .button{flex:1 1 100%;width:100%}

  .audience-item strong{font-size:12px}
  .audience-item small{font-size:10px}

  .price-card{padding:18px 14px}
  .price-card h3{font-size:20px}
  .price-line strong{font-size:24px}

  .modal-panel{padding:20px 16px}
  .live-auth-card{padding:20px 16px}
  .live-auth-card h2{font-size:20px}
  .auth-mode{font-size:13px;padding:11px}
}

/* =========================================================
   LANDSCAPE PHONE
   ========================================================= */
@media(max-width:900px) and (orientation:landscape){
  .hero{min-height:100vh;padding:80px 0 30px}
  .hero-inner{grid-template-columns:1fr 1fr;gap:20px;padding-top:20px}
  .hero-copy{text-align:left}
  .hero-actions{flex-direction:row}
  .hero-actions .button{width:auto}
  .hero-visual{min-height:300px;height:300px}
  .phone-device{width:170px;height:346px;right:auto;left:50%;top:10px;transform:translateX(-50%) perspective(1400px) rotateY(-6deg)}
  .floating-cards{position:relative;top:auto;right:auto;margin-top:10px}
  .floating-card{width:100%}
  .modal-panel{max-height:calc(100vh - 16px);overflow-y:auto}
}

/* =========================================================
   REDUCED MOTION (accessibility)
   ========================================================= */
@media(prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important;animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important}
  .hero-visual{transform:none!important}
  .floating-card{transform:none!important}
  .reveal{opacity:1!important;transform:none!important}
}

/* =========================================================
   HIGH CONTRAST / DARK MODE PREFERENCE
   ========================================================= */
@media(prefers-color-scheme:dark){
  .live-console-bar{background:rgba(20,25,32,.85);border-color:rgba(255,255,255,.08)}
  .live-console-bar strong{color:#f3f4f6}
  .live-console-bar small{color:#9ca3af}
  .live-kicker{color:#9ca3af}
}

/* =========================================================
   V16 — API DOCS, INLINE FORMS, WEBHOOKS
   ========================================================= */

/* Console action bars (inline forms above tables) */
.console-action-bar{margin-bottom:14px;padding:14px;background:#fff;border:1px solid #e6eaee;border-radius:14px}
.inline-form{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end}
.inline-form select,.inline-form input{
  flex:1 1 140px;min-width:0;border:1px solid #dce1e8;border-radius:10px;
  padding:10px 12px;font:inherit;font-size:13px;outline:none;background:#fff;color:#161a1f;
  min-height:42px;
}
.inline-form select:focus,.inline-form input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}
.inline-form button{flex:0 0 auto;min-height:42px;padding:10px 18px;font-size:12px;font-weight:700;white-space:nowrap}

/* API Docs section */
.api-docs{background:#0a0d12;color:#fff;padding:110px 0 90px;border-top:1px solid #1a1f28}
.api-docs .eyebrow-dark{color:rgba(255,255,255,.5)}
.api-docs .section-head h2{color:#fff}
.api-docs .section-head h2 span{color:#8b95a0}
.api-docs .section-head>p{color:rgba(255,255,255,.5)}

.api-tabs{display:inline-flex;gap:4px;padding:4px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:12px;margin-bottom:20px}
.api-tab{border:0;background:transparent;color:rgba(255,255,255,.5);padding:10px 18px;border-radius:9px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:.25s ease}
.api-tab.active{background:rgba(255,255,255,.12);color:#fff}
.api-tab:hover{color:#fff}

.api-code-grid{margin-bottom:30px}
.api-code-panel{display:none}
.api-code-panel.active{display:block}

.code-block{background:#0d1117;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;max-height:520px;overflow-y:auto;position:relative}
.code-block pre{padding:22px 24px;margin:0;font:13px/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#c9d1d9;white-space:pre;overflow-x:auto}
.code-copy-btn{position:absolute;top:10px;right:10px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:rgba(255,255,255,.7);padding:6px 12px;border-radius:8px;font:700 10px ui-monospace,SFMono-Regular,Menlo,monospace;cursor:pointer;z-index:5;transition:.25s ease}
.code-copy-btn:hover{background:rgba(255,255,255,.12);color:#fff}
.code-block code{font:inherit}
.code-block .c-comment{color:#6a737d}
.code-block .c-keyword{color:#ff7b72}
.code-block .c-string{color:#a5d6ff}
.code-block .c-number{color:#79c0ff}

.api-endpoint-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:24px}
.api-endpoint{display:flex;align-items:center;gap:10px;padding:12px 16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;transition:.25s ease}
.api-endpoint:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.14)}
.api-endpoint code{font:12px ui-monospace,SFMono-Regular,Menlo,monospace;color:#c9d1d9;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.api-endpoint small{color:rgba(255,255,255,.4);font-size:10px;white-space:nowrap}
.method{font:700 9px ui-monospace,SFMono-Regular,Menlo,monospace;padding:4px 8px;border-radius:6px;letter-spacing:.05em;flex:none}
.method-get{background:#1a4d2e;color:#3fb950}
.method-post{background:#1a3a5c;color:#58a6ff}
.method-delete{background:#5c1a1a;color:#f85149}
.method-put{background:#5c4a1a;color:#d29922}

/* Webhooks list */
#liveWebhooksList{display:grid;gap:9px}
.webhook-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 16px;background:#fff;border:1px solid #e6eaee;border-radius:14px}
.webhook-card .webhook-url{font:12px ui-monospace,SFMono-Regular,Menlo,monospace;color:#1a2430;word-break:break-all}
.webhook-card .webhook-events{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}
.webhook-card .webhook-events span{font:8px ui-monospace,SFMono-Regular,Menlo,monospace;padding:3px 6px;background:#eef2f6;border-radius:999px;color:#5d6b7d}
.webhook-card button{border:1px solid #dfe4e8;background:#fff;padding:8px 14px;border-radius:999px;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700;cursor:pointer;color:#b13d35;flex:none}
.webhook-card button:hover{background:#fdeceb}

/* Toast notifications */
.live-toast{position:fixed;bottom:24px;right:24px;z-index:900;padding:14px 20px;background:#101827;color:#fff;border-radius:14px;font-size:13px;font-weight:600;box-shadow:0 20px 50px rgba(0,0,0,.3);transform:translateY(100px);opacity:0;transition:transform .4s cubic-bezier(.2,.72,.2,1),opacity .4s ease;max-width:380px}
.live-toast.show{transform:translateY(0);opacity:1}
.live-toast.success{background:#0d5c3a}
.live-toast.error{background:#8a1c1c}

/* Session action buttons */
.session-actions{display:flex;gap:4px}
.session-actions button{border:1px solid #dce2e8;background:#fff;padding:6px 10px;border-radius:8px;font-size:9px;font-weight:700;cursor:pointer;white-space:nowrap}
.session-actions button:hover{background:#f0f4f8}
.session-actions button.end-btn{color:#b13d35;border-color:#f0c4c0}
.session-actions button.end-btn:hover{background:#fdeceb}
.session-actions button.update-btn{color:#2d71ad;border-color:#c4daf0}
.session-actions button.update-btn:hover{background:#eaf4ff}

/* Responsive for API docs */
@media(max-width:768px){
  .api-docs{padding:70px 0 50px}
  .api-docs .section-head h2{font-size:30px}
  .api-tabs{display:flex;overflow-x:auto;width:100%;border-radius:10px}
  .api-tab{padding:10px 14px;font-size:12px;white-space:nowrap}
  .code-block{max-height:380px;border-radius:12px}
  .code-block pre{padding:16px;font-size:11px;line-height:1.6}
  .api-endpoint-grid{grid-template-columns:1fr}
  .api-endpoint small{display:none}
  .inline-form{flex-direction:column}
  .inline-form select,.inline-form input{flex:1 1 100%;width:100%}
  .inline-form button{width:100%}
  .console-action-bar{padding:12px}
  .webhook-card{flex-direction:column;align-items:stretch;gap:10px}
  .webhook-card button{width:100%;text-align:center}
  .live-toast{left:12px;right:12px;bottom:12px;max-width:none}
}
@media(max-width:480px){
  .code-block pre{font-size:10px;padding:14px}
  .api-endpoint code{font-size:11px}
}

/* =========================================================
   V17 — MISSING CLASS FIXES + POLISH
   ========================================================= */

/* modal-card — used by auth modal, inherit modal-panel styles */
.modal-card{
  background:#fff;border-radius:24px;padding:32px;
  max-width:480px;width:100%;max-height:calc(100vh - 48px);overflow-y:auto;
  box-shadow:0 40px 100px rgba(0,0,0,.3);
  position:relative;z-index:2;
}
.modal-card.live-auth-card{max-width:420px}

/* enterprise-price-suffix — for Enterprise plan "Contact" pricing */
.enterprise-price-suffix{font-size:14px;color:var(--muted);font-weight:400}

/* Button disabled state */
button:disabled,button[disabled]{opacity:.5;cursor:not-allowed;transform:none!important}
button:disabled:hover{transform:none!important}

/* Tag colors for session phases and alert severity */
.tag{display:inline-block;padding:3px 10px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}
.tag-green{background:#dcfce7;color:#166534}
.tag-red{background:#fee2e2;color:#991b1b}
.tag-amber{background:#fef3c7;color:#92400e}
.tag-blue{background:#dbeafe;color:#1e40af}
.tag-gray{background:#f3f4f6;color:#374151}

/* Loading state for buttons */
.is-loading{position:relative;color:transparent!important}
.is-loading::after{content:'';position:absolute;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;left:50%;top:50%;margin:-8px 0 0 -8px}
@keyframes spin{to{transform:rotate(360deg)}}

/* Smooth focus for accessibility */
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:2px solid #47a6ff;outline-offset:2px;
}

/* Console table improvements */
.table-row{display:grid;grid-template-columns:1fr 1fr 1fr 0.8fr 1fr;gap:8px;align-items:center;padding:12px 14px;border-bottom:1px solid #eef0f2;font-size:12px}
.table-row.table-head{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;background:#f9fafb;border-radius:10px 10px 0 0}
.table-row strong{font-weight:700}
@media(max-width:768px){
  .table-row{grid-template-columns:1fr 1fr 1fr;font-size:11px;gap:6px;padding:10px}
  .table-row.table-head{display:none}
  .table-row > *:nth-child(4),.table-row > *:nth-child(5){grid-column:span 1;font-size:10px}
}
@media(max-width:480px){
  .table-row{grid-template-columns:1fr 1fr;gap:4px;padding:8px}
}

/* Live console empty states */
.live-empty{padding:32px 20px;text-align:center;color:#9ca3af;font-size:13px;background:#f9fafb;border-radius:12px;border:1px dashed #e5e7eb}

/* Key card improvements */
.key-card{background:#fff;border:1px solid #e6eaee;border-radius:16px;padding:20px}
.key-card > div:first-child{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}
.key-card span{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9ca3af}
.key-card strong{font-size:14px;color:#161a1f;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all}
.key-card small{display:block;margin-top:12px;font-size:11px;color:#9ca3af;line-height:1.5}
.key-card small code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#f3f4f6;padding:2px 6px;border-radius:4px;font-size:10px}
.key-actions{display:flex;gap:8px}
.key-actions button{flex:1;padding:10px 16px;border:1px solid #dce1e8;background:#fff;border-radius:10px;font-size:12px;font-weight:600;cursor:pointer;transition:.25s ease;min-height:42px}
.key-actions button:hover{background:#f0f4f8;border-color:#b8c2cc}

/* Usage track in billing */
.usage-track{height:8px;background:#e5e7eb;border-radius:999px;overflow:hidden;margin:14px 0}
.usage-track span{display:block;height:100%;background:linear-gradient(90deg,#47a6ff,#2563eb);border-radius:999px;transition:width .5s ease}
.usage-meta{display:flex;justify-content:space-between;font-size:10px;color:#9ca3af;letter-spacing:.03em}

/* Platform content spacing */
.platform-content{padding:4px 0 20px}
.platform-content > .console-action-bar{margin-bottom:16px}

/* Inline form button compact */
.button.compact{min-height:42px;padding:8px 16px;font-size:12px}

/* Mobile: key cards stack */
@media(max-width:480px){
  .key-card{padding:16px}
  .key-actions{flex-direction:column}
  .key-actions button{width:100%}
  .usage-meta{flex-direction:column;gap:4px}
}

/* =========================================================
   V18 — LIVE API PLAYGROUND
   ========================================================= */
.api-playground{margin-top:40px;padding:32px;background:#0d1117;border:1px solid rgba(255,255,255,.08);border-radius:20px}
.api-playground .playground-head{margin-bottom:20px}
.api-playground .eyebrow-dark{color:rgba(255,255,255,.4);margin-bottom:8px}
.api-playground h3{color:#fff;font-size:24px;margin-bottom:8px;font-family:Manrope,Inter,sans-serif}
.api-playground p{color:rgba(255,255,255,.5);font-size:13px;line-height:1.6}
.api-playground p strong{color:#fff}

.playground-controls{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.playground-controls .button{min-height:42px;font-size:13px}
.button-outline-dark{background:transparent;border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.7)}
.button-outline-dark:hover{background:rgba(255,255,255,.06);color:#fff}
.playground-status{font-size:12px;color:rgba(255,255,255,.5);font-weight:600}
.playground-status.pg-success{color:#3fb950}
.playground-status.pg-error{color:#f85149}

.playground-output{background:#06080c;border:1px solid rgba(255,255,255,.06);border-radius:14px;max-height:520px;overflow-y:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.playground-placeholder{padding:32px 20px;text-align:center;color:rgba(255,255,255,.25);font-size:13px;line-height:1.6}

.pg-entry{padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.06);animation:pgSlideIn .3s ease}
.pg-entry:last-child{border-bottom:0}
.pg-entry.pg-fail{background:rgba(248,81,73,.06)}
@keyframes pgSlideIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}

.pg-step{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.pg-num{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;background:rgba(88,166,255,.15);color:#58a6ff;font-size:11px;font-weight:700;flex:none}
.pg-fail .pg-num{background:rgba(248,81,73,.15);color:#f85149}
.pg-label{font-size:12px;font-weight:600;color:#c9d1d9;flex:1}
.pg-time{font-size:10px;color:rgba(255,255,255,.3);flex:none}

.pg-data{font-size:11px;line-height:1.5;color:#8b949e;white-space:pre-wrap;word-break:break-word;margin:0;padding:8px 12px;background:rgba(255,255,255,.03);border-radius:8px;max-height:200px;overflow-y:auto}

/* Mobile responsive */
@media(max-width:768px){
  .api-playground{padding:20px;border-radius:14px}
  .api-playground h3{font-size:20px}
  .playground-controls{flex-direction:column;align-items:stretch}
  .playground-controls .button{width:100%}
  .playground-output{max-height:400px}
  .pg-entry{padding:12px 14px}
  .pg-data{font-size:10px;padding:6px 10px}
}
@media(max-width:480px){
  .api-playground{padding:16px}
  .pg-step{flex-wrap:wrap}
  .pg-time{width:100%;margin-top:2px}
}

/* =========================================================
   V19 — PLAN DETAIL DRAWER (Claude/ChatGPT style)
   ========================================================= */
.plan-drawer{position:fixed;inset:0;z-index:600;visibility:hidden;pointer-events:none}
.plan-drawer.open{visibility:visible;pointer-events:auto}
.plan-drawer-backdrop{position:absolute;inset:0;background:rgba(5,6,7,.6);backdrop-filter:blur(6px);opacity:0;transition:opacity .35s ease}
.plan-drawer.open .plan-drawer-backdrop{opacity:1}
.plan-drawer-panel{
  position:absolute;left:0;top:0;bottom:0;width:min(520px,100%);
  background:#fff;overflow-y:auto;transform:translateX(-100%);
  transition:transform .4s cubic-bezier(.2,.72,.2,1);
  box-shadow:30px 0 80px rgba(0,0,0,.15);
  padding:0;
}
.plan-drawer.open .plan-drawer-panel{transform:translateX(0)}
.plan-drawer-close{
  position:absolute;top:16px;right:16px;z-index:10;
  width:36px;height:36px;border:0;border-radius:50%;
  background:rgba(0,0,0,.05);color:#555;font-size:20px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;transition:.25s ease;
}
.plan-drawer-close:hover{background:rgba(0,0,0,.1)}

/* Drawer content */
.pd-hero{padding:36px 32px 28px;background:linear-gradient(135deg,#0a0d12 0%,#141b28 100%);color:#fff;position:relative}
.pd-hero .pd-kicker{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.4);margin-bottom:6px}
.pd-hero h2{font-family:Manrope,Inter,sans-serif;font-size:32px;font-weight:600;letter-spacing:-.03em;margin-bottom:8px}
.pd-hero .pd-price{font-size:28px;font-weight:700;margin-bottom:4px}
.pd-hero .pd-price small{font-size:14px;font-weight:400;color:rgba(255,255,255,.5)}
.pd-hero .pd-tagline{font-size:13px;color:rgba(255,255,255,.55);line-height:1.5}

.pd-body{padding:28px 32px 40px}
.pd-section{margin-bottom:28px}
.pd-section-title{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#9ca3af;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid #eef0f2}

/* Feature comparison table */
.pd-compare{display:grid;gap:0}
.pd-compare-row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:10px 0;border-bottom:1px solid #f3f4f6;align-items:center}
.pd-compare-row:last-child{border-bottom:0}
.pd-compare-label{font-size:13px;color:#374151;font-weight:500}
.pd-compare-value{font-size:13px;font-weight:700;color:#161a1f;text-align:right;white-space:nowrap}
.pd-compare-value.pd-yes{color:#059669}
.pd-compare-value.pd-no{color:#9ca3af}
.pd-compare-value .pd-check{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#d1fae5;color:#059669;font-size:11px}
.pd-compare-value .pd-cross{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#f3f4f6;color:#9ca3af;font-size:11px}

/* Feature list with icons */
.pd-features{display:grid;gap:10px}
.pd-feature{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.5;color:#374151}
.pd-feature .pd-feature-icon{flex:none;width:20px;height:20px;border-radius:50%;background:#d1fae5;color:#059669;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;margin-top:1px}
.pd-feature .pd-feature-icon.pd-premium{background:#dbeafe;color:#2563eb}
.pd-feature strong{color:#161a1f;font-weight:600}

/* What you can build */
.pd-usecases{display:grid;gap:8px}
.pd-usecase{padding:12px 14px;background:#f9fafb;border:1px solid #eef0f2;border-radius:10px;font-size:12px;color:#374151;line-height:1.5}
.pd-usecase strong{display:block;color:#161a1f;font-size:13px;margin-bottom:2px}

/* API limits visualization */
.pd-limits{padding:16px;background:#f9fafb;border-radius:12px;border:1px solid #eef0f2}
.pd-limit-bar{margin-bottom:12px}
.pd-limit-bar:last-child{margin-bottom:0}
.pd-limit-bar-label{display:flex;justify-content:space-between;font-size:11px;color:#6b7280;margin-bottom:4px}
.pd-limit-bar-track{height:6px;background:#e5e7eb;border-radius:999px;overflow:hidden}
.pd-limit-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#47a6ff,#2563eb);transition:width .6s ease}

/* CTA buttons in drawer */
.pd-cta{display:flex;gap:10px;margin-top:24px}
.pd-cta button{flex:1;min-height:46px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:.25s ease;border:1px solid transparent}
.pd-cta .pd-cta-primary{background:#101319;color:#fff;border-color:#101319}
.pd-cta .pd-cta-primary:hover{background:#000;transform:translateY(-1px)}
.pd-cta .pd-cta-secondary{background:#fff;color:#374151;border-color:#dce1e8}
.pd-cta .pd-cta-secondary:hover{background:#f9fafb}
.pd-cta .pd-cta-primary:disabled,.pd-cta .pd-cta-secondary:disabled{opacity:.5;cursor:not-allowed;transform:none}

/* Plan comparison mini-cards inside drawer */
.pd-vs{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-top:16px}
.pd-vs-item{text-align:center;padding:8px 4px;border-radius:8px;cursor:pointer;transition:.25s ease;border:1px solid transparent}
.pd-vs-item:hover{background:#f9fafb}
.pd-vs-item.active{background:#101319;color:#fff}
.pd-vs-item.active .pd-vs-price{color:rgba(255,255,255,.6)}
.pd-vs-item .pd-vs-name{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.pd-vs-item .pd-vs-price{font-size:10px;color:#9ca3af;margin-top:2px}

/* Responsive */
@media(max-width:768px){
  .plan-drawer-panel{width:100%}
  .pd-hero{padding:28px 20px 22px}
  .pd-hero h2{font-size:26px}
  .pd-body{padding:22px 20px 32px}
  .pd-cta{flex-direction:column}
}
@media(max-width:480px){
  .pd-vs{grid-template-columns:repeat(5,1fr);gap:2px}
  .pd-vs-item{padding:6px 2px}
  .pd-vs-item .pd-vs-name{font-size:9px}
  .pd-vs-item .pd-vs-price{font-size:9px}
}

/* Plan drawer content container */
.plan-drawer-content{min-height:100%}

/* =========================================================
   V20 — SDK INTERACTIVE DEMO
   ========================================================= */
.sdk-demo{margin-top:32px;padding:32px;background:#0d1117;border:1px solid rgba(255,255,255,.08);border-radius:20px}
.sdk-demo .playground-head{margin-bottom:20px}
.sdk-demo-controls{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}
.sdk-scenario-picker{display:flex;gap:8px;flex-wrap:wrap}
.sdk-scenario-btn{padding:8px 16px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:rgba(255,255,255,.6);border-radius:999px;font-size:12px;font-weight:600;cursor:pointer;transition:.25s ease}
.sdk-scenario-btn:hover{background:rgba(255,255,255,.08);color:#fff}
.sdk-scenario-btn.active{background:#2563eb;border-color:#2563eb;color:#fff}
.sdk-demo-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.sdk-demo-actions .button{min-height:42px;font-size:13px}

.sdk-demo-grid{display:grid;grid-template-columns:280px 1fr;gap:20px;margin-bottom:16px}
.sdk-eps-display{background:#06080c;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}
.sdk-eps-label{font-size:10px;font-weight:700;letter-spacing:.15em;color:rgba(255,255,255,.3);text-transform:uppercase}
.sdk-eps-number{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:42px;font-weight:700;color:#58a6ff;line-height:1;transition:color .3s ease}
.sdk-eps-number.phase-alert{color:#f0883e}
.sdk-eps-number.phase-high{color:#f85149}
.sdk-eps-number.phase-emergency{color:#ff4444;text-shadow:0 0 20px rgba(255,68,68,.4)}
.sdk-eps-number.phase-failsafe{color:#ff0000;text-shadow:0 0 30px rgba(255,0,0,.6)}
.sdk-eps-phase{font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.sdk-eps-bar{width:100%;height:8px;background:rgba(255,255,255,.08);border-radius:999px;overflow:hidden;margin-top:8px}
.sdk-eps-bar-fill{height:100%;width:0%;background:linear-gradient(90deg,#58a6ff,#f0883e,#f85149);border-radius:999px;transition:width .5s ease,background .5s ease}
.sdk-eps-meta{display:flex;justify-content:space-between;width:100%;font-size:11px;color:rgba(255,255,255,.4);margin-top:4px}
.sdk-eps-meta strong{color:rgba(255,255,255,.7)}

.sdk-chart{background:#06080c;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:16px;min-height:200px;display:flex;flex-direction:column}
.sdk-chart-title{font-size:10px;font-weight:700;letter-spacing:.1em;color:rgba(255,255,255,.3);text-transform:uppercase;margin-bottom:8px}
.sdk-chart svg{width:100%;height:100%;min-height:180px;flex:1}
.sdk-eps-thresholds{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.06);width:100%}
.sdk-eps-thresholds .th{font-size:9px;font-weight:600;padding:2px 6px;border-radius:4px;font-family:ui-monospace,monospace}
.sdk-eps-thresholds .th-alert{background:rgba(240,136,62,.1);color:#f0883e}
.sdk-eps-thresholds .th-high{background:rgba(248,81,73,.1);color:#f85149}
.sdk-eps-thresholds .th-emerg{background:rgba(255,68,68,.1);color:#ff4444}
.sdk-eps-thresholds .th-fail{background:rgba(255,0,0,.1);color:#ff0000}

.sdk-demo-log{background:#06080c;border:1px solid rgba(255,255,255,.06);border-radius:14px;max-height:300px;overflow-y:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.sdk-demo-log .playground-placeholder{padding:24px 20px;text-align:center;color:rgba(255,255,255,.25);font-size:13px}

.sdk-log-entry{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.04);font-size:12px;color:rgba(255,255,255,.6);display:flex;gap:12px;align-items:flex-start;animation:pgSlideIn .3s ease}
.sdk-log-entry:last-child{border-bottom:0}
.sdk-log-step{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;background:rgba(88,166,255,.15);color:#58a6ff;font-size:10px;font-weight:700;flex:none;margin-top:2px}
.sdk-log-entry.alert .sdk-log-step{background:rgba(240,136,62,.15);color:#f0883e}
.sdk-log-entry.high .sdk-log-step{background:rgba(248,81,73,.15);color:#f85149}
.sdk-log-entry.emergency .sdk-log-step{background:rgba(255,68,68,.2);color:#ff4444}
.sdk-log-entry.failsafe .sdk-log-step{background:rgba(255,0,0,.25);color:#ff0000}
.sdk-log-content{flex:1;min-width:0}
.sdk-log-header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px}
.sdk-log-text{flex:1;font-size:12px;line-height:1.4}
.sdk-log-text strong{color:#fff;font-weight:600}
.sdk-log-eps{font-weight:700;color:#58a6ff;flex:none;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}
.sdk-log-entry.alert .sdk-log-eps{color:#f0883e}
.sdk-log-entry.high .sdk-log-eps{color:#f85149}
.sdk-log-entry.emergency .sdk-log-eps{color:#ff4444}
.sdk-log-entry.failsafe .sdk-log-eps{color:#ff0000}

/* Signal breakdown bars in log entries */
.sdk-signal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-top:4px}
.sdk-signal-mini{display:flex;flex-direction:column;align-items:center;gap:2px}
.sdk-signal-name{font-size:8px;color:rgba(255,255,255,.3);text-transform:uppercase;letter-spacing:.02em;font-weight:600}
.sdk-signal-bar{width:100%;height:3px;background:rgba(255,255,255,.06);border-radius:2px;overflow:hidden}
.sdk-signal-fill{display:block;height:100%;border-radius:2px;transition:width .4s ease}
.sdk-signal-val{font-size:8px;color:rgba(255,255,255,.4);font-family:ui-monospace,monospace}

/* Status colors */
.pg-warn{color:#f0883e!important}
.pg-error{color:#f85149!important}
.pg-success{color:#3fb950!important}

/* Decision engine badges in SDK demo */
.sdk-reason-tag{display:inline-block;padding:1px 6px;border-radius:4px;font-size:9px;font-weight:600;letter-spacing:.03em;margin-left:4px;background:rgba(255,255,255,.06);color:rgba(255,255,255,.5);vertical-align:middle}
.sdk-log-entry.alert .sdk-reason-tag{background:rgba(240,136,62,.12);color:#f0883e}
.sdk-log-entry.high .sdk-reason-tag{background:rgba(248,81,73,.12);color:#f85149}
.sdk-log-entry.emergency .sdk-reason-tag{background:rgba(255,68,68,.15);color:#ff4444}
.sdk-log-entry.failsafe .sdk-reason-tag{background:rgba(255,0,0,.18);color:#ff0000}
.sdk-cdc-badge{display:inline-block;margin-top:6px;padding:3px 10px;border-radius:6px;font-size:10px;font-weight:700;letter-spacing:.08em;background:linear-gradient(90deg,rgba(255,0,0,.2),rgba(255,68,68,.2));color:#ff4444;border:1px solid rgba(255,68,68,.3);animation:cdcPulse 1.5s ease infinite}
@keyframes cdcPulse{0%,100%{opacity:1}50%{opacity:.6}}

@media(max-width:768px){
  .sdk-demo{padding:20px;border-radius:14px}
  .sdk-demo-grid{grid-template-columns:1fr}
  .sdk-eps-display{padding:18px}
  .sdk-eps-number{font-size:36px}
  .sdk-demo-actions{flex-direction:column;align-items:stretch}
  .sdk-demo-actions .button{width:100%}
  .sdk-scenario-picker{justify-content:center}
}
@media(max-width:480px){
  .sdk-demo{padding:16px}
  .sdk-scenario-btn{padding:6px 12px;font-size:11px}
  .sdk-eps-number{font-size:30px}
}

/* ============================================================
   VV Console — Safety Module
   ============================================================ */

/* Safety tab badge */
.tab-badge{display:inline-block;margin-left:4px;padding:1px 5px;border-radius:4px;font-size:8px;font-weight:700;letter-spacing:.05em;background:linear-gradient(90deg,#f0883e,#f85149);color:#fff;vertical-align:middle}

/* Safety summary cards */
.safety-summary-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}
.safety-card{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08)}
.safety-card-icon{font-size:22px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;flex-shrink:0}
.safety-card small{display:block;font-size:9px;letter-spacing:.1em;color:rgba(255,255,255,.4);margin-bottom:2px}
.safety-card strong{font-size:22px;font-weight:700}
.safety-card-safe .safety-card-icon{background:rgba(63,185,80,.12);color:#3fb950}
.safety-card-warn .safety-card-icon{background:rgba(240,136,62,.12);color:#f0883e}
.safety-card-critical .safety-card-icon{background:rgba(248,81,73,.12);color:#f85149}
.safety-card-score .safety-card-icon{background:rgba(88,166,255,.12);color:#58a6ff}

/* Safety sections */
.safety-section{margin-bottom:20px;border:1px solid rgba(255,255,255,.06);border-radius:12px;overflow:hidden}
.safety-section-head{display:flex;align-items:center;gap:12px;padding:12px 16px;background:rgba(255,255,255,.02);border-bottom:1px solid rgba(255,255,255,.05)}
.safety-section-head strong{font-size:13px;font-weight:600}
.safety-section-head span{font-size:11px;color:rgba(255,255,255,.4)}
.safety-section-head .plan-gate-badge{margin-left:auto;padding:2px 8px;border-radius:5px;font-size:9px;font-weight:700;letter-spacing:.05em;background:rgba(240,136,62,.12);color:#f0883e;border:1px solid rgba(240,136,62,.2)}

/* Plan-gated sections (blurred + locked overlay) */
.safety-section.is-gated{position:relative}
.safety-section.is-gated .platform-table{filter:blur(4px);opacity:.4;pointer-events:none}
.safety-section.is-gated::after{content:'🔒 Upgrade to unlock';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:8px 20px;border-radius:8px;background:rgba(240,136,62,.15);color:#f0883e;font-size:12px;font-weight:600;border:1px solid rgba(240,136,62,.3);white-space:nowrap;z-index:5}

/* Safety state tags */
.safety-state-tag{display:inline-block;padding:2px 8px;border-radius:5px;font-size:10px;font-weight:600;letter-spacing:.03em}
.safety-state-safe{background:rgba(63,185,80,.12);color:#3fb950}
.safety-state-warn{background:rgba(240,136,62,.12);color:#f0883e}
.safety-state-critical{background:rgba(248,81,73,.15);color:#f85149;animation:cdcPulse 1.5s ease infinite}

/* Safety score colors */
.safety-score-good{color:#3fb950;font-weight:700}
.safety-score-warn{color:#f0883e;font-weight:700}
.safety-score-bad{color:#f85149;font-weight:700}

/* Full-screen safety overlay */
.safety-full-overlay{position:fixed;inset:0;z-index:10000;background:rgba(5,6,7,.96);backdrop-filter:blur(12px);display:none;flex-direction:column;padding:24px;overflow-y:auto}
.safety-full-overlay.show{display:flex}
.safety-full-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08)}
.safety-full-kicker{display:block;font-size:10px;letter-spacing:.15em;color:rgba(255,255,255,.4);margin-bottom:4px}
.safety-full-header strong{font-size:20px;font-weight:700}
.safety-full-body{flex:1;max-width:1400px;margin:0 auto;width:100%}
.safety-full-body .safety-summary-cards{grid-template-columns:repeat(4,1fr)}
.safety-full-body .platform-table{font-size:13px}

@media(max-width:900px){
  .safety-summary-cards{grid-template-columns:repeat(2,1fr)}
  .safety-full-body .safety-summary-cards{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
  .safety-summary-cards{grid-template-columns:1fr}
  .safety-section-head{flex-wrap:wrap}
  .safety-section-head .plan-gate-badge{margin-left:0}
}

/* ============================================================
   Emergency Banner — real-time emergency notification
   ============================================================ */
.emergency-banner{
  position:fixed;top:0;left:0;right:0;z-index:10001;
  background:linear-gradient(90deg,#ff0000,#cc0000,#ff0000);
  background-size:200% 100%;
  animation:emergencyPulse 1s ease infinite;
  color:#fff;
  box-shadow:0 4px 20px rgba(255,0,0,.5);
  transform:translateY(-100%);
  transition:transform .3s ease;
}
.emergency-banner.show{transform:translateY(0)}
@keyframes emergencyPulse{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}

.emergency-banner-inner{
  display:flex;align-items:center;gap:16px;
  max-width:1400px;margin:0 auto;padding:14px 24px;
}
.emergency-banner-icon{font-size:32px;animation:emergencyShake .3s ease infinite}
@keyframes emergencyShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}

.emergency-banner-content{flex:1;display:flex;flex-direction:column;gap:2px}
.emergency-banner-content strong{font-size:16px;font-weight:800;letter-spacing:.05em}
.emergency-banner-content span{font-size:13px}
.emergency-banner-content b{font-weight:700}
.emergency-banner-content small{font-size:11px;opacity:.8}

.emergency-banner-actions{display:flex;gap:8px;flex-shrink:0}
.button-emergency-view{
  padding:8px 16px;border-radius:8px;border:2px solid #fff;
  background:#fff;color:#cc0000;font-weight:700;font-size:12px;
  cursor:pointer;transition:all .15s;
}
.button-emergency-view:hover{background:transparent;color:#fff}
.button-emergency-dismiss{
  padding:8px 16px;border-radius:8px;border:2px solid rgba(255,255,255,.5);
  background:transparent;color:#fff;font-weight:600;font-size:12px;
  cursor:pointer;transition:all .15s;
}
.button-emergency-dismiss:hover{background:rgba(255,255,255,.15)}

@media(max-width:600px){
  .emergency-banner-inner{flex-wrap:wrap;padding:10px 16px}
  .emergency-banner-content{order:3;width:100%;margin-top:8px}
}

/* ============================================================
   Billing plan upgrade cards
   ============================================================ */
.billing-upgrade-section{margin-top:20px}
.billing-plans-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.billing-plan-card{
  padding:16px;border-radius:12px;background:rgba(255,255,255,.02);
  border:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:4px;
}
.billing-plan-card strong{font-size:15px;font-weight:700}
.billing-plan-card span{font-size:18px;font-weight:800;color:#58a6ff}
.billing-plan-card small{font-size:11px;color:rgba(255,255,255,.4);margin-bottom:8px}
.billing-plan-card .button{width:100%;margin-top:4px}
@media(max-width:900px){.billing-plans-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.billing-plans-grid{grid-template-columns:1fr}}

/* ============================================================
   VV Turnkey — White-label cab safety section
   ============================================================ */
.turnkey{background:#08090b;padding:104px 0;position:relative}
.turnkey::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:1px;height:48px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.12),transparent)}

/* Head */
.turnkey-head{max-width:720px;margin:0 auto 64px;text-align:center}
.turnkey-eyebrow{display:inline-block;padding:5px 14px;border:1px solid rgba(255,255,255,.1);border-radius:4px;font-size:11px;font-weight:600;letter-spacing:.18em;color:rgba(255,255,255,.55);margin-bottom:24px;text-transform:uppercase}
.turnkey-head h2{font-size:clamp(32px,5vw,56px);font-weight:600;line-height:1.05;letter-spacing:-.025em;color:#fff}
.turnkey-head h2 span{background:linear-gradient(90deg,#4ade80,#60a5fa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.turnkey-head p{font-size:16px;color:rgba(255,255,255,.5);line-height:1.65;margin-top:20px;max-width:600px;margin-left:auto;margin-right:auto}

/* Section label (small kicker above sub-headings) */
.turnkey-section-label{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.18em;color:rgba(255,255,255,.3);text-transform:uppercase;margin-bottom:12px}

/* Build vs Buy comparison */
.turnkey-comparison{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:0 0 88px}
.turnkey-col{border-radius:14px;padding:36px;border:1px solid rgba(255,255,255,.07);position:relative;transition:border-color .25s ease,box-shadow .25s ease}
.turnkey-col-build{background:rgba(255,255,255,.012)}
.turnkey-col-buy{background:rgba(74,222,128,.02);border-color:rgba(74,222,128,.2);box-shadow:0 1px 0 rgba(74,222,128,.08) inset,0 32px 64px -32px rgba(74,222,128,.16)}
.turnkey-col-badge{position:absolute;top:-11px;right:28px;padding:5px 12px;border-radius:5px;background:#4ade80;color:#0a0c0f;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.turnkey-col-label{font-size:11px;font-weight:600;letter-spacing:.16em;color:rgba(255,255,255,.35);text-transform:uppercase;margin-bottom:8px}
.turnkey-col h3{font-size:22px;font-weight:600;color:#fff;margin:0 0 20px;letter-spacing:-.015em}
.turnkey-price{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}
.turnkey-price-amount{font-size:42px;font-weight:700;color:rgba(255,255,255,.3);letter-spacing:-.025em;line-height:1;font-variant-numeric:tabular-nums}
.turnkey-price-amount-hot{background:linear-gradient(90deg,#4ade80,#60a5fa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.turnkey-price-unit{font-size:13px;color:rgba(255,255,255,.35);font-weight:500}
.turnkey-price-note{font-size:12px;color:rgba(255,255,255,.28);margin-bottom:24px}
.turnkey-list{list-style:none;padding:0;margin:0 0 28px}
.turnkey-list li{display:flex;align-items:flex-start;gap:12px;padding:10px 0;font-size:13.5px;color:rgba(255,255,255,.58);line-height:1.5;border-bottom:1px solid rgba(255,255,255,.035)}
.turnkey-list li:last-child{border-bottom:none}
.turnkey-mark{flex:0 0 18px;width:18px;height:18px;border-radius:50%;margin-top:1px;display:inline-flex;align-items:center;justify-content:center;position:relative}
.turnkey-mark-x{background:rgba(248,113,113,.1)}
.turnkey-mark-x::before{content:'';width:8px;height:1.5px;background:#f87171;border-radius:1px;transform:rotate(45deg);position:absolute}
.turnkey-mark-x::after{content:'';width:8px;height:1.5px;background:#f87171;border-radius:1px;transform:rotate(-45deg);position:absolute}
.turnkey-mark-check{background:rgba(74,222,128,.12)}
.turnkey-mark-check::before{content:'';width:8px;height:4.5px;border-left:1.5px solid #4ade80;border-bottom:1.5px solid #4ade80;transform:rotate(-45deg) translate(.5px,-.5px);position:absolute}
.turnkey-total{padding:18px 20px;border-radius:10px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.04);display:flex;flex-direction:column;gap:5px}
.turnkey-total span{font-size:11px;color:rgba(255,255,255,.32);letter-spacing:.08em;text-transform:uppercase}
.turnkey-total strong{font-size:22px;font-weight:700;color:rgba(255,255,255,.5);letter-spacing:-.015em;font-variant-numeric:tabular-nums}
.turnkey-total-hot{background:linear-gradient(135deg,rgba(74,222,128,.06),rgba(96,165,250,.04));border-color:rgba(74,222,128,.16)}
.turnkey-total-hot strong{color:#4ade80}
.turnkey-total-hot small{font-size:12px;color:#4ade80;font-weight:600;margin-top:3px}

/* What you get */
.turnkey-get{margin:0 0 88px}
.turnkey-get h3{font-size:clamp(24px,3.5vw,32px);font-weight:600;margin-bottom:32px;letter-spacing:-.02em;color:#fff}
.turnkey-get-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.turnkey-get-card{padding:32px;border-radius:12px;background:rgba(255,255,255,.015);border:1px solid rgba(255,255,255,.05);transition:border-color .25s ease,background .25s ease}
.turnkey-get-card:hover{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.025)}
.turnkey-get-num{font-size:11px;font-weight:600;letter-spacing:.16em;color:rgba(96,165,250,.45);margin-bottom:16px;font-variant-numeric:tabular-nums}
.turnkey-get-card strong{display:block;font-size:16px;font-weight:600;margin-bottom:12px;letter-spacing:-.01em;color:#fff}
.turnkey-get-card p{font-size:13.5px;color:rgba(255,255,255,.48);line-height:1.65;margin-bottom:16px}
.turnkey-get-card small{font-size:11px;color:rgba(255,255,255,.28);letter-spacing:.04em}

/* Savings */
.turnkey-savings{margin:0 0 88px}
.turnkey-savings h3{font-size:clamp(24px,3.5vw,32px);font-weight:600;margin-bottom:32px;letter-spacing:-.02em;color:#fff}
.turnkey-savings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1000px;margin:0 auto}
.turnkey-savings-card{padding:32px;border-radius:12px;background:rgba(255,255,255,.015);border:1px solid rgba(255,255,255,.05)}
.turnkey-savings-card small{display:block;font-size:11px;color:rgba(255,255,255,.3);letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px}
.turnkey-savings-card strong{display:block;font-size:32px;font-weight:700;color:rgba(255,255,255,.4);letter-spacing:-.025em;font-variant-numeric:tabular-nums}
.turnkey-savings-card span{display:block;font-size:12px;color:rgba(255,255,255,.28);margin-top:12px;line-height:1.55}
.turnkey-savings-card-minus strong{color:rgba(255,255,255,.55)}
.turnkey-savings-card-save{background:linear-gradient(135deg,rgba(74,222,128,.05),rgba(96,165,250,.03));border-color:rgba(74,222,128,.18)}
.turnkey-savings-card-save strong{background:linear-gradient(90deg,#4ade80,#60a5fa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-size:36px}
.turnkey-savings-card-save span{color:rgba(74,222,128,.65)}

/* Audience */
.turnkey-audience{margin:0 0 72px}
.turnkey-audience h3{font-size:clamp(24px,3.5vw,32px);font-weight:600;margin-bottom:32px;letter-spacing:-.02em;color:#fff}
.turnkey-audience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.turnkey-audience-card{padding:28px;border-radius:12px;background:rgba(255,255,255,.015);border:1px solid rgba(255,255,255,.05);transition:border-color .25s ease,background .25s ease}
.turnkey-audience-card:hover{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.025)}
.turnkey-audience-card strong{display:block;font-size:18px;font-weight:600;margin-bottom:6px;letter-spacing:-.01em;color:#fff}
.turnkey-audience-card p{font-size:11px;color:rgba(96,165,250,.5);margin-bottom:16px;letter-spacing:.04em;font-weight:500}
.turnkey-audience-card span{font-size:12.5px;color:rgba(255,255,255,.48);line-height:1.6}

/* CTA */
.turnkey-cta{margin:0}
.turnkey-cta-inner{padding:64px 56px;border-radius:16px;text-align:center;background:linear-gradient(135deg,rgba(74,222,128,.04),rgba(96,165,250,.03));border:1px solid rgba(255,255,255,.07)}
.turnkey-cta-inner h3{font-size:clamp(26px,4vw,36px);font-weight:600;margin-bottom:14px;letter-spacing:-.025em;color:#fff}
.turnkey-cta-inner p{font-size:15px;color:rgba(255,255,255,.5);margin-bottom:32px;max-width:540px;margin-left:auto;margin-right:auto;line-height:1.65}
.turnkey-cta-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.turnkey-cta-buttons .button{padding:14px 28px;font-size:14px;font-weight:600}

/* Responsive */
@media(max-width:900px){
  .turnkey{padding:72px 0}
  .turnkey-comparison{grid-template-columns:1fr}
  .turnkey-get-grid{grid-template-columns:repeat(2,1fr)}
  .turnkey-audience-grid{grid-template-columns:repeat(2,1fr)}
  .turnkey-savings-grid{grid-template-columns:1fr}
  .turnkey-head{margin-bottom:48px}
}
@media(max-width:600px){
  .turnkey{padding:56px 0}
  .turnkey-get-grid{grid-template-columns:1fr}
  .turnkey-audience-grid{grid-template-columns:1fr}
  .turnkey-cta-inner{padding:40px 28px}
  .turnkey-cta-buttons{flex-direction:column;align-items:stretch}
  .turnkey-cta-buttons .button{width:100%}
  .turnkey-price-amount{font-size:34px}
  .turnkey-col{padding:28px}
  .turnkey-get-card,.turnkey-savings-card,.turnkey-audience-card{padding:24px}
}