:root{color-scheme:dark;--night:#080d14;--mint:#a6d9d3;--petrol:#25666a;--fog:#edf1f5;--slate:#98a7b7;--bg:var(--night);--panel:color-mix(in srgb,var(--night) 96%,var(--fog));--text:var(--fog);--muted:var(--slate);--accent:var(--mint);--line:rgba(152,167,183,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:#395e61;color:white}.wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto}.skip-link{position:fixed;top:-100px;left:20px;z-index:30;background:var(--accent);color:var(--bg);padding:12px}.skip-link:focus{top:10px}.site-header{position:fixed;inset:0 0 auto;z-index:20;border-bottom:1px solid transparent;transition:background .25s,border-color .25s}.site-header.scrolled,.site-header.menu-open{background:rgba(8,13,20,.96);border-color:var(--line)}.header-inner{height:88px;display:flex;align-items:center;justify-content:space-between}.wordmark{font-size:26px;font-weight:700;letter-spacing:-1.1px;display:inline-flex;align-items:center}.brand-logo{display:block;width:190px;height:auto;max-width:100%}.hero-logo{display:block;width:clamp(240px,24vw,340px);height:auto;margin:0 auto 32px}.site-header.scrolled{backdrop-filter:blur(12px)}.site-header nav{display:flex;align-items:center;gap:30px;font-size:13px}.site-header nav>a:not(.nav-login){color:#c3cbd5}.site-header nav a:hover{color:var(--accent)}.nav-login{padding:10px 20px;border:1px solid var(--line);border-radius:6px;display:flex;gap:25px}.menu-toggle{display:none}.hero{min-height:780px;min-height:max(720px,100svh);position:relative;display:flex;align-items:center;isolation:isolate;background:#080d14;overflow:hidden}#particles-js{position:absolute;inset:0;z-index:-3}#particles-js canvas{display:block}.hero-shade{pointer-events:none;position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 50% 45%,rgba(8,13,20,.4),transparent 70%),linear-gradient(0deg,var(--bg) 0%,transparent 30%)}.hero-content{padding:150px 0 180px;text-align:center;pointer-events:none}.hero-content a{pointer-events:auto}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;color:var(--muted);margin:0 0 25px;display:flex;gap:12px;align-items:center}.hero .eyebrow{justify-content:center;color:#bdd0d3}.status-dot,.section-node{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0}.status-dot{box-shadow:0 0 0 5px rgba(166,217,211,.08)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(40px,5.6vw,78px);letter-spacing:-3px;line-height:1.1;font-weight:500;margin-bottom:27px}h1 span{color:#c4d2dc}.hero-copy{font-size:18px;line-height:1.7;color:#a6b7c6;margin-bottom:34px}.actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;padding:15px 22px;border:1px solid var(--line);border-radius:6px;font-size:13px;min-height:50px;font-weight:600;transition:background .2s,transform .2s,border-color .2s}.button:hover{transform:translateY(-2px);border-color:#a6d9d3}.primary{background:var(--accent);color:#102027;border-color:var(--accent)}.primary:hover{background:#c1ebe6}.secondary{background:rgba(8,13,20,.6);color:#dce6ec}.hero-scroll{position:absolute;bottom:55px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:2px;display:flex;align-items:center;gap:15px;color:var(--muted);white-space:nowrap}.scroll-line{width:30px;height:1px;background:var(--accent)}.hero-coordinate{position:absolute;left:32px;bottom:56px;writing-mode:vertical-rl;font-size:8px;letter-spacing:2px;color:#566777}.section{padding-top:110px;padding-bottom:110px}h2{font-size:clamp(32px,4vw,48px);letter-spacing:-1.8px;line-height:1.13;font-weight:500;margin-bottom:0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:48px;margin-bottom:52px}.section-heading>p{max-width:355px;color:var(--muted);font-size:14px;line-height:1.9;margin-bottom:0}.solutions{position:relative}.solutions:before{content:'';position:absolute;top:0;left:50%;height:65px;width:1px;background:linear-gradient(transparent,var(--line))}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.product-node{--product-accent:#a6d9d3;position:relative;background:linear-gradient(135deg,rgba(37,102,106,.10),var(--panel));border:1px solid var(--line);border-radius:12px;padding:32px;transition:transform .25s,border-color .25s,box-shadow .25s;overflow:hidden;scroll-margin-top:110px}.product-node:after{content:'';position:absolute;right:0;top:0;width:120px;height:120px;background:radial-gradient(circle at top right,rgba(166,217,211,.05),transparent 70%);pointer-events:none}.product-node:hover{transform:translateY(-4px);border-color:rgba(166,217,211,.35);box-shadow:0 14px 35px rgba(37,102,106,.12)}.fotoapp{--product-accent:#a99cff}.grafica,.cloud,.acceso{--product-accent:var(--mint)}.product-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:15px}.category{text-transform:uppercase;letter-spacing:1.5px;font-size:9px;color:var(--muted)}.node-index{display:flex;align-items:center;gap:12px;color:#5f7388;font-size:10px;white-space:nowrap}.node-index i{width:6px;height:6px;background:var(--product-accent);border-radius:50%;box-shadow:0 0 0 4px rgba(166,217,211,.06)}.product-node h3{font-weight:500;font-size:27px;letter-spacing:-.8px;line-height:1.2;display:flex;align-items:center;gap:15px;min-height:55px;margin-bottom:24px}.product-node h3 img{width:215px;height:auto;display:block}.product-icon{width:48px;height:48px;border:1px solid var(--line);border-radius:10px;padding:8px;color:var(--product-accent);flex-shrink:0}.product-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.product-description{font-size:14px;line-height:1.85;color:#a9b7c6;max-width:430px;min-height:52px;margin-bottom:28px}.highlights{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;margin:0 0 32px;font-size:12px;color:#c1cdd7}.highlights li{display:flex;gap:9px;align-items:center}.highlights li:before{content:'';width:3px;height:3px;border-radius:50%;background:var(--product-accent);flex-shrink:0}.product-link{display:flex;align-items:center;justify-content:space-between;font-size:12px;padding-top:20px;border-top:1px solid var(--line);min-height:44px;color:#d5e5e8}.product-link span{color:var(--product-accent);font-size:18px}.product-link:hover{color:var(--product-accent)}details{display:none;color:var(--muted);font-size:13px}details[open]{display:block;margin-top:22px}details summary{cursor:pointer;color:var(--text)}details p{margin:15px 0}details a{color:var(--accent)}.ecosystem{border-block:1px solid var(--line);background:radial-gradient(ellipse at 70% 50%,rgba(51,85,99,.06),transparent 70%)}.ecosystem-layout{display:grid;grid-template-columns:.9fr 1.2fr;align-items:center;gap:60px}.ecosystem-copy h2{font-size:clamp(50px,5vw,70px);line-height:1.05;margin-bottom:32px}.ecosystem-copy h2 span{color:var(--accent)}.ecosystem-copy .eyebrow{font-size:9px;letter-spacing:1.5px}.ecosystem-copy .lead{font-size:17px;color:#d9e2e9;margin-bottom:14px}.ecosystem-copy>p:last-child{max-width:365px;color:var(--muted);font-size:14px;line-height:1.9;margin:0}.ecosystem-map{position:relative;aspect-ratio:600/460;width:100%}.map-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.map-orbit{stroke:var(--petrol);stroke-width:.7;fill:none;stroke-dasharray:2 10;opacity:.6}.map-orbit.outer{opacity:.3}.map-path{fill:none;stroke:var(--slate);stroke-width:1;opacity:.6}.map-dots{fill:var(--accent)}.map-label{position:absolute;text-align:center;font-size:13px;font-weight:500;background:var(--bg);padding:8px 10px;border-radius:8px;white-space:nowrap}.map-label small{display:block;font-size:8px;color:var(--muted);font-weight:400;letter-spacing:.5px;margin-top:3px}.map-top{top:8%;left:50%;transform:translateX(-50%)}.map-bottom{bottom:6%;left:50%;transform:translateX(-50%)}.map-left{left:0;top:50%;transform:translateY(-50%)}.map-right{right:0;top:50%;transform:translateY(-50%)}.map-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:125px;height:125px;border:1px solid var(--petrol);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:22px;letter-spacing:-.8px;background:var(--panel);box-shadow:0 0 40px rgba(166,217,211,.035)}.map-center img{width:90px;height:auto;display:block}.map-center span{font-size:7px;letter-spacing:1.7px;color:var(--accent);margin-top:7px}.capabilities h2{font-size:36px}.capability-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:55px}.capability-grid>div{border-top:1px solid var(--line);padding-top:24px}.capability-grid span{font-size:10px;color:#62798e}.capability-grid h3{font-size:12px;text-transform:uppercase;letter-spacing:1.5px;margin:22px 0 12px;font-weight:500}.capability-grid p{font-size:13px;color:var(--muted);margin:0}.contact{text-align:center;border-top:1px solid var(--line);position:relative;padding-block:100px 120px}.contact-node{height:50px;width:1px;background:linear-gradient(transparent,#52777c);position:relative;margin:0 auto 36px}.contact-node i{position:absolute;bottom:0;left:-3px;width:7px;height:7px;border-radius:50%;background:var(--accent)}.contact .eyebrow{justify-content:center;font-size:9px}.contact h2{margin-bottom:22px}.contact>p:not(.eyebrow){color:var(--muted);font-size:15px;line-height:1.8;margin-bottom:30px}.site-footer{display:flex;gap:30px;justify-content:space-between;align-items:center;padding-block:35px;border-top:1px solid var(--line)}.site-footer .wordmark{font-size:22px}.site-footer p{color:var(--slate);font-size:11px;margin:5px 0 0}.site-footer nav{display:flex;gap:25px;font-size:11px;color:var(--muted)}.site-footer small{font-size:10px;color:var(--slate)}
@media(max-width:900px){.site-header nav{gap:18px}.hero-coordinate{display:none}.ecosystem-layout{gap:25px;grid-template-columns:1fr 1.1fr}.map-center{width:100px;height:100px;font-size:18px}.map-label{font-size:11px}.product-node{padding:26px}.product-node h3{font-size:24px}.highlights{font-size:11px;gap:12px 10px}.capability-grid{gap:20px}.section-heading{gap:25px}.section-heading>p{max-width:300px}}
@media(max-width:640px){html{scroll-padding-top:88px}.wrap{width:calc(100% - 40px)}.header-inner{height:74px}.wordmark{font-size:24px}.menu-toggle{display:flex;flex-direction:column;gap:6px;background:none;border:1px solid var(--line);border-radius:6px;min-width:44px;min-height:44px;justify-content:center;align-items:center;color:white}.menu-toggle span{width:18px;height:1px;background:currentColor}.site-header nav{display:none;position:absolute;top:74px;left:0;right:0;padding:20px;background:#080d14;border-bottom:1px solid var(--line);align-items:stretch;gap:6px;font-size:14px}.site-header.menu-open nav{display:flex;flex-direction:column}.site-header nav>a{min-height:46px;display:flex;align-items:center;padding:10px 16px}.nav-login{margin-top:8px;justify-content:space-between}.hero{min-height:100svh}.hero-content{padding:135px 0 145px}.hero .eyebrow{font-size:8px;letter-spacing:1.5px;gap:10px}h1{font-size:clamp(35px,8.7vw,55px);letter-spacing:-1.6px;line-height:1.13}h1 br{display:none}.hero-copy{font-size:15px;margin-bottom:30px}.desktop-break{display:none}.actions{flex-direction:column;align-items:stretch;max-width:340px;margin-inline:auto;gap:10px}.button{justify-content:center;gap:18px;min-height:52px}.hero-scroll{bottom:35px;font-size:8px}.section{padding-block:75px}.section-heading{display:block;margin-bottom:32px}.section-heading h2{font-size:34px}.section-heading>p{margin-top:22px;max-width:none;font-size:13px}.eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:20px}.product-grid{grid-template-columns:1fr;gap:16px}.product-node{padding:25px}.product-node h3{font-size:25px}.product-description{font-size:13px;min-height:0}.product-top{margin-bottom:24px}.highlights{font-size:11px;gap:14px 10px}.ecosystem-layout{grid-template-columns:1fr;gap:38px}.ecosystem-copy h2{font-size:54px}.ecosystem-copy h2 br{display:none}.ecosystem-copy>p:last-child{max-width:none}.ecosystem-map{max-width:460px;margin:auto}.map-label{font-size:10px;padding:6px 4px}.map-label small{font-size:7px;letter-spacing:0}.map-center{width:91px;height:91px;font-size:17px}.map-center img{width:90px;height:auto;display:block}.map-center span{font-size:6px;letter-spacing:1px}.map-top{top:5%}.map-bottom{bottom:3%}.map-left{left:-4px}.map-right{right:-4px}.capabilities h2{font-size:32px;max-width:290px}.capability-grid{grid-template-columns:1fr 1fr;gap:35px 20px;margin-top:35px}.capability-grid p{font-size:12px}.contact h2{font-size:35px}.contact{padding-bottom:85px}.site-footer{align-items:flex-start;flex-wrap:wrap;padding-block:30px;gap:24px}.site-footer nav{margin-top:8px;flex-wrap:wrap;gap:20px}.site-footer nav a{min-height:44px;display:flex;align-items:center}.site-footer small{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.product-node:hover,.button:hover{transform:none}}

/* Official CloudCity artwork remains proportional at every viewport. */
.site-footer .brand-logo{width:180px}
@media(max-width:900px){.map-center img{width:72px}}
@media(max-width:640px){.brand-logo{width:166px}.hero-logo{width:240px;margin-bottom:28px}.hero-content{padding-top:125px}.hero .eyebrow{font-size:7px;letter-spacing:1.1px}.map-center img{width:67px}}