:root{
--bg:#070b11;--bg2:#0b1119;--panel:#101824;--panel2:#131d2b;--text:#f5f7fb;--muted:#92a0b2;
--line:rgba(255,255,255,.09);--gold:#d9a93d;--gold2:#f0c866;--blue:#4a9fff;--green:#43d6a0;
--amber:#f5b846;--red:#ff7278;--radius:26px;--shadow:0 30px 90px rgba(0,0,0,.36)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}
img{max-width:100%;display:block}a{text-decoration:none;color:inherit}button,input,select{font:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}.narrow{max-width:900px}
.announcement{background:linear-gradient(90deg,#17130b,#2b220e,#17130b);border-bottom:1px solid rgba(217,169,61,.25);font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.announcement__inner{height:38px;display:flex;align-items:center;justify-content:center;gap:10px;color:#d9cfb8}.announcement a{color:var(--gold2);font-weight:700}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgba(67,214,160,.7);animation:pulse 2s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(67,214,160,0)}100%{box-shadow:0 0 0 0 rgba(67,214,160,0)}}.site-header{position:sticky;top:0;z-index:100;background:rgba(7,11,17,.75);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}
.nav-shell{height:78px;display:flex;align-items:center;justify-content:space-between}.brand img{width:190px}.nav{display:flex;align-items:center;gap:28px;color:#c5ced9;font-size:14px}.nav>a:not(.button):hover{color:#fff}.menu-btn{display:none;background:none;border:0}.button{display:inline-flex;align-items:center;justify-content:center;padding:15px 22px;border-radius:14px;font-weight:800;border:1px solid transparent;transition:.25s;cursor:pointer}.button--small{padding:11px 16px;font-size:13px}.button--outline{border-color:rgba(217,169,61,.4);color:var(--gold2)}.button--outline:hover{background:rgba(217,169,61,.1)}.button--primary{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#111;box-shadow:0 15px 35px rgba(217,169,61,.23)}.button--primary:hover{transform:translateY(-2px);box-shadow:0 20px 44px rgba(217,169,61,.31)}.button--ghost{background:rgba(255,255,255,.04);border-color:var(--line)}
.section{padding:115px 0;position:relative}.section-dark{background:var(--bg)}.alt{background:#0a0f16}.hero{min-height:900px;display:flex;align-items:center;position:relative;overflow:hidden;isolation:isolate}.grid-bg{position:absolute;inset:0;z-index:-3;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(black,transparent 92%)}.ambient{position:absolute;border-radius:50%;filter:blur(85px);z-index:-2;opacity:.5}.ambient--one{width:480px;height:480px;background:#103a68;right:-100px;top:130px}.ambient--two{width:340px;height:340px;background:#614713;left:-160px;bottom:80px}.hero__grid{display:grid;grid-template-columns:.95fr 1.3fr;gap:60px;align-items:center;padding:80px 0 110px}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--gold2);font-weight:800;font-size:11px;letter-spacing:.14em;text-transform:uppercase}.eyebrow:before{content:"";width:28px;height:1px;background:var(--gold)}.hero h1,.section h2{font-family:Manrope,Inter,sans-serif;letter-spacing:-.045em}.hero h1{font-size:clamp(50px,5.4vw,78px);line-height:1.02;margin:24px 0}.hero h1 span{background:linear-gradient(90deg,#fff,#7f8c9c);-webkit-background-clip:text;background-clip:text;color:transparent}.hero__copy>p{font-size:18px;line-height:1.75;color:#a8b3c3}.hero__actions{display:flex;gap:14px;margin-top:32px;flex-wrap:wrap}.hero__proof{display:flex;gap:30px;margin-top:40px;padding-top:23px;border-top:1px solid var(--line)}.hero__proof div{display:flex;flex-direction:column;gap:5px}.hero__proof strong{font-size:10px;color:#718094;text-transform:uppercase;letter-spacing:.08em}.hero__proof span{font-size:13px}.hero__visual{position:relative;min-height:610px;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;border:1px solid rgba(217,169,61,.16);border-radius:50%;animation:rotate 23s linear infinite}.orbit--a{width:650px;height:650px}.orbit--b{width:790px;height:790px;animation-direction:reverse;animation-duration:31s}@keyframes rotate{to{transform:rotate(360deg)}}.app-window{width:100%;max-width:735px;background:#0f1621;border:1px solid rgba(255,255,255,.11);border-radius:24px;overflow:hidden;box-shadow:0 45px 110px rgba(0,0,0,.55);transform:perspective(1300px) rotateY(-5deg) rotateX(2deg);z-index:3}.app-window__top{height:52px;display:grid;grid-template-columns:145px 1fr 35px;align-items:center;padding:0 15px;background:#131b27;border-bottom:1px solid var(--line)}.app-logo{font-size:10px;letter-spacing:.2em;color:var(--gold2)}.search-pill{height:28px;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;padding:0 11px;color:#667488;font-size:8px;background:#0c1119}.avatar{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold2),#8c6418);color:#111;font-size:8px;font-weight:900}.app-window__body{display:grid;grid-template-columns:118px 1fr;min-height:430px}.app-window aside{padding:17px 10px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:7px;background:#0c1119}.app-window aside a{font-size:8px;color:#677588;padding:9px;border-radius:7px}.app-window aside .active{background:rgba(217,169,61,.11);color:var(--gold2)}.workspace{padding:21px}.workspace__title{display:flex;justify-content:space-between}.workspace__title small{font-size:8px;color:#7a8899}.workspace__title h3{margin:4px 0;font-size:16px}.workspace__title button{border:0;border-radius:8px;background:var(--gold);font-size:7px;padding:8px 10px;font-weight:800}.metric-grid{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:9px;margin-top:16px}.metric{min-height:106px;background:#141d29;border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;flex-direction:column;position:relative}.metric span{font-size:7px;color:#8592a3}.metric>b{font-size:27px;margin-top:10px}.metric small{font-size:7px;color:#667588;margin-top:auto}.metric em{font-style:normal;color:var(--green);font-size:7px;margin-top:auto}.ring{position:absolute;right:12px;top:31px;width:49px;height:49px;border-radius:50%;border:6px solid var(--green);border-left-color:#2a3746;display:flex;align-items:baseline;justify-content:center;padding-top:10px}.ring b{font-size:15px}.ring small{font-size:6px}.amber{color:var(--amber)!important}.red{color:var(--red)!important}.workspace__lower{display:grid;grid-template-columns:1.55fr 1fr;gap:9px;margin-top:9px}.ui-card{min-height:170px;background:#141d29;border:1px solid var(--line);border-radius:12px;padding:12px}.ui-card__title{display:flex;justify-content:space-between;font-size:8px;color:#8390a1}.ui-card__title b{color:var(--green)}.bars{height:115px;display:flex;align-items:flex-end;gap:7px;border-bottom:1px solid rgba(255,255,255,.06);padding-top:20px}.bars i{flex:1;background:linear-gradient(#58aaff,#1d5796);border-radius:4px 4px 0 0}.signal{display:flex;gap:8px;align-items:center;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.05)}.signal i,.float-card i,.green-dot,.amber-dot,.red-dot{width:7px;height:7px;border-radius:50%;flex:0 0 auto}.signal--red,.red-dot{background:var(--red)}.signal--amber,.amber-dot{background:var(--amber)}.signal--green,.green-dot{background:var(--green)}.signal div{display:flex;flex-direction:column}.signal strong{font-size:8px}.signal small{font-size:7px;color:#768496;margin-top:3px}.float-card{position:absolute;z-index:5;background:rgba(18,25,37,.96);border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.float-card--phone{width:190px;right:-28px;bottom:10px;border-radius:22px;padding:15px;transform:rotate(3deg)}.float-card--phone>small{font-size:7px;color:#7d8998}.float-card--phone h4{font-size:12px;margin:3px 0 10px}.float-card--phone div{display:grid;grid-template-columns:7px 1fr auto;gap:7px;padding:9px 0;border-top:1px solid rgba(255,255,255,.06);font-size:7px}.float-card--phone b{font-size:6px;color:#aab5c5}.float-card--ai{left:-18px;top:70px;border-radius:17px;padding:12px 16px;display:flex;gap:10px;align-items:center}.ai-orb{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#fff,#5ab4ff 25%,#194d8a 60%,#111);font-weight:900;box-shadow:0 0 28px rgba(74,159,255,.55)}.float-card--ai div{display:flex;flex-direction:column}.float-card--ai small{font-size:6px;color:#6ebaff}.float-card--ai strong{font-size:8px;margin-top:3px}.trust-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0a0f16;padding:23px 0}.trust-strip p{text-align:center;color:#657386;font-size:9px;letter-spacing:.14em;text-transform:uppercase}.trust-strip__items{display:flex;gap:24px;justify-content:space-between;color:#8793a2;font-size:9px;letter-spacing:.08em}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.reverse> :first-child{order:2}.reverse> :last-child{order:1}.copy h2,.section-heading h2{font-size:clamp(38px,4.5vw,62px);line-height:1.07;margin:20px 0}.copy>p,.section-heading>p{font-size:17px;line-height:1.75;color:var(--muted)}.section-heading{max-width:790px;margin:0 auto 58px}.centered{text-align:center}.centered .eyebrow{justify-content:center}.problem-stack{display:flex;flex-direction:column;gap:12px}.problem-stack div{padding:18px 22px;border:1px solid var(--line);background:#101721;border-radius:16px;display:flex;gap:16px;align-items:center}.problem-stack span{font-size:9px;color:var(--gold2)}.problem-stack b{font-size:15px}.platform-overview{background:linear-gradient(180deg,#080c12,#0a0f16)}.platform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.platform-card{min-height:285px;padding:27px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,#111925,#0d141e);transition:.3s}.platform-card:hover{transform:translateY(-5px);border-color:rgba(217,169,61,.28)}.platform-card.large{grid-column:span 2;display:grid;grid-template-columns:1fr .8fr;gap:28px}.platform-card>span,.case-grid span,.industry-grid span,.implementation-grid span{font-size:9px;color:var(--gold2)}.platform-card h3,.case-grid h3,.industry-grid h3,.implementation-grid h3{font-size:24px;margin:15px 0 12px}.platform-card p,.case-grid p,.industry-grid p,.implementation-grid p{color:#8794a5;line-height:1.7;font-size:14px}.mini-dashboard{background:#0a0f16;border:1px solid var(--line);border-radius:18px;padding:16px}.mini-dashboard div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:9px}.mini-dashboard div b{color:#7f8c9d}.mini-dashboard>span{display:block;height:6px;border-radius:10px;background:#263242;margin-top:16px;overflow:hidden}.mini-dashboard i{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--blue))}.feature-deep{background:#080c12}.split--visual{grid-template-columns:.9fr 1.1fr}.feature-list{list-style:none;padding:0;margin:28px 0}.feature-list li{padding:11px 0;border-bottom:1px solid var(--line);color:#d7dee7;font-size:14px}.feature-list li:before{content:"✓";color:var(--green);margin-right:10px}.visual-card{background:linear-gradient(155deg,#121b28,#0b1018);border:1px solid var(--line);border-radius:30px;padding:25px;box-shadow:var(--shadow)}.visual-top{display:flex;justify-content:space-between;font-size:9px;color:#7f8c9c;letter-spacing:.08em}.visual-top b{color:var(--green)}.donut-wrap{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center;padding:30px 0}.donut{width:180px;height:180px;border-radius:50%;border:22px solid var(--green);border-left-color:#263343;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:auto}.donut span{font-size:42px;font-weight:800}.donut small{color:#7d8999}.legend p{display:flex;align-items:center;gap:9px;font-size:11px;color:#8793a4}.legend b{margin-left:auto;color:#fff}.deadline-list div{display:flex;justify-content:space-between;padding:13px 0;border-top:1px solid var(--line);font-size:11px}.deadline-list span{color:#8793a4}.asset-head{display:flex;justify-content:space-between}.asset-head div{display:flex;flex-direction:column}.asset-head small{font-size:8px;color:#748194}.asset-head strong{font-size:21px;margin-top:5px}.asset-head>span{font-size:9px;color:var(--green);background:rgba(67,214,160,.1);padding:7px 10px;border-radius:999px}.asset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:26px 0}.asset-grid div{padding:15px;border:1px solid var(--line);border-radius:13px;background:#101824}.asset-grid small{display:block;font-size:8px;color:#7d8999}.asset-grid b{display:block;margin-top:6px;font-size:13px}.timeline{height:5px;background:#273241;display:flex;gap:1px;border-radius:999px;overflow:hidden}.timeline span{flex:1;background:#273241}.timeline .done{background:var(--green)}.timeline .active{background:var(--gold)}.timeline-label{display:block;color:#748194;font-size:8px;margin-top:10px}.maintenance-score{display:flex;align-items:baseline;gap:10px;margin:28px 0}.maintenance-score strong{font-size:72px}.maintenance-score span{color:#8190a1}.maintenance-bars div{margin:16px 0}.maintenance-bars span{display:block;font-size:10px;color:#7f8c9d;margin-bottom:7px}.maintenance-bars i,.vendor-row i{display:block;height:7px;border-radius:999px;background:#263242;overflow:hidden}.maintenance-bars b,.vendor-row b{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--green))}.vendor-row{display:grid;grid-template-columns:90px 1fr 35px;gap:12px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line);font-size:11px}.vendor-row span{color:#8a96a6}.vendor-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}.vendor-kpis div{padding:14px;border:1px solid var(--line);border-radius:13px}.vendor-kpis small{display:block;color:#7f8c9c;font-size:8px}.vendor-kpis b{display:block;margin-top:7px}.docs-section{background:#0a0f16}.doc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.doc-card{padding:23px;border:1px solid var(--line);background:#111925;border-radius:18px;display:flex;flex-direction:column;gap:8px}.doc-card span{width:42px;height:42px;border:1px solid rgba(217,169,61,.3);border-radius:11px;display:grid;place-items:center;color:var(--gold2);font-size:9px}.doc-card small{color:#7d8999;font-size:10px}.intelligence{background:radial-gradient(circle at 80% 50%,rgba(38,102,171,.16),transparent 35%),#080c12}.score-list{margin-top:28px}.score-list div{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line)}.score-list span{color:#8290a1}.radar-card{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:center;padding:25px;border:1px solid var(--line);background:#111925;border-radius:30px}.radar{width:290px;height:290px;border-radius:50%;position:relative;border:1px solid rgba(74,159,255,.2);background:radial-gradient(circle,rgba(74,159,255,.1),transparent 65%)}.radar i{position:absolute;border:1px solid rgba(74,159,255,.16);border-radius:50%;inset:13%}.radar .r2{inset:27%}.radar .r3{inset:41%}.radar:before,.radar:after{content:"";position:absolute;background:rgba(74,159,255,.15)}.radar:before{width:1px;top:0;bottom:0;left:50%}.radar:after{height:1px;left:0;right:0;top:50%}.sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 20deg,transparent 0 72%,rgba(74,159,255,.3) 94%,transparent 100%);animation:rotate 5s linear infinite}.radar>b{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 16px var(--green)}.p1{left:29%;top:27%}.p2{right:23%;top:39%}.p3{left:47%;bottom:20%}.p4{right:35%;bottom:37%;background:var(--amber)!important}.radar-stats p{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line);font-size:10px}.radar-stats span{color:#7f8c9d}.sofia{background:radial-gradient(circle at 20% 50%,rgba(55,132,218,.16),transparent 34%),#090e15}.sofia-visual{min-height:560px;position:relative;display:grid;place-items:center}.sofia-core{width:220px;height:220px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#fff,#7bcaff 13%,#2d74bf 36%,#0c2747 64%,#07101d 76%);box-shadow:0 0 100px rgba(74,159,255,.36)}.sofia-core:before,.sofia-core:after{content:"";position:absolute;border:1px solid rgba(96,179,255,.25);border-radius:50%;width:280px;height:280px;animation:rotate 18s linear infinite}.sofia-core:after{width:360px;height:360px;animation-direction:reverse}.sofia-core span{font-size:82px;font-weight:900}.chat{position:absolute;max-width:220px;padding:15px 17px;border:1px solid var(--line);border-radius:16px;background:rgba(15,22,33,.9);box-shadow:var(--shadow)}.chat small{font-size:7px;color:#6fbcff}.chat p{font-size:10px;line-height:1.5;margin:6px 0 0;color:#c5ced8}.c1{left:0;top:45px}.c2{right:0;top:210px}.c3{left:10px;bottom:45px}.case-grid,.industry-grid,.implementation-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.case-grid article,.industry-grid article,.implementation-grid div{padding:25px;border:1px solid var(--line);border-radius:20px;background:#111925}.import-visual{display:flex;flex-direction:column;gap:12px}.import-step{display:flex;gap:15px;padding:18px;border:1px solid var(--line);border-radius:16px;background:#0d141e;opacity:.55}.import-step.active{opacity:1;border-color:rgba(217,169,61,.25)}.import-step>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#1b2532;color:var(--gold2);font-size:10px}.import-step div{display:flex;flex-direction:column}.import-step small{color:#7f8c9c;margin-top:5px}.reminder-item{display:grid;grid-template-columns:52px 1fr;gap:14px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line)}.reminder-item>span{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:rgba(217,169,61,.1);color:var(--gold2);font-weight:800}.reminder-item div{display:flex;flex-direction:column}.reminder-item small{color:#7f8c9c;margin-top:4px}.identity-section{background:#0a0f16}.identity-map{height:520px;position:relative;max-width:1000px;margin:50px auto 0}.identity{position:absolute;z-index:2;width:190px;padding:18px;border:1px solid var(--line);border-radius:18px;background:#111925;text-align:center;display:flex;flex-direction:column;align-items:center;box-shadow:0 20px 50px rgba(0,0,0,.28)}.identity span{font-size:9px;color:var(--gold2)}.identity b{margin-top:7px}.identity small{margin-top:5px;color:#7d8998}.identity.center{left:50%;top:50%;transform:translate(-50%,-50%);width:210px;padding:28px}.identity.center span{width:65px;height:65px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--gold2),#927019);color:#111;font-size:28px;font-weight:900}.n1{left:55px;top:25px}.n2{right:55px;top:25px}.n3{left:0;bottom:40px}.n4{right:0;bottom:40px}.n5{left:50%;bottom:0;transform:translateX(-50%)}.identity-map svg{position:absolute;inset:0;width:100%;height:100%}.identity-map line{stroke:rgba(217,169,61,.25);stroke-width:1}.portfolio-map{height:430px;border-radius:30px;border:1px solid var(--line);background:radial-gradient(circle at center,rgba(74,159,255,.13),transparent 56%),#101824;position:relative}.map-node{position:absolute;width:120px;height:120px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(74,159,255,.25);background:#0d141e;box-shadow:var(--shadow)}.map-node b{font-size:28px}.map-node span{font-size:9px;color:#7f8c9c;margin-top:5px}.map-node.a{left:12%;top:16%}.map-node.b{right:12%;top:14%}.map-node.c{left:22%;bottom:10%}.map-node.d{right:19%;bottom:13%}.map-lines{position:absolute;left:50%;top:50%;width:52%;height:52%;transform:translate(-50%,-50%);border:1px dashed rgba(217,169,61,.25);border-radius:50%}.industries{background:#080c12}.industry-grid{grid-template-columns:repeat(3,1fr)}.persona-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.persona-list div{padding:20px;border:1px solid var(--line);border-radius:16px;background:#111925;color:#d7dee8}.ecosystem-section{background:#0a0f16}.ecosystem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ecosystem-grid div{padding:24px;border:1px solid var(--line);border-radius:18px;background:#101824;display:flex;flex-direction:column;gap:10px}.ecosystem-grid span{font-size:9px;color:var(--gold2);letter-spacing:.1em}.phones{position:relative;height:520px}.phone{position:absolute;right:12%;top:20px;width:240px;height:480px;border-radius:38px;border:8px solid #1b2430;background:#0e151f;padding:24px 18px;box-shadow:var(--shadow)}.phone--back{right:42%;top:55px;transform:rotate(-6deg);opacity:.85}.phone-top{font-size:8px;letter-spacing:.15em;color:var(--gold2);margin-bottom:25px}.phone>small{color:#7f8c9c}.phone h4{font-size:20px}.phone p{display:grid;grid-template-columns:7px 1fr auto;gap:9px;align-items:center;padding:14px 0;border-top:1px solid var(--line);font-size:9px}.phone p b{font-size:8px}.chat-bubble{padding:14px;border-radius:15px;background:#182333;margin:12px 0;font-size:10px;line-height:1.5}.chat-bubble.user{background:rgba(217,169,61,.12);margin-left:35px}.workflow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:12px;align-items:center}.workflow>div{padding:22px;border:1px solid var(--line);border-radius:18px;background:#111925;min-height:180px}.workflow>div span{font-size:9px;color:var(--gold2)}.workflow>div b{display:block;font-size:18px;margin:18px 0 9px}.workflow>div small{color:#7f8c9c;line-height:1.5}.workflow>i{font-style:normal;color:var(--gold2)}.integration-cloud{display:flex;flex-wrap:wrap;gap:12px}.integration-cloud span{padding:17px 20px;border-radius:14px;border:1px solid var(--line);background:#111925;color:#dce3ea}.security{background:#090e15}.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.security-grid div{padding:24px;border:1px solid var(--line);border-radius:20px;background:#111925;min-height:190px}.security-grid span{font-size:9px;color:var(--gold2)}.security-grid b{display:block;font-size:18px;margin:18px 0 10px}.security-grid small{color:#7f8c9c;line-height:1.6}.ecs-relationship{background:#0a0f16}.ecs-logo-card{padding:30px;border:1px solid rgba(217,169,61,.25);border-radius:24px;background:#0d131c}.ecs-logo-card img{background:transparent;border:0;border-radius:0;width:100%;height:auto;object-fit:contain}.ecs-logo-card p{color:#8793a4;line-height:1.6}.ecs-logo-card a{color:var(--gold2);font-weight:800}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.pricing-card{padding:28px;border:1px solid var(--line);border-radius:22px;background:#111925}.pricing-card.featured{border-color:rgba(217,169,61,.38);box-shadow:0 22px 60px rgba(217,169,61,.08)}.pricing-card>span{font-size:9px;color:var(--gold2);letter-spacing:.12em}.pricing-card h3{font-size:24px}.pricing-card p{color:#8793a4;line-height:1.7}.pricing-card a{color:var(--gold2);font-weight:800;font-size:13px}.faq{background:#0a0f16}.faq-item{border-bottom:1px solid var(--line)}.faq-item button{width:100%;background:none;border:0;color:#f5f7fb;display:flex;justify-content:space-between;padding:22px 0;font-size:17px;font-weight:700;text-align:left}.faq-item button span{color:var(--gold2)}.faq-item>div{max-height:0;overflow:hidden;transition:max-height .3s}.faq-item.open>div{max-height:220px}.faq-item p{color:#8793a4;line-height:1.7;margin-top:0}.final-cta{padding-top:70px}.cta-shell{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(28,44,64,.97),rgba(12,17,25,.99));border:1px solid rgba(217,169,61,.22);border-radius:36px;padding:55px;display:grid;grid-template-columns:1fr .9fr;gap:55px;box-shadow:0 45px 120px rgba(0,0,0,.38)}.demo-form{background:#0c1119;border:1px solid var(--line);border-radius:24px;padding:25px;display:flex;flex-direction:column;gap:14px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.demo-form label{font-size:9px;color:#8794a5;text-transform:uppercase;letter-spacing:.07em;display:flex;flex-direction:column;gap:7px}.demo-form input,.demo-form select{height:48px;border-radius:11px;border:1px solid rgba(255,255,255,.1);background:#111925;color:#edf2f7;padding:0 13px;outline:none}.demo-form input:focus,.demo-form select:focus{border-color:rgba(217,169,61,.55);box-shadow:0 0 0 3px rgba(217,169,61,.08)}.demo-form>small{text-align:center;color:#647285;font-size:9px}.form-success{display:none;background:rgba(67,214,160,.1);border:1px solid rgba(67,214,160,.22);color:#9ff0d1;padding:12px;border-radius:10px;font-size:11px}footer{padding:70px 0 25px;border-top:1px solid var(--line);background:#06090e}.footer-grid{display:grid;grid-template-columns:1fr 1.3fr .9fr;gap:70px}.footer-brand img{width:210px}.footer-brand p{color:#8d99a9}.footer-brand small{color:#647285}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.footer-links div{display:flex;flex-direction:column;gap:11px}.footer-links b{font-size:11px}.footer-links a{font-size:11px;color:#788596}.footer-ecs span{display:block;font-size:8px;color:#647285;text-transform:uppercase;letter-spacing:.1em;margin-bottom:13px}.footer-ecs img{background:transparent;border:0;border-radius:0;width:100%;height:auto;object-fit:contain}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:45px;padding-top:22px;color:#647285;font-size:10px}.text-link{color:var(--gold2);font-weight:800}.reveal{opacity:0;transform:translateY(24px);transition:.8s}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.24s}
@media(max-width:1050px){.hero__grid{grid-template-columns:1fr}.hero__copy{text-align:center}.hero__copy .eyebrow{justify-content:center}.hero__actions,.hero__proof{justify-content:center}.split,.cta-shell{grid-template-columns:1fr;gap:55px}.reverse> :first-child,.reverse> :last-child{order:initial}.platform-grid{grid-template-columns:1fr 1fr}.platform-card.large{grid-column:span 2}.case-grid,.implementation-grid{grid-template-columns:1fr 1fr}.workflow{grid-template-columns:1fr 1fr}.workflow>i{display:none}.footer-grid{grid-template-columns:1fr 1fr}.footer-ecs{grid-column:span 2}}
@media(max-width:800px){.menu-btn{display:flex;flex-direction:column;gap:5px;padding:10px}.menu-btn span{width:24px;height:2px;background:#fff}.nav{display:none;position:absolute;top:78px;left:20px;right:20px;padding:20px;background:#0e141d;border:1px solid var(--line);border-radius:18px;flex-direction:column;align-items:stretch;box-shadow:var(--shadow)}.nav.open{display:flex}.platform-grid,.industry-grid,.doc-grid,.pricing-grid,.ecosystem-grid{grid-template-columns:1fr 1fr}.platform-card.large{grid-column:span 2}.identity-map{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:14px}.identity{position:relative!important;inset:auto!important;transform:none!important;width:auto}.identity.center{grid-column:span 2}.identity-map svg{display:none}.trust-strip__items{flex-wrap:wrap;justify-content:center}.radar-card{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-links{grid-template-columns:1fr 1fr}.footer-ecs{grid-column:auto}}
@media(max-width:600px){.container{width:min(100% - 26px,1180px)}.announcement{font-size:8px}.announcement a{display:none}.nav-shell{height:66px}.brand img{width:155px}.nav{top:66px}.hero{min-height:auto}.hero__grid{padding:60px 0 90px}.hero h1{font-size:44px}.hero__copy>p{font-size:16px}.hero__actions{flex-direction:column}.hero__actions .button{width:100%}.hero__proof{gap:15px;flex-wrap:wrap}.hero__visual{min-height:420px}.app-window{transform:none}.app-window__body{grid-template-columns:70px 1fr}.app-window aside{padding:10px 5px}.app-window aside a{font-size:6px;padding:7px 4px}.workspace{padding:10px}.metric-grid{grid-template-columns:1fr 1fr}.workspace__lower{grid-template-columns:1fr}.workspace__lower .ui-card:last-child{display:none}.float-card--phone{display:none}.float-card--ai{left:5px;top:5px}.orbit{display:none}.section{padding:82px 0}.copy h2,.section-heading h2{font-size:37px}.copy>p,.section-heading>p{font-size:15px}.platform-grid,.industry-grid,.doc-grid,.pricing-grid,.ecosystem-grid,.case-grid,.implementation-grid,.security-grid{grid-template-columns:1fr}.platform-card.large{grid-column:auto;grid-template-columns:1fr}.asset-grid{grid-template-columns:1fr 1fr}.donut-wrap{grid-template-columns:1fr}.radar{width:230px;height:230px;margin:auto}.sofia-visual{min-height:500px}.sofia-core{width:170px;height:170px}.sofia-core span{font-size:62px}.chat{max-width:180px}.identity-map{grid-template-columns:1fr}.identity.center{grid-column:auto}.persona-list{grid-template-columns:1fr}.phones{height:450px}.phone{right:2%;width:210px;height:420px}.phone--back{right:37%}.workflow{grid-template-columns:1fr}.cta-shell{padding:30px 20px;border-radius:26px}.form-row{grid-template-columns:1fr}.footer-links{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column;gap:12px}}

.ecs-logo-card img{display:block;max-width:100%;margin:0 auto 20px}
.footer-ecs img{display:block;max-width:260px;margin-top:10px}

/* Dedicated legal and policy pages */
.legal-header{position:sticky;top:0}
.legal-main{min-height:70vh}
.legal-hero{padding:100px 0 58px;background:
radial-gradient(circle at 20% 20%,rgba(217,169,61,.09),transparent 28%),
linear-gradient(180deg,#090e15,#070b11);border-bottom:1px solid var(--line)}
.legal-hero h1{font-family:Manrope,Inter,sans-serif;font-size:clamp(44px,6vw,76px);line-height:1.02;letter-spacing:-.045em;margin:22px 0 18px}
.legal-hero p{font-size:18px;line-height:1.7;color:var(--muted);max-width:760px}
.legal-meta{margin-top:20px;color:#6f7d90;font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.legal-content{padding:72px 0 110px;background:#080c12}
.legal-document{max-width:820px;margin:0 auto}
.legal-document h2{font-family:Manrope,Inter,sans-serif;font-size:25px;letter-spacing:-.025em;margin:42px 0 12px}
.legal-document p{font-size:15px;line-height:1.85;color:#a0acbc}
.legal-notice{padding:18px 20px;border:1px solid rgba(217,169,61,.26);background:rgba(217,169,61,.07);border-radius:15px;color:#e2c66e;font-size:13px;line-height:1.6;margin-bottom:38px}
.legal-footer{padding:0 0 25px;border-top:1px solid var(--line);background:#06090e}
.legal-footer-links{display:flex;gap:18px}
.legal-footer-links a{color:#7f8b9c}
@media(max-width:800px){.legal-nav{display:flex;position:static;background:none;border:0;padding:0;box-shadow:none;flex-direction:row}.legal-nav a:not(.button){display:none}}
@media(max-width:600px){.legal-hero{padding:72px 0 42px}.legal-content{padding:52px 0 80px}.legal-footer-links{flex-wrap:wrap}}

.security-disclaimer{margin-top:22px;padding:14px 16px;border-left:2px solid rgba(217,169,61,.5);background:rgba(217,169,61,.05);color:#8190a2!important;font-size:12px!important;line-height:1.65!important}


/* Modern mobile application showcase — v1.6 */
.mobile-app-showcase{
  position:relative;
  min-height:610px;
  display:flex;
  align-items:center;
  justify-content:center;
  isolation:isolate;
}
.mobile-app-showcase:before{
  content:"";
  position:absolute;
  width:440px;
  height:440px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(74,159,255,.16),rgba(74,159,255,0) 68%);
  filter:blur(18px);
  z-index:-1;
}
.mobile-device{
  width:330px;
  padding:9px;
  border-radius:46px;
  background:linear-gradient(145deg,#26313f,#101722 55%,#242e3b);
  box-shadow:
    0 42px 95px rgba(0,0,0,.55),
    0 0 0 1px rgba(255,255,255,.08) inset,
    0 0 0 2px rgba(0,0,0,.75);
  transform:rotate(2.5deg);
}
.mobile-device__bezel{
  position:relative;
  overflow:hidden;
  min-height:650px;
  border-radius:38px;
  background:
    radial-gradient(circle at 80% 5%,rgba(74,159,255,.10),transparent 30%),
    linear-gradient(180deg,#101824,#0b111a);
  border:1px solid rgba(255,255,255,.05);
  padding:15px 16px 86px;
}
.mobile-device__bezel:before{
  content:"";
  position:absolute;
  top:8px;
  left:50%;
  transform:translateX(-50%);
  width:92px;
  height:22px;
  border-radius:999px;
  background:#05080c;
  z-index:4;
}
.mobile-statusbar{
  height:28px;
  padding:0 6px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:9px;
  color:#dce4ed;
}
.mobile-statusbar>div{display:flex;gap:3px;align-items:flex-end}
.mobile-statusbar i{display:block;width:3px;border-radius:2px;background:#dce4ed}
.mobile-statusbar i:nth-child(1){height:5px}.mobile-statusbar i:nth-child(2){height:8px}.mobile-statusbar i:nth-child(3){height:11px}
.mobile-appbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:16px 2px 13px;
}
.mobile-appbar>div{display:flex;flex-direction:column}
.mobile-appbar small{
  font-size:7px;
  letter-spacing:.18em;
  color:var(--gold2);
}
.mobile-appbar strong{font-size:21px;margin-top:4px}
.mobile-appbar button{
  width:34px;height:34px;border-radius:11px;border:1px solid var(--line);
  background:#151f2c;color:var(--gold2);font-size:9px;
}
.mobile-summary-card{
  display:grid;
  grid-template-columns:1fr 82px;
  align-items:center;
  gap:12px;
  padding:16px;
  border-radius:20px;
  border:1px solid rgba(74,159,255,.17);
  background:linear-gradient(145deg,rgba(26,41,59,.98),rgba(14,22,33,.98));
  box-shadow:0 18px 35px rgba(0,0,0,.22);
}
.mobile-summary-card>div:first-child{display:flex;flex-direction:column}
.mobile-summary-card small{font-size:7px;letter-spacing:.12em;color:#8290a2}
.mobile-summary-card strong{font-size:30px;margin-top:4px}
.mobile-summary-card span{font-size:9px;color:var(--green);margin-top:4px}
.mobile-score-ring{
  width:68px;height:68px;border-radius:50%;
  border:7px solid var(--green);
  border-left-color:#2a3543;
  display:grid;place-items:center;
  background:#101721;
}
.mobile-score-ring b{font-size:18px}
.mobile-section-title{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:19px 2px 10px;
}
.mobile-section-title span{font-size:12px;font-weight:800}
.mobile-section-title a{font-size:8px;color:var(--gold2)}
.mobile-section-title.compact{padding-top:16px}
.mobile-action-card{
  display:grid;
  grid-template-columns:38px 1fr 12px;
  gap:11px;
  align-items:center;
  padding:12px;
  border-radius:16px;
  background:#121b27;
  border:1px solid rgba(255,255,255,.07);
  margin-bottom:9px;
}
.mobile-action-card.urgent{border-color:rgba(255,114,120,.18)}
.mobile-action-card.warning{border-color:rgba(245,184,70,.18)}
.mobile-action-icon{
  width:36px;height:36px;border-radius:12px;display:grid;place-items:center;
  background:rgba(255,114,120,.10);color:var(--red);font-weight:900;font-size:12px;
}
.mobile-action-card.warning .mobile-action-icon{background:rgba(245,184,70,.10);color:var(--amber)}
.mobile-action-card>div:nth-child(2){display:flex;flex-direction:column}
.mobile-action-card strong{font-size:10px}
.mobile-action-card small{font-size:8px;color:#8390a2;margin-top:3px}
.mobile-action-card span{font-size:8px;color:var(--red);margin-top:5px}
.mobile-action-card.warning span{color:var(--amber)}
.mobile-action-card>b{font-size:18px;color:#6d7a8b}
.mobile-equipment-list{
  border:1px solid var(--line);
  border-radius:17px;
  background:#111925;
  overflow:hidden;
}
.mobile-equipment-list>div{
  display:grid;
  grid-template-columns:7px 1fr auto;
  gap:9px;
  align-items:center;
  padding:12px 13px;
  border-bottom:1px solid rgba(255,255,255,.05);
}
.mobile-equipment-list>div:last-child{border-bottom:0}
.mobile-equipment-list span{font-size:9px}
.mobile-equipment-list b{font-size:7px;color:#9ca8b8}
.mobile-bottom-nav{
  position:absolute;
  left:10px;right:10px;bottom:10px;
  height:64px;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  align-items:end;
  padding:7px 5px;
  border-radius:21px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(12,18,27,.94);
  backdrop-filter:blur(18px);
  box-shadow:0 18px 30px rgba(0,0,0,.24);
}
.mobile-bottom-nav a{
  display:flex;flex-direction:column;align-items:center;gap:4px;
  color:#657386;font-size:10px;
}
.mobile-bottom-nav a span{font-size:14px}
.mobile-bottom-nav a small{font-size:7px}
.mobile-bottom-nav a.active{color:var(--gold2)}
.mobile-bottom-nav .sofia-tab span{
  width:38px;height:38px;margin-top:-21px;border-radius:50%;
  display:grid;place-items:center;
  background:radial-gradient(circle at 35% 30%,#fff,#62b8ff 26%,#1c5b9f 60%,#0c1723);
  color:#fff;font-weight:900;
  box-shadow:0 0 28px rgba(74,159,255,.45);
}
.mobile-notification-card{
  position:absolute;
  top:72px;
  right:-32px;
  width:260px;
  display:grid;
  grid-template-columns:42px 1fr;
  gap:12px;
  padding:14px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(18,27,39,.93);
  backdrop-filter:blur(20px);
  box-shadow:0 28px 65px rgba(0,0,0,.42);
  transform:rotate(-2deg);
}
.notification-icon{
  width:40px;height:40px;border-radius:13px;display:grid;place-items:center;
  background:radial-gradient(circle at 35% 30%,#fff,#62b8ff 26%,#1c5b9f 60%,#0c1723);
  font-weight:900;
}
.mobile-notification-card>div:last-child{display:flex;flex-direction:column}
.mobile-notification-card small{font-size:7px;color:#6bbaff;letter-spacing:.1em}
.mobile-notification-card strong{font-size:10px;margin-top:4px}
.mobile-notification-card span{font-size:8px;line-height:1.45;color:#8190a2;margin-top:4px}
.mobile-floating-chip{
  position:absolute;
  left:-5px;
  bottom:70px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 13px;
  border-radius:999px;
  border:1px solid rgba(67,214,160,.18);
  background:rgba(15,24,34,.92);
  box-shadow:0 18px 45px rgba(0,0,0,.35);
  font-size:8px;
}
.mobile-floating-chip span{color:#8c99aa}
.mobile-floating-chip b{color:var(--green)}
@media(max-width:1050px){
  .mobile-app-showcase{min-height:660px}
}
@media(max-width:600px){
  .mobile-app-showcase{min-height:610px}
  .mobile-device{width:286px;transform:none}
  .mobile-device__bezel{min-height:590px;padding:15px 13px 82px}
  .mobile-notification-card{right:-6px;top:60px;width:225px}
  .mobile-floating-chip{left:0;bottom:40px}
}


/* Refined platform and compliance sections — v1.7 */
.platform-overview--refined{overflow:hidden}
.platform-bento{
  display:grid;
  grid-template-columns:repeat(12,1fr);
  gap:16px;
}
.platform-feature{
  grid-column:span 4;
  min-height:320px;
  position:relative;
  overflow:hidden;
  padding:28px;
  border-radius:26px;
  border:1px solid var(--line);
  background:linear-gradient(145deg,#111925,#0d141e);
  transition:transform .3s,border-color .3s,box-shadow .3s;
}
.platform-feature:hover{
  transform:translateY(-5px);
  border-color:rgba(217,169,61,.28);
  box-shadow:0 26px 70px rgba(0,0,0,.24);
}
.platform-feature--hero{
  grid-column:span 8;
  min-height:430px;
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:28px;
  align-items:center;
}
.platform-feature--wide{
  grid-column:span 8;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:30px;
  align-items:center;
}
.platform-kicker{
  display:block;
  font-size:9px;
  color:var(--gold2);
  text-transform:uppercase;
  letter-spacing:.11em;
  font-weight:800;
}
.platform-feature h3{
  font-size:25px;
  line-height:1.22;
  margin:16px 0 13px;
}
.platform-feature p{
  color:#8794a5;
  font-size:14px;
  line-height:1.7;
}
.platform-feature__copy a{
  display:inline-flex;
  margin-top:10px;
  color:var(--gold2);
  font-size:13px;
  font-weight:800;
}
.platform-feature__visual{
  padding:20px;
  border-radius:22px;
  background:#0b1119;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 24px 55px rgba(0,0,0,.28);
}
.portfolio-chip{
  display:flex;
  justify-content:space-between;
  color:#7d8a9a;
  font-size:9px;
  letter-spacing:.08em;
}
.portfolio-chip b{color:var(--green)}
.platform-score-wrap{
  display:grid;
  grid-template-columns:150px 1fr;
  gap:20px;
  align-items:center;
  padding:24px 0;
}
.platform-score-ring{
  width:142px;
  height:142px;
  border-radius:50%;
  border:18px solid var(--green);
  border-left-color:#2a3542;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}
.platform-score-ring strong{font-size:34px}
.platform-score-ring small{color:#7f8c9c}
.platform-score-legend>div{
  display:grid;
  grid-template-columns:7px 1fr auto;
  gap:9px;
  align-items:center;
  padding:8px 0;
  font-size:10px;
}
.platform-score-legend span{color:#8290a2}
.platform-deadlines>div{
  display:flex;
  justify-content:space-between;
  padding:11px 0;
  border-top:1px solid var(--line);
  font-size:10px;
}
.platform-deadlines span{color:#8491a1}
.feature-metric{margin-top:34px}
.feature-metric strong{display:block;font-size:50px}
.feature-metric span{color:#7f8c9c;font-size:10px}
.feature-progress{margin-top:36px}
.feature-progress span{display:block;height:8px;background:#273241;border-radius:999px;overflow:hidden}
.feature-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--green))}
.feature-progress b{display:block;margin-top:10px;font-size:11px;color:#b7c1ce}
.feature-bars{height:92px;display:flex;align-items:flex-end;gap:8px;margin-top:34px}
.feature-bars i{flex:1;background:linear-gradient(var(--blue),#265689);border-radius:6px 6px 0 0}
.doc-stack{display:flex;margin-top:35px}
.doc-stack span{
  width:64px;height:78px;border-radius:12px;
  display:grid;place-items:center;
  margin-right:-14px;
  background:#151f2c;
  border:1px solid rgba(255,255,255,.10);
  color:var(--gold2);font-size:9px;
  box-shadow:0 15px 30px rgba(0,0,0,.2);
}
.portfolio-stat-row{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
}
.portfolio-stat-row div{
  padding:15px;
  border:1px solid var(--line);
  border-radius:15px;
  background:#0c121b;
}
.portfolio-stat-row strong{display:block;font-size:24px}
.portfolio-stat-row span{font-size:8px;color:#7e8b9b}

.compliance-command-refined{overflow:hidden}
.compliance-command-grid{
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  gap:78px;
  align-items:center;
}
.compliance-benefits{margin-top:28px}
.compliance-benefits>div{
  display:grid;
  grid-template-columns:34px 130px 1fr;
  gap:14px;
  align-items:start;
  padding:16px 0;
  border-bottom:1px solid var(--line);
}
.compliance-benefits span{font-size:9px;color:var(--gold2)}
.compliance-benefits b{font-size:13px}
.compliance-benefits small{font-size:11px;line-height:1.55;color:#7f8c9c}
.compliance-command-ui{
  padding:25px;
  border-radius:30px;
  border:1px solid var(--line);
  background:linear-gradient(155deg,#121b28,#0b1018);
  box-shadow:var(--shadow);
}
.command-ui__header{
  display:flex;justify-content:space-between;align-items:center;
  padding-bottom:18px;border-bottom:1px solid var(--line)
}
.command-ui__header>div{display:flex;flex-direction:column}
.command-ui__header small{font-size:8px;color:#7e8b9b;letter-spacing:.1em}
.command-ui__header strong{font-size:19px;margin-top:5px}
.command-ui__header>span{font-size:8px;color:var(--green);background:rgba(67,214,160,.1);padding:7px 10px;border-radius:999px}
.command-ui__top{
  display:grid;
  grid-template-columns:190px 1fr;
  gap:24px;
  align-items:center;
  padding:24px 0;
}
.command-score-card{text-align:center}
.command-score-ring{
  width:150px;height:150px;border-radius:50%;
  border:18px solid var(--green);border-left-color:#293543;
  margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;
}
.command-score-ring strong{font-size:35px}
.command-score-ring small{font-size:9px;color:#7f8c9c}
.command-score-card p{font-size:9px;color:#7f8c9c}
.command-score-card p span{color:var(--green);font-weight:800}
.command-summary>div{
  display:flex;justify-content:space-between;
  padding:12px 0;border-bottom:1px solid var(--line);
  font-size:11px
}
.command-summary span{color:#8290a2}
.command-ui__table{border:1px solid var(--line);border-radius:16px;overflow:hidden}
.command-row{
  display:grid;
  grid-template-columns:1.5fr 1fr .6fr .7fr;
  gap:12px;
  align-items:center;
  padding:13px 15px;
  border-bottom:1px solid var(--line);
  font-size:10px;
}
.command-row:last-child{border-bottom:0}
.command-row--header{font-size:8px;color:#748194;background:rgba(255,255,255,.025);text-transform:uppercase;letter-spacing:.06em}
.status{justify-self:start;font-size:8px;padding:6px 9px;border-radius:999px}
.status--urgent{color:var(--red);background:rgba(255,114,120,.09)}
.status--warning{color:var(--amber);background:rgba(245,184,70,.09)}
.status--good{color:var(--green);background:rgba(67,214,160,.09)}
.command-ui__footer{
  display:flex;justify-content:space-between;align-items:center;
  padding-top:17px;font-size:9px
}
.command-ui__footer span{color:#748194}
.command-ui__footer a{color:var(--gold2);font-weight:800}

@media(max-width:1050px){
  .platform-feature{grid-column:span 6}
  .platform-feature--hero,.platform-feature--wide{grid-column:span 12}
  .compliance-command-grid{grid-template-columns:1fr;gap:50px}
}
@media(max-width:700px){
  .platform-bento{grid-template-columns:1fr}
  .platform-feature,.platform-feature--hero,.platform-feature--wide{grid-column:auto}
  .platform-feature--hero,.platform-feature--wide{grid-template-columns:1fr}
  .platform-score-wrap{grid-template-columns:1fr}
  .portfolio-stat-row{grid-template-columns:1fr 1fr}
  .compliance-benefits>div{grid-template-columns:28px 1fr}
  .compliance-benefits small{grid-column:2}
  .command-ui__top{grid-template-columns:1fr}
  .command-row{grid-template-columns:1fr auto}
  .command-row span:nth-child(2),.command-row span:nth-child(3),.command-row--header{display:none}
}


/* Light theme variant — v1.7 */
body.theme-light{
  --bg:#f4f7fb;
  --bg2:#edf2f7;
  --panel:#ffffff;
  --panel2:#f7f9fc;
  --text:#111827;
  --muted:#5e6b7c;
  --line:rgba(17,24,39,.10);
  --shadow:0 28px 70px rgba(31,41,55,.12);
  background:#f4f7fb;
  color:#111827;
}
body.theme-light .site-header{
  background:rgba(255,255,255,.86);
  border-bottom-color:rgba(17,24,39,.08);
}
body.theme-light .nav{color:#475569}
body.theme-light .brand img{filter:drop-shadow(0 0 0 transparent)}
body.theme-light .announcement{background:linear-gradient(90deg,#f7ecd0,#fff8e8,#f7ecd0);color:#4b3a13}
body.theme-light .hero,
body.theme-light .platform-overview,
body.theme-light .feature-deep,
body.theme-light .alt,
body.theme-light .docs-section,
body.theme-light .intelligence,
body.theme-light .sofia,
body.theme-light .identity-section,
body.theme-light .industries,
body.theme-light .ecosystem-section,
body.theme-light .security,
body.theme-light .ecs-relationship,
body.theme-light .faq{
  background:#f4f7fb;
}
body.theme-light .hero{
  background:
  radial-gradient(circle at 75% 35%,rgba(74,159,255,.10),transparent 35%),
  radial-gradient(circle at 15% 30%,rgba(217,169,61,.12),transparent 28%),
  linear-gradient(180deg,#f8fafc,#eef3f8);
}
body.theme-light .hero h1,
body.theme-light .section h2,
body.theme-light .copy h2,
body.theme-light .section-heading h2{color:#111827}
body.theme-light .hero h1 span{
  background:linear-gradient(90deg,#111827,#64748b);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
body.theme-light .hero__copy>p,
body.theme-light .copy>p,
body.theme-light .section-heading>p{color:#5f6d7e}
body.theme-light .trust-strip{background:#fff;border-color:rgba(17,24,39,.08)}
body.theme-light .platform-feature,
body.theme-light .visual-card,
body.theme-light .compliance-command-ui,
body.theme-light .doc-card,
body.theme-light .case-grid article,
body.theme-light .industry-grid article,
body.theme-light .implementation-grid div,
body.theme-light .security-grid div,
body.theme-light .pricing-card,
body.theme-light .ecosystem-grid div{
  background:#fff;
  border-color:rgba(17,24,39,.10);
  box-shadow:0 20px 50px rgba(31,41,55,.07);
}
body.theme-light .platform-feature__visual,
body.theme-light .portfolio-stat-row div,
body.theme-light .command-ui__table,
body.theme-light .asset-grid div,
body.theme-light .mini-dashboard{
  background:#f7f9fc;
}
body.theme-light .platform-feature p,
body.theme-light .command-summary span,
body.theme-light .platform-deadlines span,
body.theme-light .platform-score-legend span,
body.theme-light .compliance-benefits small{color:#64748b}
body.theme-light .command-row--header{background:#f1f5f9}
body.theme-light .app-window,
body.theme-light .mobile-device__bezel{
  background:#111827;
}
body.theme-light footer{background:#111827}
body.theme-light footer,
body.theme-light footer a,
body.theme-light footer p,
body.theme-light footer span{color:#cbd5e1}


/* Light-theme readability and consistency update — v1.8 */
body.theme-light{
  background:#f3f6fa;
  color:#111827;
}
body.theme-light .section{
  background:#f3f6fa;
}
body.theme-light .alt,
body.theme-light .platform-overview,
body.theme-light .feature-deep,
body.theme-light .docs-section,
body.theme-light .identity-section,
body.theme-light .industries,
body.theme-light .ecosystem-section,
body.theme-light .security,
body.theme-light .ecs-relationship,
body.theme-light .faq{
  background:#f3f6fa;
}

/* Stronger readable body copy throughout light mode */
body.theme-light p,
body.theme-light .copy>p,
body.theme-light .section-heading>p{
  color:#5b6879;
}
body.theme-light .feature-list li{
  color:#334155;
  border-color:rgba(15,23,42,.10);
}
body.theme-light .score-list div{
  border-color:rgba(15,23,42,.10);
}
body.theme-light .score-list span{color:#64748b}
body.theme-light .score-list b{color:#111827}

/* Problem list: light, readable cards instead of dark empty bars */
body.theme-light .problem-stack div{
  background:#ffffff;
  border-color:rgba(15,23,42,.10);
  box-shadow:0 14px 34px rgba(15,23,42,.06);
}
body.theme-light .problem-stack b{color:#172033}
body.theme-light .problem-stack span{color:#b98213}

/* All standard informational cards use the same light visual language */
body.theme-light .platform-card,
body.theme-light .doc-card,
body.theme-light .case-grid article,
body.theme-light .industry-grid article,
body.theme-light .implementation-grid div,
body.theme-light .ecosystem-grid div,
body.theme-light .security-grid div,
body.theme-light .pricing-card,
body.theme-light .persona-list div,
body.theme-light .workflow>div,
body.theme-light .integration-cloud span{
  background:#ffffff;
  color:#172033;
  border-color:rgba(15,23,42,.10);
  box-shadow:0 16px 38px rgba(15,23,42,.06);
}
body.theme-light .platform-card h3,
body.theme-light .doc-card b,
body.theme-light .case-grid h3,
body.theme-light .industry-grid h3,
body.theme-light .implementation-grid h3,
body.theme-light .ecosystem-grid b,
body.theme-light .security-grid b,
body.theme-light .pricing-card h3{
  color:#172033;
}
body.theme-light .platform-card p,
body.theme-light .case-grid p,
body.theme-light .industry-grid p,
body.theme-light .implementation-grid p,
body.theme-light .security-grid small,
body.theme-light .pricing-card p{
  color:#64748b;
}
body.theme-light .persona-list div{
  color:#263244;
}
body.theme-light .workflow>div b{color:#172033}
body.theme-light .workflow>div small{color:#64748b}
body.theme-light .workflow>i{color:#b98213}
body.theme-light .integration-cloud span{
  color:#263244;
  font-weight:700;
}

/* Keep product visualizations dark, but explicitly restore readable light text */
body.theme-light .visual-card,
body.theme-light .radar-card,
body.theme-light .mobile-device__bezel,
body.theme-light .app-window,
body.theme-light .compliance-command-ui,
body.theme-light .platform-feature__visual{
  background:linear-gradient(155deg,#111b2a,#0b121d);
  color:#f8fafc;
  border-color:rgba(255,255,255,.09);
}
body.theme-light .visual-card strong,
body.theme-light .visual-card b,
body.theme-light .visual-card h3,
body.theme-light .radar-card b,
body.theme-light .radar-card strong,
body.theme-light .compliance-command-ui b,
body.theme-light .compliance-command-ui strong,
body.theme-light .platform-feature__visual b,
body.theme-light .platform-feature__visual strong{
  color:#f8fafc;
}
body.theme-light .visual-card small,
body.theme-light .visual-card span,
body.theme-light .radar-card span,
body.theme-light .radar-stats span,
body.theme-light .compliance-command-ui span,
body.theme-light .platform-feature__visual span{
  color:#9aa8ba;
}
body.theme-light .radar-stats b{color:#f8fafc}
body.theme-light .radar-stats .amber{color:var(--amber)!important}

/* Import workflow: consistent white cards with strong text */
body.theme-light .import-visual{
  background:#ffffff;
  border-color:rgba(15,23,42,.10);
  box-shadow:0 18px 48px rgba(15,23,42,.08);
}
body.theme-light .import-step{
  opacity:1;
  background:#f7f9fc;
  border-color:rgba(15,23,42,.10);
}
body.theme-light .import-step.active{
  background:#ffffff;
  border-color:rgba(217,169,61,.38);
  box-shadow:0 9px 24px rgba(15,23,42,.06);
}
body.theme-light .import-step b{color:#172033}
body.theme-light .import-step small{color:#64748b}
body.theme-light .import-step>span{
  background:#e9eef5;
  color:#a8730d;
}

/* Identity architecture: white cards, dark center, readable labels */
body.theme-light .identity{
  background:#ffffff;
  color:#172033;
  border-color:rgba(15,23,42,.10);
  box-shadow:0 18px 42px rgba(15,23,42,.11);
}
body.theme-light .identity b{color:#172033}
body.theme-light .identity small{color:#64748b}
body.theme-light .identity.center{
  background:#111b2a;
  color:#ffffff;
  border-color:rgba(217,169,61,.26);
}
body.theme-light .identity.center b{color:#ffffff}
body.theme-light .identity-map line{
  stroke:rgba(185,130,19,.28);
}

/* Portfolio visualization remains a deliberate dark product panel */
body.theme-light .portfolio-map{
  background:radial-gradient(circle at center,rgba(74,159,255,.17),transparent 56%),#111b2a;
  border-color:rgba(15,23,42,.12);
}
body.theme-light .map-node{
  background:#162235;
  color:#ffffff;
  border-color:rgba(74,159,255,.30);
}
body.theme-light .map-node b{color:#ffffff}
body.theme-light .map-node span{color:#a6b3c2}

/* Sofia visualization */
body.theme-light .chat{
  background:#16202d;
  color:#ffffff;
  border-color:rgba(255,255,255,.10);
}
body.theme-light .chat p{color:#d7dee8}

/* Professional services section with official light ECS logo */
body.theme-light .ecs-logo-card{
  background:#ffffff;
  border-color:rgba(185,130,19,.24);
  box-shadow:0 18px 48px rgba(15,23,42,.08);
}
body.theme-light .ecs-logo-card img{
  display:block;
  width:100%;
  max-width:620px;
  height:auto;
  margin:0 auto 22px;
  background:#ffffff;
  border:0;
  border-radius:0;
  object-fit:contain;
}
body.theme-light .ecs-logo-card p{color:#64748b}
body.theme-light .ecs-logo-card a{color:#a8730d}

/* Final CTA: intentionally dark with readable white heading and copy */
body.theme-light .cta-shell{
  background:linear-gradient(135deg,#203047,#101824);
  border-color:rgba(217,169,61,.28);
}
body.theme-light .cta-shell .copy h2{color:#ffffff}
body.theme-light .cta-shell .copy>p{color:#aab6c5}
body.theme-light .cta-shell .feature-list li{
  color:#e7edf4;
  border-color:rgba(255,255,255,.09);
}
body.theme-light .demo-form{
  background:#0c121c;
  border-color:rgba(255,255,255,.09);
}
body.theme-light .demo-form label{color:#94a2b4}
body.theme-light .demo-form input,
body.theme-light .demo-form select{
  background:#121c29;
  color:#f8fafc;
  border-color:rgba(255,255,255,.10);
}
body.theme-light .demo-form>small{color:#738196}

/* Light section separators improve rhythm */
body.theme-light .section + .section{
  border-top:1px solid rgba(15,23,42,.035);
}

/* Footer stays dark and uses the dark-background compatible logo */
body.theme-light footer{
  background:#0d1624;
  color:#e5ebf2;
}
body.theme-light .footer-brand p,
body.theme-light .footer-links a,
body.theme-light .footer-ecs span,
body.theme-light .footer-bottom{
  color:#9aa8ba;
}
body.theme-light .footer-ecs img{
  background:transparent;
  border:0;
  max-width:270px;
}

/* Better contrast for refined platform cards */
body.theme-light .platform-feature{
  background:#ffffff;
  color:#172033;
  border-color:rgba(15,23,42,.10);
  box-shadow:0 18px 44px rgba(15,23,42,.07);
}
body.theme-light .platform-feature h3{color:#172033}
body.theme-light .platform-feature p{color:#64748b}
body.theme-light .portfolio-stat-row div{
  background:#f6f8fb;
  color:#172033;
  border-color:rgba(15,23,42,.09);
}
body.theme-light .portfolio-stat-row strong{color:#172033}
body.theme-light .portfolio-stat-row span{color:#64748b}

/* Maintain strong contrast inside dark command dashboard */
body.theme-light .command-ui__header strong,
body.theme-light .command-score-ring strong,
body.theme-light .command-summary b,
body.theme-light .command-row,
body.theme-light .command-row span{
  color:#f8fafc;
}
body.theme-light .command-row--header,
body.theme-light .command-row--header span{
  color:#8190a2;
}
body.theme-light .command-ui__table{
  background:#0d1520;
  border-color:rgba(255,255,255,.09);
}
body.theme-light .command-row{
  border-color:rgba(255,255,255,.07);
}


/* Connected architecture roadmap section — v1.9 */
.roadmap-note{
  margin-top:20px;
  padding:14px 16px;
  border-left:2px solid rgba(217,169,61,.55);
  background:rgba(217,169,61,.06);
  border-radius:0 12px 12px 0;
  font-size:12px!important;
  line-height:1.65!important;
}
.architecture-capabilities{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.architecture-capabilities>div{
  min-height:185px;
  padding:24px;
  border:1px solid var(--line);
  border-radius:20px;
  background:#111925;
}
.architecture-capabilities span{
  font-size:9px;
  color:var(--gold2);
}
.architecture-capabilities b{
  display:block;
  margin:18px 0 10px;
  font-size:18px;
}
.architecture-capabilities small{
  display:block;
  color:#7f8c9c;
  font-size:12px;
  line-height:1.6;
}
body.theme-light .roadmap-note{
  color:#5e6b7c!important;
  background:rgba(217,169,61,.08);
}
body.theme-light .architecture-capabilities>div{
  background:#ffffff;
  color:#172033;
  border-color:rgba(15,23,42,.10);
  box-shadow:0 16px 38px rgba(15,23,42,.06);
}
body.theme-light .architecture-capabilities b{
  color:#172033;
}
body.theme-light .architecture-capabilities small{
  color:#64748b;
}
@media(max-width:700px){
  .architecture-capabilities{
    grid-template-columns:1fr;
  }
}


/* Header, announcement bar, and FAQ polish — v2.0 */

/* Announcement bar: cleaner, centered, readable */
body.theme-light .announcement{
  min-height:42px;
  background:linear-gradient(90deg,#fff8e8 0%,#f7edcf 50%,#fff8e8 100%);
  border-bottom:1px solid rgba(185,130,19,.18);
  color:#6d5418;
}
body.theme-light .announcement__inner{
  min-height:42px;
  height:auto;
  padding:9px 0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  flex-wrap:wrap;
  text-align:center;
  line-height:1.35;
}
body.theme-light .announcement__inner strong{
  color:#735714;
  font-size:10px;
  letter-spacing:.08em;
}
body.theme-light .announcement__inner>span:not(.status-dot){
  color:#8a7440;
  font-size:10px;
  letter-spacing:.04em;
}
body.theme-light .announcement__inner a{
  color:#b27c0c;
  font-size:10px;
  font-weight:800;
  white-space:nowrap;
}
body.theme-light .status-dot{
  width:7px;
  height:7px;
  flex:0 0 auto;
}

/* Header spacing and alignment */
body.theme-light .site-header{
  background:rgba(255,255,255,.94);
  border-bottom:1px solid rgba(15,23,42,.08);
  box-shadow:0 8px 22px rgba(15,23,42,.04);
}
body.theme-light .nav-shell{
  height:74px;
}
body.theme-light .brand img{
  width:190px;
  max-height:34px;
  object-fit:contain;
}
body.theme-light .nav{
  gap:26px;
  color:#536174;
}
body.theme-light .nav>a:not(.button){
  font-size:13px;
  font-weight:600;
}
body.theme-light .button--outline{
  border-color:rgba(185,130,19,.30);
  color:#a8730d;
  background:#fffdf8;
}

/* FAQ: restore visible questions in light mode */
body.theme-light .faq{
  background:#f3f6fa;
}
body.theme-light .faq-list{
  margin-top:24px;
}
body.theme-light .faq-item{
  border-bottom:1px solid rgba(15,23,42,.10);
}
body.theme-light .faq-item button{
  color:#172033;
  min-height:72px;
  padding:22px 0;
  font-size:17px;
  font-weight:750;
  opacity:1;
}
body.theme-light .faq-item button span{
  color:#b98213;
  font-size:20px;
  font-weight:500;
}
body.theme-light .faq-item>div{
  color:#5f6c7c;
}
body.theme-light .faq-item p{
  color:#5f6c7c;
  font-size:14px;
  line-height:1.75;
  padding-bottom:20px;
}
body.theme-light .faq-item.open{
  background:rgba(255,255,255,.45);
}
body.theme-light .faq-item.open button{
  color:#111827;
}

/* Remove leftover styling gap after roadmap note removal */
body.theme-light .connected-architecture .copy{
  align-self:center;
}
body.theme-light .connected-architecture .copy>p:last-child{
  margin-bottom:0;
}

/* Better anchor behavior below sticky header */
html{
  scroll-padding-top:120px;
}

@media(max-width:800px){
  body.theme-light .announcement__inner{
    padding:8px 12px;
    gap:7px;
  }
  body.theme-light .announcement__inner>span:not(.status-dot){
    display:none;
  }
  body.theme-light .nav-shell{
    height:68px;
  }
}


/* Actual dashboard-centered website redesign — v2.1 */
.actual-dashboard-hero{
  min-height:930px;
  background:
    radial-gradient(circle at 78% 32%,rgba(74,159,255,.14),transparent 34%),
    radial-gradient(circle at 10% 28%,rgba(217,169,61,.12),transparent 29%),
    linear-gradient(180deg,#f8fafc,#eef3f8);
}
.actual-hero-grid{
  display:grid;
  grid-template-columns:.78fr 1.42fr;
  gap:54px;
  align-items:center;
  padding:82px 0 110px;
}
.actual-dashboard-stage{
  position:relative;
  min-height:620px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.dashboard-browser-frame{
  width:100%;
  max-width:880px;
  border:1px solid rgba(15,23,42,.12);
  border-radius:22px;
  background:#ffffff;
  box-shadow:0 40px 100px rgba(15,23,42,.20);
  overflow:hidden;
  transform:perspective(1400px) rotateY(-3deg) rotateX(1deg);
  transition:transform .45s ease,box-shadow .45s ease;
}
.dashboard-browser-frame:hover{
  transform:perspective(1400px) rotateY(0) rotateX(0) translateY(-5px);
  box-shadow:0 48px 120px rgba(15,23,42,.24);
}
.browser-bar{
  height:42px;
  padding:0 14px;
  display:grid;
  grid-template-columns:80px 1fr 120px;
  align-items:center;
  background:#f8fafc;
  border-bottom:1px solid rgba(15,23,42,.08);
}
.browser-dots{display:flex;gap:6px}
.browser-dots i{width:8px;height:8px;border-radius:50%;background:#cbd5e1}
.browser-dots i:nth-child(1){background:#ff7b72}
.browser-dots i:nth-child(2){background:#f5c451}
.browser-dots i:nth-child(3){background:#48c78e}
.browser-title{text-align:center;font-size:10px;color:#64748b}
.browser-live{display:flex;justify-content:flex-end;align-items:center;gap:6px;font-size:9px;color:#64748b}
.browser-live span{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgba(67,214,160,.5);animation:pulse 2s infinite}
.dashboard-image-wrap{position:relative;overflow:hidden;background:#fff}
.dashboard-image-wrap img{width:100%;height:auto;display:block}
.welcome-replacement{
  position:absolute;
  left:14.5%;
  top:8.2%;
  width:35%;
  min-height:44px;
  padding:2px 8px;
  background:rgba(255,255,255,.96);
  display:flex;
  align-items:center;
  gap:8px;
}
.welcome-replacement strong{font-size:12px;color:#0f172a}
.welcome-replacement span{font-size:7px;color:#7e22ce;background:#f3e8ff;padding:4px 7px;border-radius:999px}
.real-notification{
  position:absolute;
  display:grid;
  grid-template-columns:42px 1fr;
  gap:12px;
  width:265px;
  padding:14px;
  border-radius:18px;
  background:rgba(15,23,42,.94);
  border:1px solid rgba(255,255,255,.10);
  color:#fff;
  box-shadow:0 24px 60px rgba(15,23,42,.30);
  backdrop-filter:blur(18px);
  animation:notificationFloat 5s ease-in-out infinite;
}
.notification-one{right:-30px;top:86px}
.notification-two{left:-22px;bottom:75px;animation-delay:1.5s}
.real-notification__icon{
  width:40px;height:40px;border-radius:13px;display:grid;place-items:center;
  background:radial-gradient(circle at 35% 30%,#fff,#62b8ff 26%,#1c5b9f 60%,#0c1723);
  font-weight:900;
}
.real-notification__icon.warning{
  background:rgba(245,184,70,.14);
  color:var(--amber);
}
.real-notification>div:last-child{display:flex;flex-direction:column}
.real-notification small{font-size:7px;color:#6bbaff;letter-spacing:.1em}
.real-notification strong{font-size:11px;margin-top:4px}
.real-notification span{font-size:8px;line-height:1.45;color:#9aa8ba;margin-top:4px}
@keyframes notificationFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-8px)}
}

.actual-platform-overview{background:#f4f7fb}
.actual-product-panel{
  border:1px solid rgba(15,23,42,.10);
  border-radius:30px;
  background:#ffffff;
  box-shadow:0 28px 75px rgba(15,23,42,.10);
  overflow:hidden;
}
.actual-product-panel--wide{
  display:grid;
  grid-template-columns:.78fr 1.22fr;
  gap:34px;
  align-items:center;
  padding:34px;
}
.actual-product-panel__copy h3{font-size:34px;line-height:1.15;margin:16px 0}
.actual-product-panel__copy p{color:#64748b;line-height:1.7}
.actual-feature-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.actual-feature-points span{
  padding:9px 12px;border-radius:999px;background:#f1f5f9;border:1px solid rgba(15,23,42,.08);
  color:#334155;font-size:10px;font-weight:700;
}
.actual-product-shot{
  position:relative;
  overflow:hidden;
  border-radius:24px;
  border:1px solid rgba(15,23,42,.10);
  background:#fff;
  box-shadow:0 24px 65px rgba(15,23,42,.12);
}
.actual-product-shot img{
  display:block;width:100%;height:auto;
  transition:transform .7s cubic-bezier(.2,.7,.2,1);
}
.actual-product-shot:hover img{transform:scale(1.025)}
.actual-product-shot--kpis img{min-height:210px;object-fit:cover}
.actual-bento-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}
.actual-bento-card{
  min-height:220px;padding:25px;border-radius:22px;border:1px solid rgba(15,23,42,.10);
  background:#fff;box-shadow:0 16px 38px rgba(15,23,42,.06)
}
.actual-bento-card span{font-size:9px;color:#b98213}
.actual-bento-card h3{font-size:22px;margin:18px 0 12px;color:#172033}
.actual-bento-card p{font-size:13px;line-height:1.7;color:#64748b}

.actual-command-center{background:#ffffff}
.actual-split{
  display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:center;
}
.actual-split.reverse> :first-child{order:2}
.actual-split.reverse> :last-child{order:1}
.actual-product-shot--compliance{padding:0}
.shot-callout{
  position:absolute;display:flex;flex-direction:column;align-items:flex-start;
  padding:12px 14px;border-radius:14px;background:rgba(15,23,42,.93);color:#fff;
  box-shadow:0 20px 50px rgba(15,23,42,.26);
}
.shot-callout span{font-size:20px;font-weight:800}
.shot-callout small{font-size:8px;color:#a8b3c3;margin-top:3px}
.shot-callout--one{left:20px;bottom:20px}
.shot-callout--two{right:20px;top:20px}

.actual-intelligence{background:#f4f7fb}
.actual-product-shot--operations{box-shadow:0 32px 80px rgba(15,23,42,.14)}
.actual-portfolio-section{background:#ffffff}
.actual-product-shot--navigation img{max-height:640px;object-fit:cover;object-position:left top}

@media(max-width:1100px){
  .actual-hero-grid{grid-template-columns:1fr}
  .hero__copy{text-align:center}
  .hero__copy .eyebrow{justify-content:center}
  .hero__actions,.hero__proof{justify-content:center}
  .actual-product-panel--wide,.actual-split{grid-template-columns:1fr}
  .actual-split.reverse> :first-child,.actual-split.reverse> :last-child{order:initial}
  .notification-one{right:0}
  .notification-two{left:0}
}
@media(max-width:760px){
  .actual-dashboard-hero{min-height:auto}
  .actual-hero-grid{padding:58px 0 80px}
  .actual-dashboard-stage{min-height:420px}
  .dashboard-browser-frame{transform:none;border-radius:16px}
  .browser-bar{grid-template-columns:55px 1fr 70px}
  .welcome-replacement{left:14%;top:8%;width:43%}
  .welcome-replacement strong{font-size:7px}
  .welcome-replacement span{display:none}
  .real-notification{width:220px}
  .notification-one{right:-2px;top:25px}
  .notification-two{left:-2px;bottom:20px}
  .actual-product-panel--wide{padding:22px}
  .actual-bento-grid{grid-template-columns:1fr}
}


/* Actual dashboard dark theme — v2.2 */
body.theme-dark{
  --bg:#070b11;
  --bg2:#0a0f16;
  --panel:#101824;
  --panel2:#121b28;
  --text:#f5f7fb;
  --muted:#93a0b1;
  --line:rgba(255,255,255,.09);
  --shadow:0 30px 90px rgba(0,0,0,.38);
  background:#070b11;
  color:#f5f7fb;
}

/* Header and top announcement */
body.theme-dark .announcement{
  background:linear-gradient(90deg,#17130b,#2b220e,#17130b);
  border-bottom:1px solid rgba(217,169,61,.24);
  color:#d9cfb8;
}
body.theme-dark .announcement__inner strong{color:#f0c866}
body.theme-dark .announcement__inner>span:not(.status-dot){color:#c7b98f}
body.theme-dark .announcement__inner a{color:#f0c866}
body.theme-dark .site-header{
  background:rgba(7,11,17,.88);
  border-bottom:1px solid rgba(255,255,255,.07);
  box-shadow:0 8px 24px rgba(0,0,0,.22);
}
body.theme-dark .nav{color:#c0cad6}
body.theme-dark .nav>a:not(.button):hover{color:#fff}
body.theme-dark .button--outline{
  border-color:rgba(217,169,61,.34);
  color:#f0c866;
  background:rgba(217,169,61,.04);
}

/* Hero */
body.theme-dark .actual-dashboard-hero{
  background:
    radial-gradient(circle at 78% 30%,rgba(38,111,190,.19),transparent 35%),
    radial-gradient(circle at 8% 25%,rgba(217,169,61,.11),transparent 28%),
    linear-gradient(180deg,#070b11,#0a0f16);
}
body.theme-dark .actual-dashboard-hero h1,
body.theme-dark .section h2,
body.theme-dark .copy h2,
body.theme-dark .section-heading h2{
  color:#f5f7fb;
}
body.theme-dark .actual-dashboard-hero h1 span{
  background:linear-gradient(90deg,#ffffff,#8390a1);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
body.theme-dark .hero__copy>p,
body.theme-dark .copy>p,
body.theme-dark .section-heading>p{
  color:#9aa7b8;
}
body.theme-dark .hero__proof{
  border-top-color:rgba(255,255,255,.09);
}
body.theme-dark .hero__proof strong{color:#718094}
body.theme-dark .button--ghost{
  background:rgba(255,255,255,.04);
  border-color:rgba(255,255,255,.09);
  color:#f4f7fb;
}

/* Dashboard browser frame */
body.theme-dark .dashboard-browser-frame{
  background:#0d131d;
  border-color:rgba(255,255,255,.10);
  box-shadow:0 44px 115px rgba(0,0,0,.58);
}
body.theme-dark .browser-bar{
  background:#111925;
  border-bottom-color:rgba(255,255,255,.08);
}
body.theme-dark .browser-title,
body.theme-dark .browser-live{color:#7f8c9d}
body.theme-dark .dashboard-image-wrap{background:#fff}
body.theme-dark .welcome-replacement{
  background:rgba(255,255,255,.97);
}

/* Trust strip and standard sections */
body.theme-dark .trust-strip{
  background:#0a0f16;
  border-color:rgba(255,255,255,.08);
}
body.theme-dark .trust-strip p,
body.theme-dark .trust-strip__items{color:#7f8b9b}

body.theme-dark .section,
body.theme-dark .actual-platform-overview,
body.theme-dark .actual-command-center,
body.theme-dark .actual-intelligence,
body.theme-dark .actual-portfolio-section,
body.theme-dark .feature-deep,
body.theme-dark .alt,
body.theme-dark .docs-section,
body.theme-dark .identity-section,
body.theme-dark .industries,
body.theme-dark .ecosystem-section,
body.theme-dark .security,
body.theme-dark .ecs-relationship,
body.theme-dark .faq{
  background:#080c12;
}
body.theme-dark .actual-intelligence,
body.theme-dark .alt{
  background:#0a0f16;
}

/* Actual dashboard content cards */
body.theme-dark .actual-product-panel,
body.theme-dark .actual-bento-card,
body.theme-dark .platform-feature,
body.theme-dark .platform-card,
body.theme-dark .doc-card,
body.theme-dark .case-grid article,
body.theme-dark .industry-grid article,
body.theme-dark .implementation-grid div,
body.theme-dark .ecosystem-grid div,
body.theme-dark .security-grid div,
body.theme-dark .pricing-card,
body.theme-dark .persona-list div,
body.theme-dark .workflow>div,
body.theme-dark .architecture-capabilities>div{
  background:linear-gradient(145deg,#111925,#0d141e);
  color:#f5f7fb;
  border-color:rgba(255,255,255,.09);
  box-shadow:0 20px 55px rgba(0,0,0,.25);
}
body.theme-dark .actual-product-panel__copy h3,
body.theme-dark .actual-bento-card h3,
body.theme-dark .platform-feature h3,
body.theme-dark .platform-card h3,
body.theme-dark .doc-card b,
body.theme-dark .case-grid h3,
body.theme-dark .industry-grid h3,
body.theme-dark .implementation-grid h3,
body.theme-dark .security-grid b,
body.theme-dark .pricing-card h3{
  color:#f5f7fb;
}
body.theme-dark .actual-product-panel__copy p,
body.theme-dark .actual-bento-card p,
body.theme-dark .platform-feature p,
body.theme-dark .platform-card p,
body.theme-dark .case-grid p,
body.theme-dark .industry-grid p,
body.theme-dark .implementation-grid p,
body.theme-dark .security-grid small,
body.theme-dark .pricing-card p{
  color:#8794a5;
}
body.theme-dark .actual-feature-points span{
  background:#121c29;
  border-color:rgba(255,255,255,.08);
  color:#dbe3ec;
}
body.theme-dark .portfolio-stat-row div{
  background:#0c121b;
  border-color:rgba(255,255,255,.08);
}
body.theme-dark .portfolio-stat-row strong{color:#fff}
body.theme-dark .portfolio-stat-row span{color:#7f8c9c}

/* Product screenshots */
body.theme-dark .actual-product-shot{
  background:#0f1621;
  border-color:rgba(255,255,255,.10);
  box-shadow:0 28px 75px rgba(0,0,0,.42);
}
body.theme-dark .actual-product-shot img{
  background:#fff;
}

/* Benefits, lists, labels */
body.theme-dark .compliance-benefits>div,
body.theme-dark .score-list div,
body.theme-dark .feature-list li{
  border-color:rgba(255,255,255,.09);
}
body.theme-dark .compliance-benefits b,
body.theme-dark .score-list b,
body.theme-dark .feature-list li{
  color:#e9eef5;
}
body.theme-dark .compliance-benefits small,
body.theme-dark .score-list span{
  color:#8390a1;
}

/* Existing dark visual panels */
body.theme-dark .visual-card,
body.theme-dark .radar-card,
body.theme-dark .compliance-command-ui,
body.theme-dark .platform-feature__visual,
body.theme-dark .portfolio-map,
body.theme-dark .mobile-device__bezel{
  background:linear-gradient(155deg,#121b28,#0b1018);
  border-color:rgba(255,255,255,.09);
  color:#f7f9fc;
}
body.theme-dark .persona-list div{color:#e7edf4}
body.theme-dark .workflow>div b{color:#f5f7fb}
body.theme-dark .workflow>div small{color:#7f8c9c}
body.theme-dark .integration-cloud span{
  background:#111925;
  border-color:rgba(255,255,255,.09);
  color:#e4eaf1;
}

/* Import, identity and ecosystem */
body.theme-dark .import-visual{
  background:linear-gradient(155deg,#121b28,#0b1018);
  border-color:rgba(255,255,255,.09);
}
body.theme-dark .import-step{
  background:#0d141e;
  border-color:rgba(255,255,255,.08);
}
body.theme-dark .import-step.active{
  border-color:rgba(217,169,61,.28);
}
body.theme-dark .import-step b{color:#f5f7fb}
body.theme-dark .import-step small{color:#7f8c9c}
body.theme-dark .identity{
  background:#111925;
  color:#f5f7fb;
  border-color:rgba(255,255,255,.09);
}
body.theme-dark .identity b{color:#f5f7fb}
body.theme-dark .identity small{color:#7f8c9c}
body.theme-dark .identity.center{
  background:#0d141e;
  border-color:rgba(217,169,61,.25);
}

/* FAQ */
body.theme-dark .faq-item{
  border-bottom-color:rgba(255,255,255,.09);
}
body.theme-dark .faq-item button{
  color:#f5f7fb;
}
body.theme-dark .faq-item p{
  color:#8f9cad;
}
body.theme-dark .faq-item.open{
  background:rgba(255,255,255,.02);
}

/* Connected architecture */
body.theme-dark .roadmap-note{
  color:#8996a6!important;
  background:rgba(217,169,61,.05);
}
body.theme-dark .architecture-capabilities>div b{color:#f5f7fb}
body.theme-dark .architecture-capabilities>div small{color:#7f8c9c}

/* ECS relationship and CTA */
body.theme-dark .ecs-logo-card{
  background:#0d131c;
  border-color:rgba(217,169,61,.24);
  box-shadow:0 20px 55px rgba(0,0,0,.28);
}
body.theme-dark .ecs-logo-card p{color:#8793a4}
body.theme-dark .cta-shell{
  background:linear-gradient(135deg,#1b2b3f,#0b111a);
  border-color:rgba(217,169,61,.23);
}
body.theme-dark .demo-form{
  background:#0c1119;
  border-color:rgba(255,255,255,.09);
}

/* Footer */
body.theme-dark footer{
  background:#06090e;
  color:#e7edf4;
}
body.theme-dark .footer-brand p,
body.theme-dark .footer-links a,
body.theme-dark .footer-ecs span,
body.theme-dark .footer-bottom{
  color:#7f8c9c;
}
body.theme-dark .footer-ecs img{
  background:transparent;
  border:0;
}

/* Section separators */
body.theme-dark .section + .section{
  border-top:1px solid rgba(255,255,255,.035);
}

/* Mobile nav */
@media(max-width:800px){
  body.theme-dark .nav{
    background:#0e141d;
    border-color:rgba(255,255,255,.09);
  }
}


/* Dark-theme transparent ECS logo correction — v2.3 */
body.theme-dark .ecs-logo-card img{
  display:block;
  width:100%;
  max-width:620px;
  height:auto;
  margin:0 auto 22px;
  padding:0;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  object-fit:contain;
}


/* Final subscription plans — v2.4 */
.subscription-plans{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 0%,rgba(217,169,61,.09),transparent 32%),
    #080c12;
}
.subscription-plans:before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:52px 52px;
  mask-image:linear-gradient(to bottom,black,transparent 76%);
  pointer-events:none;
}
.subscription-plans .container{position:relative;z-index:1}
.subscription-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  align-items:stretch;
}
.subscription-card{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:720px;
  padding:32px;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.09);
  background:linear-gradient(155deg,#111a27,#0b111a);
  box-shadow:0 26px 70px rgba(0,0,0,.28);
  transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;
}
.subscription-card:hover{
  transform:translateY(-7px);
  border-color:rgba(217,169,61,.28);
  box-shadow:0 34px 86px rgba(0,0,0,.38);
}
.subscription-card--featured{
  border-color:rgba(217,169,61,.48);
  background:
    radial-gradient(circle at 50% 0%,rgba(217,169,61,.13),transparent 32%),
    linear-gradient(155deg,#172130,#0d141e);
  box-shadow:
    0 32px 90px rgba(0,0,0,.38),
    0 0 0 1px rgba(217,169,61,.08) inset;
}
.featured-badge{
  position:absolute;
  top:-14px;
  left:50%;
  transform:translateX(-50%);
  padding:8px 14px;
  border-radius:999px;
  background:linear-gradient(135deg,var(--gold2),var(--gold));
  color:#17120a;
  font-size:9px;
  font-weight:900;
  letter-spacing:.11em;
  white-space:nowrap;
  box-shadow:0 12px 30px rgba(217,169,61,.25);
}
.subscription-card__top{
  min-height:185px;
}
.plan-label{
  display:block;
  color:var(--gold2);
  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
}
.subscription-card h3{
  margin:17px 0 12px;
  color:#f6f8fb;
  font-size:28px;
  line-height:1.15;
  letter-spacing:-.025em;
}
.subscription-card__top p{
  margin:0;
  color:#8d9aac;
  font-size:14px;
  line-height:1.68;
}
.plan-price{
  min-height:112px;
  display:flex;
  align-items:flex-start;
  flex-wrap:wrap;
  margin:18px 0 24px;
  color:#f8fafc;
}
.plan-price .currency{
  margin-top:10px;
  color:#aab5c4;
  font-size:22px;
  font-weight:700;
}
.plan-price strong{
  font-family:Manrope,Inter,sans-serif;
  font-size:66px;
  line-height:1;
  letter-spacing:-.055em;
}
.plan-price .cents{
  margin-top:8px;
  font-size:23px;
  font-weight:800;
}
.plan-price small{
  flex-basis:100%;
  margin-top:9px;
  color:#7f8c9d;
  font-size:10px;
}
.plan-price--custom{
  flex-direction:column;
  justify-content:flex-start;
}
.plan-price--custom strong{
  font-size:52px;
  margin-top:4px;
}
.plan-price--custom small{
  margin-top:12px;
}
.plan-button{
  width:100%;
  min-height:52px;
}
.subscription-card .button--ghost{
  background:rgba(255,255,255,.04);
  color:#f5f7fb;
  border-color:rgba(255,255,255,.11);
}
.subscription-card .button--ghost:hover{
  border-color:rgba(217,169,61,.34);
  background:rgba(217,169,61,.07);
}
.plan-divider{
  height:1px;
  margin:26px 0 20px;
  background:rgba(255,255,255,.08);
}
.includes-label{
  color:#d8e0e9;
  font-size:11px;
  font-weight:800;
}
.plan-features{
  list-style:none;
  padding:0;
  margin:16px 0 0;
}
.plan-features li{
  position:relative;
  padding:11px 0 11px 25px;
  border-bottom:1px solid rgba(255,255,255,.055);
  color:#a5b0bf;
  font-size:12px;
  line-height:1.48;
}
.plan-features li:last-child{border-bottom:0}
.plan-features li:before{
  content:"✓";
  position:absolute;
  left:0;
  top:10px;
  color:var(--green);
  font-weight:900;
}
.pricing-footnote{
  margin-top:22px;
  padding:17px 20px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  background:rgba(255,255,255,.025);
  color:#7f8c9d;
  font-size:11px;
}
.pricing-footnote a{
  color:var(--gold2);
  font-weight:800;
  white-space:nowrap;
}
@media(max-width:1050px){
  .subscription-grid{
    grid-template-columns:1fr;
    max-width:720px;
    margin:0 auto;
  }
  .subscription-card{
    min-height:auto;
  }
  .subscription-card__top{
    min-height:auto;
  }
}
@media(max-width:600px){
  .subscription-card{
    padding:26px 22px;
    border-radius:23px;
  }
  .subscription-card h3{
    font-size:25px;
  }
  .plan-price strong{
    font-size:57px;
  }
  .pricing-footnote{
    flex-direction:column;
    align-items:flex-start;
  }
}


/* Existing-user login and complimentary inspection benefit — v2.5 */
.existing-user-link{
  color:#c9d3df;
  font-size:13px;
  font-weight:700;
  padding:10px 2px;
  transition:color .25s ease;
}
.existing-user-link:hover{color:var(--gold2)}

.existing-user-section{
  padding-top:70px;
  padding-bottom:70px;
  background:#090e15;
}
.existing-user-shell{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:42px;
  padding:34px 38px;
  border-radius:26px;
  border:1px solid rgba(217,169,61,.22);
  background:
    radial-gradient(circle at 90% 20%,rgba(217,169,61,.09),transparent 28%),
    linear-gradient(145deg,#111a27,#0b111a);
  box-shadow:0 24px 70px rgba(0,0,0,.28);
}
.existing-user-copy h2{
  margin:17px 0 10px;
  color:#f7f9fc;
  font-size:38px;
  line-height:1.08;
}
.existing-user-copy p{
  max-width:740px;
  margin:0;
  color:#8d9aaa;
  line-height:1.72;
}
.existing-user-actions{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:10px;
}
.existing-login-button{min-width:230px}
.existing-user-actions small{
  color:#6f7d8e;
  font-size:9px;
  letter-spacing:.04em;
}

.inspection-benefit{
  padding-top:50px;
  background:#080c12;
}
.inspection-benefit-shell{
  position:relative;
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:48px;
  align-items:center;
  padding:48px;
  overflow:hidden;
  border-radius:32px;
  border:1px solid rgba(217,169,61,.28);
  background:
    radial-gradient(circle at 18% 15%,rgba(217,169,61,.13),transparent 30%),
    radial-gradient(circle at 88% 78%,rgba(74,159,255,.10),transparent 28%),
    linear-gradient(145deg,#151f2e,#0b111a);
  box-shadow:0 34px 95px rgba(0,0,0,.38);
}
.inspection-benefit-shell:after{
  content:"";
  position:absolute;
  width:360px;
  height:360px;
  right:-170px;
  top:-170px;
  border-radius:50%;
  border:1px solid rgba(217,169,61,.16);
}
.inspection-benefit-badge{
  position:absolute;
  top:22px;
  right:24px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(217,169,61,.11);
  border:1px solid rgba(217,169,61,.22);
  color:var(--gold2);
  font-size:9px;
  font-weight:900;
  letter-spacing:.12em;
}
.inspection-benefit-copy h2{
  margin:20px 0 14px;
  max-width:760px;
  color:#f8fafc;
  font-size:46px;
  line-height:1.07;
}
.inspection-benefit-copy>p{
  max-width:780px;
  color:#95a2b2;
  font-size:16px;
  line-height:1.72;
}
.inspection-benefit-points{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:24px;
}
.inspection-benefit-points span{
  padding:9px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.035);
  color:#d8e0e9;
  font-size:10px;
  font-weight:700;
}
.inspection-benefit-action{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:16px;
  padding:24px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(7,11,17,.48);
  backdrop-filter:blur(12px);
}
.inspection-benefit-action .button{width:100%}
.inspection-benefit-action small{
  color:#7f8c9d;
  font-size:10px;
  line-height:1.65;
}

@media(max-width:900px){
  .existing-user-shell,
  .inspection-benefit-shell{
    grid-template-columns:1fr;
  }
  .existing-user-actions{
    align-items:flex-start;
  }
  .existing-user-actions .button{
    width:100%;
  }
}
@media(max-width:600px){
  .existing-user-link{display:none}
  .existing-user-shell{
    padding:28px 22px;
  }
  .existing-user-copy h2{
    font-size:32px;
  }
  .inspection-benefit-shell{
    padding:38px 22px 26px;
  }
  .inspection-benefit-copy h2{
    font-size:35px;
  }
  .inspection-benefit-badge{
    position:static;
    display:inline-flex;
    margin-bottom:10px;
  }
}


/* Sofia AI icon, notification, and card refinements — v2.6 */
.sofia-mark{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 35% 30%,rgba(255,255,255,.95),rgba(255,255,255,0) 18%),
    conic-gradient(from 210deg,#7dd3fc,#2563eb,#7c3aed,#06b6d4,#7dd3fc)!important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.14) inset,
    0 10px 28px rgba(37,99,235,.30);
}
.sofia-mark:before{
  content:"";
  position:absolute;
  inset:6px;
  border-radius:inherit;
  background:linear-gradient(145deg,#0f172a,#111827);
}
.sofia-mark span{
  position:absolute;
  z-index:2;
  width:4px;
  border-radius:999px;
  background:linear-gradient(180deg,#e0f2fe,#60a5fa);
  box-shadow:0 0 8px rgba(96,165,250,.75);
}
.sofia-mark span:nth-child(1){height:13px;left:12px;top:13px;transform:rotate(-18deg)}
.sofia-mark span:nth-child(2){height:20px;left:18px;top:9px}
.sofia-mark span:nth-child(3){height:13px;left:24px;top:13px;transform:rotate(18deg)}

.sofia-nav-mark,
.sofia-core-mark{
  position:relative;
  display:grid!important;
  place-items:center;
  border-radius:50%;
  background:
    radial-gradient(circle at 35% 30%,rgba(255,255,255,.95),rgba(255,255,255,0) 18%),
    conic-gradient(from 210deg,#7dd3fc,#2563eb,#7c3aed,#06b6d4,#7dd3fc)!important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.14) inset,
    0 0 30px rgba(37,99,235,.34);
}
.sofia-nav-mark:before,
.sofia-core-mark:before{
  content:"";
  position:absolute;
  inset:6px;
  border-radius:50%;
  background:linear-gradient(145deg,#0f172a,#111827);
}
.sofia-nav-mark i,
.sofia-core-mark i{
  position:absolute;
  z-index:2;
  width:4px;
  border-radius:999px;
  background:linear-gradient(180deg,#e0f2fe,#60a5fa);
  box-shadow:0 0 8px rgba(96,165,250,.75);
}
.sofia-nav-mark i:nth-child(1){height:12px;left:11px;top:13px;transform:rotate(-18deg)}
.sofia-nav-mark i:nth-child(2){height:18px;left:17px;top:10px}
.sofia-nav-mark i:nth-child(3){height:12px;left:23px;top:13px;transform:rotate(18deg)}

.sofia-core-mark{
  width:96px!important;
  height:96px!important;
}
.sofia-core-mark:before{inset:12px}
.sofia-core-mark i{width:7px}
.sofia-core-mark i:nth-child(1){height:28px;left:32px;top:34px;transform:rotate(-18deg)}
.sofia-core-mark i:nth-child(2){height:42px;left:45px;top:27px}
.sofia-core-mark i:nth-child(3){height:28px;left:58px;top:34px;transform:rotate(18deg)}

.real-notification{
  width:310px;
  grid-template-columns:48px 1fr;
  padding:17px;
}
.real-notification__icon{
  width:46px;
  height:46px;
  border-radius:15px;
}
.real-notification .sofia-label,
.mobile-notification-card .sofia-label{
  font-size:9px!important;
  font-weight:900;
  letter-spacing:.12em;
  color:#8bd7ff!important;
}
.real-notification strong{
  font-size:13px;
}
.real-notification span{
  font-size:9px;
}
.mobile-notification-card{
  width:290px;
  grid-template-columns:46px 1fr;
  padding:16px;
}
.mobile-notification-card .notification-icon{
  width:44px;
  height:44px;
  border-radius:14px;
}
.mobile-notification-card strong{
  font-size:12px;
}
.mobile-notification-card span{
  font-size:9px;
}

/* Remove visual gaps left by deleted card numbers */
.problem-stack div,
.compliance-benefits>div{
  grid-template-columns:1fr;
}
.compliance-benefits small{
  grid-column:auto;
}
.case-grid article,
.industry-grid article,
.implementation-grid div,
.security-grid div,
.architecture-capabilities>div{
  padding-top:28px;
}

@media(max-width:600px){
  .real-notification{
    width:240px;
  }
  .mobile-notification-card{
    width:235px;
  }
}


/* Sofia AI refined brand mark and notification hierarchy — v2.7 */

/* Reset the prior three-bar icon treatment */
.sofia-mark span,
.sofia-nav-mark span,
.sofia-core-mark span{
  box-shadow:none;
}
.sofia-mark--petal{
  position:relative;
  overflow:visible!important;
  background:
    radial-gradient(circle at 34% 28%,rgba(255,255,255,.38),transparent 20%),
    linear-gradient(145deg,#172338,#0a101a 72%)!important;
  border:1px solid rgba(139,215,255,.28)!important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.03) inset,
    0 12px 34px rgba(17,102,190,.26),
    0 0 26px rgba(82,168,255,.12)!important;
}
.sofia-mark--petal:before{
  content:"";
  position:absolute;
  inset:7px;
  border-radius:inherit;
  background:
    radial-gradient(circle at center,rgba(47,104,170,.20),transparent 56%),
    #0b1320!important;
  border:1px solid rgba(255,255,255,.04);
}
.sofia-mark--petal span{
  position:absolute;
  z-index:3;
  width:9px!important;
  height:15px!important;
  border-radius:10px 10px 4px 10px!important;
  background:linear-gradient(180deg,#d9f3ff,#69bfff 58%,#367bd7)!important;
  box-shadow:
    0 0 10px rgba(105,191,255,.78),
    0 0 20px rgba(54,123,215,.30)!important;
  transform-origin:bottom center;
}
.sofia-mark--petal span:nth-of-type(1){
  left:50%; top:6px; transform:translateX(-50%) rotate(0deg);
}
.sofia-mark--petal span:nth-of-type(2){
  right:6px; top:50%; transform:translateY(-50%) rotate(90deg);
}
.sofia-mark--petal span:nth-of-type(3){
  left:50%; bottom:6px; transform:translateX(-50%) rotate(180deg);
}
.sofia-mark--petal span:nth-of-type(4){
  left:6px; top:50%; transform:translateY(-50%) rotate(-90deg);
}
.sofia-mark--petal>i{
  position:absolute;
  z-index:4;
  left:50%;
  top:50%;
  width:8px;
  height:8px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:#f4fbff;
  box-shadow:
    0 0 8px #ffffff,
    0 0 18px rgba(105,191,255,.92);
}

/* Hero and mobile icon sizing */
.real-notification__icon.sofia-mark--petal{
  width:50px;
  height:50px;
  border-radius:16px;
}
.notification-icon.sofia-mark--petal{
  width:48px;
  height:48px;
  border-radius:15px;
}

/* Bottom navigation variant */
.sofia-nav-mark.sofia-mark--petal{
  width:40px!important;
  height:40px!important;
  border-radius:50%;
}
.sofia-nav-mark.sofia-mark--petal:before{inset:6px}
.sofia-nav-mark.sofia-mark--petal span{
  width:7px!important;
  height:11px!important;
}
.sofia-nav-mark.sofia-mark--petal span:nth-of-type(1){top:5px}
.sofia-nav-mark.sofia-mark--petal span:nth-of-type(2){right:5px}
.sofia-nav-mark.sofia-mark--petal span:nth-of-type(3){bottom:5px}
.sofia-nav-mark.sofia-mark--petal span:nth-of-type(4){left:5px}

/* Large central Sofia core */
.sofia-core-mark.sofia-mark--petal{
  width:120px!important;
  height:120px!important;
  border-radius:50%;
  background:
    radial-gradient(circle at 35% 28%,rgba(255,255,255,.42),transparent 18%),
    linear-gradient(145deg,#1c3150,#0a111c 68%)!important;
  box-shadow:
    0 0 0 1px rgba(139,215,255,.22) inset,
    0 0 55px rgba(47,140,255,.24),
    0 28px 70px rgba(0,0,0,.40)!important;
}
.sofia-core-mark.sofia-mark--petal:before{inset:16px}
.sofia-core-mark.sofia-mark--petal span{
  width:17px!important;
  height:28px!important;
}
.sofia-core-mark.sofia-mark--petal span:nth-of-type(1){top:18px}
.sofia-core-mark.sofia-mark--petal span:nth-of-type(2){right:18px}
.sofia-core-mark.sofia-mark--petal span:nth-of-type(3){bottom:18px}
.sofia-core-mark.sofia-mark--petal span:nth-of-type(4){left:18px}
.sofia-core-mark.sofia-mark--petal>i{
  width:14px;
  height:14px;
}

/* Notification card hierarchy */
.sofia-label{
  display:flex!important;
  align-items:baseline;
  gap:7px;
  margin-bottom:3px;
  color:#9bdcff!important;
  letter-spacing:0!important;
}
.sofia-label b{
  color:#dff6ff;
  font-size:13px;
  line-height:1;
  letter-spacing:.08em;
  font-weight:900;
}
.sofia-label em{
  color:#69bfff;
  font-size:8px;
  line-height:1;
  letter-spacing:.12em;
  font-style:normal;
  font-weight:800;
}
.real-notification{
  width:336px;
  grid-template-columns:52px 1fr;
  gap:14px;
  padding:18px;
}
.real-notification strong{
  margin-top:3px;
  font-size:14px;
  line-height:1.34;
}
.real-notification span{
  font-size:10px;
  line-height:1.5;
}
.mobile-notification-card{
  width:305px;
  grid-template-columns:50px 1fr;
  gap:13px;
  padding:17px;
}
.mobile-notification-card strong{
  font-size:13px;
  line-height:1.35;
}
.mobile-notification-card span{
  font-size:9px;
  line-height:1.48;
}
.sofia-name-large{
  display:block;
  color:#dff6ff!important;
  font-size:13px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  margin-bottom:6px;
}

@media(max-width:600px){
  .real-notification{
    width:255px;
    grid-template-columns:46px 1fr;
    padding:15px;
  }
  .real-notification__icon.sofia-mark--petal{
    width:44px;
    height:44px;
  }
  .mobile-notification-card{
    width:245px;
  }
  .sofia-label b{
    font-size:11px;
  }
}


/* Sofia S pill and launch countdown — v2.8 */
.sofia-pill,
.sofia-nav-pill,
.sofia-core-pill{
  position:relative;
  display:grid!important;
  place-items:center;
  overflow:hidden;
  background:
    radial-gradient(circle at 28% 22%,rgba(255,255,255,.48),transparent 22%),
    linear-gradient(145deg,#4c9cff 0%,#286fd4 43%,#142e50 100%)!important;
  border:1px solid rgba(157,216,255,.38)!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.08),
    inset 0 -10px 22px rgba(3,15,34,.24),
    0 12px 30px rgba(24,99,198,.28),
    0 0 24px rgba(64,145,255,.13)!important;
}
.sofia-pill:before,
.sofia-nav-pill:before,
.sofia-core-pill:before{
  content:"";
  position:absolute;
  inset:4px;
  border-radius:inherit;
  border:1px solid rgba(255,255,255,.09);
}
.sofia-pill span,
.sofia-nav-pill i,
.sofia-core-pill i{
  position:relative;
  z-index:2;
  color:#fff;
  font-family:Manrope,Inter,sans-serif;
  font-style:normal;
  font-weight:900;
  line-height:1;
  text-shadow:0 2px 10px rgba(0,0,0,.30);
}
.sofia-pill{
  width:52px!important;
  height:38px!important;
  border-radius:16px!important;
}
.sofia-pill span{font-size:23px}
.sofia-nav-pill{
  width:42px!important;
  height:34px!important;
  border-radius:14px!important;
}
.sofia-nav-pill i{font-size:18px}
.sofia-core-pill{
  width:132px!important;
  height:94px!important;
  border-radius:32px!important;
  transform:rotate(-2deg);
}
.sofia-core-pill i{font-size:52px}
.sofia-core-pill:after{
  content:"SOFIA";
  position:absolute;
  bottom:9px;
  color:rgba(255,255,255,.76);
  font-size:8px;
  font-weight:900;
  letter-spacing:.18em;
}
.sofia-mark--petal span,
.sofia-mark--petal>i{display:none!important}

.sofia-label b{
  font-size:15px!important;
  letter-spacing:.10em!important;
}
.sofia-label em{font-size:9px!important}
.sofia-name-large{font-size:15px!important}

/* Launch countdown bar */
.announcement{min-height:56px}
.announcement__inner{
  min-height:56px!important;
  gap:12px!important;
}
.countdown-label{
  color:#c8b98f!important;
  font-size:10px!important;
  white-space:nowrap;
}
.launch-countdown{
  display:flex;
  align-items:center;
  gap:7px;
  padding:6px 9px;
  border-radius:12px;
  border:1px solid rgba(217,169,61,.22);
  background:rgba(0,0,0,.22);
}
.launch-countdown>span{
  display:flex;
  align-items:baseline;
  gap:3px;
  padding:0 5px;
  border-right:1px solid rgba(255,255,255,.08);
}
.launch-countdown>span:last-child{border-right:0}
.launch-countdown b{
  color:#f6d16d;
  font-size:14px;
  line-height:1;
  font-variant-numeric:tabular-nums;
}
.launch-countdown small{
  color:#91866a;
  font-size:7px;
  text-transform:uppercase;
  letter-spacing:.08em;
}

@media(max-width:980px){
  .countdown-label{display:none}
}
@media(max-width:760px){
  .announcement{min-height:68px}
  .announcement__inner{
    min-height:68px!important;
    justify-content:center!important;
  }
  .announcement__inner>strong{
    width:100%;
    text-align:center;
  }
}
@media(max-width:520px){
  .announcement__inner>a{display:none}
  .launch-countdown small{display:none}
  .launch-countdown b{font-size:13px}
  .launch-countdown>span{padding:0 4px}
}


/* Sofia iris S identity and section cleanup — v2.9 */

/* Hide previous Sofia pill treatments */
.sofia-pill,
.sofia-nav-pill,
.sofia-core-pill{
  display:none!important;
}

/* Main notification mark: rounded eye/pill with an S in the cornea */
.sofia-iris{
  position:relative;
  display:grid!important;
  place-items:center;
  width:54px!important;
  height:42px!important;
  border-radius:22px 22px 18px 18px!important;
  overflow:hidden;
  background:
    radial-gradient(circle at 30% 20%,rgba(255,255,255,.34),transparent 24%),
    linear-gradient(145deg,#3f8cff 0%,#2468cc 48%,#112742 100%)!important;
  border:1px solid rgba(160,220,255,.35)!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.08),
    inset 0 -12px 22px rgba(3,15,34,.24),
    0 12px 30px rgba(24,99,198,.28),
    0 0 24px rgba(64,145,255,.14)!important;
}
.sofia-iris:before,
.sofia-iris:after{
  content:"";
  position:absolute;
  width:19px;
  height:19px;
  border-radius:50%;
  background:rgba(6,15,28,.28);
  filter:blur(4px);
}
.sofia-iris:before{left:5px;top:11px}
.sofia-iris:after{right:5px;top:11px}
.sofia-iris__ring{
  position:relative;
  z-index:2;
  display:grid;
  place-items:center;
  width:31px;
  height:31px;
  border-radius:50%;
  background:
    radial-gradient(circle at 35% 30%,rgba(255,255,255,.62),transparent 20%),
    radial-gradient(circle at center,#10233f 0 38%,#4aa8ff 40% 58%,#7c3aed 60% 72%,#0c1626 74%);
  box-shadow:
    0 0 0 2px rgba(255,255,255,.08),
    0 0 17px rgba(74,168,255,.60);
}
.sofia-iris__ring b{
  color:#fff;
  font-family:Manrope,Inter,sans-serif;
  font-size:17px;
  line-height:1;
  font-weight:900;
  text-shadow:0 2px 8px rgba(0,0,0,.45);
}

/* Bottom navigation iris */
.sofia-nav-iris{
  position:relative;
  display:grid!important;
  place-items:center;
  width:42px!important;
  height:34px!important;
  border-radius:18px 18px 14px 14px!important;
  background:linear-gradient(145deg,#438fff,#2468cc 48%,#112742)!important;
  border:1px solid rgba(160,220,255,.32);
  box-shadow:0 0 24px rgba(64,145,255,.22);
}
.sofia-nav-iris i{
  display:grid;
  place-items:center;
  width:25px;
  height:25px;
  border-radius:50%;
  background:radial-gradient(circle at center,#10233f 0 38%,#4aa8ff 40% 58%,#7c3aed 60% 72%,#0c1626 74%);
}
.sofia-nav-iris b{
  color:#fff;
  font-style:normal;
  font-size:14px;
  font-weight:900;
}

/* Large Sofia hero mark */
.sofia-core-iris{
  position:relative;
  display:grid!important;
  place-items:center;
  width:150px!important;
  height:112px!important;
  border-radius:58% 58% 50% 50% / 65% 65% 42% 42%!important;
  background:
    radial-gradient(circle at 32% 22%,rgba(255,255,255,.35),transparent 24%),
    linear-gradient(145deg,#3f8cff 0%,#2468cc 48%,#10243c 100%)!important;
  border:1px solid rgba(160,220,255,.30);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.07),
    inset 0 -24px 34px rgba(3,15,34,.28),
    0 26px 70px rgba(0,0,0,.34),
    0 0 42px rgba(64,145,255,.20);
}
.sofia-core-iris:before,
.sofia-core-iris:after{
  content:"";
  position:absolute;
  width:52px;
  height:52px;
  border-radius:50%;
  background:rgba(5,14,27,.24);
  filter:blur(7px);
}
.sofia-core-iris:before{left:14px}
.sofia-core-iris:after{right:14px}
.sofia-core-iris i{
  position:relative;
  z-index:2;
  display:grid;
  place-items:center;
  width:77px;
  height:77px;
  border-radius:50%;
  background:
    radial-gradient(circle at 35% 30%,rgba(255,255,255,.70),transparent 18%),
    radial-gradient(circle at center,#0d1b31 0 38%,#4aa8ff 40% 58%,#7c3aed 60% 72%,#09111d 74%);
  box-shadow:
    0 0 0 3px rgba(255,255,255,.07),
    0 0 32px rgba(74,168,255,.62);
}
.sofia-core-iris b{
  color:#fff;
  font-style:normal;
  font-size:40px;
  font-weight:900;
  text-shadow:0 3px 12px rgba(0,0,0,.45);
}
.sofia-core-iris:after{
  box-shadow:none;
}

/* Sofia card labels */
.sofia-label b,
.sofia-name-large{
  font-size:15px!important;
  line-height:1!important;
  letter-spacing:.10em!important;
  font-weight:900!important;
}
.sofia-label em{
  font-size:9px!important;
}

/* History import section: remove tiny circles/numbers and strengthen all steps */
.import-visual{
  padding:18px!important;
}
.import-step{
  opacity:1!important;
  display:block!important;
  padding:18px 20px!important;
  background:#0d1520!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:15px!important;
  margin-bottom:10px;
}
.import-step:last-child{margin-bottom:0}
.import-step b{
  display:block;
  color:#f4f7fb!important;
  font-size:13px!important;
  margin-bottom:5px;
}
.import-step small{
  color:#7f8c9d!important;
  font-size:10px!important;
}
.import-step>span{
  display:none!important;
}

/* Balance Sofia section text and visual */
.sofia .split{
  align-items:center;
}
.sofia .sofia-visual{
  min-height:390px;
}
.sofia-core{
  transform:none!important;
}
.sofia .chat{
  min-width:185px;
  padding:15px 17px;
}
.sofia .chat p{
  font-size:10px;
  line-height:1.48;
}

@media(max-width:600px){
  .sofia-iris{
    width:48px!important;
    height:38px!important;
  }
  .sofia-iris__ring{
    width:28px;
    height:28px;
  }
  .sofia-core-iris{
    width:128px!important;
    height:96px!important;
  }
  .sofia-core-iris i{
    width:66px;
    height:66px;
  }
  .sofia-core-iris b{
    font-size:34px;
  }
}


/* Preferred Sofia orb with central S and visible chat labels — v3.0 */

/* Hide superseded Sofia marks */
.sofia-iris,
.sofia-nav-iris,
.sofia-core-iris,
.sofia-pill,
.sofia-nav-pill,
.sofia-core-pill,
.sofia-mark--petal{
  display:none!important;
}

/* Notification and mobile Sofia icon */
.sofia-orb-s{
  position:relative;
  display:grid!important;
  place-items:center;
  width:50px!important;
  height:50px!important;
  border-radius:50%!important;
  overflow:hidden;
  background:
    radial-gradient(circle at 32% 25%,rgba(255,255,255,.62),transparent 20%),
    radial-gradient(circle at 50% 45%,#1e3a64 0 34%,#2d7dd7 46%,#4cc9f0 61%,#6d3be7 73%,#0b1525 76%)!important;
  border:1px solid rgba(145,211,255,.38)!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.07),
    inset 0 -12px 22px rgba(3,15,34,.28),
    0 10px 28px rgba(23,91,190,.30),
    0 0 26px rgba(74,168,255,.20)!important;
}
.sofia-orb-s:before{
  content:"";
  position:absolute;
  inset:7px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.08);
}
.sofia-orb-s span{
  position:relative;
  z-index:2;
  color:#fff;
  font-family:Manrope,Inter,sans-serif;
  font-size:24px;
  font-weight:900;
  line-height:1;
  text-shadow:
    0 2px 8px rgba(0,0,0,.50),
    0 0 12px rgba(255,255,255,.22);
}

/* Bottom navigation Sofia mark */
.sofia-nav-orb-s{
  display:grid!important;
  place-items:center;
  width:40px!important;
  height:40px!important;
  border-radius:50%;
  background:
    radial-gradient(circle at 32% 25%,rgba(255,255,255,.58),transparent 20%),
    radial-gradient(circle at center,#1e3a64 0 34%,#2d7dd7 46%,#4cc9f0 61%,#6d3be7 73%,#0b1525 76%);
  border:1px solid rgba(145,211,255,.34);
  box-shadow:0 0 24px rgba(74,168,255,.26);
}
.sofia-nav-orb-s i{
  color:#fff;
  font-style:normal;
  font-size:18px;
  font-weight:900;
}

/* Large Sofia feature orb */
.sofia-core-orb-s{
  position:relative;
  display:grid!important;
  place-items:center;
  width:154px!important;
  height:154px!important;
  border-radius:50%;
  background:
    radial-gradient(circle at 32% 24%,rgba(255,255,255,.64),transparent 18%),
    radial-gradient(circle at center,#12294a 0 34%,#2d7dd7 46%,#4cc9f0 60%,#6d3be7 72%,#09111e 76%);
  border:1px solid rgba(145,211,255,.32);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.06),
    inset 0 -28px 42px rgba(3,15,34,.30),
    0 28px 80px rgba(0,0,0,.40),
    0 0 48px rgba(74,168,255,.20);
}
.sofia-core-orb-s:before{
  content:"";
  position:absolute;
  inset:16px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.08);
}
.sofia-core-orb-s i{
  position:relative;
  z-index:2;
  color:#fff;
  font-style:normal;
  font-family:Manrope,Inter,sans-serif;
  font-size:62px;
  font-weight:900;
  line-height:1;
  text-shadow:
    0 3px 12px rgba(0,0,0,.50),
    0 0 18px rgba(255,255,255,.20);
}

/* Chat speaker labels */
.chat-speaker{
  display:block!important;
  margin-bottom:7px!important;
  font-size:14px!important;
  line-height:1!important;
  letter-spacing:.09em!important;
  font-weight:900!important;
  opacity:1!important;
}
.chat-speaker--sofia{
  color:#e2f6ff!important;
  text-shadow:0 0 12px rgba(105,191,255,.25);
}
.chat-speaker--you{
  color:#4aa8ff!important;
  text-shadow:0 0 12px rgba(74,168,255,.25);
}

/* Keep hero notification Sofia label highly visible */
.sofia-label{
  opacity:1!important;
}
.sofia-label b{
  color:#e2f6ff!important;
  font-size:15px!important;
  letter-spacing:.10em!important;
}
.sofia-label em{
  color:#4aa8ff!important;
  font-size:9px!important;
}

/* Chat card contrast */
.sofia .chat small,
.sofia .chat .chat-speaker{
  opacity:1!important;
}
.sofia .chat p{
  color:#d5deea!important;
}

@media(max-width:600px){
  .sofia-orb-s{
    width:44px!important;
    height:44px!important;
  }
  .sofia-orb-s span{
    font-size:21px;
  }
  .sofia-core-orb-s{
    width:128px!important;
    height:128px!important;
  }
  .sofia-core-orb-s i{
    font-size:50px;
  }
  .chat-speaker{
    font-size:12px!important;
  }
}


/* Sofia lens with central S and animated mobile notifications — v3.1 */

/* Disable every superseded Sofia graphic */
.sofia-orb-s,
.sofia-nav-orb-s,
.sofia-core-orb-s,
.sofia-iris,
.sofia-nav-iris,
.sofia-core-iris,
.sofia-pill,
.sofia-nav-pill,
.sofia-core-pill,
.sofia-mark--petal{
  display:none!important;
}

/* Shared orb inspired by the preferred earlier Sofia graphic */
.sofia-lens{
  position:relative;
  display:grid!important;
  place-items:center;
  flex:0 0 auto;
  overflow:hidden;
  border-radius:50%;
  background:
    radial-gradient(circle at 30% 22%,rgba(255,255,255,.72),transparent 17%),
    radial-gradient(circle at 48% 45%,#4ba9ff 0 31%,#1768bb 48%,#0f2b4d 70%,#08111e 100%)!important;
  border:1px solid rgba(146,214,255,.38)!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.07),
    inset 0 -18px 28px rgba(1,11,25,.35),
    0 12px 30px rgba(23,91,190,.30),
    0 0 30px rgba(74,168,255,.20)!important;
}

/* The earlier four-line orb shape, now with an S in its dark center */
.sofia-lens:before{
  content:"";
  position:absolute;
  width:58%;
  height:58%;
  border-radius:50%;
  background:
    radial-gradient(circle at 34% 28%,rgba(255,255,255,.12),transparent 18%),
    linear-gradient(145deg,#13233b,#050a12 72%);
  border:1px solid rgba(112,186,255,.24);
  box-shadow:
    inset 0 0 16px rgba(0,0,0,.55),
    0 0 0 5px rgba(52,128,225,.13),
    0 0 20px rgba(70,163,255,.28);
}

/* Four subtle perimeter lights preserve the original character */
.sofia-lens:after{
  content:"";
  position:absolute;
  width:12%;
  height:12%;
  border-radius:50%;
  background:#9edcff;
  box-shadow:
    0 -21px 0 -1px #76bdff,
    21px 0 0 -1px #76bdff,
    0 21px 0 -1px #76bdff,
    -21px 0 0 -1px #76bdff,
    0 0 12px 3px rgba(91,177,255,.65);
  opacity:.78;
}
.sofia-lens__cornea{
  position:relative;
  z-index:3;
  color:#fff;
  font-family:Manrope,Inter,sans-serif;
  font-style:normal;
  font-weight:900;
  line-height:1;
  text-shadow:
    0 2px 9px rgba(0,0,0,.58),
    0 0 12px rgba(255,255,255,.22);
}

/* Sizes */
.sofia-lens--small{
  width:50px!important;
  height:50px!important;
}
.sofia-lens--small .sofia-lens__cornea{font-size:22px}
.sofia-lens--small:after{
  box-shadow:
    0 -15px 0 -1px #76bdff,
    15px 0 0 -1px #76bdff,
    0 15px 0 -1px #76bdff,
    -15px 0 0 -1px #76bdff,
    0 0 10px 2px rgba(91,177,255,.62);
}

.sofia-lens--nav{
  width:40px!important;
  height:40px!important;
}
.sofia-lens--nav .sofia-lens__cornea{font-size:17px}
.sofia-lens--nav:after{
  box-shadow:
    0 -12px 0 -1px #76bdff,
    12px 0 0 -1px #76bdff,
    0 12px 0 -1px #76bdff,
    -12px 0 0 -1px #76bdff,
    0 0 8px 2px rgba(91,177,255,.58);
}

.sofia-lens--large{
  width:158px!important;
  height:158px!important;
}
.sofia-lens--large .sofia-lens__cornea{font-size:58px}
.sofia-lens--large:after{
  box-shadow:
    0 -46px 0 -3px #76bdff,
    46px 0 0 -3px #76bdff,
    0 46px 0 -3px #76bdff,
    -46px 0 0 -3px #76bdff,
    0 0 20px 5px rgba(91,177,255,.60);
}

/* Keep the phone's Sofia icon completely static */
.mobile-bottom-nav .sofia-tab .sofia-lens{
  margin-top:-21px;
  transform:none!important;
  animation:none!important;
}
.mobile-bottom-nav .sofia-tab .sofia-lens *,
.mobile-bottom-nav .sofia-tab .sofia-lens:before,
.mobile-bottom-nav .sofia-tab .sofia-lens:after{
  animation:none!important;
}

/* Remove any inherited stacked span artifacts */
.mobile-bottom-nav .sofia-tab>span:not(.sofia-lens){
  display:none!important;
}

/* Notification stream sits beside the phone */
.mobile-notification-stream{
  position:absolute;
  top:52px;
  right:-48px;
  width:315px;
  height:280px;
  pointer-events:none;
  z-index:6;
}
.mobile-notification-card{
  position:absolute!important;
  top:auto!important;
  right:auto!important;
  width:305px!important;
  display:grid;
  grid-template-columns:50px 1fr;
  gap:13px;
  padding:16px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(18,27,39,.95);
  backdrop-filter:blur(20px);
  box-shadow:0 28px 65px rgba(0,0,0,.42);
  transform:none;
  opacity:0;
}
.mobile-notification-card--one{
  left:0;
  top:0;
  animation:sofiaNotificationOne 12s ease-in-out infinite;
}
.mobile-notification-card--two{
  left:18px;
  top:96px;
  animation:sofiaNotificationTwo 12s ease-in-out infinite;
}
.mobile-notification-card--three{
  left:36px;
  top:192px;
  animation:sofiaNotificationThree 12s ease-in-out infinite;
}

/* Notifications slide in, remain readable, and then rotate out */
@keyframes sofiaNotificationOne{
  0%,4%{opacity:0;transform:translateX(42px) translateY(-8px) scale(.96)}
  10%,44%{opacity:1;transform:translateX(0) translateY(0) scale(1)}
  52%,100%{opacity:0;transform:translateX(18px) translateY(-6px) scale(.98)}
}
@keyframes sofiaNotificationTwo{
  0%,20%{opacity:0;transform:translateX(42px) translateY(-8px) scale(.96)}
  28%,62%{opacity:1;transform:translateX(0) translateY(0) scale(1)}
  70%,100%{opacity:0;transform:translateX(18px) translateY(-6px) scale(.98)}
}
@keyframes sofiaNotificationThree{
  0%,38%{opacity:0;transform:translateX(42px) translateY(-8px) scale(.96)}
  46%,80%{opacity:1;transform:translateX(0) translateY(0) scale(1)}
  88%,100%{opacity:0;transform:translateX(18px) translateY(-6px) scale(.98)}
}

/* Main Sofia section remains static and balanced */
.sofia-core{
  transform:none!important;
  animation:none!important;
}
.sofia-core .sofia-lens,
.sofia-core .sofia-lens:before,
.sofia-core .sofia-lens:after{
  animation:none!important;
}
.sofia .chat{
  min-width:190px;
}
.chat-speaker--sofia{
  color:#e3f7ff!important;
}
.chat-speaker--you{
  color:#4aa8ff!important;
}

/* Respect users who prefer reduced motion */
@media(prefers-reduced-motion:reduce){
  .mobile-notification-card{
    animation:none!important;
    opacity:1;
    transform:none!important;
  }
  .mobile-notification-card--one{top:0}
  .mobile-notification-card--two{top:96px}
  .mobile-notification-card--three{top:192px}
}

@media(max-width:900px){
  .mobile-notification-stream{
    right:-10px;
    transform:scale(.90);
    transform-origin:top right;
  }
}
@media(max-width:600px){
  .mobile-notification-stream{
    right:-12px;
    top:45px;
    width:250px;
    transform:scale(.78);
  }
  .sofia-lens--large{
    width:132px!important;
    height:132px!important;
  }
  .sofia-lens--large .sofia-lens__cornea{font-size:48px}
  .sofia-lens--large:after{
    box-shadow:
      0 -38px 0 -3px #76bdff,
      38px 0 0 -3px #76bdff,
      0 38px 0 -3px #76bdff,
      -38px 0 0 -3px #76bdff,
      0 0 18px 4px rgba(91,177,255,.58);
  }
}


/* Onboarding-aware dark login page — v3.2 */
.login-page{min-height:100vh;background:radial-gradient(circle at 78% 24%,rgba(40,105,184,.18),transparent 34%),radial-gradient(circle at 10% 28%,rgba(217,169,61,.08),transparent 27%),#070b11}
.login-main{padding:70px 0 0}
.login-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:24px}
.login-card,.login-showcase{border:1px solid rgba(255,255,255,.09);border-radius:30px;background:linear-gradient(155deg,#111a27,#0a1018);box-shadow:0 34px 95px rgba(0,0,0,.4)}
.login-card{padding:44px}
.login-card h1{margin:18px 0 12px;font-size:58px;line-height:1;letter-spacing:-.05em}
.login-card>p{color:#91a0b2;line-height:1.7}
.login-form{display:grid;gap:18px;margin-top:32px}
.login-form label>span{display:block;margin-bottom:8px;color:#a8b5c5;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.login-form input{width:100%;min-height:52px;padding:0 15px;border-radius:13px;border:1px solid rgba(255,255,255,.1);background:#0c1420;color:#f7f9fc;outline:none}
.login-form input:focus{border-color:rgba(74,168,255,.56);box-shadow:0 0 0 3px rgba(74,168,255,.1)}
.login-password-wrap{position:relative}.login-password-wrap input{padding-right:70px}.login-password-wrap button{position:absolute;right:9px;top:9px;height:34px;padding:0 11px;border:0;border-radius:9px;background:rgba(255,255,255,.06);color:#8fcfff;cursor:pointer}
.login-row{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:11px}.login-check{display:flex!important;align-items:center;gap:8px}.login-check input{width:15px;height:15px;min-height:auto}.login-check span{margin:0!important;color:#8f9dad!important;font-size:11px!important;letter-spacing:0!important;text-transform:none!important}.login-row a,.login-links a{color:#65b6ff}
.login-button{width:100%;min-height:54px}.login-form>small{color:#718093;text-align:center;line-height:1.5}.login-links{display:flex;justify-content:center;gap:24px;margin-top:24px;font-size:11px}
.login-showcase{padding:38px;overflow:hidden}.login-showcase h2{margin:16px 0 26px;font-size:38px;line-height:1.12}.login-features{display:grid;grid-template-columns:1fr 1fr;gap:12px}.login-features div{padding:16px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025)}.login-features b{display:block;font-size:13px}.login-features small{display:block;margin-top:6px;color:#7e8c9e;font-size:10px;line-height:1.5}
.login-dashboard{position:relative;margin-top:30px;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 26px 70px rgba(0,0,0,.36)}.login-dashboard img{display:block;width:100%}.login-dashboard>span{position:absolute;left:16px;bottom:16px;display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;background:rgba(8,16,26,.92);border:1px solid rgba(255,255,255,.1);color:#cbd6e2;font-size:9px}.login-dashboard i{width:7px;height:7px;border-radius:50%;background:#43d6a0;box-shadow:0 0 12px rgba(67,214,160,.7)}
.login-status-section{padding:90px 0}.login-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.login-status-grid h2{margin:18px 0 14px;font-size:42px;line-height:1.1}.login-status-grid p{color:#8b99aa;line-height:1.7}.login-status-list{border:1px solid rgba(255,255,255,.09);border-radius:22px;overflow:hidden;background:#0d1520}.login-status-list>div{display:grid;grid-template-columns:14px 1fr auto;gap:12px;align-items:center;padding:17px 19px;border-bottom:1px solid rgba(255,255,255,.07)}.login-status-list>div:last-child{border-bottom:0}.login-status-list b{font-size:12px}.login-status-list small{color:#7f8d9e;font-size:10px}.login-status-list i{width:8px;height:8px;border-radius:50%}.login-status-list i.active{background:#43d6a0;box-shadow:0 0 12px rgba(67,214,160,.55)}.login-status-list i.pending{background:#f5b846;box-shadow:0 0 12px rgba(245,184,70,.45)}
.login-modal{position:fixed;inset:0;z-index:1000;display:none;place-items:center;padding:24px}.login-modal.open{display:grid}.login-modal-backdrop{position:absolute;inset:0;background:rgba(2,6,12,.78);backdrop-filter:blur(10px)}.login-modal-card{position:relative;z-index:2;width:min(610px,100%);padding:38px;border-radius:28px;border:1px solid rgba(255,255,255,.11);background:radial-gradient(circle at 80% 0%,rgba(65,140,230,.16),transparent 30%),linear-gradient(155deg,#151f2d,#0a111a);box-shadow:0 40px 120px rgba(0,0,0,.6)}.login-modal-close{position:absolute;right:16px;top:14px;width:34px;height:34px;border:0;border-radius:10px;background:rgba(255,255,255,.05);color:#aab6c5;font-size:22px;cursor:pointer}.login-modal-icon{width:52px;height:52px;margin-bottom:20px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(145deg,#d9a93d,#8d6416);color:#111;font-weight:900}.login-modal-card h2{margin:16px 0 12px;font-size:34px}.login-modal-card>p{color:#8f9cad;line-height:1.65}.login-domain-message{margin:18px 0;padding:15px 16px;border-left:2px solid #4aa8ff;border-radius:0 12px 12px 0;background:rgba(74,168,255,.07);color:#b4c0ce;font-size:12px;line-height:1.6}.login-domain-message strong{color:#e7f4ff}.login-modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:26px}.login-modal-actions button{grid-column:1/-1}.modal-open{overflow:hidden}
@media(max-width:1000px){.login-layout,.login-status-grid{grid-template-columns:1fr}}
@media(max-width:680px){.login-main{padding-top:40px}.login-card,.login-showcase{padding:26px;border-radius:22px}.login-card h1{font-size:44px}.login-showcase h2{font-size:31px}.login-features{grid-template-columns:1fr}.login-row{align-items:flex-start;flex-direction:column}.login-modal-card{padding:28px 22px}.login-modal-actions{grid-template-columns:1fr}.login-modal-actions button{grid-column:auto}}


/* Actual product views, stronger identity map, and card motion — v3.3 */

/* Permanent-object architecture connectors */
.identity-map svg{
  z-index:1;
  filter:drop-shadow(0 0 5px rgba(231,190,91,.34));
}
.identity-map .identity{
  z-index:3;
}
.identity-map line{
  stroke:rgba(238,194,85,.72)!important;
  stroke-width:2.1!important;
  vector-effect:non-scaling-stroke;
  stroke-linecap:round;
}
.identity-map line:nth-child(odd){
  stroke-dasharray:7 7;
  animation:identityFlow 8s linear infinite;
}
@keyframes identityFlow{
  to{stroke-dashoffset:-56}
}

/* Larger main dashboard presentation */
.dashboard-visual{
  min-height:690px!important;
  margin-right:-110px;
}
.dashboard-browser-frame{
  width:min(1040px,112%)!important;
  max-width:1040px!important;
  border-radius:25px!important;
  transform:perspective(1500px) rotateY(-2deg) rotateX(.5deg);
}
.dashboard-image-wrap img{
  width:100%;
  min-height:540px;
  object-fit:cover;
  object-position:center top;
}
.dashboard-browser-frame:hover{
  transform:perspective(1500px) rotateY(0) rotateX(0) translateY(-7px) scale(1.012);
}

/* Actual application screenshots */
.actual-screen-section,
.actual-records-section{
  position:relative;
  overflow:hidden;
}
.actual-screen-section:before,
.actual-records-section:before{
  content:"";
  position:absolute;
  width:520px;
  height:520px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(44,118,208,.10),transparent 68%);
  pointer-events:none;
}
.actual-screen-section:before{right:-180px;top:5%}
.actual-screen-section.alt:before{left:-180px;right:auto}
.actual-records-section:before{left:50%;top:0;transform:translateX(-50%)}

.portal-screen-card{
  position:relative;
  overflow:hidden;
  border-radius:25px;
  border:1px solid rgba(255,255,255,.11);
  background:linear-gradient(155deg,#141d2a,#0a111a);
  box-shadow:0 30px 85px rgba(0,0,0,.42);
  transform:perspective(1400px) rotateX(0) rotateY(0);
  transition:
    transform .55s cubic-bezier(.2,.72,.2,1),
    border-color .35s ease,
    box-shadow .55s ease;
  will-change:transform;
}
.portal-screen-card:hover{
  transform:perspective(1400px) translateY(-9px) scale(1.012);
  border-color:rgba(217,169,61,.30);
  box-shadow:0 42px 110px rgba(0,0,0,.52),0 0 42px rgba(44,118,208,.08);
}
.portal-screen-card img{
  display:block;
  width:100%;
  height:430px;
  object-fit:cover;
  object-position:top left;
  transition:transform 1.15s cubic-bezier(.2,.72,.2,1),filter .5s ease;
}
.portal-screen-card:hover img{
  transform:scale(1.035);
  filter:brightness(1.035);
}
.portal-screen-bar{
  min-height:48px;
  padding:0 17px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  background:#0c131e;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.portal-screen-bar span{
  color:var(--gold2);
  font-size:8px;
  font-weight:900;
  letter-spacing:.14em;
}
.portal-screen-bar b{
  color:#cbd5e1;
  font-size:10px;
}
.portal-screen-caption{
  display:flex;
  justify-content:space-between;
  gap:25px;
  padding:18px 20px 21px;
  background:#0d1520;
}
.portal-screen-caption strong{
  color:#f5f8fc;
  font-size:13px;
}
.portal-screen-caption span{
  max-width:70%;
  color:#8190a2;
  font-size:10px;
  line-height:1.55;
}
.actual-record-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
}
.actual-record-grid .portal-screen-card img{
  height:340px;
}

/* Make all existing feature/card groups feel alive without distraction */
.actual-bento-card,
.visual-card,
.doc-card,
.industry-grid article,
.case-grid article,
.security-grid>div,
.implementation-grid>div,
.subscription-card,
.login-features>div,
.login-status-list>div{
  transition:
    transform .35s cubic-bezier(.2,.72,.2,1),
    border-color .35s ease,
    box-shadow .35s ease,
    background .35s ease!important;
}
.actual-bento-card:hover,
.visual-card:hover,
.doc-card:hover,
.industry-grid article:hover,
.case-grid article:hover,
.security-grid>div:hover,
.implementation-grid>div:hover,
.login-features>div:hover{
  transform:translateY(-6px);
  border-color:rgba(217,169,61,.24)!important;
  box-shadow:0 24px 55px rgba(0,0,0,.24);
}
.login-status-list>div:hover{
  background:rgba(74,168,255,.045);
  transform:translateX(4px);
}

/* Screenshot cards gently reveal as they enter */
.portal-screen-card.reveal.visible img,
.actual-product-shot.reveal.visible img{
  animation:productImageSettle 1.15s cubic-bezier(.2,.72,.2,1) both;
}
@keyframes productImageSettle{
  from{transform:scale(1.045);filter:brightness(.82)}
  to{transform:scale(1);filter:brightness(1)}
}

/* Existing actual product crops */
.actual-product-shot{
  border-color:rgba(255,255,255,.11)!important;
  background:#0d1520!important;
  box-shadow:0 30px 85px rgba(0,0,0,.38)!important;
}
.actual-product-shot img{
  min-height:360px;
  object-fit:cover;
  object-position:top left;
}
.actual-product-shot--kpis img{min-height:300px!important}
.actual-product-shot--compliance img{min-height:380px!important}
.actual-product-shot--operations img{min-height:390px!important}
.actual-product-shot--navigation img{min-height:430px!important}

@media(max-width:1200px){
  .dashboard-visual{margin-right:0}
  .dashboard-browser-frame{width:100%!important}
}
@media(max-width:900px){
  .actual-record-grid{grid-template-columns:1fr}
  .portal-screen-card img,
  .actual-record-grid .portal-screen-card img{height:auto;min-height:300px}
}
@media(max-width:680px){
  .dashboard-visual{min-height:440px!important}
  .dashboard-image-wrap img{min-height:340px}
  .portal-screen-caption{flex-direction:column}
  .portal-screen-caption span{max-width:100%}
  .portal-screen-card img{min-height:250px}
}
@media(prefers-reduced-motion:reduce){
  .identity-map line{animation:none!important}
  .portal-screen-card,
  .portal-screen-card img,
  .actual-bento-card,
  .visual-card,
  .doc-card,
  .industry-grid article,
  .case-grid article{transition:none!important;animation:none!important}
}


/* Full-dashboard hero visibility correction — v3.4 */

/*
  The v3.3 hero used object-fit: cover, which enlarged the screenshot by
  cropping its left and right sides. The hero now preserves the complete
  dashboard image while keeping it large and visually prominent.
*/
.dashboard-visual{
  min-height:650px!important;
  margin-right:-55px!important;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  overflow:visible!important;
}

.dashboard-browser-frame{
  width:min(960px,108%)!important;
  max-width:960px!important;
  aspect-ratio:auto!important;
  overflow:visible!important;
}

.dashboard-image-wrap{
  position:relative;
  width:100%;
  overflow:hidden!important;
  border-radius:0 0 21px 21px;
  background:#f5f7fa;
}

.dashboard-image-wrap img{
  display:block;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center top!important;
  transform:none!important;
}

/* Prevent any old dashboard crop rules from overriding the hero image. */
.dashboard-browser-frame .dashboard-image-wrap img{
  aspect-ratio:auto!important;
  clip-path:none!important;
}

/* Keep notifications attached to the complete browser frame. */
.dashboard-browser-frame .real-notification{
  right:-38px;
  top:50px;
}

.dashboard-browser-frame .compliance-alert{
  left:-28px;
  bottom:42px;
}

/* The hero should remain balanced at intermediate widths. */
@media(max-width:1350px){
  .dashboard-visual{
    margin-right:0!important;
  }
  .dashboard-browser-frame{
    width:min(880px,100%)!important;
  }
}

@media(max-width:1050px){
  .dashboard-visual{
    min-height:560px!important;
    justify-content:center;
  }
  .dashboard-browser-frame{
    width:100%!important;
    max-width:820px!important;
  }
}

@media(max-width:760px){
  .dashboard-visual{
    min-height:auto!important;
    padding-top:25px;
  }
  .dashboard-browser-frame{
    max-width:100%!important;
    transform:none!important;
  }
  .dashboard-browser-frame .real-notification{
    right:8px;
    top:20px;
  }
  .dashboard-browser-frame .compliance-alert{
    left:8px;
    bottom:18px;
  }
}

@media(max-width:520px){
  .dashboard-browser-frame .real-notification{
    transform:scale(.78);
    transform-origin:top right;
    right:-8px;
  }
  .dashboard-browser-frame .compliance-alert{
    transform:scale(.78);
    transform-origin:bottom left;
    left:-6px;
  }
}


/* Tenant Notification Center website section — v3.5 */
.tenant-notification-center{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 82% 16%,rgba(42,111,201,.15),transparent 32%),
    radial-gradient(circle at 10% 64%,rgba(217,169,61,.08),transparent 28%);
}
.tenant-notification-center:before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.22;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:64px 64px;
}
.tenant-notification-center>.container{position:relative;z-index:1}
.tenant-heading{
  max-width:900px;
  margin:0 auto 42px;
  text-align:center;
}
.tenant-heading h2{
  margin:18px auto 16px;
  max-width:900px;
  font-size:clamp(42px,5vw,72px);
  line-height:1.02;
  letter-spacing:-.055em;
}
.tenant-heading p{
  max-width:760px;
  margin:auto;
  color:#91a0b3;
  font-size:15px;
  line-height:1.75;
}
.tenant-command-shell{
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  border-radius:28px;
  background:#0a111a;
  box-shadow:0 42px 120px rgba(0,0,0,.48);
}
.tenant-command-topbar{
  min-height:74px;
  padding:0 22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:linear-gradient(90deg,#111a27,#0b121c);
}
.tenant-command-topbar small,
.tenant-card-label,
.tenant-template-header small,
.tenant-template-body>small,
.tenant-template-strip small{
  display:block;
  color:#d8a83e;
  font-size:8px;
  font-weight:900;
  letter-spacing:.15em;
}
.tenant-command-topbar strong{
  display:block;
  margin-top:5px;
  color:#f4f7fb;
  font-size:16px;
}
.tenant-new-button{
  min-height:40px;
  padding:0 17px;
  border:0;
  border-radius:12px;
  background:linear-gradient(135deg,#f1c45f,#d29a25);
  color:#15100a;
  font-size:11px;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 12px 28px rgba(210,154,37,.18);
}
.tenant-command-body{
  display:grid;
  grid-template-columns:180px 1fr;
  min-height:690px;
}
.tenant-command-nav{
  padding:18px 12px;
  border-right:1px solid rgba(255,255,255,.07);
  background:#0c131d;
}
.tenant-command-nav button{
  width:100%;
  min-height:44px;
  display:flex;
  align-items:center;
  gap:11px;
  padding:0 12px;
  border:0;
  border-radius:11px;
  background:transparent;
  color:#7d8b9c;
  font-size:10px;
  text-align:left;
}
.tenant-command-nav button span{
  color:#d8a83e;
  font-size:7px;
}
.tenant-command-nav button.active{
  color:#eff5fb;
  background:rgba(74,168,255,.08);
  box-shadow:inset 0 0 0 1px rgba(74,168,255,.10);
}
.tenant-dashboard{padding:20px}
.tenant-kpis{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
}
.tenant-kpis article{
  min-height:112px;
  padding:16px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  background:linear-gradient(155deg,#131d2a,#0d1520);
  transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;
}
.tenant-kpis article:hover{
  transform:translateY(-6px);
  border-color:rgba(217,169,61,.25);
  box-shadow:0 22px 45px rgba(0,0,0,.25);
}
.tenant-kpis small{color:#708095;font-size:8px;text-transform:uppercase;letter-spacing:.08em}
.tenant-kpis strong{
  display:block;
  margin:12px 0 6px;
  color:#f4f7fb;
  font-size:28px;
  letter-spacing:-.04em;
}
.tenant-kpis span{color:#7f8da0;font-size:9px}
.tenant-workspace-grid{
  display:grid;
  grid-template-columns:.92fr 1.08fr;
  gap:14px;
  margin-top:14px;
}
.tenant-wizard-card,
.tenant-template-preview{
  border:1px solid rgba(255,255,255,.08);
  border-radius:20px;
  background:#0e1722;
}
.tenant-wizard-card{padding:22px}
.tenant-wizard-card h3{
  margin:12px 0 20px;
  max-width:480px;
  font-size:24px;
  line-height:1.15;
}
.tenant-step{
  display:grid;
  grid-template-columns:32px 1fr;
  gap:12px;
  align-items:center;
  padding:13px 0;
  border-top:1px solid rgba(255,255,255,.07);
}
.tenant-step>span{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:#121e2c;
  color:#7c8da1;
  font-size:9px;
  font-weight:900;
}
.tenant-step.active>span{
  color:#0d1218;
  background:#e1b34a;
}
.tenant-step b{
  display:block;
  color:#e8edf4;
  font-size:11px;
}
.tenant-step small{
  display:block;
  margin-top:4px;
  color:#748396;
  font-size:9px;
  line-height:1.4;
}
.tenant-template-preview{overflow:hidden}
.tenant-template-header{
  min-height:67px;
  padding:0 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  border-bottom:1px solid rgba(255,255,255,.07);
  background:#101a27;
}
.tenant-template-header strong{
  display:block;
  margin-top:5px;
  color:#e9eef5;
  font-size:12px;
}
.tenant-template-header>span{
  padding:7px 9px;
  border-radius:999px;
  color:#58d9a7;
  background:rgba(88,217,167,.08);
  border:1px solid rgba(88,217,167,.17);
  font-size:8px;
  white-space:nowrap;
}
.tenant-template-body{padding:23px}
.tenant-template-body h3{
  margin:10px 0 12px;
  font-size:26px;
  line-height:1.15;
}
.tenant-template-body p{
  color:#8c9bad;
  font-size:10px;
  line-height:1.65;
}
.tenant-template-details{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
  margin-top:18px;
}
.tenant-template-details div{
  padding:12px;
  border-radius:12px;
  background:#0b121c;
  border:1px solid rgba(255,255,255,.06);
}
.tenant-template-details span{
  display:block;
  color:#6e7d91;
  font-size:7px;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.tenant-template-details b{
  display:block;
  margin-top:5px;
  color:#dfe6ee;
  font-size:10px;
}
.tenant-channel-row{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:17px;
}
.tenant-channel-row span,
.tenant-template-pills span{
  padding:8px 10px;
  border-radius:999px;
  color:#9ecfff;
  background:rgba(74,168,255,.07);
  border:1px solid rgba(74,168,255,.13);
  font-size:8px;
  font-weight:800;
}
.tenant-timeline{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:9px;
  margin-top:14px;
}
.tenant-timeline:before{
  content:"";
  position:absolute;
  left:8%;
  right:8%;
  top:30px;
  height:1px;
  background:linear-gradient(90deg,transparent,#d5a637 12%,#d5a637 88%,transparent);
  opacity:.5;
}
.tenant-timeline div{
  position:relative;
  z-index:1;
  min-height:98px;
  padding:13px;
  border-radius:14px;
  background:#0e1722;
  border:1px solid rgba(255,255,255,.07);
}
.tenant-timeline small{color:#d8a83e;font-size:7px;font-weight:900}
.tenant-timeline b{display:block;margin:17px 0 5px;color:#e5ebf2;font-size:10px}
.tenant-timeline span{color:#718095;font-size:8px}
.tenant-feature-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  margin-top:24px;
}
.tenant-feature-grid article{
  min-height:235px;
  padding:22px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  background:linear-gradient(155deg,#121b28,#0b121b);
  transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;
}
.tenant-feature-grid article:hover{
  transform:translateY(-7px);
  border-color:rgba(217,169,61,.26);
  box-shadow:0 24px 54px rgba(0,0,0,.28);
}
.tenant-feature-icon{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:13px;
  color:#0d1117;
  background:linear-gradient(145deg,#efc35f,#b77e16);
  font-size:14px;
  font-weight:900;
}
.tenant-feature-grid h3{
  margin:20px 0 10px;
  font-size:18px;
}
.tenant-feature-grid p{
  color:#7e8da0;
  font-size:10px;
  line-height:1.65;
}
.tenant-template-strip{
  margin-top:18px;
  padding:25px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  border:1px solid rgba(217,169,61,.18);
  border-radius:20px;
  background:linear-gradient(90deg,rgba(217,169,61,.07),rgba(74,168,255,.045));
}
.tenant-template-strip h3{
  margin:9px 0 0;
  max-width:600px;
  font-size:24px;
}
.tenant-template-pills{
  max-width:520px;
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
}
@media(max-width:1050px){
  .tenant-command-body{grid-template-columns:1fr}
  .tenant-command-nav{
    display:flex;
    gap:7px;
    overflow-x:auto;
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.07);
  }
  .tenant-command-nav button{min-width:125px}
  .tenant-kpis,.tenant-feature-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .tenant-command-topbar{align-items:flex-start;padding:18px}
  .tenant-workspace-grid,.tenant-template-details,.tenant-timeline{grid-template-columns:1fr}
  .tenant-timeline:before{display:none}
  .tenant-feature-grid{grid-template-columns:1fr}
  .tenant-template-strip{align-items:flex-start;flex-direction:column}
  .tenant-template-pills{justify-content:flex-start}
}
@media(max-width:520px){
  .tenant-kpis{grid-template-columns:1fr}
  .tenant-dashboard{padding:12px}
  .tenant-command-topbar{flex-direction:column}
  .tenant-new-button{width:100%}
}
@media(prefers-reduced-motion:reduce){
  .tenant-kpis article,.tenant-feature-grid article{transition:none!important}
}


/* Dual launch bar and fully animated permanent-object connectors — v3.6 */

/* Every permanent-object connector uses the same animated treatment. */
.identity-map line{
  stroke:rgba(238,194,85,.78)!important;
  stroke-width:2.15!important;
  stroke-dasharray:8 8!important;
  stroke-linecap:round!important;
  vector-effect:non-scaling-stroke;
  animation:identityFlowAll 4.8s linear infinite!important;
  filter:drop-shadow(0 0 4px rgba(231,190,91,.26));
}
.identity-map line:nth-child(2){animation-delay:-.9s!important}
.identity-map line:nth-child(3){animation-delay:-1.8s!important}
.identity-map line:nth-child(4){animation-delay:-2.7s!important}
.identity-map line:nth-child(5){animation-delay:-3.6s!important}

@keyframes identityFlowAll{
  from{stroke-dashoffset:0}
  to{stroke-dashoffset:-64}
}

/* Dual launch schedule */
.dual-launch-announcement{
  min-height:64px!important;
}
.dual-launch-inner{
  min-height:64px!important;
  gap:12px!important;
  justify-content:center!important;
}
.dual-launch-milestone{
  display:flex;
  align-items:center;
  gap:8px;
  white-space:nowrap;
}
.dual-launch-label{
  color:#f2c85e;
  font-size:8px;
  font-weight:900;
  letter-spacing:.12em;
}
.dual-launch-date{
  color:#bba96f;
  font-size:8px;
  font-weight:800;
}
.dual-launch-divider{
  width:1px;
  height:29px;
  background:linear-gradient(transparent,rgba(217,169,61,.48),transparent);
}
.dual-launch-announcement .launch-countdown{
  display:flex;
  align-items:center;
  gap:3px;
  padding:5px 7px;
  border-radius:10px;
  border:1px solid rgba(217,169,61,.20);
  background:rgba(0,0,0,.20);
}
.dual-launch-announcement .launch-countdown>span{
  display:flex;
  align-items:baseline;
  gap:2px;
  padding:0 4px;
  border-right:1px solid rgba(255,255,255,.07);
}
.dual-launch-announcement .launch-countdown>span:last-child{
  border-right:0;
}
.dual-launch-announcement .launch-countdown b{
  color:#f6d16d;
  font-size:12px;
  line-height:1;
  font-variant-numeric:tabular-nums;
}
.dual-launch-announcement .launch-countdown small{
  color:#8e8263;
  font-size:6px;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.dual-launch-announcement .launch-countdown.is-complete{
  border-color:rgba(74,210,156,.28);
  background:rgba(74,210,156,.06);
}
.dual-launch-announcement .launch-countdown.is-complete b{
  color:#5cdaa8;
}

@media(max-width:1180px){
  .dual-launch-date{display:none}
}
@media(max-width:980px){
  .dual-launch-inner{
    flex-wrap:wrap;
    padding-top:8px!important;
    padding-bottom:8px!important;
  }
  .dual-launch-inner>strong{
    width:100%;
    text-align:center;
  }
}
@media(max-width:720px){
  .dual-launch-announcement{
    min-height:102px!important;
  }
  .dual-launch-divider{display:none}
  .dual-launch-milestone{
    width:100%;
    justify-content:center;
  }
  .dual-launch-inner>a{display:none}
}
@media(max-width:480px){
  .dual-launch-label{
    width:70px;
    text-align:right;
  }
  .dual-launch-announcement .launch-countdown small{display:none}
  .dual-launch-announcement .launch-countdown b{font-size:11px}
}

@media(prefers-reduced-motion:reduce){
  .identity-map line{
    animation:none!important;
    stroke-dasharray:none!important;
  }
}


/* Login-page dual launch timer refinement — v3.7 */
.login-launch-announcement{
  position:relative;
  z-index:30;
}
.login-launch-announcement .dual-launch-inner{
  max-width:1180px;
}
.login-launch-announcement .dual-launch-milestone{
  padding:2px 0;
}
.login-launch-announcement .launch-countdown{
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.015);
}
.login-launch-announcement .launch-countdown b{
  min-width:18px;
  text-align:center;
}
.login-launch-announcement + .site-header{
  top:0;
}
@media(max-width:980px){
  .login-launch-announcement .dual-launch-inner{
    row-gap:7px!important;
  }
}
@media(max-width:720px){
  .login-launch-announcement{
    min-height:104px!important;
  }
}

/* ======================================================================
   v3.8 — centered white-product-view presentation
   Keeps every real Vertixium product screenshot on a white canvas,
   prevents cropping, and balances copy/visual alignment across sections.
   ====================================================================== */
body.theme-dark .actual-product-shot,
body.theme-dark .portal-screen-card,
body.theme-dark .login-dashboard,
body.theme-dark .dashboard-image-wrap{
  background:#fff;
}

.actual-hero-grid,
.actual-split,
.split.split--visual{
  align-items:center;
}

.actual-dashboard-stage,
.actual-product-shot,
.portal-screen-card{
  margin-inline:auto;
}

.actual-product-shot,
.portal-screen-card{
  width:100%;
  max-width:900px;
}

.actual-product-shot img,
.portal-screen-card > img,
.login-dashboard img,
.dashboard-image-wrap img{
  width:100%;
  height:auto;
  max-height:none;
  object-fit:contain;
  object-position:center center;
  display:block;
  background:#fff;
}

/* Product sections use a consistent, centered two-column composition. */
.actual-screen-section .actual-split,
.actual-command-center .actual-split,
.actual-intelligence .actual-split,
.actual-portfolio-section .actual-split{
  grid-template-columns:minmax(320px,.82fr) minmax(520px,1.18fr);
  gap:clamp(48px,6vw,90px);
  max-width:1320px;
  margin-inline:auto;
}

.actual-screen-section .copy,
.actual-command-center .copy,
.actual-intelligence .copy,
.actual-portfolio-section .copy{
  width:100%;
  max-width:520px;
  justify-self:center;
}

.actual-screen-section .portal-screen-card,
.actual-command-center .actual-product-shot,
.actual-intelligence .actual-product-shot,
.actual-portfolio-section .actual-product-shot{
  justify-self:center;
}

/* Full white screenshots should remain fully visible instead of being cropped. */
.portal-screen-card{
  overflow:hidden;
  border-radius:22px;
  box-shadow:0 30px 85px rgba(0,0,0,.32);
}
.portal-screen-card > img{
  aspect-ratio:auto;
}
.actual-product-shot--navigation img{
  max-height:none;
  object-fit:contain;
  object-position:center;
}
.actual-product-shot--kpis img{
  min-height:0;
  object-fit:contain;
}

/* Make the main dashboard large, centered, and fully visible. */
.actual-hero-grid{
  grid-template-columns:minmax(360px,.78fr) minmax(650px,1.42fr);
  max-width:1420px;
  margin-inline:auto;
}
.actual-dashboard-stage{
  min-height:650px;
  width:100%;
}
.dashboard-browser-frame{
  width:min(100%,980px);
  max-width:980px;
  margin-inline:auto;
}
.dashboard-image-wrap{
  overflow:visible;
}
.dashboard-image-wrap img{
  min-height:0!important;
  transform:none!important;
}

/* Records section: matching card dimensions and centered screenshots. */
.actual-record-grid{
  align-items:stretch;
}
.actual-record-grid .portal-screen-card{
  height:100%;
  display:flex;
  flex-direction:column;
}
.actual-record-grid .portal-screen-card > img{
  flex:0 0 auto;
}
.actual-record-grid .portal-screen-caption{
  margin-top:auto;
}

@media(max-width:1100px){
  .actual-hero-grid,
  .actual-screen-section .actual-split,
  .actual-command-center .actual-split,
  .actual-intelligence .actual-split,
  .actual-portfolio-section .actual-split{
    grid-template-columns:1fr;
  }
  .actual-screen-section .copy,
  .actual-command-center .copy,
  .actual-intelligence .copy,
  .actual-portfolio-section .copy{
    max-width:760px;
    text-align:center;
  }
  .actual-screen-section .copy .eyebrow,
  .actual-command-center .copy .eyebrow,
  .actual-intelligence .copy .eyebrow,
  .actual-portfolio-section .copy .eyebrow{
    justify-content:center;
  }
  .actual-screen-section .feature-list,
  .actual-portfolio-section .feature-list,
  .actual-intelligence .score-list,
  .actual-command-center .compliance-benefits{
    text-align:left;
  }
  .dashboard-browser-frame{
    width:min(100%,940px);
  }
}

@media(max-width:760px){
  .actual-dashboard-stage{min-height:auto}
  .dashboard-browser-frame{width:100%}
  .actual-product-shot,
  .portal-screen-card{border-radius:16px}
  .actual-screen-section .actual-split,
  .actual-command-center .actual-split,
  .actual-intelligence .actual-split,
  .actual-portfolio-section .actual-split{
    gap:34px;
  }
}


/* Theme selector and adaptive product-card system — v4.0 */
.theme-toggle{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  min-height:38px;padding:8px 11px;border-radius:12px;border:1px solid var(--line);
  background:rgba(255,255,255,.045);color:var(--text);cursor:pointer;font-size:12px;font-weight:750;
  transition:background .25s,border-color .25s,transform .25s,color .25s;
}
.theme-toggle:hover{transform:translateY(-1px);border-color:rgba(217,169,61,.42);background:rgba(217,169,61,.08)}
.theme-toggle__icon{font-size:15px;line-height:1}.theme-toggle__text{white-space:nowrap}
body.theme-light .theme-toggle{background:#fff;border-color:rgba(15,23,42,.13);color:#172033;box-shadow:0 6px 18px rgba(15,23,42,.06)}
body.theme-light .theme-toggle:hover{background:#fff8e7;border-color:rgba(217,169,61,.5)}

/* All designed interface cards follow the selected website theme. Actual product screenshots remain white. */
body.theme-dark .visual-card,
body.theme-dark .asset-visual,
body.theme-dark .actual-product-panel,
body.theme-dark .actual-bento-card,
body.theme-dark .doc-card,
body.theme-dark .pricing-card,
body.theme-dark .security-grid>div,
body.theme-dark .ecosystem-grid>div,
body.theme-dark .workflow>div,
body.theme-dark .persona-list>div{
  background:#101824!important;color:#f5f7fb!important;border-color:rgba(255,255,255,.1)!important;
}
body.theme-dark .asset-grid>div{background:#131d2b!important;border-color:rgba(255,255,255,.08)!important}
body.theme-light .visual-card,
body.theme-light .asset-visual,
body.theme-light .actual-product-panel,
body.theme-light .actual-bento-card,
body.theme-light .doc-card,
body.theme-light .pricing-card,
body.theme-light .security-grid>div,
body.theme-light .ecosystem-grid>div,
body.theme-light .workflow>div,
body.theme-light .persona-list>div{
  background:#fff!important;color:#111827!important;border-color:rgba(15,23,42,.1)!important;
  box-shadow:0 22px 60px rgba(15,23,42,.08)!important;
}
body.theme-light .asset-grid>div{background:#f8fafc!important;border-color:rgba(15,23,42,.08)!important}
body.theme-light .asset-head strong,
body.theme-light .asset-grid b,
body.theme-light .actual-bento-card h3,
body.theme-light .doc-card b{color:#111827!important}
body.theme-light .asset-head small,
body.theme-light .asset-grid small,
body.theme-light .timeline-label{color:#64748b!important}

/* Preserve the genuine white Vertixium dashboard layout in every website theme. */
.actual-product-shot,
.dashboard-browser-frame,
.doc-card__screen,
.actual-product-shot img,
.dashboard-image-wrap,
.dashboard-image-wrap img{
  background:#fff!important;
}
body.theme-dark .actual-product-shot,
body.theme-dark .dashboard-browser-frame,
body.theme-dark .doc-card__screen{
  border-color:rgba(255,255,255,.14)!important;
  box-shadow:0 30px 85px rgba(0,0,0,.42)!important;
}
body.theme-light .actual-product-shot,
body.theme-light .dashboard-browser-frame,
body.theme-light .doc-card__screen{
  border-color:rgba(15,23,42,.1)!important;
  box-shadow:0 24px 70px rgba(15,23,42,.12)!important;
}

/* Cleaner document screenshot positioning: show the building rows, not the sidebar account footer. */
.doc-card img[src*="actual-documents"]{object-position:center top!important}

@media(max-width:1180px){
  .nav{gap:18px}.theme-toggle__text{display:none}.theme-toggle{width:38px;padding:8px}
}
@media(max-width:900px){
  .theme-toggle{width:auto}.theme-toggle__text{display:inline}
}


/* v4.1 — single launch bar and complete login light-theme correction */
.single-launch-inner{min-height:54px!important;height:auto!important;display:grid!important;grid-template-columns:auto auto minmax(330px,1fr) auto!important;align-items:center!important;justify-content:center!important;column-gap:20px!important;padding:8px 0!important}
.single-launch-milestone{display:flex!important;align-items:center!important;justify-content:center!important;gap:16px!important;min-width:0!important}
.single-launch-inner .launch-countdown{min-width:300px!important;justify-content:center!important}
.single-launch-inner .dual-launch-date{white-space:nowrap!important}
body.theme-light.login-page .login-card,body.theme-light.login-page .login-showcase,body.theme-light.login-page .login-status-list{background:#fff!important;border-color:rgba(15,23,42,.10)!important;box-shadow:0 24px 70px rgba(15,23,42,.12)!important}
body.theme-light.login-page .login-card h1,body.theme-light.login-page .login-showcase h2,body.theme-light.login-page .login-status-grid h2,body.theme-light.login-page .login-features b,body.theme-light.login-page .login-status-list b{color:#101827!important;-webkit-text-fill-color:#101827!important}
body.theme-light.login-page .login-card>p,body.theme-light.login-page .login-status-grid p,body.theme-light.login-page .login-features small,body.theme-light.login-page .login-status-list small,body.theme-light.login-page .login-form>small{color:#64748b!important}
body.theme-light.login-page .login-features div,body.theme-light.login-page .login-status-list>div{background:#f8fafc!important;border-color:rgba(15,23,42,.08)!important}
body.theme-light.login-page .login-form input,body.theme-light.login-page .login-password-wrap{background:#fff!important;color:#111827!important;border-color:rgba(15,23,42,.14)!important}
body.theme-light.login-page .login-form label>span,body.theme-light.login-page .login-check span{color:#334155!important}
body.theme-light.login-page .login-password-wrap button{color:#1d4ed8!important;background:#eff6ff!important}
body.theme-light.login-page .login-dashboard{background:#f8fafc!important;border-color:rgba(15,23,42,.09)!important}
@media(max-width:900px){.single-launch-inner{grid-template-columns:auto 1fr auto!important;column-gap:10px!important}.single-launch-inner>strong{display:none!important}.single-launch-inner .launch-countdown{min-width:250px!important}}
@media(max-width:620px){.single-launch-inner{display:flex!important;justify-content:center!important;gap:8px!important}.single-launch-inner>a,.single-launch-inner .dual-launch-date{display:none!important}.single-launch-inner .launch-countdown{min-width:0!important;width:auto!important}}

/* v4.2 — launch timer contrast and dark product-card framing */
body.theme-light .dual-launch-announcement,
body.theme-light .login-launch-announcement{
  background:linear-gradient(90deg,#fff7df 0%,#f2dfaa 48%,#fff7df 100%)!important;
  border-bottom-color:rgba(146,99,10,.30)!important;
}
body.theme-light .single-launch-inner>strong,
body.theme-light .single-launch-inner>a,
body.theme-light .single-launch-inner .dual-launch-label{
  color:#6f4a00!important;
}
body.theme-light .single-launch-inner .dual-launch-date{
  color:#493100!important;
  font-weight:900!important;
}
body.theme-light .single-launch-inner .launch-countdown{
  background:#fff!important;
  border-color:rgba(112,75,0,.32)!important;
  box-shadow:0 4px 14px rgba(112,75,0,.12)!important;
}
body.theme-light .single-launch-inner .launch-countdown>span{
  border-right-color:rgba(112,75,0,.18)!important;
}
body.theme-light .single-launch-inner .launch-countdown b{
  color:#7a5000!important;
  text-shadow:none!important;
}
body.theme-light .single-launch-inner .launch-countdown small{
  color:#5f4a1b!important;
  font-weight:800!important;
}
body.theme-light .single-launch-inner .status-dot{
  box-shadow:0 0 0 4px rgba(26,155,104,.12)!important;
}

/* The dark theme uses a clean black frame; the actual dashboard screenshot stays white. */
body.theme-dark .actual-product-shot,
body.theme-dark .portal-screen-card,
body.theme-dark .dashboard-browser-frame,
body.theme-dark .doc-card__screen,
body.theme-dark .login-dashboard{
  background:#05070a!important;
  border-color:rgba(255,255,255,.07)!important;
  box-shadow:0 28px 72px rgba(0,0,0,.48)!important;
}
body.theme-dark .actual-product-shot img,
body.theme-dark .portal-screen-card>img,
body.theme-dark .dashboard-image-wrap,
body.theme-dark .dashboard-image-wrap img,
body.theme-dark .doc-card__screen img,
body.theme-dark .login-dashboard img{
  background:#fff!important;
}
body.theme-dark .actual-product-panel,
body.theme-dark .actual-bento-card,
body.theme-dark .doc-card{
  background:#05070a!important;
  border-color:rgba(255,255,255,.07)!important;
  box-shadow:0 24px 68px rgba(0,0,0,.42)!important;
}
body.theme-dark .portal-screen-caption,
body.theme-dark .actual-product-shot__header,
body.theme-dark .doc-card__header{
  background:#05070a!important;
  border-color:rgba(255,255,255,.06)!important;
}


/* v4.3 light-theme pricing, import-card and tenant-template refinements */
body.theme-light .subscription-card--featured{
  border:2px solid #d9a93d!important;
  background:
    radial-gradient(circle at 50% 0%,rgba(217,169,61,.10),transparent 34%),
    #ffffff!important;
  box-shadow:
    0 28px 72px rgba(15,23,42,.12),
    0 0 0 1px rgba(217,169,61,.14) inset!important;
}
body.theme-light .subscription-card--featured:hover{
  border-color:#c89221!important;
  box-shadow:0 34px 86px rgba(15,23,42,.15),0 0 0 1px rgba(217,169,61,.18) inset!important;
}

/* Make the AI-import workflow visually consistent with the reminder card. */
body.theme-light .import-visual{
  background:#ffffff!important;
  border:1px solid rgba(15,23,42,.10)!important;
  box-shadow:0 22px 60px rgba(15,23,42,.08)!important;
}
body.theme-light .import-step{
  background:#ffffff!important;
  border-color:rgba(15,23,42,.09)!important;
  opacity:1!important;
  box-shadow:none!important;
}
body.theme-light .import-step + .import-step{
  border-top-color:rgba(15,23,42,.09)!important;
}
body.theme-light .import-step b{color:#111827!important}
body.theme-light .import-step small{color:#64748b!important}
body.theme-dark .import-visual{
  background:#101824!important;
  border-color:rgba(255,255,255,.09)!important;
}
body.theme-dark .import-step{
  background:#111a27!important;
  border-color:rgba(255,255,255,.08)!important;
  opacity:1!important;
}

/* Keep life-safety template names fully legible in both themes. */
body.theme-light .tenant-template-strip{
  background:#ffffff!important;
  border-color:rgba(217,169,61,.34)!important;
  box-shadow:0 18px 45px rgba(15,23,42,.07)!important;
}
body.theme-light .tenant-template-strip h3{color:#111827!important}
body.theme-light .tenant-template-pills span{
  color:#805b0d!important;
  background:#fff6dc!important;
  border:1px solid rgba(217,169,61,.42)!important;
  font-weight:800!important;
  opacity:1!important;
}
body.theme-dark .tenant-template-pills span{
  color:#f4cf72!important;
  background:rgba(217,169,61,.11)!important;
  border-color:rgba(217,169,61,.32)!important;
  font-weight:800!important;
  opacity:1!important;
}


/* v4.4 corrections: theme-appropriate ECS logo and dark featured Pro card */
.ecs-logo--light{display:none!important}
.ecs-logo--dark{display:block!important}
body.theme-light .ecs-logo--light{display:block!important;background:transparent!important}
body.theme-light .ecs-logo--dark{display:none!important}
body.theme-dark .ecs-logo--light{display:none!important}
body.theme-dark .ecs-logo--dark{display:block!important}

/* Keep the Most Popular plan dark in both themes; only strengthen its gold outline in light mode. */
body.theme-light .subscription-card--featured{
  color:#f5f7fb!important;
  border:2px solid #d9a93d!important;
  background:
    radial-gradient(circle at 50% 0%,rgba(217,169,61,.13),transparent 32%),
    linear-gradient(155deg,#172130,#0d141e)!important;
  box-shadow:
    0 32px 90px rgba(15,23,42,.24),
    0 0 0 1px rgba(217,169,61,.10) inset!important;
}
body.theme-light .subscription-card--featured h3,
body.theme-light .subscription-card--featured .plan-price,
body.theme-light .subscription-card--featured .includes-label,
body.theme-light .subscription-card--featured .plan-features li{
  color:#f6f8fb!important;
}
body.theme-light .subscription-card--featured .subscription-card__top p,
body.theme-light .subscription-card--featured .plan-price small{
  color:#8d9aac!important;
}
body.theme-light .subscription-card--featured .plan-price .currency{color:#aab5c4!important}
body.theme-light .subscription-card--featured .plan-divider{background:rgba(255,255,255,.08)!important}
body.theme-light .subscription-card--featured .plan-features li{border-color:rgba(255,255,255,.07)!important}
body.theme-light .subscription-card--featured:hover{
  border-color:#f0c866!important;
  box-shadow:0 36px 92px rgba(15,23,42,.28),0 0 0 1px rgba(217,169,61,.14) inset!important;
}


/* v4.5 header wordmark spacing and gold-X preview */
.site-header .brand{
  display:flex;
  align-items:center;
  flex:0 0 auto;
  padding-right:34px;
}
.site-header .brand img{
  display:block;
  width:190px;
  height:auto;
}
.site-header .nav{
  margin-left:0;
}
@media (max-width:1100px){
  .site-header .brand{padding-right:22px;}
  .site-header .nav{gap:20px;}
}
@media (max-width:900px){
  .site-header .brand{padding-right:0;}
}

/* v4.6 — preserve inspection-benefit contrast in light theme */
body.theme-light .inspection-benefit-shell{
  color:#f8fafc;
}
body.theme-light .inspection-benefit-copy h2{
  color:#f8fafc !important;
}
body.theme-light .inspection-benefit-copy > p{
  color:#a9b5c4 !important;
}
body.theme-light .inspection-benefit-copy .eyebrow{
  color:var(--gold2) !important;
}
body.theme-light .inspection-benefit-points span{
  color:#d8e0e9 !important;
  border-color:rgba(255,255,255,.09) !important;
  background:rgba(255,255,255,.035) !important;
}
body.theme-light .inspection-benefit-action small{
  color:#93a1b2 !important;
}

/* v4.7 — preserve Existing User portal banner contrast in light theme */
body.theme-light .existing-user-section{
  background:transparent!important;
}
body.theme-light .existing-user-shell{
  color:#f7f9fc!important;
  border-color:rgba(217,169,61,.28)!important;
  background:
    radial-gradient(circle at 90% 20%,rgba(217,169,61,.10),transparent 28%),
    linear-gradient(145deg,#111a27,#0b111a)!important;
  box-shadow:0 24px 70px rgba(15,23,42,.24)!important;
}
body.theme-light .existing-user-copy .eyebrow{
  color:#f0c866!important;
}
body.theme-light .existing-user-copy h2{
  color:#f7f9fc!important;
  opacity:1!important;
}
body.theme-light .existing-user-copy p{
  color:#9aa8b8!important;
  opacity:1!important;
}
body.theme-light .existing-user-actions small{
  color:#8997a8!important;
  opacity:1!important;
}

/* v4.8 — Tenant Notification light-theme contrast and fixed header geometry */
/* Keep the desktop navigation in the exact same position in both themes. */
.site-header .nav-shell,
body.theme-light .site-header .nav-shell,
body.theme-dark .site-header .nav-shell{
  height:78px!important;
  min-height:78px!important;
}
.site-header .brand,
body.theme-light .site-header .brand,
body.theme-dark .site-header .brand{
  flex:0 0 190px!important;
  width:190px!important;
  display:flex!important;
  align-items:center!important;
}
.site-header .brand img,
body.theme-light .site-header .brand img,
body.theme-dark .site-header .brand img{
  width:190px!important;
  height:auto!important;
  max-height:34px!important;
  object-fit:contain!important;
}
.site-header .nav,
body.theme-light .site-header .nav,
body.theme-dark .site-header .nav{
  gap:28px!important;
  align-items:center!important;
  min-height:48px!important;
}
.site-header .nav>a:not(.button),
body.theme-light .site-header .nav>a:not(.button),
body.theme-dark .site-header .nav>a:not(.button){
  font-size:14px!important;
  line-height:1.15!important;
  font-weight:600!important;
  white-space:nowrap!important;
}
.site-header .theme-toggle,
body.theme-light .site-header .theme-toggle,
body.theme-dark .site-header .theme-toggle,
.site-header .button,
body.theme-light .site-header .button,
body.theme-dark .site-header .button{
  flex:0 0 auto!important;
}

/* The notification dashboard remains a dark product mockup in light mode. */
body.theme-light .tenant-command-shell,
body.theme-light .tenant-command-topbar,
body.theme-light .tenant-command-nav,
body.theme-light .tenant-kpis article,
body.theme-light .tenant-wizard-card,
body.theme-light .tenant-template-preview,
body.theme-light .tenant-template-header,
body.theme-light .tenant-template-details div,
body.theme-light .tenant-timeline div,
body.theme-light .tenant-feature-grid article{
  color:#f4f7fb!important;
}
body.theme-light .tenant-command-topbar strong,
body.theme-light .tenant-kpis strong,
body.theme-light .tenant-wizard-card h3,
body.theme-light .tenant-step b,
body.theme-light .tenant-template-header strong,
body.theme-light .tenant-template-body h3,
body.theme-light .tenant-template-details b,
body.theme-light .tenant-timeline b,
body.theme-light .tenant-feature-grid h3{
  color:#f4f7fb!important;
  opacity:1!important;
  -webkit-text-fill-color:#f4f7fb!important;
}
body.theme-light .tenant-command-topbar small,
body.theme-light .tenant-card-label,
body.theme-light .tenant-template-header small,
body.theme-light .tenant-template-body>small,
body.theme-light .tenant-template-strip small{
  color:#d8a83e!important;
  opacity:1!important;
}
body.theme-light .tenant-command-nav button{
  color:#8f9daf!important;
}
body.theme-light .tenant-command-nav button.active{
  color:#eff5fb!important;
}
body.theme-light .tenant-kpis small,
body.theme-light .tenant-kpis span,
body.theme-light .tenant-step small,
body.theme-light .tenant-template-body p,
body.theme-light .tenant-template-details span,
body.theme-light .tenant-timeline span,
body.theme-light .tenant-feature-grid p{
  color:#8190a3!important;
  opacity:1!important;
  -webkit-text-fill-color:#8190a3!important;
}
body.theme-light .tenant-template-header>span{
  color:#58d9a7!important;
  opacity:1!important;
}
body.theme-light .tenant-channel-row span{
  color:#9ecfff!important;
  opacity:1!important;
}

@media(max-width:800px){
  .site-header .nav-shell,
  body.theme-light .site-header .nav-shell,
  body.theme-dark .site-header .nav-shell{
    height:68px!important;
    min-height:68px!important;
  }
  .site-header .brand,
  body.theme-light .site-header .brand,
  body.theme-dark .site-header .brand{
    flex-basis:155px!important;
    width:155px!important;
  }
  .site-header .brand img,
  body.theme-light .site-header .brand img,
  body.theme-dark .site-header .brand img{
    width:155px!important;
  }
}

/* v4.9 — Light-theme navigation, reminder and Sofia visibility fixes */
/* Reserve identical navigation geometry in both themes so switching never shifts links. */
.site-header .nav,
body.theme-light .site-header .nav,
body.theme-dark .site-header .nav{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:28px!important;
  flex:1 1 auto;
}
.site-header .existing-user-link,
body.theme-light .site-header .existing-user-link,
body.theme-dark .site-header .existing-user-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:118px!important;
  height:40px!important;
  padding:0 2px!important;
  line-height:1!important;
  white-space:nowrap!important;
  opacity:1!important;
  visibility:visible!important;
}
body.theme-light .site-header .existing-user-link{
  color:#334155!important;
  text-shadow:none!important;
}
body.theme-light .site-header .existing-user-link:hover,
body.theme-light .site-header .existing-user-link:focus{
  color:#9a6b08!important;
}
body.theme-dark .site-header .existing-user-link{
  color:#d8e1ec!important;
}

/* Keep the Smart reminders label readable against the white reminder card. */
body.theme-light .reminder-visual .visual-top b,
body.theme-light .reminder-visual .visual-top span{
  opacity:1!important;
  visibility:visible!important;
}
body.theme-light .reminder-visual .visual-top b{
  color:#138a68!important;
  text-shadow:none!important;
}
body.theme-light .reminder-visual .visual-top span{
  color:#64748b!important;
}
body.theme-light .reminder-visual .reminder-item b{color:#172033!important}
body.theme-light .reminder-visual .reminder-item small{color:#64748b!important}

/* Sofia and You labels use the same identifiable Sofia blue in both themes. */
.chat-speaker--sofia,
.chat-speaker--you,
body.theme-light .chat-speaker--sofia,
body.theme-light .chat-speaker--you,
body.theme-dark .chat-speaker--sofia,
body.theme-dark .chat-speaker--you{
  color:#4aa8ff!important;
  opacity:1!important;
  text-shadow:0 0 12px rgba(74,168,255,.28)!important;
}

/* Keep all rotating iPhone notifications fully legible in light mode. */
body.theme-light .mobile-notification-stream{
  opacity:1!important;
  visibility:visible!important;
}
body.theme-light .mobile-notification-card{
  background:rgba(15,24,36,.97)!important;
  border-color:rgba(74,168,255,.22)!important;
  box-shadow:0 28px 65px rgba(15,23,42,.28)!important;
  color:#f8fafc!important;
  visibility:visible!important;
}
body.theme-light .mobile-notification-card .sofia-label b,
body.theme-light .mobile-notification-card small{
  color:#4aa8ff!important;
  opacity:1!important;
}
body.theme-light .mobile-notification-card strong{
  color:#ffffff!important;
  opacity:1!important;
}
body.theme-light .mobile-notification-card span{
  color:#aebdce!important;
  opacity:1!important;
}
body.theme-light .mobile-notification-card .notification-icon{
  opacity:1!important;
  visibility:visible!important;
}

/* Prevent generic light-theme card rules from washing out the dark phone UI. */
body.theme-light .mobile-app-showcase .mobile-device,
body.theme-light .mobile-app-showcase .mobile-device__bezel,
body.theme-light .mobile-app-showcase .mobile-summary-card,
body.theme-light .mobile-app-showcase .mobile-action-card,
body.theme-light .mobile-app-showcase .mobile-equipment-list,
body.theme-light .mobile-app-showcase .mobile-bottom-nav{
  color:#f8fafc;
}

@media(max-width:1050px){
  .site-header .nav,
  body.theme-light .site-header .nav,
  body.theme-dark .site-header .nav{gap:18px!important}
  .site-header .existing-user-link,
  body.theme-light .site-header .existing-user-link,
  body.theme-dark .site-header .existing-user-link{min-width:108px!important}
}

/* v5.0 — ECS logo parity and subscription entitlement update */
.ecs-logo-card .ecs-logo{
  width:100%!important;
  height:132px!important;
  max-height:132px!important;
  object-fit:contain!important;
  object-position:center!important;
  box-sizing:border-box!important;
  padding:18px 20px!important;
  margin:0 auto 20px!important;
  background:#ffffff!important;
  border:1px solid rgba(217,169,61,.18)!important;
  border-radius:14px!important;
}
body.theme-light .ecs-logo-card .ecs-logo,
body.theme-dark .ecs-logo-card .ecs-logo{
  width:100%!important;
  height:132px!important;
  max-height:132px!important;
  padding:18px 20px!important;
  background:#ffffff!important;
  object-fit:contain!important;
  object-position:center!important;
}

/* v5.1 — approved ECS dark-theme logo, sized identically to light theme */
body.theme-dark .ecs-logo-card .ecs-logo--dark{
  display:block!important;
  width:100%!important;
  height:132px!important;
  max-height:132px!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:18px 20px!important;
  margin:0 auto 20px!important;
  background:#000!important;
  border:1px solid rgba(217,169,61,.18)!important;
  border-radius:14px!important;
}
body.theme-light .ecs-logo-card .ecs-logo--light{
  width:100%!important;
  height:132px!important;
  max-height:132px!important;
  object-fit:contain!important;
  object-position:center!important;
}

/* v5.2 FINAL — exact ECS logo geometry and FAQ theme parity */
.ecs-logo-card{
  overflow:hidden;
}
.ecs-logo-card .ecs-logo,
body.theme-light .ecs-logo-card .ecs-logo,
body.theme-dark .ecs-logo-card .ecs-logo{
  display:block;
  width:100%!important;
  height:132px!important;
  max-height:132px!important;
  padding:18px 20px!important;
  margin:0 auto 20px!important;
  object-fit:contain!important;
  object-position:50% 50%!important;
  box-sizing:border-box!important;
  border:1px solid rgba(217,169,61,.18)!important;
  border-radius:14px!important;
}
body.theme-light .ecs-logo-card .ecs-logo--light{
  display:block!important;
  background:#ffffff!important;
}
body.theme-light .ecs-logo-card .ecs-logo--dark{
  display:none!important;
}
body.theme-dark .ecs-logo-card .ecs-logo--light{
  display:none!important;
}
body.theme-dark .ecs-logo-card .ecs-logo--dark{
  display:block!important;
  background:#070b11!important;
}

/* FAQ uses one identical HTML source in both themes; only colors change. */
.faq .faq-list{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}
.faq .faq-item{
  display:block!important;
}
.faq .faq-item button,
.faq .faq-item p{
  visibility:visible!important;
  opacity:1!important;
}
body.theme-dark .faq,
body.theme-light .faq{
  background:var(--bg)!important;
}
body.theme-dark .faq-item,
body.theme-light .faq-item{
  border-bottom:1px solid var(--line)!important;
}
body.theme-dark .faq-item button{
  color:#f5f7fb!important;
}
body.theme-dark .faq-item p{
  color:#9aa8ba!important;
}
body.theme-light .faq-item button{
  color:#0f172a!important;
}
body.theme-light .faq-item p{
  color:#64748b!important;
}
body.theme-dark .faq-item button span,
body.theme-light .faq-item button span{
  color:var(--gold2)!important;
}
body.theme-dark .faq-item>div,
body.theme-light .faq-item>div{
  display:block!important;
  overflow:hidden!important;
  max-height:0;
  transition:max-height .3s ease;
}
body.theme-dark .faq-item.open>div,
body.theme-light .faq-item.open>div{
  max-height:260px!important;
}