:root{
  --bg:#07101f;--bg2:#0b1628;--panel:#0f1d32;--panel2:#13233b;--text:#f4f8ff;--muted:#9aacc3;--line:rgba(255,255,255,.10);
  --blue:#2f7cff;--cyan:#37c8ff;--green:#62e6b3;--ink:#0a1220;--paper:#f6f8fb;--paper2:#edf2f7;--dark:#101827;
  --radius:24px;--shadow:0 28px 80px rgba(0,0,0,.28);--max:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}button,input,textarea,select{font:inherit}.container{width:min(var(--max),calc(100% - 40px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:16px;top:16px;z-index:9999;padding:10px 14px;background:#fff;color:#000;border-radius:8px;transform:translateY(-160%)}.skip-link:focus{transform:none}
.site-header{position:fixed;z-index:1000;inset:0 0 auto;background:rgba(7,16,31,.72);border-bottom:1px solid transparent;backdrop-filter:blur(18px);transition:.3s}.site-header.scrolled{border-color:var(--line);background:rgba(7,16,31,.94)}.nav-wrap{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:11px}.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--cyan));display:grid;place-items:center;font-weight:900;color:white;box-shadow:0 10px 28px rgba(47,124,255,.3)}.brand-copy{display:flex;flex-direction:column;line-height:1.03}.brand-copy strong{font-size:14px;letter-spacing:.02em}.brand-copy small{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.22em;margin-top:4px}.primary-nav{display:flex;align-items:center;gap:28px;font-size:14px;color:#c7d4e5}.primary-nav>a:not(.button){transition:.2s}.primary-nav>a:not(.button):hover,.primary-nav>a.active{color:#fff}.nav-cta{margin-left:4px}.nav-toggle{display:none;border:0;background:transparent;padding:10px}.nav-toggle span:not(.sr-only){display:block;width:24px;height:2px;margin:5px;background:#fff;transition:.25s}
.button{min-height:50px;padding:0 21px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:700;font-size:14px;border:1px solid transparent;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:linear-gradient(135deg,var(--blue),#4b93ff);box-shadow:0 14px 35px rgba(47,124,255,.28)}.button-primary:hover{box-shadow:0 18px 44px rgba(47,124,255,.4)}.button-secondary{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.04)}.button-secondary:hover{background:rgba(255,255,255,.08)}.button-light{background:white;color:#0c1728}.button-sm{min-height:42px;padding:0 16px;border-radius:11px;font-size:13px}
.hero{min-height:830px;position:relative;display:grid;align-items:center;overflow:hidden;padding:150px 0 80px;background:radial-gradient(circle at 72% 28%,rgba(47,124,255,.13),transparent 28%),radial-gradient(circle at 12% 68%,rgba(55,200,255,.07),transparent 24%)}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,black,transparent 85%)}.hero-grid{position:relative;display:grid;grid-template-columns:1.02fr .98fr;gap:60px;align-items:center}.eyebrow,.kicker{font-size:12px;font-weight:800;letter-spacing:.17em;text-transform:uppercase;color:#9edcff}.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:24px}.eyebrow span{width:28px;height:1px;background:#57d8ff}.hero h1{font-size:clamp(52px,6vw,84px);line-height:.98;letter-spacing:-.055em;margin:0 0 28px;max-width:760px}.hero h1 em,.section-heading h2 em,.process-copy h2 em{font-style:normal;background:linear-gradient(90deg,#8adfff,#4e8eff);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:18px;color:#b7c5d7;max-width:620px;margin:0 0 32px;line-height:1.72}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-proof{display:flex;gap:24px;flex-wrap:wrap;margin-top:28px;font-size:12px;color:#aebdd0}.hero-proof i{font-style:normal;color:var(--green);margin-right:5px}
.hero-visual{position:relative;min-height:540px;display:grid;place-items:center}.glow{position:absolute;border-radius:50%;filter:blur(18px)}.glow-one{width:300px;height:300px;background:rgba(47,124,255,.18);right:0;top:30px}.glow-two{width:180px;height:180px;background:rgba(55,200,255,.12);left:10%;bottom:30px}.dashboard-shell{position:relative;width:100%;max-width:570px;border:1px solid rgba(255,255,255,.14);border-radius:25px;background:linear-gradient(145deg,rgba(19,35,59,.96),rgba(10,21,39,.98));box-shadow:0 48px 90px rgba(0,0,0,.42);overflow:hidden;transform:perspective(1100px) rotateY(-4deg) rotateX(2deg)}.dash-topbar{height:58px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 16px;gap:14px}.dots{display:flex;gap:6px}.dots span{width:7px;height:7px;border-radius:50%;background:#45566d}.dash-search{margin:auto;font-size:10px;color:#8ea1b8;padding:7px 18px;border:1px solid var(--line);border-radius:8px}.avatar{width:30px;height:30px;border-radius:8px;background:#213b61;display:grid;place-items:center;font-size:9px;font-weight:800}.dash-body{display:grid;grid-template-columns:54px 1fr;min-height:400px}.dash-sidebar{border-right:1px solid var(--line);padding:14px 0;display:flex;align-items:center;flex-direction:column;gap:18px}.side-logo{width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,var(--blue),var(--cyan));display:grid;place-items:center;font-weight:900;font-size:10px}.side-item{width:17px;height:17px;border:1px solid #40526b;border-radius:5px}.side-item.active{border-color:#4ba9ff;background:rgba(55,200,255,.12);box-shadow:inset 0 0 0 4px #173458}.dash-content{padding:24px}.dash-title-row{display:flex;align-items:end;justify-content:space-between}.dash-title-row>div{display:flex;flex-direction:column;gap:3px}.dash-title-row small{font-size:7px;letter-spacing:.18em;color:#7589a4}.dash-title-row strong{font-size:16px}.dash-title-row button{font-size:8px;color:#9db0c7;background:#142945;border:1px solid var(--line);padding:7px 12px;border-radius:7px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:19px 0}.metric{padding:13px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025);display:flex;flex-direction:column}.metric small{font-size:8px;color:#8295ad}.metric strong{font-size:17px;margin:4px 0}.metric span{font-size:7px;color:#64dfb3}.chart-card{border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.018);padding:13px}.chart-head{display:flex;justify-content:space-between;font-size:9px}.chart-head small{color:#7f91a7}.chart-card svg{margin-top:8px;height:120px}.gridline{stroke:rgba(255,255,255,.07);stroke-width:1}.area{fill:url(#area)}.line{fill:none;stroke:#37c8ff;stroke-width:3;stroke-linecap:round}.mini-row{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding:10px 12px;border:1px solid var(--line);border-radius:11px}.mini-row>div:first-child{display:flex;align-items:center;gap:9px}.mini-icon{width:27px;height:27px;border-radius:8px;background:#223a5a;display:grid;place-items:center;font-size:7px;font-weight:900}.mini-row p{display:flex;flex-direction:column;margin:0;line-height:1.25}.mini-row b{font-size:8px}.mini-row small{font-size:6px;color:#778da9}.status-pill{font-size:6px;padding:5px 7px;border-radius:20px;color:#6ce5b7;background:rgba(98,230,179,.09)}.float-card{position:absolute;background:rgba(14,28,49,.93);border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 45px rgba(0,0,0,.28);backdrop-filter:blur(12px);border-radius:14px;padding:13px 15px;display:flex;align-items:center;gap:7px}.float-card b{font-size:13px}.float-card span{font-size:8px;color:#8fa3bb}.float-one{left:-30px;bottom:46px;flex-direction:column;align-items:flex-start}.float-two{right:-12px;top:77px}.pulse{width:8px;height:8px;border-radius:50%;background:#62e6b3;box-shadow:0 0 0 5px rgba(98,230,179,.08)}
.trust-bar{border-block:1px solid var(--line);background:#091426}.trust-grid{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:25px}.trust-grid>span{font-size:12px;color:#8295ad}.trust-items{display:flex;gap:28px;flex-wrap:wrap}.trust-items b{font-size:12px;color:#c5d2e4;font-weight:600}
.section{padding:120px 0}.section-heading{display:grid;grid-template-columns:1.1fr .7fr;align-items:end;gap:70px;margin-bottom:56px}.section-heading h2,.process-copy h2{font-size:clamp(38px,5vw,64px);line-height:1.04;letter-spacing:-.045em;margin:12px 0 0}.section-heading p,.process-copy p{color:#8fa2b9;margin:0;max-width:480px}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-card{position:relative;min-height:380px;padding:38px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(140deg,rgba(255,255,255,.015),transparent);transition:.3s}.service-card:hover{background:rgba(255,255,255,.035)}.service-card.featured{background:linear-gradient(145deg,rgba(47,124,255,.13),rgba(55,200,255,.03))}.service-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#142845;border:1px solid var(--line);color:#7dd8ff;font-size:22px}.service-no{position:absolute;right:36px;top:41px;font-size:11px;color:#5e728d}.service-card h3{font-size:24px;letter-spacing:-.02em;margin:34px 0 12px}.service-card p{color:#94a7be;max-width:520px}.service-card ul{list-style:none;padding:0;margin:22px 0 30px;display:flex;gap:10px;flex-wrap:wrap}.service-card li{font-size:11px;padding:7px 10px;border:1px solid var(--line);border-radius:20px;color:#a9b9cb}.service-card a,.text-link{font-size:13px;color:#8bdcff;font-weight:700}
.product-section{background:var(--paper);color:var(--dark)}.product-section .kicker{color:#1674d7}.product-section .section-heading h2 em{background:linear-gradient(90deg,#0e72d9,#2e98e8);-webkit-background-clip:text;background-clip:text}.product-section .section-heading p{color:#69778b}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.product-card{display:grid;grid-template-columns:58px 1fr auto;gap:18px;align-items:center;padding:23px;border:1px solid #dce4ed;border-radius:18px;background:white;transition:.25s}.product-card:hover{transform:translateY(-3px);border-color:#a9c8e8;box-shadow:0 18px 40px rgba(35,64,91,.08)}.product-icon{width:58px;height:58px;border-radius:15px;background:#edf6ff;color:#1a78d6;display:grid;place-items:center;font-size:12px;font-weight:900}.product-card h3{font-size:17px;margin:0 0 3px}.product-card p{font-size:12px;color:#718096;margin:0}.product-card>b{font-size:20px;color:#8fa0b3}.center-action{text-align:center;margin-top:32px}.product-section .button-secondary{border-color:#cfd9e5;background:white;color:#1b2c40}
.process-section{background:#0a1425}.process-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}.process-copy{position:sticky;top:130px;align-self:start}.process-copy p{margin:24px 0}.process-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.process-list li{display:grid;grid-template-columns:70px 1fr;gap:25px;padding:34px 0;border-bottom:1px solid var(--line)}.process-list li>span{font-size:11px;color:#4e9fe9}.process-list h3{margin:0 0 8px;font-size:22px}.process-list p{margin:0;color:#8ba0b7;max-width:520px}
.work-section{background:#f9fafc;color:#111b29}.work-section .kicker{color:#1674d7}.work-section .section-heading p{color:#6e7c8d}.work-section .section-heading h2 em{background:linear-gradient(90deg,#0e72d9,#2e98e8);-webkit-background-clip:text;background-clip:text}.work-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.case-card{border:1px solid #dfe6ed;border-radius:22px;overflow:hidden;background:white}.case-card.large{grid-row:span 2}.case-visual{height:260px;display:grid;place-items:center;overflow:hidden}.case-card.large .case-visual{height:420px}.case-a{background:radial-gradient(circle at 60% 20%,#5ba2ff,#17345d 42%,#091426)}.case-b{background:linear-gradient(145deg,#e8f7f1,#d8efe8)}.case-c{background:linear-gradient(145deg,#edf2ff,#dfe8ff)}.case-ui{width:70%;height:60%;border:1px solid rgba(255,255,255,.2);border-radius:16px;background:rgba(6,15,30,.64);box-shadow:0 28px 55px rgba(0,0,0,.27);padding:20px;display:flex;gap:8px;align-items:flex-start}.case-ui span{width:9px;height:9px;border-radius:50%;background:#5d718b}.case-ui div{position:absolute;width:38%;height:22%;border-radius:11px;background:linear-gradient(135deg,#3a8bff,#37c8ff);transform:translate(110px,75px)}.receipt{width:150px;background:#fff;padding:22px;border-radius:7px;box-shadow:0 25px 45px rgba(54,96,81,.15);display:flex;flex-direction:column;color:#233b35}.receipt b{font-size:18px}.receipt span{font-size:8px;color:#78918a;margin-bottom:13px}.receipt i{height:1px;background:#dfe9e5;margin:6px 0}.receipt strong{margin-top:12px;font-size:16px}.edu-card{width:70%;background:white;border-radius:16px;padding:20px;box-shadow:0 22px 40px rgba(71,88,140,.13);color:#23304c}.edu-card>b{display:block;margin-bottom:14px}.edu-card>div{display:flex;justify-content:space-between;padding:8px 0;border-top:1px solid #e8edf7;font-size:10px}.case-copy{padding:28px 30px 32px}.case-copy>span{font-size:9px;letter-spacing:.14em;color:#3885ca;font-weight:800}.case-copy h3{font-size:24px;line-height:1.2;letter-spacing:-.025em;margin:9px 0 10px}.case-card.large .case-copy h3{font-size:31px}.case-copy p{color:#687789;font-size:13px}.case-copy a{font-size:12px;color:#1875d1;font-weight:700}
.why-section{background:#07101f}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.why-panel{padding:44px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(47,124,255,.11),transparent)}.why-panel h2{font-size:38px;line-height:1.12;letter-spacing:-.035em;margin:14px 0 20px}.why-panel p{color:#93a6bd}.why-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.why-pills span{font-size:10px;border:1px solid var(--line);border-radius:30px;padding:8px 11px;color:#b8c8d9}.why-list{border-top:1px solid var(--line)}.why-item{display:grid;grid-template-columns:50px 1fr;gap:22px;padding:32px 0;border-bottom:1px solid var(--line)}.why-item>span{font-size:10px;color:#4f9de8}.why-item h3{margin:0 0 8px;font-size:21px}.why-item p{margin:0;color:#8da1b7}
.cta-section{padding:30px 0 100px;background:#07101f}.cta-card{position:relative;overflow:hidden;border-radius:28px;padding:54px 58px;display:flex;align-items:center;justify-content:space-between;gap:50px;background:linear-gradient(120deg,#1d6ff1,#2a8ce8 58%,#37bde8)}.cta-card:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-80px;top:-140px;border:60px solid rgba(255,255,255,.08)}.cta-card .kicker{color:#d6f2ff}.cta-card h2{font-size:40px;line-height:1.1;letter-spacing:-.035em;margin:10px 0}.cta-card p{margin:0;color:#dbeaff}.cta-actions{display:flex;align-items:center;gap:24px;position:relative;z-index:1;flex-shrink:0}.cta-phone{display:flex;flex-direction:column}.cta-phone small{font-size:9px;color:#d6ecff}.cta-phone strong{font-size:13px}
.site-footer{border-top:1px solid var(--line);padding:70px 0 24px;background:#050b15}.footer-grid{display:grid;grid-template-columns:1.5fr .7fr .8fr 1fr;gap:60px}.footer-brand p{color:#8296ad;font-size:13px;max-width:330px;margin:18px 0}.footer-brand>a:last-child{font-size:12px;color:#a9c6e6}.site-footer h4{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#e4ebf5;margin:3px 0 18px}.site-footer .footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:9px}.site-footer .footer-grid>div:not(:first-child) a,.site-footer p{color:#7f92aa;font-size:12px;margin:0}.site-footer a:hover{color:white}.footer-bottom{margin-top:55px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#62748b;font-size:10px}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}
.page-hero{padding:160px 0 80px;background:radial-gradient(circle at 75% 20%,rgba(47,124,255,.12),transparent 30%)}.page-hero .kicker{display:block;margin-bottom:15px}.page-hero h1{font-size:clamp(48px,7vw,82px);line-height:1;letter-spacing:-.055em;margin:0;max-width:950px}.page-hero p{font-size:18px;color:#9db0c7;max-width:680px;margin:25px 0 0}.content-section{padding:90px 0}.content-section.light{background:var(--paper);color:var(--dark)}.content-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.detail-card{padding:34px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.025)}.light .detail-card{background:#fff;border-color:#dce4ed}.detail-card h2,.detail-card h3{margin-top:0}.detail-card p{color:#91a4bb}.light .detail-card p{color:#6c7b8e}.detail-card ul{padding-left:20px;color:#9aacc0}.light .detail-card ul{color:#627186}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.contact-info h2{font-size:40px;line-height:1.1;margin:0 0 18px}.contact-info p{color:#91a3b8}.contact-list{margin-top:30px;display:grid;gap:15px}.contact-list a,.contact-list span{padding:15px 0;border-bottom:1px solid var(--line);font-size:13px}.contact-form{padding:34px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.025)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:11px;color:#9fb0c5}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);background:#0a1628;color:white;border-radius:11px;padding:13px 14px;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:#388fff;box-shadow:0 0 0 3px rgba(56,143,255,.1)}.field textarea{min-height:130px;resize:vertical}.form-note{font-size:10px;color:#6e829a;margin-top:14px}.success-message{display:none;padding:12px 14px;margin-top:15px;border-radius:10px;background:rgba(98,230,179,.09);color:#73e7ba;font-size:12px}.success-message.show{display:block}
@media (max-width:980px){.primary-nav{position:fixed;inset:78px 20px auto;background:#0c192b;border:1px solid var(--line);border-radius:18px;padding:22px;flex-direction:column;align-items:stretch;gap:5px;box-shadow:var(--shadow);opacity:0;transform:translateY(-10px);pointer-events:none;transition:.2s}.primary-nav.open{opacity:1;transform:none;pointer-events:auto}.primary-nav>a:not(.button){padding:10px}.nav-toggle{display:block}.hero{padding-top:130px;min-height:auto}.hero-grid{grid-template-columns:1fr;gap:45px}.hero-copy{text-align:center}.eyebrow{justify-content:center}.lead{margin-inline:auto}.hero-actions,.hero-proof{justify-content:center}.hero-visual{min-height:500px}.dashboard-shell{max-width:650px}.section-heading{grid-template-columns:1fr;gap:20px}.process-layout{grid-template-columns:1fr;gap:55px}.process-copy{position:static}.why-grid{grid-template-columns:1fr;gap:30px}.cta-card{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-grid>div:last-child{grid-column:1/-1}.contact-layout{grid-template-columns:1fr}.work-grid{grid-template-columns:1fr}.case-card.large{grid-row:auto}.case-card.large .case-visual{height:340px}}
@media (max-width:680px){.container{width:min(100% - 28px,var(--max))}.nav-wrap{height:68px}.primary-nav{inset:68px 14px auto}.brand-copy strong{font-size:12px}.brand-mark{width:34px;height:34px}.hero{padding:118px 0 62px}.hero h1{font-size:48px}.lead{font-size:16px}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.hero-proof{gap:10px 18px}.hero-visual{min-height:390px}.dashboard-shell{transform:none}.dash-content{padding:15px}.metric-grid{gap:5px}.metric{padding:9px}.metric strong{font-size:13px}.chart-card svg{height:90px}.float-card{display:none}.trust-grid{padding:18px 0;align-items:flex-start;flex-direction:column}.trust-items{gap:12px 20px}.section{padding:82px 0}.section-heading{margin-bottom:38px}.section-heading h2,.process-copy h2{font-size:41px}.service-grid{grid-template-columns:1fr}.service-card{min-height:auto;padding:28px}.product-grid{grid-template-columns:1fr}.product-card{grid-template-columns:50px 1fr auto;padding:17px}.product-icon{width:50px;height:50px}.process-list li{grid-template-columns:44px 1fr}.work-section .case-card.large .case-visual,.case-visual{height:260px}.case-card.large .case-copy h3{font-size:26px}.why-panel{padding:28px}.why-panel h2{font-size:31px}.cta-card{padding:34px 26px}.cta-card h2{font-size:34px}.cta-actions{align-items:flex-start;flex-direction:column;width:100%}.cta-actions .button{width:100%}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:1/-1}.footer-bottom{align-items:flex-start;flex-direction:column;gap:8px}.page-hero{padding:125px 0 60px}.page-hero h1{font-size:48px}.content-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* =========================================================
   PREMIUM COLOR SYSTEM — v2
   Controlled multi-accent palette for a polished SaaS look
   ========================================================= */
:root{
  --violet:#7c5cff;
  --magenta:#e85aad;
  --coral:#ff7a59;
  --amber:#ffb547;
  --teal:#18c7b7;
  --emerald:#38d996;
  --royal:#4263eb;
  --sky:#42b8ff;
}

/* Subtle ambient color across dark surfaces */
body{
  background:
    radial-gradient(circle at 10% 8%,rgba(124,92,255,.05),transparent 24%),
    radial-gradient(circle at 90% 18%,rgba(55,200,255,.04),transparent 26%),
    var(--bg);
}
.site-header.scrolled{
  box-shadow:0 12px 40px rgba(2,8,20,.22);
}
.brand-mark{
  background:linear-gradient(135deg,#2f7cff 0%,#705cff 52%,#31c9ff 100%);
  box-shadow:0 10px 30px rgba(78,111,255,.32),0 0 30px rgba(55,200,255,.08);
}
.button-primary{
  background:linear-gradient(135deg,#2f7cff 0%,#655cff 55%,#28b9f5 100%);
  box-shadow:0 14px 36px rgba(80,95,255,.30);
}
.button-primary:hover{
  box-shadow:0 20px 48px rgba(87,92,255,.42),0 0 34px rgba(55,200,255,.12);
}

/* Hero: richer but still restrained */
.hero{
  background:
    radial-gradient(circle at 72% 25%,rgba(124,92,255,.17),transparent 29%),
    radial-gradient(circle at 88% 62%,rgba(55,200,255,.11),transparent 24%),
    radial-gradient(circle at 10% 72%,rgba(56,217,150,.07),transparent 25%),
    #07101f;
}
.hero h1 em,.section-heading h2 em,.process-copy h2 em{
  background:linear-gradient(90deg,#7fe2ff 0%,#5f8cff 46%,#a878ff 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.dashboard-shell{
  border-color:rgba(142,136,255,.24);
  box-shadow:0 48px 95px rgba(0,0,0,.44),0 0 50px rgba(93,91,255,.09);
}
.glow-one{background:rgba(124,92,255,.22)}
.glow-two{background:rgba(55,200,255,.16)}
.metric:nth-child(1){background:linear-gradient(145deg,rgba(47,124,255,.11),rgba(47,124,255,.025));border-color:rgba(83,139,255,.20)}
.metric:nth-child(2){background:linear-gradient(145deg,rgba(124,92,255,.11),rgba(124,92,255,.025));border-color:rgba(142,117,255,.20)}
.metric:nth-child(3){background:linear-gradient(145deg,rgba(56,217,150,.10),rgba(56,217,150,.02));border-color:rgba(73,223,164,.18)}
.float-one{border-color:rgba(124,92,255,.28);box-shadow:0 18px 45px rgba(0,0,0,.28),0 0 24px rgba(124,92,255,.08)}
.float-two{border-color:rgba(55,200,255,.26);box-shadow:0 18px 45px rgba(0,0,0,.28),0 0 24px rgba(55,200,255,.08)}

/* Trust strip */
.trust-bar{
  background:linear-gradient(90deg,#091426 0%,#0d1630 50%,#081b25 100%);
}
.trust-items b:nth-child(1){color:#8bd5ff}.trust-items b:nth-child(2){color:#a999ff}.trust-items b:nth-child(3){color:#67ddbd}.trust-items b:nth-child(4){color:#ffc06f}.trust-items b:nth-child(5){color:#ff8fbf}.trust-items b:nth-child(6){color:#8caaff}

/* Service boxes: individual accent identities */
.service-grid{gap:16px;border:0}
.service-card{
  border:1px solid rgba(255,255,255,.105)!important;
  border-radius:24px;
  overflow:hidden;
  isolation:isolate;
  box-shadow:0 18px 55px rgba(0,0,0,.12);
}
.service-card:before{
  content:"";position:absolute;inset:0 0 auto;height:3px;z-index:2;opacity:.95;
}
.service-card:after{
  content:"";position:absolute;width:170px;height:170px;border-radius:50%;right:-75px;top:-75px;filter:blur(2px);opacity:.13;z-index:-1;
}
.service-card:nth-child(1){background:linear-gradient(145deg,rgba(47,124,255,.16),rgba(124,92,255,.055) 54%,rgba(255,255,255,.012))}
.service-card:nth-child(1):before{background:linear-gradient(90deg,#2f7cff,#7c5cff)}
.service-card:nth-child(1):after{background:#5a78ff}
.service-card:nth-child(1) .service-icon{background:linear-gradient(145deg,rgba(47,124,255,.28),rgba(124,92,255,.20));border-color:rgba(116,124,255,.28);color:#a9caff}
.service-card:nth-child(1) a{color:#8bc5ff}

.service-card:nth-child(2){background:linear-gradient(145deg,rgba(24,199,183,.12),rgba(55,200,255,.045) 55%,rgba(255,255,255,.012))}
.service-card:nth-child(2):before{background:linear-gradient(90deg,#18c7b7,#37c8ff)}
.service-card:nth-child(2):after{background:#24cfbd}
.service-card:nth-child(2) .service-icon{background:linear-gradient(145deg,rgba(24,199,183,.23),rgba(55,200,255,.14));border-color:rgba(43,211,197,.25);color:#75f0df}
.service-card:nth-child(2) a{color:#69e8d6}

.service-card:nth-child(3){background:linear-gradient(145deg,rgba(232,90,173,.12),rgba(124,92,255,.045) 55%,rgba(255,255,255,.012))}
.service-card:nth-child(3):before{background:linear-gradient(90deg,#e85aad,#8b63ff)}
.service-card:nth-child(3):after{background:#e85aad}
.service-card:nth-child(3) .service-icon{background:linear-gradient(145deg,rgba(232,90,173,.22),rgba(124,92,255,.16));border-color:rgba(232,90,173,.25);color:#ff9ed2}
.service-card:nth-child(3) a{color:#f391c7}

.service-card:nth-child(4){background:linear-gradient(145deg,rgba(255,181,71,.12),rgba(255,122,89,.045) 55%,rgba(255,255,255,.012))}
.service-card:nth-child(4):before{background:linear-gradient(90deg,#ffb547,#ff7a59)}
.service-card:nth-child(4):after{background:#ff9d4d}
.service-card:nth-child(4) .service-icon{background:linear-gradient(145deg,rgba(255,181,71,.22),rgba(255,122,89,.13));border-color:rgba(255,181,71,.25);color:#ffd08a}
.service-card:nth-child(4) a{color:#ffc46f}
.service-card:hover{transform:translateY(-5px);box-shadow:0 26px 65px rgba(0,0,0,.20);border-color:rgba(255,255,255,.16)!important}

/* Product cards: soft pastel combinations, high readability */
.product-section{
  background:
    radial-gradient(circle at 8% 22%,rgba(66,99,235,.07),transparent 21%),
    radial-gradient(circle at 92% 65%,rgba(24,199,183,.075),transparent 23%),
    #f5f8fc;
}
.product-grid{gap:15px}
.product-card{
  position:relative;overflow:hidden;border-color:#e0e7f0;
  box-shadow:0 8px 28px rgba(30,55,86,.045);
}
.product-card:after{content:"";position:absolute;inset:auto -35px -45px auto;width:110px;height:110px;border-radius:50%;opacity:.08;transition:.25s}
.product-card:hover{transform:translateY(-5px);box-shadow:0 20px 48px rgba(31,58,91,.11)}
.product-card:nth-child(1){background:linear-gradient(135deg,#fff,#f2f7ff);border-color:#d8e6ff}.product-card:nth-child(1) .product-icon{background:linear-gradient(135deg,#e8f2ff,#e8e8ff);color:#365fea}.product-card:nth-child(1):after{background:#4263eb}
.product-card:nth-child(2){background:linear-gradient(135deg,#fff,#f1fbf9);border-color:#d6eee9}.product-card:nth-child(2) .product-icon{background:linear-gradient(135deg,#dcf8f2,#e6fcfa);color:#118e82}.product-card:nth-child(2):after{background:#18c7b7}
.product-card:nth-child(3){background:linear-gradient(135deg,#fff,#fff8ee);border-color:#f2e6d2}.product-card:nth-child(3) .product-icon{background:linear-gradient(135deg,#fff0d4,#fff6e8);color:#bf7615}.product-card:nth-child(3):after{background:#ffb547}
.product-card:nth-child(4){background:linear-gradient(135deg,#fff,#f6f2ff);border-color:#e6dcfa}.product-card:nth-child(4) .product-icon{background:linear-gradient(135deg,#eee7ff,#f7f1ff);color:#7049d8}.product-card:nth-child(4):after{background:#7c5cff}
.product-card:nth-child(5){background:linear-gradient(135deg,#fff,#f2fbf6);border-color:#dcefe4}.product-card:nth-child(5) .product-icon{background:linear-gradient(135deg,#ddf8e9,#ecfbf3);color:#168a58}.product-card:nth-child(5):after{background:#38d996}
.product-card:nth-child(6){background:linear-gradient(135deg,#fff,#fff3f7);border-color:#f2dce7}.product-card:nth-child(6) .product-icon{background:linear-gradient(135deg,#ffe5f0,#fff0f6);color:#c53f83}.product-card:nth-child(6):after{background:#e85aad}
.product-card:nth-child(7){background:linear-gradient(135deg,#fff,#eef8ff);border-color:#d7eaf5}.product-card:nth-child(7) .product-icon{background:linear-gradient(135deg,#ddf3ff,#e9f7ff);color:#177fb7}.product-card:nth-child(7):after{background:#42b8ff}
.product-card:nth-child(8){background:linear-gradient(135deg,#fff,#fff4ef);border-color:#f4dfd6}.product-card:nth-child(8) .product-icon{background:linear-gradient(135deg,#ffe5da,#fff0e9);color:#c85b3c}.product-card:nth-child(8):after{background:#ff7a59}
.product-card:hover:after{transform:scale(1.28);opacity:.12}

/* Process steps: colored number rails */
.process-section{
  background:
    radial-gradient(circle at 4% 18%,rgba(124,92,255,.10),transparent 24%),
    radial-gradient(circle at 90% 82%,rgba(24,199,183,.07),transparent 24%),
    #0a1425;
}
.process-list li{position:relative;padding-left:16px;transition:.25s}
.process-list li:before{content:"";position:absolute;left:0;top:30px;bottom:30px;width:3px;border-radius:8px;opacity:.8}
.process-list li:nth-child(1):before{background:#4285ff}.process-list li:nth-child(1)>span{color:#79adff}
.process-list li:nth-child(2):before{background:#7c5cff}.process-list li:nth-child(2)>span{color:#aa93ff}
.process-list li:nth-child(3):before{background:#18c7b7}.process-list li:nth-child(3)>span{color:#63e2d4}
.process-list li:nth-child(4):before{background:#ffb547}.process-list li:nth-child(4)>span{color:#ffd078}
.process-list li:hover{background:linear-gradient(90deg,rgba(255,255,255,.025),transparent);padding-left:22px}

/* Case study cards */
.case-card{transition:.3s;box-shadow:0 8px 28px rgba(35,55,83,.04)}
.case-card:hover{transform:translateY(-5px);box-shadow:0 23px 55px rgba(36,58,87,.12)}
.case-a{background:radial-gradient(circle at 68% 18%,#8c6cff,#3f70d9 36%,#152d51 62%,#091426)}
.case-b{background:linear-gradient(145deg,#e8fff7,#d5f3ea 54%,#dff9f5)}
.case-c{background:linear-gradient(145deg,#f2edff,#e1e9ff 52%,#e9f6ff)}

/* Why-us panel */
.why-section{
  background:
    radial-gradient(circle at 12% 50%,rgba(124,92,255,.08),transparent 24%),
    radial-gradient(circle at 91% 16%,rgba(55,200,255,.055),transparent 23%),
    #07101f;
}
.why-panel{
  background:linear-gradient(145deg,rgba(47,124,255,.14),rgba(124,92,255,.07) 45%,rgba(24,199,183,.025));
  border-color:rgba(115,124,255,.20);
  box-shadow:0 20px 60px rgba(0,0,0,.12);
}
.why-pills span:nth-child(1){border-color:rgba(66,133,255,.32);background:rgba(66,133,255,.07);color:#acd0ff}
.why-pills span:nth-child(2){border-color:rgba(124,92,255,.34);background:rgba(124,92,255,.07);color:#c0afff}
.why-pills span:nth-child(3){border-color:rgba(24,199,183,.32);background:rgba(24,199,183,.065);color:#8ce9dc}
.why-pills span:nth-child(4){border-color:rgba(255,181,71,.30);background:rgba(255,181,71,.055);color:#ffd491}
.why-item:nth-child(1)>span{color:#6da7ff}.why-item:nth-child(2)>span{color:#a78fff}.why-item:nth-child(3)>span{color:#5edbc5}

/* CTA: a premium spectrum, not a flat blue block */
.cta-card{
  background:linear-gradient(120deg,#2758db 0%,#5b55e7 40%,#417be8 68%,#19aebf 100%);
  box-shadow:0 28px 75px rgba(36,69,175,.26);
}
.cta-card:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;left:42%;bottom:-180px;background:rgba(255,255,255,.09);filter:blur(2px)}

/* Inner pages — tint each information box without sacrificing hierarchy */
.content-section:not(.light) .detail-card{
  position:relative;overflow:hidden;box-shadow:0 15px 46px rgba(0,0,0,.10);
}
.content-section:not(.light) .detail-card:nth-child(4n+1){background:linear-gradient(145deg,rgba(47,124,255,.105),rgba(255,255,255,.018));border-color:rgba(74,136,255,.21)}
.content-section:not(.light) .detail-card:nth-child(4n+2){background:linear-gradient(145deg,rgba(124,92,255,.10),rgba(255,255,255,.018));border-color:rgba(139,112,255,.21)}
.content-section:not(.light) .detail-card:nth-child(4n+3){background:linear-gradient(145deg,rgba(24,199,183,.09),rgba(255,255,255,.018));border-color:rgba(42,205,190,.19)}
.content-section:not(.light) .detail-card:nth-child(4n+4){background:linear-gradient(145deg,rgba(255,181,71,.085),rgba(255,255,255,.018));border-color:rgba(255,181,71,.18)}
.light .detail-card{box-shadow:0 10px 32px rgba(40,61,88,.055);transition:.25s}
.light .detail-card:nth-child(4n+1){background:linear-gradient(145deg,#fff,#f3f7ff);border-color:#dbe6fa}
.light .detail-card:nth-child(4n+2){background:linear-gradient(145deg,#fff,#f7f4ff);border-color:#e6def8}
.light .detail-card:nth-child(4n+3){background:linear-gradient(145deg,#fff,#f1fbf8);border-color:#dcefe9}
.light .detail-card:nth-child(4n+4){background:linear-gradient(145deg,#fff,#fff8ef);border-color:#f0e3d2}
.light .detail-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(40,61,88,.10)}
.light .detail-card:nth-child(4n+1) .kicker{color:#3569d8}.light .detail-card:nth-child(4n+2) .kicker{color:#744fd4}.light .detail-card:nth-child(4n+3) .kicker{color:#138b7d}.light .detail-card:nth-child(4n+4) .kicker{color:#b16f13}

/* Contact form */
.contact-form{
  background:linear-gradient(145deg,rgba(47,124,255,.075),rgba(124,92,255,.045) 50%,rgba(24,199,183,.025));
  border-color:rgba(116,124,255,.20);
  box-shadow:0 24px 64px rgba(0,0,0,.16);
}
.field input:focus,.field textarea:focus,.field select:focus{
  border-color:#6f75ff;box-shadow:0 0 0 3px rgba(111,117,255,.13),0 10px 30px rgba(33,67,133,.08);
}
.contact-list a:nth-child(1){color:#8ec5ff}.contact-list a:nth-child(2){color:#b4a4ff}.contact-list a:nth-child(3){color:#72e6d6}

/* Page hero accent variation */
.page-hero{
  background:
    radial-gradient(circle at 75% 18%,rgba(124,92,255,.15),transparent 28%),
    radial-gradient(circle at 91% 70%,rgba(55,200,255,.07),transparent 22%),
    radial-gradient(circle at 5% 88%,rgba(56,217,150,.045),transparent 20%);
}

/* Mobile: keep visual richness without unnecessary effects */
@media (max-width:680px){
  .service-grid{gap:12px}
  .service-card{border-radius:20px}
  .product-grid{gap:12px}
  .product-card{border-radius:17px}
  .process-list li:hover{padding-left:16px}
  .cta-card{box-shadow:0 18px 48px rgba(36,69,175,.22)}
}

/* --- Version 3 premium homepage additions --- */
.signal-section{padding:34px 0 0;background:linear-gradient(180deg,#091426,#07101f)}
.signal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.signal-card{position:relative;overflow:hidden;padding:28px;border:1px solid rgba(255,255,255,.10);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.015));box-shadow:0 18px 48px rgba(0,0,0,.16);min-height:220px}
.signal-card:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,#2f7cff,#7c5cff,#18c7b7)}
.signal-card:nth-child(2):before{background:linear-gradient(90deg,#7c5cff,#e85aad,#37c8ff)}
.signal-card:nth-child(3):before{background:linear-gradient(90deg,#18c7b7,#ffb547,#ff7a59)}
.signal-card h3{font-size:24px;line-height:1.2;letter-spacing:-.02em;margin:18px 0 12px}
.signal-card p{margin:0;color:#9db0c4}
.signal-tag{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;border:1px solid transparent}
.signal-tag.blue{background:rgba(66,133,255,.09);border-color:rgba(66,133,255,.25);color:#a5cbff}
.signal-tag.violet{background:rgba(124,92,255,.09);border-color:rgba(124,92,255,.24);color:#c9b9ff}
.signal-tag.emerald{background:rgba(24,199,183,.08);border-color:rgba(24,199,183,.22);color:#96ece3}

.showcase-section{background:linear-gradient(180deg,#ffffff 0%,#f2f7fd 100%)}
.showcase-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:48px;align-items:center}
.showcase-copy h2{font-size:clamp(36px,4.2vw,58px);line-height:1.05;letter-spacing:-.04em;margin:12px 0 20px;color:#0d1727}
.showcase-copy p{color:#556880;max-width:560px;margin:0 0 26px}
.showcase-points{display:grid;gap:14px;margin:0 0 28px}
.showcase-points div{display:grid;gap:4px;padding:16px 18px;border-radius:18px;border:1px solid #e2e8f2;background:linear-gradient(135deg,#fff,#f7faff);box-shadow:0 10px 28px rgba(43,68,102,.05)}
.showcase-points strong{font-size:15px;color:#102038}.showcase-points span{font-size:14px;color:#607189}
.showcase-visual{position:relative;min-height:540px;display:grid;place-items:center}
.showcase-visual:before,.showcase-visual:after{content:"";position:absolute;border-radius:50%;filter:blur(8px)}
.showcase-visual:before{width:280px;height:280px;background:rgba(95,94,255,.12);top:30px;left:70px}
.showcase-visual:after{width:240px;height:240px;background:rgba(24,199,183,.12);bottom:20px;right:40px}
.screen-stack{position:relative;border-radius:26px;border:1px solid rgba(24,38,60,.08);background:linear-gradient(180deg,#fff,#eef4fb);box-shadow:0 28px 80px rgba(34,58,93,.14)}
.main-screen{width:min(100%,620px);padding:18px;z-index:2}
.screen-header{height:54px;display:flex;align-items:center;gap:8px;padding:0 14px;border-radius:16px;background:linear-gradient(135deg,#0f2036,#172b45);color:#fff}
.screen-header span{width:10px;height:10px;border-radius:50%;background:#4d6481}.screen-header b{margin-left:10px;font-size:14px;letter-spacing:.02em}
.screen-body{display:grid;grid-template-columns:76px 1fr;gap:18px;padding-top:18px}
.screen-sidebar{border-radius:18px;background:linear-gradient(180deg,#122238,#162d49);padding:16px 0;display:flex;align-items:center;flex-direction:column;gap:16px}
.screen-sidebar i{width:20px;height:20px;border-radius:8px;background:rgba(255,255,255,.08);display:block}
.screen-content{display:grid;gap:16px}
.screen-top-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.screen-mini-card{padding:16px;border-radius:18px;background:linear-gradient(135deg,#fff,#f4f8ff);border:1px solid #e2eaf4}
.screen-mini-card:nth-child(1){background:linear-gradient(135deg,#fff,#eef4ff)}
.screen-mini-card:nth-child(2){background:linear-gradient(135deg,#fff,#f1fbf8)}
.screen-mini-card:nth-child(3){background:linear-gradient(135deg,#fff,#fff7ef)}
.screen-mini-card small{display:block;color:#6e7f95;font-size:12px;margin-bottom:6px}.screen-mini-card strong{font-size:22px;color:#102039}
.screen-chart{height:210px;border-radius:24px;border:1px solid #e1e8f3;background:
 radial-gradient(circle at 78% 18%,rgba(95,94,255,.15),transparent 18%),
 radial-gradient(circle at 15% 85%,rgba(24,199,183,.15),transparent 18%),
 linear-gradient(180deg,#fdfefe,#f5f8fe);position:relative;overflow:hidden}
.screen-chart:before{content:"";position:absolute;inset:20px 20px 28px;background-image:linear-gradient(rgba(124,139,159,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(124,139,159,.10) 1px,transparent 1px);background-size:58px 58px;border-radius:18px}
.screen-chart:after{content:"";position:absolute;left:42px;right:36px;bottom:54px;height:120px;border-radius:30px;background:linear-gradient(180deg,rgba(82,121,255,.22),rgba(82,121,255,0));clip-path:path("M 0 102 C 48 92, 76 16, 130 36 S 220 124, 286 82 S 362 2, 436 34 L 436 120 L 0 120 Z")}
.screen-table{display:grid;gap:12px;padding:18px;border-radius:24px;background:#fff;border:1px solid #e1e8f3}
.screen-table span{height:14px;border-radius:99px;background:linear-gradient(90deg,#edf3fb,#e5edf8)}
.screen-table span:nth-child(1){width:100%}.screen-table span:nth-child(2){width:88%}.screen-table span:nth-child(3){width:94%}.screen-table span:nth-child(4){width:72%}
.side-screen{position:absolute;width:200px;padding:14px;z-index:3}
.top-card{right:-10px;top:35px;transform:rotate(6deg)}
.bottom-card{left:10px;bottom:40px;transform:rotate(-7deg)}
.small-ui-head{height:26px;border-radius:12px;background:linear-gradient(90deg,#5b63ff,#4cb6ff);margin-bottom:12px}
.small-ui-head.warm{background:linear-gradient(90deg,#ff934a,#ffbf58)}
.small-ui-body{height:150px;border-radius:20px;background:#fff;border:1px solid #e4ebf3;position:relative;overflow:hidden}
.small-ui-body:before,.small-ui-body:after{content:"";position:absolute;border-radius:999px}
.small-ui-body.payroll:before{inset:18px 18px auto 18px;height:56px;background:linear-gradient(90deg,#edf4ff,#f5f8ff)}
.small-ui-body.payroll:after{left:18px;right:18px;bottom:18px;height:54px;background:linear-gradient(90deg,#eefbf8,#f4fffd)}
.small-ui-body.pos:before{inset:18px 18px auto 18px;height:54px;background:linear-gradient(90deg,#fff7ef,#fff4ea)}
.small-ui-body.pos:after{left:18px;right:18px;bottom:18px;height:54px;background:linear-gradient(90deg,#eef3ff,#eef7ff)}

.industry-section{background:linear-gradient(180deg,#f6f9fd 0%,#fff 100%)}
.industry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.industry-card{padding:26px;border-radius:24px;border:1px solid #e3eaf3;background:linear-gradient(145deg,#fff,#f8fbff);box-shadow:0 12px 32px rgba(42,64,92,.05);transition:.25s}
.industry-card:nth-child(2){background:linear-gradient(145deg,#fff,#f8fffd)}
.industry-card:nth-child(3){background:linear-gradient(145deg,#fff,#fffaf2)}
.industry-card:nth-child(4){background:linear-gradient(145deg,#fff,#f8f5ff)}
.industry-card:nth-child(5){background:linear-gradient(145deg,#fff,#fff6fa)}
.industry-card:nth-child(6){background:linear-gradient(145deg,#fff,#f4fbff)}
.industry-card:hover{transform:translateY(-5px);box-shadow:0 22px 48px rgba(42,64,92,.09)}
.industry-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;font-size:24px;background:linear-gradient(135deg,#e9f2ff,#eef8ff);margin-bottom:16px}
.industry-card h3{margin:0 0 10px;color:#101f35;font-size:22px;line-height:1.18;letter-spacing:-.02em}
.industry-card p{margin:0;color:#61738a}

.faq-section{background:linear-gradient(180deg,#081221 0%,#09172b 100%)}
.faq-layout{display:grid;gap:42px}.faq-intro h2{font-size:clamp(34px,4.3vw,56px);line-height:1.06;letter-spacing:-.04em;margin:12px 0 14px}.faq-intro p{color:#93a7be;max-width:720px;margin:0}
.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.faq-card{padding:26px;border-radius:22px;border:1px solid rgba(255,255,255,.10);background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.02));box-shadow:0 16px 40px rgba(0,0,0,.14)}
.faq-card:nth-child(3n+1){background:linear-gradient(145deg,rgba(47,124,255,.12),rgba(255,255,255,.02))}
.faq-card:nth-child(3n+2){background:linear-gradient(145deg,rgba(124,92,255,.11),rgba(255,255,255,.02))}
.faq-card:nth-child(3n+3){background:linear-gradient(145deg,rgba(24,199,183,.10),rgba(255,255,255,.02))}
.faq-card h3{margin:0 0 10px;font-size:20px;line-height:1.25;letter-spacing:-.02em}
.faq-card p{margin:0;color:#9fb0c2}

@media (max-width:1080px){
  .signal-grid,.industry-grid{grid-template-columns:repeat(2,1fr)}
  .showcase-grid{grid-template-columns:1fr;gap:38px}
  .showcase-copy{order:1}.showcase-visual{order:2}
}
@media (max-width:860px){
  .faq-grid,.signal-grid,.industry-grid{grid-template-columns:1fr}
  .showcase-visual{min-height:500px}
  .top-card{right:0}.bottom-card{left:0}
  .screen-body{grid-template-columns:58px 1fr}
  .screen-top-row{grid-template-columns:1fr}
  .side-screen{width:180px}
}
@media (max-width:680px){
  .signal-section{padding-top:24px}
  .signal-card,.industry-card,.faq-card{padding:22px;border-radius:20px}
  .showcase-copy h2{font-size:34px}
  .showcase-visual{min-height:420px}
  .main-screen{padding:12px;border-radius:20px}
  .screen-header{height:46px}.screen-header b{font-size:12px}
  .screen-body{gap:10px;padding-top:12px}
  .screen-sidebar{border-radius:14px}
  .screen-mini-card strong{font-size:18px}
  .screen-chart{height:150px;border-radius:18px}
  .screen-table{padding:14px;border-radius:18px}
  .side-screen{display:none}
}

/* V4 brand integration */
.brand-logo{width:42px;height:42px;display:block;flex:0 0 42px;filter:drop-shadow(0 10px 24px rgba(47,124,255,.20))}
.brand-copy strong{font-size:14px}.brand-copy small{max-width:210px;font-size:8px;letter-spacing:.15em}
@media(max-width:520px){.brand-copy small{display:none}.brand-logo{width:40px;height:40px}}


/* --- Version 5 brand logo integration --- */
.brand{display:inline-flex;align-items:center;gap:0;line-height:0}
.brand--header{flex:0 0 auto;max-width:min(260px,calc(100vw - 110px))}
.brand--footer{display:block;max-width:min(280px,100%)}
.brand-lockup{display:block;width:100%;height:auto;object-fit:contain}
.footer-brand .brand{margin-bottom:18px}
/* legacy text mark styles retained for backward compatibility */
.brand-logo{display:none}
.site-header .brand-lockup{filter:drop-shadow(0 10px 24px rgba(32,116,255,.18))}
.site-footer .brand-lockup{filter:drop-shadow(0 12px 26px rgba(32,116,255,.12))}
@media (max-width:980px){
  .brand--header{max-width:220px}
}
@media (max-width:680px){
  .brand--header{max-width:185px}
  .brand--footer{max-width:220px}
}
@media (max-width:420px){
  .brand--header{max-width:168px}
}


/* --- Version 5.1: high-contrast responsive brand lockup --- */
.brand--header,.brand--footer{display:inline-flex;align-items:center;gap:11px;line-height:1;text-decoration:none}
.brand--header{max-width:none;flex:0 0 auto}
.brand--footer{max-width:none}
.brand-emblem{position:relative;display:grid;place-items:center;flex:0 0 auto;width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,rgba(47,124,255,.12),rgba(55,200,255,.06));border:1px solid rgba(99,184,255,.18);box-shadow:0 10px 28px rgba(25,107,255,.18),inset 0 1px 0 rgba(255,255,255,.05);overflow:hidden}
.brand-emblem img{display:block;width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 5px 10px rgba(0,91,255,.30))}
.brand-wordmark{display:flex;flex-direction:column;justify-content:center;gap:5px;min-width:0}
.brand-wordmark strong{display:block;color:#f7fbff;font-size:15px;font-weight:800;letter-spacing:-.015em;line-height:1;white-space:nowrap;text-shadow:0 1px 16px rgba(91,181,255,.08)}
.brand-wordmark small{display:block;color:#6dd9ff;font-size:8px;font-weight:800;letter-spacing:.34em;line-height:1;text-transform:uppercase;white-space:nowrap;padding-left:1px}
.site-header .brand--header{filter:none}
.site-footer .brand--footer{filter:none;margin-bottom:18px}
.site-footer .brand-emblem{width:56px;height:56px;border-radius:17px;background:linear-gradient(145deg,rgba(47,124,255,.16),rgba(55,200,255,.08))}
.site-footer .brand-emblem img{width:52px;height:52px}
.site-footer .brand-wordmark strong{font-size:17px}
.site-footer .brand-wordmark small{font-size:8.5px;letter-spacing:.36em}

@media(max-width:980px){
  .brand--header{max-width:none}
  .brand-emblem{width:44px;height:44px;border-radius:14px}
  .brand-emblem img{width:40px;height:40px}
  .brand-wordmark strong{font-size:14px}
  .brand-wordmark small{font-size:7.5px;letter-spacing:.29em}
}
@media(max-width:680px){
  .brand--header{max-width:none;gap:9px}
  .brand-emblem{width:40px;height:40px;border-radius:13px}
  .brand-emblem img{width:37px;height:37px}
  .brand-wordmark strong{font-size:13px}
  .brand-wordmark small{font-size:7px;letter-spacing:.26em}
  .brand--footer{max-width:none}
}
@media(max-width:420px){
  .brand--header{max-width:none}
  .brand-wordmark strong{font-size:12px}
  .brand-wordmark small{letter-spacing:.20em}
}


/* --- Version 6 SEO product landing pages --- */
.seo-product-hero{position:relative;overflow:hidden;padding:138px 0 78px;background:radial-gradient(circle at 78% 28%,rgba(47,124,255,.18),transparent 27%),radial-gradient(circle at 12% 78%,rgba(24,199,183,.08),transparent 23%),#07101f}
.seo-product-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:68px 68px;mask-image:linear-gradient(to bottom,#000,transparent 95%)}
.seo-product-hero-grid{position:relative;display:grid;grid-template-columns:1.04fr .96fr;gap:56px;align-items:center}.seo-breadcrumb{display:flex;align-items:center;gap:9px;flex-wrap:wrap;color:#7f94ae;font-size:12px;margin-bottom:24px}.seo-breadcrumb a:hover{color:#fff}.seo-breadcrumb strong{color:#b9c9dc;font-weight:600}.seo-product-badge{display:inline-flex;align-items:center;gap:10px;padding:7px 12px 7px 7px;border-radius:999px;border:1px solid rgba(112,146,255,.22);background:rgba(73,99,216,.08);color:#a9c6ed;font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.seo-product-badge span{width:35px;height:29px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,#2f7cff,#6c58ff);color:#fff;font-size:9px}.seo-product-copy h1{font-size:clamp(46px,5.7vw,76px);line-height:.99;letter-spacing:-.052em;margin:18px 0 24px}.seo-product-lead{font-size:18px;color:#b6c5d6;max-width:670px;line-height:1.72;margin:0 0 30px}.seo-mini-proof{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:25px;color:#93a7be;font-size:12px}.seo-mini-proof span:first-letter{color:#62e6b3}
.seo-product-visual{position:relative}.seo-app-window{border-radius:27px;padding:13px;border:1px solid rgba(255,255,255,.13);background:linear-gradient(145deg,rgba(24,42,69,.98),rgba(10,20,37,.98));box-shadow:0 42px 90px rgba(0,0,0,.38);transform:perspective(1100px) rotateY(-3deg)}.seo-app-top{height:52px;border-radius:16px 16px 10px 10px;background:rgba(255,255,255,.035);display:flex;align-items:center;gap:7px;padding:0 13px;border-bottom:1px solid rgba(255,255,255,.07)}.seo-app-top i{width:7px;height:7px;border-radius:50%;background:#50637c}.seo-app-top b{margin-left:8px;font-size:10px;color:#9eb0c7;letter-spacing:.05em}.seo-app-body{display:grid;grid-template-columns:62px 1fr;min-height:380px}.seo-app-sidebar{border-right:1px solid rgba(255,255,255,.07);padding:22px 0;display:flex;align-items:center;flex-direction:column;gap:19px}.seo-app-sidebar span{width:20px;height:20px;border-radius:7px;border:1px solid #344a65;background:rgba(255,255,255,.025)}.seo-app-sidebar span:first-child{background:linear-gradient(135deg,rgba(47,124,255,.35),rgba(55,200,255,.16));border-color:#3979c8}.seo-app-main{padding:28px}.seo-app-main>small{font-size:8px;letter-spacing:.18em;color:#6f84a0}.seo-app-main h2{font-size:27px;line-height:1.15;margin:7px 0 22px}.seo-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.seo-stat-row>div{padding:13px;border-radius:13px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025)}.seo-stat-row strong,.seo-stat-row span{display:block}.seo-stat-row strong{font-size:15px}.seo-stat-row span{font-size:7px;color:#7f94ad;margin-top:3px}.seo-chip-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px}.seo-chip-grid span{min-height:72px;padding:14px;border-radius:14px;background:linear-gradient(145deg,rgba(47,124,255,.11),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.08);display:flex;align-items:end;font-size:10px;font-weight:700;color:#c3d4e8}.seo-chip-grid span:nth-child(2){background:linear-gradient(145deg,rgba(124,92,255,.11),rgba(255,255,255,.025))}.seo-chip-grid span:nth-child(3){background:linear-gradient(145deg,rgba(24,199,183,.10),rgba(255,255,255,.025))}.seo-chip-grid span:nth-child(4){background:linear-gradient(145deg,rgba(255,181,71,.10),rgba(255,255,255,.025))}
.seo-anchor-bar{position:sticky;top:78px;z-index:40;border-block:1px solid rgba(255,255,255,.08);background:rgba(8,18,33,.92);backdrop-filter:blur(14px)}.seo-anchor-bar .container{min-height:58px;display:flex;align-items:center;gap:30px;overflow-x:auto}.seo-anchor-bar a{white-space:nowrap;color:#95a8be;font-size:12px;font-weight:700}.seo-anchor-bar a:hover{color:#fff}
.seo-intro-section{background:#fff;color:#102037}.seo-two-col{display:grid;grid-template-columns:.95fr 1.05fr;gap:80px;align-items:start}.seo-two-col h2{font-size:clamp(36px,4.5vw,58px);line-height:1.07;letter-spacing:-.04em;margin:12px 0}.seo-rich-copy p{font-size:17px;line-height:1.8;color:#5d6f84;margin:0 0 18px}.seo-rich-copy p:last-child{margin-bottom:0}
.seo-features-section{background:linear-gradient(180deg,#f5f8fc,#eef4fa);color:#102037}.seo-features-section .section-heading p{color:#607188}.seo-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.seo-feature-card{position:relative;min-height:245px;padding:27px;border-radius:23px;border:1px solid #dfe8f2;background:linear-gradient(145deg,#fff,#f8fbff);box-shadow:0 11px 34px rgba(40,64,94,.05)}.seo-feature-card:nth-child(6n+2){background:linear-gradient(145deg,#fff,#f7f5ff)}.seo-feature-card:nth-child(6n+3){background:linear-gradient(145deg,#fff,#f2fbf8)}.seo-feature-card:nth-child(6n+4){background:linear-gradient(145deg,#fff,#fff8ef)}.seo-feature-card:nth-child(6n+5){background:linear-gradient(145deg,#fff,#fff4f8)}.seo-feature-card:nth-child(6n+6){background:linear-gradient(145deg,#fff,#f2f9ff)}.seo-feature-no{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;background:#eaf2ff;color:#386ee3;font-size:10px;font-weight:900}.seo-feature-card h3{font-size:22px;line-height:1.2;letter-spacing:-.02em;margin:22px 0 10px}.seo-feature-card p{color:#65768b;font-size:14px;margin:0}
.seo-workflow-section{background:radial-gradient(circle at 10% 28%,rgba(47,124,255,.09),transparent 24%),#081424}.seo-workflow-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.seo-workflow-copy{position:sticky;top:160px;align-self:start}.seo-workflow-copy h2{font-size:clamp(38px,4.6vw,60px);line-height:1.05;letter-spacing:-.04em;margin:12px 0 20px}.seo-workflow-copy p{color:#93a7bd;max-width:500px}.seo-workflow-list{list-style:none;padding:0;margin:0;border-top:1px solid rgba(255,255,255,.09)}.seo-workflow-list li{display:grid;grid-template-columns:60px 1fr;gap:20px;padding:30px 8px;border-bottom:1px solid rgba(255,255,255,.09)}.seo-workflow-list li>span{font-size:11px;color:#70a8ff;font-weight:900}.seo-workflow-list h3{font-size:24px;margin:0 0 7px}.seo-workflow-list p{color:#8da1b8;margin:0}
.seo-benefit-section{background:#f7f9fc;color:#102037}.seo-benefit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.seo-benefit-panel{padding:38px;border-radius:27px;background:linear-gradient(145deg,#0f2d59,#173f78);color:#fff;box-shadow:0 25px 65px rgba(26,59,105,.17)}.seo-benefit-panel.light-panel{background:linear-gradient(145deg,#fff,#eef6ff);color:#102037;border:1px solid #dde8f3;box-shadow:0 20px 55px rgba(40,63,91,.08)}.seo-benefit-panel h2{font-size:34px;line-height:1.13;letter-spacing:-.03em;margin:12px 0 24px}.seo-benefit-panel ul{list-style:none;padding:0;margin:0;display:grid;gap:13px}.seo-benefit-panel li{position:relative;padding-left:25px;color:#c2d4e8}.seo-benefit-panel.light-panel li{color:#5e7087}.seo-benefit-panel li:before{content:"✓";position:absolute;left:0;color:#62e6b3;font-weight:900}.seo-benefit-panel.light-panel li:before{color:#2377ee}
.seo-custom-section{background:#07101f}.seo-custom-card{position:relative;overflow:hidden;display:grid;grid-template-columns:1.2fr .8fr;gap:35px;align-items:center;padding:48px;border-radius:30px;background:linear-gradient(120deg,#2758db 0%,#5b55e7 43%,#20a9c2 100%);box-shadow:0 28px 75px rgba(36,69,175,.25)}.seo-custom-card:after{content:"";position:absolute;width:330px;height:330px;border-radius:50%;right:-90px;top:-180px;background:rgba(255,255,255,.09)}.seo-custom-card h2{font-size:clamp(35px,4vw,52px);line-height:1.08;letter-spacing:-.04em;margin:10px 0 14px}.seo-custom-card p{color:rgba(255,255,255,.78);margin:0;max-width:690px}.seo-custom-actions{position:relative;z-index:2;display:flex;align-items:center;justify-content:flex-end;gap:20px;flex-wrap:wrap}.seo-custom-actions>a:last-child{display:flex;flex-direction:column}.seo-custom-actions small{color:rgba(255,255,255,.68)}.seo-custom-actions strong{font-size:16px}
.seo-faq-section{background:#fff;color:#102037}.seo-faq-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px}.seo-faq-layout>div:first-child{position:sticky;top:150px;align-self:start}.seo-faq-layout h2{font-size:clamp(35px,4.2vw,54px);line-height:1.06;letter-spacing:-.04em;margin:12px 0 14px}.seo-faq-layout>div:first-child p{color:#65768a}.seo-faq-list{display:grid;gap:12px}.seo-faq-item{border:1px solid #e0e8f2;border-radius:18px;background:linear-gradient(145deg,#fff,#f9fbfe);padding:0 20px}.seo-faq-item summary{cursor:pointer;padding:20px 34px 20px 0;font-size:17px;font-weight:800;list-style:none;position:relative}.seo-faq-item summary::-webkit-details-marker{display:none}.seo-faq-item summary:after{content:"+";position:absolute;right:3px;top:17px;width:27px;height:27px;border-radius:9px;display:grid;place-items:center;background:#edf3fb;color:#376dd9}.seo-faq-item[open] summary:after{content:"−"}.seo-faq-item p{color:#64758a;margin:0;padding:0 35px 20px 0}
.seo-related-section{background:linear-gradient(180deg,#f5f8fc,#edf3fa);color:#102037}.seo-related-section .section-heading p{color:#64758a}.seo-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.seo-related-card{display:grid;grid-template-columns:58px 1fr;gap:15px;align-items:center;padding:20px;border:1px solid #dde7f2;border-radius:20px;background:#fff;box-shadow:0 10px 32px rgba(40,62,88,.05);transition:.25s}.seo-related-card:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(40,62,88,.10)}.seo-related-card>span{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#e9f2ff,#e9e9ff);color:#3267d9;font-size:10px;font-weight:900}.seo-related-card h3{font-size:16px;margin:0 0 4px}.seo-related-card p{font-size:12px;color:#6480a0;margin:0}
@media(max-width:1050px){.seo-product-hero-grid,.seo-two-col,.seo-workflow-layout,.seo-faq-layout{grid-template-columns:1fr}.seo-product-visual{max-width:720px}.seo-workflow-copy,.seo-faq-layout>div:first-child{position:static}.seo-feature-grid{grid-template-columns:repeat(2,1fr)}.seo-related-grid{grid-template-columns:1fr 1fr}.seo-custom-card{grid-template-columns:1fr}.seo-custom-actions{justify-content:flex-start}}
@media(max-width:760px){.seo-product-hero{padding:112px 0 60px}.seo-product-copy h1{font-size:45px}.seo-product-lead{font-size:16px}.seo-app-window{transform:none}.seo-stat-row{grid-template-columns:1fr}.seo-app-body{grid-template-columns:48px 1fr}.seo-app-main{padding:18px}.seo-chip-grid{grid-template-columns:1fr 1fr}.seo-anchor-bar{top:68px}.seo-anchor-bar .container{gap:22px}.seo-feature-grid,.seo-benefit-grid,.seo-related-grid{grid-template-columns:1fr}.seo-feature-card{min-height:auto}.seo-custom-card{padding:32px 25px}.seo-faq-item{padding:0 16px}.seo-two-col{gap:25px}.seo-workflow-layout,.seo-faq-layout{gap:35px}}
@media(max-width:470px){.seo-product-copy h1{font-size:39px}.seo-app-sidebar{display:none}.seo-app-body{grid-template-columns:1fr}.seo-chip-grid{grid-template-columns:1fr}.seo-mini-proof{display:grid}.seo-product-badge{font-size:9px}.seo-related-card{grid-template-columns:50px 1fr}.seo-related-card>span{width:50px;height:50px}}


/* --- Version 7 screenshot galleries --- */
.product-screenshot-section{background:linear-gradient(180deg,#091426 0%,#0b182b 100%);color:#fff}
.product-screenshot-section .section-heading p{color:#93a6bc}.screenshot-note{margin:-25px 0 32px;color:#91a6be;font-size:13px;max-width:900px}.screenshot-note strong{color:#dceaff}
.product-shot-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.product-shot-card{margin:0;border:1px solid rgba(255,255,255,.1);border-radius:24px;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.02));box-shadow:0 22px 58px rgba(0,0,0,.18)}
.product-shot-card>img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;background:#0c1728}
.product-shot-placeholder{position:relative;aspect-ratio:16/10;padding:18px;background:radial-gradient(circle at 80% 10%,rgba(55,200,255,.12),transparent 28%),linear-gradient(145deg,#0d1c31,#102540)}
.shot-status{position:absolute;right:14px;bottom:14px;padding:7px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(7,16,31,.72);font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#99bddf;backdrop-filter:blur(10px)}
.dummy-app{height:100%;border-radius:17px;border:1px solid rgba(255,255,255,.1);overflow:hidden;background:linear-gradient(180deg,#132843,#0c1c31);box-shadow:0 20px 45px rgba(0,0,0,.22)}
.dummy-top{height:48px;display:flex;align-items:center;gap:6px;padding:0 13px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025)}.dummy-top i{width:7px;height:7px;border-radius:50%;background:#536981}.dummy-top b{font-size:9px;color:#9eb4cd;margin-left:6px;letter-spacing:.05em}
.dummy-body{height:calc(100% - 48px);display:grid;grid-template-columns:52px 1fr}.dummy-body aside{border-right:1px solid rgba(255,255,255,.07);padding-top:16px;display:flex;align-items:center;flex-direction:column;gap:14px}.dummy-body aside span{width:17px;height:17px;border-radius:6px;background:rgba(255,255,255,.07)}.dummy-body .dummy-main{padding:18px;display:grid;gap:14px}.dummy-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.dummy-metrics span{height:50px;border-radius:11px;background:linear-gradient(135deg,rgba(47,124,255,.18),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.07)}.dummy-metrics span:nth-child(2){background:linear-gradient(135deg,rgba(124,92,255,.16),rgba(255,255,255,.035))}.dummy-metrics span:nth-child(3){background:linear-gradient(135deg,rgba(24,199,183,.15),rgba(255,255,255,.035))}.dummy-chart{min-height:100px;border-radius:14px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015));position:relative;overflow:hidden}.dummy-chart:before{content:"";position:absolute;inset:18px;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:32px 32px}.dummy-chart:after{content:"";position:absolute;left:10%;right:8%;bottom:24%;height:38%;border-radius:50% 35% 55% 20%;border-top:3px solid #37c8ff;transform:skewY(-8deg)}
.dummy-lines{display:grid;gap:8px}.dummy-lines span{height:9px;border-radius:99px;background:rgba(255,255,255,.065)}.dummy-lines span:nth-child(2){width:83%}.dummy-lines span:nth-child(3){width:68%}
.product-shot-card figcaption{padding:18px 20px 20px;display:grid;gap:5px}.product-shot-card figcaption strong{font-size:16px}.product-shot-card figcaption span{font-size:11px;color:#8196ad}.product-shot-card code{color:#71dfff;font-size:10px}
@media(max-width:780px){.product-shot-grid{grid-template-columns:1fr}.product-shot-placeholder{padding:12px}.dummy-body{grid-template-columns:40px 1fr}.dummy-body main{padding:12px}.screenshot-note{margin-top:-15px}.product-shot-card{border-radius:20px}}

/* --- Version 8: editorial blog / content cluster styles --- */
.blog-live-section{background:linear-gradient(180deg,#07101f 0%,#0b182b 100%);color:#f4f8ff}
.blog-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.blog-guide-card{position:relative;overflow:hidden;padding:30px;border-radius:24px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(145deg,rgba(47,124,255,.11),rgba(255,255,255,.025));box-shadow:0 18px 50px rgba(0,0,0,.15)}
.blog-guide-card:nth-child(2){background:linear-gradient(145deg,rgba(124,92,255,.11),rgba(255,255,255,.025))}.blog-guide-card:nth-child(3){background:linear-gradient(145deg,rgba(24,199,183,.10),rgba(255,255,255,.025))}.blog-guide-card:nth-child(4){background:linear-gradient(145deg,rgba(255,181,71,.09),rgba(255,255,255,.025))}
.blog-guide-card h3{font-size:25px;line-height:1.18;letter-spacing:-.025em;margin:14px 0 12px}.blog-guide-card p{color:#9db0c5;margin:0 0 20px}.blog-guide-card a{font-weight:800;color:#8edcff}.blog-tag{display:inline-flex;padding:7px 10px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.14em;background:rgba(47,124,255,.12);color:#9bc7ff;border:1px solid rgba(47,124,255,.22)}.blog-tag.pos{background:rgba(124,92,255,.12);color:#c4b6ff}.blog-tag.inv{background:rgba(24,199,183,.11);color:#87ebdf}.blog-tag.isp{background:rgba(255,181,71,.10);color:#ffd18a}
.article-page{background:#f7f9fc;color:#152236}.article-hero{padding:145px 0 78px;background:radial-gradient(circle at 80% 20%,rgba(47,124,255,.18),transparent 28%),radial-gradient(circle at 5% 90%,rgba(24,199,183,.08),transparent 24%),#07101f;color:#f4f8ff}.article-hero-grid{display:grid;grid-template-columns:1fr 350px;gap:58px;align-items:end}.article-breadcrumb{display:flex;gap:9px;align-items:center;margin-bottom:20px;font-size:12px;color:#8298b2}.article-breadcrumb a:hover{color:#fff}.article-hero h1{font-size:clamp(42px,5vw,70px);line-height:1.02;letter-spacing:-.045em;margin:12px 0 22px;max-width:900px}.article-hero p{font-size:18px;color:#aebed1;max-width:830px;margin:0}.article-meta{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px;font-size:11px;color:#71869f}.article-cta-card{padding:28px;border-radius:24px;border:1px solid rgba(255,255,255,.13);background:linear-gradient(145deg,rgba(47,124,255,.16),rgba(124,92,255,.07));box-shadow:0 24px 60px rgba(0,0,0,.22)}.article-cta-card>span{font-size:10px;letter-spacing:.16em;color:#8ddfff;font-weight:800}.article-cta-card h2{font-size:26px;line-height:1.15;margin:10px 0}.article-cta-card p{font-size:13px;line-height:1.6;margin-bottom:18px}.article-shell{padding:72px 0 110px}.article-layout{display:grid;grid-template-columns:240px minmax(0,780px);gap:58px;justify-content:center;align-items:start}.article-toc{position:sticky;top:105px;display:flex;flex-direction:column;gap:9px;padding:22px;border:1px solid #e2e8f0;border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(24,43,70,.05)}.article-toc strong{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#1d3656;margin-bottom:6px}.article-toc a{font-size:12px;color:#61748c;padding:5px 0}.article-toc a:hover{color:#256feb}.article-toc .article-toc-cta{margin-top:9px;padding:10px 12px;border-radius:12px;background:#eef5ff;color:#245fca;font-weight:800;text-align:center}.article-content>section{scroll-margin-top:110px;margin-bottom:54px}.article-content h2{font-size:34px;line-height:1.13;letter-spacing:-.03em;color:#102038;margin:0 0 18px}.article-content h3{color:#14273f}.article-content p,.article-content li{font-size:16px;line-height:1.82;color:#4f6279}.article-content a{color:#236ee8;text-decoration:underline;text-underline-offset:3px}.article-content ol,.article-content ul{padding-left:22px}.article-content li{margin:9px 0}.article-callout{padding:22px 24px;margin:28px 0;border-radius:18px;border:1px solid #d7e5fb;background:linear-gradient(135deg,#eef5ff,#f8fbff)}.article-callout strong{color:#1d5cc1}.article-callout p{margin:6px 0 0;font-size:14px}.article-feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:24px}.article-feature-list>div{padding:20px;border-radius:18px;border:1px solid #e0e7f0;background:#fff;box-shadow:0 8px 25px rgba(30,55,86,.04)}.article-feature-list strong{display:block;color:#10213a;margin-bottom:6px}.article-feature-list p{font-size:14px;margin:0;line-height:1.65}.article-step-list{display:grid;gap:12px;margin-top:22px}.article-step-list>div{display:grid;grid-template-columns:48px 1fr;gap:14px;padding:18px;border-radius:18px;background:#fff;border:1px solid #e1e8f1}.article-step-list>div>span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#eaf2ff,#eef9ff);color:#276ee4;font-weight:900;font-size:12px}.article-step-list p{margin:0;font-size:14px;line-height:1.65}.article-checklist{list-style:none;padding:0!important;display:grid;gap:10px}.article-checklist li{position:relative;padding:14px 16px 14px 43px!important;margin:0!important;border:1px solid #e1e8f1;border-radius:15px;background:#fff;font-size:14px}.article-checklist li:before{content:"✓";position:absolute;left:15px;top:14px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#e8f8f3;color:#148765;font-weight:900;font-size:11px}.article-faq{padding-top:10px}.article-faq .seo-faq-item{border-color:#dfe6ef;background:#fff}.article-faq .seo-faq-item summary{color:#13253d}.article-product-cta{display:grid!important;grid-template-columns:1fr auto;gap:28px;align-items:center;padding:30px!important;border-radius:25px;background:linear-gradient(125deg,#285bd8,#5b55e7 50%,#16a8bd);color:#fff}.article-product-cta h2{color:#fff;margin:8px 0 10px}.article-product-cta p{color:#e2e9ff;margin:0}.article-related{margin-bottom:0!important}.article-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.article-related-card{display:grid;gap:7px;padding:18px;border-radius:17px;background:#fff;border:1px solid #e1e8f1;text-decoration:none!important}.article-related-card>span{font-size:10px;color:#2772e7;font-weight:900}.article-related-card strong{font-size:14px;color:#10223a}.article-related-card small{color:#718298}.article-media-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:22px 0}.article-media-grid figure{margin:0;border-radius:18px;overflow:hidden;border:1px solid #dfe6ef;background:#fff;box-shadow:0 10px 30px rgba(28,52,82,.06)}.article-media-grid img{width:100%;height:230px;object-fit:cover}.article-media-grid figcaption{padding:12px 15px;font-size:11px;color:#63758b}.seo-guide-link-section{padding:0 0 80px;background:#07101f}.seo-guide-link-card{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;padding:30px 34px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:linear-gradient(135deg,rgba(47,124,255,.14),rgba(124,92,255,.08),rgba(24,199,183,.05));color:#fff}.seo-guide-link-card h2{font-size:30px;margin:7px 0 8px}.seo-guide-link-card p{margin:0;color:#9fb1c6}
@media(max-width:980px){.article-hero-grid{grid-template-columns:1fr}.article-cta-card{max-width:550px}.article-layout{grid-template-columns:1fr;max-width:820px}.article-toc{position:static;display:grid;grid-template-columns:repeat(3,1fr)}.article-toc strong,.article-toc .article-toc-cta{grid-column:1/-1}.article-related-grid{grid-template-columns:1fr}.seo-guide-link-card{grid-template-columns:1fr}.blog-card-grid{grid-template-columns:1fr}}
@media(max-width:680px){.article-hero{padding:118px 0 58px}.article-hero h1{font-size:42px}.article-hero p{font-size:16px}.article-shell{padding:52px 0 78px}.article-toc{grid-template-columns:repeat(2,1fr);padding:18px}.article-content h2{font-size:29px}.article-feature-list,.article-media-grid{grid-template-columns:1fr}.article-media-grid img{height:auto}.article-product-cta{grid-template-columns:1fr;padding:25px!important}.blog-guide-card{padding:24px}.seo-guide-link-section{padding-bottom:58px}.seo-guide-link-card{padding:25px}.seo-guide-link-card .button{width:100%}}

/* Phase 2 blog cluster tag colors */
.blog-tag.stock{background:rgba(255,181,71,.11);border-color:rgba(255,181,71,.24);color:#ffd28a}
.blog-tag.pharmacy{background:rgba(232,90,173,.11);border-color:rgba(232,90,173,.24);color:#ffacd9}
.blog-tag.store{background:rgba(24,199,183,.10);border-color:rgba(24,199,183,.24);color:#82e8da}
.blog-tag.custom{background:rgba(124,92,255,.12);border-color:rgba(124,92,255,.25);color:#c4b3ff}

.blog-tag.phase3{background:rgba(47,124,255,.09);border-color:rgba(55,200,255,.22);color:#a9ddff}
.phase3-blog-section{background:radial-gradient(circle at 85% 5%,rgba(124,92,255,.08),transparent 25%),#081426}

/* --- Version 12: conversion & lead generation --- */
.floating-whatsapp{position:fixed;right:22px;bottom:22px;z-index:1200;display:flex;align-items:center;gap:9px;min-height:48px;padding:7px 15px 7px 7px;border-radius:999px;background:#19a86b;color:#fff;box-shadow:0 16px 40px rgba(0,0,0,.26);font-size:12px;font-weight:800;transition:transform .2s,box-shadow .2s}.floating-whatsapp:hover{transform:translateY(-3px);box-shadow:0 20px 46px rgba(0,0,0,.32)}.floating-whatsapp span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.18);font-size:10px;letter-spacing:.04em}.floating-whatsapp strong{font-size:12px}.field-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important}.contact-form button[aria-busy="true"]{opacity:.65;cursor:wait}.success-message.error{border-color:rgba(255,102,102,.28);background:rgba(255,80,80,.08);color:#ffb2b2}.thank-you-section{min-height:100vh;padding:150px 0 90px;display:grid;place-items:center;background:radial-gradient(circle at 78% 18%,rgba(47,124,255,.16),transparent 30%),radial-gradient(circle at 18% 80%,rgba(24,199,183,.08),transparent 24%),#07101f}.thank-you-card{max-width:720px;margin:auto;text-align:center;padding:54px 42px;border-radius:28px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,rgba(47,124,255,.13),rgba(124,92,255,.07),rgba(255,255,255,.025));box-shadow:0 32px 90px rgba(0,0,0,.28)}.thank-you-icon{width:68px;height:68px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;background:rgba(98,230,179,.12);border:1px solid rgba(98,230,179,.28);color:#72ecc0;font-size:28px;font-weight:900}.thank-you-card h1{font-size:clamp(38px,5vw,62px);line-height:1.04;letter-spacing:-.045em;margin:12px 0 18px}.thank-you-card p{color:#a7b8ca;font-size:17px;max-width:590px;margin:0 auto}.thank-you-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:30px}@media(max-width:680px){.floating-whatsapp{right:14px;bottom:14px;padding-right:10px}.floating-whatsapp strong{display:none}.thank-you-card{padding:38px 24px}.thank-you-actions{flex-direction:column}.thank-you-actions .button{width:100%}}


/* --- Version 13 — trust proof, case studies, portfolio architecture --- */
.trust-proof-section,.testimonial-proof-section{display:none}
.trust-proof-section.is-visible,.testimonial-proof-section.is-visible{display:block}
.trust-proof-section{background:linear-gradient(180deg,#f8fbff,#fff);color:#101b2c;padding:92px 0}
.trust-proof-head{display:grid;grid-template-columns:1fr .7fr;gap:50px;align-items:end;margin-bottom:34px}
.trust-proof-head h2{font-size:clamp(34px,4.3vw,54px);line-height:1.05;letter-spacing:-.04em;margin:10px 0 0}.trust-proof-head p{color:#63758c;margin:0}
.client-logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.client-logo-item{min-height:116px;border:1px solid #e0e8f1;border-radius:20px;background:linear-gradient(145deg,#fff,#f7faff);display:flex;align-items:center;justify-content:center;gap:10px;padding:20px;box-shadow:0 10px 28px rgba(41,62,91,.045);transition:.25s}
.client-logo-item:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(41,62,91,.08)}
.client-logo-item img{max-width:160px;max-height:60px;object-fit:contain;filter:saturate(.82)}.client-logo-item>span:not(.client-logo-monogram){font-size:12px;color:#65768a}
.client-logo-monogram{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#e9f2ff,#eef9ff);color:#2872d2;font-weight:900;font-size:12px}.placeholder-proof small{font-size:10px;color:#8796a8;text-transform:uppercase;letter-spacing:.08em}
.is-placeholder-preview .trust-preview-note{display:block}.trust-preview-note{display:none;margin:0 0 20px;padding:13px 16px;border-radius:14px;background:#fff8e8;border:1px solid #f2dfaf;color:#7c6120;font-size:12px}
.testimonial-proof-section{background:radial-gradient(circle at 15% 20%,rgba(88,100,255,.12),transparent 25%),radial-gradient(circle at 90% 75%,rgba(30,199,185,.09),transparent 22%),#081425;padding:100px 0}
.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px}.testimonial-card{position:relative;min-height:285px;padding:28px;border-radius:24px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.018));box-shadow:0 20px 50px rgba(0,0,0,.15);display:flex;flex-direction:column}.testimonial-mark{font-family:Georgia,serif;font-size:52px;line-height:.7;color:#59c9ff;opacity:.7}.testimonial-card blockquote{margin:20px 0 26px;font-size:16px;line-height:1.7;color:#d5e0ed;flex:1}.testimonial-person{display:flex;align-items:center;gap:12px}.testimonial-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#2f7cff,#31c7da);display:grid;place-items:center;overflow:hidden;font-size:11px;font-weight:900}.testimonial-avatar img{width:100%;height:100%;object-fit:cover}.testimonial-person>div:last-child{display:grid}.testimonial-person strong{font-size:13px}.testimonial-person span{font-size:10px;color:#8fa3b8}.testimonial-proof-section .trust-proof-head h2{color:#fff}.testimonial-proof-section .trust-proof-head p{color:#91a6bd}

.portfolio-hero-grid{display:grid;grid-template-columns:1fr .72fr;gap:50px;align-items:end}.portfolio-principle-card{padding:24px;border-radius:22px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,rgba(47,124,255,.12),rgba(124,92,255,.06));display:grid;gap:12px}.portfolio-principle-card strong{font-size:17px}.portfolio-principle-card span{font-size:12px;color:#9fb2c8}
.case-study-system{background:#f7f9fc;color:#111b29}.case-study-system .kicker{color:#1674d7}.case-study-system .section-heading p{color:#6c7c8f}.case-study-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.case-study-preview-card{border:1px solid #dfe7f0;border-radius:24px;background:#fff;overflow:hidden;box-shadow:0 12px 34px rgba(40,62,90,.055);transition:.25s}.case-study-preview-card:hover{transform:translateY(-4px);box-shadow:0 22px 48px rgba(40,62,90,.1)}.case-study-cover{height:210px;display:grid;place-items:center;background:radial-gradient(circle at 70% 20%,rgba(91,113,255,.25),transparent 27%),linear-gradient(145deg,#11243d,#0b1728);color:#fff}.case-study-cover span{width:72px;height:72px;border-radius:22px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);background:linear-gradient(135deg,rgba(64,136,255,.28),rgba(41,211,196,.15));font-weight:900}.case-study-preview-card:nth-child(2) .case-study-cover{background:radial-gradient(circle at 25% 20%,rgba(34,204,183,.25),transparent 27%),linear-gradient(145deg,#102f32,#0b1d25)}.case-study-preview-card:nth-child(3) .case-study-cover{background:radial-gradient(circle at 75% 15%,rgba(255,182,70,.22),transparent 27%),linear-gradient(145deg,#2c2330,#151a28)}.case-study-body{padding:24px}.case-study-body>span{font-size:9px;letter-spacing:.15em;text-transform:uppercase;font-weight:800;color:#4d82c2}.case-study-body h3{font-size:22px;line-height:1.2;margin:8px 0 10px;letter-spacing:-.02em}.case-study-body p{font-size:13px;color:#66768a;margin:0 0 16px}.case-study-status{display:flex;gap:7px;flex-wrap:wrap}.case-study-status b{font-size:9px;padding:6px 9px;border-radius:999px;background:#eef4fb;color:#52708f}.local-only{display:none}.local-preview .local-only{display:block}
.case-study-template-page{background:#f7f9fc;color:#132036}.case-study-template-page .page-hero{color:#fff}.case-study-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:32px}.case-study-meta div{padding:16px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);display:grid;gap:3px}.case-study-meta small{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#8fa5be}.case-study-meta strong{font-size:14px}.case-study-story{display:grid;grid-template-columns:.8fr 1.2fr;gap:44px}.case-study-story h2{font-size:38px;line-height:1.05;letter-spacing:-.035em;margin:10px 0}.case-study-story p,.case-study-story li{color:#607188}.case-study-story ul{padding-left:20px}.case-study-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.case-study-metric{padding:24px;border-radius:22px;background:linear-gradient(145deg,#fff,#f2f7ff);border:1px solid #dfe8f3}.case-study-metric strong{display:block;font-size:34px;color:#266fd3}.case-study-metric span{font-size:12px;color:#65758a}.case-study-quote{padding:34px;border-radius:26px;background:linear-gradient(135deg,#10233b,#0e1b30);color:#fff}.case-study-quote blockquote{font-size:22px;line-height:1.55;margin:0 0 18px}.case-study-quote p{color:#95a9bf;margin:0}

@media(max-width:980px){.trust-proof-head,.portfolio-hero-grid,.case-study-story{grid-template-columns:1fr}.client-logo-grid{grid-template-columns:repeat(3,1fr)}.testimonial-grid,.case-study-grid{grid-template-columns:1fr 1fr}.case-study-meta{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.trust-proof-section,.testimonial-proof-section{padding:72px 0}.client-logo-grid{grid-template-columns:1fr 1fr}.testimonial-grid,.case-study-grid,.case-study-metrics{grid-template-columns:1fr}.case-study-meta{grid-template-columns:1fr}.case-study-cover{height:180px}}


/* =========================================================
   VERSION 15 — PERFORMANCE / RESPONSIVE / A11Y / UX QA FIXES
   ========================================================= */
html{scroll-padding-top:96px}
body{overflow-x:hidden}
[id]{scroll-margin-top:96px}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid #7dd8ff!important;outline-offset:3px!important;box-shadow:0 0 0 5px rgba(47,124,255,.18)}
.skip-link{font-weight:800;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.footer-bottom{color:#91a5bc;font-size:12px}
.form-note{font-size:12px;color:#91a5bc;line-height:1.55}
.light .detail-card p{color:#5f7086}.light .detail-card ul{color:#5b6d84}
.primary-nav a{min-height:44px;display:inline-flex;align-items:center}
.nav-toggle{min-width:44px;min-height:44px;align-items:center;justify-content:center;border-radius:10px}.nav-toggle:focus-visible{background:rgba(255,255,255,.08)}
.seo-faq-item summary,.article-faq summary{min-height:44px;display:flex;align-items:center}
.section,.content-section,.cta-section,.signal-section,.trust-proof-section,.testimonial-proof-section{content-visibility:auto;contain-intrinsic-size:auto 700px}
.hero,.page-hero,.article-hero{content-visibility:visible}
@media(max-width:980px){.primary-nav{visibility:hidden;max-height:calc(100dvh - 98px);overflow-y:auto;overscroll-behavior:contain}.primary-nav.open{visibility:visible}body.nav-open{overflow:hidden}.primary-nav>a:not(.button){min-height:46px;padding:11px 12px}}
@media(max-width:680px){.site-header{backdrop-filter:none;background:rgba(7,16,31,.97)}.glow{display:none}.section,.content-section{padding-top:72px;padding-bottom:72px}.article-content p,.article-content li,.cms-article-body{font-size:16px}.floating-whatsapp{min-width:48px;min-height:48px;justify-content:center;padding:7px}}
@media(max-width:420px){.container{width:min(100% - 24px,var(--max))}.hero h1{font-size:40px;line-height:1.02}.page-hero h1{font-size:40px;line-height:1.04}.article-hero h1{font-size:36px;line-height:1.06}.section-heading h2,.process-copy h2{font-size:35px}.cta-card h2{font-size:30px}.why-panel h2{font-size:28px}.hero{padding-top:106px}.page-hero{padding-top:112px}.hero-visual{min-height:340px}.dash-search{display:none}.dash-body{grid-template-columns:44px 1fr}.dash-content{padding:12px}.metric-grid{gap:4px}.metric{padding:8px}.trust-items{gap:10px 14px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:auto}.client-logo-grid{grid-template-columns:1fr}}
@media(prefers-contrast:more){:root{--muted:#c1cede;--line:rgba(255,255,255,.24)}.button-secondary{border-color:rgba(255,255,255,.45)}}
@media(forced-colors:active){.button,.product-card,.service-card,.detail-card{border:1px solid ButtonText}:where(a,button,input,select,textarea,summary):focus-visible{outline:2px solid Highlight!important}}
@media(max-width:980px){.nav-toggle{display:inline-flex;flex-direction:column}}


/* V16.3 Legal pages + consent controls */
.legal-hero .legal-updated{margin-top:18px;font-size:.92rem;opacity:.82}.legal-layout{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:32px;align-items:start}.legal-summary{position:sticky;top:110px;padding:24px;border:1px solid rgba(15,35,66,.12);border-radius:18px;background:#fff;box-shadow:0 18px 50px rgba(12,31,57,.07)}.legal-summary p{margin:10px 0}.legal-summary .legal-note{font-size:.88rem;color:#5f7188;margin-top:18px}.legal-content{min-width:0;padding:32px;border:1px solid rgba(15,35,66,.10);border-radius:20px;background:#fff;box-shadow:0 18px 50px rgba(12,31,57,.06)}.legal-content h2{margin:38px 0 12px;font-size:clamp(1.35rem,2vw,1.7rem);color:#102544}.legal-content h2:first-child{margin-top:0}.legal-content h3{margin:22px 0 8px;font-size:1.08rem;color:#19385f}.legal-content p,.legal-content li{color:#4b6078;line-height:1.78}.legal-content li+li{margin-top:7px}.legal-content code{padding:2px 6px;border-radius:6px;background:#edf4fc;color:#24476d}.legal-callout{margin:24px 0;padding:22px;border:1px solid rgba(48,119,236,.22);border-radius:16px;background:#f2f7ff}.legal-callout h3{margin-top:0}.footer-legal-inline{display:flex;flex-wrap:wrap;gap:14px}.footer-legal-inline a{font-size:.86rem}.cookie-consent{position:fixed;z-index:10000;left:20px;right:20px;bottom:20px;display:none;max-width:760px;margin:0 auto;padding:20px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:#0a1728;color:#f4f8ff;box-shadow:0 24px 70px rgba(0,0,0,.35)}.cookie-consent.show{display:block}.cookie-consent h2{margin:0 0 8px;font-size:1.12rem}.cookie-consent p{margin:0;color:#bac9da;font-size:.9rem;line-height:1.6}.cookie-consent a{text-decoration:underline}.cookie-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.cookie-actions button{min-height:44px}.cookie-preferences{display:none;margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.12)}.cookie-preferences.open{display:grid;gap:10px}.cookie-pref-row{display:flex;align-items:flex-start;gap:10px;padding:10px 0}.cookie-pref-row input{margin-top:4px;accent-color:#4b91ff}.cookie-pref-row strong,.cookie-pref-row span{display:block}.cookie-pref-row span{font-size:.82rem;color:#9fb2c7}.cookie-consent .button-muted{border:1px solid rgba(255,255,255,.18);background:transparent;color:#f4f8ff}.cookie-consent .button-muted:hover{background:rgba(255,255,255,.08)}
@media(max-width:820px){.legal-layout{grid-template-columns:1fr}.legal-summary{position:static}.legal-content{padding:24px}.cookie-consent{left:12px;right:12px;bottom:12px;padding:17px}}
@media(max-width:480px){.legal-content{padding:20px}.cookie-actions{display:grid;grid-template-columns:1fr}.cookie-actions button{width:100%}}

/* V17 Government & Institutional Portfolio */
.government-proof-section{background:linear-gradient(180deg,#081524,#0a1a2e);color:#fff}
.government-proof-section .section-heading p{color:#9fb1c7}.government-project-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.government-project-card{display:grid;grid-template-columns:116px 1fr;gap:22px;padding:24px;border:1px solid rgba(255,255,255,.11);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));box-shadow:0 22px 58px rgba(0,0,0,.16)}.government-project-mark{width:116px;min-height:148px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(145deg,#174f91,#2d87d8);font-size:26px;font-weight:900;letter-spacing:.12em;color:#dff3ff}.government-project-mark.education{background:linear-gradient(145deg,#195746,#2f9b7a)}.government-project-card>img{width:116px;height:148px;object-fit:cover;border-radius:20px}.government-project-copy h3{font-size:23px;line-height:1.2;margin:8px 0 10px}.government-project-copy p{color:#a9b8ca;font-size:14px}.government-project-meta{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.government-project-meta span{font-size:10px;padding:6px 9px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#b9c9da}.portfolio-proof-link-section{padding:70px 0;background:#f6f9fc;color:#102039}.portfolio-proof-link-card{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;padding:34px;border:1px solid #dce5ef;border-radius:26px;background:#fff;box-shadow:0 18px 45px rgba(31,55,86,.07)}.portfolio-proof-link-card h2{font-size:34px;line-height:1.15;margin:9px 0 10px}.portfolio-proof-link-card p{color:#607187;max-width:780px}.portfolio-proof-link-card small{color:#71839a}.portfolio-filter-section{padding:26px 0 0}.portfolio-filters{display:flex;gap:8px;flex-wrap:wrap}.portfolio-filters a{min-height:44px;display:inline-flex;align-items:center;padding:0 16px;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:#a9bbcf;font-size:12px;font-weight:800}.portfolio-filters a.active{background:#2469d8;border-color:#2469d8;color:#fff}.case-card-org{font-size:11px;color:#9fb1c5;margin:10px 0}.case-project-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.case-project-meta span{display:grid;gap:3px;min-width:180px;padding:12px 14px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.035);font-size:12px;color:#b9c8d8}.case-project-meta b{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#7f9ab8}.case-project-meta a{color:#8bdcff}.screenshot-pending-section{padding-top:70px}.screenshot-pending-card{padding:42px;border:1px dashed rgba(255,255,255,.18);border-radius:28px;background:rgba(255,255,255,.025)}.screenshot-pending-card h2{font-size:36px;margin:10px 0}.screenshot-pending-card p{color:#9fb0c3;max-width:820px}.screenshot-slot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:24px}.screenshot-slot-grid div{min-height:110px;display:grid;place-items:center;text-align:center;padding:16px;border:1px dashed rgba(255,255,255,.18);border-radius:16px;color:#8ea4bb;font-size:12px;background:rgba(255,255,255,.02)}.government-institution-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.government-institution-card{display:grid;grid-template-columns:42px 1fr;gap:16px;padding:24px;border:1px solid #dfe7f0;border-radius:20px;background:#fff}.government-institution-card>span{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#edf5ff;color:#2469d8;font-weight:900}.government-institution-card h3{font-size:19px;line-height:1.25;margin:0 0 6px}.government-institution-card p{color:#68788d;margin:0 0 10px;font-size:13px}.government-institution-card a{font-size:12px;color:#2469d8;font-weight:800}.case-number{display:inline-grid;width:36px;height:36px;place-items:center;border-radius:10px;background:#eaf3ff;color:#2469d8;font-size:11px;font-weight:900}
@media(max-width:900px){.government-project-grid{grid-template-columns:1fr}.portfolio-proof-link-card{grid-template-columns:1fr}.government-institution-list{grid-template-columns:1fr 1fr}.screenshot-slot-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.government-project-card{grid-template-columns:1fr}.government-project-mark,.government-project-card>img{width:100%;height:150px;min-height:150px}.government-institution-list,.screenshot-slot-grid{grid-template-columns:1fr}.portfolio-proof-link-card{padding:24px}.portfolio-proof-link-card h2,.screenshot-pending-card h2{font-size:28px}.screenshot-pending-card{padding:28px}}


/* --- V17 local master: BKKB verified project screenshot galleries --- */
.case-study-screenshot-section .section-heading{margin-bottom:34px}
.case-screenshot-groups{display:grid;gap:38px}
.case-screenshot-group{padding:28px;border:1px solid rgba(255,255,255,.1);border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015))}
.case-screenshot-group-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.7fr);gap:28px;align-items:end;margin-bottom:20px}
.case-screenshot-group-head>div{display:flex;gap:14px;align-items:flex-start}
.case-screenshot-group-head h3{font-size:25px;line-height:1.2;margin:3px 0 0}
.case-screenshot-group-head h3 small{display:block;margin-top:6px;color:#91a6bd;font-size:12px;font-weight:700;letter-spacing:.02em}
.case-screenshot-group-head p{margin:0;color:#96a9bf;font-size:13px}
.case-shot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.case-shot-card{margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:#0b1728;box-shadow:0 16px 42px rgba(0,0,0,.18)}
.case-shot-link{position:relative;display:block;overflow:hidden;background:#08111f}
.case-shot-link img{display:block;width:100%;height:auto;transition:transform .28s ease,filter .28s ease}
.case-shot-link>span{position:absolute;right:10px;bottom:10px;padding:7px 9px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(7,16,31,.84);backdrop-filter:blur(10px);color:#e6f4ff;font-size:9px;font-weight:800;letter-spacing:.05em;opacity:0;transform:translateY(5px);transition:.2s}
.case-shot-link:hover img,.case-shot-link:focus-visible img{transform:scale(1.018);filter:brightness(.88)}
.case-shot-link:hover>span,.case-shot-link:focus-visible>span{opacity:1;transform:none}
.case-shot-link:focus-visible{outline:3px solid #69b9ff;outline-offset:-3px}
.case-shot-card figcaption{display:grid;gap:5px;padding:14px 15px 16px}
.case-shot-card figcaption strong{font-size:13px;color:#f2f7ff}
.case-shot-card figcaption small{font-size:11px;line-height:1.45;color:#91a5bc}
.case-screenshot-footnote{max-width:900px;margin:26px 0 0;color:#8fa4bb;font-size:12px}
.case-lightbox{width:min(1180px,94vw);max-width:none;padding:0;border:1px solid rgba(255,255,255,.16);border-radius:22px;background:#07101f;color:#fff;box-shadow:0 40px 120px rgba(0,0,0,.55)}
.case-lightbox::backdrop{background:rgba(1,7,14,.86);backdrop-filter:blur(7px)}
.case-lightbox-frame{position:relative;display:grid;gap:0}
.case-lightbox-image-wrap{display:grid;place-items:center;min-height:200px;background:#020710}
.case-lightbox img{display:block;max-width:100%;max-height:78vh;width:auto;height:auto}
.case-lightbox-meta{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:14px 18px;color:#b7c8da;font-size:12px}
.case-lightbox-close{position:absolute;z-index:2;top:12px;right:12px;width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(7,16,31,.88);color:#fff;font:700 22px/1 system-ui;cursor:pointer}
.case-lightbox-close:focus-visible{outline:3px solid #69b9ff;outline-offset:2px}
@media(max-width:980px){.case-shot-grid{grid-template-columns:1fr 1fr}.case-screenshot-group-head{grid-template-columns:1fr;gap:10px}}
@media(max-width:640px){.case-screenshot-group{padding:18px}.case-shot-grid{grid-template-columns:1fr}.case-screenshot-group-head h3{font-size:21px}.case-shot-link>span{opacity:1;transform:none}.case-lightbox-meta{align-items:flex-start;flex-direction:column}}

@media(min-width:901px){
  .government-project-card{grid-template-columns:180px 1fr}
  .government-project-mark,.government-project-card>img{width:180px;height:132px;min-height:132px}
  .government-project-card>img{object-fit:cover;object-position:left top}
}

/* =========================================================
   LOCAL MASTER — HOMEPAGE CONVERSION + VISUAL REFINEMENT
   Real product/project interfaces replace decorative metrics.
   ========================================================= */
.hero-real-proof{min-height:860px;padding-bottom:104px}
.hero-real-proof .hero-grid{grid-template-columns:.93fr 1.07fr;gap:54px}
.hero-real-proof .hero-copy{position:relative;z-index:3}
.hero-real-proof .hero-copy:after{content:"";position:absolute;width:150px;height:150px;left:-70px;top:34%;border-radius:50%;background:rgba(55,200,255,.055);filter:blur(10px);z-index:-1}
.hero-real-proof h1{font-size:clamp(52px,5.7vw,80px);max-width:700px}
.hero-proof-chips{gap:10px;margin-top:28px}.hero-proof-chips span{padding:8px 11px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(255,255,255,.025)}
.real-product-stage{min-height:560px;display:block;position:relative}
.stage-glow{position:absolute;border-radius:50%;filter:blur(30px);pointer-events:none}.stage-glow-a{width:340px;height:340px;right:10px;top:40px;background:rgba(71,94,255,.20)}.stage-glow-b{width:220px;height:220px;left:55px;bottom:15px;background:rgba(44,204,219,.12)}
.real-screen-card{position:absolute;display:block;border:1px solid rgba(255,255,255,.14);border-radius:24px;overflow:hidden;background:#0c1a2d;box-shadow:0 35px 85px rgba(0,0,0,.42);transition:transform .3s,box-shadow .3s,border-color .3s}
.real-screen-card:hover{border-color:rgba(126,190,255,.36);box-shadow:0 42px 96px rgba(0,0,0,.5)}
.real-screen-card img{width:100%;height:100%;object-fit:cover;object-position:left top}
.real-screen-primary{width:min(94%,620px);height:392px;right:0;top:32px;transform:perspective(1200px) rotateY(-4deg) rotateX(2deg)}.real-screen-primary:hover{transform:perspective(1200px) rotateY(-2deg) translateY(-5px)}
.real-screen-secondary{width:49%;height:218px;left:0;bottom:8px;z-index:4;transform:rotate(-2.2deg)}.real-screen-secondary:hover{transform:rotate(-1deg) translateY(-4px)}
.real-screen-label{position:absolute;z-index:2;left:15px;right:15px;bottom:14px;padding:12px 13px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(4,14,28,.86);backdrop-filter:blur(12px);display:grid;grid-template-columns:1fr auto;gap:1px 12px;align-items:center}.real-screen-label span{grid-column:1/-1;font-size:8px;letter-spacing:.14em;color:#7fcfff;font-weight:800}.real-screen-label strong{font-size:13px}.real-screen-label i{font-size:10px;color:#bdd3eb;font-style:normal}
.solution-orbit{position:absolute;right:2px;bottom:34px;display:grid;grid-template-columns:1fr 1fr;gap:7px;z-index:6}.solution-orbit span{font-size:9px;font-weight:800;padding:8px 10px;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:rgba(10,26,45,.86);backdrop-filter:blur(10px);color:#b8cbe0}
.solution-ribbon .trust-grid>span{font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#6f859f}.solution-ribbon .trust-items b{position:relative}.solution-ribbon .trust-items b:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:7px;background:currentColor;opacity:.75;vertical-align:2px}
.priority-product-section{position:relative;overflow:hidden}.priority-product-section:before{content:"";position:absolute;width:520px;height:520px;right:-260px;top:80px;border-radius:50%;background:rgba(66,99,235,.055);filter:blur(3px)}
.priority-product-grid{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.priority-product-card{position:relative;overflow:hidden;border:1px solid #dce5ef;border-radius:24px;background:#fff;color:#102039;box-shadow:0 18px 45px rgba(31,55,86,.07);transition:transform .25s,box-shadow .25s,border-color .25s}.priority-product-card:hover{transform:translateY(-5px);border-color:#b7d1ec;box-shadow:0 26px 60px rgba(31,55,86,.12)}
.priority-product-card--hero{grid-column:span 3;display:grid;grid-template-columns:1.03fr .97fr;min-height:340px}.priority-product-media{min-height:340px;background:#0f3150;overflow:hidden}.priority-product-media img{width:100%;height:100%;object-fit:cover;object-position:left top;transform:scale(1.02)}.priority-product-copy{padding:30px;align-self:center}.priority-product-copy h3{font-size:28px;line-height:1.08;letter-spacing:-.03em;margin:9px 0 12px}.priority-product-copy p{font-size:13px;color:#687a90;margin:0 0 20px}.priority-badge{font-size:9px;letter-spacing:.14em;font-weight:900;color:#2b71d2}.priority-product-copy .text-link{font-size:12px;font-weight:900;color:#1e65c8}
.priority-product-card--pos{background:linear-gradient(145deg,#102a4e,#111a38);color:#fff;border-color:rgba(255,255,255,.08)}.priority-product-card--pos .priority-product-copy p{color:#adbeda}.priority-product-card--pos .priority-badge{color:#7de1ff}.priority-product-card--pos .text-link{color:#8ee7ff}
.pos-visual{position:relative;display:grid;place-items:center;min-height:340px;background:radial-gradient(circle at 30% 25%,rgba(55,200,255,.24),transparent 30%),radial-gradient(circle at 80% 75%,rgba(124,92,255,.20),transparent 32%)}.pos-terminal{position:relative;width:178px;height:220px;padding:18px;border:1px solid rgba(255,255,255,.18);border-radius:22px;background:linear-gradient(145deg,#173c64,#0b1d36);box-shadow:0 28px 55px rgba(0,0,0,.3);transform:rotate(-4deg)}.pos-screen{height:78px;padding:13px;border-radius:12px;background:linear-gradient(145deg,#e7fbff,#bbecff);color:#133753;display:flex;flex-direction:column;justify-content:center}.pos-screen b{font-size:26px;line-height:1}.pos-screen small{font-size:8px;margin-top:5px}.pos-lines{display:block;height:10px;margin-top:15px;border-radius:8px;background:rgba(255,255,255,.14)}.pos-lines.short{width:64%}.pos-terminal>strong{position:absolute;right:18px;bottom:16px;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#2f7cff;font-size:20px}.barcode-bars{position:absolute;width:120px;height:58px;right:18px;bottom:24px;opacity:.8;background:repeating-linear-gradient(90deg,#fff 0 3px,transparent 3px 7px);transform:rotate(7deg)}
.priority-product-card--compact{grid-column:span 2;min-height:176px;padding:24px;display:grid;grid-template-columns:54px 1fr auto;gap:16px;align-items:center}.compact-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:#edf5ff;color:#266fc7;font-size:10px;font-weight:900}.priority-product-card--compact h3{font-size:18px;line-height:1.15;margin:6px 0}.priority-product-card--compact p{font-size:11px;color:#75869a;margin:0}.priority-product-card--compact>b{font-size:22px;color:#8da0b4}.priority-product-card--compact:nth-child(4) .compact-icon{background:#fff3e7;color:#d46b1f}.priority-product-card--compact:nth-child(5) .compact-icon{background:#ebfaf4;color:#16856b}
.more-solutions{margin-top:22px;padding:20px 22px;border:1px solid #dce5ef;border-radius:20px;background:rgba(255,255,255,.74);display:flex;align-items:center;justify-content:space-between;gap:24px}.more-solutions>div{display:grid;gap:3px}.more-solutions strong{font-size:15px}.more-solutions span{font-size:12px;color:#6d7f94}.more-solutions .button-secondary{color:#17304d}
.real-interface-section{background:linear-gradient(180deg,#091525,#07101f)}.real-interface-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.interface-showcase-card{overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));transition:transform .28s,border-color .28s,box-shadow .28s}.interface-showcase-card:hover{transform:translateY(-5px);border-color:rgba(109,186,255,.28);box-shadow:0 26px 60px rgba(0,0,0,.18)}.interface-shot{height:315px;overflow:hidden;background:#10233c;border-bottom:1px solid rgba(255,255,255,.09)}.interface-shot img{width:100%;height:100%;object-fit:cover;object-position:left top;transition:transform .45s}.interface-showcase-card:hover .interface-shot img{transform:scale(1.018)}.interface-meta{padding:26px}.interface-meta>span{font-size:9px;letter-spacing:.14em;color:#76cfff;font-weight:900}.interface-meta h3{font-size:24px;line-height:1.15;margin:8px 0}.interface-meta p{font-size:13px;color:#9eb0c5;margin:0 0 18px}.interface-meta b{font-size:12px;color:#c5e9ff}
.government-proof-section{position:relative;overflow:hidden}.government-proof-section:after{content:"PUBLIC SECTOR";position:absolute;right:-22px;bottom:12px;font-size:76px;font-weight:900;letter-spacing:.08em;color:rgba(255,255,255,.018);pointer-events:none}
@media(max-width:1050px){.hero-real-proof .hero-grid{grid-template-columns:1fr}.hero-real-proof .hero-copy{text-align:center}.hero-real-proof .eyebrow,.hero-real-proof .hero-actions,.hero-real-proof .hero-proof{justify-content:center}.hero-real-proof .lead{margin-inline:auto}.real-product-stage{width:min(760px,100%);margin:auto}.priority-product-card--hero{grid-column:span 6}.priority-product-card--compact{grid-column:span 3}}
@media(max-width:720px){.hero-real-proof{padding-bottom:72px}.real-product-stage{min-height:430px}.real-screen-primary{width:96%;height:285px;top:12px}.real-screen-secondary{width:58%;height:160px;bottom:4px}.solution-orbit{display:none}.real-screen-label{padding:9px 10px;left:9px;right:9px;bottom:9px}.priority-product-card--hero{grid-template-columns:1fr}.priority-product-media,.pos-visual{min-height:220px}.priority-product-card--compact{grid-column:span 6}.real-interface-grid{grid-template-columns:1fr}.interface-shot{height:250px}.more-solutions{align-items:flex-start;flex-direction:column}.more-solutions .button{width:100%}}
@media(max-width:440px){.real-product-stage{min-height:370px}.real-screen-primary{height:235px}.real-screen-secondary{height:132px;width:62%}.real-screen-label span{font-size:7px}.real-screen-label strong{font-size:10px}.real-screen-label i{display:none}.hero-proof-chips span{width:100%;text-align:left}.priority-product-copy{padding:24px}.priority-product-copy h3{font-size:24px}.interface-shot{height:205px}}

/* =========================================================
   V17.2 LOCAL MASTER — PRE-ASSET FINALIZATION POLISH
   Customer-facing copy, clearer decision paths, refined rhythm.
   ========================================================= */
h1,h2,h3{ text-wrap:balance; }
p,.lead{ text-wrap:pretty; }
.section-heading>div{max-width:760px}
.section-heading h2{max-width:760px}
.section-heading p{font-size:14px;line-height:1.75}

/* Homepage decision paths */
.signal-section{padding:48px 0 56px;background:linear-gradient(180deg,#091426 0%,#081321 58%,#07101f 100%)}
.signal-grid{gap:16px}
.signal-card.decision-path-card{display:flex;flex-direction:column;color:inherit;min-height:260px;isolation:isolate;transition:transform .28s,box-shadow .28s,border-color .28s,background .28s}
.signal-card.decision-path-card:after{content:"↗";position:absolute;right:24px;top:24px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);color:#b9d8f4;background:rgba(255,255,255,.035);transition:.28s}
.signal-card.decision-path-card:hover{transform:translateY(-7px);border-color:rgba(127,190,255,.26);box-shadow:0 30px 68px rgba(0,0,0,.24);background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025))}
.signal-card.decision-path-card:hover:after{transform:translate(2px,-2px);border-color:rgba(122,205,255,.34);color:#fff}
.signal-card.decision-path-card p{flex:1;max-width:430px}
.decision-path-link{display:block;margin-top:24px;font-size:12px;color:#b9ddff;font-weight:850;letter-spacing:.01em}

/* Stronger visual hierarchy without extra imagery */
.priority-product-section{padding-top:112px;padding-bottom:112px}
.priority-product-card--hero{box-shadow:0 24px 68px rgba(31,55,86,.10)}
.priority-product-card--compact{background:linear-gradient(145deg,#fff,#f8fbff)}
.government-proof-section{padding-top:112px;padding-bottom:112px;background:radial-gradient(circle at 82% 18%,rgba(47,124,255,.08),transparent 26%),radial-gradient(circle at 14% 80%,rgba(24,199,183,.055),transparent 25%),#07101f}
.government-project-card{transition:transform .28s,border-color .28s,box-shadow .28s}
.government-project-card:hover{transform:translateY(-5px);border-color:rgba(123,193,255,.24);box-shadow:0 30px 72px rgba(0,0,0,.22)}
.real-interface-section{padding-top:112px;padding-bottom:112px}
.industry-card{position:relative;overflow:hidden}
.industry-card:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;right:-55px;bottom:-55px;background:currentColor;opacity:.025;pointer-events:none}
.faq-card{transition:transform .25s,border-color .25s,box-shadow .25s}
.faq-card:hover{transform:translateY(-4px);border-color:rgba(126,190,255,.20);box-shadow:0 22px 54px rgba(0,0,0,.18)}

/* Three-step summary immediately before final CTA */
.decision-summary-section{padding:0 0 72px;background:#07101f}
.decision-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(255,255,255,.09);border-radius:26px;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012));box-shadow:0 20px 58px rgba(0,0,0,.12)}
.decision-summary-item{display:grid;grid-template-columns:42px 1fr;gap:17px;padding:28px 26px;border-right:1px solid rgba(255,255,255,.09)}
.decision-summary-item:last-child{border-right:0}
.decision-summary-item>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(47,124,255,.11);border:1px solid rgba(92,155,255,.20);color:#9dc9ff;font-size:10px;font-weight:900;letter-spacing:.08em}
.decision-summary-item:nth-child(2)>span{background:rgba(124,92,255,.10);border-color:rgba(144,119,255,.20);color:#c6b8ff}
.decision-summary-item:nth-child(3)>span{background:rgba(24,199,183,.08);border-color:rgba(47,208,193,.18);color:#91e9df}
.decision-summary-item h3{font-size:18px;line-height:1.2;margin:1px 0 7px}
.decision-summary-item p{font-size:12px;color:#95a8bd;margin:0;line-height:1.65}

/* Services institutional proof */
.institutional-service-proof{padding-top:36px;padding-bottom:36px;background:#07101f}
.institutional-service-card{display:grid;grid-template-columns:1fr auto;gap:38px;align-items:center;padding:36px 38px;border:1px solid rgba(255,255,255,.10);border-radius:28px;background:radial-gradient(circle at 88% 18%,rgba(55,200,255,.10),transparent 28%),linear-gradient(145deg,rgba(47,124,255,.11),rgba(124,92,255,.05) 56%,rgba(24,199,183,.035));box-shadow:0 24px 66px rgba(0,0,0,.18)}
.institutional-service-card h2{font-size:clamp(28px,3.4vw,44px);line-height:1.08;letter-spacing:-.035em;margin:9px 0 10px}
.institutional-service-card p{color:#9eb0c5;max-width:820px;margin:0}

/* Blog page: less project-document feel, more editorial/product guidance */
.blog-live-section .section-heading{margin-bottom:42px}
.blog-guide-card{transition:transform .25s,box-shadow .25s,border-color .25s}
.blog-guide-card:hover{transform:translateY(-5px)}

/* Inner-page CTA and cards feel more deliberate */
.content-section .section-heading h2{max-width:780px}
.detail-card .text-link{display:inline-flex;margin-top:12px}
.page-hero .container>p{max-width:830px}

@media(max-width:900px){
  .decision-summary-grid{grid-template-columns:1fr}
  .decision-summary-item{border-right:0;border-bottom:1px solid rgba(255,255,255,.09)}
  .decision-summary-item:last-child{border-bottom:0}
  .institutional-service-card{grid-template-columns:1fr}
  .institutional-service-card .button{justify-self:start}
}
@media(max-width:680px){
  .signal-section{padding:34px 0 42px}
  .signal-card.decision-path-card{min-height:225px}
  .decision-summary-section{padding-bottom:52px}
  .decision-summary-item{padding:23px 20px}
  .institutional-service-card{padding:26px 22px;border-radius:22px}
  .institutional-service-card .button{width:100%}
  .priority-product-section,.government-proof-section,.real-interface-section{padding-top:84px;padding-bottom:84px}
}

/* V17.3 mobile conversion bar */
.mobile-conversion-bar{display:none}
@media(max-width:720px){
  body.has-mobile-conversion{padding-bottom:74px}
  .mobile-conversion-bar{position:fixed;z-index:120;left:12px;right:12px;bottom:10px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.8fr);gap:8px;padding:8px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(7,16,31,.94);box-shadow:0 18px 50px rgba(0,0,0,.28);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
  .mobile-conversion-bar a{min-height:46px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:.88rem;font-weight:800;text-decoration:none;line-height:1.15;text-align:center}
  .mobile-conversion-primary{background:#fff;color:#07101f}
  .mobile-conversion-secondary{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.12)}
  body.has-mobile-conversion .floating-whatsapp{bottom:88px}
}
@media(prefers-reduced-motion:reduce){.mobile-conversion-bar{backdrop-filter:none;-webkit-backdrop-filter:none}}


/* V17.4 publish-safety and social-link polish */
.real-screen-placeholder{width:100%;height:100%;display:grid;place-items:center;background:
radial-gradient(circle at 28% 24%,rgba(62,162,255,.22),transparent 34%),
linear-gradient(145deg,#0b1d36,#123a68);font-size:48px;font-weight:900;letter-spacing:.18em;color:#bfe4ff}
.real-screen-placeholder.government::after{content:"Institutional Software";position:absolute;top:26px;left:26px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#7fcfff}
.footer-social-links .footer-social-link{margin-top:0;display:inline-flex;align-items:center;gap:6px;font-weight:800;color:#9bdcff}
.footer-social-links .footer-social-link:hover{color:#fff}

/* =========================================================
   PRE-PUBLISH DESKTOP HERO REFINEMENT — 2026-09-05
   Reduce oversized desktop headline and balance copy with the
   real-product visual. Tablet/mobile layout remains unchanged.
   ========================================================= */
@media (min-width:1051px){
  .hero-real-proof .hero-grid{
    grid-template-columns:.96fr 1.04fr;
    gap:48px;
    align-items:center;
  }
  .hero-real-proof h1{
    font-size:clamp(20px,4.45vw,40px);
    line-height:1.01;
    letter-spacing:-.045em;
    max-width:650px;
    margin-bottom:24px;
  }
  .hero-real-proof .lead{
    font-size:17px;
    line-height:1.65;
    max-width:590px;
    margin-bottom:28px;
  }
  .hero-real-proof .real-screen-primary{top:22px}
}

/* =========================================================
   V17.6 SITE-WIDE DESKTOP VISUAL BALANCE — 2026-09-05
   Keep desktop typography, copy blocks and supporting visuals
   in proportion. Tablet/mobile breakpoints remain unchanged.
   ========================================================= */
@media (min-width:1051px){
  /* Inner-page hero typography: reduce oversized first-fold type */
  .page-hero{
    padding:148px 0 72px;
  }
  .page-hero h1{
    font-size:clamp(48px,4.45vw,62px);
    line-height:1.02;
    letter-spacing:-.045em;
    max-width:900px;
  }
  .page-hero .container>p{
    font-size:17px;
    line-height:1.68;
    max-width:760px;
    margin-top:22px;
  }

  /* Portfolio hero: align the proof card with the copy, not the bottom */
  .portfolio-hero-grid{
    grid-template-columns:1.04fr .76fr;
    gap:58px;
    align-items:center;
  }
  .portfolio-hero-grid h1{
    font-size:clamp(48px,4.2vw,60px);
    line-height:1.02;
    max-width:660px;
  }
  .portfolio-hero-grid>div:first-child>p{
    max-width:650px;
  }
  .portfolio-principle-card{
    padding:28px;
  }

  /* Rich product heroes: copy and UI mockup now read as one balanced pair */
  .seo-product-hero{
    padding:132px 0 72px;
  }
  .seo-product-hero-grid{
    grid-template-columns:1fr 1fr;
    gap:58px;
    align-items:center;
  }
  .seo-product-copy h1{
    font-size:clamp(46px,4.4vw,62px);
    line-height:1.02;
    letter-spacing:-.045em;
    margin:18px 0 22px;
  }
  .seo-product-lead{
    font-size:17px;
    line-height:1.66;
    margin-bottom:28px;
  }

  /* Editorial heroes use the same calmer desktop scale */
  .article-hero{
    padding:138px 0 72px;
  }
  .article-hero-grid{
    align-items:center;
  }
  .article-hero h1{
    font-size:clamp(44px,4.15vw,60px);
    line-height:1.04;
    letter-spacing:-.04em;
  }
  .article-hero p{
    font-size:17px;
    line-height:1.7;
  }

  /* Section rhythm: strong hierarchy without billboard-sized headings */
  .section-heading{
    gap:56px;
    margin-bottom:50px;
  }
  .section-heading h2,
  .process-copy h2{
    font-size:clamp(38px,4vw,56px);
    line-height:1.06;
    letter-spacing:-.04em;
  }

  /* Long no-image product heroes need a little more breathing room after CTA */
  .page-hero .hero-actions{
    margin-top:26px;
  }
}

/* --- Version 17.8 — approved client implementation portfolio --- */
.client-implementation-section,.portfolio-client-showcase,.client-case-logo-section,.case-screenshot-section{background:#081425;color:#fff}
.client-implementation-light{background:#f5f8fc;color:#102039}
.client-implementation-light .section-heading p{color:#667a90}
.client-proof-logo-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:28px 0 30px}
.client-proof-logo{min-height:118px;display:grid;grid-template-rows:72px auto;align-items:center;justify-items:center;gap:9px;padding:14px;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.08)}
.client-proof-logo img{max-width:150px;max-height:68px;width:auto;height:auto;object-fit:contain}
.client-proof-logo span{font-size:11px;font-weight:800;color:#33465c;text-align:center}
.client-dashboard-grid{margin-top:10px}
.client-dashboard-grid .case-shot-card img{aspect-ratio:2.08/1;object-fit:cover}
.portfolio-client-showcase{padding-top:72px}
.implementation-solution-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.implementation-solution-card{padding:24px;border:1px solid rgba(255,255,255,.11);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));box-shadow:0 22px 58px rgba(0,0,0,.16)}
.implementation-solution-head h3{font-size:28px;line-height:1.08;margin:8px 0 10px}
.implementation-solution-head p{color:#9fb1c7;font-size:14px}
.implementation-solution-card .client-proof-logo-grid{grid-template-columns:repeat(3,1fr);margin:20px 0}
.implementation-solution-card .client-proof-logo{min-height:98px;grid-template-rows:58px auto;padding:10px}
.implementation-solution-card .client-proof-logo img{max-height:54px;max-width:120px}
.implementation-featured-screen{width:100%;aspect-ratio:2.08/1;object-fit:cover;border-radius:18px;border:1px solid rgba(255,255,255,.1);margin:5px 0 18px}
.approved-client-strip{padding:42px 0;background:#f7f9fc;color:#102039;border-top:1px solid #e4ebf3;border-bottom:1px solid #e4ebf3}
.approved-client-strip-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:20px}
.approved-client-strip-head p{margin:0;color:#687b90;font-size:13px}
.approved-client-logo-row{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;margin-bottom:18px}
.approved-client-logo-row>div{min-height:88px;padding:10px;border:1px solid #e0e8f1;border-radius:15px;background:#fff;display:grid;grid-template-rows:52px auto;align-items:center;justify-items:center}
.approved-client-logo-row img{max-width:105px;max-height:48px;object-fit:contain}
.approved-client-logo-row span{font-size:8px;font-weight:800;color:#587088;text-align:center}
.client-case-hero .hero-actions{margin-top:26px}
.client-case-logo-section{padding-top:80px}
.case-screenshot-section{padding-top:32px}
@media(max-width:1080px){.approved-client-logo-row{grid-template-columns:repeat(4,1fr)}.client-proof-logo-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.implementation-solution-grid{grid-template-columns:1fr}.implementation-solution-card .client-proof-logo-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.client-proof-logo-grid,.implementation-solution-card .client-proof-logo-grid{grid-template-columns:repeat(2,1fr)}.approved-client-logo-row{grid-template-columns:repeat(2,1fr)}.approved-client-strip-head{display:grid;gap:8px}}


/* =========================================================
   V17.9.1 SOCIAL FOOTER REFINEMENT — no-overlap contact row
   ========================================================= */
.footer-brand .footer-contact{display:block;margin-top:4px;max-width:100%}
.footer-brand .footer-contact-email{display:inline-block;max-width:100%;font-size:12px;font-weight:750;line-height:1.45;color:#eaf5ff;overflow-wrap:anywhere;word-break:break-word}
.footer-brand .footer-contact-email:hover{color:#fff}
.footer-social-links{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:14px;max-width:100%}
.footer-social-links .footer-social-link{width:38px;height:38px;min-width:38px;display:inline-grid;place-items:center;margin:0;padding:0;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(255,255,255,.045);color:#a9dfff;line-height:1;transition:transform .2s ease,background .2s ease,border-color .2s ease,color .2s ease;overflow:hidden}
.footer-social-links .footer-social-link:hover,.footer-social-links .footer-social-link:focus-visible{transform:translateY(-2px);background:rgba(55,200,255,.11);border-color:rgba(95,211,255,.34);color:#fff;outline:none}
.footer-social-links .footer-social-icon{display:grid!important;place-items:center!important;width:100%!important;height:100%!important;min-width:0!important;border:0!important;border-radius:0!important;background:transparent!important;font-size:15px!important;font-weight:900!important;letter-spacing:-.02em!important;color:inherit!important}
.footer-social-links .footer-social-link--youtube .footer-social-icon{font-size:14px!important;transform:translateX(1px)}
.footer-social-links .footer-social-link--instagram .footer-social-icon{font-size:21px!important;font-weight:500!important}
.footer-social-links .footer-social-link--linkedin .footer-social-icon{font-size:12px!important;letter-spacing:-.07em!important}
.footer-social-links .footer-social-link.is-placeholder{opacity:.34;cursor:default;filter:saturate(.45)}
.footer-social-links .footer-social-link.is-placeholder:hover{transform:none;background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.13);color:#a9dfff}
@media(max-width:680px){.footer-brand .footer-contact-email{font-size:12px}.footer-social-links{gap:8px}.footer-social-links .footer-social-link{width:36px;height:36px;min-width:36px;border-radius:11px}}
@media(max-width:380px){.footer-social-links{max-width:240px}}


/* V17.9.5 restrained visual explanation system */
.product-visual-grid{align-items:stretch}.product-visual-card{overflow:hidden}.product-card-visual{margin:-1px -1px 22px;border-radius:22px 22px 16px 16px;overflow:hidden}.product-card-visual--shot{position:relative;aspect-ratio:16/8;background:#0b1b31}.product-card-visual--shot img{width:100%;height:100%;object-fit:cover;display:block}.product-card-visual--shot>span{position:absolute;left:12px;bottom:12px;padding:7px 10px;border-radius:999px;background:rgba(7,20,38,.86);color:#cceaff;font-size:10px;font-weight:800;letter-spacing:.09em}.workflow-visual-section,.service-visual-section{content-visibility:auto;contain-intrinsic-size:auto 520px}.workflow-visual{padding:30px;border-radius:26px;background:linear-gradient(135deg,#0d203a,#173b65);box-shadow:0 18px 50px rgba(0,0,0,.12);display:grid;grid-template-columns:minmax(220px,.8fr) 1.4fr;gap:28px;align-items:center}.workflow-visual h2{margin:7px 0 10px;color:#fff;font-size:30px;line-height:1.15}.workflow-visual p{margin:0;color:#a9bbcf;line-height:1.6}.workflow-steps{list-style:none;margin:0;padding:0;display:flex;align-items:stretch;gap:8px}.workflow-steps li{position:relative;flex:1;min-width:0;padding:18px 12px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.055);display:grid;gap:8px}.workflow-steps li:not(:last-child):after{content:'→';position:absolute;right:-11px;top:50%;transform:translateY(-50%);z-index:2;color:#63c7ff;font-weight:900}.workflow-steps span{font-size:10px;color:#68cafc;font-weight:900;letter-spacing:.1em}.workflow-steps strong{font-size:13px;color:#fff;line-height:1.3}.product-card-visual--flow .workflow-visual{padding:18px;display:block;border-radius:18px}.product-card-visual--flow .workflow-visual-copy p{display:none}.product-card-visual--flow .workflow-visual h2{font-size:17px;margin:5px 0 14px}.product-card-visual--flow .workflow-steps{gap:5px}.product-card-visual--flow .workflow-steps li{padding:10px 7px}.product-card-visual--flow .workflow-steps strong{font-size:10px}.product-card-visual--flow .workflow-steps li:not(:last-child):after{right:-7px}.service-flow-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.service-flow-card{padding:24px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025))}.content-section.light .service-flow-card{border-color:#dbe5f0;background:#fff}.service-flow-line{margin-top:16px;display:flex;gap:7px}.service-flow-line span{position:relative;flex:1;min-width:0;padding:12px 8px;border-radius:13px;background:#102846;color:#e9f6ff;font-size:11px;font-weight:700;text-align:center}.service-flow-line span:not(:last-child):after{content:'›';position:absolute;right:-7px;top:50%;transform:translateY(-50%);z-index:1;color:#52c5ff;font-size:18px}.service-flow-line b{display:block;color:#6bd0ff;font-size:9px;margin-bottom:4px}.indexing-control-card{border-left:4px solid #f2b84b}
@media(max-width:900px){.workflow-visual{grid-template-columns:1fr}.service-flow-grid{grid-template-columns:1fr}.workflow-steps{flex-wrap:wrap}.workflow-steps li{flex:1 1 140px}.workflow-steps li:not(:last-child):after{display:none}}
@media(max-width:560px){.workflow-visual{padding:22px}.workflow-steps{display:grid;grid-template-columns:1fr 1fr}.workflow-steps li{min-height:74px}.service-flow-line{display:grid;grid-template-columns:1fr 1fr}.service-flow-line span:not(:last-child):after{display:none}.product-card-visual--flow .workflow-steps{grid-template-columns:1fr 1fr}}