/* FINXARIA V60 R14 — Sistema visual inspirado en la referencia APROBADA.
   CSS adicional; no borra motores 3D ni eventos de Voyager, Tierra, noticias o laboratorio.
   Ajustes documentados: tarjetas de contenido, iconos SVG, jerarquía editorial,
   planeta de fondo, footer cósmico y destellos lentos de la marca. */
:root{--fx-r14-cyan:#32e4df;--fx-r14-mint:#63ffc8;--fx-r14-ink:#eaf9ff;--fx-r14-muted:#b2c6d6;--fx-r14-border:rgba(85,214,223,.36)}
html{scroll-behavior:smooth;scroll-padding-top:97px}
body{background-color:#020918!important;color:var(--fx-r14-ink)!important}
body::before{background:linear-gradient(90deg,rgba(1,8,18,.27),transparent 38%,rgba(9,4,31,.22)),radial-gradient(ellipse 36% 55% at 99% 15%,rgba(83,29,157,.13),transparent 85%),radial-gradient(ellipse 35% 38% at 2% 66%,rgba(15,108,147,.14),transparent 88%)!important}
body::after{display:block!important;content:""!important;position:fixed!important;inset:0!important;pointer-events:none!important;z-index:0!important;background-image:radial-gradient(circle at 17% 23%,rgba(174,245,255,.66) 0 .7px,transparent 1.2px),radial-gradient(circle at 73% 61%,rgba(177,182,255,.65) 0 .7px,transparent 1.2px);background-size:220px 175px,319px 287px;opacity:.24!important}
.fx-r14-icons,.fx-r14-svg-sprites{position:absolute!important;width:0!important;height:0!important;overflow:hidden!important;pointer-events:none!important}
.section{padding-block:clamp(74px,7vw,112px)!important}
.section .shell{position:relative;z-index:4}
.section,.service-section,.viz-section,.usecase-section,.process-section,.philosophy,.team-section,.contact-section,.knowledge-section{background:transparent!important}
.section:not(.knowledge-section):not(.philosophy){border-top:1px solid rgba(83,219,227,.14)}
.section-intro{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(260px,.75fr)!important;gap:clamp(24px,4vw,90px)!important;align-items:end!important;margin-bottom:30px!important}
.section-intro h2{max-width:900px!important;font-size:clamp(2rem,3.3vw,3.8rem)!important;line-height:1.11!important;letter-spacing:-.045em!important;font-weight:770!important;margin:13px 0 0!important;color:#edfaff!important}
.section-intro>p{font-size:clamp(13px,1.1vw,15px)!important;line-height:1.78!important;color:#bdd3d8!important;max-width:550px!important}
.section .kicker,.orbital-stage .kicker{display:flex;gap:15px;align-items:center;color:#c9eae9!important;letter-spacing:.25em!important;font-size:11px!important;font-weight:750!important}
.section .kicker::before{content:"";display:block;height:3px;width:31px;flex:none;border-radius:99px;background:#5dffe1;box-shadow:0 0 12px #5dffe6,0 0 25px #00f1eb70}
.fx-original-heading{font-size:12px;color:#89aebc;line-height:1.6;margin:11px 0 0;font-weight:550}
.btn-primary{background:linear-gradient(110deg,#53ffe0,#43e9cb)!important;color:#021f20!important;border-radius:999px!important;box-shadow:0 8px 24px rgba(8,232,201,.21),0 0 18px rgba(39,225,210,.14)!important}
.btn-ghost,.btn-outline{border-radius:999px!important;border-color:rgba(83,236,226,.72)!important;background:rgba(3,17,28,.66)!important;color:#edfdf8!important}
.btn{font-size:clamp(12px,1vw,15px)!important;padding:12px 21px!important;min-height:48px!important}

/* Hero: real WebGL galaxy sits on the RIGHT and remains a live canvas.
   Three proof tiles span the full width underneath, as in the reference. */
.hero.shell{display:grid!important;grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr)!important;grid-template-rows:minmax(0,1fr) auto!important;align-items:center!important;column-gap:clamp(10px,1.7vw,25px)!important;row-gap:clamp(12px,2vw,25px)!important;padding-top:clamp(33px,3.6vw,66px)!important;padding-bottom:clamp(40px,4.5vw,72px)!important;min-height:clamp(700px,calc(100svh - 182px),935px)!important;isolation:isolate!important}
.hero-copy{grid-column:1!important;grid-row:1!important;z-index:7!important;position:relative!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;left:auto!important;right:auto!important;padding-bottom:0!important;align-self:center!important}
.hero-copy h1{font-size:clamp(2.85rem,4vw,5.15rem)!important;max-width:740px!important;line-height:1.03!important;letter-spacing:-.065em!important;margin:20px 0 18px!important;text-wrap:balance}
.hero-copy h1 em{color:#30eac7!important;-webkit-text-fill-color:#30eac7!important}
.hero-copy .hero-lead{max-width:605px!important;color:#e2ebf1!important;font-size:clamp(15px,1.32vw,19px)!important;line-height:1.66!important;margin-bottom:24px!important}
.hero-copy .eyebrow{color:#d4e7ee!important;font-size:clamp(11px,.86vw,13px)!important;letter-spacing:.23em!important}
.hero-copy .fx-brand-statement::before{content:"";display:inline-block;width:34px;height:3px;background:#54f9df;box-shadow:0 0 10px #42ffdb}
.hero-copy .eyebrow .led{display:none}
.hero-actions{gap:14px!important;margin-top:0!important}
.hero-visual{grid-column:2!important;grid-row:1!important;position:relative!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;width:100%!important;max-width:none!important;height:clamp(490px,43vw,690px)!important;min-height:0!important;margin:0!important;z-index:4!important;opacity:1!important;overflow:visible!important;transform:translate3d(0,-12px,0)!important}
.hero-visual .galaxy-zone{inset:-5% -15% -4% -7%!important;max-width:none!important;overflow:visible!important;mask-image:linear-gradient(90deg,transparent 0%,#000 9%,#000 91%,transparent 100%)!important}
.hero-visual #globe{width:100%!important;height:100%!important}
.hero-visual .galaxy-halo{background:radial-gradient(ellipse at 62% 47%,rgba(45,90,192,.16),transparent 58%),radial-gradient(ellipse at 77% 66%,rgba(137,32,195,.18),transparent 60%)!important}
/* Purely decorative flowing data wave: low opacity; never covers the 3D galaxy. */
.hero-visual::after{content:"";position:absolute;left:-15%;right:-14%;bottom:3%;height:42%;pointer-events:none;z-index:1;opacity:.14;background:radial-gradient(ellipse at 53% 70%,rgba(42,228,218,.65),transparent 64%);mask-image:linear-gradient(0deg,#000,transparent 96%)}
.hero-proof{grid-column:1/-1;grid-row:2;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:15px!important;position:relative!important;top:auto!important;left:auto!important;bottom:auto!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;z-index:15!important}
.hero-proof .proof{display:flex!important;flex-direction:row!important;align-items:center!important;gap:17px!important;min-width:0;background:linear-gradient(145deg,rgba(9,37,54,.88),rgba(4,19,35,.92))!important;border:1px solid var(--fx-r14-border)!important;border-radius:17px!important;padding:20px 22px!important;box-shadow:inset 0 1px rgba(154,255,246,.06),0 16px 38px rgba(0,0,0,.16),0 5px 25px rgba(0,247,197,.05)!important;transition:transform .22s,border-color .22s,box-shadow .22s}
.hero-proof .proof:hover{transform:translateY(-3px);border-color:rgba(95,255,214,.72)!important;box-shadow:0 0 20px rgba(28,219,198,.18)!important}
.hero-proof .proof .fx-proof-icon{flex:none;width:40px;height:40px;color:#58f6d6;stroke:currentColor;fill:none;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 9px rgba(60,255,223,.45))}
.hero-proof .proof-copy{display:flex;min-width:0;flex-direction:column;gap:4px}
.hero-proof .proof-copy strong{font-size:clamp(16px,1.45vw,21px)!important;color:#f2ffff!important;line-height:1.17}
.hero-proof .proof-copy small{font-size:clamp(11px,.94vw,13px)!important;line-height:1.45!important;color:#c0d8e0!important}
.hero-bottom{display:none!important}

/* Tierra: original live 3D model remains, enlarged while crossing later sections. */
#earthLayer,#earthLayer.visible,#earthLayer.featured{transform:translate3d(0,var(--fx-earth-drift,0px),0) scale(var(--fx-earth-scale,1))!important;transform-origin:65% 50%!important;pointer-events:none!important}
#earthLayer.earth-giant{width:min(106vw,1620px)!important;right:-21vw!important;height:105svh!important;filter:drop-shadow(0 0 37px rgba(29,126,249,.1))}
.orbital-stage#tierra{min-height:clamp(600px,87svh,865px)!important}
.orbital-stage#tierra .v54-earth-intro{padding-block:clamp(65px,8vw,120px)!important}

/* Business areas: seven actual service lines; four on row one, three on row two. */
.service-grid{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:16px!important}
.service-card{grid-column:span 3;min-height:345px!important;display:flex!important;flex-direction:column!important;gap:0!important;padding:24px 22px 19px!important;position:relative!important;overflow:hidden!important;background:linear-gradient(155deg,rgba(5,28,44,.94),rgba(3,15,29,.97))!important;border:1px solid rgba(70,215,221,.42)!important;border-radius:18px!important;box-shadow:inset 0 0 24px rgba(50,191,193,.03),0 12px 32px rgba(0,0,0,.24)!important;transition:transform .25s,border-color .25s,box-shadow .25s!important}
.service-card:nth-child(n+5){grid-column:span 4}
.service-card::after,.usecase::after{content:"";position:absolute;inset:auto 10% -1px;height:2px;pointer-events:none;background:linear-gradient(90deg,transparent,#57ffe0,transparent);box-shadow:0 0 12px #37d5d6,0 -10px 44px rgba(36,247,208,.13);opacity:.73}
.service-card:hover,.usecase:hover{transform:translateY(-4px)!important;border-color:rgba(91,253,215,.8)!important;box-shadow:0 0 26px rgba(35,236,196,.13),0 24px 42px rgba(0,0,0,.28)!important}
.fx-service-symbol,.fx-usecase-symbol{width:56px;height:56px;margin-bottom:11px;display:flex;align-items:center;justify-content:center;color:#5cfbdb;filter:drop-shadow(0 0 12px rgba(48,250,231,.42))}
.fx-service-symbol .fx-card-icon,.fx-usecase-symbol .fx-card-icon{width:46px;height:46px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.service-card-top{position:absolute!important;top:19px;right:18px;margin:0!important;opacity:.65}
.service-card-top .card-index{font-size:10px!important;color:#8adbcf!important}
.service-card-top .card-dash{display:none}
.service-card .card-subtitle{color:#76deca!important;font-size:10px!important;letter-spacing:.1em!important;margin-bottom:8px!important;line-height:1.5!important}
.service-card h3{font-size:clamp(18px,1.6vw,23px)!important;letter-spacing:-.035em!important;line-height:1.17!important;max-width:none!important;margin-bottom:12px!important;color:#f4fcff}
.service-card p:not(.card-subtitle){font-size:12px!important;line-height:1.72!important;color:#c1d5df!important}
.service-card ul{margin-top:auto!important;padding-top:12px!important;gap:5px!important}
.service-card li{font-size:10.5px!important;color:#aeced2!important}

/* Solutions: four cards with demonstrative icons, without deleting approved descriptions. */
.usecase-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}
.usecase{position:relative;min-height:350px!important;border:1px solid rgba(69,216,230,.42)!important;border-radius:18px!important;background:linear-gradient(150deg,rgba(6,28,45,.94),rgba(2,14,29,.98))!important;padding:22px!important;box-shadow:0 17px 40px rgba(0,0,0,.22)!important;overflow:hidden!important;transition:transform .25s,border-color .25s,box-shadow .25s}
.fx-usecase-symbol{margin-bottom:7px}
.usecase>div:not(.fx-usecase-symbol){font-size:10px!important;color:#69edca!important}
.usecase h3{font-size:clamp(18px,1.65vw,25px)!important;line-height:1.16!important;margin:12px 0!important}
.usecase p{font-size:12px!important;line-height:1.72!important;color:#bfd4d8!important}
.usecase a{display:inline-flex;font-size:11px!important;margin-top:auto!important;color:#82ffdc!important}

/* Interactive dashboards and Knowledge module align with the reference's framed panels. */
.viz-frame{border:1px solid rgba(69,227,224,.48)!important;border-radius:22px!important;overflow:hidden!important;background:linear-gradient(150deg,rgba(5,30,49,.88),rgba(3,14,30,.96))!important;box-shadow:0 0 32px rgba(9,209,187,.12),0 20px 50px rgba(0,0,0,.25)!important}
.viz-side{background:linear-gradient(150deg,rgba(6,48,57,.55),rgba(3,24,41,.86))!important}
.viz-kpis>div,.viz-chart{border:1px solid rgba(73,207,216,.27)!important;background:linear-gradient(150deg,rgba(8,40,53,.78),rgba(3,22,37,.92))!important}
.viz-kpis strong{color:#f0fffc}
.viz-tabs button.selected,.viz-tabs button:hover{background:rgba(31,168,147,.21)!important;box-shadow:inset 0 0 18px rgba(43,242,219,.1)!important;border-color:rgba(71,236,203,.68)!important}
.knowledge-section{border-top:1px solid rgba(83,219,227,.2)!important}
.knowledge-panel,.knowledge-lab-content,.knowledge-news-card,.knowledge-kpis>div{box-shadow:0 0 26px rgba(16,200,185,.035)!important}

/* Executive methodology compact segmented panels. */
.process-grid{gap:14px!important}
.process-step{border:1px solid rgba(65,204,210,.36)!important;border-radius:15px!important;background:linear-gradient(160deg,rgba(5,29,43,.9),rgba(5,17,29,.93))!important;padding:22px!important}
.process-step>span{color:#53fadd!important;font-size:11px!important}
.process-step h3{margin:20px 0 8px!important;font-size:22px!important}
.process-step p{font-size:12px!important;color:#bbd4d8!important;line-height:1.73!important}

/* Team: use abstract silhouette symbols, not invented portraits. */
.team-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:17px!important}
.team-card{min-height:330px!important;padding:26px!important;text-align:center;background:linear-gradient(145deg,rgba(7,31,47,.94),rgba(4,19,33,.95))!important;border:1px solid rgba(85,214,222,.38)!important;border-radius:17px!important;box-shadow:0 0 26px rgba(27,200,188,.045)!important}
.fx-person-symbol{width:74px;height:74px;border:1px solid rgba(87,252,223,.77);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 19px;color:#d5fff2;box-shadow:0 0 17px rgba(57,255,225,.14),inset 0 0 15px rgba(43,208,208,.09)}
.fx-person-symbol svg{width:39px;height:39px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round}
.team-card>span{font-size:10px!important;color:#81e8d4!important}
.team-card h3{font-size:clamp(18px,1.7vw,24px)!important;margin:13px 0 7px!important}
.team-card strong{font-size:12px!important;color:#bbf0e1!important}
.team-card p{font-size:12px!important;line-height:1.74!important;color:#bad0d9!important}

/* Contact has a dark glass form on the RIGHT and direct address immediately beneath. */
.contact-section{padding-top:100px!important;padding-bottom:116px!important;border-top:1px solid rgba(48,222,220,.3)!important;isolation:isolate}
.contact-section::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(2,10,25,.46),rgba(3,14,30,.36) 62%,rgba(6,11,31,.15))}
.contact-layout{grid-template-columns:.86fr 1.14fr!important;gap:clamp(35px,6vw,92px)!important;align-items:start}
.contact-copy h2{max-width:650px;font-size:clamp(2.15rem,3.65vw,4.3rem)!important}
.contact-copy>p{color:#c7dce2!important;font-size:14px!important;line-height:1.75!important}
.contact-channel{border-left:2px solid rgba(73,254,222,.57);padding-left:18px;color:#a8c8ce;font-size:12px;line-height:1.7;margin-top:26px}
.contact-channel strong{display:block;font-size:13px;color:#9dffdf}
.contact-form{border:1px solid rgba(72,215,220,.57)!important;background:linear-gradient(154deg,rgba(7,34,53,.91),rgba(3,20,33,.96))!important;box-shadow:0 0 34px rgba(20,211,196,.08),0 22px 58px rgba(0,0,0,.34)!important;border-radius:19px!important;padding:27px!important;gap:13px!important}
.contact-form input:not([type=checkbox]),.contact-form select,.contact-form textarea{background:rgba(3,19,33,.74)!important;border-color:rgba(89,222,238,.38)!important;border-radius:9px!important;color:#f2ffff!important}
.contact-form textarea{min-height:107px!important}
.form-foot{justify-content:flex-end;align-items:center}
.fx-contact-direct{grid-column:1/-1;padding:20px 0 3px;border-top:1px solid rgba(91,219,219,.23);display:flex;flex-direction:column;align-items:flex-end;gap:7px;text-align:right}
.fx-contact-direct-kicker{color:#7be8d9;font-size:10px;font-weight:800;letter-spacing:.2em}
.fx-contact-direct strong{font-size:16px;color:#f0fffc}
.fx-contact-direct p{font-size:12px!important;color:#abc4ce!important;margin:0}
.fx-contact-mail{font-size:clamp(12px,1.3vw,17px);color:#86ffdb;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:4px}

/* Footer repeats the top's cosmic signature; FINXARIA is large, enquiry block on right. */
.footer{position:relative!important;z-index:3!important;padding:0!important;border:0!important;overflow:hidden;background:linear-gradient(130deg,#020817,#041326 62%,#090822)!important}
.fx-footer-nebula{position:absolute;inset:-12%;background-image:linear-gradient(180deg,rgba(2,10,21,.34),rgba(2,8,20,.88)),url('/assets/cosmic/nebula_original_sin_textos.webp');background-position:center;background-size:cover;opacity:.70;pointer-events:none;animation:fxFooterGas 46s ease-in-out infinite alternate}
@keyframes fxFooterGas{from{transform:translate3d(-1.7%,-.8%,0) scale(1.04)}to{transform:translate3d(1.6%,1.2%,0) scale(1.07)}}
.fx-footer-r14-inner{position:relative!important;display:grid;grid-template-columns:minmax(0,1.23fr) minmax(320px,.77fr);gap:6%;padding-block:clamp(65px,8vw,115px)!important;align-items:center;z-index:4}
.fx-footer-brand>a{display:block;width:min(100%,680px)}
.fx-footer-inline-logo{display:block;width:100%;height:auto;filter:drop-shadow(0 0 22px rgba(24,194,199,.16))}
.fx-footer-inline-logo .fx-cosmic-logo-svg{display:block;width:100%;height:auto;shape-rendering:geometricPrecision}
.fx-footer-brand>span{display:block;color:#dff5fa;font-size:clamp(9px,.87vw,13px);letter-spacing:.28em;margin-top:10px;margin-left:3px}
.fx-footer-brand p{font-size:clamp(14px,1.25vw,18px)!important;max-width:550px!important;color:#b5d1d7!important;margin-top:26px}
.fx-footer-right{border-left:1px solid rgba(71,230,214,.28);padding-left:clamp(22px,3vw,54px);display:flex;flex-direction:column;align-items:flex-start;gap:15px}
.fx-footer-label{font-size:10px;color:#67f4d0;letter-spacing:.24em;font-weight:800}
.fx-footer-right h2{font-size:clamp(27px,2.8vw,43px);line-height:1.13;letter-spacing:-.04em;margin:0;color:#f4ffff}
.fx-footer-action{display:inline-flex;padding:13px 21px;border-radius:999px;background:linear-gradient(120deg,#66ffe2,#36dfc0);color:#002922!important;font-weight:770;font-size:14px;gap:24px;align-items:center;box-shadow:0 0 24px rgba(38,227,203,.22)}
.fx-footer-address{color:#aaffdd!important;font-size:clamp(13px,1vw,16px);overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:5px}
.fx-footer-r14-bottom{position:relative;z-index:4;display:flex;gap:25px;justify-content:space-between;border-top:1px solid rgba(75,222,224,.21);padding-block:18px 25px;color:#9ab4bd;font-size:11px}

/* LOGO: the X is composed of two crossing diagonals. Center light is a slow pulse;
   final I and A share X turquoise tones but only briefly, not fast strobing. */
.fx-cosmic-wordmark .glyph-x{animation:fxR14X 22s ease-in-out infinite!important}
.fx-cosmic-wordmark .glyph-i-last{animation:fxR14I 22s ease-in-out infinite!important}
.fx-cosmic-wordmark .glyph-a-last{animation:fxR14A 22s ease-in-out infinite!important}
.fx-cosmic-wordmark .fx-x-intersection{transform-origin:490px 121px;animation:fxR14Center 22s ease-in-out infinite;pointer-events:none}
@keyframes fxR14X{0%,12%,18%,100%{filter:drop-shadow(0 0 1px transparent)}14.8%{filter:brightness(1.3) drop-shadow(0 0 13px #7affe2) drop-shadow(0 0 27px #23e5dc)}16.5%{filter:brightness(1.09) drop-shadow(0 0 8px #48ddc9)}}
@keyframes fxR14Center{0%,12%,18%,100%{opacity:.08;transform:scale(.52);filter:drop-shadow(0 0 0px transparent)}14.7%{opacity:1;transform:scale(2.1);filter:drop-shadow(0 0 10px #adffee) drop-shadow(0 0 22px #2debd9)}16.5%{opacity:.46;transform:scale(1.1);filter:drop-shadow(0 0 9px #7effea)}}
@keyframes fxR14I{0%,39%,45%,100%{fill:#f5fdff;filter:none}41.7%{fill:#41e9cd;filter:drop-shadow(0 0 12px #89ffdd) drop-shadow(0 0 24px #28d4f5)}43.1%{fill:#acfff3;filter:drop-shadow(0 0 8px #3be2da)}}
@keyframes fxR14A{0%,68%,74%,100%{fill:#f5fdff;filter:none}70.7%{fill:#41e9cd;filter:drop-shadow(0 0 12px #89ffdd) drop-shadow(0 0 24px #28d4f5)}72.1%{fill:#acfff3;filter:drop-shadow(0 0 8px #3be2da)}}

/* Overflow control and responsive adaptation. */
@media(max-width:1220px){
 .hero.shell{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr)!important}
 .hero-copy h1{font-size:clamp(2.8rem,5.2vw,4.8rem)!important}
 .service-card{grid-column:span 6!important}
 .service-card:last-child{grid-column:span 12!important}
 .usecase-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .service-card{min-height:310px!important}
}
@media(max-width:980px){
 .hero.shell{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto auto auto!important;min-height:0!important;row-gap:10px!important;padding-top:36px!important;padding-bottom:64px!important}
 .hero-copy{grid-row:1;grid-column:1;max-width:730px!important}
 .hero-visual{grid-row:2!important;grid-column:1!important;transform:none!important;height:min(63vw,570px)!important;min-height:360px!important;overflow:visible!important}
 .hero-visual .galaxy-zone{inset:-8% -3% -5% -3%!important}
 .hero-proof{grid-row:3;grid-column:1/-1}
 .hero-proof .proof{padding:16px 15px!important}
 .hero-proof .proof .fx-proof-icon{width:31px;height:31px}
 .hero-proof .proof-copy strong{font-size:15px!important}
 .hero-proof .proof-copy small{font-size:11px!important}
 .section-intro{grid-template-columns:1fr!important;gap:14px!important}
 .team-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .contact-layout{grid-template-columns:1fr!important}
 .fx-footer-r14-inner{grid-template-columns:1fr!important;gap:32px}
 .fx-footer-right{padding-left:0;border-left:0;border-top:1px solid rgba(71,230,214,.28);padding-top:27px}
}
@media(max-width:690px){
 html{scroll-padding-top:78px}
 .hero.shell{padding-top:24px!important;padding-bottom:47px!important}
 .hero-copy h1{font-size:clamp(2.45rem,10.2vw,4.1rem)!important}
 .hero-copy .hero-lead{font-size:14px!important}
 .hero-actions{gap:9px!important}
 .hero-actions .btn{flex:1;min-width:42%;font-size:11px!important;gap:8px;padding:11px 13px!important}
 .hero-visual{height:370px!important;min-height:310px!important}
 .hero-proof{grid-template-columns:1fr!important;gap:10px!important}
 .hero-proof .proof{padding:14px 16px!important}
 .section{padding-block:66px!important}
 .section-intro h2{font-size:clamp(1.9rem,8.1vw,2.8rem)!important}
 .service-card,.service-card:nth-child(n+5),.service-card:last-child{grid-column:span 12!important;min-height:0!important;padding:24px!important}
 .service-grid,.usecase-grid,.team-grid,.process-grid{grid-template-columns:1fr!important}
 .usecase{min-height:275px!important}
 .team-card{min-height:260px!important}
 .contact-section{padding-block:75px!important}
 .contact-form{padding:19px!important}
 .fx-contact-direct{align-items:flex-start;text-align:left}
 .fx-footer-r14-inner{padding-block:64px!important}
 .fx-footer-r14-bottom{flex-direction:column;gap:6px}
}
@media(prefers-reduced-motion:reduce){.fx-footer-nebula,.fx-cosmic-wordmark .fx-x-intersection,.fx-cosmic-wordmark .glyph-x,.fx-cosmic-wordmark .glyph-i-last,.fx-cosmic-wordmark .glyph-a-last{animation:none!important}}