:root{--blue:#075da9;--green:#20b542;--dark:#061726;--ink:#071526;--muted:#657681;--line:#dce5eb;--soft:#f5f8fa}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.45}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.header{height:112px;position:sticky;top:0;z-index:50;background:#fff;display:grid;grid-template-columns:235px 1fr auto auto;gap:20px;align-items:center;padding:7px 3vw;border-bottom:1px solid #e6ecef}.brand{height:98px;display:flex;align-items:center}.brand img{height:94px;width:auto;max-width:225px;object-fit:contain}.header nav{display:flex;justify-content:center;gap:22px;font-size:11px;font-weight:900;text-transform:uppercase}.quote{background:var(--green);color:#fff;padding:13px 16px;border-radius:7px;font-size:11px;font-weight:900;text-transform:uppercase}.menu{display:none;border:0;background:none;font-size:25px}.hero{min-height:600px;background:linear-gradient(135deg,#061726,#0a3855);color:#fff;padding:45px 4vw;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:20px}.hero-copy>span,.head span,.software span,.diagnostic>div>span,.brandhero span,.simple span{color:#55dc72;font-size:10px;font-weight:900;letter-spacing:.15em}.hero h1{font-size:clamp(52px,6vw,88px);line-height:.9;letter-spacing:-.055em;margin:14px 0}.hero h1 em{font-style:normal;color:#41ca5b}.hero-copy>p{font-size:19px;color:#d8e4ea}.features{display:flex;gap:18px;flex-wrap:wrap;margin:24px 0}.buttons{display:flex;gap:12px}.buttons a,.brandhero a{background:var(--green);padding:13px 18px;border-radius:7px;font-size:11px;font-weight:900;text-transform:uppercase}.buttons .outline{background:transparent;border:1px solid #aec4cf}.hero-img{height:480px;position:relative;display:flex;align-items:center}.hero-img img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 20px 35px #0008)}.hero-img>div{position:absolute;right:2%;bottom:7%;background:#082b45e8;border-left:4px solid var(--green);padding:14px}.bar{margin:-20px 4vw 0;position:relative;z-index:3;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.bar article{display:flex;gap:14px;align-items:flex-start;padding:18px 16px;border-radius:16px;box-shadow:0 10px 30px rgba(4,24,38,.12);border:1px solid rgba(255,255,255,.45)}.bar .icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;font-size:24px;background:#fff;box-shadow:inset 0 0 0 1px rgba(5,25,40,.08)}.bar .copy{display:flex;flex-direction:column;gap:4px}.bar b{font-size:13px;line-height:1.1;color:#06233b}.bar span{font-size:11px;line-height:1.45;color:#4f6573}.bar article:nth-child(1){background:linear-gradient(180deg,#eaf7ff,#d7efff)}.bar article:nth-child(2){background:linear-gradient(180deg,#edf8ea,#dcf4d4)}.bar article:nth-child(3){background:linear-gradient(180deg,#fff4e8,#ffe6c8)}.bar article:nth-child(4){background:linear-gradient(180deg,#edf0ff,#dde3ff)}.bar article:nth-child(5){background:linear-gradient(180deg,#f4efff,#e5ddff)}.section{padding:78px 4vw}.gray{background:var(--soft)}.head{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:end;margin-bottom:36px}.head h2{font-size:clamp(34px,4.2vw,58px);line-height:.98;letter-spacing:-.045em;margin:6px 0}.head>p{color:var(--muted)}.six{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.six article{border:1px solid var(--line);border-radius:15px;padding:18px;background:#fff}.six i{display:block;height:90px;display:grid;place-items:center;background:#e7f3fa;color:var(--blue);font-style:normal;font-size:43px;border-radius:10px}.six h3{font-size:15px}.six p{font-size:11px;color:var(--muted)}.brands{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.brands article{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:22px;border:1px solid var(--line);border-radius:16px;background:#fff;align-items:center}.brands article>div{display:flex;flex-direction:column;gap:12px}.brands img{height:260px;width:100%;object-fit:contain}.brands .brand-logo{height:56px;width:auto;max-width:220px;object-fit:contain;background:#fff;border-radius:8px}.brands a{font-size:10px;font-weight:900;color:var(--blue)}.software{padding:60px 4vw;background:linear-gradient(135deg,#061826,#0a3855);color:#fff;display:grid;grid-template-columns:.7fr 1.3fr;gap:45px;align-items:center}.software h2{font-size:42px}.software p{color:#b6c8d1}.software ul{columns:2}.software img{width:100%;border-radius:14px}.experience{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px}.experience figure,.gallery figure{margin:0;position:relative;border-radius:14px;overflow:hidden;background:#eef3f5}.experience img{width:100%;height:340px;object-fit:cover}.experience figcaption{position:absolute;bottom:12px;left:12px;background:#061726df;color:#fff;padding:8px}.steps{display:grid;grid-template-columns:repeat(5,1fr)}.steps article{text-align:center;border:1px solid var(--line);padding:20px;background:#fff}.steps b{color:var(--green);font-size:10px}.steps i{display:block;font-style:normal;font-size:32px;color:var(--blue);margin:15px}.steps p{font-size:11px;color:var(--muted)}.diagnostic{padding:62px 4vw;background:#082c49;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:45px}.diagnostic h2{font-size:44px}.diagnostic form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.diagnostic label{font-size:10px;font-weight:900}.diagnostic select{display:block;width:100%;margin-top:5px;padding:11px;background:#0b3958;color:#fff;border:1px solid #315875}.diagnostic button{grid-column:1/-1;background:var(--green);color:#fff;border:0;padding:13px;font-weight:900}.diagnostic form a{grid-column:1/-1;text-align:center;font-size:11px}.brandhero{min-height:520px;padding:45px 5vw;background:linear-gradient(135deg,#061726,#0a3855);color:#fff;display:grid;grid-template-columns:.8fr 1.2fr;gap:35px;align-items:center}.greenhero{background:linear-gradient(135deg,#082018,#0d4d31)}.wowhero{background:linear-gradient(135deg,#181a1d,#383b3f)}.brandhero h1,.simple h1{font-size:clamp(48px,6vw,82px);line-height:.92;letter-spacing:-.05em}.brandhero img{height:430px;width:100%;object-fit:contain}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.gallery figure{min-height:300px}.gallery img{width:100%;height:300px;object-fit:contain;padding:14px;background:#fff}.gallery .wide{grid-column:span 2}.gallery .wide img{object-fit:cover;padding:0}.simple{padding:85px 6vw;background:linear-gradient(135deg,#061726,#0a3b5c);color:#fff}.simple p{color:#c3d2da;font-size:17px}.brandindex{display:grid;gap:16px}.brandindex a{display:grid;grid-template-columns:320px 1fr;gap:30px;align-items:center;border:1px solid var(--line);padding:20px;border-radius:16px}.brandindex img{height:200px;width:100%;object-fit:contain}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:13px}.twocol article{border:1px solid var(--line);border-radius:15px;padding:25px}.twocol p{color:var(--muted)}.contact{display:grid;grid-template-columns:.7fr 1.3fr;gap:50px}.contact form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact label{font-size:10px;font-weight:900}.contact input,.contact select,.contact textarea{display:block;width:100%;padding:11px;border:1px solid #ccd8df;margin-top:5px}.contact .full{grid-column:1/-1}.contact button{background:var(--green);color:#fff;border:0;padding:13px}.hp{position:absolute!important;left:-9999px!important}footer{padding:45px 4vw;background:#061726;color:#fff;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:35px}footer img{width:190px;background:#fff;padding:5px;border-radius:7px}footer p,footer a,footer span{font-size:11px;color:#aec2cc;display:block;margin:7px 0}footer b{color:#58db74}.float{position:fixed;right:16px;bottom:16px;background:#25b648;color:#fff;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-weight:900}
@media(max-width:1050px){.header{grid-template-columns:210px 1fr auto}.header nav{display:none}.menu{display:block}.hero{grid-template-columns:1fr}.hero-img{height:360px}.bar{grid-template-columns:repeat(3,1fr)}.six{grid-template-columns:repeat(3,1fr)}.brands{grid-template-columns:1fr}.software{grid-template-columns:1fr}.gallery{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.header{height:94px;grid-template-columns:180px 1fr auto}.brand{height:82px}.brand img{height:80px;max-width:180px}.quote{display:none}.hero{padding:35px 20px}.hero h1{font-size:48px}.buttons{flex-direction:column}.bar{margin:0;border-radius:0;grid-template-columns:1fr 1fr}.section{padding:58px 20px}.head,.diagnostic,.brandhero,.contact{grid-template-columns:1fr;gap:22px}.six{grid-template-columns:1fr 1fr}.brands article{grid-template-columns:1fr}.experience{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.diagnostic form,.contact form{grid-template-columns:1fr}.diagnostic button,.diagnostic form a,.contact .full{grid-column:auto}.gallery{grid-template-columns:1fr}.gallery .wide{grid-column:auto}.brandindex a{grid-template-columns:1fr}.twocol{grid-template-columns:1fr}footer{grid-template-columns:1fr 1fr}}
@media(max-width:450px){.six,.bar,footer{grid-template-columns:1fr}}
/* V6 enrichments */
.dashboard-grid,.story-grid,.mini-three{display:grid;gap:14px}.dashboard-grid{grid-template-columns:repeat(3,1fr)}.dashboard-grid figure,.story-grid figure,.gallery figure{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;position:relative;margin:0}.dashboard-grid img{width:100%;height:260px;object-fit:cover}.dashboard-grid figcaption,.story-grid figcaption,.gallery figcaption{position:absolute;left:12px;bottom:12px;background:#061726d8;color:#fff;font-size:12px;padding:8px 10px;border-radius:6px}.story-grid{grid-template-columns:2fr 1fr 1fr}.story-grid .big img{height:380px}.story-grid img{width:100%;height:380px;object-fit:cover}.darkband{background:#061726;color:#fff}.inverse h2,.inverse p{color:#fff}.mini-three{grid-template-columns:repeat(3,1fr)}.mini-three article{border:1px solid var(--line);background:#fff;border-radius:14px;padding:22px}.mini-three h3{margin-top:0;color:var(--blue)}.caption{position:absolute;right:18px;bottom:18px;background:#06233bdd;color:#fff;padding:10px 12px;border-radius:8px;font-size:12px}.hero-img{position:relative}.gallery img{width:100%;height:300px;object-fit:contain;background:#fff}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}@media(max-width:1050px){.dashboard-grid,.gallery{grid-template-columns:1fr 1fr}.story-grid{grid-template-columns:1fr}.story-grid img,.story-grid .big img{height:320px}.mini-three{grid-template-columns:1fr}}@media(max-width:700px){.dashboard-grid,.gallery,.story-grid,.mini-three{grid-template-columns:1fr}.dashboard-grid img{height:220px}.story-grid img,.story-grid .big img{height:260px}}
.brandindex img{height:120px;width:100%;object-fit:contain;background:#fff;padding:10px;border-radius:12px}.brandindex a{background:#fff}.brands p{margin:0;color:var(--muted)}

/* V8 premium redesigns */
.apps-premium{position:relative;background:linear-gradient(180deg,#fff 0%,#f7fbfd 100%)}
.apps-hero-card{display:grid;grid-template-columns:1.3fr .7fr;gap:18px;align-items:center;margin-bottom:24px;padding:24px 26px;border-radius:22px;background:linear-gradient(135deg,#072a44,#0a4568);color:#fff;box-shadow:0 22px 60px rgba(5,26,40,.14)}
.apps-hero-card small{display:inline-block;color:#8fe4ff;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}
.apps-hero-card h3{font-size:32px;line-height:1.05;margin:0 0 10px;letter-spacing:-.03em}
.apps-hero-card p{margin:0;color:#d3e7f3;font-size:15px}
.apps-kpis{display:grid;grid-template-columns:1fr;gap:12px}
.apps-kpis span{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);font-size:13px;color:#ecf5fa}
.apps-kpis b{font-size:22px;color:#7df0a9}
.apps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.app-card{position:relative;padding:22px;border-radius:22px;background:#fff;border:1px solid #e6eef2;box-shadow:0 16px 40px rgba(7,33,53,.08);overflow:hidden;transition:transform .25s ease, box-shadow .25s ease}
.app-card:hover{transform:translateY(-4px);box-shadow:0 24px 60px rgba(7,33,53,.12)}
.app-card:before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,#12a2e7,#58db74)}
.app-card.featured{background:linear-gradient(180deg,#ffffff 0%,#f3fbff 100%)}
.app-top{display:grid;grid-template-columns:64px 1fr;gap:14px;align-items:start;margin-bottom:14px}
.app-icon{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;font-size:30px;background:linear-gradient(135deg,#eff8ff,#d9f0ff);box-shadow:inset 0 0 0 1px rgba(8,42,68,.07)}
.app-card h3{font-size:22px;line-height:1.05;margin:0 0 6px;letter-spacing:-.03em;color:#07233b}
.app-card p{margin:0;color:#5b6f7d;font-size:14px}
.app-card ul{margin:16px 0 0;padding:0;list-style:none;display:grid;gap:9px}
.app-card li{position:relative;padding-left:18px;color:#243948;font-size:13px}
.app-card li:before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#14a6ea,#58db74)}
.app-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.app-tags span{padding:8px 10px;border-radius:999px;background:#f2f7fa;color:#335064;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.process-premium{background:radial-gradient(circle at top left,#123a59 0%,#061726 50%,#05131e 100%);color:#fff;position:relative;overflow:hidden}
.process-premium .head h2,.process-premium .head p{color:#fff}
.process-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;align-items:start}
.process-intro{position:sticky;top:130px;padding:26px;border-radius:24px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);backdrop-filter:blur(6px)}
.process-intro small{display:inline-block;color:#8fe4ff;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}
.process-intro h3{font-size:34px;line-height:1.05;margin:0 0 12px;letter-spacing:-.03em}
.process-intro p{color:#c7dbe7;font-size:15px;margin:0 0 18px}
.process-points{display:flex;flex-wrap:wrap;gap:10px}
.process-points span{padding:10px 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#e6f3f8}
.process-flow{position:relative;display:grid;gap:16px}
.process-flow:before{content:"";position:absolute;left:38px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,rgba(20,166,234,.7),rgba(88,219,116,.7))}
.process-flow article{position:relative;display:grid;grid-template-columns:64px 64px 1fr;gap:18px;align-items:start;padding:20px 22px;border-radius:22px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 40px rgba(0,0,0,.18)}
.process-flow .num{width:64px;height:64px;border-radius:20px;background:linear-gradient(135deg,#12a2e7,#51db7a);color:#fff;display:grid;place-items:center;font-size:22px;font-weight:900;position:relative;z-index:2}
.process-flow .ico{width:64px;height:64px;border-radius:20px;background:rgba(255,255,255,.1);display:grid;place-items:center;font-size:28px}
.process-flow .content h3{margin:0 0 8px;font-size:24px;line-height:1.05;letter-spacing:-.03em}
.process-flow .content p{margin:0;color:#d4e6ef;font-size:14px}
.process-flow .content ul{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:8px}
.process-flow .content li{position:relative;padding-left:18px;color:#edf6fb;font-size:13px}
.process-flow .content li:before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:50%;background:#58db74}
@media(max-width:1200px){.apps-grid{grid-template-columns:repeat(2,1fr)}.process-layout{grid-template-columns:1fr}.process-intro{position:relative;top:auto}}
@media(max-width:700px){.apps-hero-card{grid-template-columns:1fr;padding:20px}.apps-grid{grid-template-columns:1fr}.app-top{grid-template-columns:56px 1fr}.app-icon{width:56px;height:56px;font-size:26px}.process-flow:before{left:32px}.process-flow article{grid-template-columns:56px 56px 1fr;padding:18px 16px}.process-flow .num,.process-flow .ico{width:56px;height:56px}.process-intro h3{font-size:28px}}
@media(max-width:560px){.process-flow article{grid-template-columns:1fr;gap:12px}.process-flow:before{display:none}.process-flow .num,.process-flow .ico{width:52px;height:52px}.process-flow .content h3{font-size:22px}}

/* V9 premium sections */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease, transform .65s ease}.reveal.visible{opacity:1;transform:none}
.brands-premium{background:linear-gradient(180deg,#f4f8fb 0%,#fff 40%,#f8fbfd 100%)}
.brands-premium-grid{display:grid;gap:18px}.brand-panel{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center;padding:24px;border-radius:28px;background:#fff;border:1px solid #e6eef2;box-shadow:0 18px 50px rgba(7,33,53,.08)}
.brand-panel:nth-child(2){background:linear-gradient(180deg,#ffffff,#fbfffb)}.brand-panel:nth-child(3){background:linear-gradient(180deg,#ffffff,#fafcff)}
.brand-panel-copy{display:flex;flex-direction:column;gap:14px}.brand-panel-copy .brand-logo{height:52px;width:auto;max-width:240px;object-fit:contain}.brand-panel-copy h3{margin:0;font-size:30px;line-height:1.05;letter-spacing:-.03em;color:#07233b}.brand-panel-copy p{margin:0;color:#56707f;font-size:15px}.brand-pills{display:flex;flex-wrap:wrap;gap:10px}.brand-pills span{padding:9px 12px;border-radius:999px;background:#eff7fb;color:#234359;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.brand-panel-copy a{font-size:12px;font-weight:900;color:var(--blue)}
.brand-visual{position:relative;border-radius:22px;overflow:hidden;min-height:320px;background:#0a2236}.brand-visual img{width:100%;height:100%;object-fit:cover;display:block}.brand-float{position:absolute;left:16px;right:16px;bottom:16px;padding:14px 16px;border-radius:18px;background:rgba(6,23,38,.78);backdrop-filter:blur(10px);color:#fff}.brand-float strong{display:block;font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:#83e2ff;margin-bottom:6px}.brand-float span{font-size:13px;line-height:1.45;color:#ecf7fb}
.brands-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.brands-trust div{padding:20px;border-radius:18px;background:#07233b;color:#fff;text-align:center}.brands-trust b{display:block;font-size:34px;line-height:1;color:#7ee6a8;margin-bottom:6px}.brands-trust span{font-size:12px;color:#d7e7f0;text-transform:uppercase;letter-spacing:.06em}
.software-premium{background:linear-gradient(180deg,#ffffff 0%,#f6fafc 100%)}
.software-layout{display:grid;grid-template-columns:.88fr 1.12fr;gap:22px;align-items:start}.software-copy{padding:26px;border-radius:26px;background:#07233b;color:#fff;box-shadow:0 18px 60px rgba(7,33,53,.14)}.software-copy small{display:inline-block;color:#8fe4ff;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}.software-copy h3{margin:0 0 12px;font-size:36px;line-height:1.02;letter-spacing:-.04em}.software-copy p{margin:0;color:#d0e1ea;font-size:15px}.software-feature-list{display:grid;gap:12px;margin-top:18px}.software-feature-list article{display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:start;padding:14px;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1)}.software-feature-list span{width:48px;height:48px;border-radius:14px;background:rgba(255,255,255,.1);display:grid;place-items:center;font-size:22px}.software-feature-list b{display:block;color:#fff;margin-bottom:4px;font-size:15px}.software-feature-list article p{font-size:13px;color:#cfe1ea}
.software-visuals{display:grid;gap:16px}.hero-dash,.software-mini-grid figure{position:relative;background:#fff;border:1px solid #e6eef2;border-radius:22px;overflow:hidden;box-shadow:0 14px 36px rgba(7,33,53,.07);margin:0}.hero-dash img{width:100%;height:340px;object-fit:cover;display:block}.hero-dash figcaption,.software-mini-grid figcaption{position:absolute;left:14px;bottom:14px;background:rgba(6,23,38,.8);color:#fff;padding:10px 12px;border-radius:12px;font-size:12px}.software-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.software-mini-grid img{width:100%;height:200px;object-fit:cover;display:block}.software-bottom{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}.software-bottom article{padding:18px;border-radius:18px;background:#fff;border:1px solid #e6eef2;box-shadow:0 12px 28px rgba(7,33,53,.05)}.software-bottom b{display:block;color:#08243a;font-size:16px;margin-bottom:8px}.software-bottom p{margin:0;color:#56707f;font-size:13px;line-height:1.55}
@media(max-width:1100px){.brand-panel,.software-layout{grid-template-columns:1fr}.brand-visual{min-height:260px}.brands-trust,.software-bottom{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.brand-panel{padding:18px}.brand-panel-copy h3{font-size:24px}.brands-trust,.software-bottom,.software-mini-grid{grid-template-columns:1fr}.software-copy h3{font-size:28px}.hero-dash img{height:260px}.software-mini-grid img{height:220px}}

/* V10 solution redesign and two-tone iconography */
:root{--tone-blue:#1295db;--tone-green:#64c454;--tone-blue-deep:#073453}
.duo-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:52px;height:52px;border-radius:16px;background:linear-gradient(180deg,#f5fbff,#e7f4ff);box-shadow:inset 0 0 0 1px rgba(18,149,219,.12)}
.duo-icon svg{width:32px;height:32px;overflow:visible}.duo-icon.lg{width:72px;height:72px;border-radius:20px}.duo-icon.lg svg{width:42px;height:42px}.duo-icon.mini{width:44px;height:44px;border-radius:14px}.duo-icon.mini svg{width:28px;height:28px}.tone-a{fill:none;stroke:var(--tone-blue);stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}.tone-a-fill{fill:var(--tone-blue)}.tone-b{fill:var(--tone-green)}.tone-b-stroke{fill:none;stroke:var(--tone-green);stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}
.bar{margin:-22px 4vw 0;position:relative;z-index:3;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.bar article{display:flex;gap:14px;align-items:flex-start;padding:18px 16px;border-radius:18px;box-shadow:0 16px 40px rgba(4,24,38,.11);border:1px solid rgba(255,255,255,.5)}.bar .icon-wrap{display:flex}.bar .copy{display:flex;flex-direction:column;gap:4px}.bar b{font-size:13px;line-height:1.1;color:#06233b}.bar span{font-size:11px;line-height:1.5;color:#4f6573}.bar article:nth-child(1){background:linear-gradient(180deg,#eaf7ff,#d7efff)}.bar article:nth-child(2){background:linear-gradient(180deg,#edf8ea,#dcf4d4)}.bar article:nth-child(3){background:linear-gradient(180deg,#fff7ec,#ffe8cb)}.bar article:nth-child(4){background:linear-gradient(180deg,#f0f4ff,#dfe7ff)}.bar article:nth-child(5){background:linear-gradient(180deg,#eefbf3,#ddf5e3)}
.solutions-premium{background:linear-gradient(180deg,#fff 0%,#f7fbfd 38%,#fff 100%)}.solutions-premium.inner{padding-top:10px}.solutions-overview{display:grid;grid-template-columns:1.08fr .92fr;gap:20px;align-items:stretch;margin-bottom:22px}.solutions-story{padding:28px;border-radius:28px;background:linear-gradient(135deg,#072a44,#0a4568);color:#fff;box-shadow:0 22px 60px rgba(5,26,40,.14)}.solutions-story small{display:inline-block;color:#8fe4ff;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}.solutions-story h3{font-size:34px;line-height:1.03;margin:0 0 12px;letter-spacing:-.04em}.solutions-story p{margin:0;color:#d4e7f2;font-size:15px;max-width:60ch}.solutions-highlights{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px}.solutions-highlights span{display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:center;padding:14px;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}.solutions-highlights.standalone span{background:#fff;border:1px solid #e6eef2;box-shadow:0 12px 30px rgba(7,33,53,.06)}.solutions-highlights b{display:block;color:#fff;font-size:14px;margin-bottom:2px}.solutions-highlights small{display:block;color:#cfe2ec;font-size:11px;letter-spacing:0;line-height:1.4;margin:0;text-transform:none}.solutions-highlights.standalone b{color:#07233b}.solutions-highlights.standalone small{color:#5b6f7d}.solutions-highlights .duo-icon{width:44px;height:44px;border-radius:14px}.solutions-highlights .duo-icon svg{width:26px;height:26px}
.solutions-board{display:grid;grid-template-rows:auto 1fr;gap:14px}.board-card{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:start;padding:22px;border-radius:24px;background:#fff;border:1px solid #e6eef2;box-shadow:0 18px 45px rgba(7,33,53,.08)}.board-card b{display:block;font-size:18px;color:#07233b;margin-bottom:6px}.board-card p{margin:0;color:#56707f;font-size:14px;line-height:1.55}.board-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.board-grid article{padding:18px;border-radius:20px;background:#fff;border:1px solid #e6eef2;box-shadow:0 12px 28px rgba(7,33,53,.05)}.board-grid strong{display:block;color:#0a3d63;font-size:18px;margin-bottom:4px}.board-grid span{display:block;color:#5e7483;font-size:13px;line-height:1.45}
.solutions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.solution-card{padding:22px;border-radius:26px;background:#fff;border:1px solid #e6eef2;box-shadow:0 16px 40px rgba(7,33,53,.08);overflow:hidden;position:relative}.solution-card:before{content:"";position:absolute;inset:0 auto auto 0;height:5px;width:100%;background:linear-gradient(90deg,var(--tone-blue),var(--tone-green))}.solution-card.featured{background:linear-gradient(180deg,#ffffff 0%,#f6fbff 100%)}.solution-head{display:grid;grid-template-columns:72px 1fr;gap:16px;align-items:start;margin-bottom:16px}.solution-head small{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#0f8ed8;margin-bottom:6px}.solution-head h3{font-size:24px;line-height:1.04;letter-spacing:-.03em;color:#07233b;margin:0 0 6px}.solution-head p{margin:0;color:#5b6f7d;font-size:14px;line-height:1.55}.solution-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.solution-meta span{padding:9px 12px;border-radius:999px;background:#eff7fb;color:#234359;font-size:11px;font-weight:800;line-height:1.2}.solution-split{display:grid;grid-template-columns:1.05fr .95fr;gap:16px}.solution-split b{display:block;font-size:14px;color:#08243a;margin-bottom:8px}.solution-split ul{margin:0;padding:0;list-style:none;display:grid;gap:9px}.solution-split li{position:relative;padding-left:18px;color:#243948;font-size:13px;line-height:1.45}.solution-split li:before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--tone-blue),var(--tone-green))}.solution-split p{margin:0;color:#5b6f7d;font-size:13px;line-height:1.6}.solutions-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px;padding:20px 24px;border-radius:24px;background:#07233b;color:#fff}.solutions-cta p{margin:0;font-size:18px;font-weight:700}.solutions-cta a{color:#86e4aa;font-weight:900}
.process-flow .ico{background:rgba(255,255,255,.08)}.process-flow .ico .duo-icon{background:transparent;box-shadow:none;width:64px;height:64px}.process-flow .ico .duo-icon svg{width:34px;height:34px}.software-feature-list article .duo-icon{width:48px;height:48px;border-radius:14px;background:rgba(255,255,255,.1);box-shadow:none}.software-feature-list article .duo-icon svg{width:30px;height:30px}.software-feature-list article{grid-template-columns:48px 1fr}.software-feature-list article .duo-icon .tone-a{stroke:#8fe4ff}.software-feature-list article .duo-icon .tone-a-fill{fill:#8fe4ff}.software-feature-list article .duo-icon .tone-b{fill:#7ee6a8}.software-feature-list article .duo-icon .tone-b-stroke{stroke:#7ee6a8}
.solutions-hero{background:linear-gradient(135deg,#072a44,#0a4568);color:#fff;border-radius:0 0 28px 28px}.solutions-hero span{color:#8fe4ff}.solutions-hero h1{color:#fff;max-width:18ch}.solutions-hero p{color:#d1e6f1;max-width:70ch}.solutions-architecture{padding-top:34px}
@media(max-width:1200px){.bar{grid-template-columns:repeat(3,1fr)}.solutions-overview,.solutions-grid,.solution-split{grid-template-columns:1fr}.solution-card.featured{grid-column:auto}.solutions-cta{flex-direction:column;align-items:flex-start}}
@media(max-width:860px){.bar{grid-template-columns:1fr 1fr}.solutions-highlights,.board-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.bar{grid-template-columns:1fr}.solutions-story h3{font-size:28px}.solutions-highlights,.board-grid,.solutions-grid{grid-template-columns:1fr}.solution-head{grid-template-columns:60px 1fr}.solution-head h3{font-size:21px}.solutions-cta p{font-size:16px}.process-flow .ico .duo-icon{width:56px;height:56px}.process-flow .ico .duo-icon svg{width:30px;height:30px}}

/* V11 visual homogenization and conversion-first normalization */
:root{--wrap:1240px;--spaceX:clamp(20px,4vw,56px);--radius-sm:16px;--radius-md:22px;--radius-lg:28px;--shadow-soft:0 12px 36px rgba(7,33,53,.08);--shadow-card:0 20px 50px rgba(7,33,53,.10);--blue-2:#0d8fd7;--dark-2:#08243a;--green-2:#6ad15a}
html{scroll-behavior:smooth}body{background:#fff;color:#08243a}img{max-width:100%;height:auto;display:block}main{overflow:hidden}main>section,footer{position:relative}.header,.hero,.section,.simple,.brandhero,.diagnostic,footer,.page-cta{padding-left:var(--spaceX);padding-right:var(--spaceX)}
.header{height:96px;grid-template-columns:260px 1fr auto auto;gap:18px;padding-top:10px;padding-bottom:10px;box-shadow:0 10px 30px rgba(7,33,53,.05)}.brand{height:72px}.brand img{height:70px;max-width:250px;object-fit:contain}.header nav{gap:18px;font-size:12px;line-height:1.2}.header nav a{position:relative;padding:6px 2px;color:#173548}.header nav a:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;background:linear-gradient(90deg,var(--blue-2),var(--green-2));transform:scaleX(0);transform-origin:left;transition:.22s ease}.header nav a:hover:after{transform:scaleX(1)}
.quote,.buttons a,.brandhero a,.brand-panel-copy a,.solutions-cta a,.section-cta a,.page-cta a,.diagnostic button,.contact button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:12px 18px;border-radius:999px;font-size:12px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;transition:transform .18s ease, box-shadow .18s ease, background .18s ease;color:#fff;background:linear-gradient(135deg,var(--blue-2),#0a6fb3);box-shadow:0 12px 26px rgba(13,143,215,.25)}.quote:hover,.buttons a:hover,.brandhero a:hover,.brand-panel-copy a:hover,.solutions-cta a:hover,.section-cta a:hover,.page-cta a:hover,.diagnostic button:hover,.contact button:hover{transform:translateY(-1px);box-shadow:0 18px 32px rgba(13,143,215,.28)}.buttons .ghost,.buttons .outline,.section-cta a.ghost,.page-cta a.ghost{background:#fff;color:var(--dark-2);box-shadow:inset 0 0 0 1px #d7e4eb,0 6px 18px rgba(7,33,53,.06)}.darkband .section-cta a.ghost,.process-premium .section-cta a.ghost,.page-cta:not(.compact) a.ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}
.hero{min-height:660px;padding-top:58px;padding-bottom:88px;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:28px;align-items:center}.hero-copy{max-width:620px}.hero-copy>span,.head span,.software span,.diagnostic>div>span,.brandhero span,.simple span,.page-cta-copy span{display:inline-block;color:#69dc83;font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.hero h1{font-size:clamp(54px,6vw,92px);line-height:.9;margin:14px 0 16px}.hero-copy>p{font-size:19px;line-height:1.65;margin:0}.features b{display:inline-flex;align-items:center;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-size:12px}.hero-img{height:auto;min-height:520px;padding:18px;border-radius:32px;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.12);box-shadow:0 28px 80px rgba(0,0,0,.22)}.hero-img img{width:100%;height:484px;object-fit:cover;border-radius:22px;filter:none}.caption,.hero-img>div{right:18px;bottom:18px;border-left:0;border-radius:16px;background:rgba(6,23,38,.82);backdrop-filter:blur(10px);padding:12px 14px;font-size:12px;max-width:320px}
.bar{margin:-38px var(--spaceX) 0;gap:16px}.bar article{min-height:138px;align-items:flex-start;padding:18px 18px;border-radius:22px;box-shadow:var(--shadow-soft)}.bar .copy{gap:6px}.bar b{font-size:14px}.bar span{font-size:12px;line-height:1.55}.duo-icon{width:50px;height:50px}.duo-icon svg{width:28px;height:28px}.duo-icon.lg{width:70px;height:70px}.duo-icon.lg svg{width:40px;height:40px}.duo-icon.mini,.software-feature-list article .duo-icon,.solutions-highlights .duo-icon{width:44px!important;height:44px!important}.duo-icon.mini svg,.software-feature-list article .duo-icon svg,.solutions-highlights .duo-icon svg{width:24px!important;height:24px!important}
.section,.simple,.brandhero,.diagnostic{padding-top:86px;padding-bottom:86px}.section>*,.simple>*:not(script),.brandhero>*,.diagnostic>*{max-width:var(--wrap)}.section>*,.diagnostic>*{margin-left:auto;margin-right:auto}.head{max-width:var(--wrap);margin:0 auto 34px;gap:42px}.head h2{font-size:clamp(34px,4vw,60px);line-height:1.02}.head>p{font-size:16px;line-height:1.75;max-width:58ch}.simple{background:linear-gradient(135deg,#07243a,#0d4568);color:#fff;border-radius:0 0 28px 28px;text-align:center}.simple h1{font-size:clamp(40px,5vw,68px);line-height:1.02;letter-spacing:-.04em;margin:10px auto 12px;max-width:14ch}.simple p{margin:0 auto;max-width:62ch;color:#d0e1ea;font-size:18px;line-height:1.7}
.brands-premium,.software-premium,.solutions-premium,.process-premium,.darkband,.gray{border-top:1px solid rgba(7,33,53,.04)}.brands-premium-grid,.solutions-grid,.software-layout,.story-grid,.gallery,.twocol,.brandindex,.brands-trust,.software-bottom,.board-grid{max-width:var(--wrap);margin-left:auto;margin-right:auto}.brand-panel{grid-template-columns:1.02fr .98fr;gap:26px;padding:26px;border-radius:30px;box-shadow:var(--shadow-card)}.brand-panel-copy{gap:16px;justify-content:center}.brand-panel-copy .brand-logo,.brand-logo{height:68px;width:auto;max-width:260px;object-fit:contain}.brand-panel-copy h3{font-size:clamp(28px,3vw,38px)}.brand-panel-copy p{font-size:15px;line-height:1.7}.brand-pills span{font-size:11px}.brand-panel-copy a{width:max-content}.brand-visual{min-height:330px;background:linear-gradient(135deg,#f7fbfd,#edf5f9)}.brand-visual img{height:100%;object-fit:cover}.brands-trust div{padding:22px;border-radius:22px;box-shadow:var(--shadow-soft)}
.brandindex{gap:18px}.brandindex a{grid-template-columns:230px 1fr;gap:28px;padding:24px;border-radius:24px;background:#fff;box-shadow:var(--shadow-soft)}.brandindex img{height:120px;width:100%;object-fit:contain;background:#fff;padding:10px;border-radius:16px}.brandindex h2{margin:0 0 8px;font-size:30px;letter-spacing:-.03em}.brandindex p{margin:0;color:#5e7483;line-height:1.65}.twocol{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.twocol article,.mini-three article{border-radius:22px;padding:24px;box-shadow:var(--shadow-soft);background:#fff}.twocol h2,.mini-three h3{margin:0 0 10px;font-size:28px;line-height:1.05}.twocol p,.mini-three p{margin:0;color:#5f7382;line-height:1.7}
.solutions-overview{gap:22px;margin-bottom:26px}.solutions-story,.board-card,.board-grid article,.solution-card,.solutions-cta,.software-copy,.hero-dash,.software-mini-grid figure,.story-grid figure,.gallery figure,.process-flow article,.process-intro,.diagnostic form,.contact form,.page-cta,.section-cta{box-shadow:var(--shadow-soft)}.solutions-story{padding:30px}.solutions-story h3{font-size:clamp(32px,3.2vw,42px)}.board-card,.board-grid article,.solution-card{border-radius:26px}.solution-card{padding:24px}.solution-head{grid-template-columns:70px 1fr}.solution-head h3{font-size:24px}.solution-head p,.solution-split p,.solution-split li{font-size:14px;line-height:1.6}.solutions-cta{margin-top:24px;padding:22px 24px;border-radius:26px}.solutions-cta p{font-size:20px;max-width:58ch}
.software-layout{gap:20px}.software-copy{padding:30px;border-radius:30px}.software-copy h3{font-size:clamp(32px,3.4vw,42px)}.software-copy p{line-height:1.7}.software-feature-list article{padding:16px;border-radius:20px}.hero-dash,.software-mini-grid figure{border-radius:24px}.hero-dash img{height:320px;object-fit:cover}.software-mini-grid img{height:220px;object-fit:cover}.software-bottom{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}.software-bottom article{padding:22px;border-radius:22px;background:#fff;border:1px solid #e6eef2;box-shadow:var(--shadow-soft)}.software-bottom b{display:block;margin-bottom:8px;color:#08243a;font-size:18px}.software-bottom p{margin:0;color:#5d7281;line-height:1.65}
.story-grid{grid-template-columns:1.45fr 1fr 1fr;gap:16px}.story-grid figure,.gallery figure{border-radius:24px;box-shadow:var(--shadow-soft)}.story-grid .big img{height:360px}.story-grid img{height:360px;object-fit:cover}.story-grid figcaption,.gallery figcaption,.hero-dash figcaption,.software-mini-grid figcaption{left:14px;right:14px;bottom:14px;border-radius:14px;padding:10px 12px;line-height:1.45}.gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.gallery img{height:260px;object-fit:contain;background:linear-gradient(180deg,#fff,#f4f8fa);padding:14px}.darkband{background:linear-gradient(135deg,#061726,#08243a);color:#fff}.inverse h2,.inverse p{color:#fff}
.process-layout{max-width:var(--wrap);margin:0 auto;gap:24px}.process-intro{top:112px;padding:28px;border-radius:28px}.process-intro h3{font-size:clamp(32px,3.2vw,40px)}.process-intro p{line-height:1.7}.process-flow article{grid-template-columns:64px 64px 1fr;padding:22px 24px;border-radius:24px}.process-flow .ico{display:grid;place-items:center;border-radius:20px}.process-flow .content p,.process-flow .content li{font-size:14px;line-height:1.65;color:#d8e7ef}.process-flow .content ul{margin:10px 0 0;padding-left:18px}.process-flow .content h3{margin:0 0 8px;font-size:24px}.process-flow:before{left:31px}
.brandhero{display:grid;grid-template-columns:.92fr 1.08fr;gap:26px;align-items:center;min-height:560px;background:linear-gradient(135deg,#07243a,#0d4568);color:#fff;border-radius:0 0 28px 28px}.brandhero h1{font-size:clamp(42px,5.4vw,74px);line-height:.98;letter-spacing:-.045em;margin:12px 0}.brandhero p{font-size:18px;line-height:1.7;color:#d6e6ee;max-width:58ch}.brandhero img{width:100%;height:430px;object-fit:contain;background:linear-gradient(180deg,#ffffff,#eef5f8);padding:18px;border-radius:28px;box-shadow:var(--shadow-card)}.greenhero,.wowhero{background:linear-gradient(135deg,#07243a,#0d4568)}
.contact{max-width:var(--wrap);margin:0 auto;align-items:start}.contact form,.diagnostic form{padding:26px;border-radius:26px;background:#fff;color:#08243a;border:1px solid #dfe8ee}.contact form label,.diagnostic label{font-size:11px;letter-spacing:.05em}.contact input,.contact select,.contact textarea,.diagnostic select{padding:14px 15px;border:1px solid #ccd8df;border-radius:14px;background:#fff;color:#08243a}.diagnostic{background:linear-gradient(135deg,#07243a,#0d4568);align-items:start}.diagnostic h2{font-size:clamp(34px,4vw,56px);margin:8px 0 12px}.diagnostic p,#result{font-size:16px;line-height:1.7;color:#d3e5ee}.diagnostic form a{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:12px 18px;border-radius:999px;background:transparent;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
.section-cta{display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:var(--wrap);margin:22px auto 0;padding:22px 24px;border-radius:24px;background:linear-gradient(135deg,#08243a,#0d4568);color:#fff}.section-cta strong{display:block;font-size:22px;line-height:1.1;margin-bottom:6px}.section-cta span{display:block;color:#d2e5ee;font-size:14px;line-height:1.6}.section-cta-actions,.page-cta-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.page-cta{max-width:var(--wrap);margin:0 auto 86px;padding:32px;border-radius:30px;background:linear-gradient(135deg,#08243a,#0d4568);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px}.page-cta.compact{margin-top:34px}.page-cta h2{margin:8px 0 10px;font-size:clamp(30px,3vw,42px);line-height:1.04;letter-spacing:-.035em}.page-cta p{margin:0;color:#d1e4ed;font-size:15px;line-height:1.7;max-width:64ch}
footer{padding-top:56px;padding-bottom:56px;grid-template-columns:1.45fr .9fr .9fr .9fr;gap:28px}.footer img,footer img{width:210px;background:#fff;padding:8px;border-radius:12px}.floatwa,.float.wa,.float{position:fixed;right:18px;bottom:18px;z-index:80;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#23c04f,#189d3f);color:#fff;font-size:14px;font-weight:900;box-shadow:0 14px 34px rgba(21,117,43,.3)}
@media(max-width:1200px){.header{grid-template-columns:220px 1fr auto auto}.hero,.brandhero,.software-layout,.process-layout,.solutions-overview,.brand-panel{grid-template-columns:1fr}.hero-img{min-height:unset}.hero-img img,.brandhero img{height:380px}.story-grid,.gallery,.software-bottom,.brands-trust,.brandindex a{grid-template-columns:1fr 1fr}.section-cta,.page-cta,.solutions-cta{flex-direction:column;align-items:flex-start}.brandindex a{grid-template-columns:180px 1fr}}
@media(max-width:980px){.header{grid-template-columns:220px 1fr auto}.header nav{display:none}.menu{display:block}.bar{grid-template-columns:repeat(2,1fr)}.solutions-grid,.board-grid,.software-bottom,.twocol{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(2,1fr)}.brands-trust{grid-template-columns:1fr}.process-flow article{grid-template-columns:56px 56px 1fr}.process-flow .num,.process-flow .ico{width:56px;height:56px}.page-cta{margin-bottom:70px}}
@media(max-width:700px){.header{height:88px;grid-template-columns:170px 1fr auto}.brand{height:64px}.brand img{height:60px;max-width:170px}.hero,.section,.simple,.brandhero,.diagnostic,footer,.page-cta{padding-left:20px;padding-right:20px}.hero{padding-top:34px;padding-bottom:58px;min-height:auto}.hero h1,.brandhero h1,.simple h1{font-size:clamp(34px,10vw,52px)}.hero-copy>p,.brandhero p,.simple p{font-size:16px}.buttons,.section-cta-actions,.page-cta-actions{flex-direction:column;align-items:stretch;width:100%}.buttons a,.section-cta a,.page-cta a,.quote,.brandhero a{width:100%}.bar{margin:0 20px;grid-template-columns:1fr}.bar article{min-height:auto}.head{grid-template-columns:1fr;gap:18px}.head h2{font-size:clamp(30px,8vw,42px)}.solutions-story h3,.software-copy h3,.process-intro h3{font-size:28px}.brand-panel,.solution-card,.software-copy,.process-intro,.page-cta,.section-cta,.brandindex a,.twocol article,.mini-three article{padding:22px}.brand-panel-copy .brand-logo,.brand-logo{height:58px;max-width:220px}.brandindex{grid-template-columns:1fr}.brandindex a,.story-grid,.gallery,.software-mini-grid,.solutions-grid,.solutions-highlights,.brands-trust{grid-template-columns:1fr}.brandindex a{gap:18px}.brandindex img{height:100px}.hero-img img,.brandhero img,.story-grid img,.story-grid .big img,.hero-dash img,.software-mini-grid img,.gallery img{height:240px}.gallery img{padding:10px}.contact,.contact form,.diagnostic,.diagnostic form{grid-template-columns:1fr}.footer,footer{grid-template-columns:1fr 1fr}.page-cta{margin-bottom:58px}}
@media(max-width:480px){footer{grid-template-columns:1fr}.footer img,footer img{width:190px}}

/* V12 improvement: architecture consultative section */
.solutions-story.detailed p{font-size:16px;line-height:1.72;max-width:62ch}.solutions-highlights.detailed{margin-top:24px;gap:14px}.solutions-highlights.detailed>span{align-items:start;padding:16px;border-radius:20px}.solutions-highlights.detailed>span>span:last-child{display:block}.solutions-highlights.detailed b{font-size:15px;margin-bottom:5px}.solutions-highlights.detailed small{font-size:12px;line-height:1.55}.solutions-note{margin-top:18px;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#dbeaf2;font-size:13px;line-height:1.6}.board-card.rich{padding:24px}.board-card.rich p{font-size:14px;line-height:1.65}.board-grid.detailed article{padding:20px 20px 18px}.board-grid.detailed strong{font-size:20px;margin-bottom:8px}.board-grid.detailed p{margin:0 0 12px;color:#5a6f7e;font-size:13px;line-height:1.6}.board-grid.detailed ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}.board-grid.detailed li{position:relative;padding-left:16px;color:#254154;font-size:12px;line-height:1.45}.board-grid.detailed li:before{content:"";position:absolute;left:0;top:.55em;width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,var(--tone-blue),var(--tone-green))}@media(max-width:700px){.solutions-story.detailed p{font-size:15px}.board-grid.detailed strong{font-size:18px}}

/* V13 brand pages: logos and richer image cards */
.brandhero-copy{display:flex;flex-direction:column;align-items:flex-start}.brand-mark{display:block;width:210px;max-width:72%;height:68px;object-fit:contain;background:#fff;border-radius:16px;padding:12px 16px;box-shadow:0 18px 40px rgba(3,20,32,.18);margin-bottom:18px}.brand-pills{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 22px}.brand-pills span{display:inline-flex;align-items:center;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);color:#eef6fb;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.brandhero-media{background:rgba(255,255,255,.96);border-radius:28px;padding:18px;box-shadow:0 24px 70px rgba(2,20,33,.18);display:grid;grid-template-columns:1.18fr .82fr;gap:16px;align-items:stretch}.brandhero-media figure{margin:0;position:relative;border-radius:20px;overflow:hidden;background:#f4f7f9;border:1px solid #e6eef2}.brandhero-media img{display:block;width:100%}.brandhero-media .hero-main img{height:360px;object-fit:cover}.brandhero-media figcaption{position:absolute;left:12px;right:12px;bottom:12px;background:rgba(6,23,38,.82);color:#fff;font-size:11px;line-height:1.4;padding:8px 10px;border-radius:10px}.hero-thumbs{display:grid;grid-template-rows:repeat(3,1fr);gap:12px}.hero-thumbs figure{min-height:108px}.hero-thumbs img{height:100%;min-height:108px;max-height:110px;object-fit:cover}.greenhero .brand-pills span,.wowhero .brand-pills span{background:rgba(255,255,255,.1)}@media(max-width:1050px){.brandhero-media{grid-template-columns:1fr}.hero-thumbs{grid-template-columns:repeat(3,1fr);grid-template-rows:none}.hero-thumbs img{max-height:150px}}@media(max-width:700px){.brand-mark{width:180px;height:60px;padding:10px 14px}.brandhero-media{padding:14px;border-radius:22px}.brandhero-media .hero-main img{height:260px}.hero-thumbs{grid-template-columns:1fr;grid-template-rows:repeat(3,1fr)}.hero-thumbs img{max-height:none;height:180px}.brand-pills{gap:8px}}

/* V14 brand page refinement */
.brand-mark{width:240px;max-width:78%;height:auto;max-height:78px;object-fit:contain;background:transparent;border-radius:0;padding:0;box-shadow:none;margin-bottom:16px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.12))}
.brandhero-copy>span{margin-top:0}
.brandhero-media{background:rgba(255,255,255,.95)}
.brandhero-media .hero-main img{height:380px;object-fit:contain;background:linear-gradient(180deg,#ffffff 0%,#f2f6f8 100%);padding:18px}
.hero-thumbs figure{background:#f5f8fa}
.hero-thumbs img{object-fit:cover}
@media(max-width:700px){.brand-mark{width:190px;max-height:64px}.brandhero-media .hero-main img{height:280px;padding:12px}}


/* V15 brand page premium refinement */
.brandhero{position:relative;overflow:hidden;padding:52px 5vw 58px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:34px;border-radius:0 0 32px 32px}
.brandhero:before,.brandhero:after{content:"";position:absolute;border-radius:999px;filter:blur(0px);pointer-events:none}
.brandhero:before{width:320px;height:320px;right:-120px;top:-120px;background:radial-gradient(circle,rgba(255,255,255,.16),rgba(255,255,255,0) 68%)}
.brandhero:after{width:260px;height:260px;left:-90px;bottom:-100px;background:radial-gradient(circle,rgba(255,255,255,.08),rgba(255,255,255,0) 72%)}
.camehero{background:linear-gradient(135deg,#072844 0%,#0d4973 58%,#0f6291 100%)}
.greenhero{background:linear-gradient(135deg,#08271e 0%,#0d5238 58%,#157555 100%)}
.wowhero{background:linear-gradient(135deg,#221d2b 0%,#44352b 56%,#6a5218 100%)}
.brandhero-copy,.brandhero-media{position:relative;z-index:1}
.brand-mark{width:250px;max-width:82%;max-height:80px;margin-bottom:12px;filter:drop-shadow(0 10px 24px rgba(0,0,0,.12))}
.brand-kicker{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#cfeffc;margin-bottom:14px}
.brandhero h1{max-width:11ch;margin:0 0 14px}
.brandhero p{margin:0;max-width:60ch}
.brand-pills{margin:18px 0 18px;gap:8px}
.brand-pills span{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.14);color:#eff8fd!important;font-size:11px!important;font-weight:800!important;letter-spacing:.05em!important;text-transform:uppercase;display:inline-flex;align-items:center}
.brand-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}
.brand-proof article{padding:16px 16px 14px;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.brand-proof b{display:block;margin-bottom:6px;color:#fff;font-size:14px;line-height:1.2}
.brand-proof p{margin:0;color:#dbeaf2;font-size:12px;line-height:1.55;max-width:none}
.brand-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.brand-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 18px;border-radius:999px;font-size:12px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.brand-actions .ghost{background:transparent!important;color:#fff!important;border:1px solid rgba(255,255,255,.28);box-shadow:none!important}
.brand-actions .ghost:hover{background:rgba(255,255,255,.08)!important}
.brandhero-media{background:rgba(255,255,255,.96)!important;border-radius:30px;padding:18px;box-shadow:0 28px 72px rgba(3,17,27,.18);display:grid;grid-template-columns:1.1fr .9fr;gap:16px;align-items:stretch}
.brandhero-media .hero-main,.hero-thumbs figure{box-shadow:inset 0 0 0 1px rgba(12,38,57,.05)}
.hero-main{position:relative}
.hero-badge{position:absolute;left:14px;top:14px;z-index:2;display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#08253c;color:#fff;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 12px 24px rgba(7,33,53,.16)}
.greenhero .hero-badge{background:#0b4e31}
.wowhero .hero-badge{background:#5e4715}
.brandhero-media .hero-main img{height:380px;object-fit:contain;background:linear-gradient(180deg,#fff,#f1f5f8);padding:24px}
.brandhero-media figcaption{font-size:11px;line-height:1.45}
.hero-thumbs{display:grid;grid-template-rows:repeat(3,1fr);gap:12px}
.hero-thumbs figure{min-height:112px;background:#f7fafb}
.hero-thumbs img{height:100%;min-height:112px;max-height:112px;object-fit:cover;background:none;padding:0}
.hero-thumbs figcaption{background:rgba(7,28,44,.86)}
@media(max-width:1120px){.brandproof,.brand-proof{grid-template-columns:1fr}.brandhero{grid-template-columns:1fr}.brandhero h1{max-width:14ch}.brandhero-media{grid-template-columns:1fr}.hero-thumbs{grid-template-columns:repeat(3,1fr);grid-template-rows:none}.hero-thumbs img{max-height:150px;min-height:140px}}
@media(max-width:760px){.brandhero{padding:44px 4vw 52px}.brandhero p{font-size:16px}.brand-mark{width:200px;max-height:66px}.brand-proof{grid-template-columns:1fr}.brandhero-media{padding:14px;border-radius:22px}.brandhero-media .hero-main img{height:280px;padding:14px}.hero-thumbs{grid-template-columns:1fr;grid-template-rows:repeat(3,1fr)}.hero-thumbs img{height:170px;min-height:170px;max-height:none}.brand-actions{flex-direction:column;align-items:flex-start}}


/* V16: commercial brand guidance + problem-based page */
.problem-hero h1{max-width:16ch}.problem-intro{background:linear-gradient(180deg,#fff,#f7fafc)}
.problem-matrix{max-width:var(--wrap);margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.problem-matrix article{position:relative;padding:26px;border-radius:26px;background:#fff;border:1px solid #e4edf2;box-shadow:var(--shadow-soft);overflow:hidden}.problem-matrix article:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,var(--tone-blue),var(--tone-green))}.problem-no{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;background:#eaf6fd;color:#0b77b4;font-size:12px;font-weight:900;margin-bottom:14px}.problem-matrix h3{margin:0 0 10px;font-size:26px;line-height:1.08;letter-spacing:-.03em}.problem-pain{margin:0 0 18px;color:#5d7280;font-size:14px;line-height:1.65}.problem-solution{padding:16px;border-radius:18px;background:#f5f9fb}.problem-solution b{display:block;margin-bottom:8px;color:#08243a}.problem-solution ul{margin:0;padding:0;list-style:none;display:grid;gap:7px}.problem-solution li{position:relative;padding-left:16px;color:#345063;font-size:13px}.problem-solution li:before{content:"";position:absolute;left:0;top:.5em;width:7px;height:7px;border-radius:50%;background:var(--green-2)}.problem-result{display:flex;gap:12px;align-items:flex-start;margin-top:16px}.problem-result strong{flex:0 0 auto;color:#0a78b8;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.problem-result span{font-size:13px;line-height:1.55;color:#2e4758}.decision-steps{max-width:var(--wrap);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.decision-steps article{padding:22px;border-radius:22px;background:#fff;border:1px solid #e5edf2;box-shadow:var(--shadow-soft)}.decision-steps b{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--tone-blue),var(--tone-green));color:#fff;margin-bottom:14px}.decision-steps h3{margin:0 0 8px;font-size:19px}.decision-steps p{margin:0;color:#5d7280;font-size:13px;line-height:1.6}.problem-cta{max-width:var(--wrap);margin:0 auto 86px;padding:32px;border-radius:30px;background:linear-gradient(135deg,#07243a,#0d4568);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:26px}.problem-cta span{color:#73dff9;font-size:11px;font-weight:900;letter-spacing:.14em}.problem-cta h2{font-size:clamp(30px,3vw,44px);line-height:1.04;margin:8px 0}.problem-cta p{margin:0;color:#d1e4ed;max-width:62ch;line-height:1.65}.problem-cta-actions{display:flex;gap:12px;flex-wrap:wrap}.problem-cta a,.brand-decision a,.compare-cta a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 18px;border-radius:999px;background:linear-gradient(135deg,var(--blue-2),#0a6fb3);color:#fff;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.problem-cta a.ghost{background:transparent;border:1px solid rgba(255,255,255,.24)}
.brand-fit{background:linear-gradient(180deg,#fff,#f7fafc)}.brand-usecases{max-width:var(--wrap);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.brand-usecases article{padding:24px;border-radius:24px;background:#fff;border:1px solid #e4edf2;box-shadow:var(--shadow-soft)}.brand-usecases article>span{display:inline-flex;padding:7px 10px;border-radius:999px;background:#eaf6fd;color:#0a78b8;font-size:10px;font-weight:900;letter-spacing:.08em}.brand-usecases h3{font-size:22px;margin:14px 0 8px;line-height:1.08}.brand-usecases p{margin:0;color:#5c7180;line-height:1.65;font-size:14px}.brand-usecases b{display:block;margin-top:16px;padding-top:14px;border-top:1px solid #e7eef2;color:#0b78b8;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.brand-decision{max-width:var(--wrap);margin:18px auto 0;padding:26px;border-radius:26px;background:#08243a;color:#fff;display:grid;grid-template-columns:1.05fr .95fr;gap:26px;align-items:center}.brand-decision>div:first-child>span{color:#75ddfa;font-size:10px;font-weight:900;letter-spacing:.14em}.brand-decision h3{font-size:28px;margin:8px 0 12px}.brand-decision ul{margin:0;padding:0;list-style:none;display:grid;gap:9px}.brand-decision li{position:relative;padding-left:18px;color:#e1edf3;font-size:14px}.brand-decision li:before{content:"";position:absolute;left:0;top:.48em;width:8px;height:8px;border-radius:50%;background:var(--green-2)}.brand-decision>div:last-child p{color:#cfe0e9;line-height:1.7;font-size:14px}.brand-decision a{margin-top:6px}.brand-compare{background:linear-gradient(180deg,#f7fafc,#fff)}.compare-grid{max-width:var(--wrap);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.compare-grid article{padding:24px;border-radius:26px;background:#fff;border:1px solid #e4edf2;box-shadow:var(--shadow-soft)}.compare-grid img{height:58px;max-width:220px;object-fit:contain;margin-bottom:20px}.compare-grid h3{font-size:24px;margin:0 0 8px}.compare-grid p{color:#5d7280;font-size:14px;line-height:1.65}.compare-grid ul{padding:0;margin:16px 0 20px;list-style:none;display:grid;gap:8px}.compare-grid li{position:relative;padding-left:17px;color:#2d4859;font-size:13px}.compare-grid li:before{content:"";position:absolute;left:0;top:.5em;width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,var(--tone-blue),var(--tone-green))}.compare-grid a{font-size:12px;font-weight:900;color:#0a78b8}.compare-cta{max-width:var(--wrap);margin:18px auto 0;padding:22px 24px;border-radius:22px;background:#f1f7fa;display:flex;justify-content:space-between;align-items:center;gap:20px}.compare-cta b{font-size:19px}.compare-cta p{margin:4px 0 0;color:#5d7280;font-size:13px}
@media(max-width:1000px){.problem-matrix,.brand-decision{grid-template-columns:1fr}.decision-steps,.brand-usecases,.compare-grid{grid-template-columns:1fr 1fr}.problem-cta,.compare-cta{flex-direction:column;align-items:flex-start}}
@media(max-width:700px){.problem-matrix,.decision-steps,.brand-usecases,.compare-grid{grid-template-columns:1fr}.problem-cta{margin:0 20px 58px;padding:24px}.problem-cta-actions{width:100%;flex-direction:column}.problem-cta a{width:100%}.brand-decision{padding:22px}.brand-decision h3{font-size:24px}.compare-cta{padding:20px}}


/* V17 commercial refinement */
.resolve-section .head{margin-bottom:24px}
.resolve-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:24px;align-items:stretch}
.resolve-feature{background:linear-gradient(180deg,#0b3656 0%,#0e446c 100%);border-radius:30px;padding:36px;color:#f5fbff;box-shadow:0 22px 50px rgba(7,34,52,.12)}
.resolve-feature small{display:block;color:#89cff7;font-weight:900;letter-spacing:.15em;margin-bottom:14px}
.resolve-feature h3{font-size:clamp(1.9rem,3vw,3rem);line-height:1.05;margin:0 0 16px;color:#fff}
.resolve-feature p{color:#d8e8f3;max-width:58ch}
.resolve-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.resolve-tags span{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.resolve-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.resolve-card{background:#fff;border:1px solid #d8e4ec;border-radius:24px;padding:22px;box-shadow:0 16px 40px rgba(10,38,58,.06)}
.resolve-card h3{margin:0 0 10px;font-size:1.08rem;color:#0b3556}.resolve-card p{margin:0 0 12px;color:#4d6980;line-height:1.55}.resolve-card b{display:block;color:#0f6699;font-size:.84rem;letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px}.resolve-card span{display:block;color:#18384d;font-weight:600;line-height:1.5}
.cases-section,.postventa-section,.value-section{scroll-margin-top:90px}
.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.case-card,.case-aside{background:#fff;border:1px solid #d8e4ec;border-radius:24px;overflow:hidden;box-shadow:0 16px 40px rgba(10,38,58,.06)}
.case-card img{width:100%;height:240px;object-fit:cover;background:#eef5f8}.case-body{padding:18px 18px 20px}.case-top{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}.case-brand{display:inline-flex;padding:7px 10px;border-radius:999px;background:#eaf6ff;color:#0c5f95;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.case-place{font-size:12px;font-weight:800;color:#5b7284}.case-card h3{margin:0 0 10px;color:#0b3556}.case-card p{color:#4d6980;line-height:1.55}.case-card ul{margin:14px 0 0;padding-left:18px;color:#18384d;line-height:1.6}
.case-aside{padding:24px;background:linear-gradient(180deg,#083452,#0e5a87);color:#f4fbff;display:flex;flex-direction:column;justify-content:center}.case-aside span{font-size:12px;font-weight:900;letter-spacing:.12em;color:#7fdefc;text-transform:uppercase}.case-aside h3{margin:12px 0;color:#fff;font-size:1.7rem;line-height:1.1}.case-aside p{color:#dcecf5}.case-aside a{display:inline-flex;align-self:flex-start;margin-top:10px;background:#fff;color:#0c4a73;padding:12px 18px;border-radius:999px;font-weight:900;font-size:12px;letter-spacing:.05em;text-transform:uppercase}
.value-grid,.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.value-card,.service-card{background:#fff;border:1px solid #d8e4ec;border-radius:24px;padding:22px;box-shadow:0 16px 40px rgba(10,38,58,.05)}
.value-card h3,.service-card h3{margin:0 0 10px;color:#0b3556}.value-card p,.service-card p{margin:0;color:#4d6980;line-height:1.6}.service-card small{display:block;margin-bottom:10px;color:#0f6699;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.service-card ul{margin:14px 0 0;padding-left:18px;color:#18384d;line-height:1.6}
.service-band{margin-top:18px;padding:20px 22px;border-radius:24px;background:linear-gradient(90deg,#0a395b,#116393);display:flex;align-items:center;justify-content:space-between;gap:18px}.service-band strong{display:block;color:#fff;font-size:1.1rem}.service-band span{display:block;color:#d6e8f4;margin-top:4px}.service-band a{display:inline-flex;white-space:nowrap;background:#fff;color:#0b4c75;padding:12px 18px;border-radius:999px;font-size:12px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}
.project-calc{scroll-margin-top:90px}
.project-calc #result{min-height:72px}
.brand-case-band .head{margin-bottom:18px}.brand-case-box{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.brand-case-box>div{background:#fff;border:1px solid #d8e4ec;border-radius:20px;padding:18px;box-shadow:0 12px 30px rgba(10,38,58,.05)}.brand-case-box b{display:block;margin-bottom:8px;color:#0f6699;font-size:.82rem;letter-spacing:.05em;text-transform:uppercase}.brand-case-box p{margin:0;color:#18384d;line-height:1.55}
@media (max-width:1100px){.resolve-layout,.case-grid,.value-grid,.service-grid,.brand-case-box{grid-template-columns:1fr 1fr}.resolve-layout{grid-template-columns:1fr}.case-aside{grid-column:1/-1}}
@media (max-width:760px){.resolve-grid,.case-grid,.value-grid,.service-grid,.brand-case-box{grid-template-columns:1fr}.resolve-feature{padding:26px;border-radius:24px}.resolve-card,.case-card,.case-aside,.value-card,.service-card{border-radius:20px}.case-card img{height:220px}.service-band{flex-direction:column;align-items:flex-start}.service-band a{white-space:normal}}


/* V18 real project gallery enhancements */
.case-gallery{display:grid;gap:8px;padding:14px 14px 0}
.case-gallery--triple{grid-template-columns:repeat(3,minmax(0,1fr))}
.case-gallery img{width:100%;height:190px;object-fit:cover;background:#eef4f7;border-radius:16px;border:1px solid #dce7ee}
.case-note{margin-top:14px;padding:12px 14px;border-radius:16px;background:#f4f9fc;border:1px solid #dce7ee;color:#31536b;font-size:.95rem;line-height:1.5}
.brand-case-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}
.brand-case-gallery figure{margin:0;background:#fff;border:1px solid #d8e4ec;border-radius:20px;overflow:hidden;box-shadow:0 12px 30px rgba(10,38,58,.05)}
.brand-case-gallery img{width:100%;height:260px;object-fit:cover;background:#eef4f7}
.brand-case-gallery figcaption{padding:12px 14px;color:#204359;font-weight:700}
.brand-case-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}
.brand-case-summary article{background:#fff;border:1px solid #d8e4ec;border-radius:20px;padding:18px;box-shadow:0 12px 30px rgba(10,38,58,.05)}
.brand-case-summary h3{margin:0 0 8px;color:#0b3556}.brand-case-summary p{margin:0;color:#4d6980;line-height:1.6}
@media (max-width:900px){.case-gallery--triple,.brand-case-gallery,.brand-case-summary{grid-template-columns:1fr}.case-gallery img{height:210px}}


/* V19 WOW Machines real case gallery */
.brand-case-gallery--quad{grid-template-columns:repeat(2,minmax(0,1fr));}
@media (max-width:900px){.brand-case-gallery--quad{grid-template-columns:1fr;}}


/* V20 — correcciones de estructura, iconografía y casos de éxito */
.solutions-highlights.detailed{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.solutions-highlights.detailed>span{display:grid!important;grid-template-columns:72px minmax(0,1fr)!important;align-items:center!important;gap:16px!important;min-height:156px;padding:20px!important;border-radius:22px!important;background:rgba(255,255,255,.085)!important;border:1px solid rgba(255,255,255,.14)!important}
.solutions-highlights.detailed>span>span:last-child{display:block!important;padding:0!important;margin:0!important;background:none!important;border:0!important;border-radius:0!important;min-height:0!important}
.solutions-highlights.detailed .duo-icon{width:64px!important;height:64px!important;display:flex!important;align-items:center!important;justify-content:center!important;justify-self:center!important;align-self:center!important;padding:0!important;margin:0!important;border-radius:18px!important;background:rgba(255,255,255,.10)!important;border:1px solid rgba(126,218,255,.22)!important;box-shadow:none!important}
.solutions-highlights.detailed .duo-icon svg{width:38px!important;height:38px!important;display:block!important;margin:auto!important}
.solutions-highlights.detailed b{display:block;margin:0 0 7px;font-size:18px;line-height:1.2;color:#fff}
.solutions-highlights.detailed small{display:block!important;margin:0!important;padding:0!important;background:none!important;border:0!important;color:#d6e9f3!important;font-size:13px!important;line-height:1.58!important;letter-spacing:0!important;text-transform:none!important}
.board-card.rich{grid-template-columns:64px minmax(0,1fr);align-items:center}
.board-card.rich .duo-icon{width:58px!important;height:58px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.board-card.rich .duo-icon svg{width:34px!important;height:34px!important}
.case-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px!important}
.case-card{display:flex;flex-direction:column;min-height:100%;border-radius:28px!important;overflow:hidden}
.case-gallery{padding:14px!important;gap:10px!important;background:linear-gradient(180deg,#f7fafc,#eef5f8)}
.case-gallery--triple{display:grid!important;grid-template-columns:1.45fr .75fr!important;grid-template-rows:1fr 1fr!important;min-height:330px}
.case-gallery--triple img{width:100%;height:160px!important;object-fit:cover;border-radius:16px!important;cursor:zoom-in;transition:transform .2s ease,box-shadow .2s ease}
.case-gallery--triple img:first-child{grid-row:1/span 2;height:330px!important}
.case-gallery--triple img:hover,.brand-case-gallery img:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(7,33,53,.14)}
.case-body{display:flex;flex-direction:column;flex:1;padding:22px 22px 24px!important}
.case-body h3{font-size:25px;line-height:1.08;margin:0 0 10px}.case-body p{font-size:14px;line-height:1.65}.case-note{margin-top:auto!important}
.case-aside{grid-column:1/-1;display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:28px 30px!important}.case-aside h3{max-width:24ch}.case-aside a{white-space:nowrap}
.brand-case-gallery img{cursor:zoom-in;transition:transform .2s ease,box-shadow .2s ease}.brand-case-gallery--quad{grid-template-columns:repeat(2,minmax(0,1fr))!important}.brand-case-gallery--quad img{height:300px}
.project-lightbox{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(2,14,23,.92);backdrop-filter:blur(8px)}.project-lightbox.open{display:flex}.project-lightbox img{max-width:min(94vw,1500px);max-height:88vh;width:auto;height:auto;object-fit:contain;border-radius:18px;box-shadow:0 30px 90px rgba(0,0,0,.45)}.project-lightbox button{position:absolute;top:18px;right:22px;width:48px;height:48px;border:0;border-radius:50%;background:#fff;color:#08243a;font-size:28px;line-height:1;cursor:pointer;box-shadow:0 10px 24px rgba(0,0,0,.2)}
@media(max-width:900px){.solutions-highlights.detailed{grid-template-columns:1fr}.solutions-highlights.detailed>span{grid-template-columns:64px minmax(0,1fr)!important;min-height:132px}.case-grid{grid-template-columns:1fr!important}.case-aside{grid-column:auto;grid-template-columns:1fr}}
@media(max-width:600px){.solutions-highlights.detailed>span{grid-template-columns:58px minmax(0,1fr)!important;gap:14px!important;padding:18px!important}.solutions-highlights.detailed .duo-icon{width:56px!important;height:56px!important}.solutions-highlights.detailed .duo-icon svg{width:32px!important;height:32px!important}.case-gallery--triple{grid-template-columns:1fr!important;grid-template-rows:auto!important;min-height:0}.case-gallery--triple img,.case-gallery--triple img:first-child{grid-row:auto;height:220px!important}.brand-case-gallery--quad{grid-template-columns:1fr!important}.brand-case-gallery--quad img{height:240px}}


/* V21 — Postventa como línea comercial */
.postventa-teaser{background:linear-gradient(180deg,#f6fafc,#fff)}
.postventa-teaser-grid{max-width:var(--wrap);margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.pv-teaser-card{padding:24px;border-radius:24px;background:#fff;border:1px solid #dce7ee;box-shadow:var(--shadow-soft)}
.pv-teaser-card.featured{background:linear-gradient(180deg,#082f4b,#0c527c);color:#fff;border:0}
.pv-teaser-card>span{display:inline-flex;padding:8px 11px;border-radius:999px;background:#eaf6ff;color:#0c689e;font-size:11px;font-weight:900;letter-spacing:.1em}
.pv-teaser-card.featured>span{background:rgba(255,255,255,.12);color:#83e9b2}
.pv-teaser-card h3{font-size:24px;margin:14px 0 8px;color:#08243a}
.pv-teaser-card.featured h3{color:#fff}
.pv-teaser-card p{margin:0;color:#587181;line-height:1.65}
.pv-teaser-card.featured p{color:#d9e9f2}

.support-hero{padding:70px var(--spaceX) 78px;background:linear-gradient(135deg,#061b2b 0%,#093b5d 58%,#0e5d87 100%);color:#fff;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.75fr);gap:42px;align-items:center}
.support-hero-copy,.support-hero-panel{max-width:760px}
.support-hero-copy>span,.support-hero-panel .support-status{font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#86e9b2}
.support-hero h1{font-size:clamp(46px,5vw,76px);line-height:.96;letter-spacing:-.045em;margin:14px 0 18px;max-width:12ch}
.support-hero-copy>p{font-size:18px;line-height:1.7;color:#d5e7f1;max-width:62ch}
.support-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.support-hero-actions a,.support-plan a,.support-cta a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 18px;border-radius:999px;background:linear-gradient(135deg,#16a6e7,#0a79ba);color:#fff;font-size:12px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 12px 28px rgba(6,106,166,.25)}
.support-hero-actions .ghost,.support-cta .ghost{background:transparent;border:1px solid rgba(255,255,255,.28);box-shadow:none}
.support-trust-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.support-trust-row span{display:flex;flex-direction:column;padding:14px 16px;min-width:145px;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-size:12px;color:#d7e9f2}
.support-trust-row b{font-size:22px;color:#fff;margin-bottom:2px}
.support-hero-panel{padding:28px;border-radius:28px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px);box-shadow:0 28px 70px rgba(0,0,0,.2)}
.support-status{display:flex;align-items:center;gap:8px}
.support-status i{width:10px;height:10px;border-radius:50%;background:#72df83;box-shadow:0 0 0 6px rgba(114,223,131,.12)}
.support-hero-panel h2{font-size:32px;line-height:1.08;margin:16px 0 10px}
.support-hero-panel p,.support-hero-panel li{color:#d5e7f1;line-height:1.6}
.support-hero-panel ul{margin:18px 0 0;padding-left:20px}

.support-benefits,.support-plan-grid,.spare-grid,.maintenance-grid,.support-flow{max-width:var(--wrap);margin:0 auto;display:grid;gap:18px}
.support-benefits{grid-template-columns:repeat(4,minmax(0,1fr))}
.support-benefits article,.support-plan,.spare-grid article,.maintenance-grid article{padding:24px;border-radius:24px;background:#fff;border:1px solid #dce7ee;box-shadow:var(--shadow-soft)}
.support-benefits b{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#eaf7ff;color:#0b7ebe;margin-bottom:16px}
.support-benefits h3,.support-plan h3,.spare-grid h3,.maintenance-grid h3{margin:0 0 10px;color:#08243a;font-size:23px;line-height:1.1}
.support-benefits p,.support-plan p,.spare-grid p,.maintenance-grid p{margin:0;color:#587181;line-height:1.65}

.support-levels{background:#f6fafc}
.support-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.support-plan{position:relative;display:flex;flex-direction:column}
.support-plan.featured{background:linear-gradient(180deg,#072a44,#0d527d);border:0;color:#fff;transform:translateY(-8px);box-shadow:0 26px 60px rgba(7,42,68,.18)}
.support-plan small,.spare-grid article>span,.maintenance-grid .term{display:inline-flex;align-self:flex-start;padding:8px 10px;border-radius:999px;background:#eaf6ff;color:#0c6c9f;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px}
.support-plan.featured small{background:rgba(255,255,255,.1);color:#83e9b2}
.support-plan.featured h3,.support-plan.featured p,.support-plan.featured li{color:#fff}
.support-plan ul,.spare-grid ul,.maintenance-grid ul{margin:18px 0 20px;padding-left:20px;color:#27475c;line-height:1.7}
.support-plan.featured ul{color:#dbeaf2}
.support-plan a{margin-top:auto;align-self:flex-start}
.support-plan.featured a{background:#fff;color:#0a4367}
.recommended{position:absolute;right:18px;top:18px;padding:7px 10px;border-radius:999px;background:#74df91;color:#073c2a;font-size:9px;font-weight:900;letter-spacing:.08em}

.spare-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.spare-grid article>span{font-size:14px}
.maintenance-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:980px}
.maintenance-grid article.featured{border:2px solid #1295db;background:linear-gradient(180deg,#f9fdff,#eff9ff)}
.maintenance-grid .term{font-size:12px}

.support-process{padding-top:86px;padding-bottom:86px}
.support-flow{grid-template-columns:repeat(5,minmax(0,1fr))}
.support-flow article{padding:22px;border-radius:22px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1)}
.support-flow b{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#1295db,#64c454);color:#fff;margin-bottom:15px}
.support-flow h3{margin:0 0 8px;color:#fff}
.support-flow p{margin:0;color:#d7e6ef;font-size:13px;line-height:1.6}

.support-cta{max-width:var(--wrap);margin:86px auto;padding:34px;border-radius:30px;background:linear-gradient(135deg,#08243a,#0c5681);color:#fff;display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center}
.support-cta>div:first-child>span{font-size:11px;font-weight:900;letter-spacing:.14em;color:#7ee6a8}
.support-cta h2{font-size:clamp(30px,3.4vw,46px);line-height:1.02;margin:9px 0 10px;max-width:18ch}
.support-cta p{margin:0;color:#d5e7f1;max-width:64ch;line-height:1.65}
.support-cta>div:last-child{display:flex;flex-direction:column;gap:10px;min-width:240px}

@media(max-width:1050px){
  .support-hero{grid-template-columns:1fr}
  .support-benefits{grid-template-columns:repeat(2,1fr)}
  .support-plan-grid,.spare-grid{grid-template-columns:1fr}
  .support-plan.featured{transform:none}
  .support-flow{grid-template-columns:repeat(2,1fr)}
  .support-cta{grid-template-columns:1fr}
}
@media(max-width:700px){
  .postventa-teaser-grid,.support-benefits,.maintenance-grid,.support-flow{grid-template-columns:1fr}
  .support-hero{padding:46px 20px 58px}
  .support-hero h1{font-size:42px}
  .support-trust-row{display:grid;grid-template-columns:1fr 1fr}
  .support-cta{margin:58px 20px;padding:24px}
  .support-cta>div:last-child{min-width:0}
  .support-cta a{width:100%}
}


/* V22 — Curaduría de imagen genérica y consistencia visual */
.hero-img-generic{
  position:relative;
  overflow:hidden;
  padding:0 !important;
  background:#061a29 !important;
  border:1px solid rgba(255,255,255,.12);
}
.hero-img-generic:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(3,18,29,.02) 35%,rgba(3,18,29,.72) 100%);
  pointer-events:none;
}
.hero-img-generic img{
  width:100% !important;
  height:520px !important;
  padding:0 !important;
  object-fit:cover !important;
  border-radius:30px !important;
  filter:saturate(.88) contrast(1.03);
}
.hero-img-generic .caption{
  z-index:2;
  left:22px !important;
  right:22px !important;
  bottom:22px !important;
  max-width:460px !important;
  display:flex;
  flex-direction:column;
  gap:4px;
  border:1px solid rgba(255,255,255,.13);
}
.hero-img-generic .caption b{
  font-size:14px;
  color:#fff;
}
.hero-img-generic .caption span{
  font-size:12px;
  line-height:1.45;
  color:#dcebf3;
}

.resolve-context{
  position:relative;
  margin:26px 0 0;
  border-radius:22px;
  overflow:hidden;
  min-height:210px;
  border:1px solid rgba(255,255,255,.12);
  background:#092b44;
}
.resolve-context:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(4,25,39,.02),rgba(4,25,39,.78));
}
.resolve-context img{
  width:100%;
  height:235px;
  object-fit:cover;
  filter:saturate(.78) contrast(1.05);
}
.resolve-context figcaption{
  position:absolute;
  z-index:2;
  left:16px;
  right:16px;
  bottom:14px;
  color:#eef8fc;
  font-size:12px;
  line-height:1.5;
  font-weight:700;
}

.support-visual{
  position:relative;
  margin:0 0 22px;
  border-radius:20px;
  overflow:hidden;
  height:220px;
  border:1px solid rgba(255,255,255,.12);
  background:#061a29;
}
.support-visual:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(5,25,40,.02),rgba(5,25,40,.62));
}
.support-visual img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 35%;
  filter:saturate(.82);
}
.support-visual figcaption{
  position:absolute;
  z-index:2;
  left:14px;
  bottom:12px;
  right:14px;
  color:#fff;
  font-size:11px;
  font-weight:800;
  letter-spacing:.02em;
}

/* Mantiene coherencia: imágenes genéricas nunca dominan las evidencias reales */
.case-gallery img,
.brand-case-gallery img{
  filter:none !important;
}
@media(max-width:700px){
  .hero-img-generic img{height:300px !important}
  .resolve-context img{height:210px}
  .support-visual{height:200px}
}


/* V23 — CAME PARKARE Lince Web 7.0 */
.lince-section{background:linear-gradient(180deg,#f7fbfe,#fff)}
.lince-overview{max-width:var(--wrap);margin:0 auto 24px;display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;align-items:stretch}
.lince-copy{padding:30px;border-radius:28px;background:linear-gradient(145deg,#073454,#0c5a87);color:#fff;box-shadow:var(--shadow-card)}
.lince-copy>small{display:block;margin-bottom:10px;color:#82e8b0;font-size:11px;font-weight:900;letter-spacing:.13em}
.lince-copy h3{margin:0 0 14px;font-size:clamp(30px,3vw,42px);line-height:1.03;letter-spacing:-.035em}
.lince-copy p{margin:0;color:#d7e8f2;line-height:1.72}
.lince-badges{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}
.lince-badges span{padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.13);font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.lince-source{display:inline-flex;color:#fff;font-weight:900;font-size:12px;border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:4px}
.lince-dashboard{display:grid;grid-template-columns:1.3fr .7fr;gap:14px}
.lince-dashboard figure{position:relative;margin:0;border-radius:24px;overflow:hidden;background:#fff;border:1px solid #dde9ef;box-shadow:var(--shadow-soft)}
.lince-dashboard img{width:100%;height:100%;min-height:350px;object-fit:contain;padding:14px;background:linear-gradient(180deg,#fff,#f1f6f9)}
.lince-dashboard figcaption{position:absolute;left:14px;right:14px;bottom:14px;padding:10px 12px;border-radius:12px;background:rgba(5,27,43,.85);color:#fff;font-size:11px;line-height:1.45}
.lince-feature-grid{max-width:var(--wrap);margin:0 auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.lince-feature{padding:20px;border-radius:22px;background:#fff;border:1px solid #dce7ed;box-shadow:0 12px 32px rgba(7,33,53,.06)}
.lince-feature>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#e6f6ff,#e8f9ea);color:#0875ae;font-size:11px;font-weight:900;margin-bottom:14px}
.lince-feature h3{margin:0 0 8px;color:#082b45;font-size:18px;line-height:1.15}
.lince-feature p{margin:0;color:#587181;font-size:13px;line-height:1.6}
.lince-integration{max-width:var(--wrap);margin:22px auto 0;padding:26px;border-radius:26px;background:#082943;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:24px;box-shadow:var(--shadow-soft)}
.lince-integration>div:first-child>span{font-size:10px;font-weight:900;letter-spacing:.13em;color:#7ee6a8}
.lince-integration h3{font-size:30px;line-height:1.06;margin:9px 0}
.lince-integration p{margin:0;color:#d6e6ef;line-height:1.7}
.lince-integration-points{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lince-integration-points span{padding:14px;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);font-size:12px;color:#dbeaf2;line-height:1.5}
.lince-integration-points b{display:block;color:#fff;font-size:14px;margin-bottom:4px}

.came-software-callout{max-width:var(--wrap);margin:22px auto 0;padding:24px;border-radius:28px;background:linear-gradient(135deg,#073454,#0c5b89);color:#fff;display:grid;grid-template-columns:1fr .8fr;gap:24px;align-items:center;box-shadow:var(--shadow-card)}
.came-software-copy>span{font-size:10px;font-weight:900;letter-spacing:.14em;color:#7ee6a8}
.came-software-copy h3{font-size:32px;line-height:1.04;margin:10px 0 12px;letter-spacing:-.03em}
.came-software-copy p{margin:0;color:#d8e8f1;line-height:1.68}
.came-software-tags{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
.came-software-tags span{padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);font-size:10px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}
.came-software-copy>a{color:#fff;font-size:12px;font-weight:900}
.came-software-callout figure{margin:0;border-radius:20px;overflow:hidden;background:#fff;position:relative}
.came-software-callout figure img{width:100%;height:300px;object-fit:contain;padding:12px}
.came-software-callout figcaption{position:absolute;left:12px;right:12px;bottom:12px;padding:9px 10px;border-radius:11px;background:rgba(5,27,43,.84);color:#fff;font-size:10px}

@media(max-width:1100px){
  .lince-overview,.lince-integration,.came-software-callout{grid-template-columns:1fr}
  .lince-feature-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
  .lince-dashboard{grid-template-columns:1fr}
  .lince-dashboard img{min-height:240px}
  .lince-feature-grid,.lince-integration-points{grid-template-columns:1fr}
  .lince-copy,.lince-integration,.came-software-callout{padding:22px}
  .came-software-callout figure img{height:230px}
}


/* V24 — Sistemas de Guiado CAME PARKARE Optima */
.optima-section{background:linear-gradient(180deg,#fff,#f6fafc 48%,#fff)}
.optima-intro{max-width:var(--wrap);margin:0 auto 24px;display:grid;grid-template-columns:.9fr 1.1fr;gap:24px}
.optima-copy{padding:30px;border-radius:28px;background:linear-gradient(145deg,#073454,#0c5a87);color:#fff;box-shadow:var(--shadow-card)}
.optima-copy>small{display:block;color:#83e9b2;font-size:11px;font-weight:900;letter-spacing:.13em;margin-bottom:10px}
.optima-copy h3{font-size:clamp(30px,3.2vw,44px);line-height:1.03;letter-spacing:-.035em;margin:0 0 14px}
.optima-copy p{margin:0;color:#d8e8f2;line-height:1.72}
.optima-value-pills{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}
.optima-value-pills span{padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.13);font-size:10px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}
.optima-source{color:#fff;font-size:12px;font-weight:900;border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:4px}

.optima-visual{position:relative;border-radius:28px;overflow:hidden;min-height:430px;background:#071f31;box-shadow:var(--shadow-card)}
.optima-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,18,28,.05),rgba(2,18,28,.72))}
.optima-visual>img{width:100%;height:100%;min-height:430px;object-fit:cover;filter:saturate(.75) contrast(1.05)}
.optima-overlay{position:absolute;z-index:3;top:20px;right:20px;width:170px;padding:16px;border-radius:20px;background:rgba(4,31,49,.9);border:1px solid rgba(255,255,255,.15);color:#fff;text-align:center}
.optima-overlay span{display:block;font-size:42px;line-height:.95;color:#78e393;font-weight:900}
.optima-overlay b{display:block;margin:5px 0 8px;font-size:14px;text-transform:uppercase;letter-spacing:.06em}
.optima-overlay small{display:block;color:#cfe2ec;font-size:10px;line-height:1.45}
.optima-route{position:absolute;z-index:3;left:20px;right:20px;bottom:20px;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:13px 16px;border-radius:18px;background:rgba(4,31,49,.88);color:#fff}
.optima-route span{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.09);font-size:11px;font-weight:800}
.optima-route i{font-style:normal;color:#7ee6a8;font-size:20px}

.optima-benefits{max-width:var(--wrap);margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.optima-benefits article{padding:22px;border-radius:22px;background:#fff;border:1px solid #dbe7ed;box-shadow:0 12px 30px rgba(7,33,53,.06)}
.optima-benefits article>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#e8f6ff,#e8faed);color:#0879b4;font-size:11px;font-weight:900;margin-bottom:14px}
.optima-benefits h3{margin:0 0 8px;color:#082b45;font-size:20px}
.optima-benefits p{margin:0;color:#587181;font-size:13px;line-height:1.62}

.optima-components{max-width:var(--wrap);margin:22px auto 0;padding:26px;border-radius:28px;background:#082943;color:#fff;display:grid;grid-template-columns:.72fr 1.28fr;gap:24px}
.optima-components-copy>span,.optima-usecases>div:first-child>span{font-size:10px;font-weight:900;letter-spacing:.13em;color:#7ee6a8}
.optima-components-copy h3,.optima-usecases h3{font-size:30px;line-height:1.05;margin:9px 0}
.optima-components-copy p{margin:0;color:#d8e7ef;line-height:1.7}
.optima-component-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.optima-component-grid article{padding:16px;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1)}
.optima-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#1295db,#64c454);color:#fff;font-size:22px;font-weight:900;margin-bottom:10px}
.optima-component-grid h4{margin:0 0 6px;font-size:15px}
.optima-component-grid p{margin:0;color:#d5e5ee;font-size:12px;line-height:1.55}

.optima-usecases{max-width:var(--wrap);margin:22px auto 0;padding:26px;border-radius:26px;background:#f5f9fb;border:1px solid #dce7ed}
.optima-usecases h3{color:#082b45;max-width:22ch}
.optima-usecase-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}
.optima-usecase-grid article{padding:16px;border-radius:18px;background:#fff;border:1px solid #dce7ed}
.optima-usecase-grid b{display:block;color:#0b5e8f;margin-bottom:6px}
.optima-usecase-grid p{margin:0;color:#587181;font-size:12px;line-height:1.55}

.guidance-home{background:linear-gradient(180deg,#061b2b,#082f4b);color:#fff}
.guidance-home .head h2,.guidance-home .head p{color:#fff}
.guidance-home .head p{color:#d5e6ef}
.guidance-layout{max-width:var(--wrap);margin:0 auto;display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:center}
.guidance-image{position:relative;border-radius:28px;overflow:hidden;min-height:430px;box-shadow:0 24px 60px rgba(0,0,0,.2)}
.guidance-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,18,28,.02),rgba(2,18,28,.58))}
.guidance-image img{width:100%;height:430px;object-fit:cover;filter:saturate(.7)}
.guidance-sign{position:absolute;z-index:3;left:22px;top:22px;padding:16px 20px;border-radius:18px;background:#07314e;color:#fff;border:1px solid rgba(255,255,255,.15);box-shadow:0 14px 30px rgba(0,0,0,.18)}
.guidance-sign small{display:block;font-size:9px;letter-spacing:.12em;color:#b8d9e8}
.guidance-sign strong{display:block;font-size:44px;color:#77e38f;line-height:1}
.guidance-sign span{display:block;font-size:12px;font-weight:900;margin-top:5px}
.guidance-copy>span{font-size:10px;font-weight:900;letter-spacing:.13em;color:#7ee6a8}
.guidance-copy h3{font-size:clamp(30px,3.2vw,44px);line-height:1.04;margin:10px 0 12px}
.guidance-copy>p{margin:0;color:#d5e5ee;line-height:1.7}
.guidance-points{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}
.guidance-points article{padding:14px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.guidance-points b{display:block;color:#fff;margin-bottom:4px}
.guidance-points span{font-size:12px;color:#cfe0e9}
.guidance-copy>a{display:inline-flex;color:#fff;font-size:12px;font-weight:900;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.35)}

.guided-solutions{background:#f6fafc}
.guided-solutions-grid{max-width:var(--wrap);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.guided-solutions-grid article{padding:20px;border-radius:22px;background:#fff;border:1px solid #dbe7ed;box-shadow:0 12px 28px rgba(7,33,53,.05)}
.guided-solutions-grid h3{margin:0 0 8px;color:#082b45}
.guided-solutions-grid p{margin:0;color:#587181;line-height:1.6}
.guided-solutions-cta{max-width:var(--wrap);margin:16px auto 0;padding:18px 22px;border-radius:22px;background:#082943;color:#fff;display:flex;align-items:center;gap:16px}
.guided-solutions-cta>span{font-size:10px;font-weight:900;letter-spacing:.11em;color:#7ee6a8}
.guided-solutions-cta p{margin:0;flex:1;color:#d7e6ef}
.guided-solutions-cta a{color:#fff;font-size:12px;font-weight:900}

@media(max-width:1100px){
  .optima-intro,.optima-components,.guidance-layout{grid-template-columns:1fr}
  .optima-benefits{grid-template-columns:repeat(2,1fr)}
  .optima-usecase-grid,.guided-solutions-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
  .optima-benefits,.optima-component-grid,.optima-usecase-grid,.guidance-points,.guided-solutions-grid{grid-template-columns:1fr}
  .optima-copy,.optima-components,.optima-usecases{padding:22px}
  .optima-visual,.optima-visual>img,.guidance-image,.guidance-image img{min-height:300px;height:300px}
  .optima-overlay{width:145px}
  .guided-solutions-cta{align-items:flex-start;flex-direction:column}
}


/* V25 — Guiado WOW Machines Ultrapark + comparativo multimarca */
.wow-guidance-section{background:linear-gradient(180deg,#fff,#f7fafc)}
.wow-guidance-hero{max-width:var(--wrap);margin:0 auto 24px;display:grid;grid-template-columns:.95fr 1.05fr;gap:24px}
.wow-guidance-copy{padding:30px;border-radius:28px;background:linear-gradient(145deg,#211c29,#49372c 58%,#6a5218);color:#fff;box-shadow:var(--shadow-card)}
.wow-guidance-copy>small{display:block;color:#ffd76e;font-size:11px;font-weight:900;letter-spacing:.13em;margin-bottom:10px}
.wow-guidance-copy h3{font-size:clamp(30px,3.2vw,44px);line-height:1.03;margin:0 0 14px;letter-spacing:-.035em}
.wow-guidance-copy p{margin:0;color:#f0e9dc;line-height:1.72}
.wow-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:20px 0}
.wow-metrics span{padding:13px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}
.wow-metrics b{display:block;font-size:25px;line-height:1;color:#ffda6f}
.wow-metrics small{display:block;margin-top:4px;color:#e7ddd0;font-size:10px;line-height:1.4}
.wow-guidance-source{color:#fff;font-size:12px;font-weight:900;border-bottom:1px solid rgba(255,255,255,.35)}
.wow-guidance-visual{position:relative;border-radius:28px;overflow:hidden;background:#16171a;box-shadow:var(--shadow-card)}
.wow-guidance-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.55))}
.wow-guidance-visual img{width:100%;height:100%;min-height:430px;object-fit:cover}
.wow-guidance-status{position:absolute;z-index:3;left:20px;right:20px;bottom:20px;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.wow-guidance-status span{display:flex;align-items:center;gap:7px;padding:9px 12px;border-radius:999px;background:rgba(18,20,23,.88);color:#fff;font-size:10px;font-weight:900}
.wow-guidance-status i{width:10px;height:10px;border-radius:50%;background:#54d96b}
.wow-guidance-status span:nth-child(2) i{background:#e34f4f}
.wow-guidance-status span:nth-child(3) i{background:#e3c14f}

.wow-guidance-benefits{max-width:var(--wrap);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.wow-guidance-benefits article{padding:22px;border-radius:22px;background:#fff;border:1px solid #dce7ed;box-shadow:0 12px 30px rgba(7,33,53,.06)}
.wow-guidance-benefits article>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#f2eadb,#fff4c8);color:#8b6817;font-size:11px;font-weight:900;margin-bottom:14px}
.wow-guidance-benefits h3{margin:0 0 8px;color:#30291e;font-size:20px}
.wow-guidance-benefits p{margin:0;color:#665f55;font-size:13px;line-height:1.62}

.wow-guidance-components{max-width:var(--wrap);margin:22px auto 0;padding:26px;border-radius:28px;background:#211c29;color:#fff;display:grid;grid-template-columns:.72fr 1.28fr;gap:24px}
.wow-guidance-components-copy>span,.wow-software-guidance>div>span,.wow-integration-band>div>span{font-size:10px;font-weight:900;letter-spacing:.13em;color:#ffd76e}
.wow-guidance-components h3,.wow-software-guidance h3,.wow-integration-band h3{font-size:30px;line-height:1.05;margin:9px 0}
.wow-guidance-components p,.wow-software-guidance p,.wow-integration-band p{margin:0;color:#e7dfd3;line-height:1.7}
.wow-guidance-component-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.wow-guidance-component-grid article{padding:16px;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1)}
.wow-guidance-component-grid h4{margin:0 0 6px}
.wow-guidance-component-grid p{font-size:12px;line-height:1.55}

.wow-software-guidance{max-width:var(--wrap);margin:22px auto 0;padding:26px;border-radius:28px;background:linear-gradient(135deg,#252228,#4a3a2e);color:#fff;display:grid;grid-template-columns:1fr .85fr;gap:24px;align-items:center}
.wow-software-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.wow-software-tags span{padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.11);font-size:10px;font-weight:900;text-transform:uppercase}
.wow-software-guidance figure{margin:0;position:relative;border-radius:20px;overflow:hidden;background:#fff}
.wow-software-guidance img{width:100%;height:300px;object-fit:cover}
.wow-software-guidance figcaption{position:absolute;left:12px;right:12px;bottom:12px;padding:9px 10px;border-radius:11px;background:rgba(25,20,16,.85);color:#fff;font-size:10px}

.wow-integration-band{max-width:var(--wrap);margin:22px auto 0;padding:24px;border-radius:26px;background:#f7f4ed;border:1px solid #e6dfd3;display:grid;grid-template-columns:1fr .75fr;gap:22px}
.wow-integration-band h3{color:#30291e}
.wow-integration-band p{color:#665f55}
.wow-integration-points{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.wow-integration-points span{display:grid;place-items:center;padding:14px;border-radius:16px;background:#fff;border:1px solid #e7dfd3;color:#5e4b24;font-size:12px;font-weight:900;text-align:center}

.guidance-compare{background:linear-gradient(180deg,#061b2b,#082f4b);color:#fff}
.guidance-compare .head h2,.guidance-compare .head p{color:#fff}
.guidance-brand-grid{max-width:var(--wrap);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.guidance-brand-card{padding:24px;border-radius:28px;background:#fff;color:#08243a;box-shadow:0 22px 50px rgba(0,0,0,.18);border-top:5px solid #1295db}
.guidance-brand-card.wow{border-top-color:#d1a538}
.guidance-brand-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.guidance-brand-head img{width:170px;height:54px;object-fit:contain}
.guidance-brand-head>span{padding:8px 11px;border-radius:999px;background:#eef7fc;color:#0c689e;font-size:10px;font-weight:900}
.guidance-brand-card.wow .guidance-brand-head>span{background:#fbf4dd;color:#7e631a}
.guidance-brand-card h3{font-size:26px;line-height:1.05;margin:0 0 10px}
.guidance-brand-card p{color:#587181;line-height:1.65}
.guidance-brand-card ul{padding-left:20px;color:#29485c;line-height:1.7}
.guidance-brand-card a{font-size:12px;font-weight:900;color:#0c6b9e}
.guidance-brand-card.wow a{color:#7b621d}
.guidance-compare-band{max-width:var(--wrap);margin:18px auto 0;padding:22px 24px;border-radius:24px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.11);display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}
.guidance-compare-band>div>span{font-size:10px;font-weight:900;letter-spacing:.13em;color:#7ee6a8}
.guidance-compare-band h3{font-size:27px;line-height:1.06;margin:8px 0}
.guidance-compare-band p{margin:0;color:#d5e6ef;line-height:1.65}
.guidance-compare-band a{display:inline-flex;padding:12px 18px;border-radius:999px;background:#fff;color:#0b456b;font-size:12px;font-weight:900;white-space:nowrap}

.guided-brand-comparison{max-width:var(--wrap);margin:0 auto 16px;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.guided-brand-comparison article{padding:22px;border-radius:22px;background:#fff;border:1px solid #dbe7ed;box-shadow:0 12px 28px rgba(7,33,53,.05)}
.guided-brand-comparison article>span{font-size:10px;font-weight:900;letter-spacing:.11em;color:#0c72a8}
.guided-brand-comparison article:nth-child(2)>span{color:#816419}
.guided-brand-comparison h3{font-size:23px;margin:8px 0;color:#082b45}
.guided-brand-comparison p{color:#587181;line-height:1.6}
.guided-brand-comparison a{font-size:12px;font-weight:900;color:#0c6c9f}

@media(max-width:1100px){
  .wow-guidance-hero,.wow-guidance-components,.wow-software-guidance,.wow-integration-band{grid-template-columns:1fr}
  .wow-guidance-benefits{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:800px){
  .guidance-brand-grid,.guided-brand-comparison,.guidance-compare-band{grid-template-columns:1fr}
  .guidance-compare-band a{white-space:normal}
}
@media(max-width:700px){
  .wow-guidance-benefits,.wow-guidance-component-grid,.wow-integration-points{grid-template-columns:1fr}
  .wow-guidance-copy,.wow-guidance-components,.wow-software-guidance,.wow-integration-band{padding:22px}
  .wow-guidance-visual img{min-height:300px}
  .wow-metrics{grid-template-columns:1fr 1fr}
}


/* V26 — Página centralizada de Sistemas de Guiado */
.guided-hero{padding:72px var(--spaceX);background:linear-gradient(135deg,#061b2b,#0a456b);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}
.guided-hero-copy>span{font-size:11px;font-weight:900;letter-spacing:.14em;color:#7ee6a8}
.guided-hero h1{font-size:clamp(44px,5vw,72px);line-height:.97;letter-spacing:-.045em;margin:14px 0 18px;max-width:13ch}
.guided-hero p{font-size:17px;line-height:1.7;color:#d6e7ef;max-width:64ch}
.guided-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.guided-hero-actions a,.guided-final-cta a{display:inline-flex;padding:12px 18px;border-radius:999px;background:linear-gradient(135deg,#159fe1,#0b78b7);color:#fff;font-size:12px;font-weight:900}
.guided-hero-actions .ghost,.guided-final-cta .ghost{background:transparent;border:1px solid rgba(255,255,255,.3)}
.guided-hero-visual{position:relative;border-radius:30px;overflow:hidden;min-height:430px}
.guided-hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.56))}
.guided-hero-visual img{width:100%;height:430px;object-fit:cover}
.guided-count-board{position:absolute;z-index:3;left:22px;top:22px;padding:17px 20px;border-radius:18px;background:rgba(5,37,57,.92);color:#fff}
.guided-count-board small{display:block;font-size:9px;letter-spacing:.12em;color:#cde4ef}
.guided-count-board strong{display:block;font-size:46px;line-height:1;color:#79e493}
.guided-count-board span{display:block;margin-top:5px;font-size:12px;font-weight:900}

.guided-benefit-grid{max-width:var(--wrap);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.guided-benefit-grid article,.guided-detail-grid article{padding:22px;border-radius:22px;background:#fff;border:1px solid #dce7ed;box-shadow:0 12px 30px rgba(7,33,53,.05)}
.guided-benefit-grid article>span,.guided-detail-grid article>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#eaf7ff,#e8faed);color:#0b78b0;font-size:11px;font-weight:900;margin-bottom:14px}
.guided-benefit-grid h3,.guided-detail-grid h3{margin:0 0 8px;color:#082b45}
.guided-benefit-grid p,.guided-detail-grid p{margin:0;color:#587181;line-height:1.62;font-size:13px}

.guided-brand-section{scroll-margin-top:95px}
.guided-brand-title{max-width:var(--wrap);margin:0 auto 22px;display:flex;align-items:center;gap:22px}
.guided-brand-title img{width:220px;height:72px;object-fit:contain}
.guided-brand-title span{font-size:10px;font-weight:900;letter-spacing:.13em;color:#0c73aa}
.guided-brand-title h2{font-size:clamp(32px,4vw,50px);line-height:1.02;margin:7px 0 0;color:#082b45}
.wow-guided .guided-brand-title span{color:#80631c}

.guided-brand-main{max-width:var(--wrap);margin:0 auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:22px}
.guided-brand-copy{padding:26px;border-radius:26px;background:#082e4a;color:#fff}
.wow-guided .guided-brand-copy{background:linear-gradient(145deg,#241f2a,#59462e)}
.guided-brand-copy p{margin:0;color:#d6e7ef;line-height:1.72}
.wow-guided .guided-brand-copy p{color:#eee5d9}
.guided-brand-pills{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
.guided-brand-pills span{padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);font-size:10px;font-weight:900;text-transform:uppercase}
.guided-brand-copy>a{color:#fff;font-size:12px;font-weight:900}
.guided-brand-image{position:relative;border-radius:26px;overflow:hidden;min-height:390px;background:#091f30}
.guided-brand-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.5))}
.guided-brand-image img{width:100%;height:390px;object-fit:cover}
.guided-mini-route,.guided-led-status{position:absolute;z-index:3;left:18px;right:18px;bottom:18px;display:flex;gap:8px;justify-content:center;flex-wrap:wrap;padding:12px;border-radius:16px;background:rgba(5,28,43,.88);color:#fff}
.guided-mini-route span,.guided-led-status span{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.09);font-size:10px;font-weight:900}
.guided-led-status i{display:inline-block;width:9px;height:9px;border-radius:50%;background:#55da6c;margin-right:5px}
.guided-led-status span:nth-child(2) i{background:#e24e4e}.guided-led-status span:nth-child(3) i{background:#dfbd46}

.guided-detail-grid{max-width:var(--wrap);margin:18px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.guided-components,.guided-software{max-width:var(--wrap);margin:20px auto 0;padding:26px;border-radius:26px;background:#082943;color:#fff;display:grid;grid-template-columns:.72fr 1.28fr;gap:22px}
.wow-components{background:#241f2a}
.guided-components>div:first-child>span,.guided-software>div>span,.guided-usecases>span,.guided-integrations>span{font-size:10px;font-weight:900;letter-spacing:.12em;color:#7ee6a8}
.wow-components>div:first-child>span,.wow-guided .guided-software>div>span,.wow-guided .guided-integrations>span{color:#ffd76e}
.guided-components h3,.guided-software h3{font-size:30px;line-height:1.05;margin:8px 0}
.guided-component-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.guided-component-grid article{padding:16px;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1)}
.guided-component-grid h4{margin:0 0 6px}.guided-component-grid p{margin:0;color:#d7e6ef;font-size:12px;line-height:1.55}
.guided-usecases,.guided-integrations{max-width:var(--wrap);margin:20px auto 0;padding:22px;border-radius:24px;background:#f5f9fb;border:1px solid #dce7ed}
.guided-usecases>div,.guided-integrations>div{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}
.guided-usecases article,.guided-integrations article{padding:14px;border-radius:16px;background:#fff;border:1px solid #dce7ed}
.guided-usecases b{display:block;margin-bottom:5px;color:#0a689b}.guided-usecases p{margin:0;color:#587181;font-size:12px;line-height:1.55}
.guided-metrics{max-width:var(--wrap);margin:18px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.guided-metrics article{padding:18px;border-radius:18px;background:#fff;border:1px solid #e4ddd1;text-align:center}
.guided-metrics b{display:block;font-size:28px;color:#7c611b}.guided-metrics span{display:block;margin-top:5px;color:#625b51;font-size:11px}
.guided-software figure{margin:0;position:relative;border-radius:18px;overflow:hidden;background:#fff}.guided-software img{width:100%;height:280px;object-fit:cover}.guided-software figcaption{position:absolute;left:12px;right:12px;bottom:12px;padding:9px;border-radius:10px;background:rgba(5,25,39,.85);color:#fff;font-size:10px}

.guided-compare-table{max-width:var(--wrap);margin:0 auto;border-radius:24px;overflow:hidden;border:1px solid #dce7ed;background:#fff}
.guided-compare-table>div{display:grid;grid-template-columns:.8fr 1fr 1fr;border-bottom:1px solid #e5edf2}
.guided-compare-table>div:last-child{border-bottom:0}
.guided-compare-table span{padding:15px 16px;color:#456176;font-size:13px}
.guided-compare-table>div span:first-child{font-weight:900;color:#082b45;background:#f5f9fb}
.guided-compare-table .gc-head{background:#082943}
.guided-compare-table .gc-head span{color:#fff!important;background:transparent!important;font-weight:900}

.guided-final-cta{max-width:var(--wrap);margin:72px auto;padding:32px;border-radius:28px;background:linear-gradient(135deg,#082943,#0c5c89);color:#fff;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center}
.guided-final-cta>div:first-child>span{font-size:10px;font-weight:900;letter-spacing:.13em;color:#7ee6a8}
.guided-final-cta h2{font-size:clamp(30px,3vw,44px);line-height:1.05;margin:8px 0}.guided-final-cta p{margin:0;color:#d6e7ef;max-width:65ch}
.guided-final-cta>div:last-child{display:flex;flex-direction:column;gap:10px;min-width:230px}

.brand-guidance-teaser{background:#f7fafc}
.brand-guidance-link{max-width:var(--wrap);margin:0 auto;padding:20px 22px;border-radius:22px;background:#082943;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:20px}
.wow-teaser .brand-guidance-link{background:linear-gradient(135deg,#241f2a,#5a472f)}
.brand-guidance-link b{display:block;font-size:19px}.brand-guidance-link span{display:block;margin-top:4px;color:#d6e6ef;font-size:13px}.brand-guidance-link a{color:#fff;font-size:12px;font-weight:900;white-space:nowrap}

@media(max-width:1000px){
  .guided-hero,.guided-brand-main,.guided-components,.guided-software,.guided-final-cta{grid-template-columns:1fr}
  .guided-benefit-grid,.guided-detail-grid{grid-template-columns:repeat(2,1fr)}
  .guided-metrics,.guided-usecases>div,.guided-integrations>div{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
  .guided-hero{padding:46px 20px}
  .guided-benefit-grid,.guided-detail-grid,.guided-component-grid,.guided-metrics,.guided-usecases>div,.guided-integrations>div{grid-template-columns:1fr}
  .guided-brand-title{align-items:flex-start;flex-direction:column}
  .guided-brand-title img{width:180px;height:56px}
  .guided-brand-copy,.guided-components,.guided-software{padding:20px}
  .guided-brand-image,.guided-brand-image img{height:280px;min-height:280px}
  .guided-compare-table>div{grid-template-columns:1fr}
  .guided-compare-table .gc-head{display:none}
  .guided-compare-table>div span:first-child{border-bottom:1px solid #e5edf2}
  .guided-final-cta{margin:50px 20px}
  .brand-guidance-link{flex-direction:column;align-items:flex-start}
}


/* V27 — Hikvision Parking Guidance */
.hik-wordmark{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:210px;
  height:66px;
  padding:0 18px;
  border-radius:12px;
  background:#fff;
  color:#e51b23;
  font-size:31px;
  font-weight:950;
  letter-spacing:-.045em;
  font-family:Arial,Helvetica,sans-serif;
  border:1px solid #e1e7eb;
  box-shadow:0 8px 20px rgba(7,33,53,.05);
}
.hik-wordmark.small{
  min-width:160px;
  width:160px;
  height:52px;
  font-size:24px;
  box-shadow:none;
}
.hik-title>div:last-child>span{color:#d71920}
.hik-copy{background:linear-gradient(145deg,#171d22,#313a42)}
.guided-brand-pills.hik span{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.14)}
.hik-guided .guided-detail-grid article>span{background:linear-gradient(135deg,#fff0f0,#eef5f7);color:#d71920}
.hik-components{background:linear-gradient(145deg,#182027,#303a42)}
.hik-components>div:first-child>span,.hik-software>div>span,.hik-integrations>span{color:#ff7277}

.hik-video-card{
  padding:18px;
  border-radius:26px;
  background:#111820;
  color:#fff;
  box-shadow:var(--shadow-card);
}
.hik-video-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}
.hik-video-label span{padding:7px 10px;border-radius:999px;background:#d71920;color:#fff;font-size:9px;font-weight:900;letter-spacing:.12em}
.hik-video-label b{font-size:12px;color:#dbe5ea;text-align:right}
.hik-video-wrap{position:relative;width:100%;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#000}
.hik-video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.hik-video-card>p{margin:11px 2px 0;color:#aebdc5;font-size:10px;line-height:1.5}

.hik-tech-band{
  max-width:var(--wrap);
  margin:20px auto 0;
  padding:26px;
  border-radius:26px;
  background:linear-gradient(135deg,#f6f8fa,#fff);
  border:1px solid #dce4e8;
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:22px;
}
.hik-tech-copy>span{font-size:10px;font-weight:900;letter-spacing:.12em;color:#d71920}
.hik-tech-copy h3{font-size:30px;line-height:1.06;margin:8px 0;color:#18242d}
.hik-tech-copy p{margin:0;color:#5b6b75;line-height:1.68}
.hik-tech-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.hik-tech-grid article{padding:17px;border-radius:17px;background:#fff;border:1px solid #e0e6e9}
.hik-tech-grid b{display:block;color:#d71920;font-size:18px;margin-bottom:5px}
.hik-tech-grid span{display:block;color:#5e6e78;font-size:11px;line-height:1.5}

.hik-software{background:linear-gradient(145deg,#161e24,#36434c)}
.hik-software figure img{filter:saturate(.7)}
.hik-integrations{background:#f7f8f9}
.hik-integrations>div article{color:#293943;font-weight:800}

.guidance-brand-card.hik{border-top-color:#d71920}
.guidance-brand-card.hik .guidance-brand-head>span{background:#fff0f0;color:#c91920}
.guidance-brand-card.hik a{color:#c91920}

/* Three cards in guidance areas */
.guidance-brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.guided-brand-comparison{grid-template-columns:repeat(3,minmax(0,1fr))!important}

/* 4-column comparison: Aspect + 3 brands */
.guided-compare-table-4>div{grid-template-columns:.72fr 1fr 1fr 1fr!important}

@media(max-width:1100px){
  .guidance-brand-grid,.guided-brand-comparison{grid-template-columns:1fr!important}
  .hik-tech-band{grid-template-columns:1fr}
}
@media(max-width:700px){
  .hik-wordmark{min-width:175px;width:175px;height:56px;font-size:26px}
  .hik-wordmark.small{min-width:145px;width:145px;height:46px;font-size:21px}
  .hik-video-label{align-items:flex-start;flex-direction:column}
  .hik-video-label b{text-align:left}
  .hik-tech-grid{grid-template-columns:1fr}
  .guided-compare-table-4>div{grid-template-columns:1fr!important}
}


/* V28 — User-provided assets for Sistema guiado */
.guided-hero-visual-photo{
  min-height:460px;
  background:#08131d;
}
.guided-hero-visual-photo img{
  height:460px;
  object-fit:cover;
  object-position:center;
}
.guided-hero-visual-photo:after{
  background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.52));
}

.came-guided .guided-brand-image{
  background:#02070c;
}
.came-guided .guided-brand-image:after{
  background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.24));
}
.came-guided .guided-brand-image img.came-guided-family{
  object-fit:contain;
  background:#02070c;
  padding:18px;
  height:390px;
}

.guided-brand-title-logo{
  align-items:flex-end;
}
.hik-logo-img{
  width:220px;
  height:72px;
  object-fit:contain;
  display:block;
}
.hik-logo-card{
  width:150px;
  height:44px;
  object-fit:contain;
  display:block;
}
.hik-logo-sol{
  width:148px;
  height:44px;
  object-fit:contain;
  display:block;
  margin-bottom:10px;
}
.guided-sol-card-hik{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

.hik-title > div:last-child > span{
  color:#d71920;
}

@media(max-width:1100px){
  .guided-hero-visual-photo,
  .guided-hero-visual-photo img{
    min-height:360px;
    height:360px;
  }
}

@media(max-width:700px){
  .guided-hero-visual-photo,
  .guided-hero-visual-photo img{
    min-height:300px;
    height:300px;
  }
  .hik-logo-img{
    width:170px;
    height:56px;
  }
  .hik-logo-card,
  .hik-logo-sol{
    width:132px;
    height:40px;
  }
}


/* V29 — refinamiento Sistema Guiado */
.hik-video-card{display:grid;gap:14px}
.hik-photo-showcase{display:grid;gap:12px}
.hik-photo-main,.hik-photo-grid figure{margin:0;border-radius:18px;overflow:hidden;background:#0d141b;border:1px solid rgba(255,255,255,.08)}
.hik-photo-main img,.hik-photo-grid img{width:100%;display:block;object-fit:cover}
.hik-photo-main img{height:240px}
.hik-photo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.hik-photo-grid img{height:132px}
.hik-photo-showcase figcaption{padding:10px 12px;color:#cfdae0;font-size:10px;line-height:1.5}
.hik-software figure img{filter:none}

@media(max-width:700px){
  .hik-photo-grid{grid-template-columns:1fr}
  .hik-photo-main img{height:210px}
  .hik-photo-grid img{height:170px}
}

/* V31R1 — premium conversion polish */
:root{--border-soft:#dce7ed;--ink:#08243a;--muted:#587181}
html{scroll-behavior:smooth}
.header{position:sticky;top:0;z-index:1000;backdrop-filter:blur(18px);background:rgba(255,255,255,.94)!important;border-bottom:1px solid rgba(8,36,58,.08);box-shadow:0 6px 22px rgba(5,28,43,.045)}
.header nav a{font-weight:750}.section{padding-top:82px;padding-bottom:82px}.head{margin-bottom:34px}.head h2{letter-spacing:-.035em}.head p{line-height:1.72}
.hero-v31{min-height:620px;align-items:center;background:radial-gradient(circle at 78% 25%,rgba(20,156,223,.14),transparent 34%),linear-gradient(135deg,#061b2b,#092f4a 64%,#0b4f76)!important}
.hero-v31 .hero-copy>span{color:#79e4a4}.hero-v31 h1{max-width:10.5ch;font-size:clamp(48px,5.2vw,78px);line-height:.96;letter-spacing:-.055em}.hero-v31 h1 em{font-style:normal;color:#76d8ff}.hero-v31 .hero-copy>p{max-width:60ch;font-size:17px;line-height:1.72;color:#d8e8f1}
.hero-proof b{background:rgba(255,255,255,.075)!important;border:1px solid rgba(255,255,255,.12)!important;color:#eff8fc!important}.hero-contact-line{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:18px;color:#b9d2df;font-size:11px;font-weight:750}.hero-contact-line span+span:before{content:"•";margin-right:18px;color:#68d590}
.hero-product{min-height:500px!important;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#071522,#0b2337)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 34px 70px rgba(0,0,0,.26)}.hero-product:after{background:linear-gradient(180deg,rgba(3,18,29,0) 52%,rgba(3,18,29,.78) 100%)!important}.hero-product img{width:100%!important;height:500px!important;object-fit:contain!important;padding:26px!important;filter:none!important;background:transparent!important}
.solution-card,.value-card,.resolve-card,.case-card,.support-plan,.pv-teaser-card,.guidance-brand-card{border-color:var(--border-soft)!important;box-shadow:0 12px 34px rgba(7,33,53,.055)!important;transition:transform .2s ease,box-shadow .2s ease}.solution-card:hover,.value-card:hover,.resolve-card:hover,.case-card:hover,.guidance-brand-card:hover{transform:translateY(-3px);box-shadow:0 20px 44px rgba(7,33,53,.09)!important}
.lead-location{max-width:none!important;display:grid!important;grid-template-columns:1.05fr .95fr;gap:24px;background:linear-gradient(180deg,#f5fafc,#fff)}.lead-location-copy{padding-left:max(var(--spaceX),calc((100vw - var(--wrap))/2))}.lead-location-copy>span{font-size:10px;font-weight:900;letter-spacing:.14em;color:#0a78b6}.lead-location-copy h2{font-size:clamp(34px,3.4vw,50px);line-height:1.03;letter-spacing:-.04em;margin:10px 0 14px;max-width:18ch}.lead-location-copy>p{color:var(--muted);line-height:1.7}
.lead-contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.lead-contact-grid>a,.lead-contact-grid>div{padding:16px;border-radius:18px;background:#fff;border:1px solid var(--border-soft);text-decoration:none;box-shadow:0 10px 24px rgba(7,33,53,.04)}.lead-contact-grid small{display:block;color:#0b75ac;font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.lead-contact-grid b{display:block;margin:5px 0;color:#08243a;font-size:14px;word-break:break-word}.lead-contact-grid span{display:block;color:#6b8190;font-size:10px;line-height:1.45}.lead-primary{display:inline-flex;padding:13px 18px;border-radius:999px;background:linear-gradient(135deg,#1298dc,#0875b2);color:#fff;font-size:12px;font-weight:900}
.lead-map{margin-right:max(var(--spaceX),calc((100vw - var(--wrap))/2));border-radius:28px;overflow:hidden;border:1px solid var(--border-soft);background:#fff;box-shadow:0 16px 42px rgba(7,33,53,.08)}.lead-map iframe{display:block;width:100%;height:340px;border:0}.map-caption{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:16px 18px}.map-caption b{display:block}.map-caption span{display:block;margin-top:4px;color:#687f8e;font-size:11px}.map-caption a{font-size:11px;font-weight:900;color:#0a76ad}
.contact-hero{background:linear-gradient(135deg,#061b2b,#0c4b71)!important;color:#fff}.contact-hero span{color:#7ee6a8!important}.contact-hero p{color:#d5e6ef!important}.contact-v31{display:grid!important;grid-template-columns:.88fr 1.12fr;gap:28px;align-items:start}.contact-info{padding:28px;border-radius:28px;background:#082943;color:#fff}.contact-info>span{font-size:10px;font-weight:900;letter-spacing:.13em;color:#7ee6a8}.contact-info h2{font-size:36px;margin:8px 0 10px;color:#fff}.contact-info>p{color:#d7e6ef;line-height:1.65}
.contact-stack{display:grid;gap:9px;margin:18px 0}.contact-stack>a,.contact-stack>div{padding:13px 14px;border-radius:15px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);color:#fff;text-decoration:none}.contact-stack small{display:block;color:#8db3c7;font-size:9px;text-transform:uppercase}.contact-stack b{display:block;margin-top:4px;font-size:13px;line-height:1.4;color:#fff}.contact-map{margin-top:18px;border-radius:18px;overflow:hidden;background:#fff}.contact-map iframe{display:block;width:100%;height:240px;border:0}.contact-map a{display:block;padding:11px 13px;color:#0a6fa4;font-size:11px;font-weight:900}
.lead-form{padding:28px!important;border-radius:28px!important;background:#fff!important;border:1px solid var(--border-soft)!important;box-shadow:0 18px 50px rgba(7,33,53,.08)}.form-intro{grid-column:1/-1}.form-intro small{color:#0b77ae;font-size:9px;font-weight:900}.form-intro h3{font-size:30px;margin:6px 0 5px}.lead-form input,.lead-form select,.lead-form textarea{border-radius:12px!important;border:1px solid #cfdce3!important;background:#fbfdfe!important}.lead-form button{border-radius:999px!important}.form-privacy{font-size:9px!important;color:#8396a2!important}
.national-strip{display:flex;justify-content:center;gap:14px 34px;flex-wrap:wrap;padding:10px var(--spaceX);background:#061b2b;color:#d7e6ef;font-size:10px;font-weight:800;border-bottom:1px solid rgba(255,255,255,.08)}.national-strip span:first-child{color:#7ee6a8;text-transform:uppercase;letter-spacing:.12em}.site-footer{padding-top:42px!important;padding-bottom:42px!important}.footer-brand img{max-width:210px!important}.footer-coverage{display:inline-flex!important;margin-top:10px;padding:7px 10px;border-radius:999px;background:rgba(126,230,168,.1);color:#7ee6a8!important;font-size:10px;font-weight:900}
@media(max-width:1100px){.lead-location{grid-template-columns:1fr}.lead-location-copy{padding:0 var(--spaceX)}.lead-map{margin:0 var(--spaceX)}.lead-contact-grid{grid-template-columns:1fr}.contact-v31{grid-template-columns:1fr}.hero-product{min-height:420px!important}.hero-product img{height:420px!important}}
@media(max-width:700px){.section{padding-top:58px;padding-bottom:58px}.hero-v31 h1{font-size:43px}.hero-contact-line{display:grid;gap:5px}.hero-contact-line span+span:before{display:none}.hero-product{min-height:300px!important}.hero-product img{height:300px!important;padding:14px!important}.lead-map iframe{height:260px}.map-caption{align-items:flex-start;flex-direction:column}.contact-info,.lead-form{padding:21px!important}.national-strip{justify-content:flex-start}}


/* V31R2 — fix solutions architecture cards sizing */
.solutions-architecture .head{align-items:center}
.solutions-architecture .head p{max-width:58ch}
.solutions-architecture .solutions-highlights.standalone{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin-top:28px;
}
.solutions-architecture .solutions-highlights.standalone > span{
  display:grid !important;
  grid-template-columns:72px minmax(0,1fr) !important;
  grid-template-areas:
    "icon title"
    "icon desc";
  align-items:start !important;
  gap:8px 16px !important;
  min-height:168px;
  padding:24px !important;
  border-radius:24px !important;
  background:#fff !important;
  border:1px solid #dce7ed !important;
  box-shadow:0 12px 30px rgba(7,33,53,.06) !important;
}
.solutions-architecture .solutions-highlights.standalone > span .duo-icon{
  grid-area:icon;
  width:62px !important;
  height:62px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:18px !important;
  background:linear-gradient(135deg,#f4fbff,#f0fbf2) !important;
  border:1px solid #e1edf2 !important;
  box-shadow:none !important;
  padding:0 !important;
  margin:0 !important;
}
.solutions-architecture .solutions-highlights.standalone > span .duo-icon svg{
  width:34px !important;
  height:34px !important;
}
.solutions-architecture .solutions-highlights.standalone > span > b{
  grid-area:title;
  display:block;
  margin:8px 0 0;
  color:#082b45 !important;
  font-size:20px !important;
  line-height:1.2 !important;
}
.solutions-architecture .solutions-highlights.standalone > span > small{
  grid-area:desc;
  display:block !important;
  margin:0 !important;
  color:#5b7282 !important;
  font-size:15px !important;
  line-height:1.6 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}
@media(max-width:980px){
  .solutions-architecture .solutions-highlights.standalone{grid-template-columns:1fr;}
}
@media(max-width:640px){
  .solutions-architecture .solutions-highlights.standalone > span{
    grid-template-columns:58px minmax(0,1fr) !important;
    min-height:auto;
    padding:18px !important;
    gap:6px 14px !important;
  }
  .solutions-architecture .solutions-highlights.standalone > span .duo-icon{
    width:54px !important;
    height:54px !important;
    border-radius:16px !important;
  }
  .solutions-architecture .solutions-highlights.standalone > span .duo-icon svg{
    width:30px !important;
    height:30px !important;
  }
  .solutions-architecture .solutions-highlights.standalone > span > b{font-size:18px !important;}
  .solutions-architecture .solutions-highlights.standalone > span > small{font-size:14px !important;}
}


/* V31R3 — principal image for featured solutions card */
.solution-card.featured .solution-visual{position:relative;overflow:hidden;border-radius:22px;margin:0 0 18px;background:linear-gradient(135deg,#f5fbff,#edf5f9);border:1px solid #dbe8ef}
.solution-card.featured .solution-visual img{display:block;width:100%;height:270px;object-fit:cover}
.solution-card.featured .solution-visual figcaption{position:absolute;left:16px;right:16px;bottom:16px;display:grid;gap:4px;padding:14px 16px;border-radius:16px;background:linear-gradient(180deg,rgba(7,35,59,.12),rgba(7,35,59,.78));backdrop-filter:blur(2px)}
.solution-card.featured .solution-visual figcaption strong{font-size:14px;line-height:1.2;color:#fff;letter-spacing:.02em}
.solution-card.featured .solution-visual figcaption span{font-size:13px;line-height:1.5;color:rgba(255,255,255,.92)}
@media(max-width:700px){
  .solution-card.featured .solution-visual img{height:220px}
  .solution-card.featured .solution-visual figcaption{left:12px;right:12px;bottom:12px;padding:12px 14px}
}