@font-face{font-family:ValenDisplay;src:url('/assets/fonts/display-bold.woff2') format('woff2');font-weight:700;font-display:swap}@font-face{font-family:ValenDisplay;src:url('/assets/fonts/display-regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:ValenBody;src:url('/assets/fonts/body.woff2') format('woff2');font-weight:400 700;font-display:swap}
:root{--blue:#1747ff;--cyan:#1747ff;--navy:#06152d;--black:#030609;--muted:#a7b2c1;--line:#ffffff26;--display:ValenDisplay,'Arial Narrow',Arial,sans-serif;--body:ValenBody,'Helvetica Neue',Arial,sans-serif;--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:115px}body{margin:0;background:var(--black);color:#fff;font-family:var(--body);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #1747ff;outline-offset:5px}::selection{background:#1747ff;color:white}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);text-transform:uppercase;font-weight:700;line-height:1.02}h2{font-size:clamp(48px,5.7vw,92px);letter-spacing:-.012em}h3{font-size:clamp(28px,3vw,44px)}em{font-style:normal;color:var(--cyan)}.wrap{width:calc(100% - 76px);max-width:1560px;margin-inline:auto;position:relative}.section-space{padding:clamp(90px,10vw,160px) 0}.eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;margin-bottom:24px}.accent{font-size:clamp(24px,2.5vw,38px);line-height:1.2;letter-spacing:-.035em}.accent span{color:#a6bdd5}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;min-height:50px;padding:14px 27px;border-radius:99px;background:linear-gradient(100deg,#fff 8%,#dbe5ff 32%,#fff 58%);background-size:220% 100%;color:#07152b;font-size:15px;line-height:1.25;transition:background-position .5s,transform .25s;white-space:nowrap}.button:hover{background-position:100% 0;transform:translateY(-3px)}.button span{font-size:24px;line-height:1}.skip-link{position:fixed;top:-100px;left:20px;z-index:200;padding:15px;background:white;color:#07152b}.skip-link:focus{top:15px}
/* Floating navigation follows the reference's three-part layout. */
.site-header{position:fixed;z-index:100;top:20px;left:32px;right:32px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;pointer-events:none}.site-header>*{pointer-events:auto}.brand-link{justify-self:start}.brand{display:block;position:relative;width:155px;height:51px;overflow:hidden;isolation:isolate}.brand:before{content:'';position:absolute;inset:0 auto 0 0;width:43%;background:#000;border-radius:3px;z-index:-1}.brand img{position:absolute;width:139%;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%);mix-blend-mode:screen}.site-header nav{display:flex;align-items:center;gap:27px;border:1px solid #7191c442;background:#06152dec;backdrop-filter:blur(16px);padding:15px 30px;border-radius:50px;box-shadow:0 8px 30px #0002}.site-header nav a{font-size:13px;color:#d5e2f4;white-space:nowrap;transition:color .2s}.site-header nav a:hover,.site-header nav a[aria-current]{color:#1747ff}.header-cta{justify-self:end;padding:13px 19px;border:1px solid #88a7db44;background:#06152df2;border-radius:50px;font-size:13px;white-space:nowrap}.header-cta span{margin-left:18px;color:var(--cyan)}.menu-toggle{display:none}.reading-progress{position:absolute;top:-20px;left:-32px;right:-32px;height:2px;background:var(--cyan);transform:scaleX(var(--reading,0));transform-origin:left;pointer-events:none}
/* Cinematic opening: a large Valen object and the same full-screen hierarchy. */
.hero{position:relative;min-height:780px;height:100svh;max-height:1200px;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 72% 30%,#0a2860 0,transparent 48%),#02050a}.hero-stage{position:absolute;inset:0;z-index:-1}.hero-halo{position:absolute;right:4%;top:7%;width:62%;height:72%;background:radial-gradient(ellipse,#164fff35,transparent 66%)}.hero-stage img{position:absolute;object-fit:contain;right:0;top:2%;width:min(70vw,1000px);height:min(89svh,1000px);max-width:none;will-change:transform}.hero-stage .hero-v{width:min(58vw,800px);right:5%;top:4%;filter:drop-shadow(0 0 40px #086bff25)}.hero-orbit{opacity:.8}.orbital-ring{position:absolute;width:100%;height:90%;border:1px solid #52cfff24;border-radius:50%;top:5%;right:-34%;transform:rotate(-25deg)}.hero-content{height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:170px 0 66px}.hero .eyebrow{color:#dbe5ff;margin-bottom:26px}.hero h1{font-size:clamp(86px,10.7vw,178px);line-height:.97;letter-spacing:-.01em;max-width:1050px;text-shadow:0 3px 34px #02050a66}.hero h1 em{color:#1747ff}.hero-bottom{display:flex;align-items:center;gap:44px;margin-top:40px}.hero-bottom p{font-size:19px;line-height:1.35;max-width:480px}.hero-bottom p span{color:#a8b8cd}.scroll-cue{width:49px;height:49px;border:1px solid #90a9c34f;border-radius:50%;display:grid;place-items:center;margin-left:auto;font-size:25px;transition:background .2s}.scroll-cue:hover{background:#1747ff}.hero-coordinate{position:absolute;top:160px;left:38px;font-size:10px;letter-spacing:.18em;color:#8da9c7;writing-mode:vertical-rl}.hero::after{content:'';position:absolute;inset:auto 0 0;height:45px;background:linear-gradient(transparent,#030609);z-index:-1}
/* Atlas sequence: introduction, immersive object, three product cards. */
.overview{position:relative;isolation:isolate;padding:90px 0 140px;overflow:clip}.overview-glow{position:absolute;z-index:-1;inset:0 0 auto;height:1050px;background:radial-gradient(ellipse at 100% 0%,#1747ff 0,#1747ff 20%,#1747ff 38%,#091840 62%,transparent 80%);opacity:.8}.overview-top,.split-heading{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:start}.overview-copy{padding-top:4px}.overview h2 em{color:#1747ff}.copy-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px;border-top:1px solid #d9eeff66;padding-top:28px;margin-top:35px;color:#c5d8eb;font-size:15px;line-height:1.5}.layers-story{height:145svh;min-height:850px}.layers-sticky{height:calc(100svh - 90px);min-height:630px;position:sticky;top:90px;display:grid;grid-template-columns:1.1fr .9fr;gap:6%;align-items:center}.layers-art{position:relative;width:min(100%,74svh,760px);aspect-ratio:1;isolation:isolate}.layers-art img{position:absolute;width:100%;left:0;top:0;filter:drop-shadow(0 15px 24px #1747ff22)}.plate{visibility:hidden}.layers-art.is-ready .plate{visibility:visible}.layers-art.is-ready .layers-poster{visibility:hidden}.plate-bottom{z-index:1;transform:translateY(51%)}.plate-middle{z-index:2;transform:translateY(30%)}.plate-top{z-index:3;transform:translateY(9%)}.layer-copy h3{font-size:clamp(48px,5.7vw,90px)}.layer-copy>p{margin-top:24px;color:#a5bdd5;font-size:18px}.layer-key{display:flex;flex-wrap:wrap;gap:9px;margin-top:35px}.layer-key span{padding:8px 13px;border:1px solid #4f88b84f;border-radius:40px;font-size:12px;color:#1747ff}.layer-key b{font-weight:400;color:#e8eeff;margin-left:5px}.section-line{display:flex;justify-content:space-between;align-items:center;gap:60px;margin-bottom:55px}.section-line h3{font-size:clamp(32px,4vw,58px)}.solutions{scroll-margin-top:110px}.solutions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.solution-card{position:relative;display:flex;flex-direction:column;background:radial-gradient(ellipse at 100% 100%,#155a84c2,transparent 70%),#0c111cf2;border:1px solid #a2c6e54a;border-radius:var(--radius);padding:28px 25px 24px;min-height:485px;isolation:isolate;overflow:hidden;transition:border-color .25s,transform .3s}.solution-card:hover{border-color:#1747ff;transform:translateY(-7px)}.solution-card:nth-child(2){background:radial-gradient(ellipse at 80% 60%,#1764aab0,transparent 75%),#0d223b}.card-index{font-size:12px;letter-spacing:.08em;color:#89a8c5;margin-bottom:50px}.card-art{position:absolute;right:-24px;top:-40px;width:185px;opacity:.7;z-index:-1;transition:transform .6s}.solution-card:hover .card-art{transform:translate(-5px,5px) rotate(12deg)}.solution-card h3{font-size:34px;max-width:340px;margin-bottom:18px}.solution-card>p{font-size:15px;line-height:1.5;color:#afbdcc;margin-bottom:32px}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;margin-bottom:28px}.tags span{border:1px solid #a6c7e53d;border-radius:30px;padding:6px 10px;font-size:11px;color:#d3e0ec}.card-button{justify-content:center;font-size:14px;padding:12px 15px;min-height:44px;gap:16px}.card-button span{font-size:19px}
/* Pale gradient chapter with the reference's six-item selector. */
.light-panel{color:#05142d;background:linear-gradient(130deg,#1747ff 0,#eef1ff 30%,#fff 52%,#dbe5ff 79%,#1747ff 100%);border-radius:54px 54px 0 0}.light-panel em{color:var(--blue)}.difference{padding:100px 0 120px}.light-panel .eyebrow{color:#1747bb}.heading-copy>p:not(.accent){font-size:18px;color:#45586e;max-width:490px;margin-top:27px}.section-chip{display:inline-flex;margin-top:34px;padding:9px 20px;border:1px solid #142e4830;border-radius:30px;font-size:13px}.small-callout{display:flex;align-items:center;gap:20px}.small-callout span{font-size:42px;color:#1747ff}.difference-tabs{display:grid;grid-template-columns:.93fr 1.07fr;gap:8%;align-items:start;margin-top:75px}.tab-list{display:flex;flex-direction:column;gap:10px}.tab-list button{width:100%;padding:22px 23px;border:1px solid #0a294329;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:left;color:#071831;background:#ffffff19;min-height:82px;transition:background .25s,color .25s}.tab-list button>span{font-family:var(--display);text-transform:uppercase;font-size:25px;line-height:1.1}.tab-list button small{font-size:12px}.tab-list button[aria-selected=true]{background:linear-gradient(100deg,#1747ff,#1747ff);color:#fff;border-color:transparent}.tab-list button:hover{border-color:#1747ff}.tab-panels{min-width:0}.tab-panels [role=tabpanel]{animation:panel-in .45s both}.tab-panels [hidden]{display:none}.difference-art{width:min(100%,410px);aspect-ratio:1;object-fit:contain;margin:-35px auto -15px}.panel-copy{max-width:480px;margin-inline:auto}.panel-copy h3{font-size:38px;margin-bottom:18px}.panel-copy p{font-size:18px;line-height:1.5;color:#4b5c71}.light-panel .accent span{color:#587089}@keyframes panel-in{from{opacity:.4;transform:translateY(15px)}to{opacity:1;transform:none}}
/* Real company facts occupy the reference's performance block. */
.numbers{background:radial-gradient(ellipse at 0% 52%,#0c2d58 0,transparent 45%),#030609}.numbers-grid{display:grid;grid-template-columns:1fr 1fr;gap:7%}.numbers h2{font-size:clamp(46px,4.7vw,76px)}.numbers-right{padding-top:34px}.numbers-art{position:relative;height:420px;display:grid;place-items:center}.network-art{width:450px;max-height:100%;object-fit:contain}.founded{position:absolute;left:20px;bottom:15px;display:flex;align-items:center;gap:18px;border:1px solid #abc6de36;border-radius:15px;padding:20px;background:#0b1423d9;backdrop-filter:blur(15px)}.founded strong{font-family:var(--display);font-size:44px;line-height:1}.founded span{font-size:13px;color:#b7c5d6}.stat-pair{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:55px}.stat-pair>div{border-top:3px solid var(--blue);padding-top:20px}.stat-pair strong{font-family:var(--display);font-size:110px;line-height:1;display:block}.stat-pair span{font-size:16px;color:#fff}.stat-pair p{color:#8d9baf;margin-top:12px;font-size:14px}.founder-note{display:flex;gap:26px;align-items:center;margin-top:35px;padding-top:30px;border-top:1px solid var(--line)}.asterisk{font-size:68px;color:#65d6ff;line-height:1}.founder-note h3{font-size:25px;margin-bottom:10px}.founder-note p{font-size:15px;color:#a0aec1;max-width:360px}.big-statement{text-align:center;font-family:var(--display);font-size:clamp(105px,22vw,340px);font-weight:700;line-height:1;letter-spacing:-.015em;text-transform:uppercase;margin-top:100px;background:linear-gradient(110deg,#fff,#9abfff 50%,#66dfff);-webkit-background-clip:text;background-clip:text;color:transparent}.statement-caption{text-align:center;font-size:20px;margin-top:18px}.discipline-row{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;display:flex;align-items:center;justify-content:space-around;gap:16px;margin-top:55px;font-size:13px;color:#99a9bf}.discipline-row i{font-style:normal;color:#5685b8}
.method{border-radius:0 0 54px 54px}.method-layout{display:grid;grid-template-columns:1fr 1fr;gap:8%;margin-top:60px;align-items:start}.method-visual{position:sticky;top:120px;display:flex;flex-direction:column;align-items:center}.method-orbit{width:100%;max-width:540px;aspect-ratio:1;object-fit:contain}.method-visual>span{font-size:11px;letter-spacing:.18em;color:#345577}.steps{list-style:none;counter-reset:steps;padding:0;margin:0}.steps li{counter-increment:steps;position:relative;padding:35px 20px 35px 64px;border-top:1px solid #1b34572b;min-height:155px;transition:background .35s}.steps li:last-child{border-bottom:1px solid #1b34572b}.steps li:before{content:'0' counter(steps);position:absolute;left:12px;top:40px;font-size:12px;color:var(--blue)}.steps h3{font-size:36px}.steps p{margin-top:12px;font-size:17px;color:#52647b}.steps li.is-active{background:#ffffff80}
.ecosystem-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%}.ecosystem-grid h2{font-size:clamp(44px,4.8vw,75px)}.ecosystem-grid>div>p:not(.eyebrow){margin:30px 0;color:#abb9cb;max-width:470px;font-size:17px}.capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.capability{padding:18px 12px 12px;border:1px solid #537caa3a;min-height:135px;border-radius:12px;background:linear-gradient(150deg,#071426,#030609);display:flex;flex-direction:column;justify-content:space-between;transition:background .25s}.capability:hover{background:#124b90}.capability:nth-child(2),.capability:nth-child(6),.capability:nth-child(7){background:linear-gradient(120deg,#103165,#124b70)}.capability>span{font-size:10px;color:#6997bc}.capability h3{font-size:23px}.capability i{font-style:normal;align-self:flex-end;color:#83d7ff;font-size:18px}.type-ribbon{overflow:hidden;background:radial-gradient(ellipse at center,#15548a,transparent 70%),#030609;padding:30px 0 55px;white-space:nowrap}.type-ribbon>div{font-family:var(--display);text-transform:uppercase;font-size:clamp(80px,11vw,170px);line-height:1;width:max-content;transform:translateX(var(--ribbon-x,-7%));color:#f3f8ff}.type-ribbon span{color:#6bddff}
.challenges{padding-top:70px}.challenge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:65px}.challenge-card{border-top:1px solid #9ec2e54f;padding-top:20px;display:flex;flex-direction:column}.challenge-art{height:190px;width:100%;object-fit:contain;margin-bottom:20px;transition:transform .4s}.challenge-card:hover .challenge-art{transform:translateY(-8px) rotate(5deg)}.challenge-card .eyebrow{color:#7cc5ed;margin-bottom:18px}.challenge-card h3{font-size:36px;max-width:360px;margin-bottom:20px}.challenge-card>p{color:#a7b6c8;line-height:1.5;margin-bottom:30px;font-size:16px;max-width:370px}.text-link{font-size:14px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:16px;margin-top:auto}.text-link span{color:#6adeff;font-size:24px}.text-link:hover{color:#6adeff}
/* Full-width contact card with the existing layered statue. */
.contact{height:160svh;min-height:1060px;padding:0 0 40px}.contact-sticky{position:sticky;top:95px;height:calc(100svh - 110px);min-height:640px;display:flex;align-items:center}.contact-card{height:100%;max-height:850px;min-height:630px;background:radial-gradient(ellipse at 95% 20%,#baf5ff 0,#268bfa 43%,#173df1 75%,#0e2394);border-radius:28px;isolation:isolate;overflow:hidden}.contact-copy{width:49%;margin-left:51%;position:relative;z-index:3;padding:55px 36px 40px 12px}.contact-copy h2{font-size:clamp(54px,6.4vw,100px);line-height:1.02;color:white}.contact-copy h2 em{color:#c1f3ff}.contact-copy>p:not(.eyebrow){font-size:20px;line-height:1.4;margin:26px 0 28px;color:#edf7ff}.contact-copy small{display:block;margin-top:17px;font-size:12px;line-height:1.8;color:#e3f4ff}.contact-copy small a{text-decoration:underline;text-underline-offset:3px}.contact-art{position:absolute;left:-12%;bottom:-17%;width:min(76vw,105svh,1000px);aspect-ratio:1;z-index:1;transform-origin:center;will-change:transform}.contact-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.statue-body,.statue-arm{visibility:hidden}.contact-art.is-ready .statue-body,.contact-art.is-ready .statue-arm{visibility:visible}.contact-art.is-ready .statue-poster{visibility:hidden}.statue-body{z-index:2;clip-path:polygon(0 0,100% 0,100% 46%,61% 46%,61% 57%,100% 57%,100% 100%,0 100%)}.statue-arm{z-index:1;transform-origin:61.2% 45.8%;translate:-.7% 0;transform:rotate(48deg)}.contact-arrow{position:absolute;bottom:30px;right:35px;font-size:80px;line-height:1;color:#ffffff45;z-index:0}.contact-button{box-shadow:0 0 calc(var(--gesture,0)*32px) #c8f4ff70}
.faq{background:var(--black);padding-top:90px}.faq .section-line p{color:#a7b8cb;font-size:18px}.faq-list{max-width:980px;margin-left:auto}.faq details{border-top:1px solid var(--line);padding:0 4px}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:27px 0;font-size:22px}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:28px;color:#73d5ff;transition:transform .3s}.faq details[open] summary span{transform:rotate(45deg)}.faq details>p{padding:0 55px 28px 0;max-width:850px;font-size:17px;line-height:1.55;color:#a9b9ce}
.footer{background:#061227;border-radius:35px 35px 0 0;padding:65px 0 0}.footer-top{display:flex;align-items:center;gap:60px;padding-bottom:45px;border-bottom:1px solid var(--line)}.footer-top .brand{width:190px;height:63px}.footer-top p{font-size:14px;color:#9fb4d0}.back-top{margin-left:auto;font-size:13px;color:#b5cde6}.footer-columns{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px;padding:60px 0 80px}.footer-contact{font-family:var(--display);font-size:clamp(33px,3.5vw,54px);text-transform:uppercase;display:inline-block;margin-top:15px}.footer nav,.footer-info{display:flex;flex-direction:column;align-items:flex-start;gap:12px;font-size:14px}.footer nav>span,.footer-info>span:first-child{color:#6d88a9;margin-bottom:10px}.footer a:hover{color:#82dcff}.footer-bottom{border-top:1px solid var(--line);padding:23px 0;display:flex;justify-content:space-between;gap:25px;font-size:12px;color:#7692b3}.whatsapp{position:fixed;right:24px;bottom:23px;z-index:90;display:flex;align-items:center;gap:10px;border:1px solid #8ce6ff77;border-radius:50px;background:#0b3d83;color:white;padding:13px;box-shadow:0 5px 25px #0004;transition:background .2s}.whatsapp svg{width:25px;height:25px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}.whatsapp span{max-width:0;overflow:hidden;transition:max-width .25s;font-size:13px;display:none}.whatsapp:hover{background:#1747ff}.whatsapp:hover span{display:block;max-width:100px}
@media(prefers-reduced-motion:no-preference){.js-motion .reveal{opacity:0;transform:translateY(28px);transition:opacity .7s,transform .7s cubic-bezier(.2,.7,.2,1)}.js-motion .reveal.is-visible{opacity:1;transform:none}.hero-content .eyebrow,.hero-content h1,.hero-bottom{animation:enter .8s both}.hero-content h1{animation-delay:.12s}.hero-bottom{animation-delay:.24s}@keyframes enter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}}
@media(min-width:1700px){.hero-content{padding-bottom:90px}.hero-stage img{right:6%}.hero-stage .hero-v{right:11%}.contact-art{left:-5%}}
@media(max-width:1100px){.site-header{left:23px;right:23px;gap:16px}.site-header nav{gap:19px;padding:14px 23px}.header-cta{font-size:12px;padding:13px}.brand{width:130px;height:45px}.wrap{width:calc(100% - 48px)}.hero h1{font-size:11.5vw}.hero-coordinate{left:24px}.solution-card{padding:22px 19px}.solution-card h3{font-size:30px}.contact-copy{padding-top:44px}.contact-copy h2{font-size:7vw}.difference-tabs{gap:5%}.tab-list button>span{font-size:23px}.capability h3{font-size:20px}.reading-progress{left:-23px;right:-23px}}
@media(max-width:900px){.site-header{top:15px;left:18px;right:18px;display:flex;padding:8px 12px;background:#06152df2;border:1px solid #b5d3ed25;border-radius:40px;backdrop-filter:blur(14px)}.site-header .brand{width:125px;height:38px}.header-cta{margin-left:auto;border:0;background:#163b66;padding:10px 13px}.menu-toggle{display:flex;align-items:center;gap:13px;order:3;background:transparent;border:0;color:#e6f3ff;font-size:12px;padding:10px}.menu-toggle i{display:block;width:17px;height:9px;border-top:1px solid currentColor;border-bottom:1px solid currentColor}.site-header nav{display:none;position:absolute;top:68px;left:0;right:0;border-radius:20px;background:#06152d;padding:18px;gap:0;box-shadow:0 15px 35px #0005}.site-header nav.is-open{display:flex;flex-direction:column;align-items:stretch}.site-header nav a{padding:15px;border-bottom:1px solid #ffffff17;font-size:16px}.reading-progress{top:-15px;left:-18px;right:-18px}.hero{min-height:780px;max-height:1050px}.hero-content{padding-bottom:50px;padding-top:400px}.hero h1{font-size:12vw}.hero-stage img{right:-7%;width:80vw;top:0;height:65svh}.hero-stage .hero-v{right:0;width:70vw;top:0}.hero-bottom{gap:22px;flex-wrap:wrap}.hero-bottom p{font-size:17px}.hero-coordinate{top:125px}.overview-top,.split-heading{gap:35px}.overview .accent{font-size:26px}.copy-columns{grid-template-columns:1fr;gap:16px}.layers-story{height:auto;min-height:0;padding:55px 0 80px}.layers-sticky{position:relative;top:auto;height:auto;min-height:0;gap:2%}.layers-art{width:100%}.layer-copy h3{font-size:6vw}.layer-key{gap:5px}.layer-key span{font-size:10px;padding:6px 8px}.layer-copy>p{font-size:15px}.section-line{gap:30px}.solutions-grid{gap:12px}.solution-card{min-height:490px}.solution-card h3{font-size:28px}.card-button{font-size:12px;padding-inline:10px}.tags span{font-size:10px;padding:5px 8px}.light-panel{border-radius:35px 35px 0 0}.difference{padding:80px 0}.tab-list button{padding:18px 15px;min-height:78px}.tab-list button>span{font-size:21px}.difference-art{margin:0 auto;max-width:320px}.panel-copy h3{font-size:32px}.panel-copy p{font-size:16px}.numbers-art{height:360px}.stat-pair{margin-top:35px}.stat-pair strong{font-size:88px}.method{border-radius:0 0 35px 35px}.method-layout{gap:5%}.steps h3{font-size:31px}.steps li{padding-left:45px}.ecosystem-grid{gap:5%}.capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.capability:last-child{grid-column:1/-1}.challenge-grid{gap:18px}.challenge-card h3{font-size:30px}.contact{height:auto;min-height:0;padding:20px 0}.contact-sticky{position:relative;top:0;height:auto;min-height:0}.contact-card{min-height:670px}.contact-copy{width:50%;margin-left:50%;padding:40px 22px 40px 0}.contact-copy h2{font-size:7vw}.contact-copy>p:not(.eyebrow){font-size:18px}.contact-art{width:85vw;bottom:-8%;left:-20%}.contact-copy .button{font-size:13px;padding:14px 18px;gap:10px}.contact-arrow{display:none}.footer-columns{grid-template-columns:1.5fr 1fr 1fr;gap:30px}}
@media(max-width:620px){html{scroll-padding-top:100px}.wrap{width:calc(100% - 36px)}h2{font-size:clamp(42px,10vw,62px)}.section-space{padding:76px 0}.eyebrow{font-size:10px;letter-spacing:.1em;margin-bottom:19px}.header-cta{display:none}.menu-toggle{margin-left:auto}.hero{height:100svh;min-height:790px;max-height:1000px}.hero-content{padding-top:330px;padding-bottom:36px}.hero-coordinate{left:18px;font-size:8px;top:110px}.hero-stage img{width:110vw;height:480px;right:-19%;top:15px}.hero-stage .hero-v{width:90vw;height:420px;right:-9%;top:48px}.hero h1{font-size:clamp(57px,13.1vw,82px);line-height:1.03}.hero .eyebrow{margin-bottom:19px}.hero-bottom{margin-top:26px;gap:24px}.hero-bottom p{width:100%;font-size:17px}.hero-bottom .button{font-size:14px;padding-inline:22px;min-height:48px}.scroll-cue{width:44px;height:44px;font-size:21px}.hero::after{height:15px}.overview{padding:65px 0 80px}.overview-glow{height:1050px;opacity:.65}.overview-top,.split-heading{grid-template-columns:1fr;gap:30px}.overview-copy .accent{font-size:27px}.copy-columns{grid-template-columns:1fr 1fr;gap:20px;font-size:14px;margin-top:25px;padding-top:22px}.layers-story{padding:15px 0 60px}.layers-sticky{display:flex;flex-direction:column;gap:10px}.layers-art{width:min(100%,430px);margin-top:10px}.layer-copy{width:100%;text-align:left}.layer-copy h3{font-size:44px}.layer-copy h3 br{display:none}.layer-copy h3 br:after{content:' '}.layer-copy .eyebrow{display:none}.layer-key{margin-top:20px;gap:8px}.layer-key span{font-size:12px;padding:8px 10px}.layer-copy>p{font-size:16px;margin-top:18px}.layer-copy>p br{display:none}.section-line{align-items:flex-start;flex-direction:column;gap:24px;margin-bottom:32px}.section-line h3{font-size:37px}.solutions-grid{grid-template-columns:1fr;gap:15px}.solution-card{min-height:370px;padding:27px}.solution-card h3{font-size:36px;max-width:300px}.card-index{margin-bottom:35px}.solution-card>p{font-size:16px}.card-art{width:170px}.tags{margin-bottom:24px}.tags span{font-size:12px}.card-button{font-size:14px;min-height:46px}.light-panel{border-radius:29px 29px 0 0}.difference{padding:65px 0}.heading-copy>p:not(.accent){font-size:17px;margin-top:20px}.section-chip{margin-top:20px}.small-callout{display:none!important}.difference-tabs{grid-template-columns:1fr;margin-top:35px;gap:25px}.tab-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tab-list button{padding:14px 12px;min-height:93px;position:relative;align-items:flex-start}.tab-list button>span{font-size:22px;padding-bottom:14px}.tab-list button small{position:absolute;bottom:8px;right:10px;font-size:9px}.difference-art{width:230px;margin:-20px auto -10px}.panel-copy{max-width:100%}.panel-copy h3{font-size:32px}.panel-copy p{font-size:17px}.numbers-grid{grid-template-columns:1fr;gap:35px}.numbers h2{font-size:45px}.numbers-art{height:350px}.numbers-right{padding-top:0}.stat-pair{gap:25px;margin-top:32px}.stat-pair strong{font-size:100px}.founder-note{margin-top:30px;padding-top:25px}.big-statement{font-size:23vw;margin-top:65px}.statement-caption{font-size:16px;max-width:280px;margin:18px auto 0}.discipline-row{flex-wrap:wrap;justify-content:center;gap:10px 18px;margin-top:35px;font-size:12px}.method{border-radius:0 0 29px 29px}.method-layout{grid-template-columns:1fr;margin-top:15px;gap:15px}.method-visual{position:relative;top:0}.method-orbit{width:250px;margin-top:-15px}.method-visual>span{font-size:9px}.steps li{min-height:0;padding:26px 10px 26px 45px}.steps li:before{top:30px}.steps h3{font-size:32px}.steps p{font-size:16px}.ecosystem-grid{grid-template-columns:1fr;gap:40px}.ecosystem-grid h2{font-size:44px}.capability-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.capability{min-height:105px;padding:12px 8px}.capability h3{font-size:18px;overflow-wrap:anywhere}.capability:last-child{grid-column:auto}.type-ribbon{padding:10px 0 20px}.type-ribbon>div{font-size:80px}.challenge-grid{grid-template-columns:1fr;gap:36px;margin-top:36px}.challenge-art{height:180px;object-position:right;margin-bottom:-20px;width:65%;align-self:flex-end}.challenge-card h3{font-size:37px;max-width:300px}.challenge-card>p{max-width:none}.challenge-card .eyebrow{margin-top:-35px;max-width:33%}.contact{padding:0}.contact-card{min-height:930px;height:auto;border-radius:24px;background:radial-gradient(ellipse at 85% 5%,#72d9ff,#2260ff 40%,#13238b 90%)}.contact-copy{width:100%;margin:0;padding:35px 24px 450px}.contact-copy h2{font-size:clamp(49px,12vw,68px)}.contact-copy h2 br:nth-child(2){display:none}.contact-copy>p:not(.eyebrow){font-size:18px;max-width:310px;margin:23px 0}.contact-copy .button{font-size:14px;padding:14px 20px}.contact-art{width:640px;max-width:none;left:calc(50% - 380px);bottom:-140px;z-index:2;pointer-events:none}.contact-copy small{font-size:11px;max-width:260px}.faq .section-line p{font-size:17px}.faq summary{font-size:19px;padding:23px 0}.faq details>p{font-size:16px;padding-right:15px}.footer{border-radius:24px 24px 0 0;padding-top:40px}.footer-top{flex-wrap:wrap;gap:20px;padding-bottom:30px}.footer-top .brand{width:150px;height:50px}.footer-top p{font-size:12px}.back-top{display:none}.footer-columns{grid-template-columns:1fr 1fr;gap:35px;padding:35px 0 45px}.footer-columns>div:first-child{grid-column:1/-1}.footer-contact{font-size:37px;margin-top:0}.footer-columns .eyebrow{font-size:9px}.footer-bottom{font-size:10px;display:block;padding:20px 0 30px}.footer-bottom>span:last-child{display:block;margin-top:8px}.whatsapp{right:16px;bottom:16px;padding:11px}.whatsapp svg{width:23px;height:23px}.whatsapp:hover span{display:none}}
@media(min-width:901px) and (max-height:720px){.layers-story{height:auto;min-height:0}.layers-sticky{position:relative;top:0;height:auto;min-height:560px}.layers-art{width:540px;max-width:100%}.contact{height:auto;min-height:0}.contact-sticky{position:relative;top:0;min-height:650px;height:650px}.hero{height:800px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.layers-story{height:auto;min-height:0;padding:55px 0}.layers-sticky{position:relative;top:0;height:auto;min-height:0}.layers-art.is-ready .plate{visibility:hidden}.layers-art.is-ready .layers-poster{visibility:visible}.contact{height:auto;min-height:0}.contact-sticky{position:relative;top:0;height:auto}.contact-card{min-height:700px}.contact-art.is-ready .statue-body,.contact-art.is-ready .statue-arm{visibility:hidden}.contact-art.is-ready .statue-poster{visibility:visible}.reveal{opacity:1!important;transform:none!important}}


/* === ATLAS-LIKE SCROLL CHOREOGRAPHY === */
@media (prefers-reduced-motion:no-preference){
  .overview-top,.section-line,.split-heading,.numbers-grid,.ecosystem-grid,.challenge-grid,.faq .section-line,.footer-top,.footer-columns{
    will-change:transform,opacity;
  }
  .overview{--scene:0;--scene-enter:0;--scene-leave:0}
  .solutions{--scene:0}
  .difference{--scene:0}
  .numbers{--scene:0}
  .method{--scene:0}
  .ecosystem{--scene:0}
  .challenges{--scene:0}
  .contact{--scene:0}
  .faq{--scene:0}

  .overview-top{
    transform:translate3d(0,calc((1 - var(--scene-enter))*68px),0);
    opacity:calc(.12 + var(--scene-enter)*.88);
  }
  .overview-copy{
    transform:translate3d(calc((1 - var(--scene-enter))*54px),0,0);
  }
  .layers-sticky{
    transform:scale(calc(.94 + var(--scene)*.06));
  }
  .layer-copy{
    transform:translate3d(calc((1 - var(--scene))*46px),calc((1 - var(--scene))*24px),0);
    opacity:calc(.25 + var(--scene)*.75);
  }
  .layer-key span{
    transform:translate3d(0,calc((1 - var(--scene))*18px),0);
    opacity:calc(.15 + var(--scene)*.85);
  }
  .layer-key span:nth-child(2){transition-delay:.04s}
  .layer-key span:nth-child(3){transition-delay:.08s}

  .solutions .section-line{
    transform:translate3d(0,calc((1 - var(--scene))*55px),0);
    opacity:calc(.18 + var(--scene)*.82);
  }
  .solutions-grid{perspective:1200px}
  .solution-card{
    transform:translate3d(0,calc((1 - var(--scene))*95px),0) rotateX(calc((1 - var(--scene))*4deg));
    opacity:calc(.08 + var(--scene)*.92);
  }
  .solution-card:nth-child(2){transform:translate3d(0,calc((1 - var(--scene))*145px),0) rotateX(calc((1 - var(--scene))*6deg))}
  .solution-card:nth-child(3){transform:translate3d(0,calc((1 - var(--scene))*195px),0) rotateX(calc((1 - var(--scene))*8deg))}
  .solution-card .card-art{
    transform:translate3d(0,calc((.5 - var(--scene))*34px),0) scale(calc(.92 + var(--scene)*.08));
  }

  .difference .split-heading{
    transform:translate3d(0,calc((1 - var(--scene))*56px),0);
    opacity:calc(.1 + var(--scene)*.9);
  }
  .difference-tabs{
    transform:translate3d(0,calc((1 - var(--scene))*72px),0);
    opacity:calc(.08 + var(--scene)*.92);
  }
  .tab-panels{
    transform:translate3d(calc((1 - var(--scene))*45px),0,0);
  }

  .numbers-grid{
    transform:translate3d(0,calc((1 - var(--scene))*70px),0);
    opacity:calc(.12 + var(--scene)*.88);
  }
  .numbers-art{
    transform:translate3d(calc((1 - var(--scene))*-60px),0,0) scale(calc(.9 + var(--scene)*.1));
  }
  .stat-pair>div:first-child{transform:translate3d(0,calc((1 - var(--scene))*40px),0)}
  .stat-pair>div:last-child{transform:translate3d(0,calc((1 - var(--scene))*75px),0)}
  .big-statement{
    transform:translate3d(calc((1 - var(--scene))*-9vw),0,0);
    opacity:calc(.05 + var(--scene)*.95);
  }

  .method .split-heading{
    transform:translate3d(0,calc((1 - var(--scene))*55px),0);
    opacity:calc(.12 + var(--scene)*.88);
  }
  .method-visual{
    transform:translate3d(calc((1 - var(--scene))*-55px),0,0) scale(calc(.92 + var(--scene)*.08));
  }
  .steps li{
    transform:translate3d(calc((1 - var(--scene))*55px),0,0);
    opacity:calc(.12 + var(--scene)*.88);
  }
  .steps li:nth-child(2){transform:translate3d(calc((1 - var(--scene))*72px),0,0)}
  .steps li:nth-child(3){transform:translate3d(calc((1 - var(--scene))*89px),0,0)}
  .steps li:nth-child(4){transform:translate3d(calc((1 - var(--scene))*106px),0,0)}
  .steps li:nth-child(5){transform:translate3d(calc((1 - var(--scene))*123px),0,0)}

  .ecosystem-grid>div:first-child{
    transform:translate3d(calc((1 - var(--scene))*-55px),0,0);
    opacity:calc(.1 + var(--scene)*.9);
  }
  .capability{
    transform:translate3d(0,calc((1 - var(--scene))*65px),0) scale(calc(.94 + var(--scene)*.06));
    opacity:calc(.08 + var(--scene)*.92);
  }
  .capability:nth-child(3n+2){transform:translate3d(0,calc((1 - var(--scene))*95px),0) scale(calc(.94 + var(--scene)*.06))}
  .capability:nth-child(3n){transform:translate3d(0,calc((1 - var(--scene))*125px),0) scale(calc(.94 + var(--scene)*.06))}

  .challenges .split-heading{
    transform:translate3d(0,calc((1 - var(--scene))*55px),0);
    opacity:calc(.1 + var(--scene)*.9);
  }
  .challenge-card{
    transform:translate3d(0,calc((1 - var(--scene))*85px),0);
    opacity:calc(.08 + var(--scene)*.92);
  }
  .challenge-card:nth-child(2){transform:translate3d(0,calc((1 - var(--scene))*125px),0)}
  .challenge-card:nth-child(3){transform:translate3d(0,calc((1 - var(--scene))*165px),0)}

  .contact-card{
    transform:scale(calc(.94 + var(--scene)*.06));
    border-radius:calc(44px - var(--scene)*16px);
  }
  .contact-copy{
    transform:translate3d(calc((1 - var(--scene))*65px),0,0);
    opacity:calc(.12 + var(--scene)*.88);
  }
  .contact-art{
    filter:drop-shadow(0 30px 80px rgba(0,0,0,.3));
  }

  .faq .section-line{
    transform:translate3d(0,calc((1 - var(--scene))*50px),0);
    opacity:calc(.12 + var(--scene)*.88);
  }
  .faq details{
    transform:translate3d(0,calc((1 - var(--scene))*36px),0);
    opacity:calc(.15 + var(--scene)*.85);
  }

  .site-header{
    transform:translate3d(0,var(--header-y,0),0) scale(var(--header-scale,1));
    transition:background .35s ease,border-color .35s ease,box-shadow .35s ease;
  }
  body.has-scrolled .site-header{
    background:rgba(6,21,45,.82);
    border-color:rgba(150,215,255,.22);
    box-shadow:0 14px 42px rgba(0,0,0,.22);
  }

  .hero-content{will-change:transform,opacity}
  .hero-stage{will-change:transform}
  .hero-halo{will-change:transform,opacity}
  .type-ribbon>div{will-change:transform}
}

@media(min-width:901px) and (prefers-reduced-motion:no-preference){
  .overview{padding-top:135px}
  .layers-story{height:185vh}
  .layers-sticky{position:sticky;top:86px;height:calc(100vh - 100px)}
  .contact{height:175vh}
  .contact-sticky{position:sticky;top:88px;height:calc(100vh - 102px)}
}



/* ===== VALEN 2026 — UI/UX + ATLAS SCROLL REFINEMENT ===== */
:root{
  --motion-ease:cubic-bezier(.16,1,.3,1);
  --motion-soft:cubic-bezier(.22,.61,.36,1);
}
html{scroll-padding-top:110px}
body{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
h1,h2,h3,.accent,.hero-bottom p{text-wrap:balance}
p{overflow-wrap:break-word}
a,button{touch-action:manipulation}
a:focus-visible,button:focus-visible,summary:focus-visible{
  outline:2px solid #79dfff;outline-offset:4px;border-radius:8px
}
.button,.header-cta,.text-link{min-height:44px}
.site-header nav a{min-height:42px;display:inline-flex;align-items:center}
section[id],#solucoes{scroll-margin-top:105px}
img{user-select:none;-webkit-user-drag:none}

/* Real scroll-scrub image sequences */
.scrub-sequence{
  position:relative;
  aspect-ratio:1;
  contain:layout paint;
  isolation:isolate;
}
.scrub-frame{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  opacity:0;
  transform:translateZ(0);
  will-change:opacity,transform;
  pointer-events:none;
}
.scrub-frame:first-child{opacity:1}

/* Hero: sequence is the main motion layer; original Valen pieces add depth */
.hero-stage{overflow:visible}
.hero-sequence{
  position:absolute;
  width:min(50vw,690px);
  right:2%;
  top:50%;
  transform:translate3d(0,-50%,0);
  z-index:2;
  filter:drop-shadow(0 35px 95px rgba(0,119,255,.2));
}
.hero-drive-orbit{
  position:absolute;
  width:min(62vw,860px);
  height:auto;
  right:-5%;
  top:50%;
  transform:translate3d(0,-50%,0) scale(1.03);
  opacity:.22;
  mix-blend-mode:screen;
  filter:blur(.25px) saturate(1.25) drop-shadow(0 0 75px rgba(0,209,255,.18));
  z-index:1;
  will-change:transform,opacity;
}
.hero-stage .hero-orbit{opacity:.22!important;z-index:3}
.hero-stage .hero-v{opacity:.18!important;z-index:4}
.hero-content{will-change:transform,opacity}
.hero h1{max-width:970px}
.hero-bottom p{max-width:560px}

/* make the long desktop storytelling closer to Atlas */
@media(min-width:901px) and (min-height:721px){
  .hero{height:112vh;min-height:820px}
  .layers-story{height:190vh}
  .layers-sticky{position:sticky;top:92px;height:calc(100vh - 110px)}
  .contact{height:180vh}
  .contact-sticky{position:sticky;top:92px;height:calc(100vh - 110px)}
  .method-visual{position:sticky;top:140px}
}

/* solutions animated network */
.solutions{position:relative;isolation:isolate}
.solutions-motion{
  position:absolute;
  width:min(43vw,590px);
  right:-2%;
  top:-45px;
  z-index:0;
  opacity:.22;
  pointer-events:none;
  filter:saturate(1.12);
}
.solutions>.section-line,.solutions-grid{position:relative;z-index:2}
.solution-card{
  transform-origin:50% 100%;
  will-change:transform,opacity;
  box-shadow:0 0 0 1px rgba(255,255,255,.02);
}
.card-art{will-change:transform,opacity}

/* Differentials: use newly added official visual asset as atmospheric art */
.difference .wrap{position:relative;isolation:isolate}
.difference-bust{
  position:absolute;
  width:min(40vw,570px);
  right:-8%;
  top:12%;
  opacity:.08;
  mix-blend-mode:multiply;
  pointer-events:none;
  z-index:0;
  will-change:transform,opacity;
}
.difference .split-heading,.difference-tabs{position:relative;z-index:1}

/* Numbers gains a second Valen-owned asset without replacing the Atlas-like layout */
.numbers-art{position:relative;overflow:visible}
.numbers-thinker{
  position:absolute;
  width:58%;
  right:-3%;
  bottom:-5%;
  opacity:.32;
  mix-blend-mode:screen;
  filter:saturate(.9) contrast(1.08);
  pointer-events:none;
  will-change:transform,opacity;
}
.network-art{will-change:transform,opacity}

/* method sequence */
.method-sequence{
  width:min(100%,560px);
  margin:auto;
  filter:drop-shadow(0 28px 65px rgba(0,85,255,.14));
}
.method-visual>span{z-index:3}
.steps li{will-change:transform,opacity}

/* Challenges has a dedicated Valen network/pulse scene */
.challenge-motion{
  position:relative;
  width:min(52vw,680px);
  height:260px;
  margin:-10px 0 -115px auto;
  overflow:hidden;
  pointer-events:none;
  z-index:0;
}
.problem-sequence{
  position:absolute;
  width:430px;
  right:3%;
  top:-95px;
  opacity:.48;
}
.challenge-pulse{
  position:absolute;
  width:360px;
  height:360px;
  object-fit:contain;
  right:18%;
  top:-115px;
  opacity:.18;
  mix-blend-mode:screen;
  filter:blur(.2px);
  will-change:transform,opacity;
}
.challenge-grid{position:relative;z-index:2}

/* Contact: arm is now an actual scroll sequence */
.contact-arm-sequence{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  aspect-ratio:auto;
  z-index:4;
}
.statue-body{z-index:3}
.statue-poster{z-index:1}
.contact-art{will-change:transform}
.contact-copy{will-change:transform,opacity}

/* scroll-driven section staging */
@media(prefers-reduced-motion:no-preference){
  .overview,.solutions,.difference,.numbers,.method,.ecosystem,.challenges,.contact,.faq{
    --scene:0;
    --scene-in:0;
  }
  .overview-top{
    transform:translate3d(0,calc((1 - var(--scene-in))*72px),0);
    opacity:calc(.12 + var(--scene-in)*.88)
  }
  .layer-copy{
    transform:translate3d(calc((1 - var(--scene))*52px),0,0);
    opacity:calc(.18 + var(--scene)*.82)
  }
  .solutions .section-line{
    transform:translate3d(0,calc((1 - var(--scene-in))*58px),0);
    opacity:calc(.12 + var(--scene-in)*.88)
  }
  .solution-card{
    transform:translate3d(0,calc((1 - var(--scene))*120px),0) scale(calc(.965 + var(--scene)*.035));
    opacity:calc(.1 + var(--scene)*.9)
  }
  .solution-card:nth-child(2){transform:translate3d(0,calc((1 - var(--scene))*165px),0) scale(calc(.96 + var(--scene)*.04))}
  .solution-card:nth-child(3){transform:translate3d(0,calc((1 - var(--scene))*210px),0) scale(calc(.955 + var(--scene)*.045))}
  .difference .split-heading{
    transform:translate3d(0,calc((1 - var(--scene-in))*62px),0);
    opacity:calc(.12 + var(--scene-in)*.88)
  }
  .difference-tabs{
    transform:translate3d(0,calc((1 - var(--scene))*74px),0);
    opacity:calc(.14 + var(--scene)*.86)
  }
  .numbers-grid{
    transform:translate3d(0,calc((1 - var(--scene-in))*68px),0);
    opacity:calc(.12 + var(--scene-in)*.88)
  }
  .big-statement{
    transform:translate3d(calc((1 - var(--scene))*-9vw),0,0);
    opacity:calc(.08 + var(--scene)*.92)
  }
  .method .split-heading{
    transform:translate3d(0,calc((1 - var(--scene-in))*62px),0);
    opacity:calc(.12 + var(--scene-in)*.88)
  }
  .steps li{
    transform:translate3d(calc((1 - var(--scene))*55px),0,0);
    opacity:calc(.08 + var(--scene)*.92)
  }
  .steps li:nth-child(2){transform:translate3d(calc((1 - var(--scene))*75px),0,0)}
  .steps li:nth-child(3){transform:translate3d(calc((1 - var(--scene))*95px),0,0)}
  .steps li:nth-child(4){transform:translate3d(calc((1 - var(--scene))*115px),0,0)}
  .steps li:nth-child(5){transform:translate3d(calc((1 - var(--scene))*135px),0,0)}
  .ecosystem-grid>div:first-child{
    transform:translate3d(calc((1 - var(--scene))*-62px),0,0);
    opacity:calc(.12 + var(--scene)*.88)
  }
  .capability{
    transform:translate3d(0,calc((1 - var(--scene))*82px),0) scale(calc(.96 + var(--scene)*.04));
    opacity:calc(.08 + var(--scene)*.92)
  }
  .challenge-card{
    transform:translate3d(0,calc((1 - var(--scene))*95px),0);
    opacity:calc(.08 + var(--scene)*.92)
  }
  .challenge-card:nth-child(2){transform:translate3d(0,calc((1 - var(--scene))*135px),0)}
  .challenge-card:nth-child(3){transform:translate3d(0,calc((1 - var(--scene))*175px),0)}
  .contact-card{
    transform:scale(calc(.955 + var(--scene)*.045));
    border-radius:calc(42px - var(--scene)*12px)
  }
  .contact-copy{
    transform:translate3d(calc((1 - var(--scene))*62px),0,0);
    opacity:calc(.15 + var(--scene)*.85)
  }
  .faq .section-line{
    transform:translate3d(0,calc((1 - var(--scene-in))*55px),0);
    opacity:calc(.14 + var(--scene-in)*.86)
  }
  .faq details{
    transform:translate3d(0,calc((1 - var(--scene))*32px),0);
    opacity:calc(.18 + var(--scene)*.82)
  }
}

/* mobile: preserve motion feel but prioritize clarity, performance and touch */
@media(max-width:900px){
  .hero-sequence{width:min(92vw,590px);right:-17%;top:31%}
  .hero-drive-orbit{width:115vw;right:-35%;top:31%;opacity:.14}
  .hero-stage .hero-orbit,.hero-stage .hero-v{opacity:.1!important}
  .solutions-motion{width:72vw;right:-26%;top:40px;opacity:.12}
  .difference-bust{width:78vw;right:-42%;top:17%;opacity:.06}
  .numbers-thinker{width:67%;right:-12%;opacity:.2}
  .challenge-motion{width:100%;height:180px;margin:0 0 -70px}
  .problem-sequence{width:300px;right:-60px;top:-75px}
  .challenge-pulse{width:260px;height:260px;right:5%;top:-80px}
}
@media(max-width:620px){
  .hero-sequence{width:104vw;right:-27%;top:30%}
  .hero-drive-orbit{width:125vw;right:-38%;top:30%}
  .solutions-motion{display:none}
  .difference-bust{display:none}
  .numbers-thinker{width:75%;opacity:.14}
  .challenge-motion{height:145px;margin-bottom:-52px}
  .problem-sequence{width:260px;right:-75px}
  .contact-arm-sequence{display:none}
}

/* fallback and accessibility */
@media(prefers-reduced-motion:reduce){
  .scrub-frame{display:none!important}
  .scrub-frame:first-child{display:block!important;opacity:1!important}
  .hero-drive-orbit,.difference-bust,.numbers-thinker,.challenge-pulse{transform:none!important}
  .overview-top,.layer-copy,.solutions .section-line,.solution-card,.difference .split-heading,.difference-tabs,.numbers-grid,.big-statement,.method .split-heading,.steps li,.ecosystem-grid>div:first-child,.capability,.challenge-card,.contact-card,.contact-copy,.faq .section-line,.faq details{
    transform:none!important;opacity:1!important
  }
}


/* === FINAL UI/UX + MOTION REFINEMENT === */
:root{--motion-ease:cubic-bezier(.16,1,.3,1)}
body{font-kerning:normal;text-rendering:optimizeLegibility}
p{max-width:70ch}
a,button{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #1747ff;outline-offset:4px}
.button,.header-cta,.menu-toggle{min-height:44px}
.hero h1{font-size:clamp(64px,8.5vw,142px);line-height:.87;max-width:1180px;text-wrap:balance}
.hero-bottom p,.overview-copy p,.heading-copy p,.solution-card p,.steps p,.challenge-card p,.faq p{line-height:1.55}
.section-line h3,.split-heading h2,.overview-top h2,.solution-card h3,.panel-copy h3,.steps h3{text-wrap:balance}
.header-cta,.button{transition:transform .32s var(--motion-ease),background .32s ease,border-color .32s ease,box-shadow .32s ease}
.header-cta:hover,.button:hover{transform:translateY(-2px);box-shadow:0 14px 35px rgba(23,71,255,.18)}
.scrub-frame{transition:opacity .10s linear;will-change:opacity,transform}
.hero-drive-orbit,.difference-bust,.numbers-thinker,.challenge-pulse,.solutions-motion,.method-sequence,.problem-sequence{will-change:transform,opacity}
.hero-drive-orbit{filter:drop-shadow(0 30px 85px rgba(23,71,255,.20))}
.difference-bust{filter:saturate(.9) contrast(1.06)}
.numbers-thinker{filter:saturate(.95) contrast(1.08) drop-shadow(0 30px 70px rgba(23,71,255,.16))}
.challenge-pulse{filter:drop-shadow(0 22px 50px rgba(23,71,255,.14))}
.solution-card{transition:box-shadow .35s var(--motion-ease),border-color .35s ease}
.solution-card:hover{box-shadow:0 24px 70px rgba(8,30,80,.12)}
@media(prefers-reduced-motion:no-preference){
 .reveal{transition-duration:.9s!important;transition-timing-function:var(--motion-ease)!important}
 .hero-drive-orbit{opacity:calc(.13 + var(--hero-p,0)*.22)!important}
 .solutions-motion{opacity:calc(.08 + var(--scene)*.20)}
 .difference-bust{opacity:calc(.025 + var(--scene)*.085)}
 .numbers-thinker{opacity:calc(.10 + var(--scene)*.26)}
 .challenge-pulse{opacity:calc(.07 + var(--scene)*.20)}
}
@media(max-width:900px){
 .hero h1{font-size:clamp(56px,12vw,88px)}
 .hero-bottom p{max-width:520px}
}
@media(max-width:620px){
 .hero h1{font-size:clamp(52px,12.5vw,72px);line-height:.92}
 .hero-bottom p{font-size:16px}
}


/* === PRODUCTION POLISH 2026-09-24 === */
:root{
  --content-max:1380px;
  --text:#f4f8ff;
  --muted-readable:#aebbd0;
  --card-radius:24px;
}
.wrap{max-width:var(--content-max)}
body{overflow-x:hidden}
h1,h2,h3{font-kerning:normal;text-wrap:balance}
.hero h1{
  font-size:clamp(58px,7.25vw,122px)!important;
  line-height:.88!important;
  letter-spacing:-.055em!important;
  max-width:1040px!important;
}
.hero-bottom{
  align-items:center;
  gap:clamp(22px,3vw,54px);
}
.hero-bottom p{
  max-width:560px!important;
  font-size:clamp(16px,1.25vw,19px);
  line-height:1.48!important;
  color:var(--text);
}
.hero-bottom p span{color:#aebbd0}
.overview-top h2,
.split-heading h2,
.numbers h2,
.ecosystem h2,
.challenges h2,
.faq h2{
  font-size:clamp(46px,5.35vw,88px)!important;
  line-height:.92!important;
  letter-spacing:-.045em!important;
}
.section-line h3{
  font-size:clamp(38px,4.25vw,70px)!important;
  line-height:.94!important;
  letter-spacing:-.04em!important;
}
.layer-copy h3{
  font-size:clamp(45px,4.8vw,78px)!important;
  line-height:.9!important;
}
.solution-card{
  border-radius:var(--card-radius)!important;
  padding:clamp(22px,2vw,30px)!important;
  min-height:clamp(500px,42vw,640px);
}
.solution-card h3{
  font-size:clamp(29px,2.55vw,42px)!important;
  line-height:.98!important;
  letter-spacing:-.035em!important;
  max-width:14ch;
}
.solution-card>p{font-size:15px;line-height:1.55!important;max-width:42ch}
.card-index,.eyebrow,.section-chip{letter-spacing:.09em}
.tags{gap:8px;flex-wrap:wrap}
.tags span{min-height:30px;display:inline-flex;align-items:center}
.button,.header-cta{
  border-radius:999px!important;
  padding-left:20px!important;
  padding-right:18px!important;
  gap:18px;
  white-space:nowrap;
}
.button span,.header-cta span{
  display:inline-grid;
  place-items:center;
  width:24px;height:24px;
  border-radius:50%;
  border:1px solid currentColor;
  font-size:12px;
  line-height:1;
}
.site-header{
  max-width:calc(100vw - 36px);
  margin-inline:auto;
}
.site-header nav{gap:clamp(16px,1.8vw,30px)}
.site-header nav a{white-space:nowrap}
.difference-tabs{align-items:stretch}
.tab-list button{
  min-height:78px;
  border-radius:14px;
  padding-inline:18px!important;
}
.tab-list button>span{font-size:clamp(18px,1.6vw,24px)!important;line-height:1.05}
.tab-panels{border-radius:24px;overflow:hidden}
.panel-copy h3{font-size:clamp(34px,3.4vw,54px)!important;line-height:.96}
.panel-copy p{max-width:48ch}
.stat-pair strong{font-size:clamp(70px,7vw,112px)!important}
.steps li{min-height:112px}
.steps h3{font-size:clamp(28px,2.6vw,42px)!important}
.capability{
  border-radius:18px;
  min-height:118px;
}
.capability h3{font-size:clamp(19px,1.6vw,26px)!important}
.challenge-card{border-radius:24px!important}
.challenge-card h3{font-size:clamp(31px,3vw,48px)!important;line-height:.98}
.contact-card{border-radius:30px}
.contact-copy h2{font-size:clamp(48px,5.7vw,92px)!important;line-height:.9}
.footer{border-radius:30px 30px 0 0}

/* Text must remain readable while scroll controls movement. */
@media(prefers-reduced-motion:no-preference){
  .reveal.is-visible{opacity:1!important}
  .overview-top,
  .layer-copy,
  .solutions .section-line,
  .difference .split-heading,
  .difference-tabs,
  .numbers-grid,
  .method .split-heading,
  .ecosystem-grid>div:first-child,
  .contact-copy,
  .faq .section-line{
    opacity:1!important;
  }
  .solution-card,
  .steps li,
  .capability,
  .challenge-card,
  .faq details{
    opacity:calc(.68 + var(--scene)*.32)!important;
  }
  .big-statement{opacity:calc(.62 + var(--scene)*.38)!important}
  .hero-content{opacity:1!important}
  .hero-bottom,.hero h1,.hero .eyebrow{opacity:1!important}
}

/* More consistent vertical rhythm */
.overview{padding-top:clamp(90px,8vw,140px)}
.solutions{padding-top:clamp(80px,7vw,120px);padding-bottom:clamp(90px,8vw,140px)}
.difference,.numbers,.method,.ecosystem,.challenges,.faq{padding-top:clamp(90px,8vw,135px);padding-bottom:clamp(90px,8vw,135px)}
.section-line,.split-heading{margin-bottom:clamp(44px,5vw,78px)}
.solutions-grid{gap:clamp(14px,1.2vw,22px)}
.copy-columns{gap:clamp(20px,2.5vw,42px)}
.stat-pair{gap:clamp(18px,2vw,34px)}

/* Mobile production pass */
@media(max-width:900px){
  .hero h1{font-size:clamp(54px,11.5vw,84px)!important;max-width:92%!important}
  .overview-top h2,.split-heading h2,.numbers h2,.ecosystem h2,.challenges h2,.faq h2{font-size:clamp(42px,9.5vw,66px)!important}
  .section-line h3{font-size:clamp(36px,8vw,54px)!important}
  .solution-card{min-height:auto}
  .solution-card h3{max-width:17ch}
  .site-header{max-width:calc(100vw - 24px)}
}
@media(max-width:620px){
  .hero h1{font-size:clamp(48px,12vw,68px)!important;line-height:.92!important;max-width:100%!important}
  .hero-bottom{align-items:flex-start}
  .hero-bottom p{font-size:15.5px!important}
  .button{white-space:normal}
  .copy-columns{grid-template-columns:1fr!important}
  .tab-list{grid-template-columns:1fr!important}
  .tab-list button{min-height:70px}
  .capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .capability:last-child{grid-column:1/-1!important}
  .footer-columns{grid-template-columns:1fr!important}
}


/* === TARGETED FIXES — HERO / LAYERS / DIFFERENTIALS / NUMBERS / METHOD / CHALLENGES === */

/* Hero: one animated object only. No duplicate V/orbit layers. */
.hero-stage{
  display:grid;
  place-items:center;
}
.hero-halo{z-index:0}
.hero-sequence{
  position:absolute!important;
  width:min(58vw,820px)!important;
  aspect-ratio:1;
  right:2.5vw!important;
  top:50%!important;
  transform-origin:50% 50%;
  z-index:2!important;
  overflow:visible!important;
  opacity:1!important;
}
.hero-sequence .scrub-frame{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  opacity:0;
  pointer-events:none;
  filter:drop-shadow(0 35px 90px rgba(23,71,255,.28));
}
.hero-sequence .scrub-frame:first-child{opacity:1}
.hero-stage .hero-drive-orbit,
.hero-stage .hero-orbit,
.hero-stage .hero-v,
.hero-stage .orbital-ring{display:none!important}

/* Three layers: poster no longer competes with the real layers. */
.layers-poster{opacity:0!important;pointer-events:none}
.layers-art{overflow:visible!important}
.plate{
  opacity:1!important;
  transform-origin:50% 50%!important;
  filter:drop-shadow(0 24px 58px rgba(23,71,255,.18));
}

/* Remove stray character/statue backgrounds completely. */
.difference-bust,
.numbers-thinker{display:none!important}
.difference .wrap,
.numbers .wrap{isolation:isolate}
.difference::before,
.numbers::before{content:none!important}

/* "Uma direção" should be a strong statement, not a giant billboard. */
.big-statement{
  font-size:clamp(72px,10vw,150px)!important;
  line-height:.84!important;
  letter-spacing:-.055em!important;
  white-space:normal!important;
  max-width:10ch;
  margin-top:clamp(54px,7vw,105px)!important;
}

/* Method wheel: clear visual hierarchy and space for rotation. */
.method-visual{overflow:visible!important}
.method-sequence{
  transform-origin:50% 50%!important;
  width:min(92%,560px)!important;
  aspect-ratio:1;
}
.method-sequence .scrub-frame{
  filter:drop-shadow(0 28px 68px rgba(23,71,255,.20));
}

/* Challenge intro: no decorative graphic over text; keep clean Atlas-like space. */
.challenge-motion{display:none!important}
.challenges .split-heading{
  position:relative;
  z-index:2;
}
.challenges .split-heading .accent{
  opacity:1!important;
  color:inherit!important;
}
.challenge-grid{margin-top:clamp(30px,4vw,60px)!important}

/* Readability: headings/copy never fade to ghost levels. */
@media(prefers-reduced-motion:no-preference){
  .challenges .split-heading,
  .challenges .split-heading .accent,
  .difference .split-heading,
  .numbers-grid,
  .method .split-heading,
  .layer-copy{
    opacity:1!important;
  }
  .challenge-card,
  .solution-card,
  .capability,
  .steps li,
  .faq details{
    opacity:calc(.82 + var(--scene)*.18)!important;
  }
}

/* Subtle premium hover interactions. */
.solution-card,
.challenge-card,
.capability,
.tab-list button,
.steps li,
.faq details{
  transition:
    transform .36s cubic-bezier(.16,1,.3,1),
    box-shadow .36s cubic-bezier(.16,1,.3,1),
    border-color .36s ease,
    background .36s ease!important;
}
@media(hover:hover){
  .solution-card:hover,
  .challenge-card:hover{
    transform:translate3d(0,-7px,0) scale(1.008)!important;
    box-shadow:0 24px 70px rgba(5,24,72,.16),0 0 32px rgba(23,71,255,.08)!important;
  }
  .capability:hover{
    transform:translate3d(0,-4px,0)!important;
    border-color:rgba(23,71,255,.35)!important;
    box-shadow:0 16px 40px rgba(0,80,255,.10),inset 0 0 24px rgba(23,71,255,.025)!important;
  }
  .tab-list button:hover{
    transform:translateX(5px);
    border-color:rgba(23,71,255,.28)!important;
    box-shadow:0 10px 28px rgba(23,71,255,.07);
  }
  .steps li:hover{
    transform:translateX(6px)!important;
    background:rgba(23,71,255,.035);
  }
  .text-link:hover span,
  .button:hover span,
  .header-cta:hover span{
    transform:translate3d(2px,-2px,0);
  }
}
.text-link span,
.button span,
.header-cta span{transition:transform .28s cubic-bezier(.16,1,.3,1)}

/* Mobile keeps one hero object and avoids crowding. */
@media(max-width:900px){
  .hero-sequence{
    width:min(96vw,680px)!important;
    right:-24vw!important;
    top:47%!important;
  }
  .big-statement{font-size:clamp(64px,16vw,105px)!important;max-width:8ch}
}
@media(max-width:620px){
  .hero-sequence{
    width:112vw!important;
    right:-39vw!important;
    top:44%!important;
  }
  .big-statement{font-size:clamp(58px,17vw,88px)!important}
}

/* Valen 2026: keep the approved composition, sharpen the official palette. */
:root{--cyan:#1747ff;--black:#050608}
.button{background:#f7f6f2;background-size:auto;box-shadow:none;color:#06152d}
.button:hover{background:#fff}
.site-header nav,.header-cta{background:rgba(5,10,22,.94);border-color:rgba(255,255,255,.17)}
.site-header nav a:hover,.site-header nav a[aria-current],.header-cta span{color:var(--cyan)}
.overview-glow{background:radial-gradient(ellipse at 90% 0%,rgba(23,71,255,.52),rgba(5,6,8,0) 68%);opacity:1}
.solution-card,.solution-card:nth-child(2){background:radial-gradient(ellipse at 95% 95%,rgba(23,71,255,.18),transparent 62%),#0b111e;border-color:rgba(180,212,244,.22)}
.card-art{opacity:.55}
.light-panel{background:linear-gradient(145deg,#f7f6f2 0%,#eef3ff 58%,#f7f6f2 100%)}
.tab-list button[aria-selected=true]{background:#1747ff}
.big-statement{background:linear-gradient(110deg,#fff 20%,#b9cbff 76%,#1747ff);-webkit-background-clip:text;background-clip:text}
.contact-card{background:radial-gradient(ellipse at 85% 12%,#3765d3 0%,#1747ff 48%,#07183c 100%)}
.contact-button{box-shadow:0 0 calc(var(--gesture,0)*24px) rgba(23,71,255,.28)}

/* Posters remain visible while the layered files load and on reduced motion. */
.layers-poster{opacity:1!important}
.layers-art.is-ready .layers-poster{opacity:0!important}
.contact-arm-sequence{visibility:hidden}
.contact-art.is-ready .contact-arm-sequence{visibility:visible}
@media(prefers-reduced-motion:reduce){
  .layers-art.is-ready .layers-poster{opacity:1!important}
  .contact-art.is-ready .contact-arm-sequence{visibility:hidden}
}
@media(max-width:900px){
  .site-header{background:rgba(5,10,22,.96)}
}
@media(max-width:620px){
  .contact-card{background:radial-gradient(ellipse at 85% 0%,#3765d3,#1747ff 45%,#07183c 100%)}
  .copy-columns{grid-template-columns:1fr;gap:14px}
}

/* Mobile refinement: give the hero art and text their own breathing room. */
@media(max-width:900px){
  .overview,.difference,.numbers,.method,.ecosystem,.challenges,.faq{padding-top:76px;padding-bottom:76px}
  .solutions{padding-top:72px;padding-bottom:80px}
  .section-line,.split-heading{margin-bottom:38px}
}
@media(max-width:620px){
  .site-header{top:12px;left:12px;right:12px;max-width:calc(100vw - 24px)}
  .site-header .brand{width:118px;height:39px}
  .site-header nav{top:62px}

  .hero{height:auto;max-height:none;min-height:max(820px,100svh)}
  .hero-content{height:auto;min-height:max(820px,100svh);padding:clamp(320px,48svh,400px) 0 44px;justify-content:flex-end}
  .hero-sequence{width:min(89vw,420px)!important;right:-13vw!important;top:27%!important}
  .hero-coordinate{display:none}
  .hero h1{font-size:clamp(42px,11.5vw,56px)!important;line-height:1!important;letter-spacing:-.045em!important}
  .hero-bottom{display:grid;grid-template-columns:1fr;gap:18px;margin-top:24px}
  .hero-bottom p{font-size:16px!important;line-height:1.45!important;max-width:34ch!important}
  .hero-bottom .button{width:100%;min-height:52px;justify-content:space-between}
  .scroll-cue{display:none}

  .overview-top h2,.split-heading h2,.numbers h2,.ecosystem h2,.challenges h2,.faq h2{font-size:clamp(38px,10vw,52px)!important;line-height:1!important}
  .section-line h3{font-size:clamp(34px,9vw,46px)!important;line-height:1!important}
  .layer-copy h3{font-size:clamp(39px,10vw,50px)!important;line-height:1!important}
  .overview-copy .accent{font-size:23px}
  .layers-story{padding:20px 0 65px}
  .layers-art{width:min(100%,390px)}
  .solution-card{min-height:auto!important;padding:24px!important}
  .solution-card h3{font-size:clamp(29px,8vw,35px)!important}
  .card-art{width:145px;right:-12px;top:-15px;opacity:.38}
  .tab-list button{min-height:66px;padding:15px 18px!important}
  .tab-list button>span{font-size:18px!important;line-height:1.15}
  .tab-list button small{position:static;font-size:11px}
  .capability-grid{gap:10px}
  .capability{min-height:112px;padding:15px}
  .capability h3{font-size:18px!important;overflow-wrap:normal}
  .challenge-art{width:min(60%,230px);height:150px;margin-bottom:4px}
  .challenge-card .eyebrow{margin-top:0;max-width:none}

  .contact-card{min-height:860px;height:auto}
  .contact-copy{padding:34px 24px 365px}
  .contact-copy h2{font-size:clamp(40px,10.8vw,56px)!important;line-height:1!important}
  .contact-copy>p:not(.eyebrow){font-size:17px;line-height:1.45;max-width:32ch}
  .contact-copy .button{width:100%;min-height:52px;justify-content:space-between}
  .contact-art{width:min(148vw,570px);left:calc(50% - min(74vw,285px));bottom:-125px}
  .footer-contact{font-size:clamp(32px,9vw,42px)}
}


/* === COMMERCIAL SHIP / 2026-10-21 ===
   Preserve the Atlas-inspired motion system while making the offer clearer,
   denser and more conversion-oriented. */
:root{
  --commercial-max:1320px;
  --commercial-blue:#1747ff;
  --commercial-cyan:#1747ff;
}
.wrap{max-width:var(--commercial-max)}
.hero h1{max-width:1080px!important}
.hero-bottom p{max-width:610px!important}
.overview-copy strong{color:#fff;font-weight:700}
.light-panel .overview-copy strong{color:#071024}
.copy-columns p{font-size:15px;line-height:1.6}
.solution-card{min-height:600px!important}
.solution-card>p{min-height:72px}
.solution-card .tags{margin-top:4px}
.solution-card .card-button{margin-top:auto}
.solution-card h3{max-width:15ch!important}
.difference .heading-copy{max-width:650px}
.difference .heading-copy>p:not(.accent){max-width:54ch}
.panel-copy p{font-size:16px;line-height:1.58}
.numbers-right .accent{max-width:19ch}
.stat-pair strong{font-variant-numeric:tabular-nums}
.founder-note h3{margin-bottom:8px}
.big-statement{max-width:12ch!important}
.statement-caption{max-width:54ch}
.ecosystem-grid>div:first-child>p:not(.eyebrow){max-width:49ch;line-height:1.6}
.capability h3{line-height:1.05}
.challenge-card>p{min-height:72px}
.contact-copy>p:not(.eyebrow){max-width:38ch!important}
.faq-list details p{max-width:70ch}

/* Make service tags read as deliverables rather than decorative pills. */
.tags span{
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.14);
  color:#dce7fb;
}
.solution-card:hover .tags span{
  border-color:rgba(23,71,255,.25);
}

/* Stronger hierarchy in the light delivery section. */
.difference.light-panel .eyebrow,
.method.light-panel .eyebrow{color:#314361}
.difference.light-panel .section-chip{
  background:#071024;
  color:#fff;
}
.tab-list button[aria-selected=true]{
  box-shadow:0 14px 34px rgba(23,71,255,.18);
}

/* The start section now communicates a simple commercial entry model. */
.numbers .stat-pair>div{
  min-height:245px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}
.numbers .stat-pair strong{line-height:.78!important}
.numbers .stat-pair span{margin-top:20px}
.numbers .network-art{opacity:.55}

/* Keep copy fully legible while movement remains scroll-driven. */
@media(prefers-reduced-motion:no-preference){
  .overview-copy,
  .solution-card,
  .difference .heading-copy,
  .difference-tabs,
  .numbers-right,
  .method .split-heading,
  .ecosystem-grid>div:first-child,
  .challenge-card,
  .contact-copy,
  .faq-list details{opacity:1!important}
}

/* Active navigation: useful feedback without turning the header into a dashboard. */
.site-header nav a[aria-current="page"]{
  color:#fff;
}
.site-header nav a[aria-current="page"]::after{
  content:"";
  display:block;
  height:1px;
  margin-top:5px;
  background:linear-gradient(90deg,var(--commercial-blue),var(--commercial-cyan));
}

/* Mobile: shorter copy blocks, full-width CTAs and no cramped cards. */
@media(max-width:900px){
  .solution-card{min-height:auto!important}
  .solution-card>p,.challenge-card>p{min-height:0}
  .numbers .stat-pair>div{min-height:210px}
}
@media(max-width:620px){
  .hero .eyebrow{max-width:28ch}
  .hero h1{font-size:clamp(40px,10.8vw,54px)!important}
  .overview-copy .accent{font-size:21px!important}
  .copy-columns p{font-size:15px}
  .solution-card .tags{margin-bottom:8px}
  .difference .heading-copy .accent{font-size:25px}
  .numbers .stat-pair{grid-template-columns:1fr 1fr!important}
  .numbers .stat-pair>div{min-height:190px;padding:22px 16px!important}
  .numbers .stat-pair strong{font-size:64px!important}
  .numbers .stat-pair span{font-size:11px}
  .numbers .stat-pair p{font-size:13px}
  .big-statement{font-size:clamp(52px,14vw,76px)!important;max-width:10ch!important}
  .capability h3{font-size:17px!important}
  .contact-copy small{max-width:32ch}
}

/* Commercial site ship / 2026-10-25 */
.lead-teaser{background:linear-gradient(130deg,#0a1530,#07090c 70%,#142f6b);color:#fff;padding:clamp(75px,9vw,140px) 0}.lead-teaser h2{font-size:clamp(42px,6vw,90px);line-height:.93;max-width:950px;letter-spacing:-.05em}.lead-teaser h2 em{color:#94b3ff}.lead-teaser p:not(.eyebrow){color:#c5d2e9;max-width:54ch;margin:25px 0;font-size:clamp(16px,1.4vw,20px);line-height:1.6}.deliveries-link{padding-top:32px;display:flex;justify-content:flex-end}.hero h1{font-size:clamp(56px,7.6vw,124px)!important;max-width:1100px!important}.hero-bottom p{line-height:1.55}.capability h3{overflow-wrap:anywhere}.solution-card .tags{flex-wrap:wrap}.site-header nav a{white-space:nowrap}@media(max-width:900px){.deliveries-link .button{width:100%}}@media(max-width:620px){.hero h1{font-size:clamp(46px,11vw,60px)!important}.lead-teaser h2{font-size:clamp(38px,10vw,58px)}.lead-teaser .button{width:100%;white-space:normal;justify-content:space-between}}\n/* Final accessibility and contrast stability */\n.scrub-sequence .scrub-frame:not(:first-child){pointer-events:none}.hero-content,.layer-copy,.contact-copy{opacity:1!important}.hero h1{overflow-wrap:normal;text-wrap:balance}.layer-copy h3{font-size:clamp(46px,5vw,82px);line-height:.98}.site-header nav a:focus-visible{outline:2px solid #1747ff}.deliveries-link{padding-top:25px}.site-header{isolation:isolate}.solution-card p,.challenge-card p{opacity:1!important}@media(prefers-reduced-motion:reduce){.reveal,.reveal.is-visible{opacity:1!important;transform:none!important}.scrub-sequence .scrub-frame:not(:first-child){opacity:0!important}}
/* About Valen: institutional proof without agency positioning */
.about-valen{background:#f5f6f6;color:#090d16;padding:clamp(85px,9vw,150px) 0;overflow:hidden}
.about-valen-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(36px,6vw,96px);align-items:start}
.about-valen .eyebrow{color:#204aff}
.about-valen h2{font-family:ValenDisplay,Arial,sans-serif;font-size:clamp(44px,5.3vw,89px);letter-spacing:-.045em;line-height:.96;text-transform:uppercase;margin:0 0 52px;text-wrap:balance}
.about-valen h2 em{font-style:normal;color:#1747ff}
.about-valen-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #cfd5df}
.about-valen-facts>div{padding:23px 15px 0 0}
.about-valen-facts>div+div{border-left:1px solid #cfd5df;padding-left:18px}
.about-valen-facts strong{display:block;font-size:clamp(23px,2.35vw,35px);letter-spacing:-.04em;line-height:1.1;white-space:nowrap}
.about-valen-facts span{display:block;font-size:12px;line-height:1.4;color:#5b6372;margin-top:11px}
.about-valen-copy{padding-top:25px}
.about-valen-copy p{font-size:17px;line-height:1.65;max-width:55ch;color:#545c6d}
.about-valen-copy .about-valen-lead{font-size:clamp(24px,2.6vw,42px);line-height:1.14;letter-spacing:-.035em;color:#111827;margin:0 0 30px}
.about-valen-copy .button{margin-top:26px;background:#1747ff;color:#fff}
@media(max-width:900px){.about-valen-grid{grid-template-columns:1fr}.about-valen-copy{padding-top:0}.about-valen-facts strong{font-size:26px}}
@media(max-width:620px){.about-valen h2{font-size:clamp(40px,10vw,60px)}.about-valen-facts strong{font-size:19px}.about-valen-facts span{font-size:10px}.about-valen-facts>div+div{padding-left:9px}.about-valen .button{white-space:normal}}

/* Final Atlas-style visual QA */
.hero-sequence[hidden]{display:none!important}
.hero-symbol-assembly{position:absolute;z-index:3;right:2vw;top:50%;width:min(59vw,820px);aspect-ratio:1;transform:translateY(-50%);pointer-events:none;display:grid;place-items:center}
.hero-symbol-assembly img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.hero-fixed-v{z-index:2;filter:drop-shadow(0 24px 70px #1747ff66)}
.hero-rotating-orbit{z-index:1;will-change:transform;filter:drop-shadow(0 20px 60px #1747ff44)}
.site-header,body.has-scrolled .site-header{background:transparent!important;box-shadow:none!important;border-color:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.site-header::before,.site-header::after{background:transparent!important;box-shadow:none!important}
#main-nav{border-radius:999px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:rgba(4,10,24,.82);border:1px solid rgba(198,220,255,.19);padding:8px 17px}
.brand-link .brand,.footer .brand{overflow:visible!important;min-width:115px}
.brand-link img,.footer .brand img{object-fit:contain!important;object-position:center!important;max-height:65px!important;max-width:160px!important}
.difference .tab-panels [role="tabpanel"]{overflow:hidden;isolation:isolate}
.difference .difference-art{object-fit:contain!important;max-width:88%!important;max-height:55%!important;inset:0 3% auto auto!important;transform:none!important}
.difference .panel-copy{position:relative;z-index:3}
.numbers .numbers-right{display:flex;flex-direction:column;justify-content:center;gap:32px}
@media(max-width:900px){.hero-symbol-assembly{width:95vw;right:-22vw;top:46%}#main-nav{border-radius:18px}}
@media(max-width:620px){.hero-symbol-assembly{width:113vw;right:-38vw;top:44%}.difference .difference-art{max-height:46%!important;max-width:90%!important}}
@media(prefers-reduced-motion:reduce){.hero-rotating-orbit{transform:none!important}}


/* ===== VALEN V4 / brandbook-aligned production overrides ===== */
:root{
  --blue:#1747FF;--cyan:#1747ff;--navy:#050608;--black:#050608;
  --paper:#F7F6F2;--muted:#B9C6DA;
  --display:"Bahnschrift","Arial Narrow",ValenDisplay,Arial,sans-serif;
  --body:Arial,ValenBody,sans-serif;
}
body{font-family:var(--body);background:#050608}
h1,h2,h3{font-family:var(--display);text-wrap:balance}
.about-valen,.light-panel{background:#F7F6F2}
.site-header{isolation:isolate}
.site-header .brand{height:58px;overflow:visible!important;background:transparent}
.site-header .brand:before,.footer .brand:before{display:none!important}
.site-header .brand img,.footer .brand img{
  position:relative!important;top:auto!important;left:auto!important;
  transform:none!important;width:100%!important;height:100%!important;
  object-fit:contain!important;mix-blend-mode:normal!important;
}
.brand-link img{filter:none!important}
.site-header nav{border-radius:999px;background:rgba(5,6,8,.86)!important;border:1px solid rgba(255,255,255,.2)!important;box-shadow:0 8px 28px rgba(0,0,0,.18)}
.site-header,body.has-scrolled .site-header{background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}
.hero-symbol-assembly{width:min(48vw,670px)!important;right:6vw!important}
.hero-stage .hero-symbol-assembly img{position:absolute;inset:0;width:100%;height:100%;max-width:100%;object-fit:contain}
.hero-symbol-assembly .hero-fixed-v{transform:none!important;filter:drop-shadow(0 24px 65px rgba(23,71,255,.22))}
.hero-symbol-assembly .hero-rotating-orbit{filter:drop-shadow(0 14px 42px rgba(23,71,255,.16));will-change:transform}
.hero .eyebrow{color:#B1D7F2}
.type-ribbon{padding:18px 0 28px;background:#050608}
.type-ribbon>div{font-size:clamp(58px,7vw,112px);letter-spacing:-.045em}
.type-ribbon span{color:#1747ff}
.solution-card,.challenge-card{transition:box-shadow .3s ease,border-color .3s ease}
.solution-card:hover,.challenge-card:hover{box-shadow:0 18px 65px rgba(23,71,255,.13);border-color:rgba(23,71,255,.32)}
.capability-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.capability{display:flex;min-height:260px!important;justify-content:space-between;padding:24px!important;border-radius:21px!important;border:1px solid rgba(100,157,255,.24)!important;background:linear-gradient(140deg,#111D34,#05080E)!important;transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s ease,border-color .28s ease!important}
.capability h3{font-size:clamp(24px,2.4vw,37px)!important;line-height:1.02;max-width:18ch}
.capability p{font-size:14px;line-height:1.5;color:#BFCFE5;max-width:26ch}
.capability>span{color:#8EA8D2!important;letter-spacing:.08em}
.capability i{font-size:23px;color:#1747ff}
.capability:hover,.capability:focus-visible{transform:translateY(-5px)!important;border-color:#1747ff66!important;box-shadow:0 14px 42px #1747FF29!important}
.difference .tab-list button{cursor:pointer}
.difference .tab-list button[aria-selected="true"]{border-color:#1747FF}
.difference .tab-panels [role="tabpanel"]{min-height:440px}
.difference .difference-art{object-fit:contain!important;max-height:48%!important;max-width:74%!important;opacity:.86}
.difference .panel-copy{position:relative;z-index:3;max-width:62ch}
.difference .panel-copy p{max-width:49ch}
.about-valen-facts strong{text-transform:none;font-family:var(--display)}
.contact-art{transform:none!important;will-change:auto!important}
.contact-art .statue-poster{visibility:visible!important}
.contact-art .statue-body,.contact-art .contact-arm-sequence{display:none!important}
.contact-art::before{
  content:"";position:absolute;inset:22% 30% 25% 10%;z-index:0;
  background:radial-gradient(circle,rgba(23,71,255,.19),transparent 66%);
  filter:blur(26px);pointer-events:none
}
.contact-art img{position:relative;z-index:1}
.contact-card{overflow:hidden}
.contact-copy{opacity:1!important}
.contact-button{box-shadow:0 0 22px rgba(23,71,255,.15)}
.contact-button:hover{box-shadow:0 0 26px rgba(23,71,255,.26)}
.whatsapp{background:#1747FF!important}
.faq details p{color:#BDD0E7}
@media(hover:none){.capability:hover{transform:none!important}}
@media(max-width:1100px){.site-header nav{gap:12px;padding:12px 16px}.site-header nav a{font-size:12px}.site-header{left:20px;right:20px;gap:10px}}
@media(max-width:900px){
  .hero-symbol-assembly{width:88vw!important;right:-25vw!important;top:45%!important}
  .capability-grid{grid-template-columns:1fr 1fr}
  .site-header nav{border-radius:18px;background:#06152df2!important}
  .contact-art{transform:none!important}
}
@media(max-width:620px){
  .hero-symbol-assembly{width:108vw!important;right:-38vw!important;top:44%!important}
  .capability-grid{grid-template-columns:1fr!important}
  .capability{min-height:205px!important}
  .difference .difference-art{max-width:85%!important;max-height:42%!important}
  .site-header{left:10px;right:10px}
  .site-header .brand{width:102px;height:47px}
  .contact-art{width:min(108vw,720px)}
}
@media(prefers-reduced-motion:reduce){
  .hero-symbol-assembly .hero-rotating-orbit{transform:none!important}
  .capability{transition:none!important}
}

/* Valen V4 finishing details */
.contact-art .statue-poster{position:absolute!important;inset:0;width:100%;height:100%;object-fit:contain}
.contact-art::before{z-index:0}
.whatsapp .float-cta-icon{display:grid;place-items:center;font-size:30px;font-family:Arial,sans-serif;font-weight:400;line-height:1}
.whatsapp svg{display:none}


/* V4.1 production refinement: clarity, contrast, accessible interaction */
:root{--brand-blue:#1747ff;--brand-cyan:#1747ff;--brand-paper:#f7f6f2}
html{scroll-padding-top:100px}
a,button,summary{touch-action:manipulation}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #1747ff!important;outline-offset:4px}
.light-panel .heading-copy p,.light-panel .panel-copy p,.about-valen-copy p{color:#343e50!important}
.light-panel .accent,.light-panel .accent span{color:#1c2840!important}
.light-panel .eyebrow{color:#1747ff!important}
.difference .tab-list button{min-height:72px;transition:background .22s ease,border-color .22s ease,box-shadow .22s ease!important}
.difference .tab-list button:hover,.difference .tab-list button:focus-visible{border-color:#1747ff!important;box-shadow:0 6px 24px rgba(23,71,255,.14)}
.difference [role="tabpanel"][hidden]{display:none!important}
.difference .panel-copy{opacity:1!important}
.difference .difference-art{pointer-events:none;object-fit:contain!important}
.capability,.solution-card .button,.challenge-card .text-link{cursor:pointer}
.capability{position:relative;text-decoration:none}
.capability:focus-visible{outline:3px solid #1747ff!important}
.capability i{font-style:normal;transition:transform .28s ease}
.capability:hover i,.capability:focus-visible i{transform:translate(3px,-3px)}
.solution-card .button,.challenge-card .text-link{position:relative;z-index:4}
.type-ribbon{overflow:hidden;contain:paint}
.type-ribbon>div{will-change:transform}
.contact-art{pointer-events:none}
.contact-art .statue-body,.contact-art .contact-arm-sequence{display:none!important}
.contact-card .contact-art::after{content:"";position:absolute;z-index:3;left:38%;top:31%;width:10%;height:3%;border-radius:100%;background:rgba(23,71,255,.24);filter:blur(9px);box-shadow:0 0 32px rgba(23,71,255,.28);pointer-events:none}
.footer-info a,.footer-columns nav a{min-height:38px;display:inline-flex;align-items:center}
@media(prefers-reduced-motion:reduce){.type-ribbon>div,.hero-rotating-orbit,.method-sequence,.plate,.reveal{transform:none!important;transition:none!important;animation:none!important;opacity:1!important}}
@media(max-width:900px){.contact-art .statue-poster{object-fit:contain!important}.hero-symbol-assembly{max-width:88vw}}
@media(max-width:620px){.hero-symbol-assembly{max-width:none}.difference .tab-list button{min-height:68px}.difference .panel-copy{padding-bottom:18px}}


/* Valen final — consistent brand tokens, elliptical navigation and compact hero */
:root{--valen-blue:#1747ff;--blue:var(--valen-blue);--cyan:var(--valen-blue)}
.site-header{left:50%;right:auto;top:18px;transform:translateX(-50%);width:min(1180px,calc(100% - 32px));display:flex;justify-content:center;gap:0;border-radius:999px;background:#06152df5;border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(18px);padding:8px 22px;min-height:68px;box-shadow:0 14px 40px #0003}
.site-header>.brand-link,.site-header>.header-cta{display:none!important}
.site-header nav{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;background:transparent;box-shadow:none;padding:0;gap:clamp(8px,1.6vw,26px)}
.site-header nav a{font-size:clamp(11px,.9vw,13px);color:#fff}
.site-header nav .nav-brand{flex:0 0 124px;display:flex;align-items:center;justify-content:center;min-width:0;height:48px;overflow:hidden}
.site-header nav .nav-brand img{width:112px;height:48px;object-fit:contain;mix-blend-mode:screen}
.site-header nav .nav-brand:focus-visible{outline-offset:2px}
.reading-progress{top:auto;bottom:0;left:22px;right:22px;border-radius:3px}
.hero-content{justify-content:center;padding-top:120px;padding-bottom:0}
.hero h1{font-size:clamp(72px,9.7vw,152px)}
.hero-bottom{margin-top:30px}
.hero-symbol-assembly{width:min(40vw,570px)!important;right:9vw!important}
.hero-symbol-assembly .hero-fixed-v{animation:valenVGlow 4.8s ease-in-out infinite;transform:none!important}
.hero-coordinate{display:none!important}
.layer-key{display:none!important}
.hero .eyebrow{font-size:11px}
@keyframes valenVGlow{0%,100%{filter:drop-shadow(0 0 20px rgba(23,71,255,.22)) brightness(1)}50%{filter:drop-shadow(0 0 42px rgba(23,71,255,.48)) brightness(1.09)}}
.capability-grid{position:relative}
.capability-grid>.capability{font:inherit;color:inherit;text-align:left;cursor:pointer;border:0;background:transparent;width:100%;font-family:var(--body)}
.capability-grid>.capability:hover,.capability-grid>.capability:focus-visible{background:rgba(23,71,255,.09)}
.capability-grid.is-expanded>.capability{display:none}
.capability-detail{grid-column:1/-1;width:100%;position:relative;min-height:330px;border:1px solid rgba(23,71,255,.25);background:linear-gradient(135deg,rgba(23,71,255,.13),rgba(0,0,0,.1));border-radius:22px;padding:clamp(24px,4vw,65px);animation:capExpand .4s cubic-bezier(.22,1,.36,1) both}
.capability-detail[hidden]{display:none!important}
.capability-detail h3{font-size:clamp(30px,3.5vw,56px);max-width:720px;margin:8px 0 16px}
.capability-detail p{font-size:17px;max-width:720px;margin-bottom:20px}
.capability-detail ul{padding-left:22px;display:grid;grid-template-columns:1fr 1fr;gap:10px 35px;margin:22px 0 30px}
.capability-detail li{font-size:14px}
.capability-close{position:absolute;right:25px;top:20px;border:1px solid currentColor;border-radius:50%;width:43px;height:43px;background:transparent;color:inherit;font-size:28px;line-height:1}
@keyframes capExpand{from{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:none}}
.contact-art .statue-poster{animation:valenEnergy 3.6s ease-in-out infinite}
.contact-card .contact-art::after{animation:valenEnergy 2s ease-in-out infinite}
@keyframes valenEnergy{0%,100%{filter:drop-shadow(0 0 9px rgba(23,71,255,.12))}50%{filter:drop-shadow(0 0 25px rgba(23,71,255,.36))}}
@media(max-width:900px){
 .site-header{width:calc(100% - 20px);left:10px;top:10px;transform:none;justify-content:space-between;padding:8px 15px;min-height:58px;border-radius:28px}
 .site-header>.brand-link{display:block!important;order:0}
 .site-header>.brand-link .brand{height:37px;width:106px}
 .site-header>.menu-toggle{display:flex!important;order:1}
 .site-header nav{display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;width:100%;background:#06152d;border:1px solid #ffffff22;border-radius:20px;flex-direction:column;padding:18px;gap:16px}
 .site-header nav.is-open{display:flex}
 .site-header nav .nav-brand{display:none}
 .hero-content{padding-top:108px;padding-bottom:40px}
 .hero h1{font-size:clamp(54px,13vw,105px)}
 .hero-symbol-assembly{width:78vw!important;right:-21vw!important;top:44%!important}
 .capability-detail ul{grid-template-columns:1fr}
}
@media(max-width:620px){.hero-symbol-assembly{width:94vw!important;right:-30vw!important;top:45%!important}}
@media(prefers-reduced-motion:reduce){.hero-symbol-assembly .hero-fixed-v,.contact-art .statue-poster,.contact-card .contact-art::after,.capability-detail{animation:none!important}}

/* Brand palette + mobile layout hotfix — 2026-10-30 */
:root{--blue:#1747ff;--cyan:#1747ff;--brand-blue:#1747ff;--brand-cyan:#1747ff;--valen-blue:#1747ff}
.hero h1 em{color:#1747ff!important}
.button{background:#fff;color:#06152d}
.button:hover{background:#e8eeff}
.light-panel em,.light-panel .eyebrow,.about-valen em,.about-valen .eyebrow{color:#1747ff}
.site-header nav a:hover,.site-header nav a[aria-current]{color:#fff;text-decoration:underline;text-decoration-color:#1747ff;text-underline-offset:7px}
html,body{max-width:100%;overflow-x:clip}
main,section{min-width:0}
@media(max-width:900px){
 .wrap{width:calc(100% - 36px)!important;max-width:calc(100% - 36px)!important}
 .hero{height:auto!important;min-height:100svh!important;max-height:none!important;overflow:hidden;display:flex;align-items:center}
 .hero-content{height:auto!important;min-height:100svh!important;width:calc(100% - 36px)!important;max-width:none!important;justify-content:center!important;align-items:flex-start;padding:110px 0 75px!important;transform:none!important}
 .hero h1{font-size:clamp(33px,8.9vw,72px)!important;line-height:1.02!important;letter-spacing:-.025em!important;max-width:100%!important;width:100%!important;overflow-wrap:anywhere;word-break:normal}
 .hero h1 em{display:inline-block;max-width:100%;overflow-wrap:anywhere}
 .hero-bottom{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:22px!important;margin-top:28px!important}
 .hero-bottom p{font-size:clamp(14px,3.8vw,17px)!important;max-width:100%!important}
 .hero-bottom .button{max-width:100%;white-space:normal;text-align:left}
 .hero-symbol-assembly{opacity:.35!important;max-width:none!important;width:85vw!important;right:-35vw!important;top:36%!important;pointer-events:none}
 .hero .eyebrow{max-width:100%;line-height:1.5}
 .site-header{max-width:calc(100% - 20px);box-sizing:border-box}
 .site-header nav{max-height:calc(100svh - 90px);overflow:auto}
 .overview-top,.about-valen-grid,.numbers-grid,.ecosystem-grid,.split-heading,.challenge-grid,.footer-columns{min-width:0}
 .section-line h3,.section-line h2,.overview h2,.about-valen h2,.light-panel h2,.numbers h2,.method h2,.contact h2{max-width:100%;overflow-wrap:anywhere;font-size:clamp(36px,9vw,70px)}
 .solution-card h3,.capability h3{overflow-wrap:anywhere}
 .layers-sticky{overflow:hidden}
}
@media(max-width:420px){
 .hero h1{font-size:clamp(30px,8.6vw,36px)!important;letter-spacing:-.035em!important}
 .hero-symbol-assembly{width:92vw!important;right:-47vw!important;top:34%!important}
 .hero-bottom{gap:18px!important}
 .hero-content{padding-top:95px!important}
 .hero .button{font-size:13px!important;padding:13px 18px!important}
 .contact-card{overflow:hidden}
 .contact-copy h2{font-size:clamp(35px,10vw,48px)!important}
}