/* Layout concept: long single page, all dark navy with white text and gold accents (Mavengigs). League Spartan headings, Archivo for all other text. */
:root{
  color-scheme:dark;
  --bg:#171C25; --bg2:#1C222C; --navy:#1E232B; --navy2:#232A35; --card:#272F3C; --card2:#2E3746;
  --fg:#FFFFFF; --muted:#B9C1CC; --line:#363F4E; --line-navy:#363F4E;
  --gold:#CAB6A1; --gold-hi:#CAB6A1; --gold-deep:#A89478; --tan:#CAB6A1; --tan-d:#A89478;
  --teal:#CAB6A1; --teal-hi:#CAB6A1; --link:#CAB6A1;
  --on-navy:#FFFFFF; --on-navy-m:#B9C1CC;
  --gold-grad:linear-gradient(135deg,#D6C5B2 0%,#CAB6A1 55%,#BBA68F 100%);
  --display:'League Spartan','Arial Narrow',Arial,sans-serif; --body:'Archivo',system-ui,Arial,sans-serif; --mono:'Archivo',system-ui,Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:72px}
body{background:var(--bg);color:var(--fg);font:400 16px/1.6 var(--body);padding-inline:0;margin:0}
a{color:var(--link)}
img{display:block}
.wrap{max-width:1160px;margin-inline:auto;padding-inline:20px}
h1,h2,h3{font-family:var(--display);letter-spacing:0;line-height:1.05;margin:0;text-wrap:balance}
h2{font-size:clamp(30px,4.4vw,52px);font-weight:700}
h3{font-size:20px;font-weight:600;letter-spacing:0}
p{margin:0}
.eyebrow{font:500 12px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:18px;display:block}
.on-navy .eyebrow,.navy .eyebrow{color:var(--tan)}
.lede{font-size:clamp(17px,2vw,20px);color:var(--muted);max-width:104ch;margin-top:18px}
.navy{background:var(--navy);color:var(--on-navy)}
.navy .lede{color:var(--on-navy-m)}
section{padding-block:clamp(56px,8vw,104px)}
.sand2{background:var(--bg2)}
.sand{background:var(--bg)}
:focus-visible{outline:3px solid var(--teal-hi);outline-offset:3px}

/* nav */
header.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--navy);border-bottom:1px solid var(--line-navy)}
.nav .wrap{display:flex;align-items:center;gap:24px;height:68px}
.logo{font:800 30px/1 var(--display);color:var(--on-navy);text-decoration:none;letter-spacing:.06em;text-transform:uppercase;display:flex;align-items:center;gap:12px;white-space:nowrap}
.logo b{font-weight:800;color:var(--gold-hi)}
.logo i{width:30px;height:30px;flex:none;border:3px solid var(--tan);border-radius:50%;position:relative;display:inline-block;box-shadow:0 0 14px rgba(202,182,161,.35)}
.logo i::after{content:"";position:absolute;inset:6px;background:var(--gold-hi);border-radius:50%}
@media(min-width:1081px){.logo{font-size:clamp(32px,3.3vw,46px);gap:.4em}.logo i{width:.95em;height:.95em;border-width:.1em}.logo i::after{inset:.2em}.nav .wrap{height:clamp(68px,6vw,84px)}}
@media(max-width:600px){.logo{font-size:23px;gap:9px;letter-spacing:.05em}.logo i{width:24px;height:24px;border-width:2.5px}.logo i::after{inset:5px}}
.nav nav{display:flex;gap:16px;margin-left:auto}.nav nav a,.nav .btn.top{white-space:nowrap}
@media(min-width:1081px) and (max-width:1439px){.nav nav{gap:12px}.nav nav a{font-size:12px;letter-spacing:.04em}.nav .btn.top{padding-inline:12px}}
.nav nav a{color:var(--on-navy-m);text-decoration:none;font:500 13px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:8px 0}
.nav nav a:hover{color:var(--on-navy)}
.btn{display:inline-flex;align-items:center;gap:8px;font:600 14px/1 var(--body);letter-spacing:.02em;padding:14px 22px;border-radius:2px;text-decoration:none;border:1.5px solid var(--gold-hi);color:#1A2230;background:var(--gold-grad);cursor:pointer}
.btn:hover{filter:brightness(1.08)}
.btn.ghost{background:transparent;color:var(--on-navy);border-color:var(--gold)}
.btn.ghost:hover{background:#ffffff14}
.nav .btn{padding:10px 14px;font-size:13px}
.menu{display:none;margin-left:auto;background:none;border:1px solid var(--line-navy);color:var(--on-navy);padding:8px 12px;font:500 12px var(--mono);letter-spacing:.1em;cursor:pointer}
@media (max-width:1080px){
  .nav nav{display:none;position:absolute;left:0;right:0;top:68px;background:var(--navy);flex-direction:column;padding:12px 20px 20px;gap:2px;border-bottom:1px solid var(--line-navy);margin:0}
  .nav nav.open{display:flex}.nav nav a{padding:12px 0}
  .menu{display:block}.nav .btn.top{display:none}
}

.explore{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:36px}
.xcard{display:block;background:var(--card);border:1px solid var(--line-navy);padding:32px 30px 30px;text-decoration:none;color:var(--on-navy);transition:border-color .2s,transform .2s}
.xcard:hover{border-color:var(--gold-hi);transform:translateY(-2px)}
.xcard .n{font:500 12px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--tan)}
.xcard h3{font-size:clamp(28px,3vw,40px);margin:10px 0 12px}
.xcard p{color:var(--on-navy-m);max-width:52ch}
.xcard .go{display:inline-block;margin-top:22px;color:var(--gold-hi);font:600 14px var(--mono);letter-spacing:.08em;text-transform:uppercase}
.xcard .go::after{content:" \2192"}

#how .svc,#services .svc{grid-template-columns:repeat(4,1fr)}
@media(max-width:1000px){#how .svc,#services .svc{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){#how .svc,#services .svc{grid-template-columns:1fr}}

/* hero */
.hero{padding-block:clamp(56px,9vw,120px) clamp(48px,6vw,80px);position:relative;overflow:hidden}
.hero h1{font-size:clamp(48px,9vw,132px);font-weight:800;line-height:.95;max-width:none;letter-spacing:.04em;text-transform:uppercase;color:var(--on-navy)}
.hero h1 .a{color:var(--gold-hi)}
.hero .tag1{font:800 clamp(30px,5vw,72px)/1.05 var(--display);margin-top:18px;color:var(--on-navy);text-wrap:balance}
.hero .tag1 span{background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .sub{font:600 clamp(20px,2.6vw,38px)/1.25 var(--display);max-width:none;margin-top:22px;color:var(--on-navy-m);letter-spacing:.01em;text-wrap:balance}
.hero .sub span{color:var(--on-navy)}
@media(min-width:900px){.hero .sub{text-wrap:nowrap}}
.hero .sub2{color:var(--on-navy-m);max-width:96ch;margin-top:14px;font-size:clamp(16px,1.5vw,19px)}
.hero .cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}
.grid-bg{position:absolute;inset:0;background-image:linear-gradient(var(--line-navy) 1px,transparent 1px),linear-gradient(90deg,var(--line-navy) 1px,transparent 1px);background-size:48px 48px;opacity:.28;mask-image:linear-gradient(100deg,transparent 35%,#000 100%);-webkit-mask-image:linear-gradient(100deg,transparent 35%,#000 100%)}
.hero .wrap{position:relative}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0;margin-top:clamp(40px,6vw,72px);border-top:1px solid var(--line-navy)}
.stat{padding:22px 24px 4px 0}
.stat b{display:block;font:700 clamp(34px,4.6vw,56px)/1 var(--display);color:var(--gold-hi)}
.stat span{display:block;margin-top:8px;font-size:14px;color:var(--on-navy-m);max-width:26ch}
.fine{font:400 12px/1.5 var(--mono);color:var(--on-navy-m);margin-top:22px;max-width:90ch}

/* gap */
.cols3{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:44px}
.col{background:var(--card);padding:28px;border-top:3px solid var(--gold)}
.col.mid{border-top-color:var(--gold-hi);background:var(--card2);color:var(--on-navy)}
.col h3{margin-bottom:6px}
.col .tag{font:500 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:14px}
.col.mid .tag{color:var(--tan)}
.col ul{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px}
.col li{padding-left:18px;position:relative;font-size:15px}
.col li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:2px;background:var(--teal)}
.col.mid li::before{background:var(--tan)}
.callout{margin-top:36px;font:700 clamp(20px,2.6vw,30px)/1.25 var(--display);max-width:52ch;text-wrap:balance}
.callout em{font-style:normal;color:var(--teal)}

/* what */
.two{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(28px,5vw,72px);align-items:start}
@media (max-width:860px){.two{grid-template-columns:1fr}}
.is-not{display:grid;gap:12px;margin-top:6px}
.row{display:grid;grid-template-columns:110px 1fr;gap:18px;padding:18px 0;border-top:1px solid var(--line)}
.row:last-child{border-bottom:1px solid var(--line)}
.row .k{font:500 12px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding-top:3px}
.row p{font-size:16px}
.row b{font-weight:600}
@media (max-width:480px){.row{grid-template-columns:1fr;gap:6px}}

/* phases */
.phases{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:48px;align-items:end}
@media (max-width:900px){.phases{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.phases{grid-template-columns:1fr}}
.phase{padding:0 22px 8px 0;display:flex;flex-direction:column;justify-content:flex-end;min-width:0}
.step{background:linear-gradient(180deg,var(--teal-hi) 0,var(--teal) 100%);margin-bottom:18px;position:relative;width:100%}
.step span{position:absolute;left:12px;top:10px;font:500 11px/1 var(--mono);letter-spacing:.12em;color:#0D1522;text-transform:uppercase}
.phase:nth-child(1) .step{height:40px}.phase:nth-child(2) .step{height:80px}.phase:nth-child(3) .step{height:130px}.phase:nth-child(4) .step{height:190px}
@media (max-width:900px){.phase .step{height:12px!important}.phase .step span{display:none}}
.phase h3{color:var(--on-navy);margin-bottom:10px;font-size:19px}
.phase small{font:500 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--tan);display:block;margin-bottom:8px}
.phase ul{list-style:none;margin:0;padding:0;display:grid;gap:7px;font-size:14px;color:var(--on-navy-m)}
.phase li{padding-left:14px;position:relative}
.phase li::before{content:"";position:absolute;left:0;top:.7em;width:6px;height:2px;background:var(--tan)}
.axis{display:flex;justify-content:space-between;font:400 12px var(--mono);color:var(--on-navy-m);border-top:1px solid var(--line-navy);padding-top:12px;margin-top:6px;gap:12px;flex-wrap:wrap}

/* lifecycle */
.tabs{display:flex;flex-wrap:wrap;gap:0;margin-top:40px;border-bottom:1px solid var(--line-navy)}
.tab{background:none;border:0;color:var(--on-navy-m);font:500 13px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:14px 18px;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-1px}
.tab[aria-selected="true"]{color:var(--on-navy);border-bottom-color:var(--tan)}
.tab:hover{color:var(--on-navy)}
.panel{display:grid;grid-template-columns:1fr 1fr 0.8fr;gap:clamp(20px,3vw,40px);padding-top:32px}
@media (max-width:860px){.panel{grid-template-columns:1fr}}
.panel h4{font:500 12px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;margin:0 0 16px;display:flex;align-items:center;gap:10px}
.dot{width:10px;height:10px;display:inline-block}
.panel .rb h4{color:var(--teal-hi)}.panel .rb .dot{background:var(--teal-hi);border-radius:50%}
.panel .hu h4{color:var(--tan)}.panel .hu .dot{background:var(--tan)}
.panel .ou h4{color:var(--on-navy-m)}.panel .ou .dot{border:2px solid var(--on-navy-m);border-radius:50%}
.panel ul{list-style:none;margin:0;padding:0;display:grid;gap:0}
.panel li{padding:12px 0;border-top:1px solid var(--line-navy);font-size:15px}
.panel li:last-child{border-bottom:1px solid var(--line-navy)}
.panel .ou li{color:var(--on-navy-m)}

/* services */
.svc{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-top:44px}
.svc div{background:var(--card);padding:30px 28px 32px}
.svc .n{font:500 12px/1 var(--mono);color:var(--teal);letter-spacing:.14em;margin-bottom:14px;display:block;text-transform:uppercase}
.svc p{color:var(--muted);font-size:15px;margin-top:10px}

/* pod */
.pod{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:44px}
@media (max-width:1000px){.pod{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.pod{grid-template-columns:1fr}}
.pod .m{background:var(--card);padding:22px 20px;border-left:3px solid var(--teal);min-width:0}
.pod .m:first-child{background:var(--navy);color:var(--on-navy);border-left-color:var(--tan)}
.pod h3{font-size:17px;margin-bottom:12px}
.pod ul{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:14px;color:var(--muted)}
.pod .m:first-child ul{color:var(--on-navy-m)}

/* robots */
.filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}
.chip{background:transparent;color:var(--fg);border:1.5px solid var(--line);padding:9px 14px;font:500 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.chip[aria-pressed="true"]{background:var(--gold-grad);color:#1A2230;border-color:var(--gold-hi)}
.robots{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:20px;margin-top:28px}
.rb-card{background:var(--card);display:flex;flex-direction:column;min-width:0}
.rb-card img{width:100%;aspect-ratio:420/508;object-fit:cover;background:#DDD0C2}
.rb-card .b{padding:14px 16px 18px;display:flex;flex-direction:column;gap:4px;flex:1}
.rb-card .cl{font:500 10px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.rb-card h3{font-size:17px}
.rb-card .mk{font:600 13px var(--body);color:var(--link)}
.rb-card p{font-size:13px;color:var(--muted);line-height:1.45;flex:1}
.rb-card a.site{font:500 12px var(--mono);margin-top:8px;word-break:break-all}
.note{font:400 13px/1.55 var(--mono);color:var(--muted);margin-top:28px;max-width:90ch}

/* commercial */
.tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:44px}
.tier{background:var(--card);padding:30px 28px;border-top:4px solid var(--teal);display:flex;flex-direction:column;min-width:0}
.tier:nth-child(2){border-top-color:var(--tan-d)}.tier:nth-child(3){border-top-color:var(--navy)}
.tier .tag{font:500 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
.tier p.d{color:var(--muted);margin:10px 0 16px}
.tier ul{list-style:none;margin:0;padding:0;display:grid;gap:9px;font-size:15px}
.tier li{padding-left:18px;position:relative}.tier li::before{content:"";position:absolute;left:0;top:.65em;width:8px;height:2px;background:var(--teal)}

/* timeline / waves */
.tl{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:48px;position:relative}
@media (max-width:900px){.tl{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.tl{grid-template-columns:1fr}}
.tl .e{padding:22px 22px 8px 0;border-top:2px solid var(--line-navy);position:relative;min-width:0}
.tl .e::before{content:"";position:absolute;top:-6px;left:0;width:10px;height:10px;background:var(--tan);border-radius:50%}
.tl time{font:500 12px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--tan);display:block;margin-bottom:12px}
.tl p{font-size:15px;color:var(--on-navy)}
.waves{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin-top:44px}
.wave{background:var(--card);padding:26px 24px;min-width:0;border-top:4px solid var(--teal)}
.wave .when{font:500 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:12px}
.wave h3{margin-bottom:12px}
.wave ul{list-style:none;margin:0;padding:0;display:grid;gap:7px;font-size:14.5px;color:var(--muted)}
.wave.first{background:var(--navy);color:var(--on-navy);border-top-color:var(--tan)}
.wave.first ul,.wave.first .when{color:var(--on-navy-m)}

/* why mavengigs & contact */
.pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:36px 32px;margin-top:44px}
.pillars h3{color:var(--tan);margin-bottom:10px;font-size:19px}
.pillars p{color:var(--on-navy-m);font-size:15px}
.big{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0;margin-top:56px;border-top:1px solid var(--line-navy)}
.contact h2{max-width:none;text-wrap:balance}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:40px}
.cc{border:1px solid var(--line-navy);padding:22px;display:flex;flex-direction:column;gap:6px;min-width:0}
.cc .l{font:500 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--tan)}
.cc .v{font:600 18px/1.3 var(--body);color:var(--on-navy);word-break:break-all;user-select:all}
.cc button{align-self:flex-start;margin-top:8px;background:none;border:1px solid var(--line-navy);color:var(--on-navy-m);font:500 12px var(--mono);padding:8px 12px;cursor:pointer;letter-spacing:.06em}
.cc button:hover{color:var(--on-navy);border-color:var(--tan)}
.cities{margin-top:28px;font:400 13px var(--mono);color:var(--on-navy-m);letter-spacing:.04em}
.cta-band{background:linear-gradient(180deg,rgba(23,28,37,.86),rgba(23,28,37,.94)),linear-gradient(120deg,#2A3342,#171C25);text-align:center;padding-block:clamp(48px,7vw,84px);border-top:1px solid var(--line)}
.cta-band p{color:var(--on-navy);font-size:clamp(16px,2vw,20px)}
.cta-band h2{margin-top:14px;color:var(--gold);text-transform:uppercase;letter-spacing:.02em;font-size:clamp(26px,4.6vw,58px);font-weight:700;max-width:none;margin-inline:auto;text-wrap:balance}
footer{background:#2B3340;color:var(--on-navy)}
.f-main{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:28px 32px;padding-block:44px}
@media (max-width:860px){.f-main{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.f-main{grid-template-columns:1fr}}
.f-main h4{font:700 17px/1.2 var(--display);letter-spacing:.02em;margin:0 0 14px;color:var(--on-navy);text-transform:uppercase}
.f-main p,.f-main li{font-size:14px;color:var(--on-navy-m);line-height:1.8;margin:0}
.f-main ul{list-style:none;margin:0;padding:0}
.f-main .city{font:600 16px/1.9 var(--display);color:var(--on-navy)}
.f-main a{color:var(--on-navy-m)}
.f-bar{background:#161B22}
.f-bar .wrap{display:flex;flex-wrap:wrap;gap:14px 24px;justify-content:space-between;align-items:center;padding-block:18px}
.f-bar small{font-size:13px;color:var(--on-navy-m)}
.social{display:flex;gap:18px;list-style:none;margin:0;padding:0}
.social a{color:var(--on-navy-m);display:block;width:24px;height:24px}
.social a:hover{color:var(--gold-hi)}
.social svg{width:24px;height:24px;fill:currentColor;display:block}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* value proposition additions */
.hero .pitch{font:600 clamp(18px,2.2vw,26px)/1.35 var(--body);color:var(--on-navy);max-width:60ch}
.hero .pitch b{color:var(--gold-hi);font-weight:700}
.names{display:grid;grid-template-columns:1fr auto 1fr auto 1.2fr;gap:14px;align-items:stretch;margin-top:40px}
.names .nm{background:var(--card);padding:22px 24px;border-top:3px solid var(--gold);display:flex;flex-direction:column;gap:8px;justify-content:center}
.names .nm b{font:800 clamp(26px,3vw,38px)/1 var(--display);text-transform:uppercase;letter-spacing:.04em}
.names .nm span{color:var(--muted);font-size:15px}
.names .nm.hi{background:var(--card2);border-top-color:var(--gold-hi)}
.names .nm.hi b i{font-style:normal;color:var(--gold-hi)}
.names .plus{background:none;border:0;padding:0;font:700 36px var(--display);color:var(--gold-hi);justify-content:center;align-items:center}
@media(max-width:900px){.names{grid-template-columns:1fr}.names .plus{padding:0;height:24px}}
.cols3.c4{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
#opportunity .stats{margin-bottom:0}
.col .who{color:var(--muted);font-size:15px;margin:2px 0 4px}
.col h4.mini{font:600 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-hi);margin:18px 0 6px}
.col p.sm{font-size:15px;color:var(--fg)}
.col.mid p.sm,.col.mid .who{color:var(--on-navy-m)}
ul.plain{list-style:none;margin:0;padding:0;display:grid;gap:8px}
ul.plain li{padding-left:16px;position:relative}
ul.plain li::before{content:"";position:absolute;left:0;top:.7em;width:7px;height:2px;background:var(--gold-hi)}
.twrap{overflow-x:auto;margin-top:40px;border:1px solid var(--line)}
.vt{width:100%;border-collapse:collapse;font-size:15px;min-width:640px}
.vt th,.vt td{padding:14px 18px;text-align:left;vertical-align:top;border-top:1px solid var(--line)}
.vt thead th{border-top:0;background:var(--card2);font:600 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-hi);padding-block:16px}
.vt tbody th{font-weight:600;color:var(--fg);background:var(--card);white-space:nowrap}
.vt td{background:var(--card);color:var(--muted)}
.vt tbody tr:hover td,.vt tbody tr:hover th{background:var(--card2)}
@media(max-width:700px){.vt{min-width:0;display:block}.vt thead{display:none}.vt tbody,.vt tr,.vt th,.vt td{display:block}.vt tr{border-top:1px solid var(--line);padding:6px 0;background:var(--card)}.vt th,.vt td{border:0;padding:6px 16px;white-space:normal}.vt td::before{content:attr(data-l);display:block;font:600 10px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-hi);margin-bottom:3px}}
.axisnote{margin-top:22px;font-size:15px;color:var(--muted)}
.axisnote span{font:600 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-hi);margin-right:10px}
.axisnote a{color:var(--gold-hi);font-weight:600}
.axis{justify-content:space-between}
.founder{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(24px,4vw,56px);margin-top:48px;align-items:start}
@media(max-width:860px){.founder{grid-template-columns:1fr}}
.founder h3{font-size:clamp(22px,2.4vw,30px);margin-bottom:16px;color:var(--on-navy)}
.founder .fp{color:var(--on-navy-m);margin-top:12px;font-size:15.5px}
.founder .fp b{color:var(--tan)}
.career{margin:0;padding:0;list-style:none;border-left:2px solid var(--line-navy);display:grid;gap:12px}
.career li{padding-left:18px;position:relative;font-size:15px;color:var(--on-navy)}
.career li::before{content:"";position:absolute;left:-6px;top:.55em;width:10px;height:10px;border-radius:50%;background:var(--tan)}
.sub3{margin-top:48px;font-size:20px;color:var(--tan)}
#about .twrap{margin-top:18px}
.next{margin-top:28px;border-left:3px solid var(--gold-hi);padding:6px 0 6px 20px;max-width:70ch}
.next .l{font:500 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--tan);display:block;margin-bottom:8px}
.next p{color:var(--on-navy);font-size:17px}
#pricing .tiers{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
#pricing .tier:nth-child(4){border-top-color:var(--gold-hi)}

/* ---- data center page ---- */
.dchero{padding-block:clamp(52px,8vw,104px) clamp(40px,5vw,64px)}
.dchero h1{font-size:clamp(40px,6vw,84px);font-weight:800;line-height:1;max-width:none;text-wrap:balance}
.dchero h1 span{background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.dchero .sub{font-size:clamp(18px,2.2vw,24px);max-width:72ch;margin-top:26px;color:var(--on-navy)}
.dchero .cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.toc{padding-block:clamp(44px,6vw,72px)}
.toc .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:36px}
.toc a.pc{background:var(--card);padding:22px 22px 24px;border-top:3px solid var(--gold);text-decoration:none;color:var(--fg);display:block}
.toc a.pc:hover{background:var(--card2)}
.toc .pc small{font:600 11px/1 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-hi);display:block;margin-bottom:10px}
.toc .pc b{font:700 21px/1.15 var(--display);display:block;margin-bottom:8px}
.toc .pc span{color:var(--muted);font-size:14px;line-height:1.5;display:block}

.dcmain{display:grid;grid-template-columns:268px minmax(0,1fr);gap:clamp(28px,4vw,64px);max-width:1360px;margin-inline:auto;padding-inline:20px;align-items:start}
@media(min-width:1081px) and (max-width:1439px){.nav nav{gap:12px}.nav nav a{font-size:12px;letter-spacing:.04em}.nav .btn.top{padding-inline:12px}}
.nav nav{gap:16px}.nav nav a,.nav .btn.top{white-space:nowrap}
@media(max-width:1180px){.nav nav a{font-size:12px;letter-spacing:.05em}.nav nav{gap:12px}}
.side{position:sticky;top:100px;max-height:calc(100vh - 116px);overflow:auto;padding:26px 8px 28px 0;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.side h5{font:600 11px/1 var(--body);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:0 0 14px}
.side ol{list-style:none;margin:0;padding:0}
.side .pg>a{display:flex;gap:10px;align-items:baseline;padding:8px 10px;color:var(--fg);text-decoration:none;font:600 14.5px/1.25 var(--body);border-left:2px solid var(--line)}
.side .pg>a i{font:700 12px var(--display);font-style:normal;color:var(--gold-hi);min-width:14px}
.side .pg>a:hover{background:#ffffff0d}
.side .pg.open>a{border-left-color:var(--gold-hi);background:#ffffff0a}
.side .pg ul{list-style:none;margin:0;padding:2px 0 8px 12px;display:none;border-left:2px solid var(--line-navy)}
.side .pg.open ul{display:block;border-left-color:var(--gold-hi)}
.side .pg li a{display:block;padding:5px 10px;color:var(--muted);text-decoration:none;font:500 11.5px/1.3 var(--body);letter-spacing:.06em;text-transform:uppercase}
.side .pg li a:hover{color:#fff}
.side .pg li a.on{color:var(--gold-hi)}
.jump{display:none}
@media (max-width:1040px){
  .dcmain{grid-template-columns:1fr}
  .side{display:none}
  .jump{display:block;position:sticky;top:68px;z-index:15;background:var(--navy2);border-bottom:1px solid var(--line-navy);padding:8px 20px}
  .jump select{width:100%;background:var(--card);color:var(--fg);border:1px solid var(--line);padding:11px 12px;font:500 14px var(--body);border-radius:2px}
  html{scroll-padding-top:118px}
}
.content{min-width:0;padding-bottom:40px}
.parthead{margin-top:clamp(40px,6vw,72px);padding:clamp(30px,4vw,52px) 0 6px;border-top:1px solid var(--line)}
.content>.parthead:first-child{margin-top:clamp(24px,3vw,40px);border-top:0}
.parthead small{font:700 12px/1 var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-hi);display:block;margin-bottom:14px}
.parthead h2{font-size:clamp(34px,5vw,60px);font-weight:800;line-height:1}
.parthead .pb{color:var(--on-navy);font-size:clamp(17px,1.8vw,20px);margin-top:16px;max-width:70ch}
.parthead .pl{color:var(--muted);margin-top:10px;max-width:72ch;font-size:16px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.chips a{border:1px solid var(--line);color:var(--muted);text-decoration:none;font:500 12px/1 var(--body);letter-spacing:.06em;text-transform:uppercase;padding:9px 12px}
.chips a:hover{border-color:var(--gold);color:#fff}
.chips a b{color:var(--gold-hi);font-weight:700;margin-right:6px}
.sec{padding:clamp(34px,4.4vw,56px) 0 clamp(34px,4.4vw,56px);border-top:1px solid var(--line-navy)}
.parthead+.sec{border-top:0}
.shead{display:flex;gap:12px;align-items:baseline;margin-bottom:12px;flex-wrap:wrap}
.shead .num{font:800 15px/1 var(--display);color:var(--gold-hi);letter-spacing:.04em}
.shead .kick{font:600 12px/1.2 var(--body);letter-spacing:.17em;text-transform:uppercase;color:var(--tan)}
.sec h3{font-size:clamp(27px,3.2vw,38px);font-weight:700;line-height:1.08;max-width:none;text-wrap:balance}
.slead{color:var(--muted);font-size:clamp(16px,1.6vw,18.5px);margin-top:14px;max-width:100ch}
.sec>*:not(.shead):not(h3):not(.slead):not(.gsearch){margin-top:26px}
.sec>.dstats:first-of-type,.sec>.dcards:first-of-type{margin-top:30px}
a.xref{color:var(--gold-hi);text-decoration:none;border-bottom:1px solid #CAB6A155}
a.xref:hover{border-bottom-color:var(--gold-hi)}

.dstats{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:14px}
.dstat{background:var(--card);border-top:3px solid var(--gold);padding:18px 18px 20px}
.dstat b{display:block;font:700 clamp(26px,3vw,36px)/1.05 var(--display);color:var(--gold-hi)}
.dstat span{display:block;margin-top:8px;font-size:14px;line-height:1.4;color:var(--muted)}
.dcards{display:grid;gap:14px}
.dcards.c1{grid-template-columns:1fr}
.dcards.c2{grid-template-columns:repeat(2,minmax(0,1fr))}
.dcards.c3{grid-template-columns:repeat(3,minmax(0,1fr))}
.dcards.c4{grid-template-columns:repeat(4,minmax(0,1fr))}
.dcards.c5{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:1180px){.dcards.c4,.dcards.c5{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.dcards.c3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.dcards.c2,.dcards.c3,.dcards.c4,.dcards.c5{grid-template-columns:1fr}}
.dcard{background:var(--card);padding:20px 20px 22px;border-top:3px solid var(--gold);min-width:0}
.dcard .ctop{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;margin-bottom:8px}
.dcard .cn{font:800 15px/1 var(--display);color:var(--gold-hi)}
.dcard .ctag{font:600 11px/1.3 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.dcard h4{font:700 18px/1.2 var(--display);margin:0 0 8px;color:#fff}
.dcard p{font-size:14.5px;line-height:1.55;color:var(--muted)}
.twrap{overflow-x:auto;border:1px solid var(--line);background:var(--card)}
.dtable{border-collapse:collapse;width:100%;font-size:14.5px;line-height:1.45}
.dtable th,.dtable td{padding:12px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.dtable thead th{background:var(--card2);font:600 11.5px/1.2 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-hi);white-space:nowrap}
.dtable tbody th{font-weight:600;color:#fff}
.dtable td{color:var(--muted)}
.dtable tbody tr:last-child th,.dtable tbody tr:last-child td{border-bottom:0}
.dtable tbody tr:hover{background:#ffffff08}
.dtable.n3,.dtable.n4,.dtable.n5,.dtable.n6,.dtable.n7{min-width:640px}
.tcap{font-size:13px;color:var(--muted);margin-top:8px!important}
.dsteps{list-style:none;margin:0;padding:0;counter-reset:s;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}
.dsteps li{counter-increment:s;background:var(--card);padding:18px 18px 20px;position:relative;min-width:0}
.dsteps .sn::before{content:counter(s);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--gold-grad);color:#1A2230;font:800 15px var(--display);margin-bottom:12px}
.dsteps h4{font:700 17px/1.2 var(--display);margin:0 0 6px}
.dsteps p{font-size:14px;line-height:1.5;color:var(--muted)}
.dtl{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0}
.dtl .te{padding:20px 20px 6px 0;border-top:2px solid var(--line);position:relative}
.dtl .te::before{content:"";position:absolute;top:-6px;left:0;width:10px;height:10px;background:var(--gold-hi);border-radius:50%}
.dtl time{font:700 12px/1 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-hi);display:block;margin-bottom:10px}
.dtl h4{font:700 17px/1.2 var(--display);margin:0 0 6px}
.dtl p{font-size:14px;line-height:1.5;color:var(--muted)}
.dbars{background:var(--card);padding:22px 22px 14px}
.dbars .bh{font:600 12px/1.2 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 16px}
.br{display:grid;grid-template-columns:minmax(90px,170px) 1fr minmax(88px,auto);gap:14px;align-items:center;padding:9px 0}
.bl{font-weight:600;font-size:14.5px;line-height:1.25}
.bt{height:16px;background:#ffffff10;display:block}
.bt i{display:block;height:100%;background:var(--gold-grad)}
.bv{font:600 14px/1.25 var(--body);color:var(--gold-hi);text-align:right}
@media (max-width:620px){.br{grid-template-columns:1fr auto;grid-template-areas:"l v" "t t"}.bl{grid-area:l}.bv{grid-area:v}.bt{grid-area:t}}
.dio{display:grid;grid-template-columns:1fr 24px 1.7fr 24px 1fr;gap:10px;align-items:center}
.dio .arr{font:700 22px var(--display);color:var(--gold-hi);text-align:center}
.ioin,.ioout{display:grid;gap:10px}
.ioi{background:var(--card);padding:12px 14px;border-left:3px solid var(--gold)}
.ioi b{display:block;font-weight:600;font-size:14.5px}
.ioi span{display:block;font-size:13px;color:var(--muted);margin-top:2px;line-height:1.4}
.ioc{background:var(--navy);border:1px solid var(--gold);padding:16px}
.ioc h4{font:700 13px/1 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-hi);margin:0 0 12px;text-align:center}
.iocg{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.ioc .ioi{background:var(--card2)}
@media (max-width:860px){.dio{grid-template-columns:1fr}.dio .arr{transform:rotate(90deg);padding:2px 0}}
.dlist .lt{font:600 12px/1.2 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-hi);margin:0 0 12px}
.dlist ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.dlist li{padding-left:18px;position:relative;font-size:15.5px;line-height:1.5}
.dlist li::before{content:"";position:absolute;left:0;top:.72em;width:8px;height:2px;background:var(--gold-hi)}
.dlist.xr ul{display:flex;flex-wrap:wrap;gap:8px}
.dlist.xr li{padding:0}.dlist.xr li::before{display:none}
.dlist.xr a.xref{display:block;border:1px solid var(--line);padding:8px 12px;font-size:13.5px;border-bottom-color:var(--line)}
.dlist.xr a.xref:hover{border-color:var(--gold-hi)}
.dcall{background:var(--card2);border-left:4px solid var(--gold-hi);padding:20px 24px;font:600 clamp(17px,1.9vw,21px)/1.4 var(--display);color:#fff;text-wrap:pretty}
.dnote{color:var(--muted);font-size:15.5px;line-height:1.6;max-width:100ch}
.dcols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start}
.dcols>div{min-width:0}
.dcols>div>*+*{margin-top:22px}
@media (max-width:860px){.dcols{grid-template-columns:1fr}}
.dfig{margin:0;background:var(--card);border:1px solid var(--line)}
.dfig img{width:100%;height:auto;display:block}
.dfig.diagram img{background:#fff}
.dfig figcaption{padding:12px 16px 14px;font-size:13.5px;line-height:1.45;color:var(--muted);display:flex;flex-direction:column;gap:4px}
.dfig figcaption em{font-style:normal;font-size:12px;color:#8995A6}
.dgal{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.dgal figure{margin:0;background:var(--card)}
.dgal img{width:100%;aspect-ratio:4/3;object-fit:cover}
.dgal figcaption{padding:10px 12px;font-size:13.5px;color:var(--muted)}.dgal b{display:block;color:#fff}

/* appendix A */
.agroup{margin-top:46px}
.agroup h3{font:700 clamp(24px,2.8vw,32px)/1.1 var(--display);margin-bottom:18px;display:flex;align-items:center;gap:14px}
.agroup h3::after{content:"";flex:1;height:1px;background:var(--line)}
.agrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.acard{background:var(--card);border:0;padding:0;text-align:left;color:var(--fg);cursor:pointer;display:flex;flex-direction:column;font:inherit}
.acard img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#10141b}
.acard .at{padding:11px 13px 14px;display:flex;flex-direction:column;gap:4px}
.acard small{font:700 11px/1 var(--display);letter-spacing:.1em;color:var(--gold-hi)}
.acard b{font:600 14.5px/1.3 var(--body)}
.acard:hover{background:var(--card2)}
.acard:focus-visible{outline:3px solid var(--gold-hi)}
dialog.lb{border:0;padding:0;background:var(--navy2);color:var(--fg);max-width:min(1100px,94vw);width:100%;max-height:92vh;overflow:auto;border:1px solid var(--line)}
dialog.lb::backdrop{background:#0a0d12e6}
.lb .lbx{position:sticky;top:0;float:right;margin:10px;background:#000a;color:#fff;border:1px solid var(--line);width:38px;height:38px;font-size:20px;cursor:pointer;z-index:2}
.lb img{width:100%;max-height:62vh;object-fit:contain;background:#0d1116;display:block}
.lb .lbb{padding:20px 24px 26px;display:grid;grid-template-columns:1.3fr 1fr;gap:22px 34px}
.lb h3{font:700 26px/1.1 var(--display)}
.lb .lbn{font:700 12px/1 var(--display);letter-spacing:.12em;color:var(--gold-hi);display:block;margin-bottom:10px}
.lb p{color:var(--muted);font-size:15px;margin-top:10px}
.lb .lbw{font-size:13.5px}
.lb h5{font:600 11.5px/1 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-hi);margin:0 0 10px}
.lb ul{margin:0 0 18px;padding-left:18px;font-size:14.5px;color:var(--fg);display:grid;gap:7px}
.lb .lbx2 a{display:inline-block;margin:0 8px 8px 0;border:1px solid var(--line);padding:7px 10px;font-size:13px;color:var(--gold-hi);text-decoration:none}
@media (max-width:760px){.lb .lbb{grid-template-columns:1fr}}

/* glossary search */
.gsearch{margin-top:22px;display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center}
.gsearch label{font:600 11.5px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-hi);width:100%}
.gsearch input{flex:1;min-width:230px;max-width:520px;background:var(--card);border:1px solid var(--line);color:#fff;padding:12px 14px;font:500 15px var(--body)}
.gsearch input:focus{outline:2px solid var(--gold-hi);border-color:transparent}
#gcount{font-size:13px;color:var(--muted)}
.dtable tr.hide{display:none}
.endcta{margin-top:clamp(40px,6vw,72px)}
.dcnote{max-width:78ch}