@import url("fonts.css");
:root{--bg:#080c10;--panel:#10171c;--line:#263238;--muted:#9ba9b2;--text:#eef4f4;--cyan:#56f5e5;--lime:#d4ff53}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--text);font-family:'Space Grotesk',Arial,sans-serif}a{color:inherit;text-decoration:none}button,summary,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:6px}::selection{background:var(--lime);color:var(--bg)}.wrap{max-width:1360px;width:calc(100% - 112px);margin:auto}.noise{position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}.skip{position:fixed;top:-100px;background:var(--lime);color:#000;padding:15px;z-index:50}.skip:focus{top:0}header{height:100px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 56px;background:#080c10ed;position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.brand{font-size:53px;letter-spacing:-6px;font-weight:700;display:flex;align-items:center;line-height:1}.brand>span{color:var(--cyan)}.brand small{letter-spacing:3px;font-size:14px;margin-left:20px;line-height:1.6}.brand small span{display:block;color:var(--muted);font-size:7px;letter-spacing:1px}nav{display:flex;align-items:center;gap:34px;font-size:13px}nav a:hover,.text-link:hover{color:var(--cyan)}.nav-support{border:1px solid #576350;padding:13px 20px;color:var(--lime)}.menu{display:none}.eyebrow,.label,.hero-foot,.scene-top,.scene-bottom,.node,.card-num,.solution button,footer,.button,.download small,.about-art>span,.about-art>small{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:1px}.eyebrow{color:var(--cyan);display:flex;align-items:center;gap:10px;line-height:1.7}.eyebrow i{width:6px;height:6px;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.hero{display:grid;grid-template-columns:1.08fr 1fr;min-height:700px;align-items:center;padding-top:45px;padding-bottom:30px;gap:15px}h1{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-size:clamp(75px,7.9vw,125px);line-height:.96;letter-spacing:-2px;text-transform:uppercase;margin:24px 0}.outline{-webkit-text-stroke:1px var(--cyan);color:transparent}.dot{color:var(--lime)}.intro{color:var(--muted);max-width:430px;font-size:16px;line-height:1.8}.actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:30px}.button{background:var(--lime);color:#0b1004;font-weight:600;display:inline-flex;justify-content:space-between;gap:25px;padding:19px 23px;clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);transition:background .2s}.button:hover{background:var(--cyan)}.text-link{font-size:12px;display:inline-block}.hero-foot{border-top:1px solid var(--line);margin-top:42px;padding-top:20px;display:flex;justify-content:space-between;gap:15px;color:#74838d;font-size:8px}.core-scene{position:relative;aspect-ratio:1;isolation:isolate;background:radial-gradient(ellipse,#123c3d66,transparent 65%);background-size:auto;overflow:hidden}.core-scene:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#3c6f7222 1px,transparent 1px),linear-gradient(90deg,#3c6f7222 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(circle,#000,transparent 70%)}.scene-top,.scene-bottom{position:absolute;left:15px;right:15px;display:flex;justify-content:space-between;font-size:8px;color:#849b9d}.scene-top{top:25px}.scene-top span{color:var(--lime)}.scene-bottom{bottom:18px}.orbital{position:absolute;top:50%;left:50%;border:1px solid #56f5e544;border-radius:50%;transform:translate(-50%,-50%) rotate(-30deg);width:78%;height:78%;box-shadow:0 0 40px #56f5e507}.orbit-one{border-style:dashed;animation:spin 60s linear infinite}.orbit-two{width:90%;height:41%;border-color:#56f5e555;transform:translate(-50%,-50%) rotate(-35deg)}.orbit-three{height:90%;width:44%;transform:translate(-50%,-50%) rotate(-35deg);border-color:#d4ff5344}.core{position:absolute;left:50%;top:50%;width:43%;aspect-ratio:1;transform:translate(-50%,-50%) rotate(30deg);border:1px solid var(--cyan);background:linear-gradient(135deg,#287e7e77,#08161ceb);box-shadow:0 0 70px #56f5e526,inset 0 0 50px #56f5e522;clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%);display:grid;place-items:center;animation:pulse 5s ease-in-out infinite}.core-inner{transform:rotate(-30deg);font-size:70px;font-weight:700;letter-spacing:-8px}.core-inner span{color:var(--cyan)}.core-inner small{font-family:monospace;display:block;letter-spacing:4px;font-size:8px;text-align:center;color:var(--cyan);margin-top:3px}.wires{position:absolute;inset:0;width:100%;height:100%;z-index:-1;fill:var(--cyan);stroke:var(--cyan);stroke-width:1}.wires path{fill:none;opacity:.45}.node{position:absolute;font-size:8px;background:#0d191b;border:1px solid #355258;padding:10px;box-shadow:0 0 20px #000}.node b{color:var(--lime);margin-right:10px}.node-1{top:18%;left:7%}.node-2{top:34%;right:0}.node-3{bottom:17%;right:2%}.crosshair{position:absolute;color:var(--cyan);font-size:22px;font-weight:300}.c1{top:12%;right:15%}.c2{bottom:18%;left:15%}.ticker{overflow:hidden;background:var(--lime);color:#101800;padding:16px 0;transform:rotate(-1deg);margin:27px 0 0}.ticker div{white-space:nowrap;word-spacing:25px;font-size:13px;font-weight:700;letter-spacing:2px;text-align:center}.ticker span{font-size:20px}.section{padding-top:105px;padding-bottom:105px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:40px}h2{font-size:clamp(32px,3.8vw,56px);line-height:1.08;letter-spacing:-2px;font-weight:500;margin:18px 0 24px}h2>span:not(.dot){color:var(--muted)}.section-heading>p{color:var(--muted);max-width:340px;font-size:14px;line-height:1.8}.solutions{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--line)}.solution{position:relative;border:1px solid var(--line);border-left:0;padding:27px 24px;background:linear-gradient(130deg,#111b21,#0b1014);transition:transform .2s,border-color .2s}.solution:hover{transform:translateY(-6px);border-top-color:var(--cyan)}.card-num{color:var(--muted);display:block}.icon{font-size:45px;color:var(--cyan);display:block;margin:35px 0 26px;line-height:1}h3{font-size:20px;font-weight:500;letter-spacing:-.5px}.solution p{font-size:13px;line-height:1.8;color:var(--muted);min-height:120px}.solution button{border:0;border-top:1px solid var(--line);background:none;width:100%;padding:23px 0 0;text-align:left;font-size:8px;color:var(--cyan)}.solution button span{float:right;font-size:15px}.services{background:#0d1318;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.services-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:90px}.muted{color:var(--muted);line-height:1.8;font-size:14px}.services .text-link{margin-top:20px;color:var(--lime)}details{border-bottom:1px solid var(--line);padding:23px 0}summary{cursor:pointer;display:flex;gap:22px;align-items:center;list-style:none;font-size:21px}summary::-webkit-details-marker{display:none}summary span{font-family:monospace;color:var(--cyan);font-size:10px}summary b{margin-left:auto;font-weight:400;color:var(--cyan)}details[open] summary b{transform:rotate(45deg)}details p{color:var(--muted);font-size:14px;line-height:1.8;padding-left:36px;max-width:500px}.about{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.about-art{border:1px solid #32433d;min-height:340px;padding:28px;position:relative;overflow:hidden;background:repeating-linear-gradient(0deg,transparent 0,transparent 29px,#d4ff5310 30px),repeating-linear-gradient(90deg,transparent 0,transparent 29px,#d4ff5310 30px),radial-gradient(ellipse at bottom left,#394b1f55,transparent)}.about-art>span{color:var(--lime);line-height:1.8}.big-a{font-size:150px;font-weight:700;letter-spacing:-15px;color:var(--lime);line-height:1.3}.big-a span{font-size:95px;float:right;letter-spacing:0}.about-art>small{font-size:8px;color:var(--muted)}.about>div>p:not(.eyebrow){font-size:14px;line-height:1.9}.about .text-link{margin-top:20px;color:var(--cyan)}.support{display:grid;grid-template-columns:1.3fr 1fr;gap:65px;padding:48px;border:1px solid #4f6041;background:linear-gradient(110deg,#1b2515,#101810 70%);position:relative}.support:before{content:'';position:absolute;width:50px;height:3px;top:-2px;left:48px;background:var(--lime)}.support h2{font-size:36px}.support p:not(.eyebrow){max-width:430px;line-height:1.8;font-size:13px;color:var(--muted)}.support .eyebrow{color:var(--lime)}.support-actions{align-self:center}.download{display:flex;gap:18px;align-items:center;border-bottom:1px solid #43503b;padding:25px 5px}.download>span{font-size:30px;color:var(--lime)}.download div{font-size:21px}.download small{display:block;font-size:8px;color:var(--muted);margin-top:6px}.download b{margin-left:auto;color:var(--lime);font-size:25px}.download:hover{background:#d4ff530a}.contact h2{font-size:clamp(46px,6vw,90px)}.contact h2>a{float:right;color:var(--lime);border:1px solid #52613b;width:100px;height:100px;text-align:center;font-size:75px;line-height:1.2}.contact-grid{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:25px;margin-top:50px;border-top:1px solid var(--line);padding-top:30px}.label{display:block;color:var(--cyan);font-size:9px;margin-bottom:15px}.contact-grid a{font-size:14px;line-height:1.8}.contact-grid a:hover{color:var(--lime)}footer{padding-top:30px;padding-bottom:35px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--muted);font-size:8px}footer .brand{font-size:35px;letter-spacing:-4px;color:var(--text)}footer .brand small{font-size:9px;letter-spacing:2px;margin-left:15px}footer button{border:0;background:none;font:inherit;color:inherit}dialog{background:#101b22;color:var(--text);border:1px solid var(--cyan);padding:40px;max-width:600px;width:calc(100% - 36px)}dialog::backdrop{background:#02080be8;backdrop-filter:blur(6px)}dialog h2{font-size:34px}dialog>p:not(.eyebrow){color:var(--muted);line-height:1.9;font-size:14px}dialog .button{margin-top:20px}.close{position:absolute;top:10px;right:15px;font-size:30px;border:0;background:transparent;color:var(--cyan)}@keyframes spin{to{transform:translate(-50%,-50%) rotate(330deg)}}@keyframes pulse{50%{filter:brightness(1.3)}}
@media(min-width:1600px){.hero{min-height:780px}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}header{padding:0 32px}nav{gap:20px}.hero{min-height:620px}.hero-foot{font-size:6px}.solutions{grid-template-columns:repeat(2,1fr)}.solution p{min-height:65px}.services-layout,.about{gap:45px}.support{gap:30px}.big-a{font-size:110px}.big-a span{font-size:70px}.contact-grid{grid-template-columns:1fr 1fr}.contact-grid>div:last-child{grid-column:1/-1}}@media(max-width:760px){.wrap{width:calc(100% - 40px)}header{height:78px;padding:0 20px}.brand{font-size:43px}.brand small{font-size:11px;letter-spacing:2px;margin-left:15px}.brand small span{font-size:6px}.menu{display:block;border:1px solid var(--line);background:transparent;padding:10px;font-family:monospace;font-size:10px}.menu span{color:var(--cyan)}nav{display:none;position:absolute;top:77px;left:0;right:0;background:#0c1419;padding:25px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--cyan)}nav.open{display:flex}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:35px;gap:0}.hero .eyebrow{font-size:8px}h1{font-size:86px}.intro{font-size:14px}.hero-foot{font-size:7px;line-height:1.8}.core-scene{max-width:480px;width:100%;align-self:center;margin-top:15px}.actions{gap:23px}.ticker{margin-top:10px}.ticker div{font-size:10px}.section{padding-top:65px;padding-bottom:65px}.section-heading{display:block;margin-bottom:25px}.section-heading>p{max-width:none}.solutions{grid-template-columns:1fr 1fr}.solution{padding:20px 16px}.solution h3{font-size:18px}.solution p{font-size:12px;min-height:145px}.solution button{font-size:7px}.icon{margin:25px 0}.services-layout,.about,.support{grid-template-columns:1fr;gap:25px}.services-layout h2 br:nth-child(2){display:none}summary{font-size:18px;gap:15px}.about-art{min-height:300px;order:2}.big-a{font-size:130px}.support{padding:25px}.support h2{font-size:32px}.contact h2>a{width:55px;height:55px;font-size:42px;margin-top:10px}.contact-grid{grid-template-columns:1fr;gap:28px}.contact-grid>div:last-child{grid-column:auto}footer{flex-wrap:wrap;justify-content:space-between}footer>span{width:45%;text-align:right}footer>a:last-child{font-size:7px}h2{letter-spacing:-1px}.contact h2{font-size:44px}}@media(max-width:370px){h1{font-size:74px}.solutions{grid-template-columns:1fr}.solution p{min-height:0}.contact h2{font-size:36px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Identidad corporativa original, adaptada al fondo oscuro mediante CSS. */
header .brand-official{display:flex;align-items:center;flex-shrink:0;letter-spacing:normal}header .brand-official img{display:block;width:285px;height:auto;max-width:100%;filter:brightness(0) saturate(100%) invert(88%) sepia(32%) saturate(917%) hue-rotate(104deg) brightness(103%) contrast(94%);transition:filter .2s}header .brand-official:hover img{filter:brightness(0) invert(1) drop-shadow(0 0 8px #56f5e555)}@media(max-width:1100px){header .brand-official img{width:240px}}@media(max-width:760px){header .brand-official img{width:215px}}@media(max-width:370px){header .brand-official img{width:185px}}
/* Motion system */
#network-fx{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.65}body{isolation:isolate}#scroll-progress{position:fixed;left:0;top:0;height:2px;width:100%;transform:scaleX(0);transform-origin:left;background:var(--cyan);box-shadow:0 0 16px var(--cyan);z-index:40;pointer-events:none}.ambient{position:fixed;width:45vw;height:45vw;border-radius:50%;filter:blur(100px);opacity:.08;z-index:-1;pointer-events:none}.ambient-a{background:var(--cyan);top:10%;right:-25%;animation:ambient 18s ease-in-out infinite alternate}.ambient-b{background:var(--lime);bottom:-30%;left:-20%;animation:ambient 24s ease-in-out infinite alternate-reverse}.hero-copy{position:relative;z-index:1}h1{animation:hero-in 1s cubic-bezier(.2,.65,.3,1) both}.outline{position:relative;text-shadow:2px 0 30px #56f5e520;animation:title-glow 7s ease-in-out infinite}.hero .intro{animation:hero-in 1.1s .12s both}.hero .actions{animation:hero-in 1.2s .2s both}.core-scene{perspective:900px;transition:transform .3s ease-out}.radar-sweep{position:absolute;inset:12%;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,transparent 285deg,#56f5e528 350deg,transparent 360deg);animation:radar 9s linear infinite;mask-image:radial-gradient(circle,transparent 30%,#000 32%,#000 69%,transparent 71%)}.pulse-ring{position:absolute;inset:30%;border:1px solid #56f5e577;border-radius:50%;animation:signal 4s ease-out infinite;pointer-events:none}.pulse-delay{animation-delay:2s}.orbit-two{animation:orbit-wobble 12s ease-in-out infinite alternate}.orbit-three{animation:orbit-wobble-alt 15s ease-in-out infinite alternate}.wires path{stroke-dasharray:7 11;animation:data-flow 5s linear infinite}.wires circle{animation:node-light 3s ease-in-out infinite}.node{animation:node-float 5s ease-in-out infinite}.node-2{animation-delay:-2s}.node-3{animation-delay:-3s}.core-inner{text-shadow:0 0 30px #56f5e544}.ticker div{width:max-content;min-width:200%;text-align:left;animation:marquee 35s linear infinite}.ticker:hover div{animation-play-state:paused}.button{position:relative;overflow:hidden;box-shadow:0 0 30px #d4ff5315}.button:before{content:'';position:absolute;inset:-100% auto -100% -40%;width:20%;background:#fff6;transform:rotate(25deg);animation:button-shine 7s ease-in-out infinite}.button:hover{box-shadow:0 0 35px #56f5e53a}.solution{overflow:hidden;transform-style:preserve-3d}.solution:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(250px circle at var(--mx,50%) var(--my,0%),#56f5e51a,transparent 80%);opacity:0;transition:opacity .3s}.solution:hover:before{opacity:1}.solution:hover .icon{transform:translateY(-5px);text-shadow:0 0 25px var(--cyan)}.icon{transition:transform .3s,text-shadow .3s}.solution button:hover{color:var(--lime)}.download{transition:background .2s,transform .2s}.download:hover{transform:translateX(8px)}.download:hover>b{animation:arrow-nudge .8s ease-in-out infinite alternate}.about-art:after{content:'';position:absolute;left:0;right:0;top:-20%;height:35%;pointer-events:none;background:linear-gradient(transparent,#d4ff5315,transparent);animation:scan 7s linear infinite}.support{overflow:hidden}.support:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 25%,#d4ff5308 45%,transparent 60%);background-size:250% 100%;animation:panel-shine 9s ease-in-out infinite}.reveal-ready{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.65,.3,1);transition-delay:var(--delay,0ms)}.reveal-ready.is-visible{opacity:1;transform:translateY(0)}.nav-active{color:var(--cyan)}dialog[open]{animation:hero-in .25s ease-out}body:has(dialog[open]){overflow:hidden}
@keyframes ambient{to{transform:translate(-20vw,15vh) scale(1.3)}}@keyframes hero-in{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes title-glow{50%{text-shadow:3px 0 45px #56f5e54a}}@keyframes radar{to{transform:rotate(360deg)}}@keyframes signal{from{transform:scale(.75);opacity:.8}to{transform:scale(2.2);opacity:0}}@keyframes data-flow{to{stroke-dashoffset:-180}}@keyframes node-light{50%{opacity:.3}}@keyframes node-float{50%{transform:translateY(-9px);border-color:#56f5e588;box-shadow:0 0 20px #56f5e51a}}@keyframes orbit-wobble{to{transform:translate(-50%,-50%) rotate(20deg) scale(.92)}}@keyframes orbit-wobble-alt{to{transform:translate(-50%,-50%) rotate(-75deg) scale(1.05)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes button-shine{0%,70%{left:-40%}100%{left:140%}}@keyframes scan{to{top:120%}}@keyframes panel-shine{50%{background-position:100% 0}}@keyframes arrow-nudge{to{transform:translate(3px,-3px)}}
@media(max-width:760px){.ambient{display:none}#network-fx{opacity:.35}.core-scene{transform:none!important}.ticker div{animation-duration:28s}}
@media(prefers-reduced-motion:reduce){.reveal-ready{opacity:1;transform:none}#network-fx,.ambient,.radar-sweep,.pulse-ring{display:none}*,*:before,*:after{animation:none!important;transition:none!important}}

.ticker div{min-width:0;white-space:nowrap}.core-scene .core{will-change:filter}dialog .button[hidden]{display:none}

/* Microsoft 365: bloque comercial */
.cloud-commercial{display:grid;grid-template-columns:1fr 1.1fr;gap:75px;align-items:center;padding-top:0}.cloud-visual{position:relative;min-height:365px;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;border:1px solid #2d514e;background:radial-gradient(ellipse at center,#56f5e512,transparent 70%),#0d151a}.cloud-grid{position:absolute;inset:-50%;background-image:linear-gradient(#56f5e51a 1px,transparent 1px),linear-gradient(90deg,#56f5e51a 1px,transparent 1px);background-size:40px 40px;transform:perspective(400px) rotateX(55deg);animation:cloud-drift 20s linear infinite}.office-mark{display:grid;grid-template-columns:1fr 1fr;gap:5px;width:50px;height:50px;position:relative;transform:rotate(-8deg);margin-bottom:10px}.office-mark span{background:var(--cyan);box-shadow:0 0 25px #56f5e522}.office-mark span:nth-child(2),.office-mark span:nth-child(3){background:var(--lime)}.cloud-word{position:relative;font-family:'Barlow Condensed',Impact,sans-serif;font-size:120px;font-weight:700;line-height:1;color:var(--cyan);text-shadow:0 0 40px #56f5e530}.cloud-word>span{display:block;font:8px 'IBM Plex Mono',monospace;letter-spacing:2px;margin:15px 0 25px;color:var(--muted)}.cloud-chips{display:flex;gap:8px;position:relative;flex-wrap:wrap;justify-content:center}.cloud-chips>span{font:8px 'IBM Plex Mono',monospace;letter-spacing:1px;padding:9px;border:1px solid #385552;background:#0d191b;color:var(--cyan)}.cloud-lead{font-size:18px;line-height:1.6}.cloud-commercial .button{margin-top:15px;font-size:9px}.service-list p .text-link{display:block;margin-top:12px}@keyframes cloud-drift{to{background-position:0 160px,0 160px}}@media(max-width:760px){.cloud-commercial{grid-template-columns:1fr;gap:30px}.cloud-visual{min-height:300px}.cloud-commercial>div:last-child{grid-row:1}.cloud-commercial .button{font-size:8px;gap:12px}.cloud-lead{font-size:16px}}@media(prefers-reduced-motion:reduce){.cloud-grid{animation:none}}

/* Recurso oficial de Microsoft: sin recolorear ni distorsionar. */
.m365-official{display:block;position:relative;width:128px;height:128px;object-fit:contain;margin:0 0 24px}.cloud-product-name{font-family:'Space Grotesk',Arial,sans-serif;font-size:32px;font-weight:500;color:var(--text);text-shadow:none;letter-spacing:-1px;text-align:center}.cloud-product-name>span{letter-spacing:2px;margin-top:20px}@media(max-width:760px){.m365-official{width:105px;height:105px}.cloud-product-name{font-size:28px}}

.cookie-notice[hidden]{display:none}.cookie-notice{position:fixed;bottom:24px;left:24px;z-index:60;max-width:470px;width:calc(100% - 48px);padding:28px;border:1px solid #56f5e58a;background:#101b22fa;box-shadow:0 20px 80px #0009,0 0 30px #56f5e512;backdrop-filter:blur(16px);animation:hero-in .4s ease-out;max-height:calc(100dvh - 48px);overflow-y:auto}.cookie-notice h2{font-size:30px;letter-spacing:-1px;margin:14px 0}.cookie-notice>p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.8}.cookie-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:20px}.cookie-actions>button{border:0}.cookie-actions>a{font-size:11px;color:var(--cyan)}footer{flex-wrap:wrap}@media(max-width:760px){.cookie-notice{left:12px;bottom:12px;width:calc(100% - 24px);padding:23px}}


/* Orbital photographic universe */
.service-universe{position:relative;overflow:hidden;background:#090e13;border-block:1px solid #26323866}.universe-stage{height:800px;position:relative;isolation:isolate;overflow:hidden;max-width:2000px;margin:auto;background:radial-gradient(ellipse at center,#15333633,transparent 67%)}.universe-grid{position:absolute;inset:0;background-image:radial-gradient(#56f5e544 1px,transparent 1px);background-size:55px 55px;opacity:.18;mask-image:radial-gradient(ellipse,#000,transparent 70%)}.universe-path{position:absolute;left:50%;top:50%;border:1px dashed #76b3af29;border-radius:50%;transform:translate(-50%,-50%) rotate(-9deg);pointer-events:none}.path-a{width:56%;height:62%;border-color:#56f5e537}.path-b{width:82%;height:84%;transform:translate(-50%,-50%) rotate(7deg)}.path-c{width:108%;height:96%;border-style:solid;border-color:#d4ff5322}.universe-path:after{content:'';position:absolute;inset:-1px;border-radius:inherit;border:2px solid transparent;border-left-color:#56f5e577;border-right-color:#d4ff5355;animation:radar 45s linear infinite}.path-b:after{animation-direction:reverse;animation-duration:65s}.path-c:after{animation-duration:90s}.universe-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:20;text-align:center;width:min(680px,88%);pointer-events:none}.universe-center:before{content:'';position:absolute;inset:-75px -40px;background:radial-gradient(ellipse,#090e13f5 15%,#090e13da 45%,#090e1300 72%);z-index:-1;pointer-events:none}.universe-center .eyebrow{justify-content:center;font-size:9px;letter-spacing:2px}.universe-center h2{font-size:clamp(45px,5.5vw,80px);font-weight:600;line-height:1.02;letter-spacing:-3px;margin:22px 0}.universe-center h2 span{color:var(--cyan);text-shadow:0 0 40px #56f5e525}.universe-center>p:not(.eyebrow){color:#b3c3ca;font-size:15px;line-height:1.8}.universe-center .button{pointer-events:auto;margin-top:20px;font-size:9px}.universe-photos{position:absolute;inset:0;perspective:900px}.orbit-photo{position:absolute;top:50%;left:50%;width:205px;aspect-ratio:1.6;border:1px solid #77c8c74d;border-radius:9px;overflow:hidden;background:#112028;box-shadow:0 8px 30px #0007;will-change:transform;backface-visibility:hidden;transition:border-color .25s,box-shadow .25s}.orbit-photo img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.8)}.orbit-photo span{position:absolute;inset:auto 0 0;padding:16px 9px 9px;background:linear-gradient(transparent,#020a12ee);font:8px 'IBM Plex Mono',monospace;color:var(--cyan);opacity:0;transition:opacity .2s}.orbit-photo:hover,.orbit-photo:focus-visible{border-color:var(--cyan);box-shadow:0 0 35px #56f5e53b;opacity:1!important}.orbit-photo:hover span,.orbit-photo:focus-visible span{opacity:1}.universe-coordinate{position:absolute;left:30px;bottom:28px;font:8px 'IBM Plex Mono',monospace;line-height:1.9;letter-spacing:2px;color:#6f9097;z-index:25}.universe-controls{position:absolute;right:30px;bottom:28px;z-index:25}.universe-controls button{padding:12px 16px;background:#0c191ee8;border:1px solid #35504c;color:var(--cyan);font:9px 'IBM Plex Mono',monospace}.universe-controls button:hover{border-color:var(--cyan)}@media(max-width:760px){.universe-stage{height:680px}.orbit-photo{width:135px;border-radius:6px}.universe-center{width:90%}.universe-center h2{font-size:44px;letter-spacing:-2px}.universe-center .eyebrow{font-size:7px;letter-spacing:1px}.universe-center>p:not(.eyebrow){font-size:12px}.universe-center:before{inset:-50px -10px}.universe-coordinate{left:15px;bottom:20px;font-size:6px;letter-spacing:1px;max-width:150px}.universe-controls{right:15px;bottom:20px}.universe-controls button{font-size:7px;padding:10px}.universe-center .button{font-size:8px;padding:17px}.orbit-photo span{font-size:6px;opacity:1}}@media(prefers-reduced-motion:reduce){.orbit-photo{will-change:auto}.universe-path:after{animation:none}}
