.site-header { position: sticky; top: 0; z-index: 50; background: rgba(4, 11, 21, 0.78); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border-bottom: 1px solid var(--line); }
.header-inner { display: flex; align-items: center; justify-content: space-between; min-height: 104px; gap: 24px; }
.site-header .brand { display: flex; flex: 0 0 auto; align-items: center; }
.site-header .brand img { display: block; height: auto; width: 300px; max-width: 65vw; object-fit: contain; }
.site-nav { display: flex; align-items: center; gap: 36px; }
.site-nav > ul { display: flex; gap: 32px; list-style: none; margin: 0; padding: 0; align-items: center; }
.site-nav a { color: var(--text); font-size: 14.5px; font-weight: 500; }
.site-nav > ul > li > a:hover { color: var(--cyan); }
.nav-toggle { display: none; background: none; border: 0; color: var(--text); padding: 8px; cursor: pointer; }
.nav-toggle .icon { width: 26px; height: 26px; }
.nav-toggle-close { display: none; }
@media (max-width: 1050px) {
.header-inner { min-height: 88px; gap: 12px; }
.site-header .brand img { width: 225px; }
.nav-toggle { display: inline-flex; }
.site-nav { position: fixed; inset: 88px 0 auto 0; flex-direction: column; align-items: stretch; gap: 0; padding: 12px 24px 24px; background: rgba(4, 11, 21, 0.98); border-bottom: 1px solid var(--line); transform: translateY(-120%); transition: transform 0.25s; max-height: calc(100vh - 88px); overflow-y: auto; }
.site-nav > ul { flex-direction: column; align-items: stretch; gap: 0; }
.site-nav > ul > li > a { display: flex; width: 100%; justify-content: space-between; padding: 14px 0; border-bottom: 1px solid rgba(64, 140, 220, 0.12); font-size: 16px; }
}
.site-nav a[aria-current="location"] { color:var(--cyan); background:#05c9e918; border-radius:6px; }

@media(max-width:1050px) {
 .nav-open .site-nav { transform:none; }
 .nav-open .nav-toggle-open { display:none; }
 .nav-open .nav-toggle-close { display:inline; }
}

/* Fully hide the closed menu even when the sticky header is captured/scrolled. */
@media(max-width:1050px) {
 .site-nav { visibility:hidden; opacity:0; pointer-events:none; }
 .nav-open .site-nav { visibility:visible; opacity:1; pointer-events:auto; }
}

.nav-dropdown { position:relative; }
.nav-dropdown > summary { cursor:pointer; list-style:none; color:var(--text); font-size:14.5px; font-weight:500; padding:12px 0; }
.nav-dropdown > summary::-webkit-details-marker { display:none; }
.nav-dropdown[open] > summary, .nav-dropdown > summary:hover { color:var(--cyan); }
.nav-dropdown > summary:focus-visible, .site-nav a:focus-visible { outline:2px solid var(--cyan); outline-offset:4px; border-radius:4px; }
.nav-submenu { list-style:none; position:absolute; right:0; top:calc(100% + 8px); min-width:280px; padding:10px; margin:0; background:#071726; border:1px solid var(--line); border-radius:12px; box-shadow:0 18px 40px #0008; }
.nav-submenu a { display:block; padding:12px; border-radius:6px; }
.nav-submenu a:hover, .site-nav a[aria-current="page"] { color:var(--cyan); background:#05c9e918; }
@media(max-width:1050px) {
 .nav-dropdown > summary { padding:14px 0; font-size:16px; border-bottom:1px solid var(--line); }
 .nav-submenu { position:static; min-width:0; box-shadow:none; margin:4px 0 12px; }
 .site-nav { max-height:calc(100dvh - 88px); overscroll-behavior:contain; overflow-x:hidden; }
}

.site-footer .brand img { height: 40px; width: auto; max-width: 60vw; object-fit: contain; }
.site-footer { border-top: 1px solid var(--line); background: rgba(3, 9, 18, 0.85); }
.footer-bottom { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 18px 0 26px; border-top: 1px solid rgba(64, 140, 220, 0.12); font-size: 13px; color: var(--muted); flex-wrap: wrap; }
.footer-bottom p { margin: 0; }
.footer-benefits { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding-bottom:32px;border-bottom:1px solid #127fa746;margin-bottom:35px; }
.footer-benefits>div { display:flex;align-items:center;gap:14px; }
.footer-benefits svg { width:27px;height:27px;color:var(--cyan);flex-shrink:0; }
.footer-benefits small { display:block;margin-top:6px;color:#8fb0c8;font-size:11px; }
.footer-benefits strong { font-size:13px; }
.footer-columns { display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:50px;margin-bottom:30px; }
.footer-columns a { display:block;font-size:13px;margin:10px 0;color:#b7cddd; }
.footer-columns h2 { color:var(--cyan);font-size:13px;text-transform:uppercase;letter-spacing:2px;margin:0 0 20px; }
.footer-columns p { font-size:13px;color:#a7bfd1; }
@media(max-width:760px) {
.footer-benefits { grid-template-columns:repeat(2,minmax(0,1fr)); }
.footer-columns { grid-template-columns:1fr 1fr;gap:30px; }
.footer-columns>div { grid-column:1/-1; }
}
@media(max-width:480px) {
.footer-columns { grid-template-columns:1fr; }
.footer-columns>div { grid-column:auto; }
.footer-benefits { gap:20px 12px; }
.footer-benefits>div { align-items:flex-start;gap:8px; }
}

.hero-copy { max-width: 600px; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 14px; margin: 30px 0 40px; }
@media (max-width: 900px) {
.hero-actions .btn { flex: 1 1 100%; }
}
.brand-hero { position:relative; isolation:isolate; overflow:hidden; border-bottom:1px solid #22d5ed50; }
.hero-datacenter { position:absolute; inset:0; z-index:-2; background:url('/assets/img/DcImage-Shield.png') left center/cover; }
.hero-datacenter::after { content:"";position:absolute;inset:0;background:linear-gradient(90deg,#021321e6 0%,#031522a8 46%,#031522b8 100%);backdrop-filter:blur(2px); }
.brand-hero-inner { position:relative;min-height:620px;display:flex;align-items:center;padding-top:60px;padding-bottom:60px; }
.brand-hero .hero-copy { position:relative;z-index:2;width:56%;max-width:680px;padding:28px 20px 28px 0; }
.brand-hero h1 { font-size:clamp(32px,3.4vw,50px);letter-spacing:-1.3px;line-height:1.1;margin-bottom:22px; }
.brand-hero .lead { font-size:17px;line-height:1.65;max-width:530px; }
.hero-mascot { position:absolute;right:0;bottom:-14%;height:116%;width:52%;object-fit:contain;object-position:bottom;z-index:-1;filter:drop-shadow(0 0 26px #00c5ef25); }
.hero-values { list-style:none;display:flex;gap:18px;flex-wrap:wrap;padding:0;margin:26px 0;font-size:12px;font-weight:650; }
.hero-values li { display:flex;align-items:center;gap:6px; }
.hero-values svg { width:18px;height:18px;color:var(--cyan); }
.hero-actions { display:flex;gap:12px;flex-wrap:wrap; }
.hero-impact { position:absolute;right:0;top:45px;padding:15px;border-left:1px solid #22d5ed80;font-size:13px;line-height:1.7;text-shadow:0 2px 5px #000;z-index:2; }
.hero-impact strong { font-size:16px;font-weight:500; }
.hero-impact span { display:block;color:var(--cyan);font-size:11px;margin-top:12px; }
@media(max-width:1100px) {
.brand-hero-inner { min-height:560px; }
.hero-impact { display:none; }
.hero-values { gap:12px; }
}
@media(max-width:760px) {
.brand-hero-inner { display:block;padding:35px 0 0;min-height:0; }
.brand-hero .hero-copy { width:100%;max-width:none;padding:0; }
.brand-hero h1 { font-size:34px;letter-spacing:-.7px; }
.brand-hero .lead { font-size:15px; }
.hero-mascot { position:relative;display:block;width:100%;height:350px;bottom:auto;right:auto;margin-top:10px;object-position:center 30%;object-fit:contain;z-index:0; }
.hero-datacenter { background-position:left center; }
.hero-actions .btn { flex:1;min-width:220px; }
}
@media(max-width:480px) {
.hero-values { gap:12px 10px; }
.hero-values li { width:calc(50% - 5px);font-size:11px; }
.brand-hero-inner { width:calc(100% - 40px); }
.hero-mascot { height:320px; }
}
.hero-datacenter { background-size:250% auto;background-repeat:no-repeat;background-color:#021827; }

.about-story { display:grid;grid-template-columns:.95fr 1.05fr;gap:55px;align-items:center; }
.about-media { display:flex;flex-direction:column;align-items:center;gap:20px; }
.datacenter-card { position:relative;aspect-ratio:1;width:100%;overflow:hidden;border:1px solid var(--cyan);border-radius:16px;box-shadow:0 0 25px #00c9ff20,inset 0 0 25px #00c9ff20;background:#001827; }
.datacenter-photo { width:100%;height:100%;object-fit:cover;object-position:left;opacity:.66; }
.datacenter-label { position:absolute;top:40%;left:8%;right:8%;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;text-shadow:0 3px 10px #000; }
.datacenter-label img { width:100%;height:auto; }
.datacenter-label span { letter-spacing:5px;font-size:16px; }
.datacenter-values { position:absolute;bottom:30px;left:10px;right:10px;display:flex;gap:10px;justify-content:space-evenly; }
.datacenter-values span { display:flex;flex-direction:column;align-items:center;gap:12px;max-width:100px;font-size:12px;text-align:center;text-transform:uppercase;font-weight:650; }
.datacenter-values svg { width:32px;height:32px;color:var(--cyan); }
.about-copy p { color:#c1d2df;line-height:1.8;margin:18px 0; }
.about-copy .subheading { margin-top:0;font-size:24px;color:#48c6ff; }
.about-copy h2 { margin-bottom:6px; }
@media(max-width:1100px) {
.about-story { gap:32px; }
}
@media(max-width:760px) {
.about-story { grid-template-columns:1fr; }
.about-copy { order:-1; }
.datacenter-card { max-width:470px; }
}

.technology-section { background:linear-gradient(115deg,#051a2b,#01141f);border-block:1px solid #13b8d738; }
.technology-grid { list-style:none;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:15px;margin-top:32px; }
.technology-grid li { min-height:95px;display:grid;place-items:center;padding:18px 10px;border:1px solid #00d9eb8a;background:linear-gradient(145deg,#032c3c,#06111d);border-radius:10px;box-shadow:0 0 14px #05d9ee12;font-size:17px;font-weight:650;text-align:center; }
@media(max-width:1100px) {
.technology-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:480px) {
.technology-grid { gap:10px;grid-template-columns:repeat(2,minmax(0,1fr)); }
.technology-grid li { min-height:75px;font-size:15px; }
}

/* Desktop: three generous cards. Phones/tablets: one full-width card per row. */
.section-heading { display:flex; gap:35px; align-items:center; margin-bottom:28px; }
.section-heading>div { flex:1; min-width:0; }
.section-heading .lead { max-width:800px; }
.section-aside { max-width:180px; color:var(--cyan); font-size:12px; letter-spacing:2px; line-height:1.8; text-transform:uppercase; border-left:3px solid var(--cyan); padding-left:22px; }
.service-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.service-card { display:flex; position:relative; overflow:hidden; color:var(--text); border:1px solid #00cfeaa0; border-radius:14px; background:linear-gradient(145deg,#082436,#03111c); transition:transform .2s,border-color .2s; }
.service-card::after { content:""; position:absolute; right:18px; top:0; width:1px; height:90px; background:linear-gradient(#ff8c2880,transparent); transform:rotate(40deg); transform-origin:top; pointer-events:none; }
.service-card:hover { transform:translateY(-3px); border-color:#b2faff; color:var(--text); }
.service-card>svg { flex-shrink:0; color:var(--cyan); }


.service-card { flex-direction:column; align-items:flex-start; gap:0; min-height:260px; padding:28px; }
.service-card>svg { width:52px; height:52px; margin-bottom:22px; filter:drop-shadow(0 0 8px #19c8ff40); }
.service-card>div { flex:1; min-width:0; }
.service-card h3 { font-size:19px; margin:0 0 12px; }
.service-card p { padding:0; font-size:15px; line-height:1.65; }

@media(max-width:820px) { .service-grid { grid-template-columns:1fr; } .service-card { display:grid; grid-template-columns:54px minmax(0,1fr); gap:18px; align-items:start; min-height:0; padding:24px; } .service-card>svg { margin:0; }  .service-card h3 { font-size:19px; } }
@media(max-width:380px) { .service-card { grid-template-columns:44px minmax(0,1fr); gap:14px; padding:20px; } .service-card>svg { width:42px; height:42px; }  }

@media(min-width:821px) and (max-width:1100px) { .service-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:820px) { .section-heading { display:block; } .section-aside { max-width:none; margin-top:22px; } }

.problem-section { background:radial-gradient(ellipse at 70% 40%,#0d3454,#07101c 70%); }
.problem-list { list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:28px 0; }
.problem-list li { display:flex;align-items:center;gap:12px;padding:20px;border-bottom:1px solid #ff7b1a40;background:#00000020; }
.problem-list svg { width:22px;height:22px;color:var(--orange);flex-shrink:0; }
@media(max-width:480px) {
.problem-list { grid-template-columns:1fr; }
}

@media(max-width:820px) { .problem-list { grid-template-columns:1fr; } }

.industry-grid { list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:26px; }
.industry-grid li { display:flex;align-items:center;gap:14px;border:1px solid #20c3e02a;border-radius:8px;padding:24px;background:#092137; }
.industry-grid svg { width:24px;height:24px;color:var(--cyan); }
@media(max-width:760px) {
.industry-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}


@media(max-width:820px) { .industry-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:12px; } .industry-grid li { padding:18px 14px;gap:10px;font-size:14px; } .industry-grid svg { width:26px;height:26px; } }

.benefit-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:28px 0; }
.feature-card { padding:26px;border-radius:12px;border:1px solid #24cde144;background:linear-gradient(140deg,#08283b,#08131f); }
.feature-card>svg { width:30px;height:30px;color:var(--cyan);margin-bottom:20px; }
.feature-card h3 { font-size:18px;margin-bottom:12px; }
.feature-card p { font-size:14px;line-height:1.7;color:#b9cbd9; }
@media(max-width:1100px) {
.benefit-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:480px) {
.benefit-grid { grid-template-columns:1fr; }
}

.feature-card>svg { width:48px;height:48px; }
@media(max-width:820px) { .benefit-grid { grid-template-columns:1fr; } }

.consult-panel { background:linear-gradient(130deg,#092a44,#071828);border:1px solid #15d4ee6a;border-radius:16px;padding:45px; }
.consult-panel h2 { max-width:920px; }
.consult-channels { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:32px; }
.consult-channels a { display:flex;align-items:center;gap:16px;padding:25px 18px;background:#031321;border:1px solid #22defd42;border-radius:8px; }
.consult-channels svg { width:25px;height:25px;flex-shrink:0;color:var(--cyan); }
.consult-channels span { font-size:12px; }
.consult-channels strong { display:block;margin-top:6px;font-size:16px;overflow-wrap:anywhere; }
@media(max-width:1100px) {
.consult-channels { grid-template-columns:1fr; }
}
@media(max-width:760px) {
.consult-panel { padding:28px; }
}
@media(max-width:480px) {
.consult-panel { padding:25px; }
.consult-panel h2 { font-size:27px; }
}

/* Homepage composition. Individual layouts live in their named sections. */
.page-home main { min-width:0; }