:root{--bg:#06111c;--bg2:#081d32;--card:#112b45;--card-hover:#193a5a;--border:#3d516a;--text:#f4f4f4;--muted:#a8b2bf;--dim:#6b7484;--orange:#f58218;--orange2:#ff982f;--orange-dark:#cf6d15;--container:1240px;--radius:18px;--shadow:0 24px 70px rgba(0,0,0,.28);--transition:220ms ease;--pad:clamp(20px,4vw,48px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}.container{width:min(calc(100% - var(--pad)*2),var(--container));margin-inline:auto}.section{padding:clamp(88px,10vw,150px) 0}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Oswald,Impact,sans-serif;text-transform:uppercase;line-height:.98;letter-spacing:-.025em}h1{font-size:clamp(58px,9.2vw,138px);margin:0}h2{font-size:clamp(42px,5.3vw,76px);margin:20px 0 0}h1 em,h2 em{font-style:normal;color:var(--orange)}.header{position:absolute;z-index:20;top:0;left:0;width:100%;border-bottom:1px solid rgba(255,255,255,.14)}.header__inner{height:88px;display:flex;align-items:center;justify-content:space-between;gap:36px}.brand{display:flex;align-items:center;gap:12px;line-height:1}.brand strong{font-size:18px;letter-spacing:.04em}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:.14em;margin-top:6px;text-transform:uppercase}.brand__mark{width:35px;height:35px;display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:3px;transform:skewY(-18deg)}.brand__mark i{background:var(--orange);display:block;height:45%}.brand__mark i:nth-child(2){height:75%}.brand__mark i:nth-child(3){height:100%}.nav{display:flex;gap:32px;margin-left:auto}.nav a{color:#d8dde3;font-size:13px;transition:color var(--transition)}.nav a:hover{color:var(--orange)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:58px;padding:0 24px;background:var(--orange);color:#101820;border-radius:4px;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.06em;transition:background var(--transition),transform var(--transition)}.button:hover{background:var(--orange2);transform:translateY(-2px)}.button:active{transform:translateY(0)}.button--small{min-height:44px;padding:0 18px}.menu-button{display:none;border:0;background:none;color:#fff;width:42px;height:42px;padding:10px}.menu-button span{display:block;height:2px;background:#fff;margin:7px 0}.hero{position:relative;min-height:920px;height:100svh;max-height:1080px;display:flex;align-items:center;overflow:hidden;background:#030a11}.hero__image{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,10,17,.97) 0%,rgba(3,10,17,.68) 48%,rgba(3,10,17,.22) 100%),linear-gradient(0deg,#030a11 0%,transparent 45%),url('static/hero.webp') center/cover no-repeat;transform:scale(1.015)}.hero__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(90deg,#000,transparent 70%)}.hero__content{position:relative;z-index:2;padding-top:100px}.eyebrow,.section-no{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--muted)}.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:24px}.eyebrow span{width:32px;height:2px;background:var(--orange)}.hero__bottom{margin-top:35px;display:grid;grid-template-columns:minmax(250px,350px) 1fr;gap:clamp(60px,10vw,150px);align-items:end}.hero__offer>p{color:#c6cdd5;max-width:330px}.hero__offer .hero__lead{font-size:clamp(24px,2.3vw,34px);line-height:1.12;color:#fff;font-weight:600;margin-bottom:15px}.hero__offer .button{margin-top:16px}.hero__benefits{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.25)}.hero__benefits article{padding:22px 22px 0 0;position:relative}.hero__benefits b{color:var(--dim);font-size:10px}.hero__benefits .icon{display:block;color:var(--orange);font-size:24px;margin:14px 0}.hero__benefits h3{font-size:12px;text-transform:uppercase;line-height:1.3;margin-bottom:8px}.hero__benefits p{font-size:11px;color:var(--muted);line-height:1.5;margin:0}.hero__scroll{position:absolute;right:28px;bottom:40px;z-index:2;writing-mode:vertical-rl;font-size:9px;letter-spacing:.17em;color:var(--muted)}.hero__scroll span{color:var(--orange);font-size:18px;margin-top:12px}.problems,.effect{background:#f0f1f2;color:#07121d}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:clamp(50px,7vw,90px)}.section-head>p{max-width:400px;color:#5c6671;margin-bottom:6px}.section-head--light>p{color:var(--muted)}.problem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:start}.problem-card{min-height:430px;background:#fff;padding:28px;display:flex;flex-direction:column;box-shadow:0 16px 40px rgba(11,25,38,.06);transition:transform var(--transition),box-shadow var(--transition)}.problem-card--offset{margin-top:42px}.problem-card:hover{transform:translateY(-7px);box-shadow:0 22px 55px rgba(11,25,38,.12)}.problem-card__num{font-size:10px;color:#89919a}.line-icon{font-size:45px;color:var(--orange);margin:46px 0 auto}.problem-card h3{font-size:19px;line-height:1.25}.problem-card p{font-size:13px;color:#68717b;margin-bottom:0}.solution{background:var(--bg2);overflow:hidden}.solution__grid{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:8vw}.solution__copy>p{color:var(--muted);max-width:570px}.solution__copy h2{margin-bottom:35px}.text-link{display:inline-flex;gap:20px;border-bottom:1px solid var(--orange);padding-bottom:8px;margin-top:20px;text-transform:uppercase;font-size:12px;font-weight:700}.text-link span{color:var(--orange)}.system-viz{position:relative;aspect-ratio:1;max-width:620px;margin:auto;border-radius:50%;background:radial-gradient(circle,rgba(245,130,24,.14),transparent 55%);perspective:800px}.orbit{position:absolute;border:1px solid rgba(168,178,191,.25);border-radius:50%;inset:12%;transform:rotateX(62deg) rotateZ(-20deg)}.orbit--two{inset:23%;transform:rotateY(65deg) rotateZ(25deg);border-color:rgba(245,130,24,.35)}.core{position:absolute;inset:34%;background:linear-gradient(145deg,#173a58,#091a2b);border:1px solid #456078;box-shadow:0 0 60px rgba(245,130,24,.13),inset 0 0 25px rgba(255,255,255,.05);transform:rotate(-7deg);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%)}.core .brand__mark{width:42px;height:42px}.core strong{font-family:Oswald;font-size:24px;line-height:.9;margin-top:10px}.core small{font-size:8px;color:var(--orange);letter-spacing:.2em;margin-top:10px}.node{position:absolute;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#0c2237;border:1px solid #496078;color:var(--orange);font-size:11px;font-weight:800;box-shadow:var(--shadow)}.node--1{top:12%;left:14%}.node--2{right:6%;top:38%}.node--3{bottom:9%;left:24%}.node--4{top:8%;right:24%}.signal{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 18px var(--orange)}.signal--1{top:27%;left:30%}.signal--2{bottom:25%;right:26%}.process,.cases{background:var(--bg)}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--border)}.steps article{position:relative;padding:30px 26px 0 0;border-right:1px solid var(--border);min-height:350px}.steps article+article{padding-left:26px}.steps article>span{font-size:11px;color:var(--dim)}.step-icon{width:74px;height:74px;border:1px solid var(--border);display:grid;place-items:center;color:var(--orange);font-size:28px;margin:50px 0 40px;transform:rotate(2deg)}.steps article:nth-child(even) .step-icon{transform:rotate(-3deg)}.steps h3{text-transform:uppercase;font-size:15px}.steps p{font-size:13px;color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric{min-height:350px;background:#fff;padding:30px;position:relative;overflow:hidden}.metric--wide{grid-column:span 2}.metric>strong{display:block;font-family:Oswald;font-size:clamp(43px,4vw,66px);line-height:1;color:#0a1723}.metric sup{font-family:Manrope;font-size:12px;color:var(--orange);margin-left:5px}.metric h3{font-size:15px;text-transform:uppercase;margin-top:32px}.metric p{font-size:13px;color:#68717b;max-width:280px}.metric__visual{display:flex;align-items:center;gap:15px;border-bottom:1px solid #d4d7da;padding:25px 0 55px}.metric__visual span{font-family:Oswald;font-size:26px;color:#7d858e}.metric__visual i{height:2px;flex:1;background:linear-gradient(90deg,#c4c8cc,var(--orange));position:relative}.metric__visual i:after{content:'›';position:absolute;right:0;top:-20px;color:var(--orange);font-size:28px}.metric__visual strong{font-family:Oswald;font-size:clamp(42px,5vw,76px);color:var(--orange);white-space:nowrap}.bars{position:absolute;right:28px;bottom:27px;display:flex;gap:4px;align-items:flex-end;height:70px}.bars i{width:9px;background:#dce0e3}.bars i:nth-child(1){height:30%}.bars i:nth-child(2){height:45%}.bars i:nth-child(3){height:52%}.bars i:nth-child(4){height:76%;background:#f5a155}.bars i:nth-child(5){height:100%;background:var(--orange)}.clock{position:absolute;right:-20px;bottom:-28px;width:140px;height:140px;border:12px solid #e6e8ea;border-top-color:var(--orange);border-radius:50%;display:grid;place-items:center;font-family:Oswald;font-size:38px;color:#c4c8cc;transform:rotate(10deg)}.metric--orange{background:var(--orange);color:#101820}.metric--orange>span{font-size:10px;letter-spacing:.14em;font-weight:800}.metric--orange>strong{font-size:clamp(40px,4vw,60px);margin:55px 0 0}.metric--orange p{color:#412812}.case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.case-card{height:460px;position:relative;overflow:hidden;cursor:pointer;background:var(--card);border:1px solid transparent}.case-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.case-card__shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,10,16,.96),rgba(2,10,16,.05) 70%)}.case-card:hover img{transform:scale(1.035)}.case-card:hover{border-color:var(--orange)}.tag{position:absolute;top:24px;left:24px;padding:7px 10px;background:rgba(6,17,28,.78);border:1px solid rgba(255,255,255,.22);font-size:9px;letter-spacing:.13em}.case-card__copy{position:absolute;left:28px;bottom:28px;right:80px}.case-card__copy strong{font-family:Oswald;font-size:36px;color:var(--orange)}.case-card__copy h3{font-size:20px;margin:2px 0 6px}.case-card__copy p{margin:0;color:var(--muted);font-size:13px}.case-card button{position:absolute;right:25px;bottom:26px;border:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;width:45px;height:45px;border-radius:50%;cursor:pointer}.cta{position:relative;background:var(--orange);color:#101820;text-align:center;overflow:hidden}.cta__inner{position:relative;z-index:1;display:flex;align-items:center;flex-direction:column}.cta .section-no{color:#6e3d15}.cta h2{max-width:1000px}.cta h2 em{color:#fff}.cta p{max-width:670px;margin:32px auto;color:#573415}.button--light{background:#fff}.button--light:hover{background:#101820;color:#fff}.cta__routes{position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.12) 35.2%,transparent 35.5%),linear-gradient(65deg,transparent 64%,rgba(255,255,255,.1) 64.2%,transparent 64.5%)}footer{padding:45px 0;background:#030b12;border-top:1px solid #182838}.footer__inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer__inner p,.footer__inner>span{color:var(--dim);font-size:12px;margin:0}.modal{position:fixed;inset:0;z-index:100;display:none}.modal.is-open{display:block}.modal__backdrop{position:absolute;inset:0;background:rgba(0,5,10,.83);backdrop-filter:blur(8px)}.modal__panel{position:absolute;right:0;top:0;height:100%;width:min(680px,100%);background:var(--bg2);padding:clamp(35px,6vw,75px);overflow:auto;box-shadow:-20px 0 80px #000}.modal__panel .tag{position:static;display:inline-block}.modal__panel h2{font-size:clamp(36px,5vw,60px);margin:35px 0}.modal__panel p{color:var(--muted);padding:20px 0;border-top:1px solid var(--border)}.modal__panel p strong{color:#fff;display:block;text-transform:uppercase;font-size:11px;letter-spacing:.1em;margin-bottom:6px}.modal__close{position:absolute;right:25px;top:20px;border:0;background:transparent;color:#fff;font-size:36px;cursor:pointer}.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}
@media(max-width:1000px){.nav{display:none}.hero{height:auto;min-height:900px;padding:130px 0 90px}.hero__bottom{grid-template-columns:1fr;gap:50px}.problem-grid{grid-template-columns:repeat(2,1fr)}.problem-card--offset{margin-top:0}.solution__grid{grid-template-columns:1fr}.system-viz{width:min(100%,600px)}.steps{grid-template-columns:repeat(2,1fr)}.steps article:nth-child(2){border-right:0}.metrics{grid-template-columns:repeat(2,1fr)}.metric--wide{grid-column:span 2}}
@media(max-width:700px){:root{--pad:20px}.header__inner{height:72px}.header__cta{display:none}.menu-button{display:block}.nav.is-open{display:flex;position:absolute;top:72px;left:0;width:100%;background:#06111cf7;padding:25px var(--pad);flex-direction:column;gap:18px;border-bottom:1px solid var(--border)}.hero{min-height:auto;padding:128px 0 75px}.hero__image{background:linear-gradient(0deg,rgba(3,10,17,1) 8%,rgba(3,10,17,.55) 65%,rgba(3,10,17,.35)),url('static/hero.webp') 62% center/cover no-repeat}.hero h1{font-size:clamp(50px,15.5vw,78px)}.hero__bottom{margin-top:220px}.hero__benefits{grid-template-columns:1fr}.hero__benefits article{border-bottom:1px solid rgba(255,255,255,.16);padding:16px 0;display:grid;grid-template-columns:28px 38px 1fr;align-items:center;gap:8px}.hero__benefits .icon{margin:0}.hero__benefits h3{margin:0}.hero__benefits p{grid-column:3}.hero__scroll{display:none}.button{width:100%}.section-head{display:block}.section-head>p{margin-top:25px}.problem-grid{grid-template-columns:1fr}.problem-card{min-height:330px}.line-icon{margin:28px 0 auto}.solution__grid{gap:55px}.system-viz{transform:scale(1.1)}.node{width:50px;height:50px}.steps{grid-template-columns:1fr}.steps article,.steps article+article{padding:26px 0;border-right:0;border-bottom:1px solid var(--border);min-height:auto}.step-icon{margin:25px 0}.metrics{grid-template-columns:1fr}.metric--wide{grid-column:auto}.metric{min-height:310px}.metric__visual{gap:8px}.metric__visual strong{font-size:42px}.case-grid{grid-template-columns:1fr}.case-card{height:410px}.case-card__copy{left:20px;bottom:22px}.tag{left:20px;top:20px}.footer__inner{align-items:flex-start;flex-direction:column}.footer__inner p{display:none}}
@media(max-width:380px){.hero__bottom{margin-top:170px}.hero__lead br{display:none}.case-card{height:370px}.metric{padding:22px}.metric__visual span{font-size:20px}.metric__visual strong{font-size:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* Refined system visual, process icons and full-frame case artwork */
.system-viz{width:100%;min-height:480px;isolation:isolate;background:radial-gradient(circle,rgba(245,130,24,.22),transparent 58%)}
.orbit{z-index:1}.core{z-index:4;inset:30%;min-width:190px;min-height:190px;background:linear-gradient(145deg,#1d4b70 0%,#0b2135 62%,#07131f 100%);border:1px solid rgba(255,152,47,.7);box-shadow:0 0 0 12px rgba(245,130,24,.035),0 0 80px rgba(245,130,24,.32),inset 0 0 35px rgba(255,255,255,.08)}
.node,.signal{z-index:5}.step-icon svg{width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.step-icon{background:linear-gradient(145deg,rgba(25,58,90,.72),rgba(8,29,50,.2));box-shadow:inset 0 0 20px rgba(245,130,24,.04)}
.case-grid{grid-template-columns:1fr;gap:34px}.case-card{height:auto;aspect-ratio:auto;overflow:hidden;border:1px solid rgba(61,81,106,.7);background:#06111c}.case-card img{width:100%;height:auto;object-fit:contain;transform:none;transition:filter .35s ease,transform .6s ease}.case-card__shade{background:rgba(2,10,16,.04);opacity:0;transition:opacity .35s ease}.case-card button{left:50%;right:auto;bottom:50%;width:auto;height:auto;min-width:190px;padding:15px 20px;border-radius:3px;background:rgba(6,17,28,.86);border:1px solid rgba(255,255,255,.55);backdrop-filter:blur(8px);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;opacity:0;transform:translate(-50%,50%) translateY(8px);transition:opacity .3s ease,transform .3s ease,background .3s ease}.case-card button span{color:var(--orange);margin-left:16px}.case-card:hover img{transform:scale(1.008);filter:brightness(.62)}.case-card:hover .case-card__shade,.case-card:focus-within .case-card__shade{opacity:1}.case-card:hover button,.case-card:focus-within button{opacity:1;transform:translate(-50%,50%)}.case-card button:hover{background:var(--orange);color:#101820}.case-card button:hover span{color:#101820}
@media(max-width:700px){.system-viz{min-height:340px;transform:none}.core{inset:29%;min-width:140px;min-height:140px}.case-grid{gap:20px}.case-card{height:auto}.case-card button{opacity:1;left:auto;right:12px;bottom:12px;min-width:0;width:44px;height:44px;padding:0;font-size:0;transform:none;background:rgba(6,17,28,.82)}.case-card button span{font-size:17px;margin:0}.case-card:hover button,.case-card:focus-within button{transform:none}.case-card:hover img{transform:none;filter:brightness(.82)}}
@media(max-width:380px){.case-card{height:auto}.core{min-width:125px;min-height:125px}}

/* Animated orbital system */
.system-viz .node{left:50%;top:50%;right:auto;bottom:auto;will-change:transform,opacity,filter;transition:box-shadow .25s ease,border-color .25s ease}
.system-viz .node--1{transform:translate(-50%,-50%) translate3d(-210px,-75px,0) scale(.8)}
.system-viz .node--2{transform:translate(-50%,-50%) translate3d(210px,50px,0)}
.system-viz .node--3{transform:translate(-50%,-50%) translate3d(-125px,120px,0) scale(.9)}
.system-viz .node--4{transform:translate(-50%,-50%) translate3d(115px,-120px,0) scale(.82)}
.system-viz .node:hover{border-color:var(--orange);box-shadow:0 0 28px rgba(245,130,24,.34)}
.system-viz .core{will-change:transform;animation:core-float 5s ease-in-out infinite}
.system-viz .orbit--one{animation:orbit-breathe 6s ease-in-out infinite}
.system-viz .orbit--two{animation:orbit-breathe 6s ease-in-out -3s infinite}
.system-viz .signal{animation:signal-pulse 2.4s ease-in-out infinite}
.system-viz .signal--2{animation-delay:-1.2s}
@keyframes core-float{0%,100%{transform:rotate(-7deg) translateY(0)}50%{transform:rotate(-4deg) translateY(-8px)}}
@keyframes orbit-breathe{0%,100%{opacity:.42}50%{opacity:.9}}
@keyframes signal-pulse{0%,100%{transform:scale(.7);opacity:.4}50%{transform:scale(1.35);opacity:1}}
@media(prefers-reduced-motion:reduce){.system-viz .core,.system-viz .orbit,.system-viz .signal{animation:none}.system-viz .node{will-change:auto}}
@media(max-width:700px) and (prefers-reduced-motion:reduce){.system-viz .node--1{transform:translate(-50%,-50%) translate3d(-115px,-55px,0) scale(.8)}.system-viz .node--2{transform:translate(-50%,-50%) translate3d(115px,35px,0)}.system-viz .node--3{transform:translate(-50%,-50%) translate3d(-80px,80px,0) scale(.9)}.system-viz .node--4{transform:translate(-50%,-50%) translate3d(75px,-85px,0) scale(.82)}}

/* Clear problem pictograms and edge-to-edge case artwork */
.line-icon{width:118px;height:118px;flex:0 0 118px;display:grid;place-items:center;align-self:center;margin:38px auto auto;border:1px solid rgba(245,130,24,.68);border-radius:50%;background:linear-gradient(145deg,#fff,#fff6ee);box-shadow:0 12px 30px rgba(245,130,24,.08)}
.line-icon svg{width:58px;height:58px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.problem-card:hover .line-icon{border-color:rgba(245,130,24,.55);background:#fff4ea}
.case-card{border:1px solid rgba(61,81,106,.9);border-radius:12px;box-shadow:0 20px 55px rgba(0,0,0,.25),0 0 0 1px rgba(245,130,24,.035);background:#0a1b2b}
.case-card img{width:101.6%;max-width:none;margin:-.48% -.8%;clip-path:inset(.35% round 9px);transform:scale(1.003)}
.case-card:hover{border-color:rgba(245,130,24,.72);box-shadow:0 26px 70px rgba(0,0,0,.36),0 0 30px rgba(245,130,24,.09)}
.case-card:hover img{transform:scale(1.012)}
@media(max-width:700px){.line-icon{width:108px;height:108px;flex-basis:108px;margin:32px auto 44px}.line-icon svg{width:52px;height:52px}.case-card img{width:102%;margin:-.6% -1%;clip-path:inset(.45% round 7px)}.case-card:hover img{transform:scale(1.003)}}

/* Readability pass: supporting copy is intentionally larger, display type unchanged */
.nav a{font-size:15px}
.brand small{font-size:10px}
.button{font-size:13px}
.eyebrow,.section-no{font-size:12px}
.hero__offer>p{font-size:17px;line-height:1.65}
.hero__benefits h3{font-size:14px;line-height:1.4}
.hero__benefits p{font-size:14px;line-height:1.6}
.hero__benefits b{font-size:11px}
.hero__scroll{font-size:10px}
.section-head>p{font-size:16px;line-height:1.7}
.problem-card__num{font-size:12px}
.problem-card p{font-size:15px;line-height:1.7}
.solution__copy>p{font-size:16px;line-height:1.75}
.text-link{font-size:13px}
.steps article>span{font-size:12px}
.steps h3{font-size:17px;line-height:1.4}
.steps p{font-size:15px;line-height:1.7}
.metric h3{font-size:16px;line-height:1.4}
.metric p{font-size:15px;line-height:1.65}
.metric--orange>span{font-size:11px}
.tag{font-size:11px}
.case-card button{font-size:12px}
.cta p{font-size:17px;line-height:1.7}
.footer__inner p,.footer__inner>span{font-size:14px}
.modal__panel p{font-size:16px;line-height:1.7}
.modal__panel p strong{font-size:12px}
@media(max-width:700px){.hero__offer>p{font-size:16px}.hero__benefits h3{font-size:14px}.hero__benefits p{font-size:13px}.section-head>p,.solution__copy>p{font-size:15px}.problem-card p,.steps p,.metric p{font-size:15px}.cta p{font-size:16px}.case-card button{font-size:0}}

/* Hero benefit pictograms and readable numbering */
.hero__benefits article{display:grid;grid-template-columns:1fr auto;align-content:start;column-gap:14px;padding:24px 20px 0 0}
.hero__benefits b{font-family:Oswald,Impact,sans-serif;font-size:17px;line-height:1;color:rgba(244,244,244,.72);letter-spacing:.06em;padding-top:6px}
.hero__benefits .icon{grid-column:2;grid-row:1 / span 2;width:54px;height:54px;margin:0;display:grid;place-items:center;border:1px solid rgba(245,130,24,.58);border-radius:50%;background:rgba(6,17,28,.6);box-shadow:0 8px 24px rgba(0,0,0,.18)}
.hero__benefits .icon svg{width:27px;height:27px;fill:none;stroke:var(--orange);stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.hero__benefits h3{grid-column:1 / -1;margin:26px 0 9px}
.hero__benefits p{grid-column:1 / -1}
@media(max-width:700px){.hero__benefits article{grid-template-columns:42px 58px 1fr;column-gap:12px;padding:20px 0;align-items:center}.hero__benefits b{grid-column:1;grid-row:1 / span 2;font-size:18px;padding:0}.hero__benefits .icon{grid-column:2;grid-row:1 / span 2;width:52px;height:52px}.hero__benefits .icon svg{width:26px;height:26px}.hero__benefits h3{grid-column:3;grid-row:1;margin:0}.hero__benefits p{grid-column:3;grid-row:2;margin:4px 0 0}}

/* Stable, card-relative alignment */
.problem-grid{align-items:stretch}
.problem-card,.problem-card--offset{margin-top:0;min-height:500px;display:grid;grid-template-rows:auto 170px auto 1fr;align-items:start;padding:30px}
.problem-card__num{grid-row:1}
.problem-card .line-icon{grid-row:2;align-self:center;justify-self:center;margin:0}
.problem-card h3{grid-row:3;margin:0 0 20px}
.problem-card p{grid-row:4;margin:0}
.hero__benefits{align-items:stretch}
.hero__benefits article{display:block;min-width:0;padding:24px clamp(18px,2vw,30px) 0;border-left:1px solid rgba(255,255,255,.16)}
.hero__benefits article:first-child{border-left:0;padding-left:0}
.hero__benefits article:last-child{padding-right:0}
.hero__benefits b{display:block;padding:0;font-size:18px}
.hero__benefits .icon{display:grid;width:58px;height:58px;margin:26px 0 24px}
.hero__benefits h3{margin:0 0 10px;max-width:220px}
.hero__benefits p{margin:0;max-width:230px}
@media(max-width:1000px) and (min-width:701px){.problem-card,.problem-card--offset{min-height:460px}.hero__benefits article{padding-inline:22px}.hero__benefits article:first-child{padding-left:0}}
@media(max-width:700px){.problem-card,.problem-card--offset{min-height:0;grid-template-rows:auto 145px auto auto;padding:28px}.problem-card .line-icon{margin:0}.problem-card h3{margin-bottom:16px}.hero__benefits article,.hero__benefits article:first-child,.hero__benefits article:last-child{display:grid;grid-template-columns:44px 58px 1fr;grid-template-rows:auto auto;column-gap:12px;padding:20px 0;border-left:0}.hero__benefits b{grid-column:1;grid-row:1 / span 2;align-self:center}.hero__benefits .icon{grid-column:2;grid-row:1 / span 2;width:52px;height:52px;margin:0}.hero__benefits h3{grid-column:3;grid-row:1;max-width:none;margin:0}.hero__benefits p{grid-column:3;grid-row:2;max-width:none;margin:4px 0 0}}

/* Four-step process: consistent card-relative rhythm */
.steps{align-items:stretch}
.steps article,.steps article+article{min-height:470px;display:grid;grid-template-rows:auto 210px auto 1fr;align-items:start;padding:30px clamp(24px,2.2vw,36px);border-right:1px solid var(--border)}
.steps article:first-child{padding-inline:clamp(24px,2.2vw,36px)}
.steps article:last-child{padding-inline:clamp(24px,2.2vw,36px);border-right:0}
.steps article>span{grid-row:1;font-family:Oswald,Impact,sans-serif;font-size:17px;line-height:1;color:rgba(168,178,191,.75);letter-spacing:.05em}
.steps .step-icon{grid-row:2;align-self:center;justify-self:center;width:126px;height:126px;margin:0;transform:none;border:1px solid rgba(245,130,24,.62);border-radius:50%;background:radial-gradient(circle at 38% 30%,rgba(25,58,90,.95),rgba(8,29,50,.55));box-shadow:0 16px 38px rgba(0,0,0,.22),inset 0 0 24px rgba(245,130,24,.05)}
.steps article:nth-child(even) .step-icon{transform:none}
.steps .step-icon svg{width:59px;height:59px;stroke-width:1.45}
.steps h3{grid-row:3;margin:0 0 20px}
.steps p{grid-row:4;margin:0}
@media(max-width:1000px) and (min-width:701px){.steps article,.steps article+article,.steps article:first-child,.steps article:last-child{min-height:430px;grid-template-rows:auto 185px auto 1fr;padding:28px}.steps article:nth-child(2){border-right:0}.steps article:nth-child(3){border-top:1px solid var(--border)}.steps article:nth-child(4){border-top:1px solid var(--border)}.steps .step-icon{width:112px;height:112px}.steps .step-icon svg{width:52px;height:52px}}
@media(max-width:700px){.steps article,.steps article+article,.steps article:first-child,.steps article:last-child{min-height:0;grid-template-columns:76px 1fr;grid-template-rows:auto auto 1fr;column-gap:20px;padding:26px 0;border-right:0}.steps article>span{position:absolute;right:0;top:28px;font-size:16px}.steps .step-icon{grid-column:1;grid-row:1 / span 3;align-self:start;width:72px;height:72px}.steps .step-icon svg{width:34px;height:34px}.steps h3{grid-column:2;grid-row:1;margin:3px 34px 10px 0}.steps p{grid-column:2;grid-row:2 / span 2}}

/* Balanced desktop metrics composition */
.metrics{align-items:stretch}
.metric__visual i:after{content:'';right:2px;top:50%;width:11px;height:11px;border-top:3px solid var(--orange);border-right:3px solid var(--orange);background:none;transform:translateY(-64%) rotate(45deg)}
.metric--orange{grid-column:1 / -1;min-height:255px;display:grid;grid-template-columns:minmax(360px,.85fr) 1.15fr;grid-template-rows:auto 1fr;column-gap:clamp(50px,8vw,130px);align-items:center;padding:clamp(34px,4vw,56px)}
.metric--orange>span{grid-column:1;grid-row:1;align-self:start}
.metric--orange>strong{grid-column:1;grid-row:2;align-self:center;margin:12px 0 0;font-size:clamp(58px,6vw,92px);white-space:nowrap}
.metric--orange h3{grid-column:2;grid-row:1 / span 2;align-self:center;max-width:540px;margin:0;font-size:clamp(22px,2.2vw,34px);line-height:1.3}
.metric--orange p{grid-column:2;grid-row:2;align-self:end;margin:0;font-size:16px}
@media(max-width:1000px) and (min-width:701px){.metric--orange{grid-column:1 / -1;grid-template-columns:.9fr 1.1fr;min-height:230px}.metric--orange>strong{font-size:clamp(48px,7vw,70px)}.metric--orange h3{font-size:24px}}
@media(max-width:700px){.metric--orange{display:block;grid-column:auto;min-height:330px;padding:30px}.metric--orange>strong{margin:55px 0 0;font-size:clamp(44px,14vw,62px);white-space:normal}.metric--orange h3{margin-top:32px;font-size:16px}.metric--orange p{margin-top:0}.metric__visual i:after{width:9px;height:9px;border-width:2px}}

/* Consistent SVG arrows and a full-size secondary CTA */
.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}
.button__icon{flex:0 0 auto;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:rgba(6,17,28,.12);transition:transform var(--transition),background var(--transition)}
.button__icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.button:hover .button__icon,.text-link:hover .button__icon{transform:translate(2px,-2px)}
.button--light .button__icon{background:rgba(245,130,24,.15)}
.text-link{min-height:58px;display:inline-flex;align-items:center;justify-content:space-between;gap:24px;margin-top:28px;padding:0 18px 0 22px;border:1px solid rgba(245,130,24,.72);border-radius:4px;background:rgba(245,130,24,.07);font-size:13px;line-height:1.3;transition:background var(--transition),border-color var(--transition),transform var(--transition)}
.text-link:hover{background:var(--orange);border-color:var(--orange);color:#101820;transform:translateY(-2px)}
.text-link .button__icon{width:30px;height:30px;background:var(--orange);color:#101820}
.text-link:hover .button__icon{background:#101820;color:#fff}
.case-card button .button__icon{width:24px;height:24px;margin-left:14px;background:transparent;color:var(--orange)}
.case-card button .button__icon svg{width:16px;height:16px}
.case-card button:hover .button__icon{color:#101820}
@media(max-width:700px){.text-link{width:100%;min-height:60px;padding-inline:18px}.case-card button .button__icon{width:44px;height:44px;margin:0;color:#fff}.case-card button .button__icon svg{width:19px;height:19px}}

/* Solid solution CTA */
.solution__copy .text-link{background:var(--orange);border-color:var(--orange);color:#101820;box-shadow:0 14px 34px rgba(245,130,24,.16)}
.solution__copy .text-link .button__icon{background:#101820;color:#fff}
.solution__copy .text-link:hover{background:var(--orange2);border-color:var(--orange2);color:#101820;box-shadow:0 18px 42px rgba(245,130,24,.25);transform:translateY(-3px)}
.solution__copy .text-link:hover .button__icon{background:#fff;color:#101820;transform:translate(2px,-2px)}
.solution__copy .text-link:active{transform:translateY(0);box-shadow:0 8px 20px rgba(245,130,24,.15)}

/* Final typography and modal controls */
.metric sup{font-size:18px;line-height:1;vertical-align:.35em;margin-left:8px}
.modal__close{width:48px;height:48px;aspect-ratio:1;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.28);border-radius:4px;line-height:1;background:rgba(255,255,255,.04);transition:background var(--transition),border-color var(--transition),color var(--transition)}
.modal__close:hover{background:var(--orange);border-color:var(--orange);color:#101820}
.process .section-head h2{font-size:clamp(40px,4.2vw,66px);white-space:nowrap}
@media(max-width:1100px){.process .section-head h2{white-space:normal}}
@media(max-width:700px){.metric sup{font-size:16px;margin-left:6px}.process .section-head h2{font-size:clamp(42px,12vw,60px);white-space:normal}}

.section-no{font-size:14px;letter-spacing:.17em}
@media(max-width:700px){.section-no{font-size:13px}}
.modal__panel:focus{outline:none}

/* More room for the process headline */
.process .section-head{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:clamp(32px,5vw,72px);align-items:end}
.process .section-head h2{font-size:clamp(46px,4.8vw,72px);white-space:normal}
.process-title__main{display:inline-block;white-space:nowrap}
.process .section-head>p{max-width:290px;font-size:15px;line-height:1.65}
@media(max-width:1100px){.process .section-head{grid-template-columns:minmax(0,1fr) 250px}.process-title__main{white-space:normal}}
@media(max-width:700px){.process .section-head{display:block}.process .section-head h2{font-size:clamp(42px,12vw,60px)}.process .section-head>p{max-width:400px;font-size:15px}}
.process .section-head h2 em{letter-spacing:-.005em}

/* Phone-only fixes and performance-friendly interactions */
@media(max-width:700px){
  .hero{max-height:none;padding-bottom:120px}
  .hero h1{font-size:clamp(40px,13.2vw,58px);line-height:1.01}
  .menu-button{touch-action:manipulation}
  .nav{position:absolute;top:72px;left:0;width:100%;display:flex;flex-direction:column;gap:18px;margin:0;padding:25px var(--pad);background:#06111cf7;border-bottom:1px solid var(--border);visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity 140ms ease,transform 140ms ease,visibility 0s linear 140ms}
  .nav.is-open{position:absolute;display:flex;visibility:visible;opacity:1;pointer-events:auto;transform:none;transition-delay:0s}
  .metric--orange>strong{font-size:clamp(38px,12vw,50px);white-space:nowrap}
  .modal__backdrop{backdrop-filter:none;background:rgba(0,5,10,.9)}
  .modal{width:100vw;max-width:100vw;overflow:hidden}
  .modal__panel{inset:0;width:100%;max-width:100vw;height:100%;padding:76px 20px 34px;overflow-x:hidden;overflow-y:auto}
  .modal__panel h2{max-width:100%;font-size:clamp(32px,10vw,44px);overflow-wrap:anywhere;word-break:normal}
  .modal__panel p,#modal-content{min-width:0;max-width:100%;overflow-wrap:anywhere}
  .modal__close{right:20px;top:16px}
  .case-card{touch-action:manipulation}
}

/* Final CTA actions */
.cta__actions{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}
.cta__actions .button{min-width:250px}
.button--demo{border:1px solid rgba(6,17,28,.7);background:transparent;color:#101820;cursor:pointer}
.button--demo .button__icon{background:#101820;color:#fff}
.button--demo:hover{background:#101820;color:#fff;border-color:#101820}
.button--demo:hover .button__icon{background:var(--orange);color:#101820}

/* Extra breathing room on phones */
@media(max-width:700px){
  h1,h2{line-height:1.06}
  .section-head h2,.solution__copy h2{margin-top:28px}
  .section-head>p{margin-top:32px}
  .section-head{margin-bottom:64px}
  .cta__actions{width:100%;flex-direction:column;gap:12px}
  .cta__actions .button{width:100%;min-width:0}
}

@media(min-width:701px){h1,h2{line-height:1.065}}

/* Desktop case hover: bottom caption instead of a centered overlay */
@media(min-width:701px){
  .case-card__shade{background:linear-gradient(0deg,rgba(2,10,16,.94) 0%,rgba(2,10,16,.62) 24%,transparent 58%);opacity:0}
  .case-card:hover img{filter:none;transform:scale(1.008)}
  .case-card button{left:38px;right:auto;bottom:34px;min-width:0;width:auto;height:auto;padding:0;border:0;border-radius:0;background:transparent;backdrop-filter:none;color:#fff;font-size:17px;line-height:1.2;letter-spacing:.06em;opacity:0;transform:translateY(10px);display:flex;align-items:center;gap:12px}
  .case-card:hover button,.case-card:focus-within button{transform:none;opacity:1}
  .case-card button:hover{background:transparent;color:#fff}
  .case-card button .button__icon{width:28px;height:28px;margin:0;border:1px solid rgba(245,130,24,.75);background:var(--orange);color:#101820}
  .case-card button .button__icon svg{width:17px;height:17px}
  .case-card button:hover .button__icon{background:var(--orange2);color:#101820;transform:translate(2px,-2px)}
}