/* NOVAGENTEC — static site styles
   Motion is intentionally absent in this release. Elements carry data-motion="<ComponentName>"
   hooks (SmokeField, KineticWordmark, GlitchHeadline, BackdropStack, HoverRevealCell, ScanlineSweep)
   for the motion update. Only simple hover/focus colour and underline states live here. */

@font-face{font-family:"Archivo Black";src:url("../fonts/ArchivoBlack.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url("../fonts/SourceSans3.woff2") format("woff2");font-weight:200 900;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url("../fonts/PlexMono-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url("../fonts/PlexMono-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}

:root{
  --f-display:"Archivo Black","Arial Black",sans-serif;
  --f-body:"Source Sans 3","Segoe UI",system-ui,sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;

  /* Parent / gateway */
  --carbon:#070709;
  --mineral:#F5F5F2;
  --mineral-2:#C9CAC6;      /* secondary text on carbon, 11:1 */
  --line-dark:rgba(245,245,242,.22);

  /* Commercial (light) */
  --paper:#F4F3EF;          /* warm off-white canvas */
  --panel:#E8E7E2;          /* banded sections */
  --card:#FBFBF8;
  --ink:#151617;            /* headlines */
  --graphite:#34363A;       /* body */
  --graphite-2:#55575B;     /* secondary body, 6.5:1 on paper / 5.8:1 on panel */
  --silver:#A7A8A5;
  --silver-2:#B8BCC2;
  --silver-ink:#76787C;     /* silver used as text (step numerals), 4.1:1 on panel at display size */
  --band:#2A2C2F;           /* product bands */
  --band-2:#1D1E20;

  /* Division + product accents (product accents only inside their own surface) */
  --bronze:#735638;
  --fleet:#FF5500;
  --creator:#00F0FF;

  --wrap:1200px;
  --gutter:clamp(20px,4.2vw,48px);
  --sec:clamp(64px,8vw,112px);
  --radius:2px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:auto}
body{margin:0;font-family:var(--f-body);font-size:1.0625rem;line-height:1.55;font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3,p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.wrap{width:100%;max-width:calc(var(--wrap) + var(--gutter)*2);margin-inline:auto;padding-inline:var(--gutter)}

.skip{position:absolute;left:12px;top:-60px;z-index:100;padding:10px 16px;background:var(--mineral);color:var(--carbon);font-family:var(--f-mono);font-size:.8125rem;letter-spacing:.12em;text-transform:uppercase;text-decoration:none}
.skip:focus{top:12px}

.display{font-family:var(--f-display);font-weight:400;text-transform:uppercase;letter-spacing:-.02em;line-height:.94;text-wrap:balance}
.mono{font-family:var(--f-mono);font-weight:500;text-transform:uppercase;letter-spacing:.2em;font-size:.75rem;line-height:1.5}
.i-arrow{width:1em;height:1em;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:square}

:focus-visible{outline:2px solid currentColor;outline-offset:3px}

/* ============ GATEWAY + GOVTECH (dark) ============ */
.theme-dark{background:var(--carbon);color:var(--mineral)}
.theme-dark ::selection{background:var(--mineral);color:var(--carbon)}
.theme-dark{scrollbar-color:#3a3b3e var(--carbon)}
.gw{position:relative;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;isolation:isolate;overflow:hidden}
.gw-atmos{position:absolute;inset:0;z-index:-1;background:
  linear-gradient(180deg,rgba(7,7,9,.15) 0%,rgba(7,7,9,0) 30%,rgba(7,7,9,.35) 100%),
  url("../img/gw-atmosphere.webp") center/cover no-repeat,var(--carbon)}
.gw-top{border-bottom:1px solid var(--line-dark)}
.gw-top .wrap{display:flex;align-items:center;gap:18px;height:72px;max-width:none}
.gw-brand{display:flex;align-items:center;gap:18px;text-decoration:none}
.gw-brand img{width:30px;height:auto}
.gw-brand .sep{width:1px;height:26px;background:var(--line-dark)}
.gw-brand .mono{font-size:.6875rem;color:var(--mineral-2)}
.gw-brand:hover .mono{color:var(--mineral)}

.gw-main{flex:1;display:flex;flex-direction:column;align-items:center;padding:clamp(40px,5.5vw,72px) 0 clamp(32px,4vw,48px)}
.gw-eyebrow{color:var(--mineral-2);font-size:.75rem;letter-spacing:.32em;text-align:center}
.gw-word{font-size:clamp(2.6rem,10.3vw,9.5rem);line-height:.86;margin:.16em 0 .2em;text-align:center;color:var(--mineral);letter-spacing:-.02em;white-space:nowrap}
.gw-tag{color:var(--mineral-2);font-size:.8125rem;letter-spacing:.32em;text-align:center;font-weight:400}

.gw-cards{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,1.8vw,26px);width:100%;max-width:calc(1220px + var(--gutter)*2);margin-top:clamp(32px,3.6vw,48px)}
.gw-card{position:relative;display:flex;flex-direction:column;border:1px solid rgba(245,245,242,.34);background:#0b0b0d;aspect-ratio:560/719;max-height:820px;overflow:hidden}
.gw-card figure{margin:0;position:absolute;inset:0}
.gw-card figure img{width:100%;height:100%;object-fit:cover;object-position:50% 0}
.gw-card figure::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,11,13,0) 40%,rgba(11,11,13,.55) 62%,rgba(11,11,13,.9) 100%)}
.gw-card-body{position:relative;margin-top:auto;padding:0 clamp(22px,2.6vw,36px) clamp(22px,2.6vw,32px)}
.gw-card .rule{display:block;width:54px;height:1px;background:var(--mineral);opacity:.7;margin-bottom:18px}
.gw-card h2{font-size:clamp(2rem,3.2vw,3rem);line-height:.95}
.gw-card .div-label{margin-top:10px;color:var(--mineral-2);font-size:.6875rem;letter-spacing:.24em}
.gw-card .lede{font-size:clamp(1.375rem,2vw,1.875rem);font-weight:600;line-height:1.15;margin-top:18px;letter-spacing:-.005em}
.gw-card .for{color:var(--mineral-2);margin-top:14px;font-size:1rem}
.gw-enter{display:flex;align-items:center;justify-content:space-between;margin-top:26px;padding-top:16px;border-top:1px solid rgba(245,245,242,.4);text-decoration:none;font-size:.75rem}
.gw-enter .i-arrow{width:20px;height:20px}
.gw-enter::after{content:"";position:absolute;inset:0}           /* whole card clickable */
.gw-card:hover{border-color:rgba(245,245,242,.7)}
.gw-card:hover .gw-enter{border-top-color:var(--mineral)}
.gw-card.is-gov:hover{border-color:#a07a52}
.gw-card.is-gov .rule{background:#a07a52;opacity:1}
.gw-card.is-gov .gw-enter{border-top-color:rgba(160,122,82,.75)}
.gw-card:focus-within{outline:2px solid var(--mineral);outline-offset:4px}
.gw-enter:focus-visible{outline:none}

.gw-foot{padding:0 0 28px;display:flex;justify-content:center}
.gw-foot p{display:flex;align-items:center;gap:22px;color:var(--mineral-2);font-size:.6875rem;letter-spacing:.28em}
.gw-foot p::before,.gw-foot p::after{content:"";width:40px;height:1px;background:var(--line-dark)}

/* GovTech placeholder */
.gt-hero{position:relative;flex:1;display:flex;align-items:center;isolation:isolate}
.gt-hero picture,.gt-hero>img{position:absolute;inset:0;z-index:-2}
.gt-hero .bg{width:100%;height:100%;object-fit:cover;object-position:70% 50%}
.gt-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--carbon) 0%,rgba(7,7,9,.86) 38%,rgba(7,7,9,.25) 75%,rgba(7,7,9,.45) 100%)}
.gt-copy{max-width:640px;padding-block:clamp(56px,8vw,120px)}
.gt-rule{display:block;width:56px;height:2px;background:var(--bronze)}
.gw-brand .lockup{font-family:var(--f-display);font-size:1rem;letter-spacing:-.02em;color:var(--mineral)}
.gw-brand .lockup span{font-family:var(--f-body);font-size:.9375rem;letter-spacing:.08em;color:var(--mineral-2);margin-left:6px}
.gt-copy h1{font-size:clamp(3rem,8vw,6rem);margin:22px 0 22px}
.gt-copy .lede{font-size:clamp(1.375rem,2.2vw,1.875rem);font-weight:600;line-height:1.15}
.gt-copy .for{color:var(--mineral-2);margin-top:12px}
.gt-status{margin-top:36px;padding:22px 0;border-block:1px solid var(--bronze);display:grid;gap:8px}
.gt-status .mono{color:var(--mineral)}
.gt-status p:not(.mono){color:var(--mineral-2);max-width:52ch}
.gt-links{display:flex;flex-wrap:wrap;gap:14px 28px;margin-top:30px}
.link-u{display:inline-flex;align-items:center;gap:10px;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:4px}
.theme-dark .link-u{border-color:var(--bronze)}
.theme-dark .link-u:hover{border-color:var(--mineral)}

@media (max-width:760px){
  .gw-top .wrap{height:60px}
  .gw-word{font-size:11.6vw}
  .gw-eyebrow,.gw-tag{letter-spacing:.22em;font-size:.6875rem;padding-inline:var(--gutter)}
  .gw-cards{grid-template-columns:1fr}
  .gw-card{aspect-ratio:auto;min-height:540px}
  .gw-foot p::before,.gw-foot p::after{width:24px}
}

/* ============ COMMERCIAL (light) ============ */
.theme-com{background:var(--paper);color:var(--graphite);scrollbar-color:var(--silver) var(--paper)}
.theme-com ::selection{background:var(--ink);color:var(--paper)}
.theme-com h2,.theme-com h3{color:var(--ink)}

/* nav */
.c-nav{position:sticky;top:0;z-index:50;background:rgba(244,243,239,.96);border-bottom:1px solid #D9D8D3}
.c-nav .wrap{display:flex;align-items:center;justify-content:space-between;height:68px;gap:24px}
.c-lockup{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);white-space:nowrap}
.c-lockup b{font-family:var(--f-display);font-weight:400;font-size:1.25rem;letter-spacing:-.02em}
.c-lockup span{font-size:1.0625rem;letter-spacing:.06em;color:var(--graphite)}
.c-lockup span::before{content:"·";margin-right:12px;color:var(--graphite-2)}
.c-menu{display:flex;align-items:center;gap:clamp(18px,2.6vw,36px)}
.c-menu a{text-decoration:none;font-size:1rem;color:var(--graphite)}
.c-menu a.btn{color:var(--paper)}
.c-menu a:not(.btn):hover{color:var(--ink);text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
.c-toggle{display:none;background:none;border:0;padding:10px;margin-right:-10px;color:var(--ink);cursor:pointer}
.c-toggle svg{width:26px;height:26px;stroke:currentColor;stroke-width:2;fill:none}

.btn{display:inline-flex;align-items:center;gap:12px;font-family:var(--f-display);font-weight:400;text-transform:uppercase;letter-spacing:-.005em;font-size:.875rem;line-height:1;text-decoration:none;padding:15px 22px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);border-radius:var(--radius);white-space:nowrap}
.btn:hover{background:#000;color:#fff;box-shadow:0 6px 18px -8px rgba(0,0,0,.45)}
.btn-sm{padding:12px 20px;font-size:.8125rem}
.btn-lg{padding:20px 30px;font-size:1rem}
.btn .i-arrow{width:16px;height:16px}
.theme-com .btn:focus-visible{outline:2px solid var(--ink);outline-offset:3px}

.tlink{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:600;font-size:1rem;padding-bottom:3px;border-bottom:1px solid var(--silver)}
.tlink:hover{border-bottom-color:var(--ink)}
.tlink .i-arrow{width:15px;height:15px}

.kicker{color:var(--graphite);font-size:.75rem;letter-spacing:.28em}

/* hero */
.c-hero{position:relative;isolation:isolate;min-height:clamp(560px,41vw,700px);display:flex;justify-content:center;overflow:hidden;background:#f2f2f0}
.c-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 100%;z-index:-2}
.c-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:
  radial-gradient(60% 55% at 50% 22%,rgba(246,246,243,.92) 0%,rgba(246,246,243,.72) 45%,rgba(246,246,243,0) 75%)}
.c-hero-copy{text-align:center;padding-top:clamp(36px,4.2vw,64px);display:flex;flex-direction:column;align-items:center}
.c-hero h1{font-size:clamp(2.3rem,5.1vw,5.25rem);color:var(--ink);line-height:.92}
.c-hero p{max-width:46ch;margin-top:20px;font-size:clamp(1.0625rem,1.45vw,1.3125rem);color:#26282B;line-height:1.4}
.c-hero-cta{display:flex;align-items:center;gap:26px;margin-top:26px;flex-wrap:wrap;justify-content:center}
.c-hero-cta .tlink{border-bottom-color:transparent}
.c-hero-cta .tlink:hover{border-bottom-color:var(--ink)}

/* pillars */
.c-pillars{background:var(--panel);border-block:1px solid #D9D8D3}
.c-pillars ul{display:grid;grid-template-columns:repeat(3,1fr)}
.c-pillars li{padding:34px clamp(20px,2.6vw,40px);display:grid;grid-template-columns:auto 1fr;gap:6px 18px;align-content:start}
.c-pillars li+li{border-left:1px solid var(--silver)}
.c-pillars li:first-child{padding-left:0}
.c-pillars .ico{display:none;grid-row:span 2;width:30px;height:30px;stroke:var(--ink);stroke-width:1.5;fill:none;margin-top:2px}
.c-pillars h3{font-family:var(--f-display);font-weight:400;text-transform:uppercase;font-size:1.0625rem;letter-spacing:-.005em;grid-column:1/-1}
.c-pillars p{grid-column:1/-1;color:var(--graphite);max-width:34ch}

/* section heads */
.sec{padding-block:var(--sec)}
.sec-panel{background:var(--panel)}
.head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 48px;align-items:end;margin-bottom:clamp(36px,4vw,56px)}
.head h2{font-size:clamp(1.9rem,3.7vw,3.25rem)}
.head .aside{color:var(--graphite);font-size:1.1875rem;line-height:1.45;max-width:30ch;justify-self:end;padding-bottom:.35em}
.head-stack .kicker{display:block;margin-bottom:14px}

/* tiers */
.tiers-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.9fr);gap:20px 48px;align-items:center;margin-bottom:clamp(32px,4vw,52px)}
.tiers-head .kicker{display:flex;align-items:flex-end;gap:24px;line-height:1.7}
.tiers-head .kicker::after{content:"";flex:1;height:1px;background:var(--silver-2);margin-bottom:.6em;max-width:200px}
.tiers-head h2{font-size:clamp(1.9rem,4vw,3.75rem)}
.tiers-head p{margin-top:12px;font-size:1.1875rem;color:var(--graphite)}
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.6vw,22px)}
.tier{background:var(--card);border:1px solid #D6D7D7;display:flex;flex-direction:column}
.tier:hover{border-color:var(--silver)}
.shot{position:relative;margin:0;aspect-ratio:205/121;overflow:hidden;background:#e9e9e7}
.shot img{width:100%;height:100%;object-fit:cover}
.shot .ph{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:var(--w,40%);text-align:center;font-family:var(--f-mono);font-weight:500;font-size:clamp(.5625rem,.72vw,.6875rem);letter-spacing:.16em;line-height:1.45;text-transform:uppercase;color:#45474B}
.tier-body{padding:22px 24px 26px;display:flex;flex-direction:column;flex:1}
.tier-body .mono{color:var(--ink);font-size:.8125rem;letter-spacing:.14em}
.tier h3{font-family:var(--f-display);font-weight:400;text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(1.375rem,1.9vw,1.75rem);line-height:1;margin-top:8px}
.tier p{margin-top:12px;max-width:30ch;flex:1}
.tier .tlink{margin-top:20px;align-self:flex-start}

/* services */
.svc{display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(28px,3.4vw,48px)}
.svc-cell{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(18px,2vw,28px);align-items:center;padding:18px 0;border-bottom:1px solid #CFCFCB}
.svc-cell:nth-child(-n+2){border-top:1px solid #CFCFCB}
.svc-cell figure{margin:0;aspect-ratio:157/80;overflow:hidden;background:#dcdcd9}
.svc-cell img{width:100%;height:100%;object-fit:cover}
.svc-cell h3{font-family:var(--f-display);font-weight:400;text-transform:uppercase;font-size:1.0625rem;letter-spacing:-.005em;line-height:1.15}
.svc-cell p{margin-top:8px;color:var(--graphite);max-width:28ch}
.svc-cell .tlink{margin-top:12px;font-size:.9375rem}
.svc-cell:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}

/* work bands */
.work-intro{padding-block:var(--sec) clamp(28px,3vw,40px)}
.work-intro h2{font-size:clamp(1.9rem,4vw,3.75rem)}
.band{position:relative;color:#ECEDEE;isolation:isolate;overflow:hidden}
.band .mono.label{color:#E6E8EA;font-size:.75rem;letter-spacing:.24em}
.band h2,.band h3{color:#F5F5F2}
.band-fleet{background:#2B2C2E linear-gradient(90deg,#2B2C2E 0%,#2B2C2E 35%,#4a4b4e 100%)}
.band-fleet .wrap{position:static;min-height:clamp(440px,36vw,540px);display:flex;align-items:center}
.band-fleet .copy{padding-block:56px;position:relative;z-index:1;max-width:min(46%,560px)}
.band-fleet .art{position:absolute;top:0;right:0;bottom:56px;width:58%;margin:0}
.band-fleet .art img{width:100%;height:100%;object-fit:cover;object-position:30% 30%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24%);mask-image:linear-gradient(90deg,transparent 0,#000 24%)}
.band-fleet .label{position:absolute;right:max(var(--gutter),calc((100% - var(--wrap))/2));bottom:20px;z-index:1}
.prod{display:block;font-family:var(--f-display);font-weight:400;letter-spacing:-.02em;text-transform:uppercase;font-size:clamp(2rem,4vw,3.5rem);line-height:.95}
.band-fleet .prod{color:var(--fleet)}
.band-fleet .prod-sub,.band-fleet .prod{font-size:clamp(2rem,3.6vw,3.25rem)}
.band h2.sub{font-size:clamp(2rem,4vw,3.5rem)}
.band p.lede{margin-top:20px;font-size:clamp(1.0625rem,1.5vw,1.3125rem);color:#E4E5E7;max-width:30ch;line-height:1.4}
.band .tlink{color:#F5F5F2;border-bottom-color:rgba(245,245,242,.55);margin-top:24px;font-size:1.0625rem;font-weight:500}
.band .tlink:hover{border-bottom-color:#F5F5F2}
.band-fleet .tlink:hover{border-bottom-color:var(--fleet)}
.band-fleet .tlink:focus-visible{outline-color:var(--fleet)}

.band-creator{background:#454d53 linear-gradient(180deg,#3d454b 0%,#5a6268 100%);padding-block:clamp(48px,5vw,72px) clamp(26px,3vw,36px)}
.band-creator .top{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);gap:20px 48px;align-items:end}
.band-creator .prod{color:var(--creator)}
.band-creator .top p.lede{margin-top:0}
.band-creator .devices{margin:clamp(28px,3vw,40px) auto 0;max-width:1200px}
.dev-row{display:flex;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent),linear-gradient(180deg,transparent,#000 7%,#000 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent),linear-gradient(180deg,transparent,#000 7%,#000 100%);mask-composite:intersect}
.dev-phones{width:49.03%}.dev-desk{width:50.97%}
.band-creator .prod-sub{font-size:clamp(1.75rem,3.1vw,2.75rem)}
.band-creator .label{display:block;text-align:center;margin-top:22px}
.band-creator .tlink:hover{border-bottom-color:var(--creator)}
.band-creator .tlink:focus-visible{outline-color:var(--creator)}

/* real work placeholders */
.slots{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2vw,24px)}
.slot figure{position:relative;margin:0;aspect-ratio:307/82;overflow:hidden;background:#ececea;border:1px dashed var(--silver)}
.slot figure img{width:100%;height:100%;object-fit:cover}
.slot h3{font-family:var(--f-display);font-weight:400;text-transform:uppercase;font-size:1.0625rem;margin-top:18px}
.slot p{margin-top:6px;color:var(--graphite-2)}

/* process */
.steps{display:grid;grid-template-columns:repeat(3,1fr)}
.step{display:grid;grid-template-columns:auto 1fr;gap:4px 20px;padding:6px clamp(18px,2.6vw,40px) 6px;align-content:start}
.step:first-child{padding-left:0}
.step+.step{border-left:1px solid var(--silver)}
.step .num{font-family:var(--f-display);font-size:clamp(2.75rem,4.2vw,4rem);line-height:.85;color:var(--silver-ink);grid-row:span 2;letter-spacing:-.02em}
.step h3{font-family:var(--f-display);font-weight:400;text-transform:uppercase;font-size:1.0625rem;line-height:1.15}
.step p{color:var(--graphite);max-width:30ch}

/* CTA */
.cta{padding-block:clamp(64px,7vw,104px)}
.cta .wrap{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:28px 56px;align-items:center}
.cta h2{font-size:clamp(2.6rem,5.6vw,5.5rem);line-height:.9}
.cta p{font-size:1.1875rem;max-width:34ch;line-height:1.45}
.cta .btn{margin-top:24px}

/* footer */
.c-foot{background:#111214;color:#E6E6E3}
.c-foot .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px 32px;flex-wrap:wrap;padding-block:30px}
.c-foot .c-lockup{color:#F5F5F2}
.c-foot .c-lockup span{color:#D2D3D0}
.c-foot .c-lockup span::before{color:#A9AAA6}
.c-foot .tagline{font-size:1.0625rem;color:#E6E6E3}
.c-foot .meta{width:100%;display:flex;flex-wrap:wrap;gap:10px 28px;border-top:1px solid rgba(245,245,242,.14);padding-top:18px;font-size:.6875rem;color:#B9BAB6}
.c-foot .meta a{text-decoration:none}
.c-foot .meta a:hover{color:#F5F5F2;text-decoration:underline;text-underline-offset:4px}
.c-foot :focus-visible{outline-color:#F5F5F2}

/* ---- responsive ---- */
@media (max-width:1024px){
  .tiers-head{grid-template-columns:1fr}
  .tiers-head .kicker::after{max-width:120px}
}
@media (max-width:860px){
  .c-toggle{display:block}
  .c-menu{position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;background:var(--paper);border-bottom:1px solid #D9D8D3;padding:8px var(--gutter) 20px;display:none}
  .c-menu.is-open{display:flex}
  .c-menu a:not(.btn){padding:14px 0;border-bottom:1px solid #E0DFDA;font-size:1.0625rem}
  .c-menu .btn{margin-top:16px;justify-content:center}
  .no-js .c-menu{position:static;display:flex;flex-direction:row;padding:0;border:0;background:none}
  .head{grid-template-columns:1fr}
  .head .aside{justify-self:start;padding-bottom:0}
  .tiers{grid-template-columns:1fr}
  .tier{display:grid;grid-template-columns:1fr}
  .svc{grid-template-columns:1fr}
  .svc-cell:nth-child(2){border-top:0}
  .band-fleet{background:#2B2C2E}
  .band-fleet .wrap{display:block;min-height:0;padding-bottom:20px}
  .band-fleet .copy{padding-block:48px 28px;max-width:none}
  .band-fleet .art{position:relative;inset:auto;width:auto;margin-inline:calc(var(--gutter)*-1);aspect-ratio:866/458}
  .band-fleet .art img{-webkit-mask-image:none;mask-image:none}
  .band-fleet .label{position:static;display:block;text-align:center;margin-top:18px}
  .band-creator .top{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr;gap:0}
  .step{padding:22px 0;border-left:0!important;border-top:1px solid var(--silver)}
  .step:first-child{border-top:0;padding-top:0}
  .cta .wrap{grid-template-columns:1fr}
}
@media (max-width:640px){
  .c-nav .wrap{height:60px}
  .c-lockup b{font-size:1.0625rem}
  .c-lockup span{font-size:.875rem}
  .c-lockup span::before{margin-right:8px}
  .c-lockup{gap:8px}
  .c-hero{min-height:620px}
  .c-hero>img{object-position:50% 100%}
  .c-hero::before{background:linear-gradient(180deg,rgba(246,246,243,.9) 0%,rgba(246,246,243,.8) 46%,rgba(246,246,243,0) 66%)}
  .c-hero h1{font-size:clamp(2.1rem,10.2vw,2.75rem)}
  .c-hero-cta{flex-direction:column;gap:18px}
  .c-pillars ul{grid-template-columns:1fr}
  .c-pillars li{padding:20px 0;grid-template-columns:30px 1fr;gap:2px 18px}
  .c-pillars li+li{border-left:0;border-top:1px solid #CFCFCB}
  .c-pillars .ico{display:block}
  .c-pillars h3,.c-pillars p{grid-column:2}
  .svc-cell{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:16px;align-items:start}
  .svc-cell figure{aspect-ratio:157/100}
  .slots{gap:14px}
  .slot figure{aspect-ratio:2/1}
  .slot figure img{object-position:var(--ox,50%) 50%}
  .slot .ph{left:var(--mx,50%);top:var(--my,46%);width:58%;font-size:.5rem;letter-spacing:.1em}
  .dev-row{flex-direction:column;gap:18px;-webkit-mask-image:none;mask-image:none}
  .dev-phones,.dev-desk{width:100%}
  .dev-desk{width:78%;margin-inline:auto}
  .c-hero::before{background:linear-gradient(180deg,rgba(246,246,243,.82) 0%,rgba(246,246,243,.62) 44%,rgba(246,246,243,0) 62%)!important}
  .slot h3{font-size:.875rem}
  .slot p{font-size:.9375rem}
  .shot .ph{font-size:.5625rem;letter-spacing:.12em}
  .slot .shot .ph{font-size:.4375rem;letter-spacing:.06em;width:44%;color:#8a8c90}
  .tiers-head .kicker{font-size:.6875rem}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.prod-sub{display:block;font-size:clamp(2rem,4vw,3.5rem);line-height:.95;color:#F5F5F2;margin-top:4px}
@media (max-width:760px){
  .gt-hero::before{background:linear-gradient(180deg,rgba(7,7,9,.62) 0%,rgba(7,7,9,.86) 30%,rgba(7,7,9,.9) 75%,rgba(7,7,9,.7) 100%)}
  .gt-hero .bg{object-position:72% 50%}
}
.gw-brand .gw-word{font-family:var(--f-display);font-size:1rem;letter-spacing:.32em;color:var(--mineral);line-height:1}
@media (max-width:480px){.gw-brand .gw-word{font-size:.8125rem;letter-spacing:.24em}}