/* Reusable content components */
.hero{position:relative;overflow:hidden;color:var(--white);background:var(--navy-deep)}
.hero::before{position:absolute;inset:0;content:"";background-image:linear-gradient(rgba(113,178,220,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(113,178,220,.07) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.85),transparent 88%)}
.hero::after{position:absolute;top:0;right:8%;width:1px;height:100%;content:"";background:linear-gradient(to bottom,transparent,rgba(224,128,32,.8),transparent);opacity:.45}
.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(430px,.98fr);gap:clamp(40px,6vw,92px);align-items:center;min-height:690px;padding-block:88px 92px}
.hero-copy{max-width:720px}
.hero h1{max-width:760px;margin-bottom:26px;font-size:clamp(44px,5.45vw,78px);font-weight:720;line-height:1.08;letter-spacing:-.05em}
.hero h1 span{display:block;color:#79cff7}
.hero-lead{max-width:620px;margin-bottom:30px;color:#c4d0da;font-size:clamp(16px,1.65vw,20px);line-height:1.75}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:36px}
.hero-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:620px;border-top:1px solid var(--line-dark)}
.hero-proof__item{padding:20px 20px 0 0}
.hero-proof__item+ .hero-proof__item{padding-left:20px;border-left:1px solid var(--line-dark)}
.hero-proof strong{display:block;margin-bottom:2px;color:var(--white);font-family:var(--font-mono);font-size:24px;line-height:1.1}
.hero-proof small{color:#8fa2b2;font-size:12px}
.hero-visual{position:relative;min-width:0}
.hero-visual::before{position:absolute;inset:-30px 30px 30px -24px;content:"";border:1px solid rgba(121,207,247,.17);border-radius:var(--radius-lg);transform:rotate(-2deg)}
.control-panel{position:relative;padding:20px;background:#0d2942;border:1px solid rgba(159,208,235,.23);border-radius:var(--radius-lg);box-shadow:0 30px 80px rgba(0,0,0,.35)}
.control-panel__top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}
.panel-status{display:flex;align-items:center;gap:8px;color:#b8c8d4;font-family:var(--font-mono);font-size:11px}
.panel-status::before{width:7px;height:7px;content:"";background:#35d09b;border-radius:50%;box-shadow:0 0 0 4px rgba(53,208,155,.12)}
.panel-id{color:#7691a6;font-family:var(--font-mono);font-size:10px}
.control-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}
.control-kpi{padding:12px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);border-radius:8px}
.control-kpi span{display:block;margin-bottom:5px;color:#7691a6;font-size:10px}
.control-kpi strong{color:var(--white);font-family:var(--font-mono);font-size:20px;font-weight:600}
.control-kpi strong em{color:#63d7a9;font-size:11px;font-style:normal}
.line-flow{padding:16px 14px;background:#0a2237;border:1px solid rgba(255,255,255,.07);border-radius:10px}
.line-flow__title{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;color:#8fa7b8;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em}
.line-steps{display:grid;grid-template-columns:repeat(5,1fr);position:relative;gap:6px}
.line-steps::before{position:absolute;top:17px;right:9%;left:9%;height:1px;content:"";background:rgba(121,207,247,.25)}
.line-step{position:relative;z-index:1;text-align:center}
.line-step__dot{display:grid;width:35px;height:35px;margin:0 auto 8px;color:#7192a8;background:#0c2c47;border:1px solid #254d6b;border-radius:50%;place-items:center;font-family:var(--font-mono);font-size:10px}
.line-step.is-done .line-step__dot{color:#061c2e;background:#4ccfa0;border-color:#4ccfa0}
.line-step.is-active .line-step__dot{color:var(--white);background:var(--orange);border-color:var(--orange);box-shadow:0 0 0 6px rgba(224,128,32,.12)}
.line-step small{color:#8ba2b3;font-size:10px;line-height:1.4}
.line-step.is-active small{color:#ffd2a3}
.control-detail{display:grid;grid-template-columns:1.2fr .8fr;gap:10px;margin-top:12px}
.control-box{padding:13px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);border-radius:8px}
.control-box__label{display:flex;justify-content:space-between;margin-bottom:10px;color:#7892a5;font-family:var(--font-mono);font-size:9px}
.mini-bars{display:flex;align-items:end;gap:5px;height:54px}
.mini-bars i{flex:1;height:var(--h,50%);background:linear-gradient(to top,#1c729f,#62d2f5);border-radius:2px 2px 0 0;opacity:.8}
.mini-bars i:nth-child(5){background:linear-gradient(to top,#9a5514,#f49a3a);opacity:1}
.signal-list{display:grid;gap:9px}
.signal-row{display:flex;align-items:center;gap:8px;color:#a2b4c1;font-size:10px}
.signal-row::before{width:5px;height:5px;content:"";background:#35d09b;border-radius:50%}
.trust-strip{color:#536474;background:var(--white);border-bottom:1px solid var(--line)}
.trust-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:84px}
.trust-label{flex:0 0 auto;color:var(--steel);font-family:var(--font-mono);font-size:10px;letter-spacing:.1em}
.trust-items{display:flex;flex:1;align-items:center;justify-content:space-between;gap:24px}
.trust-item{color:#596b7a;font-size:13px;font-weight:650;white-space:nowrap}
.trust-item span{margin-right:6px;color:var(--orange);font-family:var(--font-mono);font-size:10px}
.problem-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.problem-card{position:relative;min-height:220px;padding:22px;overflow:hidden;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-md);transition:transform .18s,box-shadow .18s,border-color .18s}
.problem-card:hover{border-color:rgba(0,96,160,.35);box-shadow:var(--shadow-sm);transform:translateY(-4px)}
.problem-card__num{display:block;margin-bottom:42px;color:#b3bec8;font-family:var(--font-mono);font-size:11px}
.problem-card h3{margin-bottom:10px;color:var(--navy);font-size:18px}
.problem-card p{margin-bottom:0;color:var(--steel);font-size:13px;line-height:1.65}
.problem-card::after{position:absolute;top:18px;right:18px;width:34px;height:34px;content:"";border-top:1px solid rgba(0,96,160,.2);border-right:1px solid rgba(0,96,160,.2)}
.flow-section{position:relative;overflow:hidden;color:var(--white);background:var(--navy)}
.flow-section::before{position:absolute;inset:0;content:"";background-image:linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:80px 100%;opacity:.5}
.flow-section .shell{position:relative;z-index:1}
.process-rail{display:grid;grid-template-columns:repeat(6,1fr);position:relative;gap:14px;margin-top:50px}
.process-rail::before{position:absolute;top:31px;right:7%;left:7%;height:1px;content:"";background:linear-gradient(90deg,rgba(121,207,247,.3),rgba(224,128,32,.75),rgba(121,207,247,.3))}
.process-step{position:relative;z-index:1}
.process-node{display:grid;width:62px;height:62px;margin-bottom:22px;color:#8ac8e9;background:#0c3456;border:1px solid #2c5f80;border-radius:50%;place-items:center;font-family:var(--font-mono);font-size:12px;font-weight:700}
.process-step:nth-child(3) .process-node,.process-step:nth-child(4) .process-node{color:#ffd7aa;border-color:var(--orange)}
.process-step h3{margin-bottom:8px;font-size:17px}
.process-step p{margin-bottom:0;color:#9db0be;font-size:12px;line-height:1.6}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.product-card{display:flex;flex-direction:column;min-height:420px;overflow:hidden;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-md);transition:transform .18s,box-shadow .18s}
.product-card:hover{box-shadow:var(--shadow-md);transform:translateY(-6px)}
.product-visual{position:relative;min-height:210px;padding:22px;overflow:hidden;color:var(--white);background:var(--navy)}
.product-visual::before{position:absolute;inset:0;content:"";background-image:linear-gradient(rgba(121,207,247,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(121,207,247,.09) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(135deg,#000,transparent 80%)}
.product-visual--blue{background:linear-gradient(135deg,#0b2d50,#0a446b)}
.product-visual--orange{background:linear-gradient(135deg,#2a2118,#735020)}
.product-visual--slate{background:linear-gradient(135deg,#162b39,#29495a)}
.product-visual__label{position:relative;z-index:1;display:flex;justify-content:space-between;color:rgba(255,255,255,.55);font-family:var(--font-mono);font-size:9px;letter-spacing:.08em}
.product-visual__screen{position:absolute;right:18px;bottom:-8px;left:18px;height:150px;padding:12px;background:rgba(5,20,34,.8);border:1px solid rgba(255,255,255,.13);border-radius:8px 8px 0 0;box-shadow:0 18px 30px rgba(0,0,0,.25)}
.screen-bar{display:flex;gap:4px;margin-bottom:10px}.screen-bar i{width:5px;height:5px;background:#52758b;border-radius:50%}
.screen-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.screen-block{height:26px;background:rgba(121,207,247,.12);border:1px solid rgba(121,207,247,.16);border-radius:3px}
.screen-block.wide{grid-column:1/-1;height:38px;background:rgba(224,128,32,.15);border-color:rgba(224,128,32,.2)}
.screen-block.accent{background:rgba(60,206,157,.11);border-color:rgba(60,206,157,.18)}
.product-body{display:flex;flex:1;flex-direction:column;padding:24px}
.product-body h3{margin-bottom:10px;color:var(--navy);font-size:23px}
.product-body p{margin-bottom:20px;color:var(--steel);font-size:14px}
.product-features{display:flex;flex-wrap:wrap;gap:7px;margin:auto 0 20px;padding:0;list-style:none}
.product-features li{padding:4px 9px;color:#536474;background:#f3f6f8;border:1px solid #e1e7ec;border-radius:999px;font-size:11px}
.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--brand);font-size:14px;font-weight:650}
.text-link:hover{color:var(--orange)}
.stats-band{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.stat-item{min-height:160px;padding:28px;background:var(--white);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.stat-item strong{display:block;margin-bottom:8px;color:var(--brand);font-family:var(--font-mono);font-size:clamp(34px,4.3vw,56px);font-weight:600;line-height:1}
.stat-item strong em{font-size:.45em;font-style:normal}
.stat-item span{display:block;margin-bottom:5px;color:var(--navy);font-size:14px;font-weight:650}
.stat-item small{color:var(--steel);font-size:11px}
.stats-note{margin-top:16px;color:var(--steel-light);font-size:11px}
.case-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:18px}
.case-card{position:relative;min-height:360px;padding:34px;overflow:hidden;color:var(--white);background:var(--navy);border-radius:var(--radius-md)}
.case-card::before{position:absolute;right:-100px;bottom:-140px;width:400px;height:400px;content:"";border:1px solid rgba(121,207,247,.2);border-radius:50%;box-shadow:0 0 0 50px rgba(121,207,247,.025),0 0 0 100px rgba(121,207,247,.02)}
.case-card__industry{position:relative;z-index:1;display:flex;align-items:center;gap:8px;margin-bottom:54px;color:#9fcce3;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em}
.case-card h3{position:relative;z-index:1;max-width:660px;margin-bottom:16px;font-size:clamp(28px,3.2vw,42px)}
.case-card p{position:relative;z-index:1;max-width:600px;color:#b4c5d1;font-size:14px}
.case-metrics{position:relative;z-index:1;display:flex;gap:26px;margin-top:26px}
.case-metrics strong{display:block;color:#f7a54e;font-family:var(--font-mono);font-size:26px}
.case-metrics small{color:#91a7b5;font-size:11px}
.case-side{display:grid;gap:18px}
.case-small{display:flex;flex-direction:column;justify-content:space-between;min-height:171px;padding:24px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-md)}
.case-small span{color:var(--steel-light);font-family:var(--font-mono);font-size:10px;letter-spacing:.08em}
.case-small h3{margin:20px 0 8px;color:var(--navy);font-size:18px}
.case-small p{color:var(--steel);font-size:12px}
.prototype-note{display:inline-flex;margin-top:16px;padding:5px 9px;color:#8c631f;background:#fff6e7;border:1px solid #f4d6a8;border-radius:4px;font-size:10px}
.service-list{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;counter-reset:service}
.service-item{position:relative;padding:24px 20px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-md);counter-increment:service}
.service-item::before{display:grid;width:34px;height:34px;margin-bottom:38px;color:var(--brand);content:"0" counter(service);background:rgba(0,96,160,.07);border:1px solid rgba(0,96,160,.13);border-radius:50%;place-items:center;font-family:var(--font-mono);font-size:10px;font-weight:700}
.service-item h3{margin-bottom:8px;color:var(--navy);font-size:16px}
.service-item p{margin-bottom:0;color:var(--steel);font-size:12px}
.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.resource-card{padding:28px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-md);transition:border-color .18s,transform .18s}
.resource-card:hover{border-color:rgba(0,96,160,.35);transform:translateY(-3px)}
.resource-card__meta{display:flex;justify-content:space-between;margin-bottom:34px;color:var(--steel-light);font-family:var(--font-mono);font-size:10px}
.resource-card h3{margin-bottom:10px;color:var(--navy);font-size:20px}
.resource-card p{margin-bottom:22px;color:var(--steel);font-size:13px}
.cta-section{position:relative;overflow:hidden;color:var(--white);background:var(--brand)}
.cta-section::before{position:absolute;top:-50%;right:0;width:60%;height:200%;content:"";background:repeating-linear-gradient(115deg,transparent 0 24px,rgba(255,255,255,.05) 24px 25px)}
.cta-inner{position:relative;z-index:1;display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(42px,7vw,100px);align-items:center;padding-block:clamp(60px,7vw,88px)}
.cta-copy h2{margin-bottom:16px;font-size:clamp(34px,4.2vw,54px)}
.cta-copy p{max-width:520px;color:#c9e7f8}
.cta-contact{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}