:root{
  --bg:#050713;--panel:rgba(255,255,255,.075);--panel2:rgba(255,255,255,.12);--line:rgba(255,255,255,.15);
  --cyan:#24e6ff;--pink:#ff4db8;--violet:#8b5cf6;--green:#70ffd0;--amber:#ffd166;--text:#f7f9ff;--muted:#aab5d6;
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial;color:var(--text);background:radial-gradient(circle at 15% -5%,rgba(255,77,184,.35),transparent 30%),radial-gradient(circle at 90% 10%,rgba(36,230,255,.27),transparent 28%),linear-gradient(180deg,#050713,#080a19 54%,#04050d);overflow-x:hidden}.grid{position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,transparent,black 8%,black 84%,transparent);animation:grid 18s linear infinite;pointer-events:none}.scanline{position:fixed;inset:0;background:linear-gradient(to bottom,transparent,rgba(36,230,255,.07),transparent);height:220px;animation:scan 7s linear infinite;pointer-events:none}.bg-orb{position:fixed;border-radius:50%;filter:blur(80px);opacity:.42;pointer-events:none}.orb-1{width:460px;height:460px;background:var(--pink);left:-160px;top:-120px;animation:orb 11s ease-in-out infinite}.orb-2{width:520px;height:520px;background:var(--cyan);right:-190px;top:120px;animation:orb 13s ease-in-out infinite reverse}.orb-3{width:380px;height:380px;background:var(--violet);left:42%;bottom:-160px;animation:orb 15s ease-in-out infinite}@keyframes grid{to{background-position:0 46px,46px 0}}@keyframes scan{0%{transform:translateY(-260px)}100%{transform:translateY(120vh)}}@keyframes orb{50%{transform:translate(42px,24px) scale(1.08)}}
.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:20px;padding:12px 28px;background:rgba(5,7,19,.72);backdrop-filter:blur(22px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;min-width:220px}.brand img{width:34px}.brand b{display:block;font-weight:1000;letter-spacing:.02em}.brand span{display:block;font-size:11px;color:var(--muted);font-weight:700}.tabs{display:flex;gap:8px;justify-content:center;flex:1}.tabs button,.controls button{border:1px solid var(--line);background:rgba(255,255,255,.075);color:#fff;border-radius:999px;padding:9px 12px;font-weight:900;cursor:pointer;transition:.25s}.tabs button.active{background:linear-gradient(135deg,rgba(36,230,255,.25),rgba(255,77,184,.22));border-color:rgba(36,230,255,.55);box-shadow:0 0 24px rgba(36,230,255,.20)}.controls{display:flex;gap:8px}.viewport{width:min(1540px,96vw);margin:0 auto;padding:30px 0 28px}.story-head{text-align:center;max-width:1120px;margin:0 auto 22px}.live-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(36,230,255,.38);background:rgba(36,230,255,.08);border-radius:999px;padding:8px 14px;color:#ccfbff;font-size:12px;font-weight:1000;letter-spacing:.16em}.live-chip i{width:9px;height:9px;border-radius:50%;background:var(--pink);box-shadow:0 0 18px var(--pink);animation:pulseDot 1s infinite}@keyframes pulseDot{50%{opacity:.35;transform:scale(.8)}}h1{font-size:clamp(36px,4.6vw,72px);line-height:.98;margin:16px auto 10px;letter-spacing:-.058em;background:linear-gradient(92deg,#fff,#bcf9ff,#ffd0ee);-webkit-background-clip:text;color:transparent}.story-head p{margin:0 auto;max-width:940px;color:var(--muted);font-size:17px;line-height:1.6}.progress{height:5px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden;margin:20px auto 0;max-width:760px}.progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--cyan),var(--pink));box-shadow:0 0 24px var(--cyan)}body.playing .progress span{animation:progress 9s linear infinite}@keyframes progress{from{width:0}to{width:100%}}
.cinema{display:grid;grid-template-columns:1fr 310px 1.38fr;gap:18px;align-items:stretch}.pain-stage,.solution-stage,.core-stage,.dashboard{position:relative;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.045));border-radius:32px;box-shadow:0 26px 80px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.14);overflow:hidden}.pain-stage,.solution-stage{height:640px}.stage-title,.dash-title{height:62px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:0 18px;background:rgba(255,255,255,.045)}.stage-title>span,.dash-title>span{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--cyan),var(--pink));font-weight:1000;color:#06111d}.stage-title b,.dash-title b{display:block}.stage-title small,.dash-title small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.chaos-world{position:relative;height:578px;overflow:hidden}.agent{position:absolute;left:50%;bottom:70px;transform:translateX(-50%);width:170px;height:240px;z-index:2}.agent .head{position:absolute;left:42px;top:18px;width:88px;height:82px;border-radius:36px 36px 32px 32px;background:linear-gradient(180deg,#ffd6be,#e8a889);box-shadow:inset 0 -12px rgba(0,0,0,.08)}.agent .head:before{content:"";position:absolute;left:8px;right:8px;top:-18px;height:40px;border-radius:50% 50% 28% 28%;background:#35243c}.agent .head i{position:absolute;top:34px;width:10px;height:8px;border-radius:50%;background:#301b22}.agent .head i:first-child{left:24px}.agent .head i:nth-child(2){right:24px}.agent .head b{position:absolute;left:35px;bottom:16px;width:20px;height:9px;border:2px solid #7a3141;border-top:0;border-radius:0 0 20px 20px;transform:rotate(180deg)}.agent .body{position:absolute;left:27px;top:92px;width:115px;height:94px;border-radius:30px 30px 18px 18px;background:linear-gradient(135deg,#271a4e,#59276c);box-shadow:0 22px 30px rgba(0,0,0,.28)}.agent .hands{position:absolute;left:16px;top:135px;width:140px;height:28px;border-radius:20px;background:linear-gradient(90deg,#e8a889,#ffd6be,#e8a889);animation:hands 1.2s ease-in-out infinite}.agent .desk{position:absolute;left:-20px;bottom:0;width:210px;height:48px;border-radius:24px;background:rgba(255,255,255,.14);border:1px solid var(--line);backdrop-filter:blur(10px)}.agent em{position:absolute;color:var(--amber);font-style:normal;font-weight:1000;font-size:26px;text-shadow:0 0 18px var(--amber);animation:pop 1.15s ease-in-out infinite}.agent em:nth-of-type(1){left:20px;top:0}.agent em:nth-of-type(2){right:20px;top:20px;animation-delay:.25s}.agent em:nth-of-type(3){left:70px;top:-24px;animation-delay:.5s}@keyframes hands{50%{transform:translateY(-8px) rotate(-2deg)}}@keyframes pop{50%{transform:translateY(-8px) scale(1.2);opacity:.55}}.incoming-layer{position:absolute;inset:0}.incoming{position:absolute;display:flex;align-items:center;gap:8px;width:230px;min-height:48px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.12);backdrop-filter:blur(14px);border-radius:18px;padding:10px;color:#fff;box-shadow:0 18px 40px rgba(0,0,0,.26);animation:flyIn 4.8s ease-in-out infinite}.incoming img{width:24px;height:24px;object-fit:contain;border-radius:7px}.incoming span{font-size:12px;line-height:1.25;font-weight:800}.incoming b{margin-left:auto;color:#ffb3d9;font-size:10px;text-transform:uppercase}.incoming.n1{left:-260px;top:52px;animation-delay:0s}.incoming.n2{right:-260px;top:122px;animation-delay:.45s}.incoming.n3{left:-260px;top:226px;animation-delay:.9s}.incoming.n4{right:-260px;top:318px;animation-delay:1.35s}.incoming.n5{left:-260px;top:410px;animation-delay:1.8s}.incoming.n6{right:-260px;top:475px;animation-delay:2.25s}@keyframes flyIn{0%{opacity:0;transform:translateX(0) scale(.86)}18%,72%{opacity:1}42%{transform:translateX(var(--tx,320px)) scale(1)}100%{opacity:0;transform:translateX(var(--tx,320px)) translateY(70px) scale(.75)}}.incoming:nth-child(even){--tx:-330px}.lost-card{position:absolute;left:22px;right:22px;bottom:20px;border:1px solid rgba(255,77,184,.34);border-radius:22px;background:rgba(255,77,184,.11);padding:14px;z-index:3}.lost-card small{display:block;color:#ffd1e9;text-transform:uppercase;font-size:11px;font-weight:900;letter-spacing:.1em}.lost-card strong{font-size:25px;color:#fff;display:block;margin:5px 0 10px}.danger-bar{height:10px;border-radius:99px;background:rgba(255,255,255,.12);overflow:hidden}.danger-bar i{display:block;height:100%;width:86%;background:linear-gradient(90deg,var(--pink),#ff9f1c);animation:danger 1.5s ease-in-out infinite}@keyframes danger{50%{width:55%;filter:brightness(1.6)}}
.core-stage{height:640px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:radial-gradient(circle at 50% 36%,rgba(36,230,255,.18),transparent 35%),rgba(255,255,255,.04)}.ai-core{position:relative;width:240px;height:240px;display:grid;place-items:center}.ring{position:absolute;border-radius:50%;border:1px solid rgba(36,230,255,.4);box-shadow:0 0 38px rgba(36,230,255,.16);animation:spin 10s linear infinite}.ring1{inset:5px}.ring2{inset:28px;border-color:rgba(255,77,184,.45);animation-duration:7s;animation-direction:reverse}.ring3{inset:52px;border-color:rgba(139,92,246,.45);animation-duration:5s}.core-logo{position:relative;z-index:3;width:128px;height:128px;border-radius:36px;background:linear-gradient(145deg,rgba(255,255,255,.2),rgba(255,255,255,.07));border:1px solid rgba(255,255,255,.25);display:grid;place-items:center;text-align:center;box-shadow:0 0 60px rgba(36,230,255,.28)}.core-logo img{width:46px}.core-logo b{font-weight:1000;margin-top:-4px}.core-logo span{font-size:10px;color:#bdefff;margin-top:-10px}.orbit{position:absolute;z-index:4;border:1px solid rgba(255,255,255,.18);background:rgba(5,7,19,.75);border-radius:999px;padding:7px 9px;font-size:11px;font-weight:1000;color:#dffbff}.o1{top:18px;left:22px}.o2{right:20px;top:62px}.o3{left:16px;bottom:64px}.o4{right:34px;bottom:22px}@keyframes spin{to{transform:rotate(360deg)}}.signal-line{position:absolute;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);top:42%;width:45%;opacity:.65;animation:signal 1.3s linear infinite}.signal-line.left{left:-9%;transform:rotate(18deg)}.signal-line.right{right:-9%;transform:rotate(-18deg);animation-delay:.45s}@keyframes signal{0%{opacity:.05;filter:blur(3px)}50%{opacity:1;filter:blur(0)}100%{opacity:.05;filter:blur(3px)}}.pipeline{width:88%;display:grid;gap:10px}.step{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:rgba(255,255,255,.06);border-radius:17px;padding:12px;opacity:.52;transform:translateX(-8px);transition:.35s}.step b{width:28px;height:28px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.10);font-size:11px}.step span{font-size:12px;font-weight:900}.step.active{opacity:1;transform:translateX(0);border-color:rgba(36,230,255,.55);box-shadow:0 0 30px rgba(36,230,255,.16);background:linear-gradient(90deg,rgba(36,230,255,.14),rgba(255,77,184,.09))}.solution-stage{min-width:0}.workbench{height:578px;display:grid;grid-template-columns:minmax(280px,.9fr) minmax(320px,1fr);gap:16px;padding:16px}.phone-wrap{min-width:0}.channel-switch{display:flex;gap:7px;margin-bottom:10px}.channel-switch button{flex:1;border:1px solid var(--line);background:rgba(255,255,255,.08);border-radius:999px;color:#fff;font-weight:900;font-size:11px;padding:8px;display:flex;align-items:center;justify-content:center;gap:6px}.channel-switch img{width:18px;height:18px;object-fit:contain;border-radius:5px}.channel-switch button.active{border-color:rgba(36,230,255,.55);box-shadow:0 0 18px rgba(36,230,255,.16)}.phone{height:510px;border:10px solid rgba(10,13,30,.92);border-radius:34px;background:#eef6ff;box-shadow:0 28px 60px rgba(0,0,0,.45);overflow:hidden}.phone-head{height:52px;background:linear-gradient(135deg,#0999ff,#7c3aed,#ff4db8);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 14px}.phone-head b{font-size:14px}.phone-head span{font-size:11px;background:rgba(255,255,255,.18);padding:5px 8px;border-radius:999px}.chat{height:392px;padding:14px;overflow:hidden;display:flex;flex-direction:column;gap:9px}.bubble{max-width:88%;padding:10px 12px;border-radius:17px;font-size:13px;line-height:1.32;color:#1c263b;box-shadow:0 8px 18px rgba(21,38,80,.08);animation:bubbleIn .45s cubic-bezier(.2,1.4,.3,1) both}.bubble.user{align-self:flex-end;background:#d9edff;border-bottom-right-radius:6px}.bubble.bot{align-self:flex-start;background:#fff;border-bottom-left-radius:6px}.bubble.bot:before{content:"AI360";display:block;font-weight:1000;color:#0e9bc7;font-size:10px;margin-bottom:3px}@keyframes bubbleIn{from{opacity:0;transform:translateY(16px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.typing{height:46px;border-top:1px solid #d8e2f2;background:#fff;color:#6a7895;font-size:12px;font-weight:800;display:flex;align-items:center;gap:5px;padding:0 14px}.typing span{width:6px;height:6px;border-radius:50%;background:#25aee8;animation:typing .85s infinite}.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){animation-delay:.3s}@keyframes typing{50%{transform:translateY(-5px);opacity:.45}}.crm{border:1px solid var(--line);border-radius:28px;background:rgba(255,255,255,.08);padding:16px;min-width:0;position:relative;overflow:hidden}.crm:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 0,rgba(36,230,255,.18),transparent 38%);pointer-events:none}.crm-head,.lead-row,.score-box,.crm-grid,.action-card{position:relative;z-index:2}.crm-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.crm-head b{font-size:16px}.crm-head span{font-size:11px;font-weight:1000;color:#07111d;background:linear-gradient(90deg,var(--green),var(--cyan));border-radius:999px;padding:7px 10px}.lead-row{display:flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.15);background:rgba(0,0,0,.14);padding:12px;border-radius:20px}.avatar{width:46px;height:46px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,var(--pink),var(--violet));font-weight:1000}.lead-row p{margin:3px 0 0;color:var(--muted);font-size:12px;line-height:1.3}.score-box{margin:16px auto;display:grid;place-items:center;width:165px;height:165px}.score-box svg{position:absolute;width:165px;height:165px;transform:rotate(-90deg)}.score-box circle{fill:none;stroke-width:10}.score-box .base{stroke:rgba(255,255,255,.12)}.score-box .score{stroke:url(#x);stroke:var(--cyan);stroke-linecap:round;stroke-dasharray:0 301;transition:1s}.score-box div{position:relative;text-align:center}.score-box b{display:block;font-size:40px;line-height:1;background:linear-gradient(90deg,var(--cyan),var(--pink));-webkit-background-clip:text;color:transparent}.score-box small{color:var(--muted);font-weight:900}.crm-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.crm-grid div{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);border-radius:16px;padding:10px}.crm-grid small{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;font-weight:900;letter-spacing:.08em}.crm-grid b{font-size:13px}.action-card{margin-top:12px;border:1px solid rgba(255,77,184,.28);background:rgba(255,77,184,.1);border-radius:18px;padding:12px}.action-card span{font-size:10px;text-transform:uppercase;color:#ffd1eb;font-weight:1000;letter-spacing:.08em}.action-card p{margin:5px 0 0;color:#f5f7ff;font-size:13px;line-height:1.4}.dashboard{margin-top:18px;padding-bottom:16px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:16px}.kpis div{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.045));border-radius:22px;padding:15px}.kpis small{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;font-weight:900;letter-spacing:.08em}.kpis b{display:block;font-size:32px;margin:4px 0;background:linear-gradient(90deg,var(--cyan),var(--pink));-webkit-background-clip:text;color:transparent}.kpis span{color:#cfd6f5;font-size:12px}.flow-board{display:grid;grid-template-columns:1fr 40px 1fr 40px 1fr 40px 1fr;align-items:center;gap:8px;padding:0 16px 16px}.flow-card{border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.07);padding:14px;min-height:82px}.flow-card b{display:block}.flow-card span{display:block;color:var(--muted);font-size:12px;margin-top:4px}.flow-card.highlight{border-color:rgba(112,255,208,.45);box-shadow:0 0 30px rgba(112,255,208,.12)}.flow-board i{height:2px;background:linear-gradient(90deg,var(--cyan),var(--pink));position:relative}.flow-board i:after{content:"";position:absolute;right:-2px;top:-4px;border-left:9px solid var(--pink);border-top:5px solid transparent;border-bottom:5px solid transparent}.record-hint{position:fixed;right:16px;bottom:16px;z-index:70;background:rgba(0,0,0,.55);border:1px solid var(--line);border-radius:16px;padding:10px 12px;color:#d7def6;font-size:12px;backdrop-filter:blur(14px)}body.clean .viewport{width:min(1600px,98vw);padding-top:22px}body.clean .story-head{margin-bottom:14px}body.clean .cinema{grid-template-columns:1fr 320px 1.42fr}.flash{animation:flash .55s ease}@keyframes flash{50%{filter:brightness(1.4)}}.shake{animation:shake .45s ease}@keyframes shake{25%{transform:translateX(-3px)}50%{transform:translateX(3px)}75%{transform:translateX(-2px)}}@media(max-width:1100px){.cinema{grid-template-columns:1fr}.core-stage{height:390px}.pain-stage,.solution-stage{height:auto}.workbench{grid-template-columns:1fr}.hero-metrics,.kpis{grid-template-columns:repeat(2,1fr)}.flow-board{grid-template-columns:1fr}.flow-board i{height:24px;width:2px;margin:auto}.topbar{position:relative;flex-wrap:wrap}.tabs{order:3;overflow:auto;justify-content:flex-start}.brand{min-width:auto}}

/* =========================================================
   AI360 Motion Story – FIT SCREEN + PROFESSIONAL OPERATOR FIX
   Goal: 16:9 recording friendly, no scroll, less cartoon-like service staff.
   ========================================================= */
html,body{height:100%;overflow:hidden}body{min-height:100vh}
.viewport{height:calc(100vh - 0px);width:min(1680px,98vw);display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;padding:16px 0 12px;margin:0 auto;overflow:hidden}.story-head{max-width:1180px;margin:0 auto!important}.live-chip{padding:6px 12px;font-size:10px}.story-head h1,h1{font-size:clamp(28px,3.6vw,54px)!important;line-height:1!important;margin:10px auto 6px!important;letter-spacing:-.045em}.story-head p{font-size:13px!important;line-height:1.42!important;max-width:980px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.progress{height:4px;margin-top:10px!important;max-width:720px}.cinema{height:100%;min-height:0;display:grid;grid-template-columns:minmax(330px,.86fr) 270px minmax(520px,1.28fr);gap:12px;align-items:stretch}.pain-stage,.solution-stage,.core-stage{height:auto!important;min-height:0!important;max-height:none!important;border-radius:24px}.stage-title,.dash-title{height:50px;padding:0 14px}.stage-title>span,.dash-title>span{width:30px;height:30px;border-radius:10px;font-size:13px}.stage-title b,.dash-title b{font-size:14px}.stage-title small,.dash-title small{font-size:10px}.chaos-world{height:calc(100% - 50px)!important;min-height:0;overflow:hidden}.workbench{height:calc(100% - 50px)!important;min-height:0;grid-template-columns:minmax(260px,.84fr) minmax(300px,1fr);gap:12px;padding:12px}.core-stage{gap:12px}.ai-core{width:196px;height:196px}.core-logo{width:108px;height:108px;border-radius:30px}.core-logo img{width:40px}.core-logo span{font-size:9px}.orbit{font-size:10px;padding:6px 8px}.o1{top:12px;left:14px}.o2{right:12px;top:52px}.o3{left:10px;bottom:50px}.o4{right:24px;bottom:16px}.pipeline{width:92%;gap:7px}.step{padding:9px 10px;border-radius:14px}.step b{width:24px;height:24px;border-radius:8px;font-size:10px}.step span{font-size:11px}.channel-switch{margin-bottom:7px}.channel-switch button{font-size:10px;padding:6px}.channel-switch img{width:16px;height:16px}.phone{height:calc(100% - 36px);min-height:0;border-width:8px;border-radius:28px}.phone-head{height:42px;padding:0 12px}.phone-head b{font-size:12px}.phone-head span{font-size:10px;padding:4px 7px}.chat{height:calc(100% - 82px);padding:10px;gap:7px}.bubble{font-size:11px!important;line-height:1.28!important;padding:8px 10px;border-radius:14px}.bubble.bot:before{font-size:9px;margin-bottom:2px}.typing{height:40px;font-size:10px;padding:0 10px}.crm{border-radius:22px;padding:12px}.crm-head{margin-bottom:10px}.crm-head b{font-size:14px}.crm-head span{font-size:10px;padding:5px 8px}.lead-row{gap:10px;padding:9px;border-radius:16px}.avatar{width:38px;height:38px;border-radius:13px}.lead-row strong{font-size:13px}.lead-row p{font-size:10px}.score-box{width:118px;height:118px;margin:10px auto}.score-box svg{width:118px;height:118px}.score-box circle{stroke-width:8}.score-box b{font-size:30px}.score-box small{font-size:10px}.crm-grid{gap:7px}.crm-grid div{border-radius:13px;padding:8px}.crm-grid small{font-size:9px}.crm-grid b{font-size:11px}.action-card{border-radius:14px;padding:9px;margin-top:9px}.action-card span{font-size:9px}.action-card p{font-size:11px;line-height:1.34}.dashboard{margin-top:0!important;height:172px;min-height:0;border-radius:24px;overflow:hidden;padding-bottom:0!important}.dashboard .dash-title{height:44px}.kpis{grid-template-columns:repeat(4,1fr);gap:8px;padding:10px 12px 8px}.kpis div{border-radius:16px;padding:9px 11px}.kpis small{font-size:9px;letter-spacing:.06em}.kpis b{font-size:24px;margin:2px 0}.kpis span{font-size:10px}.flow-board{grid-template-columns:1fr 24px 1fr 24px 1fr 24px 1fr;gap:5px;padding:0 12px 10px}.flow-card{min-height:46px;border-radius:14px;padding:8px 10px}.flow-card b{font-size:12px}.flow-card span{font-size:9.5px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flow-board i:after{border-left-width:7px;border-top-width:4px;border-bottom-width:4px;top:-3px}.record-hint{display:none}

/* Replace the cartoon staff with a cleaner SaaS-style overloaded operator console */
.agent{left:50%!important;bottom:74px!important;width:210px!important;height:210px!important;transform:translateX(-50%)!important;z-index:3}.agent .head,.agent .body,.agent .hands{display:none!important}.agent .desk{left:0!important;right:0!important;bottom:0!important;width:210px!important;height:54px!important;border-radius:24px!important;background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.07))!important;border:1px solid rgba(255,255,255,.18)!important;backdrop-filter:blur(16px)!important;box-shadow:0 22px 48px rgba(0,0,0,.35)!important}.agent:before{content:"";position:absolute;left:50%;top:28px;transform:translateX(-50%);width:116px;height:116px;border-radius:32px;background:linear-gradient(145deg,rgba(255,255,255,.22),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.22);box-shadow:0 0 40px rgba(255,77,184,.18),inset 0 1px rgba(255,255,255,.28);animation:operatorFloat 2.8s ease-in-out infinite}.agent:after{content:"";position:absolute;left:50%;top:51px;transform:translateX(-50%);width:72px;height:72px;border-radius:24px;background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.96) 0 23%,transparent 24%),linear-gradient(135deg,var(--cyan),var(--pink));box-shadow:0 0 28px rgba(36,230,255,.28);-webkit-mask:radial-gradient(circle at 50% 28%,#000 0 18%,transparent 19%),linear-gradient(#000 0 0);mask:radial-gradient(circle at 50% 28%,#000 0 18%,transparent 19%),linear-gradient(#000 0 0)}.agent .desk:before{content:"SUPPORT QUEUE";position:absolute;left:18px;top:10px;color:#dfe8ff;font-size:10px;font-weight:1000;letter-spacing:.1em}.agent .desk:after{content:"128 unread  •  SLA risk";position:absolute;left:18px;top:28px;color:#ffb3d9;font-size:12px;font-weight:900}.agent em{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:rgba(255,209,102,.18);border:1px solid rgba(255,209,102,.5);font-size:18px!important}.agent em:nth-of-type(1){left:24px!important;top:18px!important}.agent em:nth-of-type(2){right:24px!important;top:34px!important}.agent em:nth-of-type(3){left:94px!important;top:0!important}@keyframes operatorFloat{50%{transform:translateX(-50%) translateY(-8px);filter:brightness(1.15)}}
.incoming{width:190px!important;min-height:40px!important;border-radius:16px!important;padding:8px!important}.incoming img{width:20px!important;height:20px!important}.incoming span{font-size:10.5px!important}.incoming b{font-size:9px!important}.incoming.n1{top:28px!important}.incoming.n2{top:74px!important}.incoming.n3{top:156px!important}.incoming.n4{top:226px!important}.incoming.n5{top:302px!important}.incoming.n6{top:360px!important}.lost-card{left:14px!important;right:14px!important;bottom:12px!important;border-radius:18px!important;padding:11px!important}.lost-card small{font-size:10px}.lost-card strong{font-size:21px!important;margin:3px 0 8px!important}.danger-bar{height:8px!important}

/* Dedicated fit for browser recording modes */
body.clean .viewport{height:100vh!important;width:min(1720px,99vw)!important;padding:12px 0 10px!important;grid-template-rows:auto minmax(0,1fr) 164px!important;gap:10px!important}body.clean .story-head h1{font-size:clamp(26px,3.3vw,50px)!important}body.clean .story-head p{font-size:12px!important;line-height:1.36!important}body.clean .cinema{grid-template-columns:minmax(320px,.86fr) 260px minmax(520px,1.34fr)!important;gap:10px!important}body.clean .dashboard{height:164px!important}.clean .flow-board{display:none}.clean .kpis{height:calc(100% - 44px);align-items:stretch}.clean .kpis div{display:flex;flex-direction:column;justify-content:center}.clean .kpis b{font-size:28px}
@media(max-height:820px){.viewport{grid-template-rows:auto minmax(0,1fr) 134px!important;gap:8px!important;padding:8px 0!important}.live-chip{display:none}.story-head h1{font-size:34px!important}.story-head p{font-size:11px!important;-webkit-line-clamp:1}.progress{margin-top:6px!important}.stage-title{height:42px}.chaos-world,.workbench{height:calc(100% - 42px)!important}.dashboard{height:134px!important}.dashboard .dash-title{height:38px}.kpis b{font-size:22px!important}.kpis div{padding:7px 9px}.flow-board{display:none}.ai-core{width:160px;height:160px}.core-logo{width:92px;height:92px}.pipeline{gap:5px}.step{padding:7px 8px}.phone-head{height:36px}.typing{height:34px}.chat{height:calc(100% - 70px)}.agent{transform:translateX(-50%) scale(.88)!important;bottom:46px!important}.incoming{transform:scale(.92)}}
@media(max-width:1280px){.cinema,body.clean .cinema{grid-template-columns:1fr 230px 1.16fr!important}.workbench{grid-template-columns:1fr 1fr}.phone{border-width:7px}.score-box{display:none}.crm-grid{grid-template-columns:1fr 1fr}.story-head p{-webkit-line-clamp:1}.incoming{width:170px!important}.kpis b{font-size:22px!important}}

/* =========================================================
   AI360 RECORD LAYOUT PATCH - 2026-06-17
   Keeps the original source/content, but fixes viewport clipping,
   pins the typing/input area, and adds fullscreen safe-zone support.
   ========================================================= */
:root{
  --ai360-topbar-h:60px;
  --ai360-safe-x:clamp(14px,2.2vw,44px);
  --ai360-safe-y:clamp(8px,1.8vh,24px);
  --ai360-record-safe-x:clamp(32px,5vw,96px);
  --ai360-record-safe-y:clamp(24px,4.5vh,72px);
  --ai360-dashboard-h:clamp(112px,16vh,164px);
}
html,body{
  width:100%;
  height:100%;
  min-height:100%;
  overflow:hidden!important;
}
body{
  min-height:100dvh;
}
.topbar{
  min-height:var(--ai360-topbar-h);
  height:var(--ai360-topbar-h);
  flex-shrink:0;
}
.controls{
  align-items:center;
  flex-wrap:nowrap;
}
.controls .record-btn,
.controls .safe-btn{
  border-color:rgba(36,230,255,.36);
  background:linear-gradient(135deg,rgba(36,230,255,.14),rgba(255,77,184,.12));
  white-space:nowrap;
}
.controls .record-btn.active,
.controls .safe-btn.active{
  color:#06111d;
  background:linear-gradient(135deg,var(--cyan),var(--pink));
  border-color:rgba(255,255,255,.45);
  box-shadow:0 0 26px rgba(36,230,255,.24);
}
.viewport{
  width:min(1680px,calc(100vw - var(--ai360-safe-x)*2))!important;
  height:calc(100dvh - var(--ai360-topbar-h))!important;
  min-height:0!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) var(--ai360-dashboard-h)!important;
  gap:clamp(8px,1.4vh,12px)!important;
  padding:var(--ai360-safe-y) 0 calc(var(--ai360-safe-y) + env(safe-area-inset-bottom))!important;
  margin:0 auto!important;
  overflow:hidden!important;
}
.story-head,
.cinema,
.dashboard,
.pain-stage,
.solution-stage,
.core-stage,
.chaos-world,
.workbench,
.phone-wrap,
.phone,
.chat,
.crm{
  min-height:0!important;
}
.story-head{
  overflow:hidden;
}
.cinema{
  height:100%!important;
  overflow:hidden!important;
  align-items:stretch!important;
}
.pain-stage,
.solution-stage,
.core-stage{
  height:100%!important;
  max-height:none!important;
  overflow:hidden!important;
}
.pain-stage,
.solution-stage{
  display:flex!important;
  flex-direction:column!important;
}
.stage-title{
  flex:0 0 clamp(42px,6.2vh,50px)!important;
  height:auto!important;
}
.chaos-world,
.workbench{
  flex:1 1 auto!important;
  height:auto!important;
}
.workbench{
  overflow:hidden!important;
  align-items:stretch!important;
}
.phone-wrap{
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
.channel-switch{
  flex:0 0 auto!important;
}
.phone{
  flex:1 1 auto!important;
  height:auto!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
.phone-head{
  flex:0 0 clamp(36px,5.4vh,44px)!important;
  height:auto!important;
}
.chat{
  flex:1 1 auto!important;
  height:auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scroll-behavior:smooth;
  overscroll-behavior:contain;
  padding-bottom:12px!important;
}
.chat::-webkit-scrollbar{width:4px}.chat::-webkit-scrollbar-thumb{background:rgba(14,155,199,.28);border-radius:999px}
.typing{
  flex:0 0 auto!important;
  min-height:clamp(34px,5.4vh,42px)!important;
  height:auto!important;
  position:relative!important;
  z-index:5!important;
  padding-top:7px!important;
  padding-bottom:calc(7px + env(safe-area-inset-bottom))!important;
  line-height:1.2!important;
}
.crm{
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
.crm-head,.lead-row,.score-box,.crm-grid,.action-card{
  flex-shrink:0;
}
.action-card{
  overflow:hidden;
}
.action-card p{
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.dashboard{
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
  margin-top:0!important;
}
.dashboard .dash-title{
  height:clamp(36px,5vh,44px)!important;
  min-height:0!important;
}
.kpis{
  height:calc(100% - clamp(36px,5vh,44px));
  align-items:stretch;
}
.kpis div{
  min-height:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
body.record-mode{
  background:radial-gradient(circle at 12% 0,rgba(255,77,184,.34),transparent 32%),radial-gradient(circle at 88% 14%,rgba(36,230,255,.28),transparent 32%),linear-gradient(180deg,#050713,#080a19 56%,#04050d);
}
body.record-mode .topbar{
  display:none!important;
}
body.record-mode .viewport,
body.clean .viewport{
  width:min(1720px,calc(100vw - var(--ai360-record-safe-x)*2))!important;
  height:100dvh!important;
  max-height:100dvh!important;
  padding:var(--ai360-record-safe-y) 0 calc(var(--ai360-record-safe-y) + env(safe-area-inset-bottom))!important;
  grid-template-rows:auto minmax(0,1fr) clamp(108px,15vh,156px)!important;
}
body.record-mode .story-head h1,
body.clean .story-head h1{
  font-size:clamp(26px,3.25vw,50px)!important;
}
body.record-mode .story-head p,
body.clean .story-head p{
  -webkit-line-clamp:1!important;
}
body.record-mode .record-hint,
body.clean .record-hint{
  display:none!important;
}
body.show-safe::after{
  content:"SAFE ZONE - keep all record content inside this frame";
  position:fixed;
  inset:var(--ai360-record-safe-y) var(--ai360-record-safe-x) calc(var(--ai360-record-safe-y) + env(safe-area-inset-bottom));
  z-index:9999;
  pointer-events:none;
  border:2px dashed rgba(112,255,208,.72);
  border-radius:28px;
  color:rgba(223,255,246,.92);
  font-size:11px;
  font-weight:1000;
  letter-spacing:.14em;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  padding-top:8px;
  text-shadow:0 2px 12px rgba(0,0,0,.7);
  box-shadow:inset 0 0 0 1px rgba(36,230,255,.20),0 0 40px rgba(112,255,208,.08);
}
@media(max-height:820px){
  :root{--ai360-dashboard-h:clamp(96px,14vh,132px);--ai360-safe-y:6px;--ai360-record-safe-y:clamp(14px,2.5vh,28px)}
  .viewport{gap:7px!important}
  .stage-title{flex-basis:40px!important}
  .workbench{padding:9px!important;gap:9px!important}
  .phone{border-width:6px!important;border-radius:24px!important}
  .typing{min-height:32px!important;font-size:9.5px!important;padding-top:5px!important;padding-bottom:calc(5px + env(safe-area-inset-bottom))!important}
  .bubble{font-size:10px!important;line-height:1.22!important;padding:7px 9px!important}
  .chat{gap:6px!important;padding:8px!important;padding-bottom:8px!important}
  .score-box{display:none!important}
  .crm-grid div{padding:7px!important}
  .action-card p{-webkit-line-clamp:2!important}
}
@media(max-height:720px){
  .live-chip,.flow-board{display:none!important}
  .story-head h1{font-size:clamp(24px,3vw,36px)!important;margin:5px auto 4px!important}
  .story-head p{font-size:10.5px!important;line-height:1.25!important;-webkit-line-clamp:1!important}
  .progress{margin-top:5px!important}
  .dashboard .dash-title{display:none!important}
  .kpis{height:100%!important;padding:7px!important}
  .kpis small{font-size:8px!important}
  .kpis b{font-size:18px!important}
  .kpis span{font-size:8.5px!important}
}
@media(max-width:1366px){
  :root{--ai360-safe-x:12px;--ai360-record-safe-x:clamp(24px,3.5vw,56px)}
  .cinema,body.clean .cinema,body.record-mode .cinema{grid-template-columns:minmax(270px,.82fr) 220px minmax(440px,1.32fr)!important;gap:9px!important}
  .workbench{grid-template-columns:minmax(220px,.86fr) minmax(260px,1fr)!important}
  .incoming{width:160px!important}
  .channel-switch button{font-size:9px!important;padding:5px!important}
  .crm-grid b{font-size:10px!important}
}
@media(max-width:1100px){
  html,body{overflow:auto!important}
  .topbar{height:auto;min-height:var(--ai360-topbar-h)}
  .viewport{height:auto!important;min-height:100dvh!important;overflow:visible!important;display:block!important;width:min(100% - 24px,760px)!important;padding:12px 0!important}
  .cinema{display:grid!important;grid-template-columns:1fr!important;overflow:visible!important;height:auto!important}
  .pain-stage{display:none!important}
  .core-stage{display:flex!important;height:auto!important;min-height:0!important;padding:24px 14px!important}
  .solution-stage{height:min(760px,calc(100dvh - 170px))!important;min-height:520px!important}
  .dashboard{height:auto!important;margin-top:12px!important}
  .kpis{grid-template-columns:repeat(2,1fr)!important;height:auto!important}
}

/* =========================================================
   AI360 LIVE DASHBOARD WOW PATCH - synced with each scenario
   ========================================================= */
.dashboard-wow{
  position:relative!important;
  padding:clamp(8px,1vh,12px)!important;
  border:1px solid rgba(36,230,255,.22)!important;
  background:
    radial-gradient(circle at 12% 0,rgba(36,230,255,.18),transparent 34%),
    radial-gradient(circle at 88% 100%,rgba(255,77,184,.18),transparent 36%),
    linear-gradient(135deg,rgba(8,14,38,.88),rgba(10,15,38,.72))!important;
  box-shadow:0 24px 70px rgba(0,0,0,.24),inset 0 0 0 1px rgba(255,255,255,.05)!important;
  isolation:isolate;
}
.dashboard-wow:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.7;
  background:linear-gradient(90deg,transparent,rgba(36,230,255,.13),transparent);
  transform:translateX(-110%);
  animation:dashScanner 4.2s linear infinite;
  z-index:-1;
}
@keyframes dashScanner{to{transform:translateX(110%)}}
.dashboard-wow.flash{animation:dashPulse .48s ease both}
@keyframes dashPulse{45%{filter:brightness(1.2);box-shadow:0 0 34px rgba(36,230,255,.24),0 24px 70px rgba(0,0,0,.22)}}
.dashboard-wow .dash-title{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  height:clamp(34px,5vh,42px)!important;
  margin:0!important;
  padding:0 2px 8px!important;
}
.dashboard-wow .dash-title>span{
  width:32px;height:32px;border-radius:12px;display:grid;place-items:center;
  background:linear-gradient(135deg,rgba(36,230,255,.25),rgba(255,77,184,.16));
  border:1px solid rgba(255,255,255,.16);
  color:#eaffff;font-weight:1000;font-size:12px;
}
.dashboard-wow .dash-title div{min-width:0;flex:1}.dashboard-wow .dash-title b{font-size:13px!important}.dashboard-wow .dash-title small{font-size:10px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;color:#9fb7dc!important}
.dashboard-wow .dash-title em{
  flex:0 0 auto;
  min-width:118px;
  text-align:center;
  padding:7px 10px;
  border-radius:999px;
  color:#06101b;
  font-size:10px;
  font-style:normal;
  font-weight:1000;
  letter-spacing:.04em;
  background:linear-gradient(135deg,var(--cyan),var(--green));
  box-shadow:0 0 18px rgba(36,230,255,.28);
}
.dash-live{
  height:calc(100% - clamp(34px,5vh,42px));
  min-height:0;
  display:grid;
  grid-template-columns:minmax(310px,.92fr) minmax(420px,1.22fr) minmax(300px,.86fr);
  gap:clamp(7px,.8vw,10px);
  align-items:stretch;
}
.cockpit-kpis{
  height:100%!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:clamp(6px,.7vw,8px)!important;
}
.kpi-card{
  position:relative;
  min-width:0;
  min-height:0;
  border-radius:16px!important;
  padding:clamp(8px,1vh,10px)!important;
  overflow:hidden;
  background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.035))!important;
  border:1px solid rgba(255,255,255,.09)!important;
  box-shadow:inset 0 0 0 1px rgba(36,230,255,.05);
}
.kpi-card:before{
  content:"";
  position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(var(--cyan),var(--pink));
  opacity:.38;
}
.kpi-card:after{
  content:"";
  position:absolute;right:-18px;top:-18px;width:52px;height:52px;border-radius:50%;
  background:rgba(36,230,255,.1);filter:blur(2px);
}
.kpi-card small{font-size:9px!important;color:#9fb7dc!important;line-height:1.1!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block!important}
.kpi-card b{font-size:clamp(18px,2.2vw,30px)!important;line-height:1!important;margin:3px 0 4px!important;background:linear-gradient(90deg,#fff,#8ff7ff);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.kpi-card span{font-size:9px!important;color:#a7ffde!important;line-height:1.1!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block!important}
.kpi-card.hot{border-color:rgba(36,230,255,.42)!important;box-shadow:0 0 26px rgba(36,230,255,.14),inset 0 0 0 1px rgba(36,230,255,.12)!important;animation:kpiHot .9s ease both}
.kpi-card.hot:before{opacity:1;width:4px}.kpi-card.hot b{filter:drop-shadow(0 0 10px rgba(36,230,255,.34))}
@keyframes kpiHot{50%{transform:translateY(-2px) scale(1.015)}}
.journey-panel,.insight-panel{
  min-height:0;
  border-radius:18px;
  padding:clamp(8px,1vh,10px);
  overflow:hidden;
  background:rgba(3,8,26,.34);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.journey-top,.insight-head{
  height:18px;
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  color:#eaf7ff;font-size:10px;font-weight:1000;letter-spacing:.02em;
}
.journey-top span,.insight-head span{color:#70ffd0;font-size:9px;font-weight:1000}
.dash-progress{height:6px;margin:6px 0 8px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
.dash-progress i{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,var(--cyan),var(--green),var(--pink));box-shadow:0 0 18px rgba(36,230,255,.48);transition:width .55s cubic-bezier(.2,.8,.2,1)}
.dash-stages{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin-bottom:7px}
.dash-stage{
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.045);
  color:#92a8c8;
  border-radius:12px;
  padding:5px 4px;
  min-width:0;
  display:flex;align-items:center;gap:4px;justify-content:center;
  font-weight:900;
  transition:.35s ease;
}
.dash-stage i{font-style:normal;font-size:8px;color:#5ddff4}.dash-stage span{font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dash-stage.done{background:rgba(112,255,208,.09);border-color:rgba(112,255,208,.22);color:#dffff4}.dash-stage.active{background:linear-gradient(135deg,rgba(36,230,255,.26),rgba(255,77,184,.14));border-color:rgba(36,230,255,.52);color:#fff;box-shadow:0 0 18px rgba(36,230,255,.16);transform:translateY(-1px)}
.flow-board-wow{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr) 12px minmax(0,1fr) 12px minmax(0,1fr)!important;
  gap:4px!important;
  height:42px!important;
  align-items:stretch!important;
  padding:0!important;
  margin:0!important;
}
.flow-board-wow .flow-card{min-width:0!important;min-height:0!important;padding:7px 8px!important;border-radius:12px!important}.flow-board-wow .flow-card b{font-size:9px!important}.flow-board-wow .flow-card span{font-size:8.5px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.flow-board-wow>i{width:12px!important;min-width:12px!important;align-self:center!important;height:2px!important;border-radius:999px!important;background:linear-gradient(90deg,var(--cyan),var(--pink))!important;box-shadow:0 0 9px rgba(36,230,255,.4)}
.insight-panel{display:flex;flex-direction:column;gap:5px}.insight-panel p{margin:0!important;color:#dfeaff!important;font-size:clamp(9.3px,.72vw,11px)!important;line-height:1.24!important;min-height:32px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dash-spark{height:25px;display:flex;align-items:end;gap:4px;padding:2px 0}.dash-spark i{flex:1;border-radius:999px 999px 3px 3px;height:var(--h);min-height:4px;background:linear-gradient(180deg,var(--cyan),rgba(255,77,184,.42));box-shadow:0 0 12px rgba(36,230,255,.18);animation:sparkRise .7s ease both;animation-delay:var(--d)}
@keyframes sparkRise{from{height:4px;opacity:.2}to{height:var(--h);opacity:1}}
.event-feed{display:flex;gap:5px;min-height:20px;overflow:hidden}.event-feed span{flex:1;min-width:0;border-radius:999px;padding:5px 8px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);font-size:8.5px;color:#b8caff;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:eventIn .38s ease both;animation-delay:var(--d)}.event-feed span.now{color:#06111d;background:linear-gradient(135deg,var(--green),var(--cyan));box-shadow:0 0 18px rgba(112,255,208,.18)}
@keyframes eventIn{from{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}
body[data-dash-stage="0"] .ai-core{filter:drop-shadow(0 0 12px rgba(36,230,255,.16))}body[data-dash-stage="4"] .crm{box-shadow:0 0 36px rgba(112,255,208,.14),inset 0 0 0 1px rgba(112,255,208,.16)!important}
@media(max-height:820px){
  .dashboard-wow{padding:7px!important}.dashboard-wow .dash-title{height:32px!important;padding-bottom:5px!important}.dashboard-wow .dash-title b{font-size:11px!important}.dashboard-wow .dash-title small{display:none!important}.dashboard-wow .dash-title em{padding:5px 8px;font-size:9px;min-width:96px}.dash-live{height:calc(100% - 32px);gap:6px;grid-template-columns:minmax(260px,.9fr) minmax(340px,1.18fr) minmax(250px,.78fr)}.kpi-card{padding:6px 7px!important;border-radius:12px!important}.kpi-card b{font-size:18px!important}.journey-panel,.insight-panel{padding:6px!important;border-radius:14px}.flow-board-wow{display:none!important}.dash-stages{margin-bottom:0}.dash-stage span{font-size:7.8px}.insight-panel p{font-size:9px!important;min-height:28px}.event-feed{display:none}.dash-spark{height:22px}
}
@media(max-height:720px){
  .dashboard-wow .dash-title{display:flex!important}.dashboard-wow .dash-title>span{display:none}.dash-live{grid-template-columns:minmax(220px,.95fr) minmax(320px,1.25fr) minmax(220px,.75fr)}.dash-stage{padding:4px 3px}.dash-stage i{display:none}.insight-panel p{-webkit-line-clamp:2!important}.dash-spark{display:none}.journey-top,.insight-head{height:15px;font-size:8.5px}.dash-progress{margin:4px 0 5px}.kpi-card small{font-size:7.8px!important}.kpi-card b{font-size:16px!important}.kpi-card span{font-size:7.8px!important}
}
@media(max-width:1366px){
  .dash-live{grid-template-columns:minmax(250px,.84fr) minmax(360px,1.15fr) minmax(250px,.8fr)}.flow-board-wow .flow-card{padding:6px!important}.flow-board-wow .flow-card span{font-size:7.8px!important}.dash-stage span{font-size:7.8px}.insight-panel p{font-size:9.2px!important}
}
@media(max-width:1100px){
  .dash-live{display:block;height:auto}.journey-panel,.insight-panel{margin-top:8px}.flow-board-wow{display:none!important}.event-feed{display:none}.dash-stages{grid-template-columns:repeat(5,1fr)}
}


/* =========================================================
   AI360 FOOTER / DASHBOARD SAFE-FIT PATCH - 2026-06-17 v2
   Fixes bottom clipping by giving the live dashboard/footer
   enough reserved height, then making its inner panels flex-fit.
   ========================================================= */
:root{
  --ai360-dashboard-h:clamp(168px,21vh,224px);
  --ai360-record-dashboard-h:clamp(176px,22vh,232px);
}

.viewport{
  grid-template-rows:minmax(54px,auto) minmax(0,1fr) var(--ai360-dashboard-h)!important;
  padding-bottom:calc(var(--ai360-safe-y) + env(safe-area-inset-bottom) + 4px)!important;
}

body.clean .viewport,
body.record-mode .viewport{
  grid-template-rows:minmax(48px,auto) minmax(0,1fr) var(--ai360-record-dashboard-h)!important;
  padding-bottom:calc(var(--ai360-record-safe-y) + env(safe-area-inset-bottom) + 4px)!important;
}

.dashboard.dashboard-wow{
  height:100%!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:clamp(6px,.8vh,10px)!important;
  padding:clamp(8px,1vh,12px)!important;
  overflow:hidden!important;
}

.dashboard-wow .dash-title{
  flex:0 0 auto!important;
  height:auto!important;
  min-height:clamp(32px,4.2vh,42px)!important;
  padding:0 2px clamp(4px,.7vh,8px)!important;
  margin:0!important;
}

.dashboard-wow .dash-live{
  flex:1 1 auto!important;
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
  display:grid!important;
  align-items:stretch!important;
}

.dashboard-wow .cockpit-kpis,
.dashboard-wow .journey-panel,
.dashboard-wow .insight-panel{
  min-height:0!important;
  overflow:hidden!important;
}

.dashboard-wow .journey-panel,
.dashboard-wow .insight-panel{
  display:flex!important;
  flex-direction:column!important;
}

.dashboard-wow .dash-stages,
.dashboard-wow .flow-board-wow,
.dashboard-wow .dash-spark,
.dashboard-wow .event-feed{
  flex-shrink:0!important;
}

.dashboard-wow .insight-panel p{
  flex:0 1 auto!important;
  min-height:0!important;
}

/* Keep the main cinema from pushing the footer out of the safe zone. */
.cinema{
  min-height:0!important;
}

/* Control buttons were wired in JS; this makes them visible and record-friendly. */
.controls .record-btn,.controls .safe-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
}

@media(max-height:900px){
  :root{
    --ai360-dashboard-h:clamp(158px,21vh,198px);
    --ai360-record-dashboard-h:clamp(166px,22vh,204px);
  }
  .dashboard-wow .dash-title em{font-size:9px!important;padding:5px 8px!important;min-width:96px!important}
  .dashboard-wow .dash-title b{font-size:12px!important}
  .dashboard-wow .dash-title small{font-size:9px!important}
}

@media(max-height:820px){
  :root{
    --ai360-dashboard-h:clamp(150px,22vh,178px)!important;
    --ai360-record-dashboard-h:clamp(156px,22vh,186px)!important;
    --ai360-safe-y:6px;
    --ai360-record-safe-y:clamp(14px,2.4vh,24px);
  }
  .viewport{grid-template-rows:minmax(42px,auto) minmax(0,1fr) var(--ai360-dashboard-h)!important;gap:6px!important}
  body.clean .viewport,body.record-mode .viewport{grid-template-rows:minmax(38px,auto) minmax(0,1fr) var(--ai360-record-dashboard-h)!important;gap:6px!important}
  .dashboard.dashboard-wow{gap:5px!important;padding:7px!important}
  .dashboard-wow .dash-title{min-height:30px!important;padding-bottom:4px!important}
  .dashboard-wow .dash-title small{display:none!important}
  .dashboard-wow .dash-live{gap:6px!important}
  .cockpit-kpis{gap:5px!important}
  .kpi-card{padding:6px 7px!important;border-radius:12px!important}
  .kpi-card b{font-size:17px!important;margin:2px 0!important}
  .kpi-card small,.kpi-card span{font-size:7.6px!important}
  .journey-panel,.insight-panel{padding:6px!important;border-radius:13px!important}
  .journey-top,.insight-head{height:14px!important;font-size:8.5px!important}
  .dash-progress{height:5px!important;margin:4px 0 5px!important}
  .dash-stages{gap:4px!important;margin-bottom:5px!important}
  .dash-stage{padding:4px 3px!important;border-radius:9px!important}
  .dash-stage i{display:none!important}
  .dash-stage span{font-size:7.4px!important}
  .flow-board-wow{height:34px!important}
  .flow-board-wow .flow-card{padding:5px!important;border-radius:9px!important}
  .flow-board-wow .flow-card b{font-size:7.8px!important}
  .flow-board-wow .flow-card span{font-size:7px!important}
  .insight-panel p{font-size:8.7px!important;line-height:1.15!important;-webkit-line-clamp:2!important}
  .dash-spark{height:18px!important}
  .event-feed{min-height:16px!important}
  .event-feed span{padding:4px 6px!important;font-size:7.2px!important}
}

@media(max-height:720px){
  :root{
    --ai360-dashboard-h:150px!important;
    --ai360-record-dashboard-h:156px!important;
  }
  .live-chip{display:none!important}
  .story-head h1{font-size:clamp(22px,2.8vw,32px)!important;margin:3px auto 3px!important}
  .story-head p{font-size:10px!important;line-height:1.18!important;-webkit-line-clamp:1!important}
  .progress{height:3px!important;margin-top:4px!important}
  .dashboard-wow .dash-title{min-height:26px!important;padding-bottom:3px!important}
  .dashboard-wow .dash-title>span{display:none!important}
  .dashboard-wow .dash-title b{font-size:10px!important}
  .dashboard-wow .dash-title em{font-size:8px!important;padding:4px 6px!important;min-width:78px!important}
  .dashboard-wow .dash-live{grid-template-columns:minmax(190px,.9fr) minmax(260px,1.15fr) minmax(190px,.75fr)!important;gap:5px!important}
  .flow-board-wow{display:none!important}
  .event-feed{display:none!important}
  .dash-spark{height:16px!important}
  .kpi-card b{font-size:15px!important}
  .journey-top,.insight-head{height:13px!important;font-size:8px!important}
  .insight-panel p{font-size:8.2px!important;line-height:1.12!important}
}

@media(max-width:1366px){
  :root{
    --ai360-dashboard-h:clamp(154px,21vh,190px);
    --ai360-record-dashboard-h:clamp(160px,22vh,198px);
  }
  .dashboard-wow .dash-live{grid-template-columns:minmax(220px,.86fr) minmax(320px,1.15fr) minmax(220px,.78fr)!important}
}

@media(max-width:1100px){
  .viewport{display:block!important;height:auto!important;overflow:visible!important;padding-bottom:24px!important}
  .dashboard.dashboard-wow{height:auto!important;min-height:220px!important;overflow:visible!important}
  .dashboard-wow .dash-live{display:block!important;overflow:visible!important}
  .journey-panel,.insight-panel{margin-top:8px!important}
}

/* =========================================================
   AI360 NO-CLIP FINAL PATCH v3
   Fixes the exact cropped footer/dashboard + CRM bottom areas.
   - Overrides older body.clean .dashboard fixed height.
   - Makes live dashboard content compact enough for 1440x900/1366x768.
   - Hides score donut in record/clean medium-height screens so CRM grid/action never crop.
   ========================================================= */
body.clean .dashboard.dashboard-wow,
body.record-mode .dashboard.dashboard-wow{
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
}
body.clean .dashboard.dashboard-wow .dash-live,
body.record-mode .dashboard.dashboard-wow .dash-live{
  height:auto!important;
  min-height:0!important;
  flex:1 1 auto!important;
}
body.clean .dashboard.dashboard-wow .journey-panel,
body.record-mode .dashboard.dashboard-wow .journey-panel,
body.clean .dashboard.dashboard-wow .insight-panel,
body.record-mode .dashboard.dashboard-wow .insight-panel{
  min-height:0!important;
  height:100%!important;
}
body.clean .dashboard.dashboard-wow .flow-board-wow,
body.record-mode .dashboard.dashboard-wow .flow-board-wow{
  height:34px!important;
}
body.clean .dashboard.dashboard-wow .flow-board-wow .flow-card,
body.record-mode .dashboard.dashboard-wow .flow-board-wow .flow-card{
  padding:5px 7px!important;
  border-radius:10px!important;
}
body.clean .dashboard.dashboard-wow .flow-board-wow .flow-card b,
body.record-mode .dashboard.dashboard-wow .flow-board-wow .flow-card b{
  font-size:8px!important;
  line-height:1!important;
}
body.clean .dashboard.dashboard-wow .flow-board-wow .flow-card span,
body.record-mode .dashboard.dashboard-wow .flow-board-wow .flow-card span{
  font-size:7px!important;
  line-height:1.05!important;
}
body.clean .dashboard.dashboard-wow .dash-stages,
body.record-mode .dashboard.dashboard-wow .dash-stages{
  margin-bottom:5px!important;
}
body.clean .dashboard.dashboard-wow .dash-stage,
body.record-mode .dashboard.dashboard-wow .dash-stage{
  min-height:27px!important;
  padding:4px 4px!important;
  border-radius:11px!important;
}
body.clean .dashboard.dashboard-wow .dash-stage span,
body.record-mode .dashboard.dashboard-wow .dash-stage span{
  font-size:7.6px!important;
  line-height:1!important;
}
body.clean .dashboard.dashboard-wow .dash-progress,
body.record-mode .dashboard.dashboard-wow .dash-progress{
  margin:5px 0 6px!important;
}

@media(max-height:940px){
  body.clean .score-box,
  body.record-mode .score-box{
    display:none!important;
  }
  body.clean .crm,
  body.record-mode .crm{
    padding:12px!important;
    gap:0!important;
  }
  body.clean .crm-head,
  body.record-mode .crm-head{
    margin-bottom:9px!important;
  }
  body.clean .lead-row,
  body.record-mode .lead-row{
    padding:9px!important;
    border-radius:16px!important;
  }
  body.clean .crm-grid,
  body.record-mode .crm-grid{
    gap:7px!important;
    margin-top:9px!important;
  }
  body.clean .crm-grid div,
  body.record-mode .crm-grid div{
    padding:8px!important;
    border-radius:13px!important;
  }
  body.clean .action-card,
  body.record-mode .action-card{
    padding:9px!important;
    margin-top:9px!important;
    border-radius:14px!important;
  }
  body.clean .action-card p,
  body.record-mode .action-card p{
    -webkit-line-clamp:2!important;
    font-size:10.8px!important;
    line-height:1.28!important;
  }
}

@media(max-height:900px){
  body.clean .dashboard.dashboard-wow,
  body.record-mode .dashboard.dashboard-wow{
    padding:8px!important;
  }
  body.clean .dashboard.dashboard-wow .dash-title,
  body.record-mode .dashboard.dashboard-wow .dash-title{
    min-height:30px!important;
    padding-bottom:4px!important;
  }
  body.clean .dashboard.dashboard-wow .dash-title b,
  body.record-mode .dashboard.dashboard-wow .dash-title b{
    font-size:11px!important;
  }
  body.clean .dashboard.dashboard-wow .dash-title small,
  body.record-mode .dashboard.dashboard-wow .dash-title small{
    display:none!important;
  }
  body.clean .dashboard.dashboard-wow .journey-top,
  body.record-mode .dashboard.dashboard-wow .journey-top,
  body.clean .dashboard.dashboard-wow .insight-head,
  body.record-mode .dashboard.dashboard-wow .insight-head{
    height:14px!important;
    font-size:8.5px!important;
  }
  body.clean .dashboard.dashboard-wow .flow-board-wow,
  body.record-mode .dashboard.dashboard-wow .flow-board-wow{
    display:grid!important;
    height:30px!important;
  }
}

@media(max-height:820px){
  body.clean .dashboard.dashboard-wow .flow-board-wow,
  body.record-mode .dashboard.dashboard-wow .flow-board-wow{
    display:none!important;
  }
}

/* =========================================================
   AI360 NO-CLIP FINAL PATCH v4
   Final hard fix for the 2 remaining clipped zones:
   1) CRM bottom cards (Nguồn / Intent / SLA / Value / Action)
   2) Dashboard flow row inside Live automation journey
   ========================================================= */
:root{
  --ai360-dashboard-h:clamp(148px,20vh,210px);
}

/* Give the dashboard a genuinely larger safe area in all modes */
.viewport{
  grid-template-rows:auto minmax(0,1fr) clamp(148px,20vh,210px)!important;
}
body.clean .viewport,
body.record-mode .viewport{
  grid-template-rows:auto minmax(0,1fr) clamp(150px,21vh,220px)!important;
}

/* Make the solution column more compact vertically */
.solution-stage .stage-title,
.pain-stage .stage-title{
  flex-basis:42px!important;
}
.solution-stage .workbench,
.pain-stage .chaos-world{
  padding-top:12px!important;
}
.workbench{
  gap:12px!important;
  padding:12px!important;
}

/* CRM must never crop its bottom content */
.crm{
  padding:12px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  gap:0!important;
}
.crm-head{margin-bottom:8px!important}
.lead-row{padding:9px!important;border-radius:16px!important}
.lead-row strong{font-size:13px!important}
.lead-row p{font-size:10px!important;line-height:1.25!important}
.crm-grid{gap:7px!important;margin-top:8px!important}
.crm-grid div{padding:8px!important;border-radius:13px!important;min-height:0!important}
.crm-grid small{font-size:9px!important}
.crm-grid b{font-size:11px!important;line-height:1.15!important}
.action-card{margin-top:8px!important;padding:9px!important;border-radius:14px!important}
.action-card span{font-size:9px!important}
.action-card p{font-size:10.8px!important;line-height:1.26!important;-webkit-line-clamp:2!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;overflow:hidden!important}

/* Hide the score donut sooner so CRM info cards always fit */
@media (max-height:1000px), (max-width:1520px){
  .score-box,
  body.clean .score-box,
  body.record-mode .score-box{display:none!important}
}

/* Dashboard live area: enforce compact but fully visible panels */
.dashboard.dashboard-wow,
body.clean .dashboard.dashboard-wow,
body.record-mode .dashboard.dashboard-wow{
  padding:8px!important;
  overflow:hidden!important;
}
.dashboard-wow .dash-title,
body.clean .dashboard-wow .dash-title,
body.record-mode .dashboard-wow .dash-title{
  min-height:32px!important;
  height:32px!important;
  padding:0 10px 4px!important;
}
.dashboard-wow .dash-title b{font-size:11px!important}
.dashboard-wow .dash-title small{display:none!important}
.dashboard-wow .dash-title em{font-size:9px!important;padding:5px 8px!important;min-width:88px!important}

.dashboard-wow .dash-live,
body.clean .dashboard-wow .dash-live,
body.record-mode .dashboard-wow .dash-live{
  height:calc(100% - 32px)!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:minmax(210px,.9fr) minmax(340px,1.2fr) minmax(220px,.82fr)!important;
  gap:7px!important;
  align-items:stretch!important;
}
.cockpit-kpis{padding:0!important;gap:7px!important}
.kpi-card{padding:7px 8px!important;border-radius:12px!important}
.kpi-card small{font-size:7.8px!important}
.kpi-card b{font-size:17px!important;line-height:1!important}
.kpi-card span{font-size:7.8px!important;line-height:1.1!important}

.journey-panel,.insight-panel{
  padding:7px!important;
  border-radius:14px!important;
  overflow:hidden!important;
}
.journey-top,.insight-head{height:14px!important;font-size:8.5px!important}
.dash-progress{height:6px!important;margin:5px 0 6px!important}
.dash-stages{gap:6px!important;margin-bottom:6px!important}
.dash-stage{min-height:28px!important;padding:4px 4px!important;border-radius:11px!important}
.dash-stage span{font-size:7.4px!important;line-height:1!important}
.dash-stage i{display:none!important}

.flow-board-wow,
body.clean .dashboard-wow .flow-board-wow,
body.record-mode .dashboard-wow .flow-board-wow{
  display:grid!important;
  grid-template-columns:1fr 12px 1fr 12px 1fr 12px 1fr!important;
  gap:4px!important;
  padding:0!important;
  align-items:center!important;
  min-height:40px!important;
  height:40px!important;
}
.flow-board-wow .flow-card,
body.clean .dashboard-wow .flow-board-wow .flow-card,
body.record-mode .dashboard-wow .flow-board-wow .flow-card{
  min-width:0!important;
  min-height:40px!important;
  padding:5px 6px!important;
  border-radius:10px!important;
}
.flow-board-wow .flow-card b,
body.clean .dashboard-wow .flow-board-wow .flow-card b,
body.record-mode .dashboard-wow .flow-board-wow .flow-card b{
  font-size:8.4px!important;
  line-height:1!important;
}
.flow-board-wow .flow-card span,
body.clean .dashboard-wow .flow-board-wow .flow-card span,
body.record-mode .dashboard-wow .flow-board-wow .flow-card span{
  font-size:7.4px!important;
  line-height:1.05!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  display:block!important;
}
.flow-board-wow>i{width:12px!important;min-width:12px!important;height:2px!important;align-self:center!important}

.insight-panel p{font-size:9px!important;line-height:1.2!important;min-height:26px!important;margin:4px 0 6px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
.dash-spark{height:22px!important}
.event-feed{display:none!important}

/* Smaller laptops / 1366x768 safety */
@media (max-height:820px){
  .viewport{grid-template-rows:auto minmax(0,1fr) 148px!important;gap:6px!important;padding-top:6px!important;padding-bottom:6px!important}
  body.clean .viewport,
  body.record-mode .viewport{grid-template-rows:auto minmax(0,1fr) 148px!important}
  .story-head{margin-bottom:0!important}
  .story-head h1{font-size:30px!important;margin:6px auto 4px!important}
  .story-head p{font-size:10px!important;line-height:1.28!important}
  .progress{margin-top:5px!important}
  .dashboard-wow .dash-live,
  body.clean .dashboard-wow .dash-live,
  body.record-mode .dashboard-wow .dash-live{grid-template-columns:minmax(190px,.9fr) minmax(300px,1.1fr) minmax(190px,.8fr)!important;gap:5px!important}
  .flow-board-wow,
  body.clean .dashboard-wow .flow-board-wow,
  body.record-mode .dashboard-wow .flow-board-wow{height:34px!important;min-height:34px!important}
  .flow-board-wow .flow-card,
  body.clean .dashboard-wow .flow-board-wow .flow-card,
  body.record-mode .dashboard-wow .flow-board-wow .flow-card{min-height:34px!important;padding:4px 5px!important}
  .flow-board-wow .flow-card b,
  body.clean .dashboard-wow .flow-board-wow .flow-card b,
  body.record-mode .dashboard-wow .flow-board-wow .flow-card b{font-size:7.6px!important}
  .flow-board-wow .flow-card span,
  body.clean .dashboard-wow .flow-board-wow .flow-card span,
  body.record-mode .dashboard-wow .flow-board-wow .flow-card span{font-size:6.8px!important}
}

/* If height is extremely tight, remove the flow row instead of clipping it */
@media (max-height:760px){
  .flow-board-wow,
  body.clean .dashboard-wow .flow-board-wow,
  body.record-mode .dashboard-wow .flow-board-wow{display:none!important}
  .dashboard-wow .dash-live,
  body.clean .dashboard-wow .dash-live,
  body.record-mode .dashboard-wow .dash-live{grid-template-columns:minmax(180px,.9fr) minmax(280px,1.08fr) minmax(180px,.8fr)!important}
}


/* =========================================================
   AI360 MOTION REACTIVATION CSS v5
   Visual pulse layer for Section 02 + Section 03 live updates.
   ========================================================= */
.ai360-pulse{animation:ai360Pulse .42s ease both!important}
.ai360-kpi-pop{animation:ai360KpiPop .52s cubic-bezier(.2,1.4,.3,1) both!important}
.ai360-stage-pulse{animation:ai360StagePulse .56s ease both!important}
.ai360-step-pulse{animation:ai360StepPulse .55s ease both!important}
.ai360-core-pulse{animation:ai360CorePulse 1.15s ease both!important}
.ai360-channel-pulse{animation:ai360ChannelPulse .62s ease both!important}
.ai360-crm-pop{animation:ai360CrmPop .55s ease both!important}
.ai360-action-pulse{animation:ai360ActionPulse .7s ease both!important}
/* When a block "pops" (scale-up) during the live animation, lift it above its
   neighbours so the enlarged edges/border are never covered by adjacent cards. */
.ai360-pulse,.ai360-kpi-pop,.ai360-stage-pulse,.ai360-step-pulse,
.ai360-core-pulse,.ai360-channel-pulse,.ai360-crm-pop,.ai360-action-pulse{position:relative!important;z-index:30!important}
.ai360-dashboard-pulse{box-shadow:0 26px 80px rgba(0,0,0,.35),0 0 42px rgba(36,230,255,.08),inset 0 1px rgba(255,255,255,.14)!important}
.ai360-solution-pulse{box-shadow:0 26px 80px rgba(0,0,0,.35),0 0 44px rgba(112,255,208,.08),inset 0 1px rgba(255,255,255,.14)!important}
.ai360-typing-pulse{background:linear-gradient(90deg,#ffffff,#eefcff,#ffffff)!important;color:#45516f!important}
.orbit.active{color:#07111d!important;background:linear-gradient(135deg,var(--cyan),var(--green))!important;border-color:rgba(255,255,255,.55)!important;box-shadow:0 0 24px rgba(36,230,255,.32)!important}
.step.done{opacity:.88!important;border-color:rgba(112,255,208,.28)!important;background:rgba(112,255,208,.08)!important;transform:translateX(0)!important}
.crm-grid div.hot{border-color:rgba(36,230,255,.5)!important;box-shadow:0 0 20px rgba(36,230,255,.12)!important;background:linear-gradient(180deg,rgba(36,230,255,.12),rgba(255,255,255,.06))!important}
.flow-card.highlight,.flow-board-wow .flow-card.highlight{animation:ai360FlowGlow 1.3s ease-in-out infinite alternate!important}
.dash-spark i{animation:ai360SparkRise .7s cubic-bezier(.2,1.3,.3,1) both, dashSpark 1.6s ease-in-out infinite alternate!important;animation-delay:var(--d),var(--d)!important}
.event-feed span,.dashEventFeed span{animation:ai360EventIn .35s ease both!important}
@keyframes ai360Pulse{50%{filter:brightness(1.35);transform:translateY(-1px)}}
@keyframes ai360KpiPop{45%{transform:translateY(-3px) scale(1.035);filter:brightness(1.25)}}
@keyframes ai360StagePulse{45%{transform:translateY(-2px) scale(1.03)}}
@keyframes ai360StepPulse{45%{transform:translateX(4px) scale(1.025);filter:brightness(1.22)}}
@keyframes ai360CorePulse{40%{transform:scale(1.04);box-shadow:0 0 76px rgba(36,230,255,.42)}}
@keyframes ai360ChannelPulse{45%{transform:translateY(-1px) scale(1.04)}}
@keyframes ai360CrmPop{45%{transform:translateY(-2px);filter:brightness(1.25)}}
@keyframes ai360ActionPulse{45%{border-color:rgba(112,255,208,.58);box-shadow:0 0 24px rgba(112,255,208,.16)}}
@keyframes ai360FlowGlow{from{box-shadow:0 0 16px rgba(112,255,208,.08)}to{box-shadow:0 0 30px rgba(112,255,208,.22)}}
@keyframes ai360SparkRise{from{transform:scaleY(.25);opacity:.25}to{transform:scaleY(1);opacity:1}}
@keyframes ai360EventIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}


/* ===== Landing-page override: source-based hotel only ===== */
:root{--max:1320px;--soft:#c4d0ee;--line2:rgba(255,255,255,.12);--shadow:0 26px 80px rgba(0,0,0,.35)}
html,body{height:auto!important;min-height:100%;overflow-x:hidden!important;overflow-y:auto!important;scroll-behavior:smooth}
body.hotel-landing{overflow-y:auto!important}
body.hotel-landing .topbar{position:sticky;top:0}
.landing-topbar{justify-content:space-between;padding:12px 24px}.landing-nav{display:flex;gap:6px;flex:1;justify-content:center;align-items:center}.landing-nav a{padding:10px 12px;border-radius:999px;color:var(--muted);font-size:13px;font-weight:900}.landing-nav a:hover{background:rgba(255,255,255,.08);color:#fff}.topbar-cta{border:1px solid rgba(36,230,255,.34);background:linear-gradient(135deg,rgba(36,230,255,.24),rgba(112,255,208,.20));padding:10px 14px;border-radius:999px;font-weight:900;color:#fff;white-space:nowrap}
.landing-viewport{width:min(var(--max),94vw)!important;height:auto!important;display:block!important;padding:28px 0 0!important;overflow:visible!important}
.story-head{margin-bottom:22px}.story-head p{font-size:16px}.story-head h1 span{background:linear-gradient(92deg,#fff,#66efff,#75ffcb);-webkit-background-clip:text;background-clip:text;color:transparent}.story-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:1120px;margin:18px auto 0}.story-kpis div{border:1px solid var(--line2);background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.035));border-radius:22px;padding:15px}.story-kpis small{display:block;color:var(--muted);font-size:11px;margin-bottom:6px}.story-kpis b{font-size:22px}
.cinema{margin-bottom:18px}.pain-stage,.solution-stage,.core-stage{height:640px!important}.dashboard{height:auto!important;margin-bottom:28px}.dashboard .dash-live{min-height:390px}
.section-wrap{width:min(var(--max),94vw);margin:0 auto}.section-block{padding:76px 0}.section-head{max-width:900px;margin:0 0 24px}.section-head.center{text-align:center;margin:0 auto 24px}.section-head h2{font-size:clamp(34px,4.6vw,58px);line-height:1.05;letter-spacing:-.05em;margin:12px 0}.section-head p{color:var(--soft);font-size:16px;line-height:1.68;margin:0}.tag{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(36,230,255,.35);background:rgba(36,230,255,.08);color:#d9fbff;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:1000;letter-spacing:.12em;text-transform:uppercase}
.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:12px}.trust-strip div,.pain-grid article,.feature-grid article,.timeline article,.pricing-grid article,.compare-col,.faq-list details{border:1px solid var(--line2);background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border-radius:24px;padding:18px;box-shadow:inset 0 1px rgba(255,255,255,.06)}.trust-strip small{display:block;color:var(--muted);font-size:11px;margin-bottom:5px}.trust-strip b{font-size:16px}
.pain-grid,.feature-grid,.timeline,.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.pain-grid{grid-template-columns:repeat(4,1fr)}.pain-grid article span,.feature-grid article i{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--cyan),var(--green));color:#06101a;font-style:normal;font-weight:1000;margin-bottom:16px}.pain-grid h3,.feature-grid h3,.timeline h3,.pricing-grid h3{font-size:24px;line-height:1.15;margin:0 0 10px}.pain-grid p,.feature-grid p,.timeline p,.pricing-grid p,.compare-col li,.faq-list p,.contact-copy p,.calc-note,.loss-card span{color:var(--soft);line-height:1.6}
.demo-lab,.calc-board,.contact-card{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(500px,1.15fr);gap:18px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(16,39,82,.75),rgba(5,11,25,.75));border-radius:34px;padding:22px;box-shadow:var(--shadow)}.demo-phone-wrap{min-height:620px}.phone-top{display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(255,255,255,.10);background:rgba(2,6,18,.42);border-radius:20px;padding:14px 15px;margin-bottom:12px}.phone-top span,.phone-top i{color:var(--muted);font-style:normal;font-size:12px}.phone-screen{height:500px;overflow:auto;border:8px solid #081221;border-radius:34px;background:linear-gradient(180deg,#eaf0fa,#ffffff);padding:18px 16px;display:flex;flex-direction:column;gap:12px}.typing-bar{margin-top:10px;display:flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.055);border-radius:18px;color:var(--muted)}.typing-bar i{width:8px;height:8px;border-radius:50%;background:var(--cyan);animation:typing 1s infinite}.typing-bar i:nth-child(2){animation-delay:.16s}.typing-bar i:nth-child(3){animation-delay:.32s}
.crm-console{position:relative;overflow:hidden;border:1px solid var(--line);background:linear-gradient(145deg,rgba(16,39,82,.9),rgba(5,11,25,.82));border-radius:34px;padding:22px;box-shadow:var(--shadow),inset 0 1px rgba(255,255,255,.08)}.crm-console:before{content:"";position:absolute;right:-100px;top:-100px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(36,230,255,.18),transparent 65%)}.crm-top,.flow-title{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;z-index:2}.crm-top small,.flow-title span,.next-action small{display:block;color:var(--green);font-size:10px;font-weight:1000;letter-spacing:.12em;text-transform:uppercase}.crm-top b{display:block;font-size:20px}.score-ring{position:relative;width:94px;height:94px;border-radius:50%;display:grid;place-items:center;text-align:center;background:conic-gradient(var(--cyan) 0deg,rgba(255,255,255,.08) 0deg);box-shadow:0 0 28px rgba(36,230,255,.16)}.score-ring:before{content:"";position:absolute;inset:8px;border-radius:50%;background:#071326;border:1px solid rgba(255,255,255,.08)}.score-ring strong,.score-ring span{position:relative;z-index:1}.score-ring strong{font-size:28px}.score-ring span{display:block;color:var(--muted);font-size:10px;margin-top:-10px}.crm-console h3{font-size:34px;letter-spacing:-.04em;margin:16px 0 6px}.crm-console>p{color:var(--soft);margin:0 0 16px;line-height:1.5}.capture-grid,.loss-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.capture-grid div,.loss-grid div{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.055);border-radius:18px;padding:13px}.capture-grid small,.loss-grid small,.loss-card small{display:block;color:var(--muted);font-size:10px;font-weight:1000;text-transform:uppercase;letter-spacing:.08em}.capture-grid b,.loss-grid b{display:block;margin-top:5px}.flow-title{margin:18px 0 10px}.flow-bar{height:9px;border-radius:999px;background:rgba(255,255,255,.09);overflow:hidden}.flow-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--cyan),var(--green),var(--violet));box-shadow:0 0 20px rgba(36,230,255,.3);transition:.5s}.flow-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:10px}.flow-steps span{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.055);border-radius:999px;padding:9px 7px;text-align:center;color:var(--muted);font-size:10px;font-weight:1000}.flow-steps span.active{color:#06101a;background:linear-gradient(90deg,var(--green),var(--cyan));border-color:rgba(255,255,255,.3)}.flow-steps span.done{border-color:rgba(36,230,255,.3);color:#fff}.next-action{margin-top:16px;border:1px solid rgba(117,255,203,.20);background:rgba(117,255,203,.08);border-radius:20px;padding:14px}.next-action p{margin:5px 0 0;color:#eafff8;line-height:1.45}
.calc-inputs{display:grid;gap:18px}.calc-inputs label{display:grid;gap:10px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.055);border-radius:22px;padding:15px}.calc-inputs label span{color:var(--soft);font-weight:900}.calc-inputs b{font-size:20px;color:#fff}.calc-inputs input{accent-color:var(--cyan);width:100%}.loss-card.main{border:1px solid rgba(36,230,255,.25);background:radial-gradient(circle at 0 0,rgba(36,230,255,.16),rgba(255,255,255,.055));border-radius:26px;padding:20px;margin-bottom:12px}.loss-card strong{display:block;font-size:clamp(36px,5vw,58px);line-height:1;margin:10px 0;background:linear-gradient(90deg,#fff,var(--cyan),var(--green));-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.055em}.calc-note{border:1px solid rgba(255,209,102,.18);background:rgba(255,209,102,.07);border-radius:18px;padding:14px;margin:12px 0 0}
.compare-card{display:grid;grid-template-columns:1fr 160px 1fr;gap:16px;align-items:stretch}.compare-col small{color:var(--muted);font-size:11px;text-transform:uppercase;font-weight:1000}.compare-col h3{font-size:28px;line-height:1.1;margin:12px 0}.compare-col ul,.pricing-grid ul{padding:0;margin:0;list-style:none;display:grid;gap:10px}.compare-col li:before,.pricing-grid li:before{content:"✓";color:var(--green);font-weight:1000;margin-right:8px}.compare-center{display:grid;place-items:center;text-align:center;border:1px solid var(--line);border-radius:30px;background:radial-gradient(circle,rgba(36,230,255,.18),rgba(255,255,255,.035))}.compare-center span{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;color:#06101a;background:linear-gradient(135deg,var(--cyan),var(--green));font-weight:1000}.compare-center i{height:72px;width:2px;background:linear-gradient(var(--cyan),var(--green));box-shadow:0 0 18px rgba(36,230,255,.45)}.compare-center b{font-size:14px;color:#eaffff}
.timeline span,.pricing-grid small{display:inline-flex;color:#06101a;background:linear-gradient(90deg,var(--green),var(--cyan));border-radius:999px;padding:7px 10px;font-weight:1000;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.pricing-grid article{position:relative}.pricing-grid article.featured{border-color:rgba(36,230,255,.48);transform:translateY(-8px);box-shadow:0 0 0 1px rgba(36,230,255,.10),0 30px 100px rgba(36,230,255,.12)}.pricing-grid em{position:absolute;right:18px;top:18px;color:#06101a;background:linear-gradient(90deg,var(--amber),var(--green));border-radius:999px;padding:6px 9px;font-size:10px;font-weight:1000;font-style:normal;text-transform:uppercase}.pricing-grid a{display:flex;justify-content:center;border:1px solid rgba(36,230,255,.28);background:rgba(36,230,255,.10);border-radius:999px;padding:12px;margin-top:18px;font-weight:1000}.pricing-grid .featured a{color:#06101a;background:linear-gradient(135deg,var(--cyan),var(--green))}
.faq-list{display:grid;gap:10px;max-width:900px;margin:0 auto}.faq-list summary{cursor:pointer;padding:18px 20px;font-weight:1000}.faq-list p{padding:0 20px 18px;margin:0}
.contact-copy h2{font-size:clamp(32px,4.6vw,58px);line-height:1.02;letter-spacing:-.058em;margin:16px 0 12px}.contact-points{display:grid;gap:9px;margin-top:18px}.contact-points span{border:1px solid rgba(117,255,203,.18);background:rgba(117,255,203,.07);border-radius:999px;padding:10px 12px;color:#eafff8;font-weight:900}.contact-form{display:grid;gap:12px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-form label{display:grid;gap:7px;color:#e8f7ff;font-size:12px;font-weight:1000;text-transform:uppercase;letter-spacing:.06em}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid rgba(255,255,255,.14);background:rgba(2,6,18,.45);color:#fff;border-radius:16px;padding:13px;outline:none;text-transform:none;letter-spacing:0}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:rgba(36,230,255,.52);box-shadow:0 0 0 3px rgba(36,230,255,.10)}.contact-form textarea{min-height:110px;resize:vertical}.form-note{color:var(--muted);font-size:12px;margin:0}.form-note.success{border:1px solid rgba(117,255,203,.22);background:rgba(117,255,203,.08);border-radius:16px;padding:12px;color:#eafff8}.form-note a{color:var(--green);text-decoration:underline}.footer{width:min(var(--max),94vw);margin:0 auto;padding:28px 0 38px;border-top:1px solid var(--line2);display:flex;justify-content:space-between;gap:16px;color:var(--muted)}.footer b{color:#fff}.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.in{opacity:1;transform:none}.delay-1{transition-delay:.12s}
@media(max-width:1120px){.landing-nav{display:none}.story-kpis,.trust-strip,.pain-grid,.feature-grid,.timeline,.pricing-grid{grid-template-columns:repeat(2,1fr)}.cinema{grid-template-columns:1fr!important}.core-stage{order:2}.solution-stage{order:3}.demo-lab,.calc-board,.contact-card,.compare-card{grid-template-columns:1fr}.compare-center{padding:20px}.dashboard .dash-live{grid-template-columns:1fr!important}.form-row{grid-template-columns:1fr}}
@media(max-width:720px){.landing-topbar{padding:12px 14px}.topbar-cta{display:none}.landing-viewport,.section-wrap,.footer{width:min(100vw - 24px,var(--max))}.story-kpis,.trust-strip,.pain-grid,.feature-grid,.timeline,.pricing-grid,.capture-grid,.loss-grid,.flow-steps{grid-template-columns:1fr}.pain-stage,.solution-stage,.core-stage{height:auto!important;min-height:560px}.section-block{padding:52px 0}.section-head h2,.crm-console h3{font-size:34px}.demo-phone-wrap{min-height:560px}.phone-screen{height:430px}.compare-card{grid-template-columns:1fr}.footer{flex-direction:column}}


/* ===== V21: back to V17 structure, but more intense + denser rush ===== */
.chaos-world{background:radial-gradient(circle at 50% 58%,rgba(255,77,184,.12),transparent 24%),radial-gradient(circle at 18% 18%,rgba(36,230,255,.08),transparent 24%),rgba(255,255,255,.02)}
.pain-rush-top{position:absolute;left:16px;right:16px;top:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;z-index:4}
.pain-rush-top span{border:1px solid rgba(255,255,255,.14);background:rgba(8,12,27,.72);backdrop-filter:blur(14px);border-radius:16px;padding:10px 12px;box-shadow:0 12px 30px rgba(0,0,0,.14)}
.pain-rush-top b{display:block;font-size:14px;color:#fff}.pain-rush-top small{display:block;color:#b6cae9;font-size:10px;line-height:1.3;margin-top:2px}
.night-panic-badge{position:absolute;left:50%;top:82px;transform:translateX(-50%);z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:rgba(11,14,28,.76);backdrop-filter:blur(16px);box-shadow:0 16px 36px rgba(0,0,0,.18)}
.night-panic-badge b{font-size:12px;color:#fff}.night-panic-badge small{font-size:10px;color:#bacbe7;white-space:nowrap}
.agent{bottom:88px;z-index:3;transform:translateX(-50%) scale(.94)}
.agent .hands{animation:hands .8s ease-in-out infinite}
.agent:before{content:"";position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:248px;height:248px;border-radius:50%;background:radial-gradient(circle,rgba(255,77,184,.14),rgba(255,159,28,.08),transparent 68%);filter:blur(4px);z-index:-1;animation:stressPulse 1.2s ease-in-out infinite}
@keyframes stressPulse{50%{transform:translate(-50%,-50%) scale(1.08);opacity:.75}}
.incoming-layer{position:absolute;inset:0;z-index:2}
.incoming{display:grid!important;grid-template-columns:24px 1fr auto;align-items:start;gap:8px;width:210px;min-height:54px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.12);backdrop-filter:blur(14px);border-radius:18px;padding:10px;color:#fff;box-shadow:0 18px 40px rgba(0,0,0,.26);animation:flyInRush 3.25s linear infinite!important}
.incoming img{grid-row:1 / span 2;width:24px;height:24px;object-fit:contain;border-radius:7px}.incoming .incoming-copy{display:grid;gap:2px;min-width:0}.incoming .incoming-copy strong{font-size:10px;color:#fff;line-height:1.1}.incoming span{font-size:11px;line-height:1.23;font-weight:900}.incoming small{font-size:9px;color:#a9c4e5;font-weight:800}.incoming b{margin-left:8px;align-self:start;color:#ffd0e6;font-size:9px;text-transform:uppercase;background:rgba(255,77,184,.14);padding:5px 7px;border-radius:999px;line-height:1;white-space:nowrap}
.incoming.n1{left:-230px;top:126px;animation-delay:0s}.incoming.n2{right:-230px;top:124px;animation-delay:.22s}.incoming.n3{left:-230px;top:202px;animation-delay:.44s}.incoming.n4{right:-230px;top:208px;animation-delay:.66s}.incoming.n5{left:-230px;top:278px;animation-delay:.88s}.incoming.n6{right:-230px;top:286px;animation-delay:1.10s}.incoming.n7{left:-230px;top:352px;animation-delay:1.32s}.incoming.n8{right:-230px;top:360px;animation-delay:1.54s}.incoming.n9{left:-230px;top:430px;animation-delay:1.76s}.incoming.n10{right:-230px;top:438px;animation-delay:1.98s}
.incoming.n2,.incoming.n4,.incoming.n6,.incoming.n8,.incoming.n10{--tx:-314px}.incoming.n1,.incoming.n3,.incoming.n5,.incoming.n7,.incoming.n9{--tx:314px}
@keyframes flyInRush{0%{opacity:0;transform:translateX(0) scale(.9)}8%{opacity:1}36%{opacity:1;transform:translateX(calc(var(--tx) * .55)) scale(1)}62%{opacity:1;transform:translateX(calc(var(--tx) * .88)) scale(.97)}82%{opacity:.96;transform:translateX(calc(var(--tx) * 1.02)) scale(.92)}100%{opacity:0;transform:translateX(calc(var(--tx) * 1.08)) translateY(18px) scale(.78)}}
.lost-card{left:18px;right:18px;bottom:14px;background:rgba(255,77,184,.13)}
.lost-card strong{font-size:24px}.danger-bar i{width:92%;animation:danger 1s ease-in-out infinite}
@media(max-width:1450px){.incoming{width:192px;min-height:50px;padding:9px}.incoming span{font-size:10px}.incoming small{font-size:8.5px}.incoming.n1,.incoming.n3,.incoming.n5,.incoming.n7,.incoming.n9{--tx:286px}.incoming.n2,.incoming.n4,.incoming.n6,.incoming.n8,.incoming.n10{--tx:-286px}}
@media(max-width:1120px){.pain-rush-top{gap:8px}.pain-rush-top span{padding:9px 10px}.night-panic-badge{top:110px}.chaos-world{height:640px}.incoming.n9,.incoming.n10{display:none}.agent{bottom:98px;transform:translateX(-50%) scale(.88)}}
@media(max-width:720px){.pain-rush-top{grid-template-columns:1fr;left:14px;right:14px}.night-panic-badge{top:152px;max-width:calc(100% - 28px)}.night-panic-badge small{white-space:normal;text-align:center}.chaos-world{height:760px}.incoming{width:calc(50% - 22px);min-height:54px}.incoming.n1{left:-46%;top:216px;--tx:150px}.incoming.n2{right:-46%;top:216px;--tx:-150px}.incoming.n3{left:-46%;top:302px;--tx:150px}.incoming.n4{right:-46%;top:302px;--tx:-150px}.incoming.n5{left:-46%;top:388px;--tx:150px}.incoming.n6{right:-46%;top:388px;--tx:-150px}.incoming.n7{left:-46%;top:474px;--tx:150px}.incoming.n8{right:-46%;top:474px;--tx:-150px}.agent{bottom:104px;transform:translateX(-50%) scale(.78)}}


/* ===== V22: full upgrades 1-2-3-4 ===== */
.pain-stage,.core-stage,.solution-stage{transition:box-shadow .45s ease,border-color .45s ease,transform .45s ease,background .45s ease}
.pain-stage.overload{border-color:rgba(255,77,184,.36);box-shadow:0 26px 80px rgba(0,0,0,.35),0 0 0 1px rgba(255,77,184,.16),0 0 42px rgba(255,77,184,.14),inset 0 1px rgba(255,255,255,.14)}
.core-stage.takeover{border-color:rgba(36,230,255,.40);box-shadow:0 26px 80px rgba(0,0,0,.35),0 0 0 1px rgba(36,230,255,.14),0 0 46px rgba(36,230,255,.16),inset 0 1px rgba(255,255,255,.14);background:radial-gradient(circle at 50% 36%,rgba(36,230,255,.28),transparent 35%),rgba(255,255,255,.05)}
.solution-stage.live{border-color:rgba(112,255,208,.38);box-shadow:0 26px 80px rgba(0,0,0,.35),0 0 0 1px rgba(112,255,208,.16),0 0 48px rgba(112,255,208,.14),inset 0 1px rgba(255,255,255,.14)}
.pain-rush-top span:nth-child(1){animation:softFloat 2.2s ease-in-out infinite}.pain-rush-top span:nth-child(2){animation:softFloat 2.2s .18s ease-in-out infinite}.pain-rush-top span:nth-child(3){animation:softFloat 2.2s .36s ease-in-out infinite}@keyframes softFloat{50%{transform:translateY(-4px)}}
.night-panic-badge{animation:badgePulse 1.8s ease-in-out infinite}@keyframes badgePulse{50%{transform:translateX(-50%) translateY(-4px)}}
.stress-badge{position:absolute;z-index:4;display:inline-flex;align-items:center;justify-content:center;height:30px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(8,12,27,.76);backdrop-filter:blur(14px);font-size:10px;font-weight:1000;color:#fff;box-shadow:0 12px 28px rgba(0,0,0,.18);white-space:nowrap}
.stress-badge.missed{left:24px;bottom:92px;border-color:rgba(255,159,28,.24);background:rgba(255,159,28,.14);color:#fff1d7}.stress-badge.rage{right:24px;bottom:92px;border-color:rgba(255,77,184,.24);background:rgba(255,77,184,.14);color:#ffe0ef}
.incoming{width:214px;min-height:56px;animation:flyInRushV22 2.65s linear infinite!important}
.incoming.n1{left:-228px;top:122px;animation-delay:0s}.incoming.n2{right:-228px;top:122px;animation-delay:.18s}.incoming.n3{left:-228px;top:184px;animation-delay:.36s}.incoming.n4{right:-228px;top:190px;animation-delay:.54s}.incoming.n5{left:-228px;top:252px;animation-delay:.72s}.incoming.n6{right:-228px;top:258px;animation-delay:.9s}.incoming.n7{left:-228px;top:322px;animation-delay:1.08s}.incoming.n8{right:-228px;top:330px;animation-delay:1.26s}.incoming.n9{left:-228px;top:392px;animation-delay:1.44s}.incoming.n10{right:-228px;top:400px;animation-delay:1.62s}.incoming.n11{left:-228px;top:456px;animation-delay:1.80s}.incoming.n12{right:-228px;top:462px;animation-delay:1.98s}
.incoming.n1,.incoming.n3,.incoming.n5,.incoming.n7,.incoming.n9,.incoming.n11{--tx:316px}.incoming.n2,.incoming.n4,.incoming.n6,.incoming.n8,.incoming.n10,.incoming.n12{--tx:-316px}
@keyframes flyInRushV22{0%{opacity:0;transform:translateX(0) scale(.88)}10%{opacity:1}32%{opacity:1;transform:translateX(calc(var(--tx) * .42)) scale(.98)}58%{opacity:1;transform:translateX(calc(var(--tx) * .76)) scale(1)}78%{opacity:.98;transform:translateX(calc(var(--tx) * .98)) scale(.94)}100%{opacity:0;transform:translateX(calc(var(--tx) * 1.08)) translateY(8px) scale(.74)}}
.agent{transform:translateX(-50%) scale(.95)}.agent.shake{animation:agentShake .42s linear}@keyframes agentShake{0%,100%{transform:translateX(-50%) scale(.95)}25%{transform:translateX(calc(-50% - 4px)) scale(.95) rotate(-1deg)}50%{transform:translateX(calc(-50% + 4px)) scale(.95) rotate(1deg)}75%{transform:translateX(calc(-50% - 3px)) scale(.95) rotate(-.8deg)}}
.agent:after{content:"";position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:252px;height:252px;border-radius:50%;background:radial-gradient(circle,rgba(255,77,184,.14),rgba(255,159,28,.08),transparent 68%);filter:blur(5px);z-index:-1;animation:stressPulseV22 1.05s ease-in-out infinite}@keyframes stressPulseV22{50%{transform:translate(-50%,-50%) scale(1.08);opacity:.75}}
.takeover-note{position:absolute;left:50%;top:24px;transform:translateX(-50%);z-index:6;border:1px solid rgba(36,230,255,.22);background:rgba(9,19,34,.78);backdrop-filter:blur(14px);border-radius:999px;padding:10px 14px;color:#dffbff;font-size:11px;font-weight:1000;white-space:nowrap;box-shadow:0 14px 34px rgba(0,0,0,.18)}
.automation-rail{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:4px}.automation-rail span{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);border-radius:999px;padding:8px 10px;text-align:center;color:var(--muted);font-size:10px;font-weight:1000;letter-spacing:.06em;text-transform:uppercase;transition:.3s}.automation-rail span.active{color:#fff;background:linear-gradient(90deg,var(--green),var(--cyan));border-color:rgba(255,255,255,.38);box-shadow:0 0 20px rgba(36,230,255,.14);text-shadow:0 1px 3px rgba(3,10,25,.6)}
.channel-switch button{transition:.25s transform,.25s box-shadow,.25s border-color}.channel-switch button.active{transform:translateY(-1px) scale(1.02)}
.phone{position:relative}.phone:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 22%,transparent 78%,rgba(0,0,0,.03));opacity:.65}
.crm{transition:border-color .3s ease, box-shadow .3s ease}.solution-stage.live .crm{border-color:rgba(112,255,208,.34);box-shadow:0 0 34px rgba(112,255,208,.10)}
.progress{overflow:hidden}.progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--pink),var(--cyan),var(--green));box-shadow:0 0 22px rgba(36,230,255,.2)}
@media(max-width:1450px){.incoming{width:196px;min-height:54px}.incoming span{font-size:10px}.incoming small{font-size:8.5px}.incoming.n1,.incoming.n3,.incoming.n5,.incoming.n7,.incoming.n9,.incoming.n11{--tx:288px}.incoming.n2,.incoming.n4,.incoming.n6,.incoming.n8,.incoming.n10,.incoming.n12{--tx:-288px}}
@media(max-width:1120px){.takeover-note{top:18px;max-width:86%;white-space:normal;text-align:center;border-radius:18px}.automation-rail{grid-template-columns:repeat(2,1fr)}.incoming.n11,.incoming.n12{display:none}.incoming.n1,.incoming.n3,.incoming.n5,.incoming.n7,.incoming.n9{--tx:270px}.incoming.n2,.incoming.n4,.incoming.n6,.incoming.n8,.incoming.n10{--tx:-270px}.stress-badge.missed{left:18px}.stress-badge.rage{right:18px}}
@media(max-width:720px){.stress-badge{height:auto;min-height:30px;padding:8px 10px;white-space:normal;max-width:44%}.stress-badge.missed{left:12px;bottom:96px}.stress-badge.rage{right:12px;bottom:96px}.incoming{width:calc(50% - 20px);min-height:58px}.incoming.n1{left:-48%;top:216px;--tx:154px}.incoming.n2{right:-48%;top:216px;--tx:-154px}.incoming.n3{left:-48%;top:286px;--tx:154px}.incoming.n4{right:-48%;top:292px;--tx:-154px}.incoming.n5{left:-48%;top:356px;--tx:154px}.incoming.n6{right:-48%;top:362px;--tx:-154px}.incoming.n7{left:-48%;top:426px;--tx:154px}.incoming.n8{right:-48%;top:432px;--tx:-154px}.incoming.n9{left:-48%;top:496px;--tx:154px}.incoming.n10{right:-48%;top:502px;--tx:-154px}.agent{bottom:110px;transform:translateX(-50%) scale(.8)}.agent.shake{animation:agentShakeM .42s linear}@keyframes agentShakeM{0%,100%{transform:translateX(-50%) scale(.8)}25%{transform:translateX(calc(-50% - 4px)) scale(.8)}50%{transform:translateX(calc(-50% + 4px)) scale(.8)}75%{transform:translateX(calc(-50% - 3px)) scale(.8)}}}


/* ===== V23: cinematic takeover + close deal ===== */
body.hero-pain .core-stage,body.hero-pain .solution-stage{filter:saturate(.72) brightness(.70);transform:scale(.992)}
body.hero-ai .pain-stage{filter:saturate(.62) brightness(.68);transform:scale(.992)}
body.hero-ai .core-stage{transform:scale(1.012);z-index:3}
body.hero-win .pain-stage{filter:saturate(.50) brightness(.58);transform:scale(.988)}
body.hero-win .core-stage{filter:saturate(.9) brightness(.86)}
body.hero-win .solution-stage{transform:scale(1.012);z-index:4}
body.hero-win .solution-stage:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 70% 20%,rgba(112,255,208,.16),transparent 44%);animation:winGlow 1.2s ease-in-out infinite}
@keyframes winGlow{50%{opacity:.45}}
.takeover-note{transition:.35s ease}.core-stage.takeover .takeover-note{border-color:rgba(36,230,255,.42);box-shadow:0 0 32px rgba(36,230,255,.16)}
.close-deal-panel{position:relative;z-index:2;margin-top:10px;border:1px solid rgba(112,255,208,.22);background:linear-gradient(145deg,rgba(112,255,208,.09),rgba(255,255,255,.04));border-radius:18px;padding:10px;box-shadow:inset 0 1px rgba(255,255,255,.06)}
.close-status{display:flex;align-items:center;gap:8px;color:#eafff8;font-size:11px;font-weight:1000;letter-spacing:.08em;text-transform:uppercase;margin-bottom:9px}
.close-status i{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 16px var(--green);animation:statusPulse 1s ease-in-out infinite}@keyframes statusPulse{50%{opacity:.35;transform:scale(.65)}}
.close-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.close-timeline article{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.055);border-radius:14px;padding:8px 8px 7px;transition:.28s}.close-timeline article:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(36,230,255,.16),rgba(112,255,208,.10));opacity:0;transition:.28s}.close-timeline b,.close-timeline span,.close-timeline small{position:relative;z-index:1}.close-timeline b{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:8px;background:rgba(255,255,255,.10);color:#dffbff;font-size:10px}.close-timeline span{display:block;margin-top:5px;color:#fff;font-size:10px;font-weight:1000;line-height:1.1}.close-timeline small{display:block;margin-top:3px;color:#a9bedf;font-size:9px;line-height:1.2}.close-timeline article.active{border-color:rgba(112,255,208,.38);transform:translateY(-2px);box-shadow:0 0 22px rgba(112,255,208,.12)}.close-timeline article.active:before{opacity:1}.close-timeline article.done{border-color:rgba(36,230,255,.24);opacity:.88}.close-timeline article.done b{color:#07111d;background:linear-gradient(90deg,var(--green),var(--cyan))}
.solution-stage.live .close-deal-panel{animation:closePanelPop .6s ease both}@keyframes closePanelPop{0%{transform:translateY(8px);filter:brightness(.75)}100%{transform:none;filter:none}}
.automation-rail span.active{animation:railPop .42s ease}@keyframes railPop{50%{transform:translateY(-2px) scale(1.04)}}
.core-logo.flash{animation:coreFlash .55s ease}@keyframes coreFlash{50%{filter:brightness(1.7);box-shadow:0 0 78px rgba(36,230,255,.42)}}
.phone .bubble:last-child{box-shadow:0 10px 26px rgba(14,155,199,.16)}
body.hero-win .crm-head span{animation:crmStatePop .8s ease both}@keyframes crmStatePop{50%{filter:brightness(1.3);transform:scale(1.04)}}
@media(max-width:1450px){.close-timeline{grid-template-columns:repeat(2,1fr)}.close-timeline article{padding:7px}.close-timeline small{display:none}}
@media(max-width:720px){.close-timeline{grid-template-columns:1fr 1fr}.close-deal-panel{padding:9px}.close-status{font-size:10px}.close-timeline span{font-size:9.5px}}


/* ===== V24: sync all below-hero sections with cinematic hero ===== */
.cinematic-strip{position:relative;margin-top:18px!important;isolation:isolate}
.cinematic-strip:before{content:"";position:absolute;left:0;right:0;top:-12px;height:1px;background:linear-gradient(90deg,transparent,rgba(36,230,255,.45),rgba(112,255,208,.35),transparent);filter:drop-shadow(0 0 10px rgba(36,230,255,.35))}
.cinematic-strip div{position:relative;overflow:hidden;border-color:rgba(36,230,255,.18)!important;background:linear-gradient(145deg,rgba(36,230,255,.075),rgba(255,255,255,.035))!important}
.cinematic-strip div:after{content:"";position:absolute;inset:auto 0 0 0;height:2px;background:linear-gradient(90deg,var(--cyan),transparent,var(--green));opacity:.55}
.revenue-path{display:grid;grid-template-columns:1fr 36px 1fr 36px 1fr 36px 1fr;align-items:stretch;gap:10px;margin:20px auto 6px;position:relative;isolation:isolate}
.revenue-path:before{content:"";position:absolute;inset:-14px;border-radius:30px;background:radial-gradient(circle at 20% 0,rgba(36,230,255,.10),transparent 32%),radial-gradient(circle at 80% 100%,rgba(112,255,208,.08),transparent 32%);z-index:-1;pointer-events:none}
.path-node{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.035));border-radius:22px;padding:15px 14px;box-shadow:inset 0 1px rgba(255,255,255,.07)}
.path-node:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 0,rgba(36,230,255,.16),transparent 40%);opacity:.68}
.path-node small,.path-node b,.path-node span{position:relative;z-index:1}.path-node small{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:11px;background:linear-gradient(135deg,var(--cyan),var(--green));color:#07111d;font-size:10px;font-weight:1000}.path-node b{display:block;margin-top:10px;font-size:17px;color:#fff}.path-node span{display:block;margin-top:5px;color:var(--soft);font-size:12px;line-height:1.45}.path-node.highlight{border-color:rgba(112,255,208,.34);box-shadow:0 0 30px rgba(112,255,208,.09),inset 0 1px rgba(255,255,255,.08)}
.revenue-path>i{align-self:center;height:2px;background:linear-gradient(90deg,var(--cyan),var(--pink),var(--green));position:relative;box-shadow:0 0 18px rgba(36,230,255,.28)}.revenue-path>i:after{content:"";position:absolute;right:-1px;top:-4px;border-left:9px solid var(--green);border-top:5px solid transparent;border-bottom:5px solid transparent}
.cinematic-block{position:relative;isolation:isolate;padding-top:88px!important;padding-bottom:88px!important}.cinematic-block:before{content:attr(data-step);position:absolute;left:0;top:34px;z-index:2;display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border-radius:999px;border:1px solid rgba(36,230,255,.24);background:rgba(8,13,28,.74);backdrop-filter:blur(14px);color:#dffbff;font-size:11px;font-weight:1000;letter-spacing:.14em;box-shadow:0 12px 28px rgba(0,0,0,.18)}.cinematic-block:after{content:"";position:absolute;left:14px;top:76px;bottom:24px;width:1px;background:linear-gradient(180deg,rgba(36,230,255,.38),rgba(112,255,208,.18),transparent);box-shadow:0 0 18px rgba(36,230,255,.24);z-index:-1}
.cinematic-block .section-head{position:relative}.cinematic-block .section-head:before{content:"";position:absolute;left:-24px;top:10px;width:5px;height:76%;border-radius:999px;background:linear-gradient(var(--cyan),var(--green));box-shadow:0 0 18px rgba(36,230,255,.25)}.cinematic-block .section-head.center:before{left:50%;top:-18px;width:90px;height:3px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,var(--cyan),var(--green),transparent)}.cinematic-block .tag{border-color:rgba(36,230,255,.42);background:rgba(36,230,255,.10);box-shadow:0 0 28px rgba(36,230,255,.08)}
.pain-grid article,.feature-grid article,.timeline article,.pricing-grid article,.faq-list details,.compare-col{position:relative;overflow:hidden;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.035))!important}.pain-grid article:after,.feature-grid article:after,.timeline article:after,.pricing-grid article:after,.faq-list details:after,.compare-col:after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,var(--cyan),transparent,var(--green));opacity:.55}.pain-grid article:hover,.feature-grid article:hover,.timeline article:hover,.pricing-grid article:hover,.faq-list details:hover,.compare-col:hover{transform:translateY(-5px);border-color:rgba(36,230,255,.30)!important;box-shadow:0 24px 70px rgba(0,0,0,.25),0 0 34px rgba(36,230,255,.08)}
.pain-grid article:nth-child(1),.pain-grid article:nth-child(3),.compare-col.before{border-color:rgba(255,77,184,.24)!important}.pain-grid article:nth-child(1):after,.pain-grid article:nth-child(3):after,.compare-col.before:after{background:linear-gradient(90deg,var(--pink),transparent,#ff9f1c)}.pain-grid article b{display:inline-flex;margin-top:14px;color:#ffdce9;background:rgba(255,77,184,.11);border:1px solid rgba(255,77,184,.18);border-radius:999px;padding:7px 9px;font-size:11px}
.demo-lab,.calc-board,.contact-card{position:relative;overflow:hidden;border-color:rgba(36,230,255,.18)!important;background:linear-gradient(145deg,rgba(16,39,82,.82),rgba(5,11,25,.78))!important}.demo-lab:before,.calc-board:before,.contact-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 0,rgba(36,230,255,.14),transparent 34%),radial-gradient(circle at 100% 100%,rgba(112,255,208,.08),transparent 30%);pointer-events:none}.demo-lab>* , .calc-board>* , .contact-card>*{position:relative;z-index:1}
.phone-top,.typing-bar,.crm-console,.calc-inputs label,.loss-grid div,.capture-grid div{border-color:rgba(255,255,255,.13)!important}.phone-screen{box-shadow:0 24px 60px rgba(0,0,0,.32),0 0 0 1px rgba(36,230,255,.10)}.crm-console{border-color:rgba(36,230,255,.20)!important}.score-ring{box-shadow:0 0 32px rgba(36,230,255,.20)}.flow-bar i{background:linear-gradient(90deg,var(--pink),var(--cyan),var(--green))!important}.flow-steps span.done{color:#eaffff;border-color:rgba(36,230,255,.26);background:rgba(36,230,255,.08)}
.calc-inputs label{transition:.25s ease}.calc-inputs label:hover{transform:translateX(4px);border-color:rgba(36,230,255,.30)!important}.loss-card.main{border-color:rgba(255,77,184,.26)!important;background:radial-gradient(circle at 0 0,rgba(255,77,184,.16),rgba(36,230,255,.07),rgba(255,255,255,.04))!important}.loss-card.main small{color:#ffd2e7!important}.loss-grid div:nth-child(1),.loss-grid div:nth-child(2){border-color:rgba(255,77,184,.18)!important}.loss-grid div:nth-child(3),.loss-grid div:nth-child(4){border-color:rgba(112,255,208,.18)!important}
.compare-card{position:relative}.compare-card:before{content:"";position:absolute;left:calc(50% - 1px);top:10px;bottom:10px;width:2px;background:linear-gradient(var(--pink),var(--cyan),var(--green));filter:drop-shadow(0 0 16px rgba(36,230,255,.28));opacity:.72}.compare-center{position:relative;z-index:2;border-color:rgba(36,230,255,.28)!important;box-shadow:0 0 36px rgba(36,230,255,.08)}.compare-col.after{border-color:rgba(112,255,208,.26)!important}.compare-col.after:after{background:linear-gradient(90deg,var(--green),transparent,var(--cyan))}
.feature-grid article i,.timeline span,.pricing-grid small{box-shadow:0 0 24px rgba(36,230,255,.12)}.feature-grid article:nth-child(3),.feature-grid article:nth-child(5){border-color:rgba(112,255,208,.22)!important}.feature-grid article:nth-child(4),.feature-grid article:nth-child(6){border-color:rgba(139,92,246,.22)!important}.timeline article{min-height:210px}.timeline article span{margin-bottom:4px}.pricing-grid article.featured{transform:translateY(-8px);border-color:rgba(36,230,255,.52)!important;box-shadow:0 0 0 1px rgba(36,230,255,.12),0 34px 110px rgba(36,230,255,.13)!important}.pricing-grid article.featured:hover{transform:translateY(-13px)}.pricing-grid em{box-shadow:0 0 22px rgba(255,209,102,.12)}
.faq-list details[open]{border-color:rgba(36,230,255,.30)!important;box-shadow:0 20px 60px rgba(36,230,255,.05)}.faq-list summary{position:relative}.faq-list summary:after{content:"+";position:absolute;right:20px;color:var(--cyan)}.faq-list details[open] summary:after{content:"–"}.contact-card{border-color:rgba(112,255,208,.22)!important}.contact-points span{border-color:rgba(112,255,208,.24)!important;background:rgba(112,255,208,.08)!important}.contact-form button{box-shadow:0 0 30px rgba(36,230,255,.14)}.footer{position:relative}.footer:before{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),var(--green),transparent)}
@media(max-width:1120px){.revenue-path{grid-template-columns:1fr;gap:10px}.revenue-path>i{height:24px;width:2px;margin:auto}.revenue-path>i:after{right:-4px;top:auto;bottom:-2px;border-top:9px solid var(--green);border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:0}.cinematic-block:before{left:0}.cinematic-block:after{display:none}.compare-card:before{display:none}}
@media(max-width:720px){.cinematic-block{padding-top:72px!important;padding-bottom:56px!important}.cinematic-block:before{top:22px;font-size:10px}.cinematic-block .section-head:before{display:none}.path-node{padding:14px}.section-head.center{text-align:left}.section-head.center:before{display:none!important}}


/* ===== V26: section motion + stronger sync + record mode + mobile-first ===== */
.hero-sync-panel{position:relative;border:1px solid rgba(36,230,255,.14);background:linear-gradient(145deg,rgba(10,20,39,.78),rgba(5,11,25,.62));border-radius:30px;padding:18px 20px;box-shadow:0 24px 80px rgba(0,0,0,.18), inset 0 1px rgba(255,255,255,.04);overflow:hidden}
.hero-sync-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 0,rgba(36,230,255,.10),transparent 28%),radial-gradient(circle at 100% 100%,rgba(112,255,208,.06),transparent 24%);pointer-events:none}.hero-sync-panel>*{position:relative;z-index:1}
.trust-strip.cinematic-strip{margin-top:18px;grid-template-columns:repeat(4,1fr)}
.trust-strip.cinematic-strip div{position:relative;padding:20px 20px 18px;border-radius:22px;border-color:rgba(36,230,255,.16)!important;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.03))!important;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}.trust-strip.cinematic-strip div:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,var(--cyan),transparent,var(--green));opacity:.64}
.revenue-path.hero-sync-panel{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:12px;margin-top:18px}.revenue-path.hero-sync-panel .path-node{position:relative;min-height:142px;border:1px solid rgba(255,255,255,.10);background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border-radius:24px;padding:18px;box-shadow:inset 0 1px rgba(255,255,255,.05);overflow:hidden;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}.revenue-path.hero-sync-panel .path-node:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,var(--cyan),transparent,var(--green));opacity:.58}.revenue-path.hero-sync-panel .path-node.highlight{border-color:rgba(112,255,208,.26);box-shadow:0 0 0 1px rgba(112,255,208,.10),0 20px 60px rgba(112,255,208,.07)}.revenue-path.hero-sync-panel .path-node small{display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 10px;border-radius:999px;background:rgba(36,230,255,.10);border:1px solid rgba(36,230,255,.18);color:#dffcff;font-size:10px;font-weight:1000;letter-spacing:.08em}.revenue-path.hero-sync-panel .path-node b{display:block;margin-top:14px;font-size:22px;color:#fff;line-height:1.08}.revenue-path.hero-sync-panel .path-node span{display:block;margin-top:8px;color:#a8c0de;line-height:1.55}.revenue-path.hero-sync-panel>i{position:relative;width:52px;align-self:center;justify-self:center;height:2px;background:linear-gradient(90deg,var(--cyan),var(--green));box-shadow:0 0 18px rgba(36,230,255,.18)}.revenue-path.hero-sync-panel>i:after{content:"";position:absolute;right:-2px;top:-4px;border-left:8px solid var(--green);border-top:5px solid transparent;border-bottom:5px solid transparent}
.section-block.cinematic-block{position:relative;margin-top:18px;border:1px solid rgba(36,230,255,.12);background:linear-gradient(180deg,rgba(5,11,25,.54),rgba(5,11,25,.36));border-radius:34px;padding:86px 28px 30px;box-shadow:0 24px 90px rgba(0,0,0,.14), inset 0 1px rgba(255,255,255,.03);overflow:hidden}.section-block.cinematic-block:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),var(--green),transparent);opacity:.95}.section-block.cinematic-block:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 0,rgba(36,230,255,.08),transparent 26%),radial-gradient(circle at 100% 100%,rgba(112,255,208,.05),transparent 24%),linear-gradient(180deg,rgba(255,255,255,.018),transparent 18%,transparent 82%,rgba(255,255,255,.012));pointer-events:none}.section-block.cinematic-block>*{position:relative;z-index:1}
.section-block.cinematic-block .section-head{margin-bottom:28px;max-width:980px}.section-block.cinematic-block .section-head.center{margin:0 auto 28px;text-align:center}
.section-signal{display:flex;align-items:center;gap:10px;margin-top:12px;margin-bottom:14px;color:#9fc0de;font-size:10px;font-weight:1000;letter-spacing:.12em;text-transform:uppercase}.section-head.center .section-signal{justify-content:center}.section-signal i{width:28px;height:1px;background:linear-gradient(90deg,rgba(36,230,255,.16),rgba(36,230,255,.7),rgba(112,255,208,.16));box-shadow:0 0 12px rgba(36,230,255,.18)}
.section-head h2{max-width:15ch}.section-head.center h2{margin-left:auto;margin-right:auto}.section-head p{max-width:70ch}
.demo-lab,.calc-board,.contact-card{border-radius:36px;padding:24px 24px 22px}.demo-lab:after,.calc-board:after,.contact-card:after{content:"";position:absolute;left:22px;right:22px;top:16px;height:1px;background:linear-gradient(90deg,transparent,rgba(36,230,255,.75),rgba(112,255,208,.65),transparent);opacity:.75}
.phone-wrap.demo-phone-wrap,.crm-console,.calc-inputs,.calc-output,.contact-card .contact-copy,.contact-card form{position:relative;border:1px solid rgba(255,255,255,.08);background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border-radius:28px;padding:18px;box-shadow:inset 0 1px rgba(255,255,255,.04)}
.compare-card{position:relative;border:1px solid rgba(36,230,255,.16);background:linear-gradient(145deg,rgba(9,18,36,.64),rgba(5,11,25,.52));border-radius:34px;padding:22px;overflow:hidden;box-shadow:0 24px 80px rgba(0,0,0,.16)}
.feature-grid article,.timeline article,.pricing-grid article{min-height:240px}.pricing-grid article{display:flex;flex-direction:column}.pricing-grid article a{margin-top:auto}
.utility-dock{position:fixed;right:24px;bottom:24px;z-index:20;display:flex;gap:10px}.utility-dock button{height:40px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(7,17,29,.78);backdrop-filter:blur(14px);color:#fff;font-weight:1000;cursor:pointer;box-shadow:0 16px 34px rgba(0,0,0,.18);transition:.25s}.utility-dock button:hover,.utility-dock button.active{border-color:rgba(36,230,255,.30);background:rgba(36,230,255,.12);box-shadow:0 0 24px rgba(36,230,255,.12)}
.motion-item{opacity:0;transform:translateY(24px) scale(.98)}.motion-item.is-visible{opacity:1;transform:translateY(0) scale(1);transition:opacity .65s cubic-bezier(.2,.9,.2,1), transform .65s cubic-bezier(.2,.9,.2,1);transition-delay:var(--stagger,0ms)}
.cinematic-in{animation:cinematicReveal .9s cubic-bezier(.2,.9,.2,1) both}@keyframes cinematicReveal{0%{opacity:0;transform:translateY(22px) scale(.985)}100%{opacity:1;transform:translateY(0) scale(1)}}
.motion-live .trust-strip div:nth-child(odd), .motion-live .feature-grid article:nth-child(odd), .motion-live .timeline article:nth-child(odd){animation:floatSoft 5.5s ease-in-out infinite}.motion-live .trust-strip div:nth-child(even), .motion-live .feature-grid article:nth-child(even), .motion-live .timeline article:nth-child(even){animation:floatSoft 5.5s .5s ease-in-out infinite}@keyframes floatSoft{50%{transform:translateY(-5px)}}
.motion-live .revenue-path .path-node.highlight,.motion-live .pricing-grid article.featured{animation:highlightBreath 2.4s ease-in-out infinite}@keyframes highlightBreath{50%{box-shadow:0 0 0 1px rgba(36,230,255,.12),0 0 40px rgba(36,230,255,.12),0 24px 70px rgba(0,0,0,.18)}}
.record-mode .landing-topbar{transform:translateY(-120%);opacity:0;pointer-events:none}.landing-topbar{transition:transform .35s ease,opacity .35s ease}
.record-mode .utility-dock{right:18px;bottom:18px}.record-mode .scanline{opacity:.08}.record-mode .bg-orb{opacity:.42}.record-mode .landing-viewport{width:min(1520px,94vw)}.record-mode .story-head{padding-top:8px}.record-mode .section-block.cinematic-block,.record-mode .hero-sync-panel{scroll-margin-top:20px}.record-mode .utility-dock button#recordToggle{background:linear-gradient(90deg,rgba(36,230,255,.18),rgba(112,255,208,.18));border-color:rgba(36,230,255,.34)}
.mobile-preview .landing-viewport,.mobile-preview .footer{width:min(430px,calc(100vw - 24px))!important}.mobile-preview .landing-topbar{width:min(430px,calc(100vw - 24px));left:50%;transform:translateX(-50%)}.mobile-preview .utility-dock{flex-direction:column;right:12px;bottom:12px}.mobile-preview .cinema{grid-template-columns:1fr!important}.mobile-preview .pain-stage,.mobile-preview .core-stage,.mobile-preview .solution-stage{height:auto!important;min-height:560px}.mobile-preview .story-kpis,.mobile-preview .trust-strip,.mobile-preview .pain-grid,.mobile-preview .feature-grid,.mobile-preview .timeline,.mobile-preview .pricing-grid,.mobile-preview .capture-grid,.mobile-preview .loss-grid,.mobile-preview .flow-steps,.mobile-preview .revenue-path{grid-template-columns:1fr!important}.mobile-preview .compare-card,.mobile-preview .demo-lab,.mobile-preview .calc-board,.mobile-preview .contact-card{grid-template-columns:1fr!important}.mobile-preview .phone-screen{height:430px}.mobile-preview .revenue-path>i,.mobile-preview .compare-card:before{display:none!important}.mobile-preview .section-head.center{text-align:left}
@media(max-width:1120px){.revenue-path.hero-sync-panel{grid-template-columns:1fr;gap:10px}.revenue-path.hero-sync-panel>i{width:2px;height:20px}.revenue-path.hero-sync-panel>i:after{right:-4px;top:auto;bottom:-2px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:8px solid var(--green)}.section-block.cinematic-block{padding:74px 20px 24px}.section-head h2{max-width:none}}
@media(max-width:720px){.landing-topbar{padding:12px 14px}.topbar-cta{display:none}.landing-viewport,.section-wrap,.footer{width:min(100vw - 24px,var(--max))}.story-kpis,.trust-strip,.pain-grid,.feature-grid,.timeline,.pricing-grid,.capture-grid,.loss-grid,.flow-steps,.revenue-path{grid-template-columns:1fr}.pain-stage,.solution-stage,.core-stage{height:auto!important;min-height:560px}.section-block{padding:52px 0}.section-head h2,.crm-console h3{font-size:34px}.section-head.center{text-align:left}.demo-lab,.calc-board,.contact-card,.compare-card{grid-template-columns:1fr!important;padding:16px;border-radius:28px}.phone-wrap.demo-phone-wrap,.crm-console,.calc-inputs,.calc-output,.contact-card .contact-copy,.contact-card form{padding:14px;border-radius:22px}.hero-sync-panel{padding:14px}.trust-strip.cinematic-strip{grid-template-columns:1fr}.section-block.cinematic-block{padding:66px 16px 20px;border-radius:28px}.section-signal{gap:8px;flex-wrap:wrap}.section-signal i{width:18px}.utility-dock{right:12px;bottom:12px;flex-direction:column}.utility-dock button{height:38px;padding:0 12px;font-size:12px}.mobile-preview .landing-topbar{position:sticky;transform:none;left:auto;width:auto}}

/* ===== V27: social proof + stronger CTA + hero cinematic upgrade ===== */
.hero-cta-row{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:18px auto 0;max-width:1040px}
.hero-cta-row span{color:#a8c0de;font-size:12px;font-weight:900;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.045);border-radius:999px;padding:11px 14px}
.impact-wave{position:absolute;left:50%;top:55%;width:180px;height:180px;border-radius:50%;transform:translate(-50%,-50%);border:1px solid rgba(255,77,184,.24);box-shadow:0 0 36px rgba(255,77,184,.10);z-index:1;pointer-events:none;animation:impactWave 1.9s ease-out infinite}.impact-wave.w2{animation-delay:.55s;border-color:rgba(255,159,28,.22)}@keyframes impactWave{0%{opacity:.75;transform:translate(-50%,-50%) scale(.72)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.55)}}
.takeover-beam{position:absolute;z-index:1;left:50%;top:50%;width:3px;height:260px;background:linear-gradient(180deg,transparent,var(--cyan),transparent);filter:drop-shadow(0 0 12px rgba(36,230,255,.55));opacity:.22;transform-origin:center;animation:beamSweep 4s linear infinite}.takeover-beam.beam-a{transform:translate(-50%,-50%) rotate(38deg)}.takeover-beam.beam-b{transform:translate(-50%,-50%) rotate(-38deg);animation-delay:.6s}@keyframes beamSweep{50%{opacity:.85;filter:drop-shadow(0 0 18px rgba(36,230,255,.85))}}
.core-stage.takeover .takeover-beam{opacity:.85}.solution-stage.live .booking-saved-toast{animation:toastGlow 1.8s ease-in-out infinite}.booking-saved-toast{position:relative;z-index:3;margin-top:10px;border:1px solid rgba(112,255,208,.22);background:linear-gradient(145deg,rgba(112,255,208,.12),rgba(36,230,255,.06));border-radius:18px;padding:11px 12px;opacity:0;transform:translateY(10px);transition:.35s}.booking-saved-toast.show{opacity:1;transform:translateY(0)}.booking-saved-toast b{display:block;color:#eafff8;font-size:13px}.booking-saved-toast span{display:block;color:#9fcdbd;font-size:11px;margin-top:2px}@keyframes toastGlow{50%{box-shadow:0 0 28px rgba(112,255,208,.14)}}
.hero-pain .pain-stage{transform:translateY(-2px)}.hero-ai .core-stage{transform:translateY(-2px)}.hero-win .solution-stage{transform:translateY(-2px)}
.social-proof .section-head h2{max-width:18ch}.proof-grid{display:grid;grid-template-columns:1.35fr repeat(2,.8fr);gap:14px;align-items:stretch}.proof-card,.proof-metric{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border-radius:26px;padding:22px;box-shadow:inset 0 1px rgba(255,255,255,.05)}.proof-card:before,.proof-metric:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,var(--cyan),transparent,var(--green));opacity:.72}.proof-card small,.proof-metric span{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;border:1px solid rgba(36,230,255,.18);background:rgba(36,230,255,.08);color:#dffcff;font-size:10px;font-weight:1000;text-transform:uppercase;letter-spacing:.08em}.proof-card h3{font-size:30px;line-height:1.05;margin:16px 0 10px}.proof-card p{color:#adc2df;line-height:1.65}.proof-quote{margin-top:18px;border-left:3px solid var(--cyan);padding:12px 14px;background:rgba(36,230,255,.07);border-radius:0 16px 16px 0;color:#e8fbff;font-weight:850;line-height:1.45}.proof-metric{display:flex;flex-direction:column;justify-content:center;min-height:180px}.proof-metric b{display:block;margin:16px 0 8px;font-size:38px;line-height:1;background:linear-gradient(90deg,#fff,var(--cyan),var(--green));-webkit-background-clip:text;color:transparent}.proof-metric small{color:#adc2df;line-height:1.5}.proof-metric.hot{border-color:rgba(112,255,208,.24);box-shadow:0 0 34px rgba(112,255,208,.06)}.proof-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.proof-strip div{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.10);background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.03));border-radius:22px;padding:18px}.proof-strip div:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--cyan),var(--green))}.proof-strip small{display:block;color:#8fb2d6;font-size:10px;font-weight:1000;text-transform:uppercase;letter-spacing:.08em}.proof-strip b{display:block;margin:6px 0;font-size:28px;color:#fff}.proof-strip span{display:block;color:#adc2df;line-height:1.45;font-size:13px}
.direct-booking-cta{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:center;margin:18px auto}.direct-booking-cta .cta-copy small{display:inline-flex;color:#07111d;background:linear-gradient(90deg,var(--green),var(--cyan));border-radius:999px;padding:7px 10px;font-weight:1000;font-size:11px;letter-spacing:.08em}.direct-booking-cta h2{font-size:clamp(28px,3.6vw,48px);line-height:1.02;letter-spacing:-.045em;margin:12px 0}.direct-booking-cta p{color:#adc2df;line-height:1.6;margin:0}.cta-actions{display:grid;gap:10px}.cta-actions .btn{width:100%;justify-content:center}.cta-actions .btn-ghost{background:rgba(255,255,255,.055);color:#fff}
.motion-live .proof-metric.hot,.motion-live .direct-booking-cta .btn-primary{animation:highlightBreath 2.4s ease-in-out infinite}.proof-grid .main-proof{grid-row:span 2}.proof-grid article:hover,.proof-strip div:hover,.direct-booking-cta:hover{border-color:rgba(36,230,255,.28);box-shadow:0 24px 80px rgba(36,230,255,.08);transform:translateY(-4px)}.proof-grid article,.proof-strip div,.direct-booking-cta{transition:.28s ease}
@media(max-width:1120px){.proof-grid{grid-template-columns:1fr 1fr}.proof-grid .main-proof{grid-column:1/-1;grid-row:auto}.direct-booking-cta{grid-template-columns:1fr}.proof-strip{grid-template-columns:1fr}}
@media(max-width:720px){.hero-cta-row{justify-content:flex-start}.hero-cta-row .btn,.hero-cta-row span{width:100%}.proof-grid{grid-template-columns:1fr}.proof-card,.proof-metric{padding:18px}.proof-metric{min-height:140px}.proof-metric b{font-size:32px}.direct-booking-cta{padding:18px}.cta-actions{gap:8px}}


/* ==== V28 core-stage brain upgrade ==== */
.core-stage{padding:84px 18px 22px;justify-content:flex-start;gap:20px;background:
radial-gradient(circle at 50% 22%,rgba(36,230,255,.22),transparent 26%),
radial-gradient(circle at 50% 72%,rgba(139,92,246,.12),transparent 30%),
rgba(255,255,255,.04)}
.takeover-note{left:18px;right:18px;top:16px;transform:none;width:auto;max-width:none;white-space:normal;line-height:1.35;text-align:center;padding:12px 16px;font-size:12px}
.ai-core{width:282px;height:282px}
.ai-core:before{content:"";position:absolute;inset:22px;border-radius:50%;background:radial-gradient(circle,rgba(36,230,255,.10),transparent 62%);filter:blur(2px);animation:coreHalo 3s ease-in-out infinite}
@keyframes coreHalo{50%{transform:scale(1.06);opacity:.85}}
.neural-web{position:absolute;inset:18px;border-radius:50%;pointer-events:none;z-index:0}
.neural-web i{position:absolute;left:50%;top:50%;width:2px;height:118px;background:linear-gradient(180deg,transparent,rgba(36,230,255,.55),transparent);transform-origin:center top;opacity:.6;filter:drop-shadow(0 0 8px rgba(36,230,255,.45));animation:neuralSweep 3.2s ease-in-out infinite}
.neural-web i:nth-child(1){transform:translate(-50%,-50%) rotate(0deg)}
.neural-web i:nth-child(2){transform:translate(-50%,-50%) rotate(60deg);animation-delay:.25s}
.neural-web i:nth-child(3){transform:translate(-50%,-50%) rotate(120deg);animation-delay:.5s}
.neural-web i:nth-child(4){transform:translate(-50%,-50%) rotate(180deg);animation-delay:.75s}
.neural-web i:nth-child(5){transform:translate(-50%,-50%) rotate(240deg);animation-delay:1s}
.neural-web i:nth-child(6){transform:translate(-50%,-50%) rotate(300deg);animation-delay:1.25s}
@keyframes neuralSweep{50%{height:132px;opacity:.95}}
.brain-core{width:154px;height:154px;border-radius:42px;background:linear-gradient(145deg,rgba(9,18,36,.92),rgba(17,34,58,.74));border:1px solid rgba(106,210,255,.26);box-shadow:0 0 60px rgba(36,230,255,.20), inset 0 1px rgba(255,255,255,.10);overflow:visible}
.brain-aura{position:absolute;inset:-14px;border-radius:48px;background:radial-gradient(circle,rgba(36,230,255,.22),transparent 70%);filter:blur(18px);opacity:.88;animation:brainAura 2.8s ease-in-out infinite}
@keyframes brainAura{50%{opacity:.55;transform:scale(.94)}}
.brain-lobes{position:absolute;inset:18px 16px 20px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);gap:6px;z-index:1;opacity:.96}
.lobe{border:1px solid rgba(122,222,255,.22);background:linear-gradient(145deg,rgba(55,140,255,.16),rgba(139,92,246,.10));border-radius:22px;box-shadow:inset 0 0 18px rgba(36,230,255,.08)}
.l1,.l3,.l5{border-top-right-radius:14px;border-bottom-right-radius:18px}
.l2,.l4,.l6{border-top-left-radius:14px;border-bottom-left-radius:18px}
.l1,.l2{animation:lobePulse 2.2s ease-in-out infinite}
.l3,.l4{animation:lobePulse 2.2s .35s ease-in-out infinite}
.l5,.l6{animation:lobePulse 2.2s .7s ease-in-out infinite}
@keyframes lobePulse{50%{transform:translateY(-2px);border-color:rgba(122,222,255,.40);box-shadow:inset 0 0 24px rgba(36,230,255,.14),0 0 20px rgba(36,230,255,.08)}}
.brain-links{position:absolute;inset:26px;z-index:2;pointer-events:none}
.brain-links i{position:absolute;left:50%;top:50%;width:64px;height:1px;background:linear-gradient(90deg,transparent,rgba(36,230,255,.72),transparent);transform-origin:center;filter:drop-shadow(0 0 6px rgba(36,230,255,.45))}
.brain-links i:nth-child(1){transform:translate(-50%,-50%) rotate(12deg)}
.brain-links i:nth-child(2){transform:translate(-50%,-50%) rotate(78deg)}
.brain-links i:nth-child(3){transform:translate(-50%,-50%) rotate(140deg)}
.brain-links i:nth-child(4){transform:translate(-50%,-50%) rotate(-48deg)}
.brain-node{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px rgba(36,230,255,.95);z-index:3;animation:brainNode 1.8s ease-in-out infinite}
.n1{left:24px;top:30px}.n2{right:26px;top:34px;animation-delay:.3s}.n3{left:20px;top:72px;animation-delay:.6s}.n4{right:22px;top:84px;animation-delay:.9s}.n5{left:40px;bottom:28px;animation-delay:1.2s}.n6{right:38px;bottom:22px;animation-delay:1.5s}
@keyframes brainNode{50%{transform:scale(1.45);background:#70ffd0}}
.brain-chip{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:4;width:88px;height:88px;border-radius:28px;display:grid;place-items:center;text-align:center;background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.20);box-shadow:0 0 26px rgba(36,230,255,.18), inset 0 0 18px rgba(255,255,255,.05)}
.brain-chip img{width:38px;margin-top:4px}.brain-chip b{font-weight:1000;font-size:14px;margin-top:-4px}.brain-chip span{font-size:9px;color:#bdefff;margin-top:-8px;letter-spacing:.08em;text-transform:uppercase}
.orbit{padding:8px 11px;font-size:11px;border-radius:999px;background:rgba(4,10,22,.86);border:1px solid rgba(150,220,255,.22);box-shadow:0 8px 18px rgba(0,0,0,.25);transition:.35s ease}
.o1{top:26px;left:10px}.o2{right:8px;top:64px}.o3{left:8px;bottom:78px}.o4{right:18px;bottom:34px}
.pipeline{position:relative;width:92%;display:grid;gap:12px;padding-top:8px}
.pipeline-line{position:absolute;left:24px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,rgba(36,230,255,.14),rgba(36,230,255,.65),rgba(112,255,208,.20));box-shadow:0 0 18px rgba(36,230,255,.22)}
.step{position:relative;display:grid;grid-template-columns:34px 1fr 12px;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.10);background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.03));border-radius:18px;padding:14px 14px 14px 16px;opacity:.66;transform:translateX(-6px);transition:.35s;overflow:hidden}
.step:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--cyan),transparent)}
.step b{position:relative;z-index:1;width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.10);font-size:11px;box-shadow:inset 0 1px rgba(255,255,255,.08)}
.step-copy{min-width:0}
.step span{display:block;font-size:13px;font-weight:1000;color:#fff;line-height:1.15}
.step small{display:block;margin-top:4px;font-size:10px;color:#a6bed8;line-height:1.4}
.step-pulse{position:relative;width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.18);box-shadow:0 0 0 0 rgba(36,230,255,0)}
.step.active{opacity:1;transform:translateX(0);border-color:rgba(36,230,255,.48);box-shadow:0 0 30px rgba(36,230,255,.14);background:linear-gradient(90deg,rgba(36,230,255,.12),rgba(255,255,255,.04))}
.step.active .step-pulse{background:var(--cyan);box-shadow:0 0 0 0 rgba(36,230,255,.45);animation:stepPing 1.4s ease-out infinite}
.step.done{opacity:.9}
.step.done .step-pulse{background:#70ffd0}
@keyframes stepPing{70%{box-shadow:0 0 0 12px rgba(36,230,255,0)}}
.core-stage.takeover .brain-core,.brain-core.live{box-shadow:0 0 72px rgba(36,230,255,.34),0 0 0 1px rgba(36,230,255,.12), inset 0 1px rgba(255,255,255,.10)}
.core-stage.takeover .brain-aura{opacity:1}
.core-stage.takeover .neural-web i{opacity:.95}
@media(max-width:1120px){
  .takeover-note{left:16px;right:16px;top:14px;font-size:11px}
}
@media(max-width:720px){
  .core-stage{padding:86px 14px 18px;gap:16px;min-height:620px}
  .takeover-note{left:10px;right:10px;top:10px;padding:10px 12px;font-size:11px;line-height:1.32}
  .ai-core{width:248px;height:248px}
  .brain-core{width:140px;height:140px;border-radius:38px}
  .brain-chip{width:82px;height:82px}
  .brain-chip img{width:34px}
  .orbit{font-size:10px;padding:7px 10px}
  .o1{top:20px;left:2px}.o2{top:58px;right:2px}.o3{left:2px;bottom:70px}.o4{right:8px;bottom:28px}
  .pipeline{width:100%;gap:10px;padding-top:2px}
  .pipeline-line{left:20px}
  .step{grid-template-columns:30px 1fr 10px;padding:12px 12px 12px 14px;border-radius:16px}
  .step b{width:30px;height:30px;border-radius:10px;font-size:10px}
  .step span{font-size:12px}
  .step small{font-size:9.5px}
}


/* ==== V29 cinematic particles + section sync ==== */
.data-stream{position:absolute;inset:72px 0 0;pointer-events:none;z-index:2}
.dp{position:absolute;display:flex;align-items:center;justify-content:center;min-width:96px;height:30px;padding:0 10px;border-radius:999px;border:1px solid rgba(36,230,255,.22);background:rgba(5,12,24,.78);backdrop-filter:blur(10px);color:#dffcff;font-size:10px;font-weight:1000;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 10px 24px rgba(0,0,0,.18),0 0 18px rgba(36,230,255,.08)}
.dp:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--cyan);margin-right:7px;box-shadow:0 0 10px rgba(36,230,255,.65)}
.dp.l1{left:-120px;top:78px;animation:dataToCoreL1 5.4s linear infinite}
.dp.r1{right:-128px;top:116px;animation:dataToCoreR1 5.4s .7s linear infinite}
.dp.l2{left:-130px;top:178px;animation:dataToCoreL2 5.4s 1.4s linear infinite}
.dp.r2{right:-104px;top:206px;animation:dataToCoreR2 5.4s 2.1s linear infinite}
.dp.l3{left:-148px;top:274px;animation:dataToCoreL3 5.4s 2.8s linear infinite}
.dp.r3{right:-142px;top:288px;animation:dataToCoreR3 5.4s 3.5s linear infinite}
.dp.l4{left:-160px;top:360px;animation:dataToCoreL4 5.4s 4.2s linear infinite}
.dp.r4{right:-110px;top:374px;animation:dataToCoreR4 5.4s 4.9s linear infinite}
@keyframes dataToCoreL1{0%{transform:translateX(0) scale(.86);opacity:0}8%,58%{opacity:.95}70%{transform:translate(256px,46px) scale(.96)}100%{transform:translate(330px,84px) scale(.2);opacity:0}}
@keyframes dataToCoreR1{0%{transform:translateX(0) scale(.86);opacity:0}8%,58%{opacity:.95}70%{transform:translate(-254px,18px) scale(.96)}100%{transform:translate(-320px,64px) scale(.2);opacity:0}}
@keyframes dataToCoreL2{0%{transform:translateX(0) scale(.86);opacity:0}8%,58%{opacity:.95}70%{transform:translate(252px,-6px) scale(.96)}100%{transform:translate(324px,30px) scale(.2);opacity:0}}
@keyframes dataToCoreR2{0%{transform:translateX(0) scale(.86);opacity:0}8%,58%{opacity:.95}70%{transform:translate(-246px,-16px) scale(.96)}100%{transform:translate(-312px,12px) scale(.2);opacity:0}}
@keyframes dataToCoreL3{0%{transform:translateX(0) scale(.86);opacity:0}8%,58%{opacity:.95}70%{transform:translate(244px,-72px) scale(.96)}100%{transform:translate(318px,-46px) scale(.2);opacity:0}}
@keyframes dataToCoreR3{0%{transform:translateX(0) scale(.86);opacity:0}8%,58%{opacity:.95}70%{transform:translate(-242px,-84px) scale(.96)}100%{transform:translate(-314px,-52px) scale(.2);opacity:0}}
@keyframes dataToCoreL4{0%{transform:translateX(0) scale(.86);opacity:0}8%,58%{opacity:.95}70%{transform:translate(248px,-154px) scale(.96)}100%{transform:translate(322px,-116px) scale(.2);opacity:0}}
@keyframes dataToCoreR4{0%{transform:translateX(0) scale(.86);opacity:0}8%,58%{opacity:.95}70%{transform:translate(-244px,-158px) scale(.96)}100%{transform:translate(-316px,-122px) scale(.2);opacity:0}}
.brain-status{position:relative;z-index:3;display:flex;align-items:center;gap:10px;width:92%;min-height:44px;padding:12px 14px;border:1px solid rgba(36,230,255,.18);background:linear-gradient(90deg,rgba(36,230,255,.09),rgba(255,255,255,.04));border-radius:18px;color:#d8f7ff;font-size:11px;font-weight:900;line-height:1.45;box-shadow:inset 0 1px rgba(255,255,255,.06)}
.brain-status i{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgba(112,255,208,.4);animation:brainStatusPulse 1.6s ease-out infinite}
@keyframes brainStatusPulse{70%{box-shadow:0 0 0 12px rgba(112,255,208,0)}}
.social-proof,.pain{position:relative;background:linear-gradient(145deg,rgba(9,21,43,.92),rgba(10,17,34,.90));border-color:rgba(36,230,255,.18)!important;overflow:hidden}
.social-proof:before,.pain:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 0,rgba(36,230,255,.10),transparent 24%),radial-gradient(circle at 90% 100%,rgba(139,92,246,.08),transparent 28%),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:auto,auto,34px 34px,34px 34px;opacity:.7;pointer-events:none}
.social-proof>*,.pain>*{position:relative;z-index:1}
.proof-console{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0 14px}
.proof-console article{position:relative;overflow:hidden;border:1px solid rgba(36,230,255,.18);background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border-radius:24px;padding:18px 18px 16px;box-shadow:0 18px 34px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.05);transition:.28s ease}
.proof-console article:before{content:"";position:absolute;left:16px;right:16px;top:0;height:2px;background:linear-gradient(90deg,var(--cyan),var(--green),var(--pink));opacity:.75}
.proof-console article:after{content:"";position:absolute;inset:auto 0 0 0;height:46%;background:radial-gradient(circle at 50% 100%,rgba(36,230,255,.10),transparent 62%);pointer-events:none}
.proof-console small{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;border:1px solid rgba(36,230,255,.18);background:rgba(36,230,255,.08);color:#dffcff;font-size:10px;font-weight:1000;text-transform:uppercase;letter-spacing:.08em}
.proof-console b{display:block;margin:14px 0 8px;font-size:18px;line-height:1.25;color:#fff}
.proof-console span{display:block;color:#a8c3df;font-size:13px;line-height:1.55}
.proof-console article:hover,.proof-console article.is-visible{transform:translateY(-4px);border-color:rgba(36,230,255,.30);box-shadow:0 24px 60px rgba(36,230,255,.10)}
.motion-live .proof-console article{animation:consoleBreath 3.2s ease-in-out infinite}
.motion-live .proof-console article:nth-child(2){animation-delay:.28s}
.motion-live .proof-console article:nth-child(3){animation-delay:.56s}
@keyframes consoleBreath{50%{box-shadow:0 24px 60px rgba(36,230,255,.12), inset 0 1px rgba(255,255,255,.07)}}
.social-proof .proof-card,.social-proof .proof-metric,.social-proof .proof-strip div{border-color:rgba(36,230,255,.16)}
.social-proof .proof-card:before,.social-proof .proof-metric:before,.social-proof .proof-strip div:before{box-shadow:0 0 18px rgba(36,230,255,.18)}
.pain .pain-grid article{border-color:rgba(36,230,255,.14);background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.03));box-shadow:inset 0 1px rgba(255,255,255,.04)}
.pain .pain-grid article:hover{border-color:rgba(36,230,255,.26);box-shadow:0 20px 56px rgba(36,230,255,.08)}
@media(max-width:1120px){.proof-console{grid-template-columns:1fr}.data-stream{display:none}.brain-status{width:100%}}
@media(max-width:720px){.brain-status{font-size:10px;padding:10px 12px;border-radius:16px}.proof-console article{padding:16px}.proof-console b{font-size:16px}}


/* ==== V30 demo CRM + close-deal cinematic ==== */
.demo-monitor-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;padding:10px 12px;border:1px solid rgba(36,230,255,.18);background:linear-gradient(145deg,rgba(36,230,255,.08),rgba(255,255,255,.03));border-radius:18px;color:#d9f8ff;box-shadow:inset 0 1px rgba(255,255,255,.04)}
.demo-monitor-head small{display:block;color:var(--green);font-size:10px;font-weight:1000;text-transform:uppercase;letter-spacing:.1em}
.demo-monitor-head b{display:block;font-size:13px;line-height:1.2;color:#fff}
.demo-monitor-head span{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:999px;border:1px solid rgba(112,255,208,.22);background:rgba(112,255,208,.10);font-size:10px;font-weight:1000;white-space:nowrap}
.demo-channel-dock{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}
.demo-channel-dock span{display:flex;align-items:center;justify-content:center;gap:7px;height:36px;padding:0 10px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.055);border-radius:999px;color:#cbe5ff;font-size:10px;font-weight:1000;letter-spacing:.04em;transition:.28s ease;box-shadow:inset 0 1px rgba(255,255,255,.04)}
.demo-channel-dock span img{width:16px;height:16px;object-fit:contain;border-radius:4px}
.demo-channel-dock span.active{border-color:rgba(36,230,255,.40);background:linear-gradient(90deg,rgba(36,230,255,.16),rgba(112,255,208,.10));color:#effcff;transform:translateY(-1px);box-shadow:0 0 22px rgba(36,230,255,.14)}
.demo-insight-pulse{margin-top:12px;border:1px solid rgba(36,230,255,.16);background:linear-gradient(145deg,rgba(36,230,255,.08),rgba(255,255,255,.03));border-radius:18px;padding:12px;box-shadow:inset 0 1px rgba(255,255,255,.05)}
.pulse-line{height:8px;border-radius:999px;background:rgba(255,255,255,.09);overflow:hidden}
.pulse-line i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--pink),var(--cyan),var(--green));box-shadow:0 0 20px rgba(36,230,255,.24);transition:.45s ease}
.pulse-copy{margin-top:10px}
.pulse-copy small,.deal-monitor-head small{display:block;color:var(--green);font-size:10px;font-weight:1000;text-transform:uppercase;letter-spacing:.1em}
.pulse-copy b,.deal-monitor-head b{display:block;margin-top:4px;font-size:16px;line-height:1.2;color:#fff}
.pulse-copy span{display:block;margin-top:4px;color:#aac7e5;font-size:12px;line-height:1.45}
.deal-monitor{margin-top:14px;border:1px solid rgba(36,230,255,.18);background:linear-gradient(145deg,rgba(36,230,255,.09),rgba(255,255,255,.03));border-radius:20px;padding:14px;box-shadow:inset 0 1px rgba(255,255,255,.05)}
.deal-monitor-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:10px}
.deal-monitor-grid div{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.05);border-radius:16px;padding:12px}
.deal-monitor-grid small{display:block;color:#8cb2d6;font-size:10px;font-weight:1000;text-transform:uppercase;letter-spacing:.08em}
.deal-monitor-grid b{display:block;margin-top:5px;color:#fff;font-size:13px;line-height:1.3}
.deal-monitor-bar{margin-top:12px;height:8px;border-radius:999px;background:rgba(255,255,255,.09);overflow:hidden}
.deal-monitor-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--cyan),var(--green),var(--pink));box-shadow:0 0 18px rgba(36,230,255,.24);transition:.45s ease}
.motion-live .demo-channel-dock span.active,.motion-live .deal-monitor,.motion-live .demo-insight-pulse{animation:demoBreath 2.8s ease-in-out infinite}
@keyframes demoBreath{50%{box-shadow:0 0 28px rgba(36,230,255,.10), inset 0 1px rgba(255,255,255,.06)}}
.booking-saved-toast{display:flex;align-items:center;justify-content:space-between;gap:12px}
.booking-saved-toast .toast-main{min-width:0}
.booking-saved-toast .toast-metrics{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.booking-saved-toast .toast-metrics small{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#d8fff6;font-size:10px;font-weight:1000;letter-spacing:.06em}
.booking-saved-toast .toast-metrics i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px rgba(112,255,208,.65)}
.booking-saved-toast .toast-metrics b{display:inline;color:#fff;font-size:11px}
.deal-signal-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
.signal-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.05);border-radius:14px;padding:10px 10px 9px;transition:.28s ease}
.signal-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(var(--cyan),var(--green));opacity:0;transition:.28s ease}
.signal-card small{display:block;color:#8cb2d6;font-size:9px;font-weight:1000;text-transform:uppercase;letter-spacing:.08em}
.signal-card b{display:block;margin-top:4px;color:#fff;font-size:11px;line-height:1.2}
.signal-card.active,.signal-card.done{border-color:rgba(36,230,255,.24);background:linear-gradient(145deg,rgba(36,230,255,.11),rgba(255,255,255,.04))}
.signal-card.active:before,.signal-card.done:before{opacity:1}
.signal-card.active{box-shadow:0 0 22px rgba(36,230,255,.12);transform:translateY(-2px)}
.close-deal-meter{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#dffbff;font-size:11px;font-weight:900;margin-bottom:8px}
.close-deal-meter span{color:#acdbe7;line-height:1.35}
.close-deal-meter b{font-size:16px;background:linear-gradient(90deg,var(--green),var(--cyan));-webkit-background-clip:text;color:transparent}
.close-deal-bar{height:7px;border-radius:999px;background:rgba(255,255,255,.09);overflow:hidden;margin-bottom:9px}
.close-deal-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--pink),var(--cyan),var(--green));box-shadow:0 0 18px rgba(36,230,255,.24);transition:.45s ease}
.motion-live .signal-card.active,.solution-stage.live .signal-card.active{animation:signalPulse 1.8s ease-in-out infinite}
@keyframes signalPulse{50%{box-shadow:0 0 26px rgba(36,230,255,.18)}}
@media(max-width:1120px){.demo-channel-dock{grid-template-columns:repeat(2,1fr)}.deal-signal-strip{grid-template-columns:1fr}.booking-saved-toast{flex-direction:column;align-items:flex-start}.booking-saved-toast .toast-metrics{width:100%}.signal-card b{font-size:12px}}
@media(max-width:720px){.demo-monitor-head{flex-direction:column;align-items:flex-start}.demo-channel-dock{grid-template-columns:1fr 1fr}.pulse-copy b{font-size:14px}.pulse-copy span{font-size:11px}.deal-monitor-grid{grid-template-columns:1fr}.deal-signal-strip{grid-template-columns:1fr}.close-deal-meter{flex-direction:column;align-items:flex-start}.booking-saved-toast .toast-metrics small{height:26px}}


/* ==== V31 hero overlap fix + SMS + social proof/contact upgrade ==== */
.core-stage{padding-top:104px!important;padding-bottom:28px!important;gap:24px!important;min-height:748px!important;justify-content:flex-start!important}
.takeover-note{z-index:6;box-shadow:0 12px 30px rgba(0,0,0,.18)}
.takeover-beam{top:41%!important;height:188px!important;opacity:.18!important}
.ai-core{margin-top:20px;flex-shrink:0}
.pipeline,.brain-status{position:relative;z-index:4}
.pipeline{margin-top:4px}
.data-stream{inset:112px 0 auto!important;height:252px!important;overflow:visible}
.dp{min-width:92px;height:28px;padding:0 9px;font-size:9px}
.dp.l1{left:-112px;top:18px}.dp.r1{right:-118px;top:38px}.dp.l2{left:-122px;top:96px}.dp.r2{right:-88px;top:114px}.dp.l3{left:-128px;top:166px}.dp.r3{right:-124px;top:178px}.dp.l4{left:-90px;top:214px}.dp.r4{right:-92px;top:214px}
.brain-status{width:min(92%,520px);backdrop-filter:blur(10px)}
.step{backdrop-filter:blur(8px)}
.social-proof .section-head h2,.pricing .section-head h2,.contact .section-head h2{max-width:22ch}
.testimonial-wall{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:14px;margin-top:16px}
.testimonial-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.11);background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.03));border-radius:24px;padding:22px;box-shadow:0 18px 34px rgba(0,0,0,.16), inset 0 1px rgba(255,255,255,.05)}
.testimonial-card:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,var(--cyan),transparent,var(--green));opacity:.74}
.testimonial-card small{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;border:1px solid rgba(36,230,255,.18);background:rgba(36,230,255,.08);color:#dffcff;font-size:10px;font-weight:1000;text-transform:uppercase;letter-spacing:.08em}
.testimonial-card h3{margin:14px 0 10px;font-size:26px;line-height:1.08;color:#fff}
.testimonial-card p{margin:0;color:#adc2df;line-height:1.6}
.testimonial-card b{display:block;margin-top:16px;color:#eafcff;font-size:13px}
.testimonial-card ul{margin:14px 0 0;padding-left:18px;color:#d5e6f6;line-height:1.55}
.testimonial-card li+li{margin-top:6px}
.testimonial-card.featured{background:linear-gradient(145deg,rgba(36,230,255,.11),rgba(255,255,255,.04));border-color:rgba(36,230,255,.18)}
.mini-usecases{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 12px}.mini-usecases span{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#effcff;font-size:11px;font-weight:900}
.pricing-support{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;margin-top:16px}
.pricing-support article{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.11);background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.03));border-radius:24px;padding:22px;box-shadow:inset 0 1px rgba(255,255,255,.05)}
.pricing-support article:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--cyan),var(--green))}
.pricing-support small{display:block;color:var(--green);font-size:10px;font-weight:1000;text-transform:uppercase;letter-spacing:.08em}
.pricing-support h3{margin:8px 0 10px;font-size:28px;line-height:1.08;color:#fff}
.pricing-support p{margin:0;color:#adc2df;line-height:1.6}
.support-pills{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.support-pills span{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:999px;border:1px solid rgba(36,230,255,.22);background:rgba(36,230,255,.08);color:#dffcff;font-size:11px;font-weight:1000}
.contact-journey{display:grid;gap:10px;margin-top:18px}
.contact-journey article{display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:flex-start;border:1px solid rgba(255,255,255,.10);background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.03));border-radius:18px;padding:12px}
.contact-journey b{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--cyan),var(--green));color:#07111d;font-size:16px;font-weight:1000}
.contact-journey strong{display:block;color:#fff;font-size:14px;line-height:1.25}
.contact-journey span{display:block;color:#adc2df;font-size:12px;line-height:1.45;margin-top:3px}
.contact-form-strip{display:grid;gap:8px;margin:12px 0 10px}
.contact-form-strip span{display:flex;align-items:center;min-height:40px;padding:0 14px;border-radius:14px;border:1px solid rgba(36,230,255,.16);background:rgba(36,230,255,.06);color:#dffcff;font-size:12px;font-weight:850;line-height:1.35}
@media(max-width:1280px){
  .core-stage{min-height:720px!important}
  .data-stream{height:230px!important}
  .dp.l1{left:-88px}.dp.r1{right:-95px}.dp.l2{left:-104px}.dp.r2{right:-74px}.dp.l3{left:-110px}.dp.r3{right:-108px}.dp.l4{left:-70px}.dp.r4{right:-72px}
}
@media(max-width:1120px){
  .core-stage{min-height:760px!important;padding-top:108px!important}
  .data-stream{display:block!important;inset:112px 0 auto!important;height:216px!important}
  .dp{font-size:8.5px;min-width:84px;height:26px}
  .dp.l1{left:-68px;top:18px}.dp.r1{right:-74px;top:34px}.dp.l2{left:-84px;top:84px}.dp.r2{right:-58px;top:98px}.dp.l3{left:-86px;top:146px}.dp.r3{right:-84px;top:156px}.dp.l4{left:-50px;top:186px}.dp.r4{right:-54px;top:186px}
  .testimonial-wall,.pricing-support{grid-template-columns:1fr}
}
@media(max-width:720px){
  .core-stage,.mobile-preview .core-stage{min-height:820px!important;padding:96px 14px 22px!important;gap:18px!important}
  .takeover-note{left:10px!important;right:10px!important;top:10px!important;padding:11px 12px!important;font-size:10.5px!important}
  .signal-line{display:none!important}
  /* Show the animated data-stream (labels flying to the core) on phones too. */
  .takeover-beam{display:block!important}
  .data-stream,.mobile-preview .data-stream{display:block!important;inset:118px 0 auto!important;height:216px!important;left:50%!important;width:300px!important;transform:translateX(-50%)!important}
  .data-stream .dp{font-size:8.5px!important;min-width:82px!important;height:26px!important}
  .data-stream .dp.l1{left:-4px!important;top:8px!important}.data-stream .dp.r1{right:-4px!important;top:26px!important}
  .data-stream .dp.l2{left:-18px!important;top:78px!important}.data-stream .dp.r2{right:-18px!important;top:92px!important}
  .data-stream .dp.l3{left:-14px!important;top:146px!important}.data-stream .dp.r3{right:-14px!important;top:156px!important}
  .data-stream .dp.l4{left:14px!important;top:190px!important}.data-stream .dp.r4{right:14px!important;top:190px!important}
  .ai-core{width:220px!important;height:220px!important;margin-top:10px}
  .brain-core{width:126px!important;height:126px!important;border-radius:34px!important}
  .brain-chip{width:74px!important;height:74px!important;border-radius:24px!important}
  .brain-chip img{width:32px!important}.brain-chip b{font-size:13px!important}.brain-chip span{font-size:8px!important}
  .orbit{font-size:9px!important;padding:6px 9px!important}
  .o1{left:0!important;top:14px!important}.o2{right:0!important;top:48px!important}.o3{left:0!important;bottom:58px!important}.o4{right:2px!important;bottom:20px!important}
  .brain-status{width:100%!important;font-size:10px!important;padding:10px 12px!important}
  .pipeline{width:100%!important}
  .step{grid-template-columns:30px 1fr 10px!important;padding:12px 12px 12px 14px!important}
  .testimonial-card h3,.pricing-support h3{font-size:22px}
  .contact-journey article{grid-template-columns:38px 1fr}.contact-journey b{width:38px;height:38px;border-radius:12px;font-size:14px}
}


/* ==== V32 compact hero + less overlap + mobile safe ==== */
.core-stage{padding-top:96px!important;padding-bottom:34px!important;gap:18px!important;min-height:790px!important;background:radial-gradient(circle at 50% 22%,rgba(36,230,255,.14),transparent 28%),radial-gradient(circle at 50% 76%,rgba(139,92,246,.10),transparent 30%),rgba(255,255,255,.04)!important}
.takeover-note{left:18px!important;right:18px!important;top:16px!important;width:auto!important;max-width:520px!important;margin:0 auto!important;padding:11px 16px!important;border-radius:24px!important;border:1px solid rgba(36,230,255,.28)!important;background:linear-gradient(145deg,rgba(8,22,42,.88),rgba(16,42,68,.72))!important;color:#eafcff!important;font-size:12px!important;line-height:1.35!important;box-shadow:0 12px 26px rgba(0,0,0,.16),0 0 24px rgba(36,230,255,.08)!important}
.takeover-beam{top:42%!important;height:156px!important;opacity:.14!important}
.signal-line{opacity:.38!important}
.data-stream{inset:98px 0 auto!important;height:214px!important;z-index:2}
.dp{min-width:82px!important;height:26px!important;padding:0 9px!important;font-size:9px!important;border-color:rgba(36,230,255,.18)!important;background:linear-gradient(145deg,rgba(9,26,46,.82),rgba(17,49,79,.62))!important;color:#e2fbff!important;box-shadow:0 8px 18px rgba(0,0,0,.14),0 0 16px rgba(36,230,255,.06)!important}
.dp:before{width:5px!important;height:5px!important;margin-right:6px!important}
.dp.l1{left:-96px!important;top:12px!important}.dp.r1{right:-102px!important;top:28px!important}.dp.l2{left:-106px!important;top:78px!important}.dp.r2{right:-78px!important;top:96px!important}.dp.l3{left:-116px!important;top:138px!important}.dp.r3{right:-110px!important;top:152px!important}.dp.l4{left:-84px!important;top:186px!important}.dp.r4{right:-84px!important;top:186px!important}
.ai-core{width:214px!important;height:214px!important;margin-top:10px!important}
.ring1{inset:8px!important;border-color:rgba(36,230,255,.32)!important}.ring2{inset:30px!important;border-color:rgba(139,92,246,.28)!important}.ring3{display:none!important}
.neural-web{inset:26px!important}.neural-web i{height:90px!important;opacity:.42!important}
.brain-core{width:132px!important;height:132px!important;border-radius:34px!important;background:linear-gradient(145deg,rgba(12,24,43,.95),rgba(18,40,63,.76))!important;box-shadow:0 0 44px rgba(36,230,255,.18), inset 0 1px rgba(255,255,255,.08)!important}
.brain-aura{inset:-10px!important;filter:blur(14px)!important;opacity:.7!important}
.brain-lobes{inset:16px 14px 18px!important;gap:5px!important}.lobe{border-radius:18px!important}
.brain-links{inset:22px!important}.brain-links i{width:48px!important;opacity:.75!important}
.n5,.n6{display:none!important}.brain-node{width:7px!important;height:7px!important}
.brain-chip{width:72px!important;height:72px!important;border-radius:22px!important;box-shadow:0 0 18px rgba(36,230,255,.12), inset 0 0 14px rgba(255,255,255,.05)!important}
.brain-chip img{width:31px!important}.brain-chip b{font-size:12px!important}.brain-chip span{font-size:7.5px!important;line-height:1.1!important;padding:0 6px!important}
.orbit{padding:6px 10px!important;font-size:10px!important;background:linear-gradient(145deg,rgba(8,20,36,.84),rgba(16,42,68,.74))!important;border-color:rgba(36,230,255,.18)!important;color:#e3fbff!important;box-shadow:0 8px 18px rgba(0,0,0,.16),0 0 10px rgba(36,230,255,.06)!important}
.o1{top:18px!important;left:8px!important}.o2{right:6px!important;top:52px!important}.o3{left:8px!important;bottom:56px!important}.o4{right:14px!important;bottom:24px!important}
.brain-status{width:min(92%,460px)!important;padding:10px 14px!important;border-radius:20px!important;border-color:rgba(36,230,255,.24)!important;background:linear-gradient(145deg,rgba(13,34,58,.74),rgba(23,58,86,.56))!important;color:#e5f8ff!important;font-size:11px!important;line-height:1.35!important;box-shadow:0 10px 20px rgba(0,0,0,.12)!important}
.brain-status i{width:11px!important;height:11px!important;box-shadow:0 0 0 6px rgba(112,255,208,.14)!important}
.pipeline{width:100%!important;max-width:500px!important;gap:10px!important;padding:2px 6px 22px!important}
.pipeline-line{left:26px!important;top:6px!important;bottom:22px!important;background:linear-gradient(180deg,rgba(36,230,255,.18),rgba(36,230,255,.54),rgba(112,255,208,.18))!important}
.step{grid-template-columns:32px 1fr 11px!important;align-items:center!important;gap:10px!important;padding:12px 14px 12px 16px!important;border-radius:18px!important;border-color:rgba(255,255,255,.10)!important;background:linear-gradient(145deg,rgba(23,46,74,.36),rgba(255,255,255,.03))!important;backdrop-filter:blur(8px)!important;opacity:.76!important}
.step b{width:32px!important;height:32px!important;border-radius:12px!important;background:rgba(255,255,255,.10)!important;font-size:11px!important}
.step span{font-size:12px!important;line-height:1.12!important}.step small{font-size:10px!important;line-height:1.35!important;margin-top:3px!important;color:#c2d8ee!important}
.step.active{border-color:rgba(36,230,255,.46)!important;box-shadow:0 0 24px rgba(36,230,255,.10)!important;background:linear-gradient(90deg,rgba(36,230,255,.12),rgba(255,255,255,.04))!important;opacity:1!important}
.step.done{opacity:.9!important}
@media(max-width:1280px){
  .core-stage{min-height:770px!important}
  .dp.l1{left:-78px!important}.dp.r1{right:-84px!important}.dp.l2{left:-86px!important}.dp.r2{right:-64px!important}.dp.l3{left:-92px!important}.dp.r3{right:-88px!important}.dp.l4{left:-62px!important}.dp.r4{right:-62px!important}
}
@media(max-width:1120px){
  .core-stage{min-height:820px!important;padding-top:100px!important}
  .takeover-note{max-width:480px!important;font-size:11.5px!important}
  .data-stream{height:194px!important}
  .dp{min-width:76px!important;height:24px!important;font-size:8.5px!important}
  .dp.l1{left:-60px!important;top:10px!important}.dp.r1{right:-62px!important;top:24px!important}.dp.l2{left:-72px!important;top:70px!important}.dp.r2{right:-52px!important;top:84px!important}.dp.l3{left:-76px!important;top:126px!important}.dp.r3{right:-74px!important;top:138px!important}.dp.l4{left:-44px!important;top:172px!important}.dp.r4{right:-48px!important;top:172px!important}
  .ai-core{width:204px!important;height:204px!important}
}
@media(max-width:720px){
  .core-stage,.mobile-preview .core-stage{min-height:930px!important;padding:84px 14px 34px!important;gap:16px!important;justify-content:flex-start!important}
  .takeover-note{left:10px!important;right:10px!important;top:10px!important;max-width:calc(100% - 20px)!important;padding:10px 12px!important;border-radius:22px!important;font-size:10.5px!important;line-height:1.32!important}
  .signal-line,.takeover-beam{display:none!important}
  .data-stream,.mobile-preview .data-stream{display:none!important}
  .ai-core{width:190px!important;height:190px!important;margin-top:6px!important}
  .ring1{inset:10px!important}.ring2{inset:34px!important}
  .neural-web i{height:74px!important}
  .brain-core{width:118px!important;height:118px!important;border-radius:30px!important}
  .brain-lobes{inset:14px 13px 16px!important;gap:4px!important}
  .brain-chip{width:66px!important;height:66px!important;border-radius:20px!important}.brain-chip img{width:28px!important}.brain-chip b{font-size:11px!important}.brain-chip span{font-size:7px!important}
  .orbit{font-size:9px!important;padding:6px 8px!important}
  .o1{left:0!important;top:12px!important}.o2{right:0!important;top:42px!important}.o3{left:0!important;bottom:48px!important}.o4{right:4px!important;bottom:18px!important}
  .brain-status{width:100%!important;font-size:10px!important;padding:9px 12px!important;border-radius:18px!important}
  .pipeline{padding:0 0 26px!important;gap:9px!important}
  .pipeline-line{left:20px!important;top:6px!important;bottom:28px!important}
  .step{grid-template-columns:30px 1fr 10px!important;gap:9px!important;padding:11px 12px 11px 12px!important;border-radius:16px!important}
  .step b{width:30px!important;height:30px!important;border-radius:10px!important;font-size:10px!important}
  .step span{font-size:11.5px!important}.step small{font-size:9.5px!important}
}


/* ==== V33 simpler AI360 quantum chip hero ==== */
.quantum-core{width:206px!important;height:206px!important;margin-top:8px!important}
.quantum-core .ring{border-style:dashed!important;box-shadow:none!important;filter:drop-shadow(0 0 8px rgba(36,230,255,.10))}
.quantum-core .ring1{inset:4px!important;border-width:1.2px!important;border-color:rgba(36,230,255,.42)!important;animation-duration:11s!important}
.quantum-core .ring2{inset:24px!important;border-width:1.4px!important;border-color:rgba(139,92,246,.34)!important;animation-duration:8s!important;animation-direction:reverse!important}
.quantum-core .ring3{inset:46px!important;border-width:1px!important;border-color:rgba(112,255,208,.24)!important;display:block!important;animation-duration:5.2s!important}
.quantum-sparks{position:absolute;inset:0;pointer-events:none;z-index:1}
.quantum-sparks i{position:absolute;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle,#8ffff0 0 32%,rgba(143,255,240,.05) 70%,transparent 72%);box-shadow:0 0 18px rgba(36,230,255,.32);animation:quantumOrbit 3.2s linear infinite}
.quantum-sparks i:nth-child(1){top:16px;left:98px;animation-delay:0s}.quantum-sparks i:nth-child(2){top:54px;right:18px;animation-delay:.45s}.quantum-sparks i:nth-child(3){bottom:18px;right:58px;animation-delay:.9s}.quantum-sparks i:nth-child(4){bottom:42px;left:20px;animation-delay:1.35s}.quantum-sparks i:nth-child(5){top:80px;left:12px;animation-delay:1.8s}.quantum-sparks i:nth-child(6){top:114px;right:26px;animation-delay:2.2s}
@keyframes quantumOrbit{0%,100%{transform:scale(.8);opacity:.55}50%{transform:scale(1.25);opacity:1}}
.chip-core.brain-core{width:108px!important;height:108px!important;border-radius:28px!important;background:linear-gradient(145deg,rgba(8,24,41,.96),rgba(16,37,61,.82))!important;border:1px solid rgba(94,212,255,.24)!important;box-shadow:0 0 30px rgba(36,230,255,.16), inset 0 1px rgba(255,255,255,.08)!important;overflow:visible!important}
.chip-halo{position:absolute;inset:-10px;border-radius:34px;background:radial-gradient(circle,rgba(36,230,255,.12),transparent 65%);filter:blur(10px);z-index:0;animation:chipHalo 2.8s ease-in-out infinite}
@keyframes chipHalo{50%{transform:scale(1.06);opacity:.9}}
.chip-frame{position:absolute;inset:0;border-radius:28px;display:grid;place-items:center;z-index:2;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));overflow:hidden}
.chip-frame:before,.chip-frame:after{content:"";position:absolute;left:14px;right:14px;height:1px;background:linear-gradient(90deg,transparent,rgba(36,230,255,.16),transparent)}
.chip-frame:before{top:20px}.chip-frame:after{bottom:20px}
.chip-pin{position:absolute;width:12px;height:3px;border-radius:999px;background:linear-gradient(90deg,rgba(107,225,255,.2),rgba(107,225,255,.8),rgba(107,225,255,.2));box-shadow:0 0 10px rgba(36,230,255,.18)}
.chip-pin.p1{left:-7px;top:24px}.chip-pin.p2{left:-7px;top:46px}.chip-pin.p3{left:-7px;top:68px}.chip-pin.p4{left:-7px;top:90px}
.chip-pin.p5{right:-7px;top:24px}.chip-pin.p6{right:-7px;top:46px}.chip-pin.p7{right:-7px;top:68px}.chip-pin.p8{right:-7px;top:90px}
.chip-traces{position:absolute;inset:14px;pointer-events:none}
.chip-traces i{position:absolute;width:36px;height:36px;border:1px solid transparent;border-radius:14px;opacity:.55}
.chip-traces i:nth-child(1){left:4px;top:8px;border-left-color:rgba(36,230,255,.34);border-top-color:rgba(36,230,255,.34)}
.chip-traces i:nth-child(2){right:4px;top:8px;border-right-color:rgba(112,255,208,.36);border-top-color:rgba(112,255,208,.36)}
.chip-traces i:nth-child(3){left:4px;bottom:8px;border-left-color:rgba(139,92,246,.34);border-bottom-color:rgba(139,92,246,.34)}
.chip-traces i:nth-child(4){right:4px;bottom:8px;border-right-color:rgba(36,230,255,.34);border-bottom-color:rgba(36,230,255,.34)}
.chip-core-badge{position:relative;z-index:2;width:66px;height:66px;border-radius:20px;display:grid;place-items:center;text-align:center;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 0 18px rgba(255,255,255,.04),0 0 18px rgba(36,230,255,.08)}
.chip-core-badge img{width:28px;margin-top:4px}.chip-core-badge b{display:block;font-size:11px;font-weight:1000;margin-top:-4px}.chip-core-badge span{display:block;font-size:7px;line-height:1.14;letter-spacing:.08em;text-transform:uppercase;color:#c7eeff;margin-top:-6px;padding:0 5px}
.quantum-core .orbit{background:linear-gradient(145deg,rgba(10,24,42,.9),rgba(17,42,68,.74))!important;border-color:rgba(36,230,255,.16)!important;padding:6px 10px!important;font-size:9.5px!important}
.quantum-core .o1{top:20px!important;left:-6px!important}.quantum-core .o2{top:50px!important;right:-12px!important}.quantum-core .o3{bottom:48px!important;left:-10px!important}.quantum-core .o4{bottom:18px!important;right:4px!important}
.brain-core.live .chip-core-badge,.core-stage.takeover .chip-core-badge{box-shadow:inset 0 0 18px rgba(255,255,255,.05),0 0 26px rgba(36,230,255,.18)}
@media(max-width:720px){
  .quantum-core{width:178px!important;height:178px!important}
  .quantum-core .ring1{inset:5px!important}.quantum-core .ring2{inset:24px!important}.quantum-core .ring3{inset:42px!important}
  .chip-core.brain-core{width:96px!important;height:96px!important;border-radius:24px!important}
  .chip-frame{border-radius:24px}.chip-core-badge{width:58px!important;height:58px!important;border-radius:18px!important}.chip-core-badge img{width:24px!important}.chip-core-badge b{font-size:10px!important}.chip-core-badge span{font-size:6.5px!important}
  .chip-pin{width:10px}.quantum-core .orbit{font-size:8.8px!important;padding:5px 8px!important}
  .quantum-core .o1{left:-2px!important;top:16px!important}.quantum-core .o2{right:-4px!important;top:44px!important}.quantum-core .o3{left:-2px!important;bottom:42px!important}.quantum-core .o4{right:2px!important;bottom:14px!important}
}


/* ==== V34 motion polish + hero cleanup ==== */
.quantum-core{isolation:isolate}
.quantum-core:after{content:"";position:absolute;inset:38px;border-radius:50%;background:radial-gradient(circle,rgba(36,230,255,.08),transparent 68%);filter:blur(8px);z-index:0;animation:quantumGlow 3.6s ease-in-out infinite}
@keyframes quantumGlow{0%,100%{transform:scale(.96);opacity:.45}50%{transform:scale(1.05);opacity:.88}}
.quantum-core .ring{will-change:transform,opacity}
.quantum-core .ring1{animation:spin 12s linear infinite, ringPulseA 3.8s ease-in-out infinite}
.quantum-core .ring2{animation:spin 8.5s linear infinite reverse, ringPulseB 3.2s ease-in-out infinite}
.quantum-core .ring3{animation:spin 5.6s linear infinite, ringPulseC 2.7s ease-in-out infinite}
@keyframes ringPulseA{50%{opacity:.95;filter:drop-shadow(0 0 12px rgba(36,230,255,.20))}}
@keyframes ringPulseB{50%{opacity:.8;filter:drop-shadow(0 0 10px rgba(139,92,246,.18))}}
@keyframes ringPulseC{50%{opacity:.78;filter:drop-shadow(0 0 10px rgba(112,255,208,.18))}}
.quantum-sparks i{animation-duration:2.9s}
.quantum-sparks i:nth-child(odd){animation-duration:3.4s}
.chip-core.brain-core{transform:translateZ(0)}
.chip-core.brain-core:before{content:"";position:absolute;inset:8px;border-radius:22px;border:1px solid rgba(36,230,255,.12);pointer-events:none;z-index:1}
.chip-core.brain-core:after{content:"";position:absolute;left:50%;top:50%;width:46px;height:46px;transform:translate(-50%,-50%);border-radius:16px;background:radial-gradient(circle,rgba(36,230,255,.10),transparent 72%);filter:blur(1px);z-index:1;animation:chipHeart 2.6s ease-in-out infinite}
@keyframes chipHeart{0%,100%{opacity:.45;transform:translate(-50%,-50%) scale(.94)}50%{opacity:.95;transform:translate(-50%,-50%) scale(1.08)}}
.chip-frame{box-shadow:inset 0 1px rgba(255,255,255,.06), inset 0 -10px 20px rgba(0,0,0,.08)}
.chip-traces i{animation:traceBlink 2.8s ease-in-out infinite}
.chip-traces i:nth-child(2){animation-delay:.4s}.chip-traces i:nth-child(3){animation-delay:.8s}.chip-traces i:nth-child(4){animation-delay:1.2s}
@keyframes traceBlink{0%,100%{opacity:.35}50%{opacity:.9;box-shadow:0 0 10px rgba(36,230,255,.12)}}
.chip-pin{animation:pinPulse 2.3s ease-in-out infinite}
.chip-pin:nth-child(even){animation-delay:.3s}
@keyframes pinPulse{0%,100%{opacity:.65}50%{opacity:1;box-shadow:0 0 12px rgba(36,230,255,.24)}}
.chip-core-badge{animation:badgeFloat 4.2s ease-in-out infinite}
@keyframes badgeFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
.core-stage{min-height:810px!important;padding-top:98px!important;padding-bottom:40px!important}
.takeover-note{max-width:500px!important;font-size:11.5px!important;line-height:1.32!important;padding:10px 14px!important}
.brain-status{max-width:470px!important}
.pipeline{max-width:510px!important;padding-bottom:28px!important}
.step{min-height:78px}
.step small{max-width:24ch}
@media(max-width:1120px){
  .core-stage{min-height:840px!important}
  .step{min-height:74px}
}
@media(max-width:720px){
  .core-stage,.mobile-preview .core-stage{min-height:950px!important;padding-top:82px!important;padding-bottom:36px!important}
  .quantum-core{width:172px!important;height:172px!important}
  .takeover-note{max-width:calc(100% - 20px)!important;font-size:10px!important;line-height:1.28!important;padding:9px 11px!important}
  .brain-status{padding:8px 11px!important;font-size:9.8px!important}
  .pipeline{padding-bottom:34px!important}
  .step{min-height:68px;padding:10px 12px!important}
  .step small{max-width:22ch}
}


/* ==== V35 hero balance + CTA sync ==== */
.cinema{grid-template-columns:minmax(380px,1fr) 330px minmax(480px,1.08fr)!important;align-items:stretch!important}
.pain-stage,.solution-stage,.core-stage{height:720px!important}
.pain-stage,.solution-stage{display:grid;grid-template-rows:62px minmax(0,1fr)!important}
.pain-stage{grid-template-rows:62px minmax(0,1fr) auto!important}
.chaos-world{height:auto!important;min-height:0!important;padding:0 14px 8px;overflow:hidden}
.lost-card{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;margin:0 18px 18px!important;z-index:4;background:linear-gradient(135deg,rgba(255,77,184,.14),rgba(255,159,28,.08))!important;box-shadow:0 18px 38px rgba(255,77,184,.10)}
.core-stage{min-height:720px!important;justify-content:flex-start!important;padding-top:88px!important;padding-bottom:28px!important}
.solution-stage{min-width:0;min-height:720px!important}
.workbench{height:100%!important;min-height:658px!important;grid-template-columns:minmax(286px,.88fr) minmax(328px,1fr)!important;align-content:stretch!important}
.phone-wrap{display:flex;flex-direction:column}
.phone{height:560px!important}
.chat{height:442px!important}
.crm{display:flex;flex-direction:column;min-height:100%;height:100%}
.close-deal-panel{margin-top:auto!important}
.booking-saved-toast{margin-top:12px!important}
.hero-cta-row{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin:20px auto 0;max-width:1080px}
.hero-cta-row .btn,.cta-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 22px;border-radius:999px;font-size:14px;font-weight:1000;text-decoration:none;line-height:1;border:1px solid rgba(255,255,255,.12);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease;color:#fff}
.hero-cta-row .btn:hover,.cta-actions .btn:hover{transform:translateY(-2px)}
.hero-cta-row .btn-primary,.cta-actions .btn-primary{background:linear-gradient(135deg,rgba(36,230,255,.92),rgba(112,255,208,.85));color:#07111d;border-color:rgba(170,255,237,.45);box-shadow:0 12px 28px rgba(36,230,255,.16), inset 0 1px rgba(255,255,255,.38)}
.hero-cta-row .btn-primary:before,.cta-actions .btn-primary:before{content:"▶";font-size:11px;opacity:.86}
.hero-cta-row .btn-ghost,.cta-actions .btn-ghost{background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(36,230,255,.04));color:#e8f6ff;border-color:rgba(36,230,255,.24);box-shadow:inset 0 1px rgba(255,255,255,.06)}
.hero-cta-row .btn-ghost:before,.cta-actions .btn-ghost:before{content:"◎";font-size:11px;color:#72ffd0}
.hero-cta-row span{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 18px;border-radius:999px;color:#d6f7ff;font-size:12px;font-weight:900;border:1px solid rgba(36,230,255,.20);background:linear-gradient(135deg,rgba(36,230,255,.08),rgba(255,255,255,.04));box-shadow:inset 0 1px rgba(255,255,255,.05)}
.hero-cta-row span:before{content:"AI360";display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 9px;margin-right:10px;border-radius:999px;background:linear-gradient(135deg,rgba(36,230,255,.92),rgba(112,255,208,.80));color:#051018;font-size:10px;font-weight:1000;letter-spacing:.08em}
.takeover-note{max-width:430px!important;font-size:11px!important;line-height:1.28!important;padding:10px 14px!important;border-radius:18px!important;background:linear-gradient(135deg,rgba(36,230,255,.12),rgba(112,255,208,.08))!important;border-color:rgba(36,230,255,.22)!important}
.brain-status{max-width:420px!important;background:linear-gradient(135deg,rgba(36,230,255,.08),rgba(255,255,255,.04))!important;border-color:rgba(36,230,255,.18)!important}
.pipeline{width:90%!important;max-width:480px!important;margin-top:2px!important;padding-bottom:8px!important}
.step{min-height:74px!important;background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.03))!important}
.step span{font-size:15px!important}
.step small{font-size:11px!important;line-height:1.3!important;color:#a9c8dc!important}
@media(max-width:1280px){
  .cinema{grid-template-columns:minmax(330px,1fr) 300px minmax(420px,1.04fr)!important}
  .pain-stage,.solution-stage,.core-stage{height:700px!important}
  .phone{height:540px!important}.chat{height:422px!important}
}
@media(max-width:1120px){
  .cinema{grid-template-columns:1fr!important}
  .pain-stage,.solution-stage,.core-stage{height:auto!important;min-height:640px!important}
  .core-stage{padding-top:78px!important}
  .workbench{grid-template-columns:1fr!important;min-height:0!important}
  .phone{height:520px!important}.chat{height:404px!important}
}
@media(max-width:720px){
  .hero-cta-row{justify-content:flex-start!important}
  .hero-cta-row .btn,.hero-cta-row span{width:100%!important}
  .pain-stage,.solution-stage,.core-stage{min-height:580px!important}
  .lost-card{margin:0 12px 12px!important}
  .phone{height:510px!important}.chat{height:394px!important}
  .pipeline{width:calc(100% - 24px)!important}
}


/* ==== V36 right-panel fit + widget icon ==== */
.solution-stage,.workbench,.phone-wrap,.crm,.crm-grid,.action-card,.booking-saved-toast,.deal-signal-strip,.close-deal-panel,.close-timeline article{box-sizing:border-box}
.cinema{grid-template-columns:minmax(360px,1fr) 312px minmax(0,1.02fr)!important;gap:14px!important}
.solution-stage{overflow:hidden!important}
.workbench{grid-template-columns:minmax(228px,.68fr) minmax(0,1fr)!important;gap:12px!important;padding:14px!important}
.phone-wrap{min-width:0!important;max-width:252px!important}
.channel-switch{gap:5px!important}
.channel-switch button{font-size:10px!important;padding:7px 6px!important}
.channel-switch img{width:16px!important;height:16px!important}
.phone{height:548px!important;border-width:9px!important;border-radius:30px!important}
.chat{height:430px!important;padding:12px!important}
.crm{padding:14px!important;border-radius:24px!important;min-width:0!important}
.crm-head{margin-bottom:12px!important}.crm-head b{font-size:15px!important}
.lead-row{padding:10px!important;border-radius:18px!important;gap:10px!important}
.avatar{width:42px!important;height:42px!important;border-radius:14px!important}
.lead-row strong{font-size:13px!important;line-height:1.15!important;display:block}
.lead-row p{font-size:11px!important;line-height:1.25!important}
.score-box{margin:10px auto 12px!important;width:136px!important;height:136px!important}
.score-box svg{width:136px!important;height:136px!important}
.score-box b{font-size:32px!important}
.crm-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}
.crm-grid div{padding:9px!important;border-radius:14px!important;min-width:0!important}
.crm-grid b{font-size:12px!important;line-height:1.2!important;word-break:break-word}
.action-card{margin-top:10px!important;padding:10px!important;border-radius:16px!important}
.action-card p{font-size:11px!important;line-height:1.35!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
.booking-saved-toast{margin-top:10px!important;padding:10px!important;border-radius:16px!important;gap:8px!important;align-items:flex-start!important;flex-direction:column!important}
.booking-saved-toast b{font-size:12px!important}.booking-saved-toast span{font-size:10px!important}
.booking-saved-toast .toast-metrics{width:100%!important;gap:6px!important}
.booking-saved-toast .toast-metrics small{height:24px!important;padding:0 8px!important;font-size:9px!important}
.deal-signal-strip{grid-template-columns:repeat(3,1fr)!important;gap:6px!important;margin-top:8px!important}
.signal-card{padding:8px!important;border-radius:12px!important}
.signal-card small{font-size:8px!important}.signal-card b{font-size:10px!important;line-height:1.15!important}
.close-deal-panel{margin-top:8px!important;padding:9px!important;border-radius:16px!important}
.close-status{font-size:10px!important;margin-bottom:7px!important}
.close-deal-meter{font-size:10px!important;gap:8px!important;margin-bottom:6px!important}
.close-deal-meter b{font-size:14px!important}
.close-timeline{grid-template-columns:repeat(2,1fr)!important;gap:6px!important}
.close-timeline article{padding:7px!important;border-radius:12px!important}
.close-timeline span{font-size:9.5px!important;line-height:1.15!important}.close-timeline small{display:none!important}
#leadNeed{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
@media(max-width:1450px){
  .cinema{grid-template-columns:minmax(330px,1fr) 292px minmax(0,1fr)!important}
  .workbench{grid-template-columns:minmax(214px,.64fr) minmax(0,1fr)!important}
  .phone-wrap{max-width:236px!important}
  .phone{height:532px!important}.chat{height:416px!important}
}
@media(max-width:1120px){
  .cinema{grid-template-columns:1fr!important}
  .solution-stage,.pain-stage,.core-stage{height:auto!important;min-height:640px!important}
  .workbench{grid-template-columns:1fr!important;padding:14px!important}
  .phone-wrap{max-width:none!important}
  .phone{height:520px!important}.chat{height:404px!important}
  .crm{margin-top:6px!important}
}
@media(max-width:720px){
  .workbench{padding:12px!important;gap:10px!important}
  .crm-grid{grid-template-columns:1fr 1fr!important}
  .deal-signal-strip,.close-timeline{grid-template-columns:1fr 1fr!important}
  .signal-card b{font-size:10px!important}
}


/* ==== V37 hero rebalance + no clip ==== */
.cinema{grid-template-columns:minmax(300px,.86fr) 300px minmax(0,1.16fr)!important;gap:16px!important;align-items:stretch!important}
.pain-stage,.core-stage,.solution-stage{height:758px!important;min-height:758px!important}
.pain-stage{display:grid!important;grid-template-rows:62px minmax(0,1fr) auto!important}
.core-stage{padding:72px 14px 40px!important;gap:14px!important;justify-content:flex-start!important;overflow:hidden!important}
.core-stage .takeover-note{max-width:390px!important;font-size:10.6px!important;line-height:1.26!important;padding:9px 12px!important}
.core-stage .brain-status{max-width:392px!important;padding:8px 12px!important;font-size:10px!important;line-height:1.28!important}
.pipeline{width:100%!important;max-width:438px!important;gap:8px!important;padding:0 2px 26px!important;margin-top:0!important}
.pipeline-line{left:20px!important;top:6px!important;bottom:26px!important}
.step{min-height:60px!important;grid-template-columns:28px 1fr 10px!important;gap:8px!important;padding:9px 10px 9px 10px!important;border-radius:15px!important}
.step b{width:28px!important;height:28px!important;border-radius:9px!important;font-size:10px!important}
.step span{font-size:11.8px!important;line-height:1.1!important}
.step small{font-size:9.3px!important;line-height:1.24!important;max-width:24ch!important;margin-top:2px!important}
.step-pulse{width:9px!important;height:9px!important}
.pain-stage{overflow:hidden!important}
.chaos-world{padding:0 10px 6px!important;height:auto!important;min-height:0!important}
.agent{transform:translateX(-50%) scale(.88)!important;transform-origin:center bottom!important;bottom:48px!important}
.incoming{width:202px!important;min-height:44px!important;padding:8px 9px!important;border-radius:16px!important}
.incoming img{width:21px!important;height:21px!important}.incoming span{font-size:11px!important}.incoming b{font-size:9px!important}
.lost-card{margin:0 16px 16px!important;padding:12px!important;border-radius:20px!important}
.lost-card strong{font-size:21px!important;margin:4px 0 8px!important}.danger-bar{height:9px!important}
.solution-stage{overflow:hidden!important}
.workbench{height:100%!important;min-height:0!important;grid-template-columns:minmax(248px,.76fr) minmax(0,1fr)!important;gap:10px!important;padding:12px!important;align-content:start!important}
.phone-wrap{max-width:264px!important;min-width:0!important}
.channel-switch{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;margin-bottom:8px!important}
.channel-switch button{min-width:0!important;padding:7px 6px!important;font-size:10px!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.channel-switch img{width:16px!important;height:16px!important;border-radius:4px!important;flex:0 0 auto!important}
.phone{height:504px!important;border-width:8px!important;border-radius:28px!important}
.phone-head{height:48px!important;padding:0 12px!important}.phone-head b{font-size:13px!important}.phone-head span{font-size:10px!important;padding:4px 7px!important}
.chat{height:390px!important;padding:11px!important;gap:8px!important}
.bubble{font-size:12px!important;line-height:1.28!important;padding:9px 11px!important}
.typing{height:40px!important;font-size:11px!important;padding:0 12px!important}
.crm{padding:12px!important;border-radius:24px!important;display:flex!important;flex-direction:column!important;min-width:0!important;height:100%!important}
.crm-head{margin-bottom:10px!important}.crm-head b{font-size:15px!important}.crm-head span{font-size:10px!important;padding:6px 9px!important}
.lead-row{padding:9px!important;gap:9px!important;border-radius:16px!important}.avatar{width:40px!important;height:40px!important;border-radius:12px!important}
.lead-row strong{font-size:12px!important;line-height:1.1!important}.lead-row p{font-size:10.5px!important;line-height:1.22!important}
.crm-grid{grid-template-columns:1fr 1fr!important;gap:7px!important}.crm-grid div{padding:8px!important;border-radius:13px!important}
.crm-grid small{font-size:8.5px!important}.crm-grid b{font-size:11px!important;line-height:1.18!important}
.action-card{margin-top:8px!important;padding:9px!important;border-radius:14px!important}.action-card p{font-size:10.5px!important;line-height:1.28!important;-webkit-line-clamp:3!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
.booking-saved-toast{margin-top:8px!important;padding:9px!important;border-radius:14px!important;gap:7px!important}.booking-saved-toast b{font-size:11.5px!important}.booking-saved-toast span{font-size:9.8px!important}
.booking-saved-toast .toast-metrics{gap:5px!important}.booking-saved-toast .toast-metrics small{height:22px!important;padding:0 7px!important;font-size:8.4px!important}
.deal-signal-strip{grid-template-columns:repeat(3,1fr)!important;gap:6px!important;margin-top:8px!important}.signal-card{padding:7px!important;border-radius:11px!important}.signal-card small{font-size:7.8px!important}.signal-card b{font-size:9.4px!important;line-height:1.14!important}
.close-deal-panel{margin-top:8px!important;padding:8px!important;border-radius:14px!important}.close-status{font-size:9.5px!important;margin-bottom:6px!important}.close-status i{width:8px!important;height:8px!important}
.close-deal-meter{font-size:9.5px!important;gap:7px!important;margin-bottom:6px!important}.close-deal-meter b{font-size:13px!important}.close-deal-bar{height:6px!important;margin-bottom:7px!important}
.close-timeline{grid-template-columns:1fr 1fr!important;gap:5px!important}.close-timeline article{padding:6px!important;border-radius:11px!important}.close-timeline b{width:20px!important;height:20px!important;font-size:9px!important}.close-timeline span{font-size:8.7px!important;line-height:1.12!important;margin-top:4px!important}.close-timeline small{display:none!important}
@media(max-width:1450px){
  .cinema{grid-template-columns:minmax(280px,.82fr) 286px minmax(0,1.14fr)!important}
  .workbench{grid-template-columns:minmax(228px,.72fr) minmax(0,1fr)!important}
  .phone-wrap{max-width:250px!important}
  .phone{height:492px!important}.chat{height:378px!important}
}
@media(max-width:1280px){
  .cinema{grid-template-columns:minmax(260px,.78fr) 274px minmax(0,1.16fr)!important}
  .pain-stage,.core-stage,.solution-stage{height:736px!important;min-height:736px!important}
  .workbench{grid-template-columns:minmax(214px,.68fr) minmax(0,1fr)!important}
  .phone-wrap{max-width:236px!important}
  .channel-switch button{font-size:9.6px!important}
  .phone{height:482px!important}.chat{height:370px!important}
}
@media(max-width:1120px){
  .cinema{grid-template-columns:1fr!important}
  .pain-stage,.core-stage,.solution-stage{height:auto!important;min-height:640px!important}
  .workbench{grid-template-columns:1fr!important;padding:14px!important}
  .phone-wrap{max-width:none!important}
  .channel-switch{grid-template-columns:1fr 1fr!important}
  .phone{height:520px!important}.chat{height:404px!important}
  .core-stage{padding-bottom:36px!important}
  .pipeline{max-width:520px!important}
}
@media(max-width:720px){
  .pain-stage,.core-stage,.solution-stage{min-height:620px!important}
  .core-stage{padding:74px 12px 34px!important}
  .pipeline{max-width:none!important;padding-bottom:22px!important}
  .step{min-height:56px!important}
  .workbench{padding:12px!important;gap:10px!important}
  .channel-switch{grid-template-columns:1fr 1fr!important}
}


/* ==== V38 AI360 logo-tone theme ==== */
:root{
  --bg:#050816!important;
  --panel:rgba(10,24,54,.72)!important;
  --panel2:rgba(20,44,95,.82)!important;
  --line:rgba(122,176,255,.18)!important;
  --cyan:#0091FF!important;
  --pink:#6366F1!important;
  --violet:#6366F1!important;
  --green:#4CA633!important;
  --amber:#CE413A!important;
  --text:#F5F8FF!important;
  --muted:#A9B8D8!important;
}
html,body{
  background:
    radial-gradient(circle at 12% 0%, rgba(99,102,241,.28), transparent 26%),
    radial-gradient(circle at 88% 10%, rgba(0,145,255,.24), transparent 24%),
    radial-gradient(circle at 78% 78%, rgba(76,166,51,.10), transparent 18%),
    linear-gradient(180deg,#040714,#071020 56%,#050916)!important;
}
.grid{background-image:linear-gradient(rgba(140,188,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(140,188,255,.05) 1px,transparent 1px)!important}
.scanline{background:linear-gradient(to bottom,transparent,rgba(0,145,255,.085),transparent)!important}
.orb-1{background:#6366F1!important;opacity:.34!important}
.orb-2{background:#0091FF!important;opacity:.36!important}
.orb-3{background:#4CA633!important;opacity:.16!important}
.topbar{background:rgba(5,10,24,.76)!important;border-bottom:1px solid rgba(122,176,255,.18)!important;box-shadow:0 12px 28px rgba(0,0,0,.22)}
.brand img{filter:drop-shadow(0 0 16px rgba(0,145,255,.28))}
.tabs button,.controls button{background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(0,145,255,.05))!important;border-color:rgba(122,176,255,.16)!important}
.tabs button.active,.controls button.active{background:linear-gradient(135deg,rgba(0,145,255,.18),rgba(99,102,241,.20))!important;border-color:rgba(0,145,255,.42)!important;box-shadow:0 0 24px rgba(0,145,255,.18)!important}
.live-chip{border-color:rgba(0,145,255,.34)!important;background:rgba(0,145,255,.08)!important;color:#d8efff!important;box-shadow:0 0 0 1px rgba(0,145,255,.08),0 12px 28px rgba(0,145,255,.08)}
.live-chip i{background:var(--green)!important;box-shadow:0 0 18px rgba(76,166,51,.75)!important}
h1{background:linear-gradient(92deg,#fff,#cfe4ff,#9ed8ff,#b9b6ff)!important;-webkit-background-clip:text!important;color:transparent!important}
.story-head p{color:#bfd0ea!important}
.progress{background:rgba(255,255,255,.08)!important}.progress span{background:linear-gradient(90deg,var(--cyan),var(--pink),var(--green))!important;box-shadow:0 0 24px rgba(0,145,255,.32)!important}
.pain-stage,.solution-stage,.core-stage,.dashboard{background:linear-gradient(145deg,rgba(13,25,55,.78),rgba(10,18,38,.68))!important;border-color:rgba(120,178,255,.18)!important;box-shadow:0 26px 80px rgba(0,0,0,.34), inset 0 1px rgba(214,233,255,.10)!important}
.stage-title,.dash-title{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02))!important;border-bottom-color:rgba(120,178,255,.16)!important}
.stage-title>span,.dash-title>span{background:linear-gradient(135deg,var(--cyan),var(--pink))!important;color:#fff!important;box-shadow:0 10px 22px rgba(0,145,255,.18)}
.stage-title small,.dash-title small{color:#9bb7db!important}
.incoming{background:linear-gradient(135deg,rgba(18,34,70,.82),rgba(21,38,78,.66))!important;border-color:rgba(137,180,255,.22)!important;box-shadow:0 18px 40px rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,.06)!important}
.incoming b{color:#b4beff!important}
.agent .desk:after{color:#ffd7c5!important}
.lost-card{border-color:rgba(206,65,58,.42)!important;background:linear-gradient(135deg,rgba(206,65,58,.16),rgba(99,102,241,.08))!important;box-shadow:0 12px 28px rgba(206,65,58,.10)!important}
.lost-card small{color:#ffd7d2!important}.danger-bar i{background:linear-gradient(90deg,#CE413A,#ff9157,#4CA633)!important}
.core-stage{background:radial-gradient(circle at 50% 20%,rgba(0,145,255,.16),transparent 24%),radial-gradient(circle at 50% 76%,rgba(99,102,241,.12),transparent 28%),rgba(10,18,38,.66)!important}
.ring{border-color:rgba(0,145,255,.34)!important;box-shadow:0 0 38px rgba(0,145,255,.14)!important}.ring2{border-color:rgba(99,102,241,.4)!important}.ring3{border-color:rgba(76,166,51,.26)!important}
.core-logo,.brain-core,.chip-core,.chip-shell{box-shadow:0 0 52px rgba(0,145,255,.18)!important}
.orbit{background:rgba(8,14,30,.78)!important;border-color:rgba(120,178,255,.18)!important;color:#e8f3ff!important}
.signal-line{background:linear-gradient(90deg,transparent,var(--cyan),transparent)!important}
.takeover-note{background:linear-gradient(135deg,rgba(0,145,255,.12),rgba(99,102,241,.10))!important;border-color:rgba(122,176,255,.22)!important;color:#eaf4ff!important}
.brain-status{background:linear-gradient(135deg,rgba(76,166,51,.12),rgba(0,145,255,.07))!important;border-color:rgba(122,176,255,.18)!important;color:#ebf6ff!important}
.step{background:linear-gradient(145deg,rgba(15,28,58,.62),rgba(255,255,255,.03))!important;border-color:rgba(122,176,255,.12)!important}
.step:before{background:linear-gradient(180deg,var(--cyan),rgba(99,102,241,.16))!important}
.step.active{background:linear-gradient(90deg,rgba(0,145,255,.13),rgba(99,102,241,.10))!important;border-color:rgba(0,145,255,.40)!important;box-shadow:0 0 24px rgba(0,145,255,.10)!important}
.step.done .step-pulse{background:var(--green)!important}
.channel-switch button{background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(0,145,255,.05))!important;border-color:rgba(120,178,255,.14)!important}
.channel-switch button.active{border-color:rgba(0,145,255,.42)!important;box-shadow:0 0 18px rgba(0,145,255,.14)!important;background:linear-gradient(135deg,rgba(0,145,255,.12),rgba(99,102,241,.10))!important}
.phone{background:#F0F6FF!important;box-shadow:0 28px 60px rgba(0,0,0,.42)!important}
.phone-head{background:linear-gradient(135deg,#0091FF,#3A7BFF 46%,#6366F1 100%)!important}
.bubble.user{background:#d8ecff!important;color:#20314e!important}
.bubble.bot{background:#ffffff!important;color:#1b2a43!important}
.bubble.bot:before{color:#0091FF!important}
.typing{background:#fff!important;color:#6b7ba0!important}
.crm{background:linear-gradient(145deg,rgba(11,24,50,.72),rgba(8,18,37,.66))!important;border-color:rgba(120,178,255,.16)!important}
.crm:before{background:radial-gradient(circle at 80% 0,rgba(0,145,255,.16),transparent 38%)!important}
.crm-head span{background:linear-gradient(90deg,var(--green),#8bdd74)!important;color:#07111d!important}
.lead-row,.crm-grid div,.action-card,.booking-saved-toast,.signal-card,.close-deal-panel,.close-timeline article,.flow-card,.kpis div{background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(0,145,255,.04))!important;border-color:rgba(120,178,255,.14)!important;box-shadow:inset 0 1px rgba(255,255,255,.04)!important}
.action-card{border-color:rgba(206,65,58,.18)!important;background:linear-gradient(145deg,rgba(206,65,58,.10),rgba(99,102,241,.06))!important}
.booking-saved-toast{border-color:rgba(76,166,51,.20)!important;background:linear-gradient(145deg,rgba(76,166,51,.09),rgba(0,145,255,.05))!important}
.signal-card b,.close-status,.lead-row strong,.crm-head b,.dash-title b{color:#f4f8ff!important}
.close-deal-bar i,.flow-chip i,.progress-ring,.score-box .meter{background:linear-gradient(90deg,var(--cyan),var(--pink),var(--green))!important}
.hero-cta-row .btn-primary,.cta-actions .btn-primary{background:linear-gradient(135deg,#0091FF,#3E7CFF 55%,#6366F1)!important;color:#fff!important;border-color:rgba(129,171,255,.42)!important;box-shadow:0 12px 28px rgba(0,145,255,.18)!important}
.hero-cta-row .btn-primary:before,.cta-actions .btn-primary:before{color:#fff!important}
.hero-cta-row .btn-ghost,.cta-actions .btn-ghost{background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(0,145,255,.04))!important;border-color:rgba(122,176,255,.18)!important;color:#eaf4ff!important}
.hero-cta-row .btn-ghost:before,.cta-actions .btn-ghost:before{color:#8ddf7b!important}
.hero-cta-row span{background:linear-gradient(135deg,rgba(0,145,255,.10),rgba(99,102,241,.08))!important;border-color:rgba(122,176,255,.18)!important;color:#e8f4ff!important}
.hero-cta-row span:before{background:linear-gradient(135deg,#0091FF,#6366F1)!important;color:#fff!important}
.kpis div b{background:linear-gradient(135deg,#fff,#b9d5ff,#c7c8ff)!important;-webkit-background-clip:text!important;color:transparent!important}
.flow-card.active{background:linear-gradient(135deg,rgba(0,145,255,.14),rgba(99,102,241,.12))!important;border-color:rgba(0,145,255,.36)!important;box-shadow:0 0 26px rgba(0,145,255,.12)!important}
.footer-cta,.cta-band,.cta-card{background:linear-gradient(145deg,rgba(8,18,38,.82),rgba(12,24,48,.70))!important;border-color:rgba(122,176,255,.14)!important}


/* ==== V41 based on V38: sync all below-hero sections with AI360 logo tone ==== */
.section-wrap:not(.dashboard):not(.cinema){position:relative;isolation:isolate}
.section-block.cinematic-block,
.hero-sync-panel,
.direct-booking-cta,
.contact-card,
.demo-lab,
.calc-board,
.compare-card{
  background:
    radial-gradient(circle at 10% 0%,rgba(0,145,255,.11),transparent 30%),
    radial-gradient(circle at 100% 100%,rgba(99,102,241,.10),transparent 28%),
    linear-gradient(145deg,rgba(8,18,42,.88),rgba(6,12,28,.78))!important;
  border:1px solid rgba(108,166,255,.18)!important;
  box-shadow:0 26px 90px rgba(0,0,0,.24),inset 0 1px rgba(200,226,255,.06)!important;
  overflow:hidden!important;
}
.section-block.cinematic-block:before,
.hero-sync-panel:before,
.direct-booking-cta:before,
.contact-card:before,
.demo-lab:before,
.calc-board:before,
.compare-card:before{
  content:""!important;position:absolute!important;left:0!important;right:0!important;top:0!important;height:2px!important;
  background:linear-gradient(90deg,transparent,#0091FF,#6366F1,#4CA633,transparent)!important;
  opacity:.9!important;z-index:2!important;
}
.section-block.cinematic-block:after,
.hero-sync-panel:after,
.direct-booking-cta:after{
  content:""!important;position:absolute!important;inset:0!important;pointer-events:none!important;
  background:
    linear-gradient(rgba(122,176,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(122,176,255,.035) 1px,transparent 1px),
    radial-gradient(circle at 80% 10%,rgba(0,145,255,.08),transparent 26%)!important;
  background-size:38px 38px,38px 38px,auto!important;
  opacity:.72!important;z-index:0!important;
}
.section-block.cinematic-block>* , .hero-sync-panel>* , .direct-booking-cta>* , .contact-card>* , .demo-lab>* , .calc-board>* , .compare-card>*{position:relative;z-index:3}
.section-head .tag,
.section-block.cinematic-block:before,
.cinematic-block:before,
.proof-console small,
.pricing-support small,
.testimonial-card small{
  color:#E8F4FF!important;
}
.section-head .tag,
.tag{
  border-color:rgba(0,145,255,.32)!important;
  background:linear-gradient(135deg,rgba(0,145,255,.14),rgba(99,102,241,.12))!important;
  box-shadow:0 0 24px rgba(0,145,255,.10)!important;
  color:#e9f7ff!important;
}
.section-signal{color:#9eb8de!important}.section-signal i{background:linear-gradient(90deg,rgba(0,145,255,.12),rgba(0,145,255,.70),rgba(76,166,51,.55),rgba(99,102,241,.12))!important}
.section-head h2,
.proof-card h3,
.proof-metric b,
.path-node b,
.pain-grid article b,
.feature-grid article h3,
.timeline article h3,
.pricing-grid article h3,
.pricing-support h3,
.testimonial-card h3,
.compare-col h3,
.crm-console h3,
.calc-output b,
.direct-booking-cta h2,
.contact-copy h2,
.faq-list summary{color:#f6f9ff!important}
.section-head p,
.path-node span,
.proof-card p,
.proof-quote,
.proof-strip span,
.pain-grid article p,
.feature-grid article p,
.timeline article p,
.pricing-grid article p,
.pricing-support p,
.testimonial-card p,
.compare-col li,
.calc-copy p,
.contact-copy p,
.faq-list p{color:#adc0e0!important}
.trust-strip.cinematic-strip div,
.revenue-path .path-node,
.proof-console article,
.proof-grid article,
.proof-strip div,
.testimonial-card,
.pain-grid article,
.loss-grid div,
.capture-grid div,
.feature-grid article,
.timeline article,
.pricing-grid article,
.pricing-support article,
.faq-list details,
.contact-journey article,
.contact-form-strip span{
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(0,145,255,.035))!important;
  border:1px solid rgba(122,176,255,.16)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.045),0 16px 38px rgba(0,0,0,.13)!important;
  backdrop-filter:blur(12px)!important;
}
.trust-strip.cinematic-strip div:before,
.revenue-path .path-node:before,
.proof-console article:before,
.testimonial-card:before,
.pricing-support article:before{
  background:linear-gradient(90deg,#0091FF,#6366F1,#4CA633)!important;
}
.trust-strip.cinematic-strip div:hover,
.revenue-path .path-node:hover,
.proof-console article:hover,
.proof-grid article:hover,
.proof-strip div:hover,
.pain-grid article:hover,
.feature-grid article:hover,
.timeline article:hover,
.pricing-grid article:hover,
.faq-list details:hover{
  border-color:rgba(0,145,255,.34)!important;
  box-shadow:0 24px 70px rgba(0,145,255,.10),inset 0 1px rgba(255,255,255,.055)!important;
  transform:translateY(-4px);
}
.revenue-path.hero-sync-panel>i,
.flow-board i,
.flow-bar i,
.pulse-line i,
.deal-monitor-bar i,
.close-deal-bar i{
  background:linear-gradient(90deg,#0091FF,#6366F1,#4CA633)!important;
  box-shadow:0 0 22px rgba(0,145,255,.22)!important;
}
.revenue-path.hero-sync-panel>i:after{border-left-color:#4CA633!important}
.proof-metric.hot,
.pricing-grid article.featured,
.path-node.highlight,
.flow-card.highlight{
  border-color:rgba(76,166,51,.34)!important;
  background:linear-gradient(145deg,rgba(76,166,51,.10),rgba(0,145,255,.045))!important;
  box-shadow:0 0 42px rgba(76,166,51,.08),inset 0 1px rgba(255,255,255,.06)!important;
}
.pricing-grid article.featured em,
.direct-booking-cta .cta-copy small,
.contact-journey b,
.score-ring,
.flow-steps span.active,
.crm-head span{
  background:linear-gradient(135deg,#0091FF,#6366F1)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.24)!important;
}
.proof-metric.hot b,
.calc-output .total,
.calc-output b,
.loss-grid b,
.capture-grid b,
.kpis b{
  background:linear-gradient(90deg,#dceeff,#8ccfff,#b9b9ff)!important;
  -webkit-background-clip:text!important;color:transparent!important;
}
.demo-lab,.calc-board,.contact-card{gap:20px!important}
.demo-monitor-head,
.demo-channel-dock span,
.demo-insight-pulse,
.deal-monitor,
.phone-top,
.typing-bar,
.crm-console,
.next-action,
.calc-inputs,
.calc-output,
.contact-card .contact-copy,
.contact-card form{
  background:linear-gradient(145deg,rgba(9,22,48,.82),rgba(6,14,32,.70))!important;
  border:1px solid rgba(122,176,255,.16)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.045),0 14px 32px rgba(0,0,0,.12)!important;
}
.demo-channel-dock span.active,
.flow-steps span.active,
.channel-switch button.active,
.signal-card.active{
  background:linear-gradient(135deg,rgba(0,145,255,.18),rgba(99,102,241,.16))!important;
  border-color:rgba(0,145,255,.38)!important;
  box-shadow:0 0 24px rgba(0,145,255,.13)!important;
}
.phone-screen{background:linear-gradient(180deg,#eef7ff,#ffffff)!important}
.bubble.user{background:#d8edff!important}.bubble.bot{background:#ffffff!important}.bubble.bot:before{color:#0091FF!important}
.score-ring:before{background:#071326!important;border-color:rgba(122,176,255,.14)!important}
.flow-steps span,
.support-pills span,
.mini-usecases span,
.contact-points span{
  background:rgba(0,145,255,.07)!important;
  border-color:rgba(122,176,255,.18)!important;
  color:#e7f3ff!important;
}
.pricing-grid article a,
.direct-booking-cta .btn-primary,
.contact-form button,
.btn.btn-primary{
  background:linear-gradient(135deg,#0091FF,#347AFF 48%,#6366F1)!important;
  border:1px solid rgba(148,191,255,.35)!important;
  color:#fff!important;
  box-shadow:0 14px 34px rgba(0,145,255,.16)!important;
}
.btn.btn-ghost,
.cta-actions .btn-ghost{
  background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(0,145,255,.06))!important;
  border:1px solid rgba(122,176,255,.20)!important;
  color:#e8f4ff!important;
}
.faq-list details[open]{border-color:rgba(0,145,255,.34)!important;box-shadow:0 20px 60px rgba(0,145,255,.08)!important}
.contact-form input,.contact-form select,.contact-form textarea{
  background:rgba(5,12,28,.72)!important;border-color:rgba(122,176,255,.18)!important;color:#f5f9ff!important;
}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:rgba(0,145,255,.42)!important;box-shadow:0 0 0 3px rgba(0,145,255,.10)!important}
.form-note{color:#91abd0!important}
.footer{border-top-color:rgba(122,176,255,.15)!important;color:#9fb4d3!important}
@media(max-width:720px){
  .section-block.cinematic-block,.hero-sync-panel,.direct-booking-cta,.contact-card,.demo-lab,.calc-board,.compare-card{border-radius:26px!important}
  .section-block.cinematic-block{padding-top:66px!important}
}


/* ==== V42 wow header menu on V38 base ==== */
.landing-topbar{
  width:min(var(--max),96vw)!important;
  margin:14px auto 8px!important;
  top:10px!important;
  padding:10px 12px!important;
  justify-content:space-between!important;
  gap:12px!important;
  border:1px solid rgba(122,176,255,.20)!important;
  border-radius:26px!important;
  background:linear-gradient(135deg,rgba(7,18,38,.82),rgba(11,27,56,.72))!important;
  box-shadow:0 16px 48px rgba(4,12,28,.28), inset 0 1px rgba(255,255,255,.10)!important;
  backdrop-filter:blur(20px)!important;
}
.landing-topbar:before{
  content:"";position:absolute;inset:0;border-radius:26px;padding:1px;
  background:linear-gradient(135deg,rgba(0,145,255,.30),rgba(99,102,241,.22),rgba(76,166,51,.18));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;opacity:.9;pointer-events:none;
}
.brand{gap:12px!important;min-width:auto!important;position:relative;z-index:1}
.brand img{width:36px!important;flex:0 0 auto}
.brand b{font-size:16px!important;color:#f5f8ff!important;line-height:1}
.brand span{font-size:11px!important;color:#9fc1eb!important;letter-spacing:.08em;text-transform:uppercase}
.brand-badge{display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0 10px;border-radius:999px;font-style:normal;font-size:10px;font-weight:1000;letter-spacing:.10em;text-transform:uppercase;color:#eaf4ff;background:linear-gradient(135deg,rgba(0,145,255,.16),rgba(99,102,241,.14));border:1px solid rgba(122,176,255,.18);box-shadow:0 8px 20px rgba(0,145,255,.10)}
.landing-nav{position:relative;z-index:1;flex:1;display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;padding:6px;background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(0,145,255,.03));border:1px solid rgba(122,176,255,.14);border-radius:20px;box-shadow:inset 0 1px rgba(255,255,255,.05)}
.landing-nav a{position:relative;display:flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:14px;border:1px solid transparent;color:#d9ecff!important;font-size:13px;font-weight:1000;white-space:nowrap;transition:transform .22s ease, background .22s ease, border-color .22s ease, box-shadow .22s ease, color .22s ease}
.landing-nav a i{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:linear-gradient(135deg,rgba(0,145,255,.16),rgba(99,102,241,.18));border:1px solid rgba(122,176,255,.16);font-style:normal;font-size:10px;font-weight:1000;color:#f4f7ff;box-shadow:inset 0 1px rgba(255,255,255,.08)}
.landing-nav a span{display:block;line-height:1}
.landing-nav a:hover{transform:translateY(-1px);background:linear-gradient(135deg,rgba(0,145,255,.10),rgba(99,102,241,.08));border-color:rgba(0,145,255,.18);color:#fff!important}
.landing-nav a.active{background:linear-gradient(135deg,rgba(0,145,255,.18),rgba(99,102,241,.16))!important;border-color:rgba(0,145,255,.34)!important;box-shadow:0 10px 24px rgba(0,145,255,.12), inset 0 1px rgba(255,255,255,.08)!important;color:#fff!important}
.landing-nav a.active i{background:linear-gradient(135deg,#0091FF,#6366F1)!important;border-color:rgba(163,196,255,.30)!important;box-shadow:0 0 18px rgba(0,145,255,.18)!important}
.topbar-actions{position:relative;z-index:1;display:flex;align-items:center;gap:10px;flex:0 0 auto}
.topbar-signal{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 14px;border-radius:16px;border:1px solid rgba(122,176,255,.18);background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(0,145,255,.04));box-shadow:inset 0 1px rgba(255,255,255,.05);color:#deefff;font-size:12px;font-weight:900;white-space:nowrap}
.topbar-signal i{width:10px;height:10px;border-radius:50%;background:linear-gradient(180deg,#4CA633,#8edc6b);box-shadow:0 0 0 6px rgba(76,166,51,.12),0 0 16px rgba(76,166,51,.36);animation:pulseDot 1.25s infinite}
.topbar-cta{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:46px;padding:8px 16px 9px!important;border-radius:16px!important;border:1px solid rgba(122,176,255,.24)!important;background:linear-gradient(135deg,#0091FF,#3E7CFF 55%,#6366F1)!important;box-shadow:0 14px 28px rgba(0,145,255,.16), inset 0 1px rgba(255,255,255,.18)!important;color:#fff!important;white-space:nowrap;line-height:1.05}
.topbar-cta small{font-size:9px;letter-spacing:.16em;text-transform:uppercase;opacity:.82;font-weight:1000}
.topbar-cta b{font-size:13px;font-weight:1000}
.topbar-cta:hover{transform:translateY(-1px);box-shadow:0 18px 34px rgba(0,145,255,.22), inset 0 1px rgba(255,255,255,.22)!important}
.record-mode .landing-topbar{transform:translateY(-140%);opacity:0;pointer-events:none}
@media(max-width:1280px){
  .landing-topbar{gap:10px!important;padding:10px!important}
  .landing-nav a{padding:0 10px!important}
  .landing-nav a span{font-size:12px!important}
  .topbar-signal{display:none!important}
}
@media(max-width:1120px){
  .landing-topbar{padding:12px 14px!important}
  .brand-badge{display:none!important}
  .landing-nav{display:none!important}
  .topbar-actions{margin-left:auto!important}
}
@media(max-width:720px){
  .landing-topbar{top:8px!important;padding:10px 12px!important;border-radius:22px!important}
  .brand img{width:32px!important}
  .brand b{font-size:15px!important}
  .brand span{font-size:10px!important}
  .topbar-cta{display:none!important}
}


/* ==== V43 header menu redesign: cleaner, premium, AI360 logo tone ==== */
.nav-v43.landing-topbar{
  width:min(1420px,calc(100vw - 32px))!important;
  height:72px!important;
  min-height:72px!important;
  margin:14px auto 10px!important;
  top:12px!important;
  padding:10px 12px!important;
  display:grid!important;
  grid-template-columns:auto minmax(460px,1fr) auto!important;
  align-items:center!important;
  gap:14px!important;
  border-radius:28px!important;
  border:1px solid rgba(122,176,255,.22)!important;
  background:
    linear-gradient(135deg,rgba(5,12,27,.86),rgba(8,20,44,.78)),
    radial-gradient(circle at 16% 0,rgba(0,145,255,.16),transparent 34%),
    radial-gradient(circle at 84% 100%,rgba(99,102,241,.14),transparent 30%)!important;
  box-shadow:0 18px 54px rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,.10)!important;
  backdrop-filter:blur(22px)!important;
  overflow:visible!important;
}
.nav-v43.landing-topbar:before{
  content:"";position:absolute;inset:0;border-radius:28px;padding:1px;
  background:linear-gradient(110deg,rgba(0,145,255,.60),rgba(99,102,241,.30),rgba(76,166,51,.24),rgba(0,145,255,.22));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.72;
}
.nav-v43.landing-topbar:after{
  content:"";position:absolute;left:20px;right:20px;bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(0,145,255,.65),rgba(99,102,241,.40),transparent);
  box-shadow:0 0 18px rgba(0,145,255,.30);pointer-events:none;
}
.brand-v43{position:relative;z-index:2;display:flex!important;align-items:center;gap:10px;text-decoration:none!important;min-width:208px!important;color:#fff!important}
.brand-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(0,145,255,.08));border:1px solid rgba(122,176,255,.20);box-shadow:0 10px 26px rgba(0,145,255,.12), inset 0 1px rgba(255,255,255,.10)}
.brand-mark img{width:34px!important;filter:drop-shadow(0 0 14px rgba(0,145,255,.34))}
.brand-copy b{display:block;font-size:17px!important;line-height:1;font-weight:1000;letter-spacing:.02em;color:#fff!important}
.brand-copy small{display:block;margin-top:4px;font-size:10px!important;line-height:1;color:#9fc2eb!important;font-weight:1000;letter-spacing:.12em;text-transform:uppercase}
.nav-center-v43{position:relative;z-index:2;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;min-width:0;border:1px solid rgba(122,176,255,.14);background:linear-gradient(135deg,rgba(255,255,255,.045),rgba(0,145,255,.035));border-radius:22px;padding:7px;box-shadow:inset 0 1px rgba(255,255,255,.05)}
.nav-live-v43{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:42px;padding:0 12px;border-radius:16px;background:linear-gradient(135deg,rgba(76,166,51,.14),rgba(0,145,255,.06));border:1px solid rgba(76,166,51,.20);color:#dff9e4;font-size:11px;font-weight:1000;letter-spacing:.10em;text-transform:uppercase;white-space:nowrap}
.nav-live-v43 i{width:8px;height:8px;border-radius:50%;background:#4CA633;box-shadow:0 0 0 5px rgba(76,166,51,.14),0 0 14px rgba(76,166,51,.36);animation:pulseDot 1.2s infinite}
.nav-v43-menu{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:6px!important;justify-content:stretch!important;align-items:center!important;background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important;min-width:0!important}
.nav-v43-menu a{position:relative;display:flex!important;align-items:center;justify-content:center;gap:7px;height:42px;min-height:42px!important;padding:0 10px!important;border-radius:16px!important;border:1px solid transparent!important;background:transparent!important;color:#b8cce7!important;text-decoration:none!important;font-size:12px!important;font-weight:1000!important;white-space:nowrap;overflow:hidden;transition:transform .22s ease,background .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease}
.nav-v43-menu a i{width:7px!important;height:7px!important;border-radius:50%!important;background:rgba(159,194,235,.46)!important;box-shadow:none!important;flex:0 0 auto!important}
.nav-v43-menu a span{position:relative;z-index:1;line-height:1;overflow:hidden;text-overflow:ellipsis}
.nav-v43-menu a:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,145,255,.15),rgba(99,102,241,.12));opacity:0;transition:.22s}
.nav-v43-menu a:after{content:"";position:absolute;left:50%;bottom:5px;width:0;height:2px;border-radius:999px;background:linear-gradient(90deg,#0091FF,#6366F1);transform:translateX(-50%);transition:.22s;box-shadow:0 0 10px rgba(0,145,255,.28)}
.nav-v43-menu a:hover{color:#fff!important;transform:translateY(-1px);border-color:rgba(122,176,255,.20)!important}
.nav-v43-menu a:hover:before{opacity:.72}
.nav-v43-menu a.active{color:#fff!important;border-color:rgba(0,145,255,.34)!important;background:linear-gradient(135deg,rgba(0,145,255,.15),rgba(99,102,241,.12))!important;box-shadow:0 10px 24px rgba(0,145,255,.10), inset 0 1px rgba(255,255,255,.08)!important}
.nav-v43-menu a.active i{background:#0091FF!important;box-shadow:0 0 0 5px rgba(0,145,255,.14),0 0 14px rgba(0,145,255,.32)!important}
.nav-v43-menu a.active:after{width:42%}
.cta-v43{position:relative;z-index:2;display:flex!important;flex-direction:column;justify-content:center;align-items:flex-start;height:50px;min-width:148px;padding:0 18px!important;border-radius:18px!important;text-decoration:none!important;border:1px solid rgba(149,191,255,.36)!important;background:linear-gradient(135deg,#0091FF,#3e7cff 50%,#6366F1)!important;color:#fff!important;box-shadow:0 14px 32px rgba(0,145,255,.18), inset 0 1px rgba(255,255,255,.20)!important;line-height:1.05;overflow:hidden}
.cta-v43:before{content:"";position:absolute;inset:-40% -20%;background:linear-gradient(110deg,transparent,rgba(255,255,255,.30),transparent);transform:translateX(-70%);animation:ctaShine 4s ease-in-out infinite}
@keyframes ctaShine{0%,72%{transform:translateX(-70%)}100%{transform:translateX(80%)}}
.cta-v43 span{position:relative;z-index:1;font-size:9px;font-weight:1000;letter-spacing:.16em;text-transform:uppercase;opacity:.86}
.cta-v43 b{position:relative;z-index:1;font-size:13px;font-weight:1000;margin-top:3px;color:#fff!important}
.cta-v43:hover{transform:translateY(-1px);box-shadow:0 18px 38px rgba(0,145,255,.24), inset 0 1px rgba(255,255,255,.22)!important}
.record-mode .nav-v43.landing-topbar{transform:translateY(-150%)!important;opacity:0!important;pointer-events:none!important}
@media(max-width:1320px){
  .nav-v43.landing-topbar{grid-template-columns:auto minmax(380px,1fr) auto!important;gap:10px!important}
  .brand-v43{min-width:180px!important}.brand-copy small{display:none!important}
  .nav-live-v43{display:none!important}.nav-center-v43{grid-template-columns:1fr!important}
  .nav-v43-menu a{font-size:11.5px!important;padding:0 8px!important}
  .cta-v43{min-width:132px!important;padding:0 14px!important}
}
@media(max-width:1120px){
  .nav-v43.landing-topbar{grid-template-columns:auto auto!important;width:min(760px,calc(100vw - 24px))!important}
  .nav-center-v43{display:none!important}
  .brand-v43{min-width:auto!important}.brand-copy small{display:block!important}
  .cta-v43{margin-left:auto!important}
}
@media(max-width:720px){
  .nav-v43.landing-topbar{height:64px!important;min-height:64px!important;top:8px!important;margin:8px auto 8px!important;border-radius:22px!important;padding:8px 10px!important;width:calc(100vw - 20px)!important}
  .brand-mark{width:42px;height:42px;border-radius:15px}.brand-mark img{width:30px!important}
  .brand-copy b{font-size:15px!important}.brand-copy small{font-size:9px!important}
  .cta-v43{display:none!important}
}


/* ==== V44 unique mission-control navigation ==== */
.nav-v44.landing-topbar{
  height:78px!important;
  min-height:78px!important;
  width:min(1580px,calc(100vw - 28px))!important;
  margin:10px auto 8px!important;
  top:8px!important;
  padding:9px 12px!important;
  display:grid!important;
  grid-template-columns:minmax(230px,.72fr) minmax(540px,1.55fr) minmax(270px,.76fr)!important;
  align-items:center!important;
  gap:12px!important;
  border-radius:28px!important;
  border:1px solid rgba(122,176,255,.18)!important;
  background:
    linear-gradient(135deg,rgba(6,15,34,.84),rgba(8,22,48,.78) 52%,rgba(8,18,38,.86)),
    radial-gradient(circle at 22% 0,rgba(0,145,255,.14),transparent 36%),
    radial-gradient(circle at 74% 0,rgba(99,102,241,.12),transparent 34%)!important;
  box-shadow:0 18px 48px rgba(2,8,24,.34), inset 0 1px rgba(255,255,255,.08)!important;
  backdrop-filter:blur(22px)!important;
  overflow:hidden!important;
}
.nav-v44.landing-topbar:before{content:"";position:absolute;inset:0;border-radius:28px;padding:1px;background:linear-gradient(110deg,rgba(0,145,255,.55),rgba(99,102,241,.22),rgba(76,166,51,.26),rgba(0,145,255,.30));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.72}
.nav-v44.landing-topbar:after{content:"";position:absolute;left:-18%;right:-18%;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(0,145,255,.38),rgba(99,102,241,.28),rgba(76,166,51,.20),transparent);filter:drop-shadow(0 0 12px rgba(0,145,255,.38));pointer-events:none;opacity:.75}
.brand-v44{position:relative;z-index:2;display:flex!important;align-items:center;gap:12px;text-decoration:none;min-width:0!important;color:#fff!important}
.brand-orb{position:relative;display:grid;place-items:center;width:54px;height:54px;border-radius:20px;background:linear-gradient(135deg,rgba(0,145,255,.16),rgba(99,102,241,.12));border:1px solid rgba(122,176,255,.22);box-shadow:0 0 30px rgba(0,145,255,.18), inset 0 1px rgba(255,255,255,.10);overflow:hidden;flex:0 0 auto}
.brand-orb:before{content:"";position:absolute;inset:8px;border-radius:16px;border:1px dashed rgba(139,189,255,.28);animation:spin 10s linear infinite}.brand-orb img{width:36px!important;position:relative;z-index:2;filter:drop-shadow(0 0 14px rgba(0,145,255,.34))}.brand-orb i{position:absolute;right:8px;bottom:8px;width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 12px rgba(76,166,51,.8)}
.brand-v44 .brand-copy{display:grid!important;gap:3px}.brand-v44 b{font-size:17px!important;line-height:1;color:#fff!important;letter-spacing:.02em}.brand-v44 small{font-size:10px!important;line-height:1.1;color:#9fc1eb!important;letter-spacing:.13em;text-transform:uppercase;font-weight:1000}
.nav-v44-menu{position:relative;z-index:2;display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:6px!important;padding:7px!important;border-radius:24px!important;background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(0,145,255,.035))!important;border:1px solid rgba(122,176,255,.15)!important;box-shadow:inset 0 1px rgba(255,255,255,.07),0 12px 30px rgba(0,0,0,.10)!important;overflow:hidden!important}
.nav-v44-menu:before{content:"";position:absolute;left:34px;right:34px;top:50%;height:2px;background:linear-gradient(90deg,rgba(0,145,255,.10),rgba(0,145,255,.42),rgba(99,102,241,.35),rgba(76,166,51,.28),rgba(0,145,255,.08));transform:translateY(-50%);pointer-events:none;opacity:.7}.nav-v44-menu:after{content:"";position:absolute;top:50%;left:18px;width:70px;height:2px;background:linear-gradient(90deg,transparent,#0091FF,transparent);transform:translateY(-50%);filter:drop-shadow(0 0 10px rgba(0,145,255,.65));animation:v44Scan 4.8s linear infinite;pointer-events:none}@keyframes v44Scan{0%{left:-80px;opacity:0}10%,85%{opacity:1}100%{left:calc(100% + 40px);opacity:0}}
.nav-v44-menu a{position:relative;z-index:1;display:grid!important;grid-template-rows:auto auto auto;align-content:center;justify-items:center;gap:2px;min-height:50px!important;padding:5px 4px!important;border-radius:18px!important;border:1px solid transparent!important;text-decoration:none;color:#d8ebff!important;transition:.24s ease!important;overflow:hidden!important;white-space:normal!important}.nav-v44-menu a:before{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;border-radius:50%;background:rgba(0,145,255,.75);box-shadow:0 0 0 5px rgba(0,145,255,.08),0 0 18px rgba(0,145,255,.26);transform:translate(-50%,-50%);z-index:-1;opacity:.82}.nav-v44-menu a:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(0,145,255,.16),transparent 46%);opacity:0;transition:.24s}.nav-v44-menu a em{position:relative;z-index:1;font-style:normal;font-size:9px;font-weight:1000;letter-spacing:.10em;color:#7dbdff}.nav-v44-menu a span{position:relative;z-index:1;font-size:12px;font-weight:1000;line-height:1;color:#f5fbff}.nav-v44-menu a small{position:relative;z-index:1;font-size:9px;font-weight:900;line-height:1;color:#91add2}.nav-v44-menu a:hover{transform:translateY(-2px);border-color:rgba(0,145,255,.22)!important;background:linear-gradient(135deg,rgba(0,145,255,.10),rgba(99,102,241,.08))!important}.nav-v44-menu a:hover:after{opacity:1}.nav-v44-menu a.active{background:linear-gradient(135deg,rgba(0,145,255,.22),rgba(99,102,241,.16))!important;border-color:rgba(0,145,255,.42)!important;box-shadow:0 10px 24px rgba(0,145,255,.14),inset 0 1px rgba(255,255,255,.10)!important;transform:translateY(-2px)}.nav-v44-menu a.active:before{width:16px;height:16px;background:#fff;box-shadow:0 0 0 6px rgba(0,145,255,.14),0 0 24px rgba(0,145,255,.52)}.nav-v44-menu a.active em{color:#b9dcff}.nav-v44-menu a.active small{color:#cfe4ff}
.v44-actions{position:relative;z-index:2;display:flex;justify-content:flex-end;align-items:center;gap:9px;min-width:0}.v44-status{height:54px;min-width:112px;padding:0 12px;border-radius:20px;border:1px solid rgba(122,176,255,.18);background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(76,166,51,.055));display:grid;grid-template-columns:12px 1fr;grid-template-rows:1fr 1fr;align-items:center;column-gap:8px;box-shadow:inset 0 1px rgba(255,255,255,.07)}.v44-status i{grid-row:1/3;width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 6px rgba(76,166,51,.10),0 0 16px rgba(76,166,51,.42);animation:pulseDot 1.25s infinite}.v44-status b{font-size:12px;color:#f6fff9;line-height:1;align-self:end}.v44-status span{font-size:9px;color:#9fc1eb;line-height:1;align-self:start;font-weight:900;white-space:nowrap}.cta-v44{height:54px;min-width:118px;padding:8px 16px!important;border-radius:20px!important;display:flex!important;flex-direction:column;justify-content:center;align-items:flex-start;text-decoration:none;background:linear-gradient(135deg,#0091FF,#3E7CFF 52%,#6366F1)!important;color:#fff!important;border:1px solid rgba(173,205,255,.28)!important;box-shadow:0 16px 30px rgba(0,145,255,.20),inset 0 1px rgba(255,255,255,.18)!important}.cta-v44 b{font-size:13px;line-height:1.05}.cta-v44 span{font-size:10px;line-height:1.05;margin-top:3px;opacity:.86;font-weight:900}.cta-v44:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(0,145,255,.26),inset 0 1px rgba(255,255,255,.22)!important}
.record-mode .nav-v44.landing-topbar{transform:translateY(-150%)!important;opacity:0!important;pointer-events:none!important}
@media(max-width:1360px){.nav-v44.landing-topbar{grid-template-columns:minmax(190px,.62fr) minmax(500px,1.7fr) auto!important;gap:9px!important}.brand-v44 small{display:none}.v44-status{display:none}.nav-v44-menu a span{font-size:11px}.nav-v44-menu a small{font-size:8px}}
@media(max-width:1120px){.nav-v44.landing-topbar{grid-template-columns:1fr auto!important;height:70px!important;min-height:70px!important;width:calc(100vw - 24px)!important}.nav-v44-menu{display:none!important}.brand-v44 small{display:block}.v44-actions{margin-left:auto}.v44-status{display:grid}.cta-v44{min-width:108px}}
@media(max-width:720px){.nav-v44.landing-topbar{height:64px!important;min-height:64px!important;border-radius:22px!important;top:8px!important;margin:8px auto!important;padding:8px 10px!important}.brand-orb{width:46px;height:46px;border-radius:17px}.brand-orb img{width:30px!important}.brand-v44 b{font-size:15px!important}.brand-v44 small{font-size:9px!important}.v44-status{display:none!important}.cta-v44{display:none!important}}


/* ==== V45 pinned luxury minimal menu ==== */
.nav-v45.landing-topbar{
  position:fixed!important;
  top:16px!important;
  left:50%!important;
  transform:translateX(-50%);
  width:min(1360px,calc(100vw - 28px))!important;
  height:78px!important;
  min-height:78px!important;
  margin:0!important;
  padding:10px 14px!important;
  display:grid!important;
  grid-template-columns:auto minmax(560px,1fr) auto!important;
  align-items:center!important;
  gap:14px!important;
  border-radius:26px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.10)),linear-gradient(135deg,rgba(7,17,33,.90),rgba(12,25,47,.82))!important;
  border:1px solid rgba(181,213,255,.20)!important;
  box-shadow:0 18px 60px rgba(3,10,28,.28),inset 0 1px rgba(255,255,255,.14)!important;
  backdrop-filter:blur(22px)!important;
  transition:top .28s ease,height .28s ease,padding .28s ease,border-radius .28s ease,box-shadow .28s ease,background .28s ease,transform .28s ease,opacity .28s ease!important;
  z-index:120!important;
}
.nav-v45.landing-topbar:before{content:"";position:absolute;inset:0;border-radius:26px;padding:1px;background:linear-gradient(120deg,rgba(255,255,255,.18),rgba(0,145,255,.22),rgba(99,102,241,.16),rgba(255,255,255,.10));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.95}
.nav-v45.landing-topbar:after{content:"";position:absolute;left:22px;right:22px;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(0,145,255,.42),rgba(99,102,241,.32),transparent);opacity:.68;pointer-events:none}
.nav-v45.landing-topbar.is-pinned{
  top:8px!important;
  height:70px!important;
  min-height:70px!important;
  padding:8px 12px!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.10)),linear-gradient(135deg,rgba(6,16,31,.95),rgba(11,23,44,.90))!important;
  box-shadow:0 14px 40px rgba(3,10,28,.24),inset 0 1px rgba(255,255,255,.14)!important;
}
.record-mode .nav-v45.landing-topbar{transform:translate(-50%,-150%)!important;opacity:0!important;pointer-events:none!important}
.brand-v45{display:flex;align-items:center;gap:12px;min-width:auto!important;color:#fff;text-decoration:none;position:relative;z-index:2}
.orb-v45{position:relative;width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.05));border:1px solid rgba(181,213,255,.18);box-shadow:inset 0 1px rgba(255,255,255,.08),0 12px 26px rgba(0,145,255,.10)}
.orb-v45 img{width:34px!important;filter:drop-shadow(0 0 14px rgba(0,145,255,.22))}
.orb-v45 i{position:absolute;inset:-6px;border-radius:22px;border:1px solid rgba(0,145,255,.18);opacity:.8;animation:v45spin 8s linear infinite}
@keyframes v45spin{to{transform:rotate(360deg)}}
.brand-v45 strong{display:block;font-size:16px;line-height:1;font-weight:1000;letter-spacing:.01em;color:#fff}
.brand-v45 small{display:block;margin-top:4px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#9eb8de;font-weight:900}
.nav-v45-menu{position:relative;display:flex!important;align-items:center;justify-content:center;gap:6px;padding:7px 8px!important;border-radius:20px!important;background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.025))!important;border:1px solid rgba(181,213,255,.14)!important;box-shadow:inset 0 1px rgba(255,255,255,.05);overflow:hidden;min-width:0;z-index:1}
.nav-v45-glow{position:absolute;left:10px;top:7px;width:112px;height:40px;border-radius:14px;background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(0,145,255,.18),rgba(99,102,241,.14));box-shadow:0 12px 26px rgba(0,145,255,.12);transition:transform .32s cubic-bezier(.2,.9,.2,1), width .22s ease, opacity .22s ease;pointer-events:none;z-index:0;opacity:.9}
.nav-v45-menu a{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;height:40px;padding:0 14px;border-radius:14px;color:#deebff!important;font-size:13px;font-weight:900;letter-spacing:.01em;white-space:nowrap;text-decoration:none;transition:color .22s ease, transform .22s ease}
.nav-v45-menu a:hover{color:#fff!important;transform:translateY(-1px)}
.nav-v45-menu a.active{color:#fff!important}
.topbar-actions.v45-actions{display:flex;align-items:center;gap:10px;position:relative;z-index:2}
.v45-status{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 12px;border-radius:15px;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.04));border:1px solid rgba(181,213,255,.16);color:#e8f3ff;font-size:12px;font-weight:1000;white-space:nowrap;box-shadow:inset 0 1px rgba(255,255,255,.05)}
.v45-status i{width:9px;height:9px;border-radius:50%;background:linear-gradient(180deg,#4CA633,#96df7c);box-shadow:0 0 0 6px rgba(76,166,51,.10),0 0 14px rgba(76,166,51,.28);animation:pulseDot 1.25s infinite}
.cta-v45{display:flex;flex-direction:column;justify-content:center;min-height:44px;padding:8px 16px!important;border-radius:15px!important;color:#fff!important;border:1px solid rgba(181,213,255,.22)!important;background:linear-gradient(135deg,#0091FF,#3E7CFF 55%,#6366F1)!important;box-shadow:0 12px 26px rgba(0,145,255,.16), inset 0 1px rgba(255,255,255,.18)!important;line-height:1.05;white-space:nowrap}
.cta-v45 small{font-size:9px;letter-spacing:.14em;text-transform:uppercase;opacity:.84;font-weight:1000}.cta-v45 b{font-size:13px;font-weight:1000}
.cta-v45:hover{transform:translateY(-1px);box-shadow:0 16px 34px rgba(0,145,255,.20), inset 0 1px rgba(255,255,255,.20)!important}
body.nav-pad .viewport{padding-top:118px!important}
@media(max-width:1360px){
  .nav-v45.landing-topbar{grid-template-columns:auto minmax(470px,1fr) auto!important;width:calc(100vw - 24px)!important}
  .nav-v45-menu a{padding:0 11px!important;font-size:12px!important}
}
@media(max-width:1180px){
  .nav-v45.landing-topbar{grid-template-columns:auto auto!important;height:72px!important;min-height:72px!important}
  .nav-v45-menu{display:none!important}
  .v45-status{display:none!important}
}
@media(max-width:720px){
  .nav-v45.landing-topbar{top:8px!important;height:64px!important;min-height:64px!important;padding:8px 10px!important;border-radius:20px!important;width:calc(100vw - 16px)!important}
  .nav-v45.landing-topbar.is-pinned{height:60px!important;min-height:60px!important}
  .orb-v45{width:46px!important;height:46px!important;border-radius:16px!important}
  .orb-v45 img{width:30px!important}
  .brand-v45 strong{font-size:15px!important}.brand-v45 small{font-size:9px!important}
  .cta-v45{display:none!important}
  body.nav-pad .viewport{padding-top:92px!important}
}


/* ==== V46 top-pinned menu + option 1 header/hero polish ==== */
.nav-v45.landing-topbar{
  top:0!important;
  width:min(1380px,100vw)!important;
  border-top-left-radius:0!important;
  border-top-right-radius:0!important;
  border-top:0!important;
  padding:10px 16px!important;
  box-shadow:0 18px 54px rgba(3,10,28,.24),inset 0 1px rgba(255,255,255,.12)!important;
}
.nav-v45.landing-topbar:before{border-top-left-radius:0!important;border-top-right-radius:0!important}
.nav-v45.landing-topbar:after{left:0!important;right:0!important}
.nav-v45.landing-topbar.is-pinned{
  top:0!important;
  height:68px!important;
  min-height:68px!important;
  border-top-left-radius:0!important;
  border-top-right-radius:0!important;
  padding:7px 14px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.10)),linear-gradient(135deg,rgba(5,14,28,.96),rgba(10,21,41,.92))!important;
  box-shadow:0 12px 36px rgba(3,10,28,.22), inset 0 1px rgba(255,255,255,.12)!important;
}
body.nav-pad .viewport{padding-top:104px!important}
.story-head{
  position:relative;
  max-width:1160px!important;
  margin:8px auto 20px!important;
  padding:24px 30px 18px!important;
  border-radius:30px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(0,145,255,.03))!important;
  border:1px solid rgba(122,176,255,.12)!important;
  box-shadow:0 20px 52px rgba(6,16,32,.10), inset 0 1px rgba(255,255,255,.05)!important;
  overflow:hidden;
}
.story-head:before{content:"";position:absolute;inset:auto -8% -40% auto;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(0,145,255,.16),transparent 62%);filter:blur(16px);pointer-events:none;opacity:.9}
.story-head:after{content:"";position:absolute;left:-6%;top:-20%;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.12),transparent 62%);filter:blur(16px);pointer-events:none;opacity:.9}
.story-head > *{position:relative;z-index:1}
.live-chip{box-shadow:0 10px 24px rgba(0,145,255,.08)!important}
h1{max-width:980px!important;margin:16px auto 12px!important;letter-spacing:-.05em!important}
.story-head p{max-width:900px!important;font-size:17px!important;line-height:1.62!important}
.story-kpis{margin-top:16px!important}
.story-kpis div{background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(0,145,255,.03))!important;border:1px solid rgba(122,176,255,.12)!important;box-shadow:inset 0 1px rgba(255,255,255,.04)!important}
.hero-cta-row{margin-top:16px!important}
.hero-cta-row .btn,.hero-cta-row span{backdrop-filter:blur(10px)!important}
.cinema{align-items:stretch!important;gap:18px!important}
.pain-stage,.core-stage,.solution-stage{box-shadow:0 26px 72px rgba(5,14,28,.12), inset 0 1px rgba(255,255,255,.07)!important}
.pain-stage .stage-title,.core-stage .takeover-note,.solution-stage .stage-title{backdrop-filter:blur(8px)!important}
.core-stage{background:radial-gradient(circle at 50% 18%,rgba(0,145,255,.18),transparent 24%),radial-gradient(circle at 50% 76%,rgba(99,102,241,.10),transparent 26%),linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.03))!important}
.quantum-core,.ai-core{filter:drop-shadow(0 18px 38px rgba(0,145,255,.10))}
.solution-stage .workbench{box-shadow:inset 0 1px rgba(255,255,255,.04)!important}
.phone{box-shadow:0 32px 74px rgba(5,14,28,.22)!important}
.crm{box-shadow:0 18px 44px rgba(5,14,28,.10), inset 0 1px rgba(255,255,255,.04)!important}
.nav-v45-menu a{font-size:12.5px!important}
.nav-v45-glow{height:42px!important;top:6px!important}
.v45-status{background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(0,145,255,.05))!important}
.cta-v45{min-width:152px!important}
@media(max-width:1360px){
  .nav-v45.landing-topbar{width:100vw!important}
}
@media(max-width:1180px){
  .nav-v45.landing-topbar{top:0!important;width:100vw!important;border-top-left-radius:0!important;border-top-right-radius:0!important}
  body.nav-pad .viewport{padding-top:98px!important}
  .story-head{padding:20px 22px 16px!important;border-radius:26px!important}
}
@media(max-width:720px){
  .nav-v45.landing-topbar,.nav-v45.landing-topbar.is-pinned{top:0!important;height:60px!important;min-height:60px!important;padding:7px 10px!important;border-top-left-radius:0!important;border-top-right-radius:0!important;width:100vw!important}
  body.nav-pad .viewport{padding-top:82px!important}
  .story-head{margin-top:2px!important;padding:16px 14px 14px!important;border-radius:22px!important}
  .story-head p{font-size:15px!important;line-height:1.55!important}
}


/* ==== V47 FINAL — header + hero absolute sync polish ==== */
:root{
  --nav-final-h:68px;
  --nav-final-radius:0 0 24px 24px;
  --hero-surface:linear-gradient(145deg,rgba(8,19,40,.72),rgba(9,20,42,.58));
  --ai360-blue:#0091FF;
  --ai360-indigo:#6366F1;
  --ai360-green:#4CA633;
}
.nav-v45.landing-topbar{
  top:0!important;
  left:50%!important;
  width:min(1440px,100vw)!important;
  height:var(--nav-final-h)!important;
  min-height:var(--nav-final-h)!important;
  padding:7px 16px!important;
  border-radius:var(--nav-final-radius)!important;
  border-top:0!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.075)),
    linear-gradient(135deg,rgba(5,15,31,.96),rgba(10,23,48,.92))!important;
  border-color:rgba(156,201,255,.22)!important;
  box-shadow:
    0 14px 42px rgba(3,10,28,.24),
    0 1px 0 rgba(255,255,255,.08) inset,
    0 -1px 0 rgba(0,145,255,.16) inset!important;
}
.nav-v45.landing-topbar.is-pinned{height:64px!important;min-height:64px!important;padding:6px 16px!important;border-radius:0 0 22px 22px!important}
.nav-v45.landing-topbar:before{border-radius:inherit!important;background:linear-gradient(110deg,rgba(0,145,255,.48),rgba(255,255,255,.12),rgba(99,102,241,.34),rgba(76,166,51,.18),rgba(0,145,255,.30))!important;opacity:.82!important}
.nav-v45.landing-topbar:after{left:0!important;right:0!important;bottom:-1px!important;height:2px!important;background:linear-gradient(90deg,transparent 5%,rgba(0,145,255,.55),rgba(99,102,241,.38),rgba(76,166,51,.26),transparent 95%)!important;filter:drop-shadow(0 0 10px rgba(0,145,255,.32))!important}
.brand-v45{min-width:236px!important}
.orb-v45{width:50px!important;height:50px!important;border-radius:17px!important;background:linear-gradient(145deg,rgba(0,145,255,.16),rgba(99,102,241,.08),rgba(255,255,255,.06))!important;border-color:rgba(156,201,255,.20)!important;box-shadow:0 10px 24px rgba(0,145,255,.10),inset 0 1px rgba(255,255,255,.12)!important}
.orb-v45 img{width:32px!important}.orb-v45 i{inset:-5px!important;border-color:rgba(0,145,255,.22)!important}
.brand-v45 strong{font-size:16px!important;letter-spacing:.02em!important}
.brand-v45 small{font-size:10px!important;letter-spacing:.14em!important;color:#a9c7ef!important}
.nav-v45-menu{height:52px!important;max-width:720px!important;margin:auto!important;padding:6px!important;border-radius:18px!important;background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(0,145,255,.035))!important;border-color:rgba(156,201,255,.15)!important}
.nav-v45-menu:before{content:"";position:absolute;left:18px;right:18px;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(0,145,255,.24),rgba(99,102,241,.18),transparent);z-index:0;opacity:.55}
.nav-v45-menu a{height:40px!important;padding:0 13px!important;border-radius:13px!important;color:#dcecff!important;font-size:12px!important;font-weight:950!important;letter-spacing:.01em!important}
.nav-v45-menu a span{position:relative;z-index:2}
.nav-v45-menu a.active{color:#fff!important;text-shadow:0 0 14px rgba(0,145,255,.28)!important}
.nav-v45-glow{top:6px!important;height:40px!important;border-radius:13px!important;background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(0,145,255,.20),rgba(99,102,241,.16))!important;box-shadow:0 12px 30px rgba(0,145,255,.14),inset 0 1px rgba(255,255,255,.10)!important}
.v45-status{height:42px!important;border-radius:14px!important;color:#eaf5ff!important;background:linear-gradient(135deg,rgba(255,255,255,.085),rgba(0,145,255,.05))!important;border-color:rgba(156,201,255,.17)!important}
.cta-v45{min-height:42px!important;border-radius:14px!important;min-width:150px!important;background:linear-gradient(135deg,#0091FF 0%,#3e7cff 52%,#6366F1 100%)!important;box-shadow:0 12px 26px rgba(0,145,255,.18),inset 0 1px rgba(255,255,255,.20)!important}
.cta-v45 b{font-size:13px!important}.cta-v45 small{font-size:8.5px!important}
body.nav-pad .viewport{padding-top:92px!important}
.story-head{
  margin:0 auto 18px!important;
  padding:20px 28px 16px!important;
  border-radius:28px!important;
  background:
    radial-gradient(circle at 14% 18%,rgba(99,102,241,.10),transparent 30%),
    radial-gradient(circle at 86% 16%,rgba(0,145,255,.12),transparent 31%),
    var(--hero-surface)!important;
  border:1px solid rgba(156,201,255,.16)!important;
  box-shadow:0 18px 50px rgba(3,10,28,.18),inset 0 1px rgba(255,255,255,.07)!important;
}
.story-head:before{width:360px!important;height:360px!important;right:-8%!important;bottom:-42%!important;background:radial-gradient(circle,rgba(0,145,255,.17),transparent 64%)!important;filter:blur(18px)!important}
.story-head:after{width:320px!important;height:320px!important;left:-8%!important;top:-30%!important;background:radial-gradient(circle,rgba(99,102,241,.14),transparent 64%)!important;filter:blur(18px)!important}
.live-chip{padding:8px 15px!important;border-radius:999px!important;background:linear-gradient(135deg,rgba(0,145,255,.12),rgba(99,102,241,.08))!important;border-color:rgba(0,145,255,.30)!important;color:#e9f5ff!important;letter-spacing:.14em!important}
h1{margin:14px auto 10px!important;max-width:1000px!important;letter-spacing:-.052em!important;line-height:.99!important;background:linear-gradient(92deg,#fff 0%,#d8ecff 38%,#8ecbff 64%,#c2c1ff 100%)!important;-webkit-background-clip:text!important;color:transparent!important}
h1 span{background:linear-gradient(90deg,#77c7ff,#a6a7ff)!important;-webkit-background-clip:text!important;color:transparent!important;text-shadow:none!important}
.story-head p{font-size:16.5px!important;line-height:1.56!important;color:#b7c9e6!important;max-width:890px!important}
.progress{height:4px!important;margin-top:16px!important;background:rgba(255,255,255,.08)!important}.progress span{background:linear-gradient(90deg,var(--ai360-blue),#52adff,var(--ai360-indigo),var(--ai360-green))!important}
.story-kpis{gap:10px!important;margin-top:15px!important}
.story-kpis div{border-radius:18px!important;padding:12px 14px!important;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(0,145,255,.025))!important;border-color:rgba(156,201,255,.14)!important;box-shadow:inset 0 1px rgba(255,255,255,.05)!important}
.story-kpis small{color:#8fafda!important}.story-kpis b{background:linear-gradient(90deg,#fff,#a7d8ff,#c5c5ff)!important;-webkit-background-clip:text!important;color:transparent!important}
.hero-cta-row{margin-top:15px!important;gap:12px!important}.hero-cta-row .btn,.hero-cta-row span{min-height:48px!important;border-radius:16px!important}
.cinema{margin-top:0!important;gap:16px!important}.pain-stage,.core-stage,.solution-stage{border-radius:28px!important;border-color:rgba(156,201,255,.16)!important;background:linear-gradient(145deg,rgba(8,19,40,.70),rgba(9,19,39,.54))!important;box-shadow:0 22px 58px rgba(3,10,28,.18),inset 0 1px rgba(255,255,255,.06)!important}
.stage-title{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025))!important;border-bottom-color:rgba(156,201,255,.14)!important}.stage-title>span{background:linear-gradient(135deg,var(--ai360-blue),var(--ai360-indigo))!important;box-shadow:0 10px 22px rgba(0,145,255,.14)!important}
.core-stage{background:radial-gradient(circle at 50% 20%,rgba(0,145,255,.17),transparent 24%),radial-gradient(circle at 50% 74%,rgba(99,102,241,.11),transparent 27%),linear-gradient(145deg,rgba(8,19,40,.70),rgba(9,19,39,.54))!important}
.takeover-note,.brain-status{border-color:rgba(156,201,255,.18)!important;background:linear-gradient(135deg,rgba(0,145,255,.105),rgba(99,102,241,.065))!important;box-shadow:0 12px 28px rgba(0,145,255,.06),inset 0 1px rgba(255,255,255,.04)!important}
.brain-status{background:linear-gradient(135deg,rgba(76,166,51,.09),rgba(0,145,255,.055))!important}
.step{border-color:rgba(156,201,255,.13)!important;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(0,145,255,.025))!important}.step.active{border-color:rgba(0,145,255,.36)!important;background:linear-gradient(90deg,rgba(0,145,255,.12),rgba(99,102,241,.08))!important;box-shadow:0 12px 28px rgba(0,145,255,.07)!important}
.phone,.crm,.lost-card,.lead-row,.crm-grid div,.action-card,.booking-saved-toast,.signal-card,.close-deal-panel{box-shadow:0 16px 38px rgba(3,10,28,.11),inset 0 1px rgba(255,255,255,.05)!important}
@media(max-width:1180px){body.nav-pad .viewport{padding-top:86px!important}.nav-v45.landing-topbar{width:100vw!important;border-radius:0 0 20px 20px!important}.brand-v45{min-width:auto!important}.story-head{padding:18px 20px 15px!important}}
@media(max-width:720px){body.nav-pad .viewport{padding-top:76px!important}.nav-v45.landing-topbar,.nav-v45.landing-topbar.is-pinned{height:58px!important;min-height:58px!important;border-radius:0 0 18px 18px!important}.story-head{padding:15px 13px 13px!important;border-radius:22px!important}.story-kpis{grid-template-columns:1fr 1fr!important}.hero-cta-row .btn,.hero-cta-row span{border-radius:14px!important}}


/* ==== V48 visual flow section applied ==== */
.visual-layers.hero-sync-panel{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:16px!important;
  padding:26px 30px!important;
  margin-top:20px!important;
  border-radius:34px!important;
  background:linear-gradient(145deg,rgba(4,14,31,.88),rgba(8,22,48,.72))!important;
  overflow:hidden!important;
}
.visual-layers.hero-sync-panel:after{content:"";position:absolute;left:4%;right:4%;top:0;height:2px;background:linear-gradient(90deg,transparent,#0091FF,#6366F1,#4CA633,transparent);opacity:.86;box-shadow:0 0 18px rgba(0,145,255,.42)}
.layer-card{position:relative!important;min-height:132px!important;display:grid!important;grid-template-columns:82px 1fr!important;grid-template-rows:auto 1fr!important;gap:8px 18px!important;align-items:center!important;padding:18px 20px!important;border-radius:24px!important;border:1px solid rgba(0,145,255,.24)!important;background:radial-gradient(circle at 92% 0,rgba(0,145,255,.14),transparent 42%),linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.025))!important;box-shadow:inset 0 1px rgba(255,255,255,.06),0 18px 42px rgba(0,0,0,.16)!important;overflow:hidden!important}
.layer-card.success{border-color:rgba(76,166,51,.34)!important;background:radial-gradient(circle at 92% 0,rgba(76,166,51,.14),transparent 42%),linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.025))!important}.layer-accent{position:absolute;left:14px;top:22px;width:4px;height:52px;border-radius:99px;background:#0091FF;box-shadow:0 0 18px rgba(0,145,255,.62)}.layer-accent.purple{background:#8b7cff;box-shadow:0 0 18px rgba(139,124,255,.62)}.layer-accent.teal{background:#34e8ff;box-shadow:0 0 18px rgba(52,232,255,.55)}.layer-accent.green{background:#75e65c;box-shadow:0 0 18px rgba(117,230,92,.54)}
.layer-icon{grid-row:1/3;display:grid!important;place-items:center;width:72px!important;height:72px!important;margin-left:8px;border-radius:22px!important;font-size:32px!important;background:linear-gradient(145deg,rgba(0,145,255,.16),rgba(99,102,241,.08))!important;border:1px solid rgba(122,176,255,.22)!important;box-shadow:inset 0 1px rgba(255,255,255,.08),0 0 26px rgba(0,145,255,.12)}
.layer-card small{align-self:end!important;color:#79d7ff!important;font-size:13px!important;font-weight:900!important;letter-spacing:.02em!important;text-transform:none!important}.layer-card b{font-size:21px!important;line-height:1.36!important;color:#f7fbff!important;letter-spacing:-.02em!important}.layer-card.success small{color:#93f07f!important}
.visual-flow.hero-sync-panel{display:grid!important;grid-template-columns:minmax(250px,1.04fr) 72px minmax(250px,1.04fr) 72px minmax(260px,1.13fr) 72px minmax(260px,1.13fr)!important;gap:14px!important;align-items:stretch!important;padding:28px 30px 96px!important;margin-top:28px!important;border-radius:34px!important;background:linear-gradient(145deg,rgba(4,14,31,.90),rgba(5,20,46,.75))!important;overflow:hidden!important}
.visual-flow.hero-sync-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,145,255,.05),transparent 24%,rgba(76,166,51,.05) 100%),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,42px 42px,42px 42px;pointer-events:none!important}.visual-flow.hero-sync-panel:after{content:"";position:absolute;left:2%;right:2%;top:0;height:2px;background:linear-gradient(90deg,transparent,#0091FF,#6366F1,#4CA633,transparent);box-shadow:0 0 22px rgba(0,145,255,.45);opacity:.92}
.visual-node.path-node{min-height:296px!important;padding:22px 22px 20px!important;border-radius:26px!important;display:grid!important;grid-template-rows:auto auto minmax(150px,1fr)!important;gap:10px!important;background:radial-gradient(circle at 78% 44%,rgba(0,145,255,.12),transparent 42%),linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025))!important;border:1px solid rgba(0,145,255,.34)!important;box-shadow:0 24px 54px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.07)!important;overflow:hidden!important}.visual-node.path-node:before{height:100%!important;background:radial-gradient(circle at 40% 118%,rgba(0,145,255,.18),transparent 42%)!important;opacity:.72!important}.visual-node.path-node.highlight{border-color:rgba(76,166,51,.48)!important;background:radial-gradient(circle at 78% 44%,rgba(76,166,51,.16),transparent 42%),linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025))!important;box-shadow:0 24px 60px rgba(76,166,51,.08),inset 0 1px rgba(255,255,255,.07)!important}.visual-node.path-node small{width:auto!important;height:auto!important;justify-self:start!important;padding:0!important;background:transparent!important;border:0!important;color:#2cd8ff!important;font-size:34px!important;line-height:1!important;letter-spacing:.01em!important;text-shadow:0 0 18px rgba(0,145,255,.72)}.visual-node.path-node.highlight small{color:#77ef67!important;text-shadow:0 0 18px rgba(76,166,51,.54)}.node-copy{position:relative;z-index:2}.visual-node.path-node b{font-size:27px!important;margin:0!important;line-height:1.08!important;color:#fff!important}.visual-node.path-node span{font-size:15px!important;line-height:1.55!important;color:#b2c4e2!important;max-width:31ch!important}.node-visual{position:relative;z-index:2;min-height:148px!important;border-radius:22px!important;overflow:hidden!important}
.rush-visual{display:grid;place-items:center}.channel-bubble{position:absolute;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(0,145,255,.14));border:1px solid rgba(122,176,255,.34);box-shadow:0 12px 24px rgba(0,0,0,.22),0 0 18px rgba(0,145,255,.18);animation:floatBubble 3.2s ease-in-out infinite}.channel-bubble img{width:30px;height:30px;object-fit:contain;border-radius:8px}.channel-bubble.z{top:8px;left:42%;animation-delay:.1s}.channel-bubble.m{top:34px;right:18%;animation-delay:.35s}.channel-bubble.w{top:60px;left:28%;animation-delay:.6s}.channel-bubble.s{bottom:20px;right:28%;animation-delay:.85s}.funnel-ring{position:absolute;border-radius:50%;border:1px solid rgba(0,145,255,.46);box-shadow:0 0 18px rgba(0,145,255,.22)}.funnel-ring.r1{width:132px;height:42px;bottom:20px;left:50%;transform:translateX(-50%)}.funnel-ring.r2{width:92px;height:30px;bottom:42px;left:50%;transform:translateX(-50%)}.funnel-dot{position:absolute;width:17px;height:17px;border-radius:50%;bottom:61px;left:50%;transform:translateX(-50%);background:#2ee9ff;box-shadow:0 0 22px rgba(46,233,255,.75)}
.intent-visual{display:grid;grid-template-columns:1fr 104px;align-items:center;gap:12px}.intent-list{display:grid;gap:7px}.intent-list span{display:flex!important;align-items:center;gap:8px;max-width:none!important;padding:8px 10px!important;border-radius:10px!important;background:rgba(0,145,255,.10);border:1px solid rgba(0,145,255,.20);color:#e9f5ff!important;font-size:12px!important;line-height:1.1!important}.ai-orb-mini{position:relative;width:102px;height:102px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#1b66ff 0 20%,rgba(0,145,255,.18) 45%,transparent 70%);border:1px solid rgba(0,145,255,.42);box-shadow:0 0 32px rgba(0,145,255,.34)}.ai-orb-mini b{font-size:22px!important;margin:0!important;color:#fff!important}.ai-orb-mini i{position:absolute;inset:-12px;border-radius:50%;border:1px dashed rgba(52,232,255,.38);animation:v45spin 6s linear infinite}
.crm-visual{display:grid;place-items:center}.crm-card-mini{width:min(100%,220px);border-radius:16px;padding:12px;background:rgba(6,17,36,.74);border:1px solid rgba(0,145,255,.28);box-shadow:0 16px 32px rgba(0,0,0,.22)}.crm-card-mini header{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:8px!important}.crm-card-mini header b{font-size:12px!important;color:#f0f8ff!important;margin:0!important}.crm-card-mini header strong{font-size:10px;padding:4px 7px;border-radius:999px;background:rgba(76,166,51,.18);color:#a9ff9b}.crm-card-mini p{display:grid;grid-template-columns:22px 1fr auto;gap:6px;align-items:center;margin:7px 0;color:#dceaff;font-size:11px}.crm-card-mini p span{font-size:11px!important;line-height:1!important;color:#a9bddc!important;max-width:none!important}.crm-card-mini p b{font-size:11px!important;margin:0!important;color:#fff!important}.crm-card-mini em{display:block;height:5px;border-radius:999px;background:linear-gradient(90deg,#0091FF,#4CA633);margin-top:10px;box-shadow:0 0 12px rgba(76,166,51,.34)}
.booking-visual{display:grid;place-items:center}.phone-confirm{position:relative;width:116px;height:158px;border-radius:22px;background:linear-gradient(180deg,rgba(14,65,119,.86),rgba(8,34,60,.86));border:1px solid rgba(82,200,255,.40);display:grid;place-items:center;text-align:center;box-shadow:0 18px 34px rgba(0,0,0,.20),0 0 28px rgba(76,166,51,.16);padding:12px}.phone-confirm span{font-size:10px!important;max-width:none!important;color:#e9f6ff!important;line-height:1!important}.phone-confirm i{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:rgba(76,166,51,.18);border:2px solid #75e65c;color:#baffae;font-size:36px;font-style:normal;box-shadow:0 0 22px rgba(76,166,51,.44)}.phone-confirm b{font-size:11px!important;line-height:1.2!important;margin:0!important;color:#dffff0!important}.notify-bell{position:absolute;right:28px;top:12px;width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:rgba(0,145,255,.18);border:1px solid rgba(82,200,255,.42);font-size:25px;box-shadow:0 0 22px rgba(0,145,255,.20);animation:bellPulse 1.8s ease-in-out infinite}.success-ring{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);width:160px;height:40px;border-radius:50%;border:1px solid rgba(76,166,51,.44);box-shadow:0 0 26px rgba(76,166,51,.26)}
.flow-connector{position:relative!important;width:72px!important;height:100%!important;align-self:center!important;justify-self:center!important;background:none!important;box-shadow:none!important;display:grid!important;place-items:center!important}.flow-connector:before{content:"";position:absolute;left:0;right:0;top:50%;height:3px;background:linear-gradient(90deg,#0091FF,#34e8ff,#4CA633);box-shadow:0 0 18px rgba(0,145,255,.34)}.flow-connector:after{content:""!important;position:absolute!important;right:-3px!important;top:calc(50% - 8px)!important;border-left:14px solid #4CA633!important;border-top:8px solid transparent!important;border-bottom:8px solid transparent!important}.flow-connector span{position:relative!important;z-index:2!important;transform:translateY(-30px)!important;display:block!important;width:84px!important;text-align:center!important;color:#4ee8ff!important;font-weight:1000!important;font-size:12px!important;line-height:1.15!important;text-shadow:0 0 12px rgba(0,145,255,.55)}
.flow-benefits{position:absolute;left:14%;right:7%;bottom:18px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:14px 20px;border-radius:22px;background:linear-gradient(135deg,rgba(0,145,255,.10),rgba(76,166,51,.06));border:1px solid rgba(0,145,255,.22);box-shadow:inset 0 1px rgba(255,255,255,.06)}.flow-benefits span{font-weight:900;color:#cfe6ff;text-align:center;font-size:15px!important;line-height:1.2!important;max-width:none!important}.flow-benefits span:last-child{color:#baffae!important}
@keyframes floatBubble{50%{transform:translateY(-9px) scale(1.06)}}@keyframes bellPulse{50%{transform:translateY(-3px);filter:brightness(1.2)}}
@media(max-width:1280px){.visual-layers.hero-sync-panel{grid-template-columns:repeat(2,1fr)!important}.visual-flow.hero-sync-panel{grid-template-columns:1fr!important;padding-bottom:24px!important}.flow-connector{height:44px!important;width:100%!important}.flow-connector:before{left:50%!important;right:auto!important;top:0!important;bottom:0!important;width:3px!important;height:44px!important}.flow-connector:after{left:calc(50% - 8px)!important;right:auto!important;top:auto!important;bottom:-4px!important;border-top:14px solid #4CA633!important;border-left:8px solid transparent!important;border-right:8px solid transparent!important;border-bottom:0!important}.flow-connector span{transform:translateX(54px)!important;width:110px!important}.flow-benefits{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;grid-template-columns:repeat(2,1fr)!important;margin-top:4px}.visual-node.path-node{min-height:260px!important}.node-visual{min-height:136px!important}}
@media(max-width:720px){.visual-layers.hero-sync-panel{grid-template-columns:1fr!important;padding:16px!important;border-radius:24px!important}.layer-card{grid-template-columns:56px 1fr!important;min-height:106px!important;padding:14px!important}.layer-icon{width:52px!important;height:52px!important;font-size:24px!important}.layer-card b{font-size:17px!important}.visual-flow.hero-sync-panel{padding:16px 16px 20px!important;border-radius:24px!important}.visual-node.path-node{min-height:auto!important;padding:18px!important}.visual-node.path-node small{font-size:28px!important}.visual-node.path-node b{font-size:24px!important}.intent-visual{grid-template-columns:1fr!important}.ai-orb-mini{margin:auto}.flow-benefits{grid-template-columns:1fr!important;padding:12px}.flow-benefits span{text-align:left!important;font-size:13px!important}.notify-bell{right:12px}.phone-confirm{width:108px;height:146px}}

/* ==== V49 compact visual flow + hide preview controls ==== */
.utility-dock{display:none!important}
.visual-layers.hero-sync-panel{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  padding:18px 20px!important;
  margin-top:18px!important;
  border-radius:30px!important;
}
.layer-card{
  min-height:108px!important;
  grid-template-columns:64px 1fr!important;
  gap:6px 14px!important;
  padding:16px 16px 16px 18px!important;
  border-radius:22px!important;
}
.layer-accent{left:14px!important;top:18px!important;height:44px!important}
.layer-icon{width:54px!important;height:54px!important;font-size:23px!important;border-radius:18px!important}
.layer-card small{font-size:11px!important;line-height:1.1!important}
.layer-card b{font-size:15px!important;line-height:1.32!important}

.visual-flow.hero-sync-panel{
  grid-template-columns:minmax(210px,1fr) 44px minmax(210px,1fr) 44px minmax(220px,1.04fr) 44px minmax(220px,1.04fr)!important;
  gap:10px!important;
  padding:18px 18px 18px!important;
  margin-top:18px!important;
  border-radius:30px!important;
  overflow:visible!important;
}
.visual-node.path-node{
  min-height:236px!important;
  padding:16px 14px!important;
  border-radius:22px!important;
}
.visual-node.path-node small{
  width:42px!important;height:42px!important;padding:0!important;
  border-radius:14px!important;font-size:16px!important;line-height:1!important;
}
.visual-node.path-node b{font-size:18px!important;line-height:1.1!important;margin-top:10px!important}
.visual-node.path-node span{font-size:11px!important;line-height:1.45!important;margin-top:6px!important}
.node-copy{gap:4px!important}
.node-visual{min-height:118px!important;margin-top:10px!important}

.rush-visual{min-height:122px!important}
.channel-bubble{width:44px!important;height:44px!important}
.channel-bubble img{width:24px!important;height:24px!important}
.channel-bubble.z{left:8px!important;top:0!important}
.channel-bubble.m{left:24px!important;bottom:24px!important}
.channel-bubble.w{right:10px!important;bottom:8px!important}
.channel-bubble.s{left:6px!important;bottom:6px!important}
.funnel-ring.r1{inset:auto 40px 12px 40px!important;height:34px!important;width:auto!important}
.funnel-ring.r2{inset:auto 62px 6px 62px!important;height:20px!important;width:auto!important}
.funnel-dot{width:18px!important;height:18px!important;bottom:22px!important;left:calc(50% - 9px)!important}

.intent-visual{grid-template-columns:1fr 88px!important;gap:8px!important}
.intent-list span{font-size:11px!important;padding:8px 10px!important;border-radius:12px!important}
.ai-orb-mini{width:76px!important;height:76px!important}
.ai-orb-mini b{font-size:28px!important}

.crm-card-mini{padding:12px!important;border-radius:16px!important}
.crm-card-mini header b{font-size:12px!important}
.crm-card-mini header strong{font-size:9px!important;padding:3px 6px!important}
.crm-card-mini p{margin:5px 0!important;font-size:10px!important;grid-template-columns:18px 1fr auto!important}
.crm-card-mini p span,.crm-card-mini p b{font-size:10px!important}
.crm-card-mini em{height:4px!important;margin-top:8px!important}

.booking-visual{min-height:120px!important}
.phone-confirm{width:118px!important;height:152px!important;border-radius:22px!important;padding:12px 10px!important}
.phone-confirm span{font-size:9px!important}
.phone-confirm i{font-size:30px!important;width:58px!important;height:58px!important}
.phone-confirm b{font-size:12px!important;line-height:1.1!important}
.notify-bell{width:38px!important;height:38px!important;font-size:18px!important;right:8px!important;top:8px!important}
.success-ring{width:140px!important;height:44px!important}

.flow-connector{width:44px!important}
.flow-connector:before{height:2px!important}
.flow-connector:after{right:-2px!important;top:calc(50% - 6px)!important;border-left:10px solid #4CA633!important;border-top:6px solid transparent!important;border-bottom:6px solid transparent!important}
.flow-connector span{width:58px!important;font-size:10px!important;transform:translateY(-22px)!important;line-height:1.05!important}

.flow-benefits{
  position:relative!important;
  grid-column:1/-1!important;
  left:auto!important;right:auto!important;bottom:auto!important;
  margin-top:2px!important;
  padding:12px 14px!important;
  gap:8px!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  border-radius:18px!important;
}
.flow-benefits span{font-size:12px!important;line-height:1.2!important}

@media (max-width:1500px){
  .visual-flow.hero-sync-panel{grid-template-columns:minmax(190px,1fr) 34px minmax(190px,1fr) 34px minmax(200px,1.02fr) 34px minmax(200px,1.02fr)!important}
  .visual-node.path-node{min-height:224px!important}
  .visual-node.path-node b{font-size:17px!important}
  .visual-node.path-node span{font-size:10.5px!important}
  .flow-connector{width:34px!important}
  .flow-connector span{width:52px!important;font-size:9px!important}
}
@media (max-width:1280px){
  .visual-layers.hero-sync-panel{grid-template-columns:repeat(2,1fr)!important}
  .visual-flow.hero-sync-panel{grid-template-columns:1fr!important;padding:16px!important}
  .flow-benefits{grid-template-columns:repeat(2,1fr)!important}
}

/* ==== V50 all remaining sections compact + synchronized visual system ==== */
:root{
  --v50-panel-pad:18px;
  --v50-card-pad:16px;
  --v50-gap:12px;
  --v50-radius:24px;
  --v50-radius-lg:28px;
}
.section-wrap{width:min(var(--max),93.5vw)!important}
.section-block{padding:62px 0!important}
.section-block.cinematic-block,
.hero-sync-panel,
.direct-booking-cta,
.contact-card,
.demo-lab,
.calc-board,
.compare-card{
  border-radius:28px!important;
}
.section-head{max-width:820px!important;margin:0 0 20px!important}
.section-head.center{margin:0 auto 20px!important}
.section-head h2{font-size:clamp(30px,3.6vw,46px)!important;line-height:1.06!important;margin:10px 0!important;letter-spacing:-.042em!important}
.section-head p{font-size:15px!important;line-height:1.62!important;max-width:68ch}
.section-head .tag{padding:7px 11px!important;font-size:10px!important}

/* compact trust/proof/info strips */
.trust-strip,.proof-strip,.proof-console{gap:10px!important}
.trust-strip div,.proof-strip div,.proof-console article,
.pain-grid article,.feature-grid article,.timeline article,.pricing-grid article,
.compare-col,.faq-list details{
  border-radius:20px!important;
  padding:16px!important;
}
.trust-strip small,.proof-strip small,.proof-console small{font-size:10px!important}
.trust-strip b{font-size:15px!important}

/* social proof */
.proof-grid{grid-template-columns:1.12fr .92fr .92fr!important;gap:12px!important}
.proof-card,.proof-metric{border-radius:22px!important;padding:18px!important}
.proof-card h3{font-size:26px!important;margin:14px 0 8px!important}
.proof-card p,.proof-strip span,.proof-console span{font-size:13px!important;line-height:1.55!important}
.proof-quote{margin-top:14px!important;padding:10px 12px!important;border-radius:0 14px 14px 0!important}
.proof-metric{min-height:156px!important}.proof-metric b{font-size:34px!important;margin:14px 0 6px!important}
.proof-strip div{padding:15px 16px!important;border-radius:18px!important}.proof-strip b{font-size:24px!important}
.proof-console article{padding:16px 16px 14px!important}.proof-console b{font-size:17px!important;margin:12px 0 6px!important}

/* pain / before-after / feature / rollout / pricing cards */
.pain-grid,.feature-grid,.timeline,.pricing-grid{gap:12px!important}
.pain-grid article span,.feature-grid article i{width:38px!important;height:38px!important;border-radius:12px!important;margin-bottom:12px!important}
.pain-grid h3,.feature-grid h3,.timeline h3,.pricing-grid h3{font-size:21px!important;line-height:1.12!important;margin:0 0 8px!important}
.pain-grid p,.feature-grid p,.timeline p,.pricing-grid p,.compare-col li,.faq-list p,.contact-copy p,.calc-note,.loss-card span{font-size:14px!important;line-height:1.58!important}
.pain-grid article b{margin-top:12px!important;padding:6px 9px!important;font-size:10px!important}

/* demo section */
.demo-lab,.calc-board,.contact-card{
  grid-template-columns:minmax(300px,.82fr) minmax(460px,1.18fr)!important;
  gap:16px!important;padding:18px!important;border-radius:28px!important;
}
.demo-phone-wrap{min-height:560px!important}
.phone-top{border-radius:18px!important;padding:12px 14px!important;margin-bottom:10px!important}
.phone-screen{height:460px!important;border-width:7px!important;border-radius:30px!important;padding:14px 14px!important;gap:10px!important}
.typing-bar{margin-top:8px!important;padding:9px 12px!important;border-radius:16px!important;font-size:13px!important}
.crm-panel{padding:18px!important;border-radius:24px!important}
.crm-top b{font-size:21px!important}.crm-top small{font-size:10px!important}
.crm-specs{gap:10px!important}.crm-specs div{padding:11px 12px!important;border-radius:16px!important}
.flow-title,.next-action,.deal-monitor{margin-top:12px!important}
.flow-steps{gap:8px!important}
.flow-step{padding:12px!important;border-radius:16px!important}
.next-action{padding:12px 14px!important;border-radius:16px!important}
.deal-monitor{padding:14px!important;border-radius:18px!important}
.deal-monitor-grid{gap:8px!important}.deal-monitor-grid div{padding:9px 10px!important;border-radius:14px!important}

/* ROI */
.calc-board{grid-template-columns:minmax(300px,.88fr) minmax(420px,1.12fr)!important}
.calc-board .controls,.calc-board .results{padding:16px!important;border-radius:20px!important}
.calc-board label{gap:8px!important}
.calc-board label span{font-size:12px!important}
.calc-board label b{font-size:14px!important}
.loss-card.main{padding:16px!important;border-radius:20px!important}
.loss-card.main strong{font-size:34px!important;line-height:1.02!important}
.loss-grid{gap:10px!important}.loss-grid div{padding:14px!important;border-radius:16px!important}
.loss-grid b{font-size:22px!important}

/* before / after */
.compare-card{grid-template-columns:1fr 130px 1fr!important;gap:14px!important;padding:18px!important}
.compare-col{padding:16px!important;border-radius:22px!important}
.compare-col h3{font-size:25px!important;margin:10px 0!important}
.compare-col ul{gap:8px!important}
.compare-center{border-radius:24px!important;padding:14px!important}
.compare-center span{width:78px!important;height:78px!important;font-size:14px!important}
.compare-center i{height:56px!important}
.compare-center b{font-size:12px!important}

/* features / rollout */
.feature-grid article,.timeline article{padding:16px!important}
.timeline span,.pricing-grid small{padding:6px 9px!important;font-size:10px!important}
.timeline article{border-radius:20px!important}

/* pricing */
.pricing-grid article{padding:18px!important;border-radius:22px!important}
.pricing-grid article.featured{transform:translateY(-4px)!important}
.pricing-grid em{right:14px!important;top:14px!important}
.pricing-grid a{margin-top:14px!important;padding:11px!important}

/* faq */
.faq-list{gap:8px!important;max-width:860px!important}
.faq-list summary{padding:15px 18px!important;font-size:16px!important}
.faq-list p{padding:0 18px 16px!important}

/* CTA + contact */
.direct-booking-cta{grid-template-columns:1.04fr .96fr!important;gap:16px!important;margin:16px auto!important;padding:18px!important}
.direct-booking-cta h2{font-size:clamp(27px,3.2vw,40px)!important;margin:10px 0!important}
.direct-booking-cta p{font-size:14px!important;line-height:1.58!important}
.cta-actions{gap:8px!important}
.cta-actions .btn{min-height:46px!important}
.contact-card .contact-copy,.contact-card form{padding:14px!important;border-radius:18px!important}
.contact-copy ul{gap:8px!important}
.contact-form input,.contact-form select,.contact-form textarea{border-radius:14px!important;padding:12px 14px!important}
.contact-form .form-row{gap:10px!important}
.form-note{font-size:12px!important}

/* dashboard sync */
.dashboard-wow{padding:18px!important;border-radius:28px!important}
.dashboard-wow .dash-head{margin-bottom:14px!important}
.dashboard-wow .dash-head b{font-size:24px!important}
.dashboard-wow .dash-head small{font-size:13px!important}
.dashboard-wow .kpi-grid{gap:10px!important}.dashboard-wow .kpi-card{padding:14px!important;border-radius:18px!important}
.dashboard-wow .journey-panel,.dashboard-wow .insight-panel{padding:16px!important;border-radius:22px!important}
.dashboard-wow .dash-flow{gap:8px!important}
.dashboard-wow .flow-card{padding:12px 14px!important;border-radius:14px!important}

/* slightly tighter visual system on large screens */
@media (max-width:1280px){
  .proof-grid{grid-template-columns:1fr 1fr!important}
  .proof-grid .main-proof{grid-column:1/-1!important}
  .demo-lab,.calc-board,.contact-card,.compare-card,.direct-booking-cta{grid-template-columns:1fr!important}
}
@media (max-width:720px){
  .section-wrap{width:min(100vw - 24px,var(--max))!important}
  .section-block{padding:48px 0!important}
  .section-block.cinematic-block{padding:56px 14px 18px!important}
  .section-head h2{font-size:33px!important}
  .proof-grid,.proof-strip,.proof-console,.trust-strip,.pain-grid,.feature-grid,.timeline,.pricing-grid,.loss-grid{grid-template-columns:1fr!important}
  .phone-screen{height:420px!important}
  .proof-metric{min-height:136px!important}
}

/* ==== V51 social proof one-page visual redesign ==== */
.proof-onepage{
  padding:34px 24px 26px!important;
  border-radius:30px!important;
  overflow:hidden!important;
}
.proof-onepage:before{opacity:.45!important}
.proof-onepage .cinematic-block:before{display:none!important}
.proof-one-head{
  display:grid!important;
  grid-template-columns:minmax(340px,.72fr) minmax(360px,.9fr)!important;
  align-items:end!important;
  gap:24px!important;
  margin:0 0 18px!important;
}
.proof-one-head .tag{margin-bottom:8px!important}
.proof-one-head h2{
  font-size:clamp(30px,3.3vw,44px)!important;
  line-height:1.03!important;
  letter-spacing:-.045em!important;
  margin:0!important;
  max-width:16ch!important;
}
.proof-one-head p{
  margin:0!important;
  color:#b9c9e5!important;
  font-size:14px!important;
  line-height:1.58!important;
  max-width:58ch!important;
}
.proof-one-flow{
  display:grid!important;
  grid-template-columns:minmax(230px,1fr) 64px minmax(230px,1fr) 64px minmax(240px,1fr)!important;
  gap:12px!important;
  align-items:stretch!important;
}
.proof-stage{
  position:relative!important;
  min-height:266px!important;
  padding:18px!important;
  border-radius:24px!important;
  border:1px solid rgba(122,176,255,.18)!important;
  background:radial-gradient(circle at 85% 10%,rgba(0,145,255,.12),transparent 38%),linear-gradient(145deg,rgba(255,255,255,.075),rgba(0,145,255,.032))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.055),0 18px 42px rgba(0,0,0,.14)!important;
  overflow:hidden!important;
}
.proof-stage:before{content:"";position:absolute;left:16px;right:16px;top:0;height:2px;background:linear-gradient(90deg,#0091FF,#6366F1,#4CA633);opacity:.72}
.proof-stage small{display:inline-flex!important;height:24px;align-items:center;padding:0 10px;border-radius:999px;border:1px solid rgba(122,176,255,.18);background:rgba(0,145,255,.08);color:#95ddff!important;font-size:10px!important;font-weight:1000!important;letter-spacing:.08em;text-transform:uppercase!important}
.proof-stage h3{font-size:21px!important;line-height:1.12!important;margin:12px 0 10px!important;color:#f7fbff!important;max-width:13ch!important}
.proof-stage p{position:absolute!important;left:18px;right:18px;bottom:16px;margin:0!important;color:#adc0e0!important;font-size:12.5px!important;line-height:1.5!important}
.inbox-stage{border-color:rgba(0,145,255,.22)!important}.ai-stage{border-color:rgba(99,102,241,.24)!important}.booking-stage{border-color:rgba(76,166,51,.28)!important}

.mini-channel-orbit{position:absolute;right:20px;top:72px;width:154px;height:132px;border-radius:28px;background:radial-gradient(circle at 50% 60%,rgba(0,145,255,.28),transparent 42%)}
.mini-channel-orbit:before,.mini-channel-orbit:after{content:"";position:absolute;left:18px;right:18px;bottom:16px;height:38px;border:1px solid rgba(0,145,255,.28);border-radius:50%;transform:rotate(8deg);box-shadow:0 0 22px rgba(0,145,255,.14)}
.mini-channel-orbit:after{left:42px;right:42px;bottom:6px;height:24px;opacity:.7;transform:rotate(-8deg)}
.mini-channel-orbit span{position:absolute;width:42px;height:42px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.05));border:1px solid rgba(122,176,255,.20);box-shadow:0 10px 26px rgba(0,0,0,.14)}
.mini-channel-orbit span img{width:23px;height:23px;object-fit:contain;border-radius:6px}.mini-channel-orbit span:nth-child(1){left:8px;top:4px}.mini-channel-orbit span:nth-child(2){right:10px;top:10px}.mini-channel-orbit span:nth-child(3){right:18px;bottom:18px}.mini-channel-orbit span:nth-child(4){left:28px;bottom:20px}.mini-channel-orbit i{position:absolute;left:calc(50% - 10px);bottom:32px;width:20px;height:20px;border-radius:50%;background:#34e8ff;box-shadow:0 0 24px rgba(52,232,255,.70)}

.ai-checklist{position:absolute;right:16px;top:76px;width:176px;display:grid;grid-template-columns:1fr 78px;gap:7px;align-items:center}
.ai-checklist span{display:block;padding:8px 10px;border-radius:12px;border:1px solid rgba(122,176,255,.18);background:rgba(0,145,255,.07);color:#d9ecff;font-size:11px;font-weight:900}.ai-checklist strong{grid-row:1/5;grid-column:2;width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#2b8cff 0,#1267e8 44%,#06214e 72%);border:1px solid rgba(0,145,255,.42);color:#fff;font-size:28px;box-shadow:0 0 36px rgba(0,145,255,.34)}

.mini-crm-ticket{position:absolute;right:16px;top:72px;width:178px;border-radius:18px;border:1px solid rgba(122,176,255,.20);background:linear-gradient(180deg,rgba(7,21,48,.90),rgba(5,14,32,.82));padding:12px;box-shadow:0 18px 34px rgba(0,0,0,.18)}
.mini-crm-ticket header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.mini-crm-ticket header b{font-size:12px;color:#fff}.mini-crm-ticket header em{font-style:normal;font-size:9px;font-weight:1000;color:#9fff91;background:rgba(76,166,51,.18);border-radius:999px;padding:4px 6px}.mini-crm-ticket p{position:static!important;display:grid;grid-template-columns:1fr auto;margin:6px 0!important;font-size:11px!important;line-height:1.1!important}.mini-crm-ticket p span{color:#9eb6d9}.mini-crm-ticket p b{color:#fff}.mini-crm-ticket footer{margin-top:10px;border-top:1px solid rgba(122,176,255,.14);padding-top:8px;color:#99ff91;font-size:10px;font-weight:1000}

.proof-arrow{position:relative;display:grid;place-items:center;align-self:center;height:120px;border-radius:18px;background:linear-gradient(180deg,rgba(0,145,255,.14),rgba(76,166,51,.08));border:1px solid rgba(122,176,255,.14)}
.proof-arrow:before{content:"";position:absolute;left:10px;right:10px;top:50%;height:2px;background:linear-gradient(90deg,#0091FF,#34e8ff,#4CA633);box-shadow:0 0 16px rgba(0,145,255,.32)}
.proof-arrow:after{content:"";position:absolute;right:5px;top:calc(50% - 6px);border-left:11px solid #4CA633;border-top:6px solid transparent;border-bottom:6px solid transparent}.proof-arrow b,.proof-arrow span{position:relative;z-index:2;text-align:center}.proof-arrow b{display:block;color:#fff;font-size:11px;background:rgba(5,14,32,.90);border:1px solid rgba(122,176,255,.18);padding:5px 7px;border-radius:999px}.proof-arrow span{display:block;margin-top:6px;color:#66eaff;font-weight:1000;font-size:10px;line-height:1.05}

.proof-one-metrics{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:10px!important;margin-top:12px!important}
.proof-one-metrics div{padding:13px 14px!important;border-radius:18px!important;border:1px solid rgba(122,176,255,.16)!important;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(0,145,255,.032))!important;box-shadow:inset 0 1px rgba(255,255,255,.045)!important}
.proof-one-metrics small{display:block;color:#81d8ff;font-size:10px;font-weight:1000;text-transform:uppercase;letter-spacing:.08em}.proof-one-metrics b{display:block;margin-top:4px;color:#f8fbff;font-size:16px;line-height:1.18}.proof-one-metrics div:nth-child(3) b,.proof-one-metrics div:nth-child(4) b{color:#a7ff9b!important}
.proof-one-case{margin-top:10px;padding:13px 16px!important;border-radius:18px!important;border:1px solid rgba(122,176,255,.16)!important;background:linear-gradient(135deg,rgba(0,145,255,.08),rgba(76,166,51,.045))!important;display:grid!important;grid-template-columns:auto 1fr!important;gap:12px!important;align-items:center!important}.proof-one-case b{color:#fff;font-size:16px}.proof-one-case span{color:#b9c9e5;font-size:13px;line-height:1.45}

@media(max-width:1280px){.proof-one-head{grid-template-columns:1fr!important;gap:8px!important}.proof-one-flow{grid-template-columns:1fr!important}.proof-arrow{height:42px}.proof-one-metrics{grid-template-columns:repeat(2,1fr)!important}.proof-stage p{position:static!important;margin-top:10px!important}.mini-channel-orbit,.ai-checklist,.mini-crm-ticket{position:relative!important;right:auto!important;top:auto!important;margin:8px 0 0 auto}}
@media(max-width:720px){.proof-onepage{padding:24px 16px!important}.proof-one-head h2{font-size:32px!important}.proof-one-metrics,.proof-one-case{grid-template-columns:1fr!important}.proof-stage{min-height:auto!important}.mini-channel-orbit,.ai-checklist,.mini-crm-ticket{width:100%!important}.ai-checklist{grid-template-columns:1fr!important}.ai-checklist strong{grid-row:auto;grid-column:auto;margin:auto}.proof-arrow:after{right:calc(50% - 6px);top:auto;bottom:4px;transform:rotate(90deg)}}

/* ==== V53 Option A visual light: clearer, premium, not too heavy ==== */
.proof-a-light{
  padding:30px 28px 26px!important;
  border-radius:30px!important;
  background:
    radial-gradient(circle at 16% 16%,rgba(0,145,255,.13),transparent 28%),
    radial-gradient(circle at 86% 74%,rgba(76,166,51,.075),transparent 25%),
    linear-gradient(145deg,rgba(8,19,41,.94),rgba(8,16,34,.90))!important;
}
.proof-a-light:before{
  opacity:.52!important;
  background:
    linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px),
    radial-gradient(circle at 50% 35%,rgba(0,145,255,.09),transparent 36%)!important;
  background-size:30px 30px,30px 30px,auto!important;
}
.proof-a-light .proof-one-head{
  grid-template-columns:minmax(300px,.72fr) minmax(360px,1fr)!important;
  gap:16px!important;
  align-items:end!important;
  margin-bottom:16px!important;
}
.proof-a-light .proof-one-head h2{
  max-width:13ch!important;
  font-size:clamp(30px,3.15vw,44px)!important;
  line-height:1.04!important;
  letter-spacing:-.046em!important;
}
.proof-a-light .proof-one-head p{
  max-width:58ch!important;
  font-size:14px!important;
  line-height:1.56!important;
  color:#aec4e2!important;
}
.proof-a-light .proof-one-flow{
  grid-template-columns:minmax(240px,1fr) 60px minmax(240px,1fr) 60px minmax(250px,1.06fr)!important;
  gap:12px!important;
  align-items:stretch!important;
}
.proof-a-light .proof-stage{
  min-height:270px!important;
  padding:16px!important;
  border-radius:24px!important;
  background:linear-gradient(154deg,rgba(255,255,255,.062),rgba(0,145,255,.026))!important;
  border-color:rgba(122,176,255,.18)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.05)!important;
}
.proof-a-light .proof-stage:after{
  content:"";position:absolute;inset:auto 14px 14px auto;width:92px;height:92px;border-radius:50%;
  background:radial-gradient(circle,rgba(0,145,255,.12),transparent 68%);opacity:.9;pointer-events:none;
}
.proof-a-light .proof-stage small{height:23px!important;font-size:9px!important;padding:0 9px!important}
.proof-a-light .proof-stage h3{font-size:19px!important;max-width:13.5ch!important;margin:10px 0 8px!important}
.proof-a-light .proof-stage p{font-size:11.8px!important;line-height:1.42!important;bottom:14px!important;left:16px!important;right:16px!important;color:#adc1df!important}

.proof-a-light .mini-channel-orbit{
  width:160px!important;height:126px!important;right:18px!important;top:88px!important;
  border-radius:26px!important;background:radial-gradient(circle at 50% 56%,rgba(0,145,255,.15),transparent 52%);
}
.proof-a-light .mini-channel-orbit:before{
  content:"";position:absolute;left:50%;top:52%;width:46px;height:46px;border-radius:50%;transform:translate(-50%,-50%);
  background:radial-gradient(circle,#8ff0ff,#0091FF 55%,rgba(0,145,255,.18));box-shadow:0 0 26px rgba(0,145,255,.34);
}
.proof-a-light .mini-channel-orbit span{width:36px!important;height:36px!important;box-shadow:0 8px 18px rgba(0,0,0,.16)!important}
.proof-a-light .mini-channel-orbit span img{width:22px!important;height:22px!important}
.proof-a-light .mini-channel-orbit i{opacity:.85!important;border-color:rgba(0,145,255,.28)!important;animation:proofSpin 9s linear infinite}
.proof-a-light .mini-channel-orbit span:nth-child(1){left:11px!important;top:18px!important}
.proof-a-light .mini-channel-orbit span:nth-child(2){right:13px!important;top:20px!important}
.proof-a-light .mini-channel-orbit span:nth-child(3){right:25px!important;bottom:12px!important}
.proof-a-light .mini-channel-orbit span:nth-child(4){left:20px!important;bottom:18px!important}

.proof-a-light .ai-checklist{
  position:absolute!important;right:16px!important;top:86px!important;width:178px!important;
  display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;
}
.proof-a-light .ai-checklist span{font-size:10px!important;padding:8px 9px!important;border-radius:12px!important;background:rgba(0,145,255,.08)!important;border-color:rgba(122,176,255,.18)!important}
.proof-a-light .ai-checklist strong{
  grid-column:1/-1!important;margin:auto!important;width:62px!important;height:62px!important;border-radius:20px!important;
  background:radial-gradient(circle at 38% 30%,#fff,#78eaff 18%,#0d78ff 56%,#163464 100%)!important;
  box-shadow:0 0 30px rgba(0,145,255,.32)!important;font-size:21px!important;animation:chipBreath 3s ease-in-out infinite;
}
.proof-a-light .mini-crm-ticket{
  width:178px!important;right:16px!important;top:78px!important;border-radius:18px!important;padding:12px!important;
  box-shadow:0 16px 34px rgba(0,0,0,.18),0 0 24px rgba(76,166,51,.08)!important;
}
.proof-a-light .mini-crm-ticket header b{font-size:12px!important}.proof-a-light .mini-crm-ticket header em{font-size:9px!important;padding:3px 6px!important}
.proof-a-light .mini-crm-ticket p{font-size:10px!important;margin:6px 0!important}.proof-a-light .mini-crm-ticket footer{font-size:10px!important;margin-top:8px!important}

.proof-a-light .proof-arrow{height:100px!important;border-radius:16px!important;background:linear-gradient(180deg,rgba(0,145,255,.10),rgba(76,166,51,.052))!important}
.proof-a-light .proof-arrow:before{left:9px!important;right:9px!important;height:2px!important;box-shadow:0 0 14px rgba(0,145,255,.28)!important}
.proof-a-light .proof-arrow:after{right:3px!important;border-left-width:10px!important;border-top-width:6px!important;border-bottom-width:6px!important}
.proof-a-light .proof-arrow b{font-size:10px!important;padding:5px 7px!important}.proof-a-light .proof-arrow span{font-size:9px!important}
.motion-live .proof-a-light .proof-arrow:before{animation:lineGlow 2.4s ease-in-out infinite}

.proof-a-light .proof-one-metrics{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important;margin-top:12px!important}
.proof-a-light .proof-one-metrics div{padding:12px 13px!important;border-radius:16px!important;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(0,145,255,.026))!important}
.proof-a-light .proof-one-metrics small{font-size:9px!important}.proof-a-light .proof-one-metrics b{font-size:15px!important;line-height:1.16!important}
.proof-a-light .proof-one-case{margin-top:10px!important;padding:12px 14px!important;border-radius:16px!important;grid-template-columns:auto 1fr!important;background:linear-gradient(135deg,rgba(0,145,255,.065),rgba(76,166,51,.038))!important}
.proof-a-light .proof-one-case b{font-size:15px!important}.proof-a-light .proof-one-case span{font-size:12.5px!important;line-height:1.42!important}

@keyframes proofSpin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes chipBreath{0%,100%{transform:scale(.98);filter:brightness(1)}50%{transform:scale(1.035);filter:brightness(1.12)}}
@keyframes lineGlow{0%,100%{opacity:.48}50%{opacity:1;filter:drop-shadow(0 0 10px rgba(61,235,255,.42))}}

@media(max-width:1280px){
  .proof-a-light .proof-one-head{grid-template-columns:1fr!important}
  .proof-a-light .proof-one-flow{grid-template-columns:1fr!important}
  .proof-a-light .proof-arrow{height:42px!important}
  .proof-a-light .proof-stage p{position:static!important;margin-top:12px!important}
  .proof-a-light .mini-channel-orbit,.proof-a-light .ai-checklist,.proof-a-light .mini-crm-ticket{position:relative!important;right:auto!important;top:auto!important;margin:12px 0 0 auto!important}
}
@media(max-width:720px){
  .proof-a-light{padding:24px 16px!important}
  .proof-a-light .proof-one-head h2{font-size:32px!important;max-width:14ch!important}
  .proof-a-light .proof-one-metrics,.proof-a-light .proof-one-case{grid-template-columns:1fr!important}
  .proof-a-light .mini-channel-orbit,.proof-a-light .ai-checklist,.proof-a-light .mini-crm-ticket{width:100%!important}
}

/* ==== V54 pain section: compact visual problem map ==== */
.pain-v54{
  position:relative!important;
  padding:34px 30px 28px!important;
  overflow:hidden!important;
}
.pain-v54:before{
  opacity:.58!important;
  background:
    radial-gradient(circle at 14% 2%,rgba(206,65,58,.12),transparent 24%),
    radial-gradient(circle at 88% 100%,rgba(0,145,255,.12),transparent 26%),
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px)!important;
  background-size:auto,auto,32px 32px,32px 32px!important;
}
.pain-v54-head{
  display:grid!important;
  grid-template-columns:minmax(280px,.8fr) minmax(420px,1.1fr) auto!important;
  align-items:center!important;
  gap:18px!important;
  margin-bottom:18px!important;
}
.pain-v54-head .tag{margin:0!important}
.pain-title-block h2{
  margin:10px 0 0!important;
  color:#f7fbff!important;
  font-size:clamp(28px,3vw,42px)!important;
  line-height:1.06!important;
  letter-spacing:-.045em!important;
  max-width:15ch!important;
}
.pain-v54-head p{
  margin:0!important;
  color:#adc0e0!important;
  font-size:14px!important;
  line-height:1.62!important;
  max-width:64ch!important;
}
.pain-v54-alert{
  min-width:170px;
  padding:14px 16px;
  border-radius:20px;
  border:1px solid rgba(206,65,58,.28);
  background:linear-gradient(145deg,rgba(206,65,58,.12),rgba(0,145,255,.04));
  box-shadow:inset 0 1px rgba(255,255,255,.05),0 16px 34px rgba(206,65,58,.08);
}
.pain-v54-alert b{display:block;color:#fff;font-size:28px;line-height:1}.pain-v54-alert span{display:block;margin-top:5px;color:#ffd0c9;font-weight:900;font-size:12px}
.pain-v54-board{display:grid!important;grid-template-columns:minmax(360px,.9fr) minmax(520px,1.1fr)!important;gap:16px!important;align-items:stretch!important}
.lead-leak-visual,.pain-v54-card{
  position:relative;overflow:hidden;border-radius:24px;border:1px solid rgba(122,176,255,.16);
  background:linear-gradient(160deg,rgba(10,22,46,.94),rgba(10,18,37,.86));
  box-shadow:0 22px 54px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.05);
}
.lead-leak-visual{min-height:430px;padding:18px}.lead-leak-visual:before,.pain-v54-card:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,#0091FF,#6366F1,#4CA633);opacity:.75}.lead-leak-visual:after{content:"";position:absolute;left:50%;top:54%;width:320px;height:320px;margin:-160px 0 0 -160px;border-radius:50%;background:radial-gradient(circle,rgba(0,145,255,.12),transparent 64%);pointer-events:none;animation:v54Pulse 4.8s ease-in-out infinite}
.leak-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px}.leak-top small{display:inline-flex;height:24px;align-items:center;padding:0 10px;border-radius:999px;background:rgba(0,145,255,.09);border:1px solid rgba(122,176,255,.18);color:#8bddff;font-size:10px;font-weight:1000;letter-spacing:.08em}.leak-top b{color:#fff;font-size:16px}
.message-stack{position:relative;z-index:2;display:grid;gap:9px;margin-top:18px}.msg-bubble{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;min-height:54px;padding:10px 12px;border-radius:18px;border:1px solid rgba(122,176,255,.14);background:rgba(255,255,255,.052)}.msg-bubble i{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,rgba(0,145,255,.18),rgba(99,102,241,.14));font-style:normal}.msg-bubble span{color:#edf6ff;font-weight:850;font-size:13px;line-height:1.28}.msg-bubble em{font-style:normal;color:#86a5ca;font-size:11px;font-weight:900}.msg-bubble.risk{border-color:rgba(206,65,58,.24);background:linear-gradient(135deg,rgba(206,65,58,.12),rgba(255,255,255,.04))}.msg-bubble.risk i{background:linear-gradient(135deg,rgba(206,65,58,.25),rgba(99,102,241,.12))}.motion-live .msg-bubble{animation:floatY 3.4s ease-in-out infinite}.motion-live .msg-bubble.delay{animation-delay:.25s}.motion-live .msg-bubble.risk{animation-delay:.5s}
.leak-timer{position:relative;z-index:2;display:grid;grid-template-columns:1fr 86px;align-items:center;gap:12px;margin-top:16px;padding:14px;border-radius:20px;background:linear-gradient(145deg,rgba(206,65,58,.10),rgba(255,255,255,.035));border:1px solid rgba(206,65,58,.20)}.leak-timer small{display:block;color:#ffc1ba;font-size:10px;font-weight:1000;letter-spacing:.08em;text-transform:uppercase}.leak-timer b{display:block;margin-top:2px;color:#fff;font-size:34px;line-height:1}.timer-ring{position:relative;width:74px;height:74px;border-radius:50%;border:1px solid rgba(206,65,58,.28);background:conic-gradient(#CE413A 0 70%,rgba(255,255,255,.08) 70% 100%);box-shadow:0 0 28px rgba(206,65,58,.12)}.timer-ring:before{content:"";position:absolute;inset:10px;border-radius:50%;background:#0b172f}.timer-ring i{position:absolute;left:50%;top:50%;width:3px;height:26px;background:#ffd0ca;transform-origin:bottom center;animation:v54Clock 2.5s linear infinite}
.leak-path{position:relative;z-index:2;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;margin-top:18px}.leak-path i{height:3px;border-radius:999px;background:linear-gradient(90deg,#0091FF,#6366F1,#CE413A);box-shadow:0 0 16px rgba(0,145,255,.22)}.path-point{display:inline-flex;align-items:center;height:32px;padding:0 10px;border-radius:999px;font-size:11px;font-weight:1000;color:#fff;border:1px solid rgba(122,176,255,.16);background:rgba(0,145,255,.08)}.path-point.lost{border-color:rgba(206,65,58,.28);background:rgba(206,65,58,.12);color:#ffd9d4}
.ota-card{position:relative;z-index:2;margin-top:18px;padding:15px;border-radius:20px;border:1px solid rgba(206,65,58,.20);background:linear-gradient(145deg,rgba(206,65,58,.10),rgba(255,255,255,.035))}.ota-card small{display:inline-flex;padding:5px 8px;border-radius:999px;background:rgba(206,65,58,.12);color:#ffd3cd;font-size:10px;font-weight:1000;text-transform:uppercase}.ota-card b{display:block;margin-top:10px;color:#fff;font-size:22px}.ota-card span{display:block;margin-top:6px;color:#b9c9e5;font-size:13px;line-height:1.45}
.pain-v54-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.pain-v54-card{min-height:208px;padding:16px}.pain-v54-card .card-no{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,#0091FF,#4CA633);color:#07111d;font-weight:1000}.pain-v54-card .card-icon{position:absolute;right:16px;top:15px;width:48px;height:48px;border-radius:16px;display:grid;place-items:center;font-size:22px;border:1px solid rgba(122,176,255,.16);background:rgba(0,145,255,.08)}.pain-v54-card h3{margin:14px 0 8px;color:#fff;font-size:21px;line-height:1.12}.pain-v54-card p{margin:0;color:#adc0e0;font-size:13.5px;line-height:1.52}.pain-v54-card b{display:inline-flex;margin-top:14px;padding:6px 9px;border-radius:999px;background:rgba(0,145,255,.08);border:1px solid rgba(122,176,255,.16);color:#dff6ff;font-size:11px}.time-card,.owner-card{border-color:rgba(206,65,58,.20)}.time-card b,.owner-card b{background:rgba(206,65,58,.10);border-color:rgba(206,65,58,.18);color:#ffd5cf}.revenue-card{border-color:rgba(76,166,51,.26)}.revenue-card b{background:rgba(76,166,51,.10);border-color:rgba(76,166,51,.20);color:#ceffc6}
.pain-v54-summary{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:10px!important;margin-top:14px!important}.pain-v54-summary span{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 10px;border-radius:18px;border:1px solid rgba(122,176,255,.16);background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(0,145,255,.03));color:#e8f4ff;font-weight:900;font-size:13px}.pain-v54-summary i{font-style:normal}
@keyframes v54Pulse{0%,100%{transform:scale(.92);opacity:.4}50%{transform:scale(1.05);opacity:.8}}
@keyframes v54Clock{to{transform:translate(-50%,-100%) rotate(360deg)}}
@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media(max-width:1280px){.pain-v54-head{grid-template-columns:1fr!important}.pain-v54-alert{width:max-content}.pain-v54-board{grid-template-columns:1fr!important}.lead-leak-visual{min-height:360px}.pain-v54-summary{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:720px){.pain-v54{padding:24px 16px!important}.pain-title-block h2{font-size:32px!important;max-width:none!important}.pain-v54-grid,.pain-v54-summary{grid-template-columns:1fr!important}.lead-leak-visual{padding:14px}.msg-bubble{grid-template-columns:30px 1fr}.msg-bubble em{display:none}.pain-v54-card{min-height:auto}.pain-v54-card h3{font-size:20px}.leak-timer{grid-template-columns:1fr}.timer-ring{justify-self:center}}

/* V55 · Demo section one-page compact visual */
.demo-v55-section{padding-top:70px!important}
.demo-v55-head{max-width:860px;margin:0 auto 18px;text-align:center}
.demo-v55-head h2{font-size:clamp(34px,4vw,52px);line-height:1.02;max-width:820px;margin:14px auto 10px;letter-spacing:-.045em}
.demo-v55-head p{max-width:760px;margin:0 auto;color:var(--soft);font-size:15px;line-height:1.65}
.demo-v55-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 18px}
.demo-v55-flow-card{position:relative;padding:16px 16px 14px;border-radius:22px;border:1px solid rgba(36,230,255,.18);background:linear-gradient(145deg,rgba(10,28,62,.92),rgba(8,17,35,.82));box-shadow:0 18px 36px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.05);overflow:hidden}
.demo-v55-flow-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--cyan),transparent)}
.demo-v55-flow-card.accent:before{background:linear-gradient(180deg,var(--green),var(--pink))}
.demo-v55-flow-card span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:12px;background:linear-gradient(180deg,rgba(36,230,255,.18),rgba(36,230,255,.08));border:1px solid rgba(36,230,255,.22);color:#dffcff;font-weight:1000;font-size:14px;margin-bottom:10px}
.demo-v55-flow-card b{display:block;font-size:20px;line-height:1.15;margin-bottom:6px}
.demo-v55-flow-card small{display:block;color:var(--muted);line-height:1.4;font-size:12px}
.demo-v55-stage{display:grid;grid-template-columns:minmax(320px,.72fr) minmax(560px,1.28fr);gap:18px;align-items:stretch}
.demo-v55-left,.demo-v55-right{position:relative;border:1px solid rgba(36,230,255,.18);border-radius:30px;background:linear-gradient(145deg,rgba(16,39,82,.76),rgba(5,11,25,.82));padding:18px;box-shadow:var(--shadow);overflow:hidden}
.demo-v55-left:before,.demo-v55-right:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 0,rgba(36,230,255,.12),transparent 34%),radial-gradient(circle at 100% 100%,rgba(112,255,208,.08),transparent 32%);pointer-events:none}
.demo-v55-left>*,.demo-v55-right>*{position:relative;z-index:1}
.demo-v55-left .demo-monitor-head{margin-bottom:12px}
.demo-v55-left .demo-monitor-head small{display:block;color:var(--green);font-size:10px;font-weight:1000;letter-spacing:.12em;text-transform:uppercase}
.demo-v55-left .demo-monitor-head b{display:block;font-size:18px;margin-top:4px}
.demo-v55-left .demo-monitor-head span{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.demo-v55-left .demo-channel-dock{margin-bottom:12px}
.compact-phone-shell{padding:0!important;background:transparent!important;border:none!important;box-shadow:none!important;min-height:auto!important}
.demo-v55-left .phone-screen{height:420px;border-width:7px}
.demo-v55-micro-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}
.demo-v55-micro-proof div{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);border-radius:18px;padding:12px}
.demo-v55-micro-proof small{display:block;color:var(--muted);font-size:10px;font-weight:1000;text-transform:uppercase;letter-spacing:.08em}
.demo-v55-micro-proof b{display:block;margin-top:6px;font-size:15px}
.demo-v55-ai-rail{margin-bottom:14px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.04);border-radius:24px;padding:16px}
.rail-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid rgba(36,230,255,.18);background:rgba(36,230,255,.08);color:#dffcff;font-size:11px;font-weight:1000;letter-spacing:.12em;text-transform:uppercase}
.rail-nodes{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:14px}
.rail-nodes span{display:flex;align-items:center;justify-content:center;padding:10px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.03);color:var(--muted);font-size:10px;font-weight:1000;letter-spacing:.04em;text-transform:uppercase}
.rail-nodes span.active{background:linear-gradient(90deg,rgba(112,255,208,.26),rgba(36,230,255,.18));color:#04121d;border-color:rgba(255,255,255,.22)}
.rail-status{display:grid;grid-template-columns:minmax(0,1fr) 140px;gap:14px;align-items:center;margin-top:14px}
.rail-copy small{display:block;color:var(--green);font-size:10px;font-weight:1000;letter-spacing:.12em;text-transform:uppercase}
.rail-copy b{display:block;font-size:18px;margin-top:4px}
.rail-copy span{display:block;margin-top:4px;color:var(--muted);line-height:1.5;font-size:13px}
.rail-progress{height:10px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;align-self:end}
.rail-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--pink),var(--cyan),var(--green));box-shadow:0 0 18px rgba(36,230,255,.28);transition:width .5s ease}
.demo-v55-right .crm-console{padding:18px!important;border-radius:28px}
.demo-v55-right .crm-console h3{font-size:30px!important;margin-top:12px!important}
.demo-v55-right .crm-console>p{font-size:14px;margin-bottom:14px!important}
.demo-v55-outcomes{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}
.demo-v55-outcomes span{display:flex;align-items:center;justify-content:center;gap:10px;padding:15px 14px;border-radius:18px;border:1px solid rgba(36,230,255,.16);background:linear-gradient(145deg,rgba(15,35,72,.82),rgba(8,17,35,.78));font-weight:800;color:#eefcff;text-align:center;min-height:62px}
.demo-v55-outcomes i{font-style:normal;font-size:18px}
.demo-v55-section .flow-steps span{font-size:10px;padding:8px 6px}
.demo-v55-section .capture-grid div,.demo-v55-section .deal-monitor-grid div,.demo-v55-section .next-action,.demo-v55-section .flow-steps span{background:rgba(255,255,255,.045)}
.demo-v55-section .deal-monitor{margin-top:14px}
.demo-v55-section .deal-monitor-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:10px}
.demo-v55-section .deal-monitor-grid div{border:1px solid rgba(255,255,255,.10);border-radius:18px;padding:12px}
.demo-v55-section .deal-monitor-grid small{display:block;color:var(--muted);font-size:10px;font-weight:1000;text-transform:uppercase;letter-spacing:.08em}
.demo-v55-section .deal-monitor-grid b{display:block;margin-top:5px}
.demo-v55-section .deal-monitor-bar{margin-top:10px;height:7px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}
.demo-v55-section .deal-monitor-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--cyan),var(--green));box-shadow:0 0 18px rgba(36,230,255,.22);transition:width .5s ease}

@media (max-width: 1180px){
  .demo-v55-flow{grid-template-columns:repeat(2,1fr)}
  .demo-v55-stage{grid-template-columns:1fr}
}
@media (max-width: 720px){
  .demo-v55-head{text-align:left}
  .demo-v55-head h2{font-size:34px;max-width:none}
  .demo-v55-head p{max-width:none;font-size:14px}
  .demo-v55-flow,.demo-v55-micro-proof,.demo-v55-outcomes,.rail-nodes,.rail-status,.demo-v55-section .deal-monitor-grid{grid-template-columns:1fr}
  .demo-v55-left,.demo-v55-right{padding:14px;border-radius:24px}
  .demo-v55-left .phone-screen{height:360px}
  .demo-v55-right .crm-console h3{font-size:28px!important}
}


/* V56 demo section redesign */
.demo-v56-section{padding-top:68px!important}
.demo-v56-head{max-width:740px;margin:0 auto 16px;text-align:center}
.demo-v56-head h2{font-size:clamp(30px,3.4vw,46px);line-height:1.06;letter-spacing:-.045em;max-width:700px;margin:12px auto 8px}
.demo-v56-head p{max-width:680px;margin:0 auto;color:var(--soft);font-size:14px;line-height:1.6}
.demo-v56-journey{display:grid;grid-template-columns:1fr 28px 1fr 28px 1fr 28px 1fr;align-items:center;gap:10px;margin:0 0 18px}
.demo-v56-journey em{height:2px;background:linear-gradient(90deg,rgba(36,230,255,.8),rgba(112,255,208,.75));position:relative;border-radius:999px}
.demo-v56-journey em:after{content:"";position:absolute;right:-2px;top:-4px;border-left:8px solid rgba(112,255,208,.9);border-top:5px solid transparent;border-bottom:5px solid transparent}
.demo-v56-journey .journey-card{position:relative;border:1px solid rgba(36,230,255,.16);background:linear-gradient(145deg,rgba(14,35,74,.92),rgba(8,17,35,.78));border-radius:24px;padding:14px 16px 13px;min-height:108px;box-shadow:0 18px 34px rgba(0,0,0,.18);overflow:hidden}
.demo-v56-journey .journey-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--cyan),transparent)}
.demo-v56-journey .step-4:before{background:linear-gradient(180deg,var(--green),var(--pink))}
.demo-v56-journey .journey-card i{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:12px;background:linear-gradient(180deg,rgba(36,230,255,.18),rgba(36,230,255,.06));border:1px solid rgba(36,230,255,.24);font-style:normal;font-weight:1000;font-size:13px;color:#e8ffff;margin-bottom:10px}
.demo-v56-journey .journey-card b{display:block;font-size:18px;line-height:1.12;margin-bottom:5px}
.demo-v56-journey .journey-card span{display:block;color:var(--muted);font-size:12px;line-height:1.4}
.demo-v56-stage{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(320px,.85fr) minmax(340px,1fr);gap:16px;align-items:stretch}
.demo-v56-col{position:relative;border:1px solid rgba(36,230,255,.16);border-radius:30px;background:linear-gradient(145deg,rgba(16,39,82,.78),rgba(5,11,25,.82));padding:16px;box-shadow:var(--shadow);overflow:hidden}
.demo-v56-col:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 0,rgba(36,230,255,.13),transparent 34%),radial-gradient(circle at 100% 100%,rgba(112,255,208,.08),transparent 32%);pointer-events:none}
.demo-v56-col>*{position:relative;z-index:1}
.demo-v56-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}
.demo-v56-panel-head small{display:block;color:var(--green);font-size:10px;font-weight:1000;letter-spacing:.12em;text-transform:uppercase}
.demo-v56-panel-head b{display:block;font-size:16px;line-height:1.2;margin-top:4px}
.demo-v56-panel-head span{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:999px;border:1px solid rgba(36,230,255,.18);background:rgba(255,255,255,.05);color:var(--muted);font-size:10px;font-weight:900;white-space:nowrap}
.demo-v56-intake .phone-screen{height:360px;border-width:7px}
.demo-v56-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}
.demo-v56-kpis div,.demo-v56-insight-card,.demo-v56-flow-shell,.demo-v56-crm .crm-console,.demo-v56-coreboard{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.045);border-radius:22px}
.demo-v56-kpis div{padding:12px}
.demo-v56-kpis small,.demo-v56-insight-card small{display:block;color:var(--muted);font-size:10px;font-weight:1000;text-transform:uppercase;letter-spacing:.08em}
.demo-v56-kpis b{display:block;margin-top:6px;font-size:14px}
.demo-v56-core{display:flex;flex-direction:column;gap:12px}
.demo-v56-coreboard{padding:14px 14px 12px}
.core-quantum-shell{position:relative;height:250px;display:grid;place-items:center;overflow:hidden;border-radius:22px;background:radial-gradient(circle at 50% 36%,rgba(36,230,255,.18),transparent 35%),rgba(255,255,255,.02)}
.core-ring{position:absolute;border-radius:50%;border:1px solid rgba(36,230,255,.28);box-shadow:0 0 34px rgba(36,230,255,.14);animation:spin 10s linear infinite}
.core-ring.ring-a{width:220px;height:220px}
.core-ring.ring-b{width:172px;height:172px;border-color:rgba(255,77,184,.28);animation-duration:7s;animation-direction:reverse}
.core-ring.ring-c{width:124px;height:124px;border-color:rgba(112,255,208,.28);animation-duration:5s}
.core-signal{position:absolute;height:2px;width:42%;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:.7;animation:signal 1.4s linear infinite}
.core-signal.sig-a{left:-2%;top:44%;transform:rotate(18deg)}
.core-signal.sig-b{right:-2%;top:44%;transform:rotate(-18deg);animation-delay:.55s}
.core-chip{position:relative;z-index:2;width:130px;height:130px;border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.22);display:grid;place-items:center;text-align:center;box-shadow:0 0 42px rgba(36,230,255,.2)}
.core-chip img{width:48px;height:auto}
.core-chip strong{display:block;font-size:30px;line-height:1;margin-top:-2px}
.core-chip span{display:block;font-size:12px;color:#bdefff;margin-top:-3px}
.core-pill{position:absolute;z-index:3;border:1px solid rgba(255,255,255,.16);background:rgba(6,11,25,.78);border-radius:999px;padding:8px 12px;font-size:11px;font-weight:1000;color:#eaffff;box-shadow:0 12px 24px rgba(0,0,0,.2)}
.pill-a{top:26px;left:18px}.pill-b{top:58px;right:16px}.pill-c{left:18px;bottom:48px}.pill-d{right:22px;bottom:24px}
.demo-v56-insight-card{margin-top:12px;padding:14px}
.demo-v56-insight-card b{display:block;font-size:18px;line-height:1.2;margin:5px 0;color:#f6fbff}
.demo-v56-insight-card span{display:block;color:var(--soft);font-size:13px;line-height:1.55;margin-bottom:10px}
.demo-v56-flow-shell{padding:14px}
.demo-v56-flow-shell .flow-title{margin:0 0 10px}
.demo-v56-flow-shell .next-action{margin-top:12px}
.demo-v56-crm .crm-console{padding:16px!important;height:100%;display:flex;flex-direction:column}
.demo-v56-crm .crm-console h3{font-size:28px!important;line-height:1.02;margin:12px 0 6px!important}
.demo-v56-crm .crm-console>p{font-size:14px;margin-bottom:12px!important}
.demo-v56-section .deal-monitor{margin-top:14px}
.demo-v56-section .deal-monitor-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:10px}
.demo-v56-section .deal-monitor-grid div{border:1px solid rgba(255,255,255,.10);border-radius:18px;padding:12px;background:rgba(255,255,255,.045)}
.demo-v56-section .deal-monitor-grid small{display:block;color:var(--muted);font-size:10px;font-weight:1000;text-transform:uppercase;letter-spacing:.08em}
.demo-v56-section .deal-monitor-grid b{display:block;margin-top:5px}
.demo-v56-section .deal-monitor-bar{margin-top:10px;height:7px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}
.demo-v56-section .deal-monitor-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--cyan),var(--green));box-shadow:0 0 18px rgba(36,230,255,.22);transition:width .5s ease}
.demo-v56-outcomes{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}
.demo-v56-outcomes span{display:flex;align-items:center;justify-content:center;gap:10px;padding:15px 14px;border-radius:18px;border:1px solid rgba(36,230,255,.16);background:linear-gradient(145deg,rgba(15,35,72,.82),rgba(8,17,35,.78));font-weight:800;color:#eefcff;text-align:center;min-height:62px}
.demo-v56-outcomes i{font-style:normal;font-size:18px}
@media(max-width:1280px){.demo-v56-stage{grid-template-columns:1fr 1fr}.demo-v56-core{grid-column:1/-1}.demo-v56-journey{grid-template-columns:1fr 1fr}.demo-v56-journey em{display:none}}
@media(max-width:900px){.demo-v56-head{text-align:left}.demo-v56-head h2{font-size:34px;max-width:none}.demo-v56-head p{max-width:none}.demo-v56-stage,.demo-v56-journey,.demo-v56-kpis,.demo-v56-outcomes,.demo-v56-section .deal-monitor-grid{grid-template-columns:1fr}.demo-v56-panel-head{flex-direction:column;align-items:flex-start}.demo-v56-intake .phone-screen{height:340px}.core-quantum-shell{height:220px}.demo-v56-crm .crm-console h3{font-size:26px!important}}


/* V57 - full iPhone 17 Pro Max mockup for demo chat */
.iphone17pm-shell{display:flex;justify-content:center;align-items:flex-start;padding-top:2px}
.iphone17pm-frame{position:relative;width:min(100%,295px);margin:0 auto;padding:12px;border-radius:48px;background:linear-gradient(160deg,#a8b0c2 0%,#6b748a 16%,#111827 34%,#0b1427 68%,#7d8599 100%);box-shadow:0 28px 64px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.32),inset 0 -1px 0 rgba(255,255,255,.14)}
.iphone17pm-frame:before{content:"";position:absolute;inset:8px;border-radius:40px;border:1px solid rgba(255,255,255,.12);pointer-events:none}
.iphone17pm-glass{position:relative;overflow:hidden;border-radius:38px;background:linear-gradient(180deg,#f5f9ff 0%,#eef5ff 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.55),0 0 0 1px rgba(13,26,48,.65)}
.iphone17pm-glass:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.11),transparent 18%,transparent 82%,rgba(255,255,255,.06));pointer-events:none;z-index:6}
.iphone-side{position:absolute;width:3px;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,.06));box-shadow:0 0 0 1px rgba(255,255,255,.06)}
.iphone-side.side-left{left:-2px;top:96px;height:78px}
.iphone-side.side-right{right:-2px;top:124px;height:110px}
.iphone17pm-island{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:118px;height:28px;border-radius:999px;background:linear-gradient(180deg,#0f1522,#05070d);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 18px rgba(0,0,0,.28);z-index:5;display:grid;place-items:center}
.iphone17pm-island span{width:44px;height:8px;border-radius:999px;background:rgba(255,255,255,.09);box-shadow:0 0 0 1px rgba(255,255,255,.03) inset}
.iphone17pm-statusbar{height:34px;padding:12px 14px 0;display:flex;align-items:flex-start;justify-content:space-between;color:#10213e;font-size:11px;font-weight:900;letter-spacing:.01em}
.iphone17pm-status-icons{display:flex;align-items:center;gap:6px;color:#10213e}
.iphone17pm-status-icons i{font-style:normal;font-size:10px;font-weight:900}
.iphone17pm-status-icons b{display:block;width:10px;height:10px;border-radius:3px;border:1.4px solid #10213e;opacity:.8}
.iphone17pm-status-icons .battery{width:18px;height:10px;border-radius:4px;position:relative}
.iphone17pm-status-icons .battery:after{content:"";position:absolute;right:-3px;top:2px;width:2px;height:4px;border-radius:0 2px 2px 0;background:#10213e}
.demo-v56-intake .iphone17pm-shell .phone-top{height:auto;min-height:60px;margin:6px 10px 0;border-radius:18px;padding:12px 14px;background:linear-gradient(135deg,#0a87ff,#288dff 38%,#5f6dff 72%,#14d0ff);box-shadow:0 14px 28px rgba(10,135,255,.22)}
.demo-v56-intake .iphone17pm-shell .phone-top span{font-size:11px;background:rgba(255,255,255,.16);padding:6px 8px;border-radius:999px;color:#dff5ff;white-space:nowrap}
.demo-v56-intake .iphone17pm-shell .phone-top b{font-size:16px;line-height:1.1;display:block;text-align:left;flex:1;margin:0 10px}
.demo-v56-intake .iphone17pm-shell .phone-top i{font-style:normal;font-size:11px;color:#e6f7ff;white-space:nowrap}
.demo-v56-intake .iphone17pm-shell .phone-screen{height:488px!important;border:none!important;border-radius:0!important;background:linear-gradient(180deg,#eef5ff 0%,#f8fbff 100%)!important;padding:16px 14px 10px!important;box-shadow:none!important;overflow:auto}
.demo-v56-intake .iphone17pm-shell .phone-screen::-webkit-scrollbar{width:4px}.demo-v56-intake .iphone17pm-shell .phone-screen::-webkit-scrollbar-thumb{background:rgba(33,74,139,.22);border-radius:999px}
.demo-v56-intake .iphone17pm-shell .bubble{font-size:13px;line-height:1.38;border-radius:18px;padding:12px 14px;max-width:84%}
.demo-v56-intake .iphone17pm-shell .bubble.user{background:#dceeff;color:#20365d;border-bottom-right-radius:7px}
.demo-v56-intake .iphone17pm-shell .bubble.bot{background:#fff;color:#213255;border-bottom-left-radius:7px}
.demo-v56-intake .iphone17pm-shell .bubble.bot:before{font-size:10px;letter-spacing:.04em;color:#058ee3}
.demo-v56-intake .iphone17pm-shell .typing-bar{margin:0 10px 8px;height:auto;min-height:52px;padding:11px 14px;border-radius:18px;border:1px solid rgba(14,40,88,.08);background:rgba(255,255,255,.92);color:#5f7091;box-shadow:0 -6px 24px rgba(30,55,97,.05)}
.iphone17pm-home{width:118px;height:5px;border-radius:999px;background:rgba(12,21,40,.68);margin:0 auto 10px;box-shadow:0 1px 0 rgba(255,255,255,.22)}
.demo-v56-intake .demo-phone-wrap{min-height:auto!important}
.demo-v56-intake .demo-v56-kpis{margin-top:14px}
@media(max-width:900px){
  .iphone17pm-frame{width:min(100%,312px)}
  .demo-v56-intake .iphone17pm-shell .phone-screen{height:430px!important}
}


/* V58 - wider iPhone mockup for hotel demo */
.demo-v56-stage{grid-template-columns:minmax(360px,.92fr) minmax(310px,.82fr) minmax(330px,.96fr)!important}
.demo-v56-intake{padding:18px 18px 16px!important}
.iphone17pm-frame{width:min(100%,352px)!important;padding:13px!important;border-radius:50px!important}
.iphone17pm-frame:before{inset:9px!important;border-radius:42px!important}
.iphone17pm-glass{border-radius:40px!important}
.iphone17pm-island{width:132px!important;height:30px!important;top:13px!important}
.iphone17pm-island span{width:50px!important}
.demo-v56-intake .iphone17pm-shell .phone-top{min-height:66px!important;margin:8px 12px 0!important;padding:13px 16px!important;border-radius:20px!important}
.demo-v56-intake .iphone17pm-shell .phone-top span{font-size:12px!important;padding:7px 10px!important}
.demo-v56-intake .iphone17pm-shell .phone-top b{font-size:17px!important;margin:0 12px!important}
.demo-v56-intake .iphone17pm-shell .phone-top i{font-size:12px!important}
.demo-v56-intake .iphone17pm-shell .phone-screen{height:516px!important;padding:18px 16px 12px!important}
.demo-v56-intake .iphone17pm-shell .bubble{font-size:14px!important;line-height:1.42!important;padding:13px 15px!important;max-width:86%!important}
.demo-v56-intake .iphone17pm-shell .typing-bar{margin:0 12px 10px!important;padding:12px 15px!important;border-radius:20px!important}
.iphone17pm-home{width:126px!important;margin:2px auto 11px!important}
@media(max-width:1280px){
  .demo-v56-stage{grid-template-columns:1fr 1fr!important}
  .demo-v56-intake{grid-column:1/span 1!important}
}
@media(max-width:900px){
  .iphone17pm-frame{width:min(100%,338px)!important}
  .demo-v56-intake .iphone17pm-shell .phone-screen{height:458px!important}
}

/* V59 - iPhone Pro Max true proportion fix */
.demo-v56-stage{
  grid-template-columns:minmax(335px,.82fr) minmax(330px,.88fr) minmax(340px,1fr)!important;
  align-items:start!important;
}
.demo-v56-intake{
  padding:16px!important;
  min-height:auto!important;
  overflow:visible!important;
}
.demo-v56-intake .demo-channel-dock{
  gap:9px!important;
  margin-bottom:14px!important;
}
.demo-v56-intake .demo-channel-dock span{
  min-height:42px!important;
  padding:8px 12px!important;
  border-radius:999px!important;
  font-size:12px!important;
  line-height:1.08!important;
}
.iphone17pm-shell{
  align-items:center!important;
  justify-content:center!important;
}
.iphone17pm-frame{
  width:min(100%,318px)!important;
  height:auto!important;
  aspect-ratio:9/19.5!important;
  padding:9px!important;
  border-radius:44px!important;
  box-sizing:border-box!important;
}
.iphone17pm-frame:before{
  inset:7px!important;
  border-radius:37px!important;
}
.iphone17pm-glass{
  height:100%!important;
  min-height:0!important;
  border-radius:35px!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
.iphone17pm-island{
  width:118px!important;
  height:28px!important;
  top:12px!important;
}
.iphone17pm-statusbar{
  flex:0 0 42px!important;
  height:42px!important;
  padding:14px 15px 0!important;
  box-sizing:border-box!important;
}
.demo-v56-intake .iphone17pm-shell .phone-top{
  flex:0 0 54px!important;
  min-height:54px!important;
  height:54px!important;
  margin:0 10px 0!important;
  padding:8px 12px!important;
  border-radius:18px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.demo-v56-intake .iphone17pm-shell .phone-top span{
  font-size:10.5px!important;
  padding:6px 8px!important;
  max-width:104px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.demo-v56-intake .iphone17pm-shell .phone-top b{
  font-size:14.5px!important;
  line-height:1.08!important;
  margin:0 8px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.demo-v56-intake .iphone17pm-shell .phone-top i{
  font-size:10.5px!important;
  max-width:58px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.demo-v56-intake .iphone17pm-shell .phone-screen{
  flex:1 1 auto!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  padding:14px 13px 8px!important;
  gap:9px!important;
  overflow:auto!important;
}
.demo-v56-intake .iphone17pm-shell .bubble{
  font-size:11.8px!important;
  line-height:1.36!important;
  padding:10px 12px!important;
  border-radius:16px!important;
  max-width:86%!important;
}
.demo-v56-intake .iphone17pm-shell .bubble.bot:before{
  font-size:9px!important;
  margin-bottom:2px!important;
}
.demo-v56-intake .iphone17pm-shell .typing-bar{
  flex:0 0 48px!important;
  min-height:48px!important;
  margin:0 10px 7px!important;
  padding:8px 12px!important;
  border-radius:17px!important;
  font-size:11.5px!important;
  line-height:1.28!important;
  box-sizing:border-box!important;
}
.iphone17pm-home{
  flex:0 0 5px!important;
  height:5px!important;
  width:112px!important;
  margin:0 auto 8px!important;
}
.iphone-side.side-left{top:88px!important;height:68px!important}
.iphone-side.side-right{top:118px!important;height:98px!important}
.demo-v56-intake .demo-v56-kpis{
  margin-top:12px!important;
  gap:8px!important;
}
.demo-v56-intake .demo-v56-kpis div{
  padding:10px!important;
  border-radius:16px!important;
}
.demo-v56-intake .demo-v56-kpis small{font-size:8.8px!important}
.demo-v56-intake .demo-v56-kpis b{font-size:12.2px!important;line-height:1.2!important}
@media(max-width:1280px){
  .demo-v56-stage{grid-template-columns:1fr 1fr!important}
  .iphone17pm-frame{width:min(100%,318px)!important}
}
@media(max-width:900px){
  .demo-v56-stage{grid-template-columns:1fr!important}
  .iphone17pm-frame{width:min(100%,320px)!important}
}

/* V60 – iPhone screen wider, closer to outer frame, real Pro Max feel */
.iphone17pm-shell{
  align-items:center!important;
  justify-content:center!important;
}
.iphone17pm-frame{
  width:min(100%,350px)!important;
  aspect-ratio:9/19.5!important;
  padding:6px!important;
  border-radius:46px!important;
  background:linear-gradient(160deg,#b3bccd 0%,#778196 14%,#172033 34%,#0c1324 67%,#8891a4 100%)!important;
}
.iphone17pm-frame:before{
  inset:4px!important;
  border-radius:40px!important;
  border-color:rgba(255,255,255,.16)!important;
}
.iphone17pm-glass{
  border-radius:39px!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.62),0 0 0 1px rgba(13,26,48,.58)!important;
}
.iphone17pm-island{
  width:132px!important;
  height:30px!important;
  top:11px!important;
}
.iphone17pm-island span{
  width:52px!important;
  height:8px!important;
}
.iphone17pm-statusbar{
  flex:0 0 44px!important;
  height:44px!important;
  padding:13px 16px 0!important;
}
.iphone17pm-statusbar strong{font-size:12px!important}
.demo-v56-intake .iphone17pm-shell .phone-top{
  flex:0 0 58px!important;
  min-height:58px!important;
  height:58px!important;
  margin:0 6px 0!important;
  padding:8px 10px!important;
  border-radius:20px!important;
  gap:10px!important;
}
.demo-v56-intake .iphone17pm-shell .phone-top span{
  font-size:11px!important;
  padding:7px 10px!important;
  max-width:126px!important;
  flex:0 0 auto!important;
}
.demo-v56-intake .iphone17pm-shell .phone-top b{
  flex:1 1 auto!important;
  min-width:0!important;
  font-size:14px!important;
  line-height:1.06!important;
  margin:0!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.demo-v56-intake .iphone17pm-shell .phone-top i{
  font-size:11px!important;
  max-width:74px!important;
  flex:0 0 auto!important;
  white-space:nowrap!important;
}
.demo-v56-intake .iphone17pm-shell .phone-screen{
  padding:14px 12px 8px!important;
  gap:10px!important;
}
.demo-v56-intake .iphone17pm-shell .bubble{
  font-size:12.5px!important;
  line-height:1.38!important;
  padding:11px 13px!important;
  max-width:84%!important;
}
.demo-v56-intake .iphone17pm-shell .typing-bar{
  margin:0 6px 7px!important;
  min-height:50px!important;
  padding:9px 12px!important;
  border-radius:18px!important;
}
.iphone17pm-home{
  width:122px!important;
  margin:0 auto 9px!important;
}
.iphone-side.side-left{top:88px!important;height:72px!important;left:-1px!important}
.iphone-side.side-right{top:122px!important;height:104px!important;right:-1px!important}
@media(max-width:1280px){
  .iphone17pm-frame{width:min(100%,338px)!important}
}
@media(max-width:900px){
  .iphone17pm-frame{width:min(100%,332px)!important}
}

/* V61 – authentic iPhone proportions + internal chat scroll only */
.iphone17pm-shell{
  align-items:center!important;
  justify-content:center!important;
}
.iphone17pm-frame{
  width:min(100%,356px)!important;
  aspect-ratio:9/19.5!important;
  padding:4px!important;
  border-radius:48px!important;
  box-shadow:0 28px 64px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.26), inset 0 -1px 0 rgba(255,255,255,.08)!important;
}
.iphone17pm-frame:before{
  inset:3px!important;
  border-radius:43px!important;
  border-color:rgba(255,255,255,.14)!important;
}
.iphone17pm-glass{
  border-radius:42px!important;
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
.iphone17pm-statusbar{
  flex:0 0 46px!important;
  height:46px!important;
  padding:13px 18px 0!important;
}
.iphone17pm-island{
  width:136px!important;
  height:31px!important;
  top:11px!important;
}
.demo-v56-intake .iphone17pm-shell .phone-top{
  flex:0 0 66px!important;
  min-height:66px!important;
  height:66px!important;
  margin:0 7px 0!important;
  padding:10px 12px!important;
  border-radius:22px!important;
  display:grid!important;
  grid-template-columns:auto 1fr auto!important;
  align-items:center!important;
  column-gap:10px!important;
}
.demo-v56-intake .iphone17pm-shell .phone-top span{
  max-width:130px!important;
  font-size:10.8px!important;
  padding:8px 10px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.demo-v56-intake .iphone17pm-shell .phone-top b{
  font-size:15px!important;
  line-height:1.02!important;
  margin:0!important;
  min-width:0!important;
  text-align:left!important;
  white-space:normal!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
.demo-v56-intake .iphone17pm-shell .phone-top i{
  font-size:10.8px!important;
  max-width:70px!important;
  text-align:right!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.demo-v56-intake .iphone17pm-shell .phone-screen{
  flex:1 1 auto!important;
  min-height:0!important;
  height:auto!important;
  padding:14px 14px 10px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  scroll-behavior:smooth!important;
  scrollbar-width:thin!important;
}
.demo-v56-intake .iphone17pm-shell .bubble{
  font-size:13px!important;
  line-height:1.42!important;
  padding:12px 14px!important;
  max-width:84%!important;
}
.demo-v56-intake .iphone17pm-shell .typing-bar{
  flex:0 0 52px!important;
  min-height:52px!important;
  margin:0 7px 8px!important;
  padding:10px 13px!important;
  border-radius:19px!important;
}
.iphone17pm-home{
  flex:0 0 5px!important;
  width:128px!important;
  margin:0 auto 10px!important;
}
.iphone-side.side-left{left:-1px!important;top:96px!important;height:78px!important}
.iphone-side.side-right{right:-1px!important;top:130px!important;height:110px!important}
@media(max-width:1280px){
  .iphone17pm-frame{width:min(100%,350px)!important}
}
@media(max-width:900px){
  .iphone17pm-frame{width:min(100%,344px)!important}
}

/* V62 - definitive iPhone Pro Max screen ratio + chat scroll lock */
.demo-v56-stage{
  grid-template-columns:minmax(420px,1.04fr) minmax(300px,.78fr) minmax(330px,.9fr)!important;
  align-items:start!important;
}
.demo-v56-intake{
  padding:16px!important;
  overflow:visible!important;
}
.demo-v56-intake .demo-channel-dock{
  margin-bottom:14px!important;
  gap:10px!important;
}
.demo-v56-intake .demo-channel-dock span{
  min-height:42px!important;
  padding:8px 13px!important;
  font-size:12px!important;
}
.iphone17pm-shell{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  width:100%!important;
  padding-top:0!important;
}
.iphone17pm-frame{
  /* iPhone Pro Max physical ratio: about 9:19.5; keep frame fixed so chat cannot push layout */
  width:min(100%,382px)!important;
  aspect-ratio:9/19.5!important;
  height:auto!important;
  max-height:760px!important;
  padding:5px!important;
  border-radius:50px!important;
  box-sizing:border-box!important;
  background:linear-gradient(160deg,#bec6d6 0%,#7d8799 15%,#182033 35%,#0b1426 68%,#8d96a8 100%)!important;
  box-shadow:0 30px 72px rgba(0,0,0,.34), inset 0 1px rgba(255,255,255,.34), inset 0 -1px rgba(255,255,255,.10)!important;
  overflow:visible!important;
}
.iphone17pm-frame:before{
  inset:3px!important;
  border-radius:44px!important;
  border:1px solid rgba(255,255,255,.16)!important;
}
.iphone17pm-glass{
  height:100%!important;
  width:100%!important;
  min-height:0!important;
  display:grid!important;
  grid-template-rows:46px 66px minmax(0,1fr) 54px 13px!important;
  border-radius:45px!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#f6faff 0%,#eef5ff 100%)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.66),0 0 0 1px rgba(13,26,48,.58)!important;
}
.iphone17pm-island{
  width:138px!important;
  height:31px!important;
  top:11px!important;
  z-index:8!important;
}
.iphone17pm-island span{width:54px!important;height:8px!important}
.iphone17pm-statusbar{
  grid-row:1!important;
  height:auto!important;
  min-height:0!important;
  padding:13px 18px 0!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:start!important;
  justify-content:space-between!important;
}
.demo-v56-intake .iphone17pm-shell .phone-top{
  grid-row:2!important;
  height:auto!important;
  min-height:0!important;
  margin:0 7px!important;
  padding:9px 11px!important;
  border-radius:22px!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.demo-v56-intake .iphone17pm-shell .phone-top span{
  min-width:0!important;
  max-width:132px!important;
  padding:7px 10px!important;
  font-size:11px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.demo-v56-intake .iphone17pm-shell .phone-top b{
  min-width:0!important;
  margin:0!important;
  font-size:15px!important;
  line-height:1.04!important;
  white-space:normal!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
}
.demo-v56-intake .iphone17pm-shell .phone-top i{
  min-width:0!important;
  max-width:72px!important;
  font-size:11px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.demo-v56-intake .iphone17pm-shell .phone-screen{
  grid-row:3!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  padding:15px 14px 10px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  scroll-behavior:smooth!important;
  scrollbar-gutter:stable both-edges!important;
  contain:layout paint size!important;
  box-sizing:border-box!important;
}
.demo-v56-intake .iphone17pm-shell .phone-screen.scroll-locked-chat{
  overflow-y:auto!important;
  touch-action:pan-y!important;
}
.demo-v56-intake .iphone17pm-shell .phone-screen > .bubble{
  flex:0 0 auto!important;
}
.demo-v56-intake .iphone17pm-shell .bubble{
  font-size:12.7px!important;
  line-height:1.42!important;
  padding:11px 13px!important;
  max-width:85%!important;
  border-radius:17px!important;
}
.demo-v56-intake .iphone17pm-shell .bubble.bot:before{
  font-size:9.5px!important;
  margin-bottom:3px!important;
}
.demo-v56-intake .iphone17pm-shell .typing-bar{
  grid-row:4!important;
  flex:none!important;
  min-height:0!important;
  height:auto!important;
  margin:0 7px 0!important;
  padding:9px 13px!important;
  border-radius:19px!important;
  font-size:11.6px!important;
  line-height:1.25!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.iphone17pm-home{
  grid-row:5!important;
  width:128px!important;
  height:5px!important;
  margin:3px auto 0!important;
  align-self:start!important;
}
.iphone-side.side-left{top:96px!important;height:76px!important;left:-1px!important}
.iphone-side.side-right{top:132px!important;height:108px!important;right:-1px!important}
.demo-v56-intake .demo-v56-kpis{margin-top:12px!important}
@media(max-width:1280px){
  .demo-v56-stage{grid-template-columns:1fr 1fr!important}
  .iphone17pm-frame{width:min(100%,370px)!important;max-height:735px!important}
}
@media(max-width:900px){
  .demo-v56-stage{grid-template-columns:1fr!important}
  .iphone17pm-frame{width:min(100%,360px)!important;max-height:none!important}
}

/* V63 – Center iPhone block in intake panel + keep internal chat scroll lock */
.demo-v56-intake{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:left!important;
}
.demo-v56-intake .demo-v56-panel-head{
  width:100%!important;
  align-self:stretch!important;
}
.demo-v56-intake .demo-channel-dock{
  width:min(100%,620px)!important;
  align-self:center!important;
  justify-content:center!important;
  display:flex!important;
  flex-wrap:nowrap!important;
}
.demo-v56-intake .demo-phone-wrap,
.demo-v56-intake .iphone17pm-shell{
  width:100%!important;
  max-width:none!important;
  align-self:center!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.demo-v56-intake .iphone17pm-frame{
  margin-left:auto!important;
  margin-right:auto!important;
}
.demo-v56-intake .demo-v56-kpis{
  width:min(100%,620px)!important;
  align-self:center!important;
}
.demo-v56-intake .iphone17pm-shell .phone-screen{
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  scroll-behavior:smooth!important;
}
@media(max-width:1280px){
  .demo-v56-intake .demo-channel-dock,
  .demo-v56-intake .demo-v56-kpis{width:min(100%,560px)!important}
}
@media(max-width:900px){
  .demo-v56-intake .demo-channel-dock{flex-wrap:wrap!important}
}

/* ===== V64: ROI calculator visualized revenue-flow upgrade ===== */
.roi-v64{padding-top:42px!important;overflow:hidden}
.roi-v64 .roi-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(36,230,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(36,230,255,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(circle at 72% 24%,black,transparent 54%);opacity:.85;pointer-events:none}
.roi-top{display:grid;grid-template-columns:minmax(300px,.56fr) minmax(760px,1.44fr);gap:22px;align-items:stretch;margin-bottom:24px}
.roi-head{margin-bottom:0!important;align-self:center;max-width:420px!important;padding:10px 6px 6px 4px}
.roi-head h2{max-width:11.2ch!important;font-size:clamp(30px,3.2vw,56px);line-height:1.04;letter-spacing:-.05em;margin-bottom:14px}
.roi-head h2 mark{background:linear-gradient(90deg,#84ecff,var(--cyan),#7cffd6);-webkit-background-clip:text;background-clip:text;color:transparent;padding:0;text-shadow:0 0 34px rgba(36,230,255,.18)}
.roi-head p{font-size:14px;max-width:34ch!important;color:#b8c8e5;line-height:1.75}
.roi-capability-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px;max-width:400px}
.roi-capability-row span{display:grid;grid-template-columns:38px 1fr;grid-template-areas:"icon title" "icon sub";gap:1px 10px;align-items:center;min-height:72px;border:1px solid rgba(36,230,255,.14);background:linear-gradient(145deg,rgba(36,230,255,.07),rgba(255,255,255,.025));border-radius:18px;padding:12px 12px 11px;box-shadow:inset 0 1px rgba(255,255,255,.05)}
.roi-capability-row i{grid-area:icon;display:grid;place-items:center;width:38px;height:38px;border-radius:14px;border:1px solid rgba(36,230,255,.25);background:radial-gradient(circle at 30% 20%,rgba(36,230,255,.35),rgba(36,230,255,.08));color:#eaffff;font-style:normal;text-shadow:0 0 18px rgba(36,230,255,.35)}
.roi-capability-row b{grid-area:title;font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:#eef9ff}.roi-capability-row em{grid-area:sub;font-size:12px;line-height:1.35;color:#9fb2cf;font-style:normal}
.roi-flow{position:relative;min-height:385px;border:1px solid rgba(36,230,255,.16);background:radial-gradient(circle at 35% 45%,rgba(36,230,255,.12),transparent 28%),radial-gradient(circle at 90% 45%,rgba(112,255,208,.09),transparent 22%),linear-gradient(145deg,rgba(5,14,31,.78),rgba(5,8,20,.54));border-radius:32px;padding:68px 24px 34px;box-shadow:0 32px 90px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.06);overflow:hidden;display:grid;grid-template-columns:112px 30px 144px 30px 112px 30px 112px 132px;gap:10px;align-items:center}
.roi-flow:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% -8%,rgba(139,92,246,.15),transparent 30%),linear-gradient(90deg,transparent,rgba(36,230,255,.05),transparent);pointer-events:none}.roi-flow:after{content:"";position:absolute;left:28px;right:28px;top:16px;height:1px;background:linear-gradient(90deg,transparent,rgba(36,230,255,.75),rgba(112,255,208,.56),transparent);opacity:.65}
.roi-flow-label{position:absolute;top:34px;left:50%;transform:translateX(-50%);height:28px;display:flex;align-items:center;padding:0 14px;border:1px solid rgba(36,230,255,.35);border-radius:9px;background:rgba(36,230,255,.08);color:#8ff7ff;text-transform:uppercase;letter-spacing:.11em;font-size:10px;font-weight:1000;box-shadow:0 0 26px rgba(36,230,255,.12)}
.flow-card,.flow-recovery-card,.branch-card{position:relative;border:1px solid rgba(36,230,255,.25);background:linear-gradient(160deg,rgba(17,41,79,.88),rgba(4,11,25,.74));border-radius:18px;padding:14px 12px;min-height:126px;box-shadow:0 18px 48px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.06);overflow:hidden}
.flow-card:before,.flow-recovery-card:before,.branch-card:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,var(--cyan),transparent);opacity:.85}.flow-card small,.flow-recovery-card small,.branch-card small{display:block;color:#d9edff;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:1000}.flow-card b,.flow-recovery-card b,.branch-card b{display:block;margin-top:5px;color:#fff;font-size:15px;line-height:1.16}.flow-card span,.branch-card span{display:block;margin-top:8px;color:#a9bad5;font-size:11px;line-height:1.35}.flow-card span em,.branch-card span em{color:#fff;font-style:normal;font-weight:1000}.flow-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;margin:12px 0 10px;background:rgba(36,230,255,.14);border:1px solid rgba(36,230,255,.20);font-style:normal;filter:drop-shadow(0 0 16px rgba(36,230,255,.18))}.flow-inbox{animation:roiFloat 5.2s ease-in-out infinite}.flow-lead{animation:roiFloat 5.2s .25s ease-in-out infinite}.flow-booking{animation:roiFloat 5.2s .5s ease-in-out infinite}.flow-arrow{height:2px;background:linear-gradient(90deg,var(--cyan),rgba(112,255,208,.95));box-shadow:0 0 18px rgba(36,230,255,.28);position:relative}.flow-arrow:after{content:"";position:absolute;right:-2px;top:-4px;border-left:8px solid var(--green);border-top:5px solid transparent;border-bottom:5px solid transparent}.flow-ai-core{position:relative;display:grid;place-items:center;text-align:center;width:144px;height:144px;border-radius:50%;border:1px solid rgba(36,230,255,.42);background:radial-gradient(circle,rgba(36,230,255,.18),rgba(4,10,22,.78) 58%,rgba(4,10,22,.92));box-shadow:0 0 0 9px rgba(36,230,255,.035),0 0 54px rgba(36,230,255,.24),inset 0 0 40px rgba(36,230,255,.10);z-index:2}.flow-ai-core strong{font-size:22px;color:#eaffff;text-shadow:0 0 24px rgba(36,230,255,.42)}.flow-ai-core span{font-size:11px;color:#a9dcea;line-height:1.28}.ai-orbit{position:absolute;border-radius:50%;border:1px solid rgba(36,230,255,.28);inset:6px;animation:spin 8s linear infinite}.ai-orbit.o-b{inset:20px;border-color:rgba(139,92,246,.40);animation-duration:5s;animation-direction:reverse}.ai-orbit.o-c{inset:-9px;border-color:rgba(112,255,208,.20);animation-duration:11s}.flow-recovery-card{border-color:rgba(112,255,208,.35);background:linear-gradient(160deg,rgba(20,88,72,.42),rgba(4,16,24,.76));min-height:164px}.flow-recovery-card:before{background:linear-gradient(90deg,var(--green),transparent)}.flow-recovery-card small{color:#9ffff0}.flow-recovery-card b{font-size:15px;line-height:1.35;margin-top:10px}.growth-line{position:absolute;left:14px;right:14px;bottom:18px;height:42px}.growth-line i,.loss-spark i,.stat-line u{position:absolute;inset:0;background:linear-gradient(135deg,transparent 0 24%,var(--green) 25% 29%,transparent 30% 44%,var(--green) 45% 49%,transparent 50% 64%,var(--green) 65% 69%,transparent 70%);filter:drop-shadow(0 0 10px rgba(112,255,208,.5))}.mini-bars,.stat-bars{display:flex;align-items:end;gap:4px;height:22px;margin-top:6px}.mini-bars i,.stat-bars u{display:block;width:7px;border-radius:5px 5px 0 0;background:linear-gradient(180deg,var(--cyan),rgba(36,230,255,.25))}.mini-bars i:nth-child(1),.stat-bars u:nth-child(1){height:28%}.mini-bars i:nth-child(2),.stat-bars u:nth-child(2){height:55%}.mini-bars i:nth-child(3),.stat-bars u:nth-child(3){height:36%}.mini-bars i:nth-child(4),.stat-bars u:nth-child(4){height:78%}.mini-bars i:nth-child(5),.stat-bars u:nth-child(5){height:92%}.mini-line{height:4px;border-radius:999px;background:linear-gradient(90deg,var(--cyan) 0 45%,rgba(255,255,255,.12) 45%);margin-top:12px}.flow-branch{position:absolute;left:278px;right:166px;bottom:28px;display:grid;grid-template-columns:142px 1fr 162px;gap:14px;align-items:center}.branch-card{min-height:86px;border-color:rgba(255,77,184,.30);background:linear-gradient(160deg,rgba(80,19,45,.65),rgba(8,10,22,.77))}.branch-card:before{background:linear-gradient(90deg,var(--pink),transparent)}.branch-card small{color:#ffd8ed}.danger-revenue span{display:block;color:#fff!important;font-weight:1000;font-size:15px}.branch-dots{height:2px;background:linear-gradient(90deg,var(--pink),rgba(255,77,184,.25));box-shadow:0 0 18px rgba(255,77,184,.28);position:relative}.branch-dots:after{content:"";position:absolute;right:-2px;top:-4px;border-left:8px solid var(--pink);border-top:5px solid transparent;border-bottom:5px solid transparent}@keyframes roiFloat{50%{transform:translateY(-6px)}}
.roi-board{grid-template-columns:minmax(420px,.88fr) minmax(560px,1.12fr)!important;padding:18px!important;border-radius:34px!important;gap:18px!important;background:linear-gradient(145deg,rgba(11,28,58,.86),rgba(4,8,20,.78))!important;border-color:rgba(36,230,255,.18)!important}.roi-inputs,.roi-output{border-radius:28px!important;padding:16px!important}.calc-panel-title,.roi-output-title{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:0 0 14px}.calc-panel-title small,.roi-output-title small{text-transform:uppercase;letter-spacing:.12em;color:#8df4ff;font-size:11px;font-weight:1000}.calc-panel-title b,.roi-output-title b{color:#dcebff;font-size:13px;text-align:right;line-height:1.3}
.roi-slider-card{grid-template-columns:56px minmax(0,1fr) 118px!important;gap:14px!important;align-items:center;padding:16px!important;border-radius:22px!important;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.025))!important;box-shadow:inset 0 1px rgba(255,255,255,.04);min-height:98px}.slider-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:17px;border:1px solid rgba(36,230,255,.23);background:radial-gradient(circle at 30% 25%,rgba(36,230,255,.34),rgba(36,230,255,.08));font-style:normal;font-size:22px;color:#eaffff;text-shadow:0 0 18px rgba(36,230,255,.28)}.slider-copy{display:grid!important;gap:6px!important}.slider-copy strong{font-size:14px;color:#fff}.slider-copy em{font-style:normal;color:#9fb1ce;font-size:12px;line-height:1.35}.roi-slider-card>b{display:grid!important;place-items:center;min-height:64px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(5,11,25,.48);font-size:20px!important;text-align:center;color:#f5fbff!important;box-shadow:inset 0 1px rgba(255,255,255,.04)}.roi-slider-card input[type="range"]{-webkit-appearance:none;appearance:none;height:7px;border-radius:999px;background:linear-gradient(90deg,var(--cyan) 0 var(--p,30%),rgba(255,255,255,.18) var(--p,30%) 100%);outline:none;accent-color:var(--cyan);box-shadow:0 0 0 1px rgba(255,255,255,.04) inset}.roi-slider-card input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#8ff7ff,#168dff);box-shadow:0 0 0 5px rgba(36,230,255,.12),0 0 22px rgba(36,230,255,.5);cursor:pointer}.roi-slider-card input[type="range"]::-moz-range-thumb{width:20px;height:20px;border:0;border-radius:50%;background:linear-gradient(135deg,#8ff7ff,#168dff);box-shadow:0 0 0 5px rgba(36,230,255,.12),0 0 22px rgba(36,230,255,.5);cursor:pointer}
.roi-loss-main{display:grid;grid-template-columns:86px minmax(0,1fr) 190px;gap:18px;align-items:center;margin-bottom:14px!important;padding:22px!important;border-radius:24px!important;background:radial-gradient(circle at 8% 20%,rgba(36,230,255,.20),transparent 30%),radial-gradient(circle at 100% 0,rgba(255,77,184,.30),transparent 42%),linear-gradient(135deg,rgba(30,55,111,.70),rgba(45,13,91,.52))!important;border-color:rgba(139,92,246,.52)!important}.loss-icon{width:78px;height:78px;border-radius:28px;border:1px solid rgba(36,230,255,.30);display:grid;place-items:center;background:radial-gradient(circle,rgba(36,230,255,.22),rgba(5,11,25,.38));box-shadow:0 0 34px rgba(36,230,255,.20)}.loss-icon i{font-style:normal;font-size:32px;color:#ecfbff}.roi-loss-main strong{font-size:clamp(40px,4.6vw,68px)!important;background:linear-gradient(90deg,#fff,#d8f5ff,#b89cff)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;letter-spacing:-.06em!important}.loss-spark{position:relative;height:90px}.loss-spark:before{content:"";position:absolute;left:0;right:0;bottom:0;height:44px;background:linear-gradient(180deg,rgba(139,92,246,.22),transparent);clip-path:polygon(0 100%,0 70%,15% 55%,28% 68%,44% 42%,56% 58%,68% 30%,82% 22%,100% 0,100% 100%)}.loss-spark i{background:linear-gradient(145deg,transparent 0 20%,#8b5cf6 21% 23%,transparent 24% 38%,#b35cff 39% 41%,transparent 42% 57%,#8b5cf6 58% 60%,transparent 61% 76%,#fff 77% 79%,transparent 80%)}.roi-metric-grid{grid-template-columns:repeat(2,1fr);gap:12px!important}.metric-card{position:relative;min-height:114px!important;border-radius:18px!important;padding:16px 16px 13px 60px!important;background:linear-gradient(145deg,rgba(36,230,255,.07),rgba(255,255,255,.025))!important;overflow:hidden}.metric-card>i{position:absolute;left:16px;top:17px;display:grid;place-items:center;width:32px;height:32px;border-radius:12px;background:rgba(36,230,255,.10);border:1px solid rgba(36,230,255,.18);font-style:normal;color:#aefaff}.metric-card small{text-transform:uppercase;letter-spacing:.10em;color:#d6e8ff;font-size:10px;font-weight:1000}.metric-card b{display:block;margin-top:7px;font-size:30px;color:#dff6ff}.metric-card em{display:block;margin-top:7px;color:#a9bad5;font-size:12px;font-style:normal}.metric-card .stat-bars{position:absolute;right:14px;bottom:16px;width:92px}.metric-card .stat-bars.hot u{background:linear-gradient(180deg,#ae69ff,rgba(36,230,255,.35))}.stat-dots{position:absolute;right:18px;bottom:20px;display:grid;grid-template-columns:repeat(5,5px);gap:6px}.stat-dots u{display:block;width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px rgba(36,230,255,.55);opacity:.4}.stat-dots u:nth-child(2),.stat-dots u:nth-child(5){opacity:1}.stat-line{position:absolute;right:16px;bottom:20px;width:92px;height:36px}.ai-insight-note{display:grid;grid-template-columns:56px 1fr;gap:16px;align-items:center;margin-top:14px!important;border-color:rgba(36,230,255,.24)!important;background:radial-gradient(circle at 0 50%,rgba(36,230,255,.16),rgba(255,255,255,.045))!important}.ai-insight-note i{display:grid;place-items:center;width:52px;height:52px;border-radius:18px;border:1px solid rgba(36,230,255,.24);background:rgba(36,230,255,.08);color:#90f8ff;font-style:normal;font-weight:1000;box-shadow:0 0 28px rgba(36,230,255,.13)}.ai-insight-note span{color:#d5e4f4;line-height:1.55}.ai-insight-note b{color:#8ff7ff}
.motion-live .roi-flow .flow-ai-core{animation:roiPulse 2.2s ease-in-out infinite}.motion-live .roi-flow .flow-arrow{animation:flowBeam 1.9s ease-in-out infinite}.motion-live .roi-flow .branch-dots{animation:branchBeam 1.9s .35s ease-in-out infinite}@keyframes roiPulse{50%{box-shadow:0 0 0 12px rgba(36,230,255,.045),0 0 78px rgba(36,230,255,.34),inset 0 0 48px rgba(36,230,255,.14)}}@keyframes flowBeam{50%{filter:brightness(1.6);box-shadow:0 0 28px rgba(36,230,255,.56)}}@keyframes branchBeam{50%{filter:brightness(1.55);box-shadow:0 0 26px rgba(255,77,184,.46)}}
@media(max-width:1280px){.roi-top{grid-template-columns:1fr}.roi-head{max-width:860px!important;padding:0}.roi-head h2{max-width:14ch!important}.roi-flow{grid-template-columns:1fr 28px 1fr 28px 1fr 28px 1fr;min-height:410px}.flow-recovery-card{grid-column:1 / -1;min-height:108px}.flow-branch{left:24px;right:24px;bottom:140px}}
@media(max-width:1120px){.roi-board{grid-template-columns:1fr!important}.roi-flow{grid-template-columns:1fr;gap:12px;padding-top:62px}.flow-arrow{height:22px;width:2px;justify-self:center}.flow-arrow:after{right:-4px;top:auto;bottom:-2px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:8px solid var(--green)}.flow-ai-core{justify-self:center}.flow-branch{position:relative;left:auto;right:auto;bottom:auto;grid-template-columns:1fr;gap:10px}.branch-dots{height:22px;width:2px;justify-self:center}.branch-dots:after{right:-4px;top:auto;bottom:-2px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:8px solid var(--pink)}}
@media(max-width:720px){.roi-v64{padding-top:34px!important}.roi-head h2{font-size:40px!important;max-width:none!important}.roi-capability-row{grid-template-columns:1fr 1fr}.roi-slider-card{grid-template-columns:44px 1fr!important}.roi-slider-card>b{grid-column:2;min-height:46px}.slider-icon{width:44px;height:44px}.roi-loss-main{grid-template-columns:1fr}.loss-spark{display:none}.roi-metric-grid{grid-template-columns:1fr}.calc-panel-title,.roi-output-title{display:block}.calc-panel-title b,.roi-output-title b{text-align:left;display:block;margin-top:6px}.flow-card,.flow-recovery-card,.branch-card{min-height:110px}.mobile-preview .roi-capability-row{grid-template-columns:1fr}.mobile-preview .roi-slider-card{grid-template-columns:44px 1fr!important}.mobile-preview .roi-loss-main{grid-template-columns:1fr}.mobile-preview .roi-metric-grid{grid-template-columns:1fr!important}}

/* ===== V66: BEFORE/AFTER compact + visual cleanup ===== */
.compare-head{max-width:860px!important;margin:0 auto 18px!important}
.compare-head h2{max-width:13.5ch!important;font-size:clamp(34px,4vw,62px)!important;line-height:1.04!important;letter-spacing:-.055em!important;margin-bottom:12px!important}
.compare-head p{max-width:50ch!important;margin:0 auto!important;font-size:15px!important;line-height:1.65!important;color:#b9cae7!important}
.compare-mini-strip{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:16px}
.compare-mini-strip span{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 14px;border-radius:999px;border:1px solid rgba(36,230,255,.16);background:linear-gradient(145deg,rgba(36,230,255,.08),rgba(255,255,255,.03));color:#dff7ff;font-size:12px;font-weight:800;letter-spacing:.04em;box-shadow:inset 0 1px rgba(255,255,255,.06)}
.compare-card{grid-template-columns:1fr 148px 1fr!important;gap:18px!important;padding:18px!important}
.compare-col{padding:18px 20px!important}
.compare-col h3{font-size:21px!important;line-height:1.15!important;max-width:16ch;margin:10px 0 12px!important}
.compare-col ul{gap:10px!important}
.compare-col li{font-size:14px!important;line-height:1.55!important}
.compare-center{display:grid!important;grid-template-rows:auto 52px auto auto!important;align-content:center;justify-items:center;gap:10px;padding:16px 10px!important;border-radius:26px!important}
.compare-center span{width:76px!important;height:76px!important;font-size:14px!important}
.compare-center i{height:42px!important}
.compare-center b{font-size:12px!important;line-height:1.35!important;text-align:center;max-width:11ch}
.compare-points{display:grid;gap:8px;width:100%;margin-top:2px}
.compare-points em{display:block;padding:7px 8px;border-radius:999px;border:1px solid rgba(36,230,255,.15);background:rgba(255,255,255,.04);font-style:normal;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#b8f7ff;text-align:center}
@media(max-width:1120px){.compare-head{max-width:none!important}.compare-head h2{max-width:16ch!important}.compare-head p{max-width:60ch!important}.compare-center{grid-template-rows:auto 42px auto auto!important}.compare-points{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.compare-head h2{font-size:34px!important;max-width:none!important}.compare-head p{max-width:none!important;margin:0!important}.compare-mini-strip{justify-content:flex-start}.compare-card{padding:16px!important}.compare-col h3{max-width:none}.compare-center{grid-template-rows:auto 28px auto auto!important}.compare-points{grid-template-columns:1fr}.compare-points em{font-size:10px}}


/* ===== V67: BEFORE/AFTER half-screen compact layout ===== */
.before-after.cinematic-block{
  padding:32px 22px 28px!important;
  min-height:auto!important;
  display:grid!important;
  gap:16px!important;
}
.before-after .compare-head{
  display:grid!important;
  grid-template-columns:minmax(170px,.42fr) minmax(360px,1fr) minmax(260px,.62fr)!important;
  grid-template-rows:auto auto!important;
  align-items:center!important;
  column-gap:22px!important;
  row-gap:8px!important;
  max-width:100%!important;
  width:100%!important;
  margin:0!important;
  text-align:left!important;
}
.before-after .compare-head .tag{
  grid-column:1!important;
  grid-row:1!important;
  justify-self:start!important;
  margin:0!important;
}
.before-after .compare-head .section-signal{
  grid-column:1!important;
  grid-row:2!important;
  justify-content:flex-start!important;
  margin:0!important;
  gap:10px!important;
}
.before-after .compare-head .section-signal span{font-size:10px!important;letter-spacing:.12em!important}
.before-after .compare-head .section-signal i{width:24px!important}
.before-after .compare-head h2{
  grid-column:2!important;
  grid-row:1 / span 2!important;
  max-width:14ch!important;
  margin:0!important;
  font-size:clamp(28px,3.15vw,46px)!important;
  line-height:1.02!important;
  letter-spacing:-.05em!important;
  text-align:left!important;
}
.before-after .compare-head p{
  grid-column:3!important;
  grid-row:1!important;
  max-width:32ch!important;
  margin:0!important;
  font-size:13px!important;
  line-height:1.55!important;
  text-align:left!important;
  color:#b8c8e5!important;
}
.before-after .compare-mini-strip{
  grid-column:3!important;
  grid-row:2!important;
  justify-content:flex-start!important;
  gap:8px!important;
  margin:0!important;
}
.before-after .compare-mini-strip span{
  min-height:29px!important;
  padding:0 11px!important;
  font-size:10.5px!important;
  letter-spacing:.04em!important;
}
.before-after .compare-card{
  grid-template-columns:minmax(0,1fr) 116px minmax(0,1fr)!important;
  gap:14px!important;
  padding:16px!important;
  border-radius:30px!important;
  min-height:242px!important;
  align-items:stretch!important;
}
.before-after .compare-card:before{opacity:.45!important;top:18px!important;bottom:18px!important}
.before-after .compare-col{
  padding:15px 18px!important;
  border-radius:22px!important;
  display:grid!important;
  align-content:center!important;
}
.before-after .compare-col small{
  font-size:10px!important;
  letter-spacing:.09em!important;
}
.before-after .compare-col h3{
  font-size:19px!important;
  line-height:1.12!important;
  max-width:18ch!important;
  margin:8px 0 10px!important;
  letter-spacing:-.025em!important;
}
.before-after .compare-col ul{
  gap:7px!important;
}
.before-after .compare-col li{
  font-size:13px!important;
  line-height:1.42!important;
}
.before-after .compare-center{
  grid-template-rows:auto 34px auto auto!important;
  gap:8px!important;
  padding:12px 8px!important;
  border-radius:22px!important;
  min-height:0!important;
}
.before-after .compare-center span{
  width:64px!important;
  height:64px!important;
  font-size:13px!important;
}
.before-after .compare-center i{
  height:32px!important;
}
.before-after .compare-center b{
  font-size:11px!important;
  line-height:1.25!important;
  max-width:9ch!important;
}
.before-after .compare-points{
  gap:6px!important;
  margin-top:0!important;
}
.before-after .compare-points em{
  padding:6px 5px!important;
  font-size:9.5px!important;
  letter-spacing:.07em!important;
}
@media(max-width:1120px){
  .before-after .compare-head{grid-template-columns:1fr!important;gap:10px!important;text-align:left!important}
  .before-after .compare-head .tag,.before-after .compare-head .section-signal,.before-after .compare-head h2,.before-after .compare-head p,.before-after .compare-mini-strip{grid-column:1!important;grid-row:auto!important}
  .before-after .compare-head h2{max-width:18ch!important;font-size:clamp(30px,5.6vw,48px)!important}
  .before-after .compare-head p{max-width:60ch!important}
  .before-after .compare-mini-strip{justify-content:flex-start!important}
  .before-after .compare-card{grid-template-columns:1fr!important;min-height:0!important}
  .before-after .compare-card:before{display:none!important}
  .before-after .compare-points{grid-template-columns:repeat(3,1fr)!important}
}
@media(max-width:720px){
  .before-after.cinematic-block{padding:26px 14px 22px!important}
  .before-after .compare-head h2{font-size:32px!important;max-width:none!important}
  .before-after .compare-mini-strip span{font-size:10px!important}
  .before-after .compare-col h3{max-width:none!important}
  .before-after .compare-points{grid-template-columns:1fr!important}
}

/* ===== V68: BEFORE/AFTER visual effect upgrade ===== */
.before-after .compare-card{background:radial-gradient(circle at 50% 0,rgba(36,230,255,.08),transparent 36%),linear-gradient(145deg,rgba(9,18,36,.72),rgba(5,11,25,.56))!important;box-shadow:0 28px 90px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.04)!important}
.before-after .compare-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,77,184,.08),transparent 24%,transparent 76%,rgba(112,255,208,.08));pointer-events:none}
.before-after .compare-col{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.02))!important;box-shadow:inset 0 1px rgba(255,255,255,.05),0 12px 40px rgba(0,0,0,.12)}
.before-after .compare-col:before{content:"";position:absolute;inset:auto -12% -40% auto;width:180px;height:180px;border-radius:50%;filter:blur(22px);opacity:.18;pointer-events:none}
.before-after .compare-col.before:before{background:radial-gradient(circle,rgba(255,77,184,.65),transparent 62%)}
.before-after .compare-col.after:before{background:radial-gradient(circle,rgba(112,255,208,.55),transparent 62%)}
.before-after .compare-badges{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 11px}
.before-after .compare-badges span{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:0 10px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;border:1px solid transparent}
.before-after .compare-badges.bad span{background:rgba(255,77,184,.08);border-color:rgba(255,77,184,.18);color:#ffd5ea}
.before-after .compare-badges.good span{background:rgba(112,255,208,.08);border-color:rgba(112,255,208,.18);color:#d4fff2}
.before-after .compare-footer-stat{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}
.before-after .compare-footer-stat b{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:#dff6ff}
.before-after .compare-footer-stat span{font-size:12px;color:#9fb4d4}
.before-after .compare-center{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 14%,rgba(36,230,255,.18),transparent 36%),linear-gradient(180deg,rgba(10,32,58,.9),rgba(6,18,34,.78))!important;box-shadow:0 0 0 1px rgba(36,230,255,.12),0 0 42px rgba(36,230,255,.12),inset 0 0 36px rgba(36,230,255,.06)!important}
.before-after .compare-center:before{content:"";position:absolute;left:50%;top:18px;transform:translateX(-50%);width:92px;height:92px;border-radius:50%;background:radial-gradient(circle,rgba(36,230,255,.24),transparent 68%);filter:blur(8px);opacity:.9;pointer-events:none}
.before-after .compare-center:after{content:"";position:absolute;left:50%;top:10px;bottom:10px;width:1px;transform:translateX(-50%);background:linear-gradient(180deg,rgba(36,230,255,.22),rgba(112,255,208,.14),transparent);pointer-events:none}
.before-after .compare-center span{box-shadow:0 0 0 8px rgba(36,230,255,.06),0 0 28px rgba(36,230,255,.22)!important}
.before-after .compare-beam{position:absolute;top:10px;left:12px;right:12px;height:14px;display:flex;align-items:center;justify-content:center;gap:5px;pointer-events:none}
.before-after .compare-beam u{display:block;width:20px;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(36,230,255,.7),transparent);box-shadow:0 0 12px rgba(36,230,255,.25);animation:comparePulse 2.2s ease-in-out infinite}
.before-after .compare-beam u:nth-child(2){width:28px;animation-delay:.18s}
.before-after .compare-beam u:nth-child(3){width:20px;animation-delay:.36s}
.before-after .compare-points em{background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.03))!important;border-color:rgba(36,230,255,.15)!important;color:#dffaff!important;box-shadow:inset 0 1px rgba(255,255,255,.05)}
.before-after .compare-head .tag{box-shadow:0 0 18px rgba(36,230,255,.10)}
.before-after .compare-mini-strip span{box-shadow:inset 0 1px rgba(255,255,255,.07),0 0 14px rgba(36,230,255,.05)}
@keyframes comparePulse{50%{opacity:1;transform:scaleX(1.15);filter:brightness(1.4)}}
@media(max-width:1120px){.before-after .compare-footer-stat{justify-content:flex-start;flex-wrap:wrap}.before-after .compare-center:before{top:12px}.before-after .compare-beam{display:none}}
@media(max-width:720px){.before-after .compare-badges{gap:6px}.before-after .compare-badges span{font-size:9px;padding:0 8px}.before-after .compare-footer-stat{margin-top:10px;padding-top:10px}.before-after .compare-footer-stat span{font-size:11px}}

/* ===== V69: AI STACK one-page compact visual redesign ===== */
.feature-v69{padding-top:34px!important;padding-bottom:26px!important}
.feature-head-v69{max-width:920px!important;margin:0 auto 18px!important}
.feature-head-v69 h2{max-width:13.6ch!important;margin:0 auto 10px!important;font-size:clamp(38px,4.4vw,72px)!important;line-height:1.02!important;letter-spacing:-.06em!important}
.feature-head-v69 p{max-width:52ch!important;margin:0 auto!important;font-size:15px!important;line-height:1.65!important;color:#b9cbe7!important}
.feature-v69 .stack-strip{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:16px}
.feature-v69 .stack-strip span{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 12px;border-radius:999px;border:1px solid rgba(36,230,255,.16);background:linear-gradient(145deg,rgba(36,230,255,.08),rgba(255,255,255,.03));font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#dff8ff;box-shadow:inset 0 1px rgba(255,255,255,.06)}
.feature-v69 .stack-strip i{width:18px;height:2px;border-radius:999px;background:linear-gradient(90deg,rgba(36,230,255,.85),rgba(112,255,208,.85));box-shadow:0 0 12px rgba(36,230,255,.2)}
.feature-v69 .stack-grid{gap:14px!important}
.feature-v69 .stack-card{position:relative;min-height:178px!important;padding:16px 16px 14px!important;border-radius:22px!important;background:radial-gradient(circle at 100% 0,rgba(36,230,255,.08),transparent 28%),linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025))!important;box-shadow:inset 0 1px rgba(255,255,255,.05),0 16px 42px rgba(0,0,0,.10)!important;overflow:hidden}
.feature-v69 .stack-card:before{content:"";position:absolute;right:-30px;top:-26px;width:112px;height:112px;border-radius:50%;background:radial-gradient(circle,rgba(36,230,255,.18),transparent 68%);filter:blur(8px);opacity:.8}
.feature-v69 .stack-card i{width:40px!important;height:40px!important;margin-bottom:12px!important;font-size:14px!important}
.feature-v69 .stack-card small{display:block;margin-bottom:5px;font-size:10px;font-weight:1000;letter-spacing:.12em;text-transform:uppercase;color:#8eeeff}
.feature-v69 .stack-card h3{font-size:22px!important;line-height:1.12!important;margin:0 0 8px!important;max-width:16ch}
.feature-v69 .stack-card p{font-size:13.5px!important;line-height:1.55!important;max-width:30ch;margin:0}
.feature-v69 .stack-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}
.feature-v69 .stack-tags span{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:0 9px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);color:#ddf6ff}
.feature-v69 .stack-c2,.feature-v69 .stack-c5{border-color:rgba(112,255,208,.22)!important}.feature-v69 .stack-c3,.feature-v69 .stack-c6{border-color:rgba(139,92,246,.22)!important}
.feature-v69 .stack-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}
.feature-v69 .stack-summary span{display:grid;gap:4px;align-content:center;justify-items:center;min-height:74px;padding:10px 12px;border-radius:18px;border:1px solid rgba(36,230,255,.14);background:linear-gradient(145deg,rgba(36,230,255,.07),rgba(255,255,255,.02));text-align:center;box-shadow:inset 0 1px rgba(255,255,255,.05)}
.feature-v69 .stack-summary b{font-size:12px;font-weight:1000;letter-spacing:.1em;text-transform:uppercase;color:#e8f9ff}
.feature-v69 .stack-summary em{font-style:normal;font-size:12px;line-height:1.35;color:#9fb7d5}
@media(max-width:1120px){.feature-head-v69 h2{max-width:15ch!important}.feature-v69 .stack-grid{grid-template-columns:repeat(2,1fr)!important}.feature-v69 .stack-summary{grid-template-columns:1fr!important}}
@media(max-width:720px){.feature-v69{padding-top:26px!important}.feature-head-v69 h2{font-size:34px!important;max-width:none!important}.feature-head-v69 p{max-width:none!important;margin:0!important}.feature-v69 .stack-strip{justify-content:flex-start}.feature-v69 .stack-strip i{display:none}.feature-v69 .stack-grid{grid-template-columns:1fr!important}.feature-v69 .stack-card{min-height:0!important}.feature-v69 .stack-summary span{justify-items:flex-start;text-align:left}}

/* ===== V70: GLOBAL VISUAL LANGUAGE ALIGNMENT PASS ===== */
:root{--v70-panel:linear-gradient(145deg,rgba(10,24,48,.82),rgba(5,10,24,.64));--v70-card:linear-gradient(145deg,rgba(255,255,255,.068),rgba(255,255,255,.024));--v70-line:rgba(36,230,255,.16);--v70-line-strong:rgba(36,230,255,.30);--v70-soft:#aebfda;--v70-title:#f6fbff}
.section-block.cinematic-block,.hero-sync-panel,.direct-booking-cta,.contact-card,.demo-lab,.calc-board,.compare-card{border-color:var(--v70-line)!important;background:radial-gradient(circle at 50% -8%,rgba(36,230,255,.09),transparent 34%),var(--v70-panel)!important;box-shadow:0 24px 80px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.045)!important}
.section-block.cinematic-block{padding-top:36px!important;padding-bottom:28px!important;overflow:hidden}
.section-block.cinematic-block:before{opacity:.55!important}.section-block.cinematic-block:after{opacity:.38!important}
.section-head.center{max-width:900px!important;margin:0 auto 20px!important}
.section-head .tag,.live-chip,.tag{height:auto;min-height:34px;padding:8px 14px!important;border-radius:999px!important;letter-spacing:.1em!important;box-shadow:0 0 18px rgba(36,230,255,.07)!important}
.section-head h2{color:var(--v70-title)!important;text-wrap:balance}
.section-head.center h2{font-size:clamp(34px,4.1vw,64px)!important;line-height:1.035!important;letter-spacing:-.055em!important;max-width:14.5ch!important;margin-left:auto!important;margin-right:auto!important;margin-bottom:12px!important}
.section-head.center p{max-width:56ch!important;font-size:15px!important;line-height:1.62!important;color:var(--v70-soft)!important;margin-left:auto!important;margin-right:auto!important}
.section-signal{opacity:.82}.section-signal span{font-size:11px!important}.section-signal i{opacity:.75!important}
/* Standard card system */
.pain-grid article,.feature-grid article,.timeline article,.pricing-grid article,.faq-list details,.compare-col,.trust-strip div,.proof-grid article,.metric-card,.roi-slider-card{background:var(--v70-card)!important;border-color:rgba(36,230,255,.14)!important;border-radius:22px!important;box-shadow:inset 0 1px rgba(255,255,255,.048),0 14px 40px rgba(0,0,0,.10)!important}
.pain-grid article:hover,.feature-grid article:hover,.timeline article:hover,.pricing-grid article:hover,.faq-list details:hover,.compare-col:hover{border-color:var(--v70-line-strong)!important;box-shadow:0 22px 72px rgba(0,0,0,.20),0 0 32px rgba(36,230,255,.075)!important}
.pain-grid h3,.feature-grid h3,.timeline h3,.pricing-grid h3,.compare-col h3{letter-spacing:-.035em!important;color:#f5fbff!important;text-wrap:balance}
.pain-grid p,.feature-grid p,.timeline p,.pricing-grid p,.compare-col li,.faq-list p,.contact-copy p,.calc-note,.loss-card span{color:var(--v70-soft)!important}
/* Rollout compact timeline */
.rollout .timeline{grid-template-columns:repeat(3,1fr)!important;gap:14px!important;position:relative}
.rollout .timeline:before{content:"";position:absolute;left:7%;right:7%;top:38px;height:2px;background:linear-gradient(90deg,rgba(36,230,255,.10),rgba(36,230,255,.75),rgba(112,255,208,.65),rgba(36,230,255,.10));box-shadow:0 0 20px rgba(36,230,255,.14);pointer-events:none}
.rollout .timeline article{min-height:176px!important;padding:18px!important;display:grid;align-content:start;gap:8px!important}
.rollout .timeline article span{display:inline-grid!important;place-items:center!important;width:64px!important;height:38px!important;border-radius:999px!important;margin:0 0 8px!important;background:linear-gradient(135deg,var(--cyan),var(--green))!important;color:#06101a!important;font-weight:1000!important;font-size:13px!important;box-shadow:0 0 30px rgba(36,230,255,.12)!important;z-index:2}
.rollout .timeline h3{font-size:21px!important;margin:0!important}.rollout .timeline p{font-size:13.5px!important;line-height:1.52!important;margin:0!important}
/* Pricing: clearer hierarchy */
.pricing .pricing-grid{grid-template-columns:repeat(3,1fr)!important;gap:14px!important}.pricing .pricing-grid article{min-height:310px!important;padding:18px!important}.pricing .pricing-grid h3{font-size:23px!important}.pricing .pricing-grid p{font-size:13.5px!important;line-height:1.52!important}.pricing .pricing-grid ul{gap:7px!important}.pricing .pricing-grid li{font-size:13.5px!important;line-height:1.42!important}.pricing .pricing-grid a{min-height:42px;display:flex;align-items:center;justify-content:center;border-radius:14px;border:1px solid rgba(36,230,255,.18);background:rgba(36,230,255,.08);color:#e8fbff;font-weight:900;text-decoration:none}.pricing .pricing-grid article.featured{transform:translateY(-4px)!important;border-color:rgba(36,230,255,.46)!important}.pricing-support{gap:14px!important;margin-top:14px!important}.pricing-support article{border-radius:20px!important;background:linear-gradient(145deg,rgba(36,230,255,.06),rgba(255,255,255,.025))!important}
/* FAQ compact */
.faq .faq-list{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.faq-list details{padding:16px 18px!important}.faq-list summary{font-size:15px!important;line-height:1.35!important;color:#f4faff!important;font-weight:900!important}.faq-list p{font-size:13.5px!important;line-height:1.55!important;margin-top:10px!important}
/* CTA + Contact polish */
.direct-booking-cta{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr)!important;gap:18px!important;align-items:center!important;padding:22px!important;border-radius:28px!important}.direct-booking-cta h2{font-size:clamp(26px,2.5vw,42px)!important;line-height:1.05!important;max-width:14ch!important;letter-spacing:-.04em!important}.direct-booking-cta p{font-size:14px!important;line-height:1.55!important;max-width:54ch!important}.cta-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.cta-actions .btn{width:100%;justify-content:center}
.contact-card{grid-template-columns:minmax(420px,.88fr) minmax(520px,1.12fr)!important;gap:18px!important;padding:20px!important}.contact-copy h2{font-size:clamp(30px,3.2vw,52px)!important;line-height:1.04!important;letter-spacing:-.055em!important;max-width:13ch!important}.contact-copy p{font-size:14px!important;line-height:1.58!important;max-width:46ch!important}.contact-points{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin-top:14px!important}.contact-points span{font-size:13px!important;padding:9px 11px!important;border-radius:14px!important;background:rgba(36,230,255,.055);border:1px solid rgba(36,230,255,.12)}.contact-journey{gap:8px!important;margin-top:14px!important}.contact-journey article{padding:10px 12px!important;border-radius:15px!important;background:rgba(255,255,255,.035)!important}.contact-journey strong{font-size:13px!important}.contact-journey span{font-size:12px!important}.contact-form{padding:16px!important;border-radius:22px!important;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.025))!important}.contact-form label{font-size:12px!important}.contact-form input,.contact-form select,.contact-form textarea{min-height:44px!important;border-radius:13px!important}.contact-form textarea{min-height:82px!important}.contact-form-strip{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}.contact-form-strip span{font-size:12px!important;line-height:1.35!important}
/* Footer */
.footer{border-color:rgba(36,230,255,.16)!important;background:linear-gradient(145deg,rgba(9,18,36,.64),rgba(5,11,25,.52))!important;border-radius:22px 22px 0 0!important;padding-top:16px!important;padding-bottom:16px!important}
@media(max-width:1120px){.section-block.cinematic-block{padding:30px 18px 24px!important}.section-head.center{text-align:left!important}.section-head.center h2,.section-head.center p{margin-left:0!important;margin-right:0!important;max-width:none!important}.rollout .timeline,.pricing .pricing-grid,.faq .faq-list{grid-template-columns:1fr!important}.rollout .timeline:before{display:none}.direct-booking-cta,.contact-card{grid-template-columns:1fr!important}.contact-copy h2,.direct-booking-cta h2{max-width:none!important}}
@media(max-width:720px){.section-block.cinematic-block{padding:26px 14px 22px!important}.section-head.center h2{font-size:32px!important}.section-head.center p{font-size:14px!important}.pricing .pricing-grid article{min-height:0!important}.direct-booking-cta{padding:16px!important}.contact-card{padding:16px!important}.contact-form{padding:14px!important}.footer{width:min(100vw - 24px,var(--max))!important}}

/* ===== V71: AI STACK visualized one-page redesign ===== */
.feature-v71{padding-top:28px!important;padding-bottom:24px!important}
.feature-head-v71{display:grid;grid-template-columns:minmax(360px,.95fr) minmax(380px,1.05fr);gap:22px;align-items:end;margin:0 0 16px}
.feature-copy-v71{max-width:540px}
.feature-copy-v71 h2{font-size:clamp(40px,4.5vw,68px)!important;line-height:1.02!important;letter-spacing:-.065em!important;max-width:8.8ch!important;margin:8px 0 0}
.feature-side-v71{display:grid;gap:12px;align-content:end}
.feature-side-v71 p{margin:0;max-width:42ch;color:#b8cbe7;font-size:15px;line-height:1.62}
.stack-flow-rail{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.stack-flow-rail span{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 12px;border-radius:999px;border:1px solid rgba(36,230,255,.16);background:linear-gradient(145deg,rgba(36,230,255,.08),rgba(255,255,255,.03));font-size:10px;font-weight:1000;letter-spacing:.1em;text-transform:uppercase;color:#e6fbff;box-shadow:inset 0 1px rgba(255,255,255,.05),0 0 16px rgba(36,230,255,.05)}
.stack-flow-rail i{width:18px;height:2px;border-radius:999px;background:linear-gradient(90deg,rgba(36,230,255,.95),rgba(112,255,208,.95));box-shadow:0 0 12px rgba(36,230,255,.22)}
.stack-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.stack-kpis span{display:grid;gap:2px;min-height:62px;align-content:center;justify-items:center;padding:10px 12px;border-radius:18px;border:1px solid rgba(36,230,255,.14);background:linear-gradient(145deg,rgba(36,230,255,.07),rgba(255,255,255,.02));box-shadow:inset 0 1px rgba(255,255,255,.05);text-align:center}
.stack-kpis b{font-size:24px;line-height:1;color:#effcff}
.stack-kpis em{font-style:normal;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#97b3d1}
.stack-grid-v71{gap:14px!important}
.stack-card-v71{position:relative;min-height:178px!important;padding:16px!important;border-radius:24px!important;border:1px solid rgba(36,230,255,.15)!important;background:radial-gradient(circle at 85% 14%,rgba(36,230,255,.13),transparent 20%),linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025))!important;box-shadow:inset 0 1px rgba(255,255,255,.05),0 16px 42px rgba(0,0,0,.10)!important;overflow:hidden;display:grid;align-content:start}
.stack-card-v71:before{content:"";position:absolute;right:-30px;top:-20px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(36,230,255,.18),transparent 68%);filter:blur(10px);opacity:.8;pointer-events:none}
.stack-card-v71:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,var(--cyan),transparent,var(--green));opacity:.62}
.stack-card-top{display:flex;align-items:center;gap:10px;margin-bottom:10px}.stack-card-top i{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,var(--cyan),var(--green));color:#06101a;font-style:normal;font-weight:1000;box-shadow:0 0 24px rgba(36,230,255,.16)}.stack-card-top small{font-size:10px;font-weight:1000;letter-spacing:.14em;text-transform:uppercase;color:#97f4ff}
.stack-card-v71 h3{font-size:21px!important;line-height:1.1!important;margin:0 0 8px!important;max-width:15ch}
.stack-card-v71 p{font-size:13.5px!important;line-height:1.56!important;color:#b7c9e7!important;max-width:30ch;margin:0}
.stack-signal{display:flex;align-items:end;gap:5px;height:28px;margin:14px 0 12px}.stack-signal u{display:block;width:18px;border-radius:999px 999px 0 0;background:linear-gradient(180deg,var(--cyan),rgba(36,230,255,.22));box-shadow:0 0 10px rgba(36,230,255,.18)}.stack-signal u:nth-child(1){height:38%}.stack-signal u:nth-child(2){height:78%}.stack-signal u:nth-child(3){height:56%}.stack-signal.hot u{background:linear-gradient(180deg,#ffd166,rgba(255,209,102,.18))}.stack-signal.grow u{background:linear-gradient(180deg,var(--green),rgba(112,255,208,.18))}
.stack-card-v71 .stack-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto}.stack-card-v71 .stack-tags span{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:0 9px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#e6fbff}
.stack-card-v71.stack-c2,.stack-card-v71.stack-c5{border-color:rgba(112,255,208,.2)!important}.stack-card-v71.stack-c3,.stack-card-v71.stack-c6{border-color:rgba(139,92,246,.2)!important}
.stack-summary-v71{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.stack-summary-v71 span{display:grid;gap:4px;min-height:72px;align-content:center;justify-items:center;padding:10px 12px;border-radius:18px;border:1px solid rgba(36,230,255,.14);background:linear-gradient(145deg,rgba(36,230,255,.07),rgba(255,255,255,.02));box-shadow:inset 0 1px rgba(255,255,255,.05);text-align:center}.stack-summary-v71 b{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#effcff}.stack-summary-v71 em{font-style:normal;font-size:12px;line-height:1.35;color:#9eb8d6}
.motion-live .stack-flow-rail i{animation:stackBeam 1.8s ease-in-out infinite}.motion-live .stack-card-v71:nth-child(odd){animation:floatSoft 5.2s ease-in-out infinite}.motion-live .stack-card-v71:nth-child(even){animation:floatSoft 5.2s .45s ease-in-out infinite}@keyframes stackBeam{50%{filter:brightness(1.5);box-shadow:0 0 18px rgba(36,230,255,.34)}}
@media(max-width:1120px){.feature-head-v71{grid-template-columns:1fr;gap:14px}.feature-copy-v71{max-width:none}.feature-copy-v71 h2{max-width:11ch!important}.stack-kpis{grid-template-columns:repeat(3,1fr)}.stack-grid-v71{grid-template-columns:repeat(2,1fr)!important}.stack-summary-v71{grid-template-columns:1fr!important}}
@media(max-width:720px){.feature-v71{padding-top:22px!important}.feature-copy-v71 h2{font-size:34px!important;max-width:none!important}.feature-side-v71 p{font-size:14px}.stack-flow-rail{justify-content:flex-start}.stack-flow-rail i{display:none}.stack-kpis{grid-template-columns:1fr!important}.stack-grid-v71{grid-template-columns:1fr!important}.stack-card-v71{min-height:0!important}.stack-summary-v71 span{justify-items:flex-start;text-align:left}}

/* ===== V72: AI STACK header compact cleanup ===== */
.feature-head-v71{grid-template-columns:minmax(320px,.86fr) minmax(520px,1.14fr)!important;gap:26px!important;align-items:center!important;margin:0 0 18px!important}
.feature-copy-v71{max-width:460px!important;display:grid;gap:8px;align-content:center}
.feature-copy-v71 .tag{justify-self:start}
.feature-copy-v71 .section-signal{margin-top:4px!important}
.feature-copy-v71 h2{font-size:clamp(34px,3.8vw,58px)!important;line-height:1.02!important;letter-spacing:-.06em!important;max-width:8.6ch!important;margin:2px 0 0!important;text-wrap:balance}
.feature-side-v71{position:relative;padding:18px 20px!important;border:1px solid rgba(36,230,255,.14);border-radius:24px;background:radial-gradient(circle at 100% 0,rgba(36,230,255,.09),transparent 26%),linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.02));box-shadow:inset 0 1px rgba(255,255,255,.05),0 16px 42px rgba(0,0,0,.10)}
.feature-side-v71:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,var(--cyan),transparent,var(--green));opacity:.6;border-radius:24px 24px 0 0}
.feature-side-v71 p{max-width:37ch!important;font-size:14px!important;line-height:1.58!important;color:#bbcee8!important}
.stack-flow-rail{gap:6px!important}
.stack-flow-rail span{min-height:30px!important;padding:0 11px!important;font-size:9.5px!important;letter-spacing:.09em!important}
.stack-flow-rail i{width:16px!important}
.stack-kpis{gap:8px!important}
.stack-kpis span{min-height:56px!important;padding:10px!important;border-radius:16px!important}
.stack-kpis b{font-size:20px!important}
.stack-kpis em{font-style:normal;font-size:10px!important;letter-spacing:.09em!important}
@media(max-width:1280px){.feature-copy-v71 h2{font-size:clamp(32px,3.4vw,50px)!important;max-width:9.2ch!important}.feature-side-v71{padding:16px 18px!important}.stack-flow-rail span{padding:0 10px!important}}
@media(max-width:1120px){.feature-head-v71{grid-template-columns:1fr!important;gap:14px!important}.feature-copy-v71{max-width:none!important}.feature-copy-v71 h2{max-width:10.5ch!important}.feature-side-v71{padding:16px!important}}
@media(max-width:720px){.feature-copy-v71 h2{font-size:32px!important;max-width:none!important}.feature-side-v71{padding:14px!important}.stack-flow-rail{justify-content:flex-start!important}.stack-kpis{grid-template-columns:1fr!important}}

/* ===== V73: AI STACK final premium polish ===== */
.feature-v71{padding-top:24px!important;padding-bottom:22px!important}
.feature-head-v71{margin-bottom:14px!important}
.feature-side-v71{overflow:hidden}
.feature-side-v71:after{content:"";position:absolute;right:-70px;bottom:-60px;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,rgba(112,255,208,.12),transparent 65%);filter:blur(12px);pointer-events:none}
.stack-grid-v71{position:relative;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin-top:12px!important}
.stack-grid-v71:before{content:"";position:absolute;left:7%;right:7%;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(36,230,255,.35),rgba(112,255,208,.24),transparent);filter:drop-shadow(0 0 14px rgba(36,230,255,.18));pointer-events:none;z-index:0}
.stack-card-v71{min-height:154px!important;padding:14px 15px 13px!important;border-radius:22px!important;isolation:isolate;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease!important}
.stack-card-v71:hover{transform:translateY(-4px);border-color:rgba(36,230,255,.32)!important;box-shadow:0 20px 64px rgba(0,0,0,.20),0 0 28px rgba(36,230,255,.10),inset 0 1px rgba(255,255,255,.06)!important}
.stack-card-v71:before{right:-22px!important;top:-26px!important;width:112px!important;height:112px!important;opacity:.72!important}
.stack-card-v71:after{height:2px!important;opacity:.75!important}
.stack-card-top{position:relative;z-index:2;margin-bottom:8px!important}.stack-card-top i{width:34px!important;height:34px!important;border-radius:12px!important;font-size:13px!important}.stack-card-top small{font-size:9.5px!important;color:#9cf7ff!important}
.stack-card-top:after{content:"";margin-left:auto;display:grid;place-items:center;width:34px;height:34px;border-radius:12px;border:1px solid rgba(36,230,255,.16);background:rgba(36,230,255,.055);color:#dffaff;font-size:14px;box-shadow:inset 0 1px rgba(255,255,255,.06),0 0 16px rgba(36,230,255,.08)}
.stack-c1 .stack-card-top:after{content:"↯"}.stack-c2 .stack-card-top:after{content:"KB";font-size:10px;font-weight:1000;letter-spacing:.06em}.stack-c3 .stack-card-top:after{content:"✓"}.stack-c4 .stack-card-top:after{content:"★"}.stack-c5 .stack-card-top:after{content:"⏱"}.stack-c6 .stack-card-top:after{content:"↗"}
.stack-card-v71 h3{position:relative;z-index:2;font-size:19px!important;line-height:1.08!important;margin-bottom:7px!important;max-width:13.5ch!important;letter-spacing:-.04em!important}.stack-card-v71 p{position:relative;z-index:2;font-size:12.5px!important;line-height:1.48!important;max-width:28ch!important;color:#b8c9e5!important}
.stack-signal{position:absolute;right:16px;bottom:42px;height:26px;margin:0!important;opacity:.85;z-index:1}.stack-signal u{width:7px!important;box-shadow:0 0 12px rgba(36,230,255,.22)}
.stack-card-v71 .stack-tags{position:relative;z-index:2;margin-top:12px!important}.stack-card-v71 .stack-tags span{min-height:22px!important;padding:0 8px!important;font-size:9px!important;letter-spacing:.08em!important;background:rgba(255,255,255,.052)!important}
.stack-summary-v71{margin-top:12px!important;grid-template-columns:repeat(3,1fr)!important;gap:12px!important}.stack-summary-v71 span{min-height:58px!important;border-radius:16px!important;position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(36,230,255,.065),rgba(255,255,255,.02))!important}.stack-summary-v71 span:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(36,230,255,.05),transparent);transform:translateX(-100%);animation:stackSweep 4.8s ease-in-out infinite}.stack-summary-v71 b{font-size:11px!important}.stack-summary-v71 em{font-size:11.5px!important}
.motion-live .stack-card-v71:nth-child(odd){animation:floatSoft 5.8s ease-in-out infinite}.motion-live .stack-card-v71:nth-child(even){animation:floatSoft 5.8s .5s ease-in-out infinite}.motion-live .stack-signal u:nth-child(2){animation:signalPulse 1.6s ease-in-out infinite}.motion-live .stack-signal u:nth-child(3){animation:signalPulse 1.6s .25s ease-in-out infinite}@keyframes signalPulse{50%{filter:brightness(1.55);transform:scaleY(1.12)}}@keyframes stackSweep{45%,100%{transform:translateX(100%)}}
@media(max-width:1120px){.stack-grid-v71{grid-template-columns:repeat(2,minmax(0,1fr))!important}.stack-grid-v71:before{display:none}.stack-summary-v71{grid-template-columns:1fr!important}.stack-card-v71{min-height:150px!important}}
@media(max-width:720px){.stack-grid-v71{grid-template-columns:1fr!important}.stack-card-v71{min-height:0!important}.stack-signal{position:relative;right:auto;bottom:auto;margin:12px 0 10px!important}.stack-summary-v71 span{justify-items:flex-start!important;text-align:left!important}}

/* ===== V74: ROLLOUT compact 2-column redesign ===== */
.rollout-v74{padding-top:26px!important;padding-bottom:22px!important}
.rollout-v74 .rollout-layout{display:grid;grid-template-columns:minmax(320px,.82fr) minmax(520px,1.18fr);gap:20px;align-items:stretch}
.rollout-v74 .rollout-copy{display:grid;align-content:center;gap:12px;max-width:430px}
.rollout-v74 .rollout-copy h2{font-size:clamp(36px,3.9vw,58px)!important;line-height:1.03!important;letter-spacing:-.06em!important;max-width:8.6ch!important;margin:0!important;text-wrap:balance;color:#f5fbff}
.rollout-v74 .rollout-copy p{margin:0;max-width:36ch;font-size:14px;line-height:1.62;color:#b8cbe6}
.rollout-v74 .rollout-pills{display:flex;flex-wrap:wrap;gap:8px}
.rollout-v74 .rollout-pills span{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 12px;border-radius:999px;border:1px solid rgba(36,230,255,.16);background:linear-gradient(145deg,rgba(36,230,255,.08),rgba(255,255,255,.03));font-size:10px;font-weight:1000;letter-spacing:.09em;text-transform:uppercase;color:#e7fbff;box-shadow:inset 0 1px rgba(255,255,255,.05)}
.rollout-v74 .rollout-outcomes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.rollout-v74 .rollout-outcomes span{display:grid;gap:2px;min-height:60px;align-content:center;justify-items:center;padding:10px;border-radius:18px;border:1px solid rgba(36,230,255,.14);background:linear-gradient(145deg,rgba(36,230,255,.07),rgba(255,255,255,.02));box-shadow:inset 0 1px rgba(255,255,255,.05);text-align:center}
.rollout-v74 .rollout-outcomes b{font-size:22px;line-height:1;color:#effcff}
.rollout-v74 .rollout-outcomes em{font-style:normal;font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:#98b4d2}
.rollout-v74 .rollout-stages{position:relative;display:grid;gap:12px;padding-left:24px}
.rollout-v74 .rollout-stages:before{content:"";position:absolute;left:8px;top:18px;bottom:18px;width:2px;background:linear-gradient(180deg,rgba(36,230,255,.35),rgba(112,255,208,.38),rgba(36,230,255,.12));box-shadow:0 0 14px rgba(36,230,255,.14)}
.rollout-v74 .rollout-step{position:relative;display:grid;gap:8px;min-height:120px;padding:16px 18px;border-radius:22px;border:1px solid rgba(36,230,255,.14);background:radial-gradient(circle at 100% 0,rgba(36,230,255,.1),transparent 22%),linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));box-shadow:inset 0 1px rgba(255,255,255,.05),0 16px 40px rgba(0,0,0,.1)}
.rollout-v74 .rollout-step:before{content:"";position:absolute;left:-23px;top:34px;width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--cyan),var(--green));box-shadow:0 0 0 4px rgba(36,230,255,.06),0 0 16px rgba(36,230,255,.24)}
.rollout-v74 .rollout-step-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.rollout-v74 .rollout-step-top span{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border-radius:999px;background:linear-gradient(135deg,var(--cyan),var(--green));color:#06101a;font-size:12px;font-weight:1000;letter-spacing:.05em;box-shadow:0 0 26px rgba(36,230,255,.14)}
.rollout-v74 .rollout-step-top small{font-size:10px;font-weight:1000;letter-spacing:.14em;text-transform:uppercase;color:#8ff1ff}
.rollout-v74 .rollout-step h3{margin:0!important;font-size:20px!important;line-height:1.13!important;max-width:22ch;color:#f5fbff!important}
.rollout-v74 .rollout-step p{margin:0!important;font-size:13.5px!important;line-height:1.55!important;color:#b5c8e4!important;max-width:48ch}
.rollout-v74 .rollout-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:2px}
.rollout-v74 .rollout-tags em{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:0 9px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);font-style:normal;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#e5fbff}
.rollout-v74 .rs-2{border-color:rgba(112,255,208,.18)}
.rollout-v74 .rs-3{border-color:rgba(139,92,246,.18)}
.motion-live .rollout-v74 .rollout-step:nth-child(odd){animation:floatSoft 5.2s ease-in-out infinite}.motion-live .rollout-v74 .rollout-step:nth-child(even){animation:floatSoft 5.2s .45s ease-in-out infinite}
@media(max-width:1120px){.rollout-v74 .rollout-layout{grid-template-columns:1fr!important}.rollout-v74 .rollout-copy{max-width:none!important}.rollout-v74 .rollout-copy h2{max-width:11ch!important}.rollout-v74 .rollout-stages{padding-left:20px}}
@media(max-width:720px){.rollout-v74{padding-top:22px!important}.rollout-v74 .rollout-copy h2{font-size:34px!important;max-width:none!important}.rollout-v74 .rollout-outcomes{grid-template-columns:1fr!important}.rollout-v74 .rollout-stages{padding-left:16px}.rollout-v74 .rollout-step{padding:14px}.rollout-v74 .rollout-step:before{left:-15px}}

/* ===== V75: PRICING compact 2-column redesign ===== */
.pricing-v75{padding-top:24px!important;padding-bottom:22px!important}
.pricing-v75 .pricing-layout-v75{display:grid;grid-template-columns:minmax(320px,.78fr) minmax(620px,1.22fr);gap:20px;align-items:stretch}
.pricing-v75 .pricing-overview-v75{display:grid;align-content:center;gap:12px;max-width:420px}
.pricing-v75 .pricing-overview-v75 h2{font-size:clamp(36px,3.8vw,56px)!important;line-height:1.03!important;letter-spacing:-.06em!important;max-width:8.5ch!important;margin:0!important;color:#f5fbff}
.pricing-v75 .pricing-overview-v75 p{margin:0;max-width:34ch;font-size:14px;line-height:1.6;color:#b7cae6}
.pricing-pills-v75{display:flex;flex-wrap:wrap;gap:8px}.pricing-pills-v75 span,.pricing-highlight-v75 .support-pills span{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border-radius:999px;border:1px solid rgba(36,230,255,.15);background:linear-gradient(145deg,rgba(36,230,255,.08),rgba(255,255,255,.03));font-size:10px;font-weight:1000;letter-spacing:.09em;text-transform:uppercase;color:#e8fbff;box-shadow:inset 0 1px rgba(255,255,255,.05)}
.pricing-highlight-v75{position:relative;display:grid;gap:8px;padding:16px 18px;border-radius:22px;border:1px solid rgba(36,230,255,.14);background:radial-gradient(circle at 100% 0,rgba(36,230,255,.1),transparent 24%),linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.02));box-shadow:inset 0 1px rgba(255,255,255,.05),0 16px 40px rgba(0,0,0,.1)}
.pricing-highlight-v75:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,var(--cyan),transparent,var(--green));opacity:.6}
.pricing-highlight-v75 small{font-size:10px;font-weight:1000;letter-spacing:.14em;text-transform:uppercase;color:#90f0ff}
.pricing-highlight-v75 h3{margin:0!important;font-size:22px!important;line-height:1.1!important;color:#f5fbff!important;max-width:16ch}
.pricing-highlight-v75 p{max-width:34ch!important;font-size:13.5px!important;line-height:1.56!important}
.pricing-highlight-v75 .support-pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:2px}
.pricing-v75 .pricing-main-v75{display:grid;gap:12px;align-content:start}
.pricing-v75 .pricing-grid-v75{grid-template-columns:repeat(3,1fr)!important;gap:12px!important}
.pricing-v75 .pricing-grid-v75 .pkg-card{min-height:242px!important;padding:16px!important;border-radius:22px!important;display:grid!important;align-content:start!important;gap:8px;background:radial-gradient(circle at 100% 0,rgba(36,230,255,.08),transparent 24%),linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025))!important}
.pricing-v75 .pricing-grid-v75 .pkg-card h3{font-size:20px!important;line-height:1.1!important;max-width:13ch;margin:0!important}
.pricing-v75 .pricing-grid-v75 .pkg-card p{font-size:13px!important;line-height:1.5!important;margin:0!important;max-width:26ch}
.pricing-v75 .pricing-grid-v75 .pkg-card ul{gap:7px!important}.pricing-v75 .pricing-grid-v75 .pkg-card li{font-size:13px!important;line-height:1.4!important}
.pricing-v75 .pricing-grid-v75 .pkg-card a{min-height:40px!important;margin-top:auto!important;border-radius:14px!important;padding:10px 12px!important}
.pricing-v75 .pricing-grid-v75 .featured{transform:translateY(-3px)!important;box-shadow:0 0 0 1px rgba(36,230,255,.12),0 24px 80px rgba(36,230,255,.10)!important}
.pricing-v75 .pricing-footer-v75{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.pricing-v75 .pricing-footer-v75 span{display:grid;gap:3px;min-height:62px;align-content:center;padding:10px 14px;border-radius:18px;border:1px solid rgba(36,230,255,.14);background:linear-gradient(145deg,rgba(36,230,255,.07),rgba(255,255,255,.02));box-shadow:inset 0 1px rgba(255,255,255,.05)}
.pricing-v75 .pricing-footer-v75 b{font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:#edfaff}
.pricing-v75 .pricing-footer-v75 em{font-style:normal;font-size:12px;line-height:1.35;color:#9db7d5}
.motion-live .pricing-v75 .pkg-card.featured{animation:highlightBreath 2.4s ease-in-out infinite}
@media(max-width:1200px){.pricing-v75 .pricing-layout-v75{grid-template-columns:1fr!important}.pricing-v75 .pricing-overview-v75{max-width:none!important}.pricing-v75 .pricing-overview-v75 h2{max-width:10ch!important}}
@media(max-width:1120px){.pricing-v75 .pricing-grid-v75{grid-template-columns:1fr!important}.pricing-v75 .pricing-footer-v75{grid-template-columns:1fr!important}}
@media(max-width:720px){.pricing-v75{padding-top:22px!important}.pricing-v75 .pricing-overview-v75 h2{font-size:32px!important;max-width:none!important}.pricing-v75 .pricing-highlight-v75{padding:14px!important}.pricing-v75 .pricing-grid-v75 .pkg-card{min-height:0!important}}

/* ===== V76: PRICING 2-row compact redesign ===== */
.pricing-v76{padding-top:22px!important;padding-bottom:20px!important}
.pricing-v76 .pricing-head-v76{display:grid;grid-template-columns:minmax(420px,1.2fr) minmax(320px,.8fr);gap:16px;align-items:end;margin-bottom:14px}
.pricing-v76 .pricing-title-v76{display:grid;gap:8px;max-width:620px}
.pricing-v76 .pricing-title-v76 h2{font-size:clamp(34px,3.9vw,54px)!important;line-height:1.03!important;letter-spacing:-.06em!important;max-width:11ch!important;margin:0!important;color:#f5fbff}
.pricing-v76 .pricing-title-v76 p{margin:0;max-width:42ch;font-size:14px;line-height:1.6;color:#b8cae6}
.pricing-pills-v76{display:flex;flex-wrap:wrap;gap:8px}
.pricing-pills-v76 span,.pricing-v76 .support-pills span{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border-radius:999px;border:1px solid rgba(36,230,255,.15);background:linear-gradient(145deg,rgba(36,230,255,.08),rgba(255,255,255,.03));font-size:10px;font-weight:1000;letter-spacing:.09em;text-transform:uppercase;color:#e7fbff;box-shadow:inset 0 1px rgba(255,255,255,.05)}
.pricing-v76 .pricing-note-v76{position:relative;display:grid;gap:7px;padding:15px 16px;border:1px solid rgba(36,230,255,.14);border-radius:22px;background:radial-gradient(circle at 100% 0,rgba(36,230,255,.1),transparent 24%),linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.02));box-shadow:inset 0 1px rgba(255,255,255,.05),0 16px 40px rgba(0,0,0,.1)}
.pricing-v76 .pricing-note-v76:before{content:"";position:absolute;left:22px;right:22px;top:0;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--cyan),transparent,var(--green));opacity:.6}
.pricing-v76 .pricing-note-v76 small{font-size:10px;font-weight:1000;letter-spacing:.14em;text-transform:uppercase;color:#8fefff}
.pricing-v76 .pricing-note-v76 h3{margin:0!important;font-size:24px!important;line-height:1.05!important;color:#f5fbff!important}
.pricing-v76 .pricing-note-v76 p{margin:0!important;font-size:13.5px!important;line-height:1.55!important;color:#b6c9e6!important}
.pricing-v76 .pricing-note-v76 .support-pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:2px}
.pricing-v76 .pricing-grid-v76{grid-template-columns:repeat(3,1fr)!important;gap:12px!important}
.pricing-v76 .pkg-card-v76{position:relative;min-height:226px!important;padding:16px!important;border-radius:22px!important;display:grid!important;align-content:start!important;gap:8px;background:radial-gradient(circle at 100% 0,rgba(36,230,255,.08),transparent 24%),linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025))!important;border:1px solid rgba(36,230,255,.14)!important;box-shadow:inset 0 1px rgba(255,255,255,.05),0 14px 36px rgba(0,0,0,.1)!important}
.pricing-v76 .pkg-card-v76:after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,var(--green),var(--cyan));opacity:.65;border-radius:22px 22px 0 0}
.pricing-v76 .pkg-card-v76 small{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;color:#06101a;background:linear-gradient(90deg,var(--green),var(--cyan));font-size:11px;font-weight:1000;letter-spacing:.09em;text-transform:uppercase;box-shadow:0 0 24px rgba(36,230,255,.12)}
.pricing-v76 .pkg-card-v76 h3{font-size:20px!important;line-height:1.08!important;max-width:13ch;margin:2px 0 0!important}
.pricing-v76 .pkg-card-v76 p{font-size:13px!important;line-height:1.52!important;margin:0!important;max-width:26ch}
.pricing-v76 .pkg-card-v76 ul{padding:0;margin:0;list-style:none;display:grid;gap:7px}
.pricing-v76 .pkg-card-v76 li{font-size:13px!important;line-height:1.4!important;color:var(--v70-soft)!important}
.pricing-v76 .pkg-card-v76 li:before{content:"✓";color:var(--green);font-weight:1000;margin-right:8px}
.pricing-v76 .pkg-card-v76 a{min-height:40px!important;margin-top:auto!important;display:flex;align-items:center;justify-content:center;border-radius:14px!important;padding:10px 12px!important;border:1px solid rgba(36,230,255,.18)!important;background:rgba(36,230,255,.08)!important;color:#eafcff!important;font-weight:900;text-decoration:none}
.pricing-v76 .pkg-card-v76.featured{transform:translateY(-3px)!important;border-color:rgba(36,230,255,.44)!important;box-shadow:0 0 0 1px rgba(36,230,255,.12),0 24px 80px rgba(36,230,255,.1)!important}
.pricing-v76 .pkg-card-v76.featured a{background:linear-gradient(135deg,var(--cyan),#7d7cff)!important;color:#fff!important}
.pricing-v76 .pkg-card-v76 em{position:absolute;right:14px;top:12px;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:1000;font-style:normal;text-transform:uppercase;color:#06101a;background:linear-gradient(90deg,var(--amber),var(--green));box-shadow:0 0 20px rgba(255,209,102,.12)}
.motion-live .pricing-v76 .pkg-card-v76.featured{animation:highlightBreath 2.4s ease-in-out infinite}
@media(max-width:1200px){.pricing-v76 .pricing-head-v76{grid-template-columns:1fr!important}.pricing-v76 .pricing-title-v76{max-width:none!important}.pricing-v76 .pricing-title-v76 h2{max-width:12ch!important}}
@media(max-width:1120px){.pricing-v76 .pricing-grid-v76{grid-template-columns:1fr!important}}
@media(max-width:720px){.pricing-v76 .pricing-title-v76 h2{font-size:32px!important;max-width:none!important}.pricing-v76 .pricing-note-v76{padding:14px!important}.pricing-v76 .pkg-card-v76{min-height:0!important}}

/* ===== V77: FAQ compact visual redesign ===== */
.faq-v77{padding-top:22px!important;padding-bottom:20px!important}
.faq-v77 .faq-head-v77{display:grid;grid-template-columns:minmax(420px,1.12fr) minmax(300px,.88fr);gap:16px;align-items:end;margin-bottom:14px}
.faq-v77 .faq-copy-v77{display:grid;gap:8px;max-width:620px}
.faq-v77 .faq-copy-v77 h2{font-size:clamp(34px,3.8vw,52px)!important;line-height:1.03!important;letter-spacing:-.06em!important;max-width:10ch!important;margin:0!important;color:#f5fbff}
.faq-v77 .faq-copy-v77 p{margin:0;max-width:40ch;font-size:14px;line-height:1.58;color:#b8cbe6}
.faq-pills-v77{display:flex;flex-wrap:wrap;gap:8px}.faq-pills-v77 span{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border-radius:999px;border:1px solid rgba(36,230,255,.15);background:linear-gradient(145deg,rgba(36,230,255,.08),rgba(255,255,255,.03));font-size:10px;font-weight:1000;letter-spacing:.09em;text-transform:uppercase;color:#e8fbff;box-shadow:inset 0 1px rgba(255,255,255,.05)}
.faq-v77 .faq-side-v77{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.faq-v77 .faq-side-v77 span{display:grid;gap:2px;min-height:74px;align-content:center;justify-items:center;padding:10px;border-radius:18px;border:1px solid rgba(36,230,255,.14);background:linear-gradient(145deg,rgba(36,230,255,.07),rgba(255,255,255,.02));box-shadow:inset 0 1px rgba(255,255,255,.05);text-align:center}
.faq-v77 .faq-side-v77 b{font-size:22px;line-height:1;color:#effcff}.faq-v77 .faq-side-v77 em{font-style:normal;font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:#99b5d3}
.faq-v77 .faq-list-v77{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:12px!important;max-width:none!important;margin:0!important}
.faq-v77 .faq-list-v77 details{padding:15px 16px 14px!important;border-radius:22px!important;min-height:138px!important;display:grid;align-content:start;gap:6px;background:radial-gradient(circle at 100% 0,rgba(36,230,255,.08),transparent 24%),linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025))!important;border:1px solid rgba(36,230,255,.14)!important;box-shadow:inset 0 1px rgba(255,255,255,.05),0 14px 36px rgba(0,0,0,.1)!important}
.faq-v77 .faq-list-v77 details small{display:block;font-size:10px;font-weight:1000;letter-spacing:.13em;text-transform:uppercase;color:#90efff}
.faq-v77 .faq-list-v77 summary{padding:0!important;font-size:18px!important;line-height:1.26!important;color:#f4faff!important;font-weight:900!important;list-style:none;position:relative;padding-right:26px!important}
.faq-v77 .faq-list-v77 summary::-webkit-details-marker{display:none}
.faq-v77 .faq-list-v77 summary:after{content:"+";position:absolute;right:0;top:0;color:var(--cyan);font-size:20px}
.faq-v77 .faq-list-v77 details[open] summary:after{content:"–"}
.faq-v77 .faq-list-v77 p{padding:0!important;margin:2px 0 0!important;font-size:13.5px!important;line-height:1.56!important;color:#b8c9e5!important;max-width:42ch}
.faq-v77 .faq-list-v77 details[open]{border-color:rgba(0,145,255,.34)!important;box-shadow:0 18px 52px rgba(0,145,255,.08)!important}
@media(max-width:1200px){.faq-v77 .faq-head-v77{grid-template-columns:1fr!important}.faq-v77 .faq-copy-v77{max-width:none!important}.faq-v77 .faq-copy-v77 h2{max-width:12ch!important}}
@media(max-width:1120px){.faq-v77 .faq-list-v77{grid-template-columns:1fr!important}.faq-v77 .faq-side-v77{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:720px){.faq-v77 .faq-copy-v77 h2{font-size:32px!important;max-width:none!important}.faq-v77 .faq-side-v77{grid-template-columns:1fr!important}.faq-v77 .faq-list-v77 details{min-height:0!important}.faq-v77 .faq-list-v77 summary{font-size:16px!important}}

/* ===== V78: FAQ alternative visual guardrail layout ===== */
.faq-v78{padding-top:22px!important;padding-bottom:20px!important}
.faq-v78 .faq-shell-v78{display:grid;grid-template-columns:minmax(390px,.9fr) minmax(520px,1.1fr);gap:18px;align-items:stretch;margin-bottom:14px}
.faq-left-v78{display:grid;align-content:center;gap:10px;max-width:500px}
.faq-left-v78 h2{font-size:clamp(34px,3.7vw,54px)!important;line-height:1.03!important;letter-spacing:-.06em!important;max-width:10.2ch!important;margin:0!important;color:#f5fbff;text-wrap:balance}
.faq-left-v78 p{margin:0;max-width:38ch;font-size:14px;line-height:1.6;color:#b7cae6}
.faq-guardrail-v78{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:2px}
.faq-guardrail-v78 span{display:grid;gap:3px;min-height:64px;align-content:center;padding:10px 12px;border-radius:18px;border:1px solid rgba(36,230,255,.14);background:linear-gradient(145deg,rgba(36,230,255,.07),rgba(255,255,255,.02));box-shadow:inset 0 1px rgba(255,255,255,.05)}
.faq-guardrail-v78 b{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#e7fbff}.faq-guardrail-v78 em{font-style:normal;font-size:12px;color:#9db7d5;line-height:1.35}
.faq-visual-v78{position:relative;min-height:238px;border:1px solid rgba(36,230,255,.14);border-radius:26px;background:radial-gradient(circle at 50% 50%,rgba(36,230,255,.16),transparent 35%),linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.02));box-shadow:inset 0 1px rgba(255,255,255,.05),0 16px 42px rgba(0,0,0,.12);overflow:hidden}
.faq-visual-v78:before{content:"";position:absolute;inset:24px 38px;border:1px dashed rgba(36,230,255,.18);border-radius:28px;opacity:.8}.faq-visual-v78:after{content:"";position:absolute;left:22px;right:22px;top:18px;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),var(--green),transparent);opacity:.65;box-shadow:0 0 18px rgba(36,230,255,.18)}
.faq-hub-v78{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:136px;height:136px;border-radius:50%;display:grid;place-items:center;text-align:center;border:1px solid rgba(36,230,255,.38);background:radial-gradient(circle,rgba(36,230,255,.2),rgba(5,14,28,.84) 64%);box-shadow:0 0 0 9px rgba(36,230,255,.035),0 0 55px rgba(36,230,255,.18),inset 0 0 40px rgba(36,230,255,.10);z-index:2}
.faq-hub-v78 strong{font-size:25px;color:#effcff}.faq-hub-v78 span{font-size:11px;color:#9fdff1;margin-top:-26px}
.faq-orbit-v78{position:absolute;display:grid;grid-template-columns:34px 1fr;align-items:center;gap:8px;min-width:142px;min-height:46px;padding:7px 10px;border-radius:16px;border:1px solid rgba(36,230,255,.16);background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));box-shadow:inset 0 1px rgba(255,255,255,.05);z-index:3}
.faq-orbit-v78 i{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:rgba(36,230,255,.10);border:1px solid rgba(36,230,255,.18);font-style:normal;color:#dffcff}.faq-orbit-v78 b{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:#e8fbff}.faq-orbit-v78.o1{left:34px;top:54px}.faq-orbit-v78.o2{right:34px;top:54px}.faq-orbit-v78.o3{left:34px;bottom:42px}.faq-orbit-v78.o4{right:34px;bottom:42px}
.faq-cards-v78{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.faq-cards-v78 article{position:relative;min-height:158px;padding:14px;border-radius:22px;border:1px solid rgba(36,230,255,.14);background:radial-gradient(circle at 100% 0,rgba(36,230,255,.08),transparent 24%),linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));box-shadow:inset 0 1px rgba(255,255,255,.05),0 14px 36px rgba(0,0,0,.1);overflow:hidden;display:grid;align-content:start;gap:7px}.faq-cards-v78 article:after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,var(--cyan),transparent,var(--green));opacity:.6}
.faq-card-top{display:flex;align-items:center;gap:9px}.faq-card-top i{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,var(--cyan),var(--green));color:#06101a;font-style:normal;font-weight:1000;font-size:12px}.faq-card-top small{font-size:10px;font-weight:1000;letter-spacing:.12em;text-transform:uppercase;color:#8ff2ff}.faq-cards-v78 h3{font-size:18px!important;line-height:1.15!important;margin:2px 0 0!important;color:#f5fbff!important}.faq-cards-v78 p{margin:0!important;font-size:13px!important;line-height:1.5!important;color:#b7c9e5!important}
.motion-live .faq-hub-v78{animation:faqHubPulse 2.6s ease-in-out infinite}.motion-live .faq-orbit-v78{animation:floatSoft 5.2s ease-in-out infinite}.motion-live .faq-orbit-v78:nth-child(even){animation-delay:.45s}@keyframes faqHubPulse{50%{box-shadow:0 0 0 12px rgba(36,230,255,.045),0 0 62px rgba(36,230,255,.28),inset 0 0 44px rgba(36,230,255,.12)}}
@media(max-width:1200px){.faq-v78 .faq-shell-v78{grid-template-columns:1fr!important}.faq-left-v78{max-width:none}.faq-left-v78 h2{max-width:12ch!important}.faq-cards-v78{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.faq-left-v78 h2{font-size:32px!important;max-width:none!important}.faq-guardrail-v78,.faq-cards-v78{grid-template-columns:1fr}.faq-visual-v78{min-height:420px}.faq-orbit-v78.o1{left:20px;top:38px}.faq-orbit-v78.o2{right:20px;top:110px}.faq-orbit-v78.o3{left:20px;bottom:110px}.faq-orbit-v78.o4{right:20px;bottom:38px}.faq-cards-v78 article{min-height:0}}

/* =========================================================================
   HOTEL VERTICAL — shared-page theme (Phase 2)
   Dark-glass restyle of the .bv-* / package / auth building blocks so the
   shared marketing/auth/payment/pricing pages match the hotel landing.
   Only loaded under the hotel vertical, so default pages are unaffected.
   Palette: --bg #050713, --cyan #24e6ff, --pink #ff4db8, --text, --muted.
   ========================================================================= */
:root{
  --bv-card:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.04));
  --bv-accent:linear-gradient(135deg,var(--cyan),var(--pink));
}

/* ----- Auth pages (login/register/forgot/reset/verify) ----- */
.bv-auth{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 18px 60px}
.bv-auth-logo{display:flex;justify-content:center;margin-bottom:24px}
.bv-auth-logo img{height:54px;width:auto}
.bv-auth-card{width:100%;max-width:520px;background:var(--bv-card);border:1px solid var(--line);border-radius:30px;box-shadow:0 30px 70px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.12);padding:clamp(26px,4vw,44px);backdrop-filter:blur(18px)}
.bv-auth-card h2{margin:0 0 6px;text-align:center;font-size:clamp(30px,4vw,40px);font-weight:900;letter-spacing:-.04em;background:linear-gradient(92deg,#fff,#bcf9ff,#ffd0ee);-webkit-background-clip:text;background-clip:text;color:transparent}
.bv-auth-sub{text-align:center;color:var(--muted);margin:0 0 22px}
.bv-auth-form{display:flex;flex-direction:column;gap:14px;margin-top:18px}
.bv-field{position:relative}
.bv-input{width:100%;height:54px;border:1.6px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);border-radius:16px;padding:0 18px;font-size:15px;color:var(--text);outline:none;transition:border-color .2s ease,box-shadow .2s ease;font-family:inherit}
.bv-input::placeholder{color:rgba(170,181,214,.7)}
.bv-input:focus{border-color:var(--cyan);box-shadow:0 0 0 4px rgba(36,230,255,.16)}
.bv-input.has-toggle{padding-right:46px}
.bv-toggle{position:absolute;top:0;bottom:0;right:14px;display:flex;align-items:center;color:var(--muted);cursor:pointer}
.bv-forgot{text-align:right;font-size:14px}
.bv-forgot a,.bv-auth-link{color:var(--cyan);text-decoration:none;font-weight:800}
.bv-forgot a:hover,.bv-auth-link:hover{text-decoration:underline}
.bv-submit{height:56px;border:0;border-radius:16px;background:var(--bv-accent);color:#04121b;font-weight:900;font-size:16px;cursor:pointer;box-shadow:0 14px 30px rgba(36,230,255,.22);position:relative;overflow:hidden;font-family:inherit}
.bv-submit:disabled{opacity:.7;cursor:not-allowed}
.bv-or{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px;margin:20px 0 14px}
.bv-or:before,.bv-or:after{content:"";flex:1;height:1px;background:var(--line)}
.bv-social{display:flex;justify-content:center;gap:14px}
.bv-social a{width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.06);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;transition:box-shadow .2s ease}
.bv-social a:hover{box-shadow:0 8px 20px rgba(36,230,255,.18)}
.bv-social img{width:24px;height:24px}
.bv-auth-foot{text-align:center;color:var(--muted);font-size:14px;margin-top:18px}
.bv-auth-note{text-align:center;color:rgba(170,181,214,.8);font-size:13px;margin:10px 0 0}
.bv-submit.bv-outline{background:none;color:var(--cyan);border:1.6px solid rgba(36,230,255,.5);box-shadow:none}
.bv-submit.bv-outline:hover{background:rgba(36,230,255,.08)}
.bv-note{text-align:center;color:var(--muted);font-size:12px;margin-top:16px;line-height:1.5}
.bv-plan-note{margin:0 0 6px;border-radius:16px;background:rgba(36,230,255,.08);border:1px solid rgba(36,230,255,.22);padding:12px 16px;font-size:14px;color:#cdebff}

/* ----- Marketing content blocks (contact/policy/pricing/payment) ----- */
.bv-page{width:min(1220px,calc(100vw - 28px));margin:0 auto;padding:96px 0 64px;display:flex;flex-direction:column;gap:22px}
.bv-section{position:relative;background:var(--bv-card);border:1px solid var(--line);border-radius:30px;box-shadow:0 24px 60px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.1);padding:clamp(26px,4vw,48px);overflow:hidden;backdrop-filter:blur(14px)}
.bv-hero:has(.bv-split){padding-bottom:0}
.bv-hero .bv-split{align-items:end}
.bv-hero .bv-split-text{padding:clamp(8px,2vw,24px) 0 clamp(26px,4vw,48px)}
.bv-hero .bv-split img{align-self:end;border-radius:0;width:100%;max-height:560px;object-fit:contain;object-position:bottom}
.bv-section.bv-plain{background:rgba(255,255,255,.03)}
.bv-eyebrow{display:inline-flex;align-items:center;gap:8px;width:max-content;padding:8px 14px;border-radius:999px;background:rgba(36,230,255,.08);border:1px solid rgba(36,230,255,.28);color:#ccfbff;font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.bv-section-title{margin:14px 0 0;color:var(--text);font-size:clamp(26px,3.4vw,42px);line-height:1.12;letter-spacing:-.03em;font-weight:900;text-transform:uppercase}
.bv-lead{margin:14px 0 0;color:var(--muted);font-size:clamp(15px,1.6vw,19px);line-height:1.6}
.bv-center{text-align:center}
.bv-center .bv-eyebrow{margin-inline:auto}
.bv-center .bv-lead{margin-inline:auto;max-width:760px}
.bv-grid{display:grid;gap:18px;margin-top:28px}
.bv-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.bv-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.bv-card{background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:22px;box-shadow:0 14px 34px rgba(0,0,0,.32);padding:24px;text-align:center;color:var(--text)}
.bv-card img{height:120px;width:auto;object-fit:contain;margin:0 auto 6px}
.bv-card h3{margin:12px 0 8px;color:var(--text);font-size:19px;font-weight:900;text-transform:uppercase;letter-spacing:.01em}
.bv-card h4{margin:6px 0;color:var(--text);font-size:17px;font-weight:800}
.bv-card p{margin:0;color:var(--muted);line-height:1.6;font-size:15px}
.bv-list{margin:16px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;text-align:left}
.bv-list li{position:relative;padding-left:28px;color:#cfd6f5;line-height:1.55;font-size:16px}
.bv-list li:before{content:"\2713";position:absolute;left:0;top:0;color:var(--cyan);font-weight:900}
.bv-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.bv-btn-primary{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:16px;background:var(--bv-accent);color:#04121b;font-weight:900;text-decoration:none;border:0;cursor:pointer;box-shadow:0 14px 30px rgba(36,230,255,.22);transition:transform .2s ease;font-family:inherit;font-size:15px}
.bv-btn-primary:hover{transform:translateY(-1px)}
.bv-btn-ghost{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:16px;background:rgba(255,255,255,.06);color:var(--text);border:1px solid var(--line);font-weight:900;text-decoration:none}
.bv-split{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}
.bv-split img{width:100%;border-radius:22px;display:block}
.bv-split-text h2{margin:0;color:var(--text);font-size:clamp(22px,2.6vw,34px);font-weight:900;text-transform:uppercase;letter-spacing:-.02em}
@media(max-width:860px){.bv-grid.cols-3,.bv-grid.cols-2,.bv-split{grid-template-columns:1fr}.bv-page{padding:84px 10px 48px}.bv-hero .bv-split img{max-height:360px}}

/* ----- Pricing page package cards ----- */
.package-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;align-items:stretch;margin-top:30px}
.package-card{position:relative;flex:1 1 300px;max-width:360px;min-height:560px;padding:24px;border-radius:30px;background:var(--bv-card);border:1px solid var(--line);box-shadow:0 24px 60px rgba(0,0,0,.4);display:flex;flex-direction:column;overflow:hidden;color:var(--text)}
.package-card:before{content:"";position:absolute;right:-58px;top:-58px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(36,230,255,.2),transparent 68%);pointer-events:none}
.package-card.featured{border-color:rgba(36,230,255,.4);box-shadow:0 30px 76px rgba(36,230,255,.16);transform:translateY(-8px)}
.popular-badge{position:absolute;top:18px;right:18px;min-height:34px;display:inline-flex;align-items:center;padding:0 12px;border-radius:999px;background:var(--bv-accent);color:#04121b;font-size:12px;font-weight:900;box-shadow:0 14px 28px rgba(36,230,255,.24)}
.package-top span.package-label,.package-label{display:inline-flex;width:max-content;min-height:34px;align-items:center;padding:0 12px;border-radius:999px;background:rgba(36,230,255,.08);border:1px solid rgba(36,230,255,.22);color:#ccfbff!important;font-size:11px!important;letter-spacing:.12em!important;text-transform:uppercase;font-weight:900!important}
.package-top p{margin:12px 0 0;color:var(--muted);line-height:1.55;font-size:15.5px}
.package-price{margin:22px 0 0;padding:18px;border-radius:22px;background:rgba(255,255,255,.05);border:1px solid var(--line)}
.package-price b{display:block;font-size:30px;font-weight:1000;background:var(--bv-accent);-webkit-background-clip:text;background-clip:text;color:transparent}
.package-price span{color:var(--muted);font-size:13px;font-weight:800}
.package-card ul{flex:1 1 auto;margin:18px 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;overflow-y:auto}
.package-card ul li{position:relative;padding-left:26px;color:#cfd6f5;line-height:1.5;font-size:14.5px}
.package-card ul li:before{content:"\2713";position:absolute;left:0;top:0;color:var(--cyan);font-weight:900}
.package-card a{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;min-height:50px;border-radius:16px;background:var(--bv-accent);color:#04121b;font-weight:900;text-decoration:none}
.package-card.featured a{box-shadow:0 14px 30px rgba(36,230,255,.24)}

/* ----- Pricing coverflow slider (home landing packages) ----- */
.coverflow{position:relative;margin-top:34px;min-height:600px;display:flex;align-items:center;justify-content:center}
.coverflow-track{position:relative;width:100%;max-width:1100px;height:580px;margin:0 auto}
/* Opaque background is required here: coverflow cards overlap, so a transparent
   card would show the text of the cards stacked behind it. */
.coverflow .package-card{position:absolute;top:10px;left:50%;width:340px;max-width:78vw;margin-left:-170px;height:540px;min-height:0;overflow:hidden;background:linear-gradient(180deg,#141c3c,#0a0f24);border:1px solid var(--line);box-shadow:0 30px 70px rgba(0,0,0,.6);transition:transform .45s cubic-bezier(.22,.61,.36,1),opacity .4s ease,box-shadow .45s ease;will-change:transform,opacity;cursor:pointer;backface-visibility:hidden}
.coverflow .package-card.featured{background:linear-gradient(180deg,#17244c,#0b1330);border-color:rgba(36,230,255,.4);box-shadow:0 34px 80px rgba(0,0,0,.6),0 0 0 1px rgba(36,230,255,.15)}
/* In the coverflow the card height is fixed: the feature list flexes and clips
   while the CTA stays pinned to the bottom. The full list lives in the modal. */
.coverflow .package-card ul{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:8px;margin-bottom:14px;scrollbar-width:thin;scrollbar-color:rgba(36,230,255,.4) transparent;overscroll-behavior:contain}
.coverflow .package-card ul::-webkit-scrollbar{width:6px}
.coverflow .package-card ul::-webkit-scrollbar-track{background:transparent}
.coverflow .package-card ul::-webkit-scrollbar-thumb{background:rgba(36,230,255,.38);border-radius:999px}
.coverflow .package-card ul::-webkit-scrollbar-thumb:hover{background:rgba(36,230,255,.6)}
.coverflow .package-card.cf-hidden{opacity:0;pointer-events:none}
.coverflow .package-card.cf-active{cursor:zoom-in}
.cf-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:60;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);background:rgba(11,16,36,.92);color:var(--cyan);font-size:30px;line-height:1;font-weight:900;cursor:pointer;box-shadow:0 12px 28px rgba(0,0,0,.5);transition:transform .2s ease,background .2s ease,border-color .2s ease;backdrop-filter:blur(8px)}
.cf-nav:hover{background:rgba(36,230,255,.14);border-color:rgba(36,230,255,.45)}
.cf-nav:active{transform:translateY(-50%) scale(.94)}
.cf-prev{left:6px}
.cf-next{right:6px}

/* ===== Plan detail modal ===== */
.plan-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}
.plan-modal[hidden]{display:none}
.plan-modal-overlay{position:absolute;inset:0;background:rgba(3,6,16,.72);backdrop-filter:blur(4px);animation:cfFade .2s ease}
.plan-modal-dialog{position:relative;z-index:1;display:flex;flex-direction:column;width:min(420px,100%);max-height:88vh;overflow:hidden;background:linear-gradient(180deg,#0b1024,#070b1c);border:1px solid rgba(36,230,255,.2);border-radius:28px;padding:26px 22px;box-shadow:0 40px 90px rgba(0,0,0,.6);animation:cfPop .28s cubic-bezier(.22,.61,.36,1)}
.plan-modal-close{position:absolute;top:14px;right:14px;z-index:2;width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(36,230,255,.16);border-radius:50%;background:rgba(11,16,36,.92);color:var(--cyan);font-size:20px;line-height:1;cursor:pointer;box-shadow:0 6px 16px rgba(0,0,0,.4);transition:background .2s ease}
.plan-modal-close:hover{background:rgba(36,230,255,.14)}
.plan-modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding-right:6px;scrollbar-width:thin;scrollbar-color:rgba(36,230,255,.45) transparent}
.plan-modal-body::-webkit-scrollbar{width:7px}
.plan-modal-body::-webkit-scrollbar-track{background:transparent}
.plan-modal-body::-webkit-scrollbar-thumb{background:rgba(36,230,255,.38);border-radius:999px}
.plan-modal-body::-webkit-scrollbar-thumb:hover{background:rgba(36,230,255,.6)}
.plan-modal-body .package-card{position:static;width:auto;height:auto;min-height:0;margin:0;padding:0;overflow:visible;background:none;border:0;box-shadow:none;transform:none}
.plan-modal-body .package-card ul{flex:none;overflow:visible;-webkit-mask-image:none;mask-image:none}
.plan-modal-body .package-card:before{display:none}
.plan-modal-body .popular-badge{position:static;align-self:flex-start;margin:0 0 14px}
@keyframes cfFade{from{opacity:0}to{opacity:1}}
@keyframes cfPop{from{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}}
@media(max-width:640px){
  .coverflow{min-height:560px}
  .coverflow-track{height:520px}
  .coverflow .package-card{width:256px;margin-left:-128px;height:500px}
  .cf-nav{width:40px;height:40px;font-size:24px}
  .cf-prev{left:0}
  .cf-next{right:0}
}

/* ----- Footer brand: AI360 wordmark replaced by the header logo ----- */
.footer .footer-brand{display:inline-flex;align-items:center;gap:8px}
.footer .footer-logo-img{height:22px;width:auto;display:block;filter:drop-shadow(0 0 12px rgba(0,145,255,.30))}

/* ----- Logged-in user dropdown in the header (mirrors beauty .bv-user) ----- */
.bv-user{position:relative}
.bv-user>summary{list-style:none;display:inline-flex;align-items:center;gap:8px;cursor:pointer;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid var(--line);color:var(--text);font-weight:800;font-size:14px;white-space:nowrap;transition:background .2s ease,border-color .2s ease}
.bv-user>summary:hover{background:rgba(36,230,255,.1);border-color:rgba(36,230,255,.4)}
.bv-user>summary::-webkit-details-marker{display:none}
.bv-user>summary::marker{content:""}
.bv-user-avatar{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--bv-accent);color:#04121b;font-size:12px;font-weight:900;flex:0 0 auto}
.bv-user-name{max-width:150px;overflow:hidden;text-overflow:ellipsis}
.bv-user-caret{color:var(--cyan);font-size:11px}
.bv-user-menu{position:absolute;right:0;top:calc(100% + 10px);min-width:250px;background:linear-gradient(180deg,#0b1024,#070b1c);border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 60px rgba(0,0,0,.55);padding:8px;display:flex;flex-direction:column;z-index:80}
.bv-user-menu a,.bv-user-menu button{display:block;width:100%;text-align:left;padding:10px 12px;border-radius:12px;text-decoration:none;color:var(--muted);font-size:14px;font-weight:700;background:none;border:0;cursor:pointer;font-family:inherit}
.bv-user-menu a:hover,.bv-user-menu button:hover{background:rgba(36,230,255,.12);color:#ccfbff}
.bv-user-logout{color:#ff6b9d !important;border-top:1px solid var(--line) !important;margin-top:4px;border-radius:0 0 12px 12px}

/* ===== Mobile header: hamburger + collapsible nav/actions panel (mirrors beauty) =====
   Desktop keeps the 3-column grid untouched: the wrapper is display:contents so the
   nav and actions stay direct grid items. On mobile the wrapper becomes a dropdown
   panel toggled by the hamburger (JS toggles .menu-open on #topbar). */
.nav-v45-collapse{display:contents}
.nav-v45-burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:46px;height:46px;padding:0 11px;cursor:pointer;justify-self:end;border:1px solid rgba(181,213,255,.20);border-radius:14px;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.04));position:relative;z-index:3}
.nav-v45-burger span{display:block;height:2.5px;border-radius:2px;background:var(--cyan);transition:.25s ease}
.nav-v45.landing-topbar.menu-open .nav-v45-burger span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.nav-v45.landing-topbar.menu-open .nav-v45-burger span:nth-child(2){opacity:0}
.nav-v45.landing-topbar.menu-open .nav-v45-burger span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}

@media(max-width:1180px){
  .nav-v45.landing-topbar{grid-template-columns:1fr auto !important;overflow:visible !important}
  .nav-v45-burger{display:inline-flex}
  .nav-v45-collapse{
    display:flex;flex-direction:column;align-items:stretch;gap:12px;
    position:absolute;top:calc(100% + 10px);left:0;right:0;
    background:linear-gradient(180deg,#0b1024,#070b1c);
    border:1px solid var(--line);border-radius:22px;
    box-shadow:0 26px 60px rgba(0,0,0,.55);padding:16px;
    max-height:0;opacity:0;overflow:hidden;pointer-events:none;
    transition:max-height .3s ease,opacity .22s ease;z-index:5;
  }
  .nav-v45.landing-topbar.menu-open .nav-v45-collapse{max-height:82vh;opacity:1;overflow-y:auto;pointer-events:auto}
  /* nav links stacked (override the ≤1180 display:none + the desktop pill-row styling) */
  .nav-v45-collapse .nav-v45-menu{display:flex !important;flex-direction:column;align-items:stretch;gap:4px;margin:0 !important;width:auto !important;max-width:none !important;height:auto !important;background:none !important;border:0 !important;padding:0 !important;overflow:visible !important;box-shadow:none !important;border-radius:0 !important}
  .nav-v45-collapse .nav-v45-menu a{justify-content:flex-start;height:auto;min-height:46px;padding:0 14px;font-size:15px !important;border-radius:12px}
  .nav-v45-collapse .nav-v45-menu a:hover{background:rgba(36,230,255,.1)}
  .nav-v45-collapse .nav-v45-glow{display:none !important}
  /* actions stacked. display:contents lifts the action items to be direct flex
     children of the panel so `order` can hoist the language switch to the top. */
  .nav-v45-collapse .topbar-actions{display:contents !important}
  /* Order: nav links (0) → language switch (1) → 24/7 status + CTA + user (2). */
  .nav-v45-collapse .lang-switch{display:inline-flex !important;align-self:flex-start;order:1}
  .nav-v45-collapse .v45-status{display:inline-flex !important;align-self:flex-start;order:2}
  .nav-v45-collapse .cta-v45,.nav-v45-collapse .topbar-cta{display:flex !important;justify-content:center;text-align:center;order:2}
  .nav-v45-collapse .bv-user{width:100%;order:2}
  .nav-v45-collapse .bv-user{width:100%}
  .nav-v45-collapse .bv-user>summary{width:100%;justify-content:flex-start}
  .nav-v45-collapse .bv-user-menu{position:static;box-shadow:none;border:0;border-radius:12px;background:rgba(255,255,255,.04);margin-top:6px;min-width:0}
}

/* ----- Recolor default Tailwind-blue utility markup (contact/payment) to hotel accent ----- */
.text-blue-400,.text-blue-500,.text-blue-600,.text-color-third{color:var(--cyan)!important}
.bg-blue-500,.bg-blue-600{background:var(--bv-accent)!important;color:#04121b!important}
.border-blue-400,.border-blue-500{border-color:rgba(36,230,255,.45)!important}
.text-color-primary,.text-color-secondary{color:var(--text)!important}
.text-gray-600,.text-gray-700{color:var(--muted)!important}
.bv-section .border-gray-300,.bv-section .border-gray-200{border-color:var(--line)!important}
.bv-section .js-dropdown{background:#0b1024!important;border-color:var(--line)!important}
.bv-section .js-dropdown .js-option{color:var(--text)!important}
.bv-section .js-dropdown .js-option:hover{background:rgba(36,230,255,.12)!important;color:#ccfbff!important}
.bv-section .js-selected-text{color:var(--text)!important}

/* ----- reCAPTCHA note (hide floating badge, show inline notice) ----- */
.grecaptcha-badge{visibility:hidden!important}
.recaptcha-note{margin:10px 0 0;font-size:12px;line-height:1.45;color:var(--muted);opacity:.85}
.recaptcha-note a{color:var(--cyan);text-decoration:underline}

/* =========================================================================
   HOTEL landing — small fixes (appended last → wins cascade)
   ========================================================================= */
/* Restore the sample's rich gradient background: the shared layout injects
   body.ai-body{background:var(--bg)!important} (flat dark), which flattened the
   hotel landing's pink/cyan glow. More specific + later → wins. */
body.hotel-landing.ai-body{
  background:
    radial-gradient(circle at 12% 0%, rgba(99,102,241,.28), transparent 26%),
    radial-gradient(circle at 88% 10%, rgba(0,145,255,.24), transparent 24%),
    radial-gradient(circle at 78% 78%, rgba(76,166,51,.10), transparent 18%),
    linear-gradient(180deg, #040714, #071020 56%, #05091a) !important;
}

/* Brand: single logo wordmark (replaces the orb + text block), sized to fill
   the brand area proportionally. */
.brand-v45{justify-content:center !important;}
.brand-v45 .brand-logo-img{
  height:clamp(40px,3.6vw,52px) !important;
  width:auto !important;
  max-width:none !important;
  flex:0 0 auto;
  display:block;
  filter:drop-shadow(0 0 16px rgba(0,145,255,.30));
}

/* Dashboard title row divider. */
.dashboard-wow .dash-title{
  border-bottom:1px solid var(--line) !important;
  padding-bottom:10px !important;
}

/* Nav: drop the sliding glow indicator (on load it sits at its default width
   and spans the first two items). Highlight the active/hovered item with its
   own background so it always fits exactly one item. */
.nav-v45-glow{display:none !important}
.nav-v45-menu a:hover,
.nav-v45-menu a.active{
  background:linear-gradient(135deg, rgba(0,145,255,.20), rgba(99,102,241,.16)) !important;
}

/* Unify every top-level landing block to ONE horizontal inner padding (28px)
   so the inner content lines up vertically down the page. Different sections
   shipped with 0/8/18/20/28/30px, which made e.g. the dashboard content sit
   tighter to the edge than the rest. Vertical padding is left per-block. */
/* Bordered container blocks → uniform 15px inner padding. NOT .cinema: it has
   no outer border (its 3 stages ARE the visible blocks), so padding would just
   shrink the stages and make the row narrower than the other blocks. The stages
   already span the full container width, matching the bordered blocks' edges. */
body.hotel-landing .section-block.cinematic-block,
body.hotel-landing .dashboard,
body.hotel-landing .hero-sync-panel,
body.hotel-landing .direct-booking-cta{
  padding:15px !important;
}
/* The tight 15px padding removed the breathing room before the footer; add a
   clear gap so the last section no longer sticks to the footer. */
body.hotel-landing .footer{ margin-top:36px !important; }

/* The decorative full-screen `.grid` overlay class (position:fixed, outside
   <main>) collides with Tailwind's `.grid` utility used by shared content pages
   (contact form 2-col layout, boarding guides). Restore real CSS grid for any
   `.grid` inside <main> so those layouts render instead of becoming an overlay. */
body.hotel-landing main .grid{position:static !important;inset:auto !important;display:grid !important;background-image:none !important;-webkit-mask-image:none !important;mask-image:none !important;animation:none !important}

/* Boarding guide pages have no hotel override, so they render the default
   light-themed markup. Under the dark hotel body the recolored copy turns white
   and disappears on the light section backgrounds. Make the boarding sections
   transparent (dark page shows through) so the text is readable; the white
   screenshot cards stay light since they hold light-background images. */
body.hotel-landing .boarding-page section{background:transparent !important}
body.hotel-landing .boarding-orb{opacity:.22}

/* Remove the blurred ambient blobs (.bg-orb, blur 80px) + the moving scanline:
   they bleed through the semi-transparent blocks and read as a hazy bg layer.
   The body gradient is kept, so the page stays bright. */
body.hotel-landing .bg-orb,
body.hotel-landing .scanline,
body.hotel-landing .grid{ display:none !important; }

/* Drop the translucent panel fills on every top-level container block (they
   read as boxes lighter/darker than the page bg). Blocks become flat on the
   page background; their border still defines the outline. Inner content cards
   keep their own subtle fill for contrast. */
body.hotel-landing .pain-stage,
body.hotel-landing .core-stage,
body.hotel-landing .solution-stage,
body.hotel-landing .dashboard,
body.hotel-landing .section-block.cinematic-block,
body.hotel-landing .hero-sync-panel,
body.hotel-landing .direct-booking-cta,
/* section-level content panels that also shipped with a translucent fill */
body.hotel-landing .demo-v56-intake,
body.hotel-landing .demo-v56-core,
body.hotel-landing .demo-v56-crm,
body.hotel-landing .demo-v56-coreboard,
body.hotel-landing .core-quantum-shell,
body.hotel-landing .demo-v56-insight-card,
body.hotel-landing .demo-v56-flow-shell,
body.hotel-landing .crm-console,
body.hotel-landing .calc-board,
body.hotel-landing .demo-lab,
body.hotel-landing .contact-card,
body.hotel-landing .compare-card,
body.hotel-landing .compare-center,
body.hotel-landing .workbench,
body.hotel-landing .crm{
  background:transparent !important;
  box-shadow:none !important; /* flattened panels: drop the shadow that bled a dark band below them */
}
/* Kill the cinematic-block radial-glow overlay so the block bg is truly flat. */
body.hotel-landing .section-block.cinematic-block::after{ display:none !important; }

/* Kill ALL box-shadows inside the landing: the dark drop-shadows on cards/panels
   bleed into the now-flat background as faint darker patches (the repeated
   "bg mờ"). Flat design → no shadows. */
body.hotel-landing .landing-viewport *{ box-shadow:none !important; }

/* Lock the cinema stages to a fixed height so the looping demo animation
   (chat/CRM content changing height) can't grow/shrink the stages and shove the
   layout up & down. overflow:hidden clips any transient overflow. */
body.hotel-landing .pain-stage,
body.hotel-landing .core-stage,
body.hotel-landing .solution-stage{
  height:760px !important;
  min-height:760px !important;
  overflow:hidden !important;
}
/* Same height-lock for the live-demo section row + columns, whose chat/CRM
   animation otherwise grows/shrinks them and shoves the page up & down. */
body.hotel-landing .demo-v56-stage{
  height:auto !important;
  overflow:hidden !important;
  align-items:start !important;
}
body.hotel-landing .demo-v56-intake,
body.hotel-landing .demo-v56-core,
body.hotel-landing .demo-v56-crm{
  height:970px !important;
  min-height:970px !important;
  overflow:hidden !important;
}

/* ==========================================================================
   Hotel landing responsive-polish pass (mobile/desktop QA).
   Appended last so these win source order over the earlier breakpoint rules.
   ========================================================================== */

/* #9 (desktop): revenue-path step connectors — remove the vertical gradient
   bar, keep a bright arrow and a fully-readable label. */
@media(min-width:1281px){
  /* Higher specificity than `.revenue-path.hero-sync-panel>i` (which paints the bar). */
  .revenue-path.hero-sync-panel > i.flow-connector{background:none !important;background-image:none !important;box-shadow:none !important;overflow:visible !important;z-index:20 !important}
  .revenue-path.hero-sync-panel > i.flow-connector:before{left:0 !important;right:0 !important;top:50% !important;transform:translateY(-50%) !important;height:3px !important;background:linear-gradient(90deg,#24e6ff,#5affd0) !important;box-shadow:0 0 10px rgba(36,230,255,.5) !important}
  /* Bigger, brighter arrowhead so it never looks cut off. Centered via translateY so it stays on the line regardless of border rounding. */
  .revenue-path.hero-sync-panel > i.flow-connector:after{right:-4px !important;top:50% !important;transform:translateY(-50%) !important;border-left:12px solid #5affd0 !important;border-top:7px solid transparent !important;border-bottom:7px solid transparent !important;filter:drop-shadow(0 0 6px rgba(90,255,208,.7)) !important}
  /* Label wraps within a fixed width, centred over the arrow, lifted above the
     neighbouring cards (z-index) so it is fully visible and evenly aligned. */
  .revenue-path.hero-sync-panel > i.flow-connector span{position:absolute !important;left:50% !important;top:50% !important;z-index:20 !important;color:#eaffff !important;width:96px !important;white-space:normal !important;text-align:center !important;font-size:11px !important;line-height:1.18 !important;transform:translate(-50%,-34px) !important;text-shadow:0 0 8px rgba(4,10,25,.95),0 0 12px rgba(0,170,255,.7) !important}
}

/* #8: below the hamburger breakpoint, stack the Live Control Room cockpit and
   hide the horizontal flow board so the journey pills stop overlapping it. */
@media(max-width:1180px){
  .dash-live{display:block !important;height:auto !important}
  .dashboard-wow .journey-panel,.dashboard-wow .insight-panel{margin-top:8px !important}
  .flow-board-wow{display:none !important}
}

@media(max-width:720px){
  /* #11: centre the step-number badge in the revenue-path cards */
  .visual-node.path-node small{display:flex !important;align-items:center;justify-content:center;margin-left:auto !important;margin-right:auto !important}

  /* #10: tidy, evenly-spaced channel icons in the "Message Rush" card */
  .rush-visual{display:flex !important;align-items:center;justify-content:center;gap:16px !important;flex-wrap:wrap;min-height:auto !important}
  .rush-visual .channel-bubble{position:static !important;inset:auto !important}
  .rush-visual .funnel-ring,.rush-visual .funnel-dot{display:none !important}

  /* #12 / #14 / #15: centre text in the small info-grid & journey cards */
  .demo-v56-journey .journey-card{text-align:center !important}
  .demo-v56-journey .journey-card:before{display:none !important}
  .capture-grid>div,.deal-monitor-grid>div,.crm-grid>div{text-align:center !important}

  /* #16: centre text + icon in the revenue-recovery flow cards */
  .roi-flow .flow-card,.roi-flow .flow-recovery-card,.roi-flow .branch-card{text-align:center !important}
  .roi-flow .flow-icon{display:block !important;margin-left:auto !important;margin-right:auto !important;text-align:center !important}
  .roi-flow .mini-bars,.roi-flow .growth-line{justify-content:center !important}
  .roi-flow .mini-line{margin-left:auto !important;margin-right:auto !important}

  /* #7: portrait phone that GROWS with the conversation so the last message is
     never clipped (chat height auto + overflow visible, not a fixed flex fill). */
  /* The solution-stage is a desktop "cockpit" with fixed heights (workbench grid
     stretch + .crm height:100%) → cards overflow their block on mobile. Force a
     single natural column that GROWS with content (ultra-specific to beat the
     earlier height rules). */
  /* The whole solution-stage chain was fixed-height + overflow:hidden (desktop
     cockpit) which clipped the phone chat. Open the chain so it flows naturally. */
  body.hotel-landing .cinema .solution-stage{height:auto !important;min-height:0 !important;max-height:none !important;overflow:hidden !important}
  body.hotel-landing .cinema .solution-stage .workbench{display:grid !important;grid-template-columns:1fr !important;height:auto !important;min-height:0 !important;overflow:visible !important;align-content:start !important}
  body.hotel-landing .cinema .solution-stage .phone-wrap{height:auto !important;min-height:0 !important;overflow:visible !important}
  /* Keep a real-phone portrait proportion: narrow width, centered, grows tall. */
  body.hotel-landing .solution-stage .workbench .phone-wrap{max-width:340px !important;width:100% !important;margin-left:auto !important;margin-right:auto !important}
  /* FIXED-height portrait phone (real-phone proportion). The chat inside fills
     the remaining space and SCROLLS; the JS auto-scrolls to the newest bubble.
     The phone never resizes with the conversation. Ancestor clip opened above. */
  body.hotel-landing .solution-stage .workbench .phone{width:100% !important;height:620px !important;min-height:0 !important;max-height:none !important;overflow:hidden !important;display:flex !important;flex-direction:column !important}
  body.hotel-landing .solution-stage .workbench .phone .chat{height:auto !important;max-height:none !important;min-height:0 !important;flex:1 1 auto !important;overflow-y:auto !important;overflow-x:hidden !important}
  body.hotel-landing .solution-stage .workbench .phone .typing{flex:0 0 auto !important}
  body.hotel-landing .solution-stage .workbench .crm{height:auto !important;min-height:0 !important;align-self:start !important;overflow:visible !important}
  body.hotel-landing .solution-stage .workbench .action-card{height:auto !important;max-height:none !important;overflow:visible !important}
  body.hotel-landing .solution-stage .workbench .action-card p,body.hotel-landing .solution-stage .workbench .crm p{max-height:none !important;overflow:visible !important;-webkit-line-clamp:unset !important;display:block !important}

  /* #13: the demo phone wrapper must be tall enough for the full iPhone shell
     (~780px) and must NOT clip it — otherwise the notch/status bar/header (top)
     and typing bar (bottom) get cut and only the middle chat shows. */
  .demo-phone-wrap{height:auto !important;min-height:0 !important;max-width:100% !important;overflow:visible !important;margin-left:auto !important;margin-right:auto !important}

  /* #6: let the chaos messages sweep toward the centre instead of resetting
     after a tiny nudge */
  .incoming.n1,.incoming.n3,.incoming.n5,.incoming.n7,.incoming.n9{--tx:248px !important}
  .incoming.n2,.incoming.n4,.incoming.n6,.incoming.n8,.incoming.n10{--tx:-248px !important}
}

/* #17: pricing coverflow prev/next arrows — hug the edges and stand out. */
@media(max-width:720px){
  .coverflow .cf-nav{width:46px !important;height:46px !important;background:#0b1830 !important;border:2px solid #24e6ff !important;color:#7df3ff !important;opacity:1 !important;z-index:70 !important;font-size:26px !important;box-shadow:0 0 20px rgba(36,230,255,.75),0 6px 16px rgba(0,0,0,.55) !important}
  .coverflow .cf-prev{left:0 !important}
  .coverflow .cf-next{right:0 !important}
}

/* ==========================================================================
   "Sau AI360" cockpit — phone frame + overflow handling.
   Phone (all widths): fixed frame, chat scrolls inside, so the phone never
   grows with the conversation. Its height comes per-breakpoint below.
   ========================================================================== */
body.hotel-landing .solution-stage .workbench .phone{overflow:hidden !important;display:flex !important;flex-direction:column !important}
body.hotel-landing .solution-stage .workbench .phone .chat{min-height:0 !important;flex:1 1 auto !important;overflow-y:auto !important;overflow-x:hidden !important}
body.hotel-landing .solution-stage .workbench .phone .typing{flex:0 0 auto !important}

/* Slim scrollbars for the cockpit's internal scroll areas (CRM + phone chat). */
body.hotel-landing .solution-stage .workbench .crm,
body.hotel-landing .solution-stage .workbench .phone .chat{scrollbar-width:thin;scrollbar-color:rgba(36,230,255,.35) transparent}
body.hotel-landing .solution-stage .workbench .crm::-webkit-scrollbar,
body.hotel-landing .solution-stage .workbench .phone .chat::-webkit-scrollbar{width:5px;height:5px}
body.hotel-landing .solution-stage .workbench .crm::-webkit-scrollbar-track,
body.hotel-landing .solution-stage .workbench .phone .chat::-webkit-scrollbar-track{background:transparent}
body.hotel-landing .solution-stage .workbench .crm::-webkit-scrollbar-thumb{background:rgba(36,230,255,.35);border-radius:999px}
body.hotel-landing .solution-stage .workbench .crm::-webkit-scrollbar-thumb:hover{background:rgba(36,230,255,.6)}
body.hotel-landing .solution-stage .workbench .phone .chat::-webkit-scrollbar-thumb{background:rgba(120,140,170,.4);border-radius:999px}

/* The stages scale up (1.012) when their hero-state is active; the .cinema
   overflow:hidden was clipping that scaled edge → border looked cut. Let the
   cinema overflow show, and lift the active (scaled) stage above its siblings. */
body.hotel-landing .cinema{overflow:visible !important}
body.hotel-landing.hero-ai .core-stage,
body.hotel-landing.hero-win .solution-stage,
body.hotel-landing.hero-pain .pain-stage{z-index:25 !important}

/* Desktop/tablet: keep the 3 cockpit columns balanced (equal height). The phone
   fills its column (base height) and the CRM SCROLLS internally instead of
   clipping — so no text is lost and the column stays the same height as its
   siblings (no more over-tall phone column). */
@media(min-width:721px){
  body.hotel-landing .solution-stage .workbench .crm{overflow-y:auto !important;overflow-x:hidden !important}
}

/* Mobile: single column — let the card + CRM grow with content so the border
   always wraps everything, and give the phone a fixed portrait frame. */
@media(max-width:720px){
  body.hotel-landing .cinema .solution-stage{height:auto !important;min-height:0 !important;max-height:none !important;overflow:hidden !important}
  body.hotel-landing .cinema .solution-stage .workbench{height:auto !important;min-height:0 !important;overflow:visible !important;align-content:start !important}
  body.hotel-landing .cinema .solution-stage .phone-wrap{height:auto !important;min-height:0 !important;overflow:visible !important;max-width:340px !important;margin-left:auto !important;margin-right:auto !important}
  body.hotel-landing .solution-stage .workbench .crm{height:auto !important;min-height:0 !important;align-self:start !important;overflow:visible !important}
  body.hotel-landing .solution-stage .workbench .action-card{height:auto !important;overflow:visible !important}
  body.hotel-landing .solution-stage .workbench .action-card p,body.hotel-landing .solution-stage .workbench .crm p{max-height:none !important;overflow:visible !important;-webkit-line-clamp:unset !important;display:block !important}
  body.hotel-landing .solution-stage .workbench .phone{width:100% !important;height:600px !important;min-height:0 !important;max-height:none !important}
}

/* Show the core-stage data-stream animation (labels flying to the AI360 core)
   on phones too — earlier ≤720 rules hid it. Positioned around the 190px core. */
@media(max-width:720px){
  body.hotel-landing .core-stage .data-stream{display:block !important;position:absolute !important;inset:auto !important;left:50% !important;top:150px !important;transform:translateX(-50%) !important;width:300px !important;height:210px !important}
  body.hotel-landing .core-stage .takeover-beam{display:block !important}
  body.hotel-landing .core-stage .data-stream .dp{font-size:8.5px !important;min-width:80px !important;height:25px !important}
  body.hotel-landing .core-stage .data-stream .dp.l1{left:-8px !important;top:4px !important}
  body.hotel-landing .core-stage .data-stream .dp.r1{right:-8px !important;top:20px !important}
  body.hotel-landing .core-stage .data-stream .dp.l2{left:-18px !important;top:74px !important}
  body.hotel-landing .core-stage .data-stream .dp.r2{right:-18px !important;top:88px !important}
  body.hotel-landing .core-stage .data-stream .dp.l3{left:-14px !important;top:140px !important}
  body.hotel-landing .core-stage .data-stream .dp.r3{right:-14px !important;top:150px !important}
  body.hotel-landing .core-stage .data-stream .dp.l4{left:18px !important;top:184px !important}
  body.hotel-landing .core-stage .data-stream .dp.r4{right:18px !important;top:184px !important}
}

/* #55: keep the card text above the decorative green growth stripes. */
body.hotel-landing .flow-recovery-card small,body.hotel-landing .flow-recovery-card b,
body.hotel-landing .branch-card small,body.hotel-landing .branch-card b{position:relative;z-index:2}

/* Mobile/tablet (cards stacked vertically) connector cleanup. */
@media(max-width:1280px){
  /* #52: revenue-path connector → drop the colour block, point the arrow DOWN. */
  .revenue-path.hero-sync-panel > i.flow-connector{background:none !important;background-image:none !important;box-shadow:none !important}
  .revenue-path.hero-sync-panel > i.flow-connector:before{display:none !important}
  .revenue-path.hero-sync-panel > i.flow-connector:after{left:50% !important;right:auto !important;top:auto !important;bottom:2px !important;transform:translateX(-50%) !important;border-left:8px solid transparent !important;border-right:8px solid transparent !important;border-top:13px solid #5affd0 !important;border-bottom:0 !important;filter:drop-shadow(0 0 6px rgba(90,255,208,.7)) !important}
  .revenue-path.hero-sync-panel > i.flow-connector span{position:relative;z-index:5;transform:none !important;width:auto !important;white-space:nowrap !important;text-align:center !important;color:#eaffff !important}
  /* #53: proof/inbox connector → remove the stray arrowhead on mobile. */
  .proof-arrow:after{display:none !important}
}

/* Boarding guide screenshots on mobile: let the image fill the card width so
   there's no big empty white space on the sides. */
@media(max-width:720px){
  body.hotel-landing .boarding-screen-card{padding:8px !important}
  body.hotel-landing .boarding-screen-card>div{height:auto !important;min-height:0 !important;padding:0 !important}
  body.hotel-landing .boarding-screen-card img{width:100% !important;height:auto !important;max-height:none !important}
}

/* Active automation-rail tab: white label for readability on the green→blue gradient */
body.hotel-landing .automation-rail span.active{color:#fff !important;text-shadow:0 1px 3px rgba(3,10,25,.6) !important}