@font-face{font-family:Oxanium;src:url('./fonts/oxanium.woff2') format('woff2');font-weight:200 800;font-display:swap}@font-face{font-family:Inter;src:url('./fonts/inter.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--bg:#05090d;--paper:#e8ecec;--muted:#a3b2b9;--cyan:#a5f8ff;--line:#26343c;--display:Oxanium,Arial,sans-serif;--body:Inter,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--paper);font:15px/1.6 var(--body);overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid #a5f8ff;outline-offset:6px}h1,h2,h3,h4,p{margin:0}button{color:inherit}.skip{position:fixed;top:-100px;left:20px;padding:10px;background:#a5f8ff;color:#05090d;z-index:100}.skip:focus{top:10px}.review-note{padding:6px 5%;display:flex;justify-content:space-between;gap:14px;color:#a6b6be;background:#101a22;border-bottom:1px solid #25323b;font-size:9px;letter-spacing:.15em}.nav{height:88px;display:flex;justify-content:space-between;align-items:center;padding:0 5%;position:relative;z-index:10;border-bottom:1px solid #ffffff0b}.brand{font:650 26px/1 var(--display);letter-spacing:-1.5px}.brand span{color:var(--cyan)}.nav nav{display:flex;align-items:center;gap:35px;font-size:12px}.nav-cta{border:1px solid #68767c;padding:11px 17px}.nav-cta span{margin-left:20px}
.hero{position:relative;min-height:780px;height:calc(100svh - 116px);max-height:1050px;isolation:isolate;padding:72px 5% 100px;overflow:hidden;background:radial-gradient(ellipse at 78% 45%,#15303955,transparent 55%)}.hero-text{position:relative;z-index:3;max-width:620px;pointer-events:none}.hero-text a{pointer-events:auto}.eyebrow{font-size:10px;letter-spacing:.17em;font-weight:600;color:var(--cyan);display:flex;gap:10px;align-items:center}.eyebrow i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 16px #4de7ff}.hero h1{font:600 clamp(64px,7.3vw,112px)/1.03 var(--display);letter-spacing:-.035em;margin-top:28px}.hero h1 em{font-style:normal;color:var(--cyan);background:linear-gradient(120deg,#c9fcff 8%,#83d8e9 50%,#879ca9 88%);background-clip:text;-webkit-text-fill-color:transparent}.hero-lead{font-size:16px;line-height:1.7;color:#b2c1c9;max-width:410px;margin-top:32px}.hero-actions{margin-top:30px;display:flex;gap:25px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:16px 22px;font-size:12px;font-weight:650;border:1px solid #a5f8ff}.primary{color:#061316;background:#a5f8ff;box-shadow:0 0 0 #a5f8ff;transition:box-shadow .25s,transform .25s}.primary:hover{box-shadow:0 0 30px #a5f8ff28;transform:translateY(-3px)}.text-link{font-size:11px;border-bottom:1px solid #586c75;padding-bottom:4px}.scene-wrap{position:absolute;z-index:1;width:64%;height:100%;right:-4%;top:0;pointer-events:none}.scene-wrap::before{content:'';position:absolute;left:6%;right:6%;top:24%;bottom:9%;background:radial-gradient(ellipse,#20485942,transparent 65%);filter:blur(15px)}#scene{width:100%;height:100%;position:relative;pointer-events:auto}.scene-label{position:absolute;z-index:2;padding-left:14px;border-left:1px solid #6d959d}.scene-label span{font-size:9px;letter-spacing:.16em;color:#a5f8ff}.scene-label b{display:block;font:400 11px var(--body);color:#aebec5;margin-top:5px}.label-a{top:17%;left:29%}.label-b{bottom:20%;right:19%}.coordinate{position:absolute;right:14%;top:18%;font-size:8px;letter-spacing:.1em;color:#667b88;text-align:right}.hero-bottom{position:absolute;bottom:28px;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;color:#99aeb7;font-size:9px;letter-spacing:.06em;z-index:4}.hero-bottom button{background:transparent;color:#a5bbc4;border:1px solid #435860;padding:8px 12px;font-size:10px}.hero-bottom a span{font-size:18px;padding-left:20px}.platform-line{display:flex;align-items:center;justify-content:space-between;gap:20px;border-block:1px solid var(--line);padding:24px 5%;font-size:8px;letter-spacing:.12em}.platform-line p{font:400 21px var(--display);letter-spacing:-1px}.platform-line p b{font-weight:300;color:#5e747d;margin:0 18px}.platform-line>span{max-width:190px;color:#9badb7}
.section-pad{padding:120px 5%}.section-heading h2,.deployment-title h2{font:500 clamp(34px,4.4vw,64px)/1.13 var(--display);letter-spacing:-.025em;margin-top:23px}.section-heading h2>span,.deployment-title h2>span{color:#768e9a}.section-heading>p:last-child{max-width:560px;color:#b1c1c9;margin-top:25px}.experience{background:radial-gradient(ellipse at 92% 65%,#08202e66,transparent 60%)}.experience-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:55px;margin-top:64px;align-items:center}.path-option{display:flex;align-items:flex-start;text-align:left;gap:24px;width:100%;padding:28px 0;border:0;border-top:1px solid #293740;background:transparent}.path-option>span{font-size:10px;color:#9cb2bf;padding-top:4px}.path-option h3{font:500 23px var(--display);letter-spacing:-.8px}.path-option p{font-size:13px;color:#90a6b3;max-width:280px;margin-top:10px}.path-option>b{margin-left:auto;font-size:25px;font-weight:400;color:#7f939e;transition:transform .3s}.path-option.active h3,.path-option.active>b{color:#a5f8ff}.path-option.active>b{transform:rotate(45deg)}.flow-stage{min-height:490px;border:1px solid #33414a;background:linear-gradient(145deg,#101d28,#081018 60%);position:relative;padding:25px;overflow:hidden}.stage-meta{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.16em;color:#acc2cf}.stage-meta>span:last-child{color:#a5f8ff}.flow-space{position:relative;height:345px;perspective:850px;transform-style:preserve-3d}.flow-floor{position:absolute;width:80%;height:80%;left:8%;bottom:-9%;background:linear-gradient(90deg,#617c8e17 1px,transparent 1px),linear-gradient(#617c8e17 1px,transparent 1px);background-size:30px 30px;transform:rotateX(62deg) rotateZ(-20deg)}.flow-card{position:absolute;width:225px;background:linear-gradient(135deg,#213e50,#101f2d);border:1px solid #7eacbf66;padding:22px;box-shadow:14px 24px 35px #0008;transform:rotateY(-18deg) rotateX(9deg);transition:transform .65s,opacity .35s}.flow-card>span{font-size:8px;color:#83d6e9;letter-spacing:.15em}.flow-card h4{font:400 16px/1.35 var(--display);margin-top:8px;max-width:170px}.card-one{top:40px;left:0;z-index:1}.card-two{top:118px;left:27%;z-index:2;background:linear-gradient(135deg,#2b5362,#162e3b)}.card-three{top:204px;right:0;z-index:3;background:linear-gradient(135deg,#9de4e8,#609aa7);color:#0b222c;border-color:#b7faff}.card-three>span{color:#183f4d}.flow-stage.changing .flow-card{transform:rotateY(12deg) rotateX(-8deg) translateY(9px)}.flow-connector{position:absolute;width:70%;left:13%;top:49%;height:1px;background:#87e9ff;transform:rotate(28deg);box-shadow:0 0 12px #87e9ff}.mini-wave{display:flex;align-items:center;gap:3px;height:25px;margin-top:12px}.mini-wave i{display:block;background:#75bdd0;width:3px;height:9px}.mini-wave i:nth-child(2n){height:23px}.mini-wave i:nth-child(3n){height:15px}.mini-rows{display:grid;gap:5px;margin-top:14px}.mini-rows i{height:3px;width:90%;background:#74949f}.mini-rows i:nth-child(2){width:60%}.mini-rows i:nth-child(3){width:75%}.mini-check{position:absolute;right:15px;bottom:15px;font-size:23px}#flow-caption{font-size:11px;color:#a1b5c0;line-height:1.6;max-width:480px;margin-top:23px}
.capabilities{background:#0d151c;border-block:1px solid #2c3b45}.bento{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:16px;margin-top:50px}.cap{background:#15232d;min-height:430px;position:relative;padding:28px;display:flex;flex-direction:column;overflow:hidden;border:1px solid #3c5260;transition:transform .35s,border-color .35s}.cap:hover{transform:translateY(-7px);border-color:#a5f8ff}.cap-index{font-size:8px;letter-spacing:.13em;color:#a6c4d2}.cap h3{font:450 28px/1.13 var(--display);letter-spacing:-1px}.cap p{font-size:12px;line-height:1.7;color:#a7b9c4;margin-top:16px;max-width:280px}.cap-large{background:linear-gradient(145deg,#1b4150,#0c1e28);justify-content:space-between}.cap-large h3{font-size:36px}.cap-arrow{position:absolute;right:22px;bottom:22px;font-size:23px}.cap-light{background:#dae7e7;color:#122733}.cap-light .cap-index,.cap-light p{color:#365365}.layer-sculpture{height:130px;position:relative;perspective:500px;margin:25px 0}.layer-sculpture i{position:absolute;width:150px;height:85px;left:50%;margin-left:-65px;background:linear-gradient(135deg,#416c7a,#9dcfd6 43%,#34525e);border:1px solid #badce5;box-shadow:0 14px 19px #0005;transform:rotateX(50deg) rotateZ(-30deg);transition:transform .5s;top:0}.layer-sculpture i:nth-child(2){top:20px}.layer-sculpture i:nth-child(3){top:40px}.layer-sculpture i:nth-child(4){top:60px}.cap-large:hover .layer-sculpture i:nth-child(1){transform:rotateX(40deg) rotateZ(-40deg) translateY(-25px)}.cap-large:hover .layer-sculpture i:nth-child(2){transform:rotateX(45deg) rotateZ(-33deg) translateY(-12px)}.orbit-icon{height:205px;position:relative;display:grid;place-items:center;font:300 90px var(--body);color:#7cd8e9}.orbit-icon i{position:absolute;width:135px;height:135px;border:1px solid #709dae;border-radius:50%;transform:rotateX(50deg) rotateY(-20deg);box-shadow:0 0 0 18px #43637422,0 0 0 35px #43637411}.orbit-icon b{font-weight:200}.window-icon{height:205px;display:grid;align-content:center;gap:10px;transform:perspective(600px) rotateY(-20deg)}.window-icon i{height:12px;background:#819ca7;width:100%;border-radius:2px}.window-icon b{height:28px;background:linear-gradient(90deg,#527082,#b1c5ce);width:85%}.window-icon b:last-child{width:60%}.cap-foot{font-size:11px;color:#a7bbc6;margin-top:28px;text-align:center}
.deployment{background:radial-gradient(ellipse at 50% 100%,#14354266,transparent 65%)}.deployment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;margin-top:65px}.deployment-grid article{border-top:1px solid #465e6c;padding-top:24px}.deployment-grid article>span{font-size:10px;color:#90b4c8}.deployment-grid h3{font:500 45px var(--display);letter-spacing:-2px;margin-top:20px}.deployment-grid p{font-size:13px;color:#a5b9c4;max-width:300px;margin-top:15px}.closing{background:#c4e9ec;color:#0c242f;position:relative}.closing .eyebrow{color:#305a6a}.closing h2{font:500 clamp(55px,8vw,120px)/1.06 var(--display);letter-spacing:-.035em;margin:25px 0 50px}.closing h2>span{color:#416f7c}.closing>div{display:flex;align-items:center;justify-content:space-between;gap:30px}.closing .primary{background:#102e3c;border-color:#102e3c;color:#dcf8ff}.closing p{font-size:14px}footer{padding:50px 5%;display:flex;gap:25px;align-items:center;justify-content:space-between}footer p,footer>a:last-child{font-size:11px;color:#a3b8c4}.prototype-note{font-size:10px;color:#94a8b4;padding:0 5% 25px}.js-ready .reveal{opacity:.2;transform:translateY(35px);transition:opacity .8s,transform .8s}.js-ready .reveal.visible{opacity:1;transform:translateY(0)}
@media(min-width:1600px){.hero-text{max-width:750px}.hero{padding-top:110px}}
@media(max-width:1000px){.hero h1{font-size:80px}.hero-text{max-width:550px}.scene-wrap{right:0;width:100%;height:580px;top:auto;bottom:40px;opacity:1}.hero{height:auto;min-height:1190px;padding-top:45px;background:radial-gradient(ellipse at 70% 70%,#0b32465e,transparent 65%)}.hero-lead{max-width:350px}.scene-label{display:none}.experience-grid{grid-template-columns:1fr;gap:30px}.path-options{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.path-option{gap:8px;padding:20px 0}.path-option h3{font-size:17px}.path-option>span,.path-option>b{display:none}.flow-stage{max-width:750px;width:100%;margin:auto}.flow-space{max-width:550px;margin:auto}.bento{grid-template-columns:1fr 1fr}.cap-large{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;min-height:300px}.cap-large .cap-index{grid-column:span 2}.layer-sculpture{grid-row:2;grid-column:2;margin:0}.cap-large>div:last-of-type{grid-row:2;grid-column:1}.deployment-grid{gap:25px}}
@media(max-width:650px){.review-note{font-size:7px}.review-note span{display:none}.nav{height:74px}.brand{font-size:23px}.nav nav>a:not(:last-child){display:none}.nav-cta{font-size:10px;padding:8px 11px}.nav-cta span{margin-left:8px}.hero{height:auto;min-height:940px;padding-top:45px;padding-bottom:100px}.hero h1{font-size:clamp(48px,14.8vw,85px)}.hero-text{max-width:100%}.hero-lead{font-size:14px;max-width:335px;margin-top:24px}.hero-actions{gap:19px;margin-top:25px}.hero-actions .button{padding:13px 17px}.hero-actions .text-link{display:block}.scene-wrap{height:480px;width:130%;right:-15%;top:auto;bottom:26px;opacity:1}.coordinate{right:22%;top:32%;font-size:7px}.hero-bottom{bottom:20px;font-size:8px}.hero-bottom>p{display:none}.hero-bottom button{font-size:9px}.platform-line{padding:23px 5%}.platform-line>span{display:none}.platform-line p{font-size:19px}.section-pad{padding:75px 5%}.section-heading h2,.deployment-title h2{font-size:clamp(31px,7.5vw,47px)}.section-heading>p:last-child{font-size:13px}.experience-grid{margin-top:30px}.path-options{display:block}.path-option{padding:20px 0;gap:17px}.path-option h3{font-size:20px}.path-option p{font-size:12px}.path-option>span,.path-option>b{display:block}.flow-stage{padding:16px;min-height:440px}.stage-meta{font-size:7px}.flow-space{height:320px}.flow-card{width:185px;padding:16px}.flow-card h4{font-size:13px;max-width:125px}.card-one{top:30px}.card-two{top:120px;left:13%}.card-three{top:211px}.flow-card>span{font-size:7px}#flow-caption{font-size:10px;margin-top:18px}.bento{grid-template-columns:1fr}.cap-large{grid-column:auto;display:flex;min-height:420px}.layer-sculpture{margin:15px 0}.cap-large .cap-index{grid-column:auto}.cap{min-height:380px}.cap-large h3{font-size:34px}.orbit-icon,.window-icon{height:175px}.cap-foot{text-align:left;line-height:1.8}.deployment-grid{grid-template-columns:1fr;gap:35px;margin-top:40px}.deployment-grid h3{font-size:35px;margin-top:10px}.deployment-grid p{max-width:none}.closing h2{font-size:clamp(47px,10vw,70px);margin-bottom:30px}.closing>div{display:block}.closing .button{margin-top:22px}footer{flex-wrap:wrap}footer .brand{width:100%}.prototype-note{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js-ready .reveal{opacity:1;transform:none}}
body.motion-paused *,body.motion-paused *::before,body.motion-paused *::after{animation-play-state:paused!important}

/* Oxanium: titulares e interfaz; Inter: lectura continua. */
.eyebrow,.button,.nav nav,.cap-index,.stage-meta{font-family:var(--display)}.brand{letter-spacing:-.7px}.button{font-size:13px}.nav nav{font-size:13px}