
:root{
 --bg:#060d14;
 --bg-2:#0a121c;
 --panel:#0d1824;
 --panel-2:#122133;
 --panel-3:#18293d;
 --line:rgba(255,255,255,.08);
 --line-strong:rgba(230,194,102,.2);
 --text:#edf4fb;
 --muted:#9eb1c5;
 --gold:#d2ab53;
 --gold-soft:#f2dca4;
 --cyan:#8edfff;
 --red:#a62f3f;
 --shadow:0 28px 70px rgba(0,0,0,.42);
 --radius:28px;
 --max:1200px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
 margin:0;
 min-height:100vh;
 color:var(--text);
 font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
 background:
  radial-gradient(circle at 15% -5%, rgba(210,171,83,.14), transparent 24%),
  radial-gradient(circle at 85% 10%, rgba(142,223,255,.10), transparent 22%),
  linear-gradient(180deg,#050a11 0%,#09111b 42%,#060c13 100%);
}
body::before,
body::after{
 content:"";
 position:fixed;
 inset:0;
 pointer-events:none;
 z-index:0;
}
body::before{
 background:
  linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
  linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
 background-size:68px 68px;
 mask-image:linear-gradient(180deg, rgba(0,0,0,.38), transparent 80%);
}
body::after{
 background:
  radial-gradient(circle at 50% 0%, transparent 0 35%, rgba(0,0,0,.32) 100%),
  linear-gradient(135deg, rgba(166,47,63,.10), transparent 22%, transparent 82%, rgba(210,171,83,.08) 100%);
 opacity:.7;
}
.site-shell{position:relative; z-index:1; overflow:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,textarea{font:inherit}
.container{width:min(calc(100% - 2rem),var(--max));margin-inline:auto}
h1,h2,h3,h4{font-family:Rajdhani,Inter,sans-serif;line-height:.95;letter-spacing:.02em;margin:0 0 1rem}
p{margin:0 0 1rem;line-height:1.72;color:var(--muted)}
ul{margin:0;padding-left:1.1rem}
li{color:var(--muted)}

.topbar{
 border-bottom:1px solid var(--line);
 background:linear-gradient(180deg, rgba(8,16,25,.92), rgba(5,10,17,.88));
 backdrop-filter:blur(14px);
}
.topbar-inner{
 display:flex;
 justify-content:space-between;
 align-items:center;
 gap:1rem 1.5rem;
 padding:.72rem 0;
 font-size:.84rem;
 letter-spacing:.08em;
 text-transform:uppercase;
 flex-wrap:wrap;
}
.topbar-stack{
 display:flex;
 align-items:center;
 gap:1rem 1.25rem;
 flex-wrap:wrap;
 min-width:0;
}
.topbar-item{display:flex;align-items:center;gap:.55rem;color:var(--muted)}
.topbar-actions{
 margin-left:auto;
 display:flex;
 align-items:center;
 justify-content:flex-end;
 gap:.7rem;
 flex-wrap:wrap;
}
.topbar-link{
 display:inline-flex;
 align-items:center;
 justify-content:center;
 white-space:nowrap;
 padding:.62rem 1rem;
 border-radius:999px;
 border:1px solid rgba(210,171,83,.24);
 background:rgba(210,171,83,.10);
 color:var(--gold-soft);
 font-size:.76rem;
 font-weight:800;
 letter-spacing:.12em;
 transition:transform .18s ease, background .18s ease, border-color .18s ease, color .18s ease;
}
.topbar-link-secondary{
 border-color:rgba(255,255,255,.11);
 background:rgba(255,255,255,.045);
 color:var(--text);
}
.topbar-link:hover{
 transform:translateY(-1px);
 background:rgba(210,171,83,.16);
 border-color:rgba(210,171,83,.34);
}
.topbar-link-secondary:hover{
 background:rgba(255,255,255,.09);
 border-color:rgba(255,255,255,.16);
}
.status-dot{
 width:.58rem;height:.58rem;border-radius:50%;
 background:var(--gold);
 box-shadow:0 0 0 .26rem rgba(210,171,83,.12),0 0 26px rgba(210,171,83,.45);
}
.topbar strong{color:var(--text)}

.header{
 position:sticky;
 top:0;
 z-index:30;
 background:rgba(7,14,21,.82);
 backdrop-filter:blur(18px);
 border-bottom:1px solid rgba(255,255,255,.05);
}
.nav-shell{
 display:grid;
 grid-template-columns:auto 1fr;
 align-items:center;
 gap:1.1rem;
 padding:.95rem 0;
}
.brand{
 display:flex;
 align-items:center;
 gap:.9rem;
 min-width:0;
}
.brand-icon{
 width:58px;height:58px;border-radius:18px;
 border:1px solid rgba(255,255,255,.08);
 background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015));
 box-shadow:inset 0 1px 0 rgba(255,255,255,.06), var(--shadow);
 display:grid;place-items:center;
 overflow:hidden;
 flex:0 0 auto;
}
.brand-icon img{
 width:100%;
 height:100%;
 object-fit:contain;
 opacity:.92;
 filter:drop-shadow(0 0 12px rgba(240,224,187,.12));
}
.brand-lockup{display:flex;flex-direction:column;gap:.2rem;min-width:0}
.brand-wordmark{
 width:min(320px, 100%);
 height:auto;
 opacity:.96;
}
.brand-lockup small{
 color:var(--muted);
 letter-spacing:.2em;
 text-transform:uppercase;
 font-size:.66rem;
 white-space:nowrap;
}

.nav-links{
 display:flex;
 justify-content:flex-end;
 align-items:center;
 gap:.2rem;
 min-width:0;
}
.nav-links a{
 white-space:nowrap;
 padding:.66rem .82rem;
 border-radius:999px;
 color:#c4d0db;
 font-size:.94rem;
 font-weight:600;
 letter-spacing:.02em;
 transition:background .2s ease, color .2s ease, transform .2s ease;
}
.nav-links a:hover,
.nav-links a.active{
 background:rgba(255,255,255,.06);
 color:var(--text);
}
.nav-actions{
 display:flex;
 align-items:center;
 justify-content:flex-end;
 gap:.65rem;
}
.nav-actions:empty{display:none}
.menu-button{display:none}

.button,
button.button{
 border:1px solid rgba(255,255,255,.10);
 background:linear-gradient(180deg, rgba(226,183,84,.98), rgba(179,136,47,.98));
 color:#09111a;
 padding:.9rem 1.2rem;
 border-radius:999px;
 font-weight:800;
 letter-spacing:.02em;
 display:inline-flex;
 align-items:center;
 justify-content:center;
 gap:.5rem;
 box-shadow:0 14px 32px rgba(178,136,47,.26);
 transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
 cursor:pointer;
}
.button:hover,
button.button:hover{transform:translateY(-2px);filter:brightness(1.03);box-shadow:0 18px 36px rgba(178,136,47,.3)}
.button.button-outline{
 background:rgba(8,16,25,.4);
 color:var(--text);
 box-shadow:none;
 border-color:rgba(255,255,255,.14);
}
.nav-download{padding:.82rem 1rem}
.nav-cta{
 padding:.78rem 1rem;
 white-space:nowrap;
}

.page-hero{
 position:relative;
 padding:clamp(4.5rem, 8vw, 7rem) 0 3.8rem;
}
.page-hero::before{
 content:"";
 position:absolute;
 inset:0;
 background:
  linear-gradient(120deg, rgba(210,171,83,.08), transparent 38%),
  linear-gradient(180deg, rgba(255,255,255,.03), transparent 55%);
 mask-image:linear-gradient(180deg, black, transparent);
}
.hero-grid{
 display:grid;
 grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);
 gap:2rem;
 align-items:center;
 position:relative;
}
.home-hero{padding-top:clamp(5.2rem, 8vw, 8.2rem)}
.hero-copy{position:relative;z-index:2}
.eyebrow{
 display:inline-flex;align-items:center;gap:.7rem;
 border:1px solid rgba(210,171,83,.23);
 border-radius:999px;
 padding:.54rem .9rem;
 color:var(--gold-soft);
 background:rgba(12,23,35,.5);
 text-transform:uppercase;
 letter-spacing:.18em;
 font-size:.76rem;
 font-weight:800;
}
.eyebrow::before{
 content:"";
 width:.5rem;height:.5rem;border-radius:50%;
 background:var(--gold);
 box-shadow:0 0 0 .22rem rgba(210,171,83,.12);
}
.hero-copy h1{
 margin-top:1.3rem;
 font-size:clamp(3.3rem, 8vw, 6.2rem);
 line-height:.92;
 max-width:10ch;
 text-transform:uppercase;
}
.hero-text{
 max-width:58ch;
 font-size:1.08rem;
 color:#c0ccd7;
}
.hero-actions,
.banner-actions{
 display:flex;
 flex-wrap:wrap;
 gap:.85rem;
 align-items:center;
}
.hero-actions{margin-top:1.5rem}
.hero-actions.compact .button{padding:.82rem 1.08rem}
.hero-meta{
 display:flex;
 flex-wrap:wrap;
 gap:.75rem;
 margin-top:1.35rem;
}
.hero-meta span{
 padding:.62rem .82rem;
 border-radius:999px;
 border:1px solid rgba(255,255,255,.08);
 background:rgba(10,18,27,.38);
 color:#c6d1dc;
 font-size:.88rem;
}
.hero-panel-wrap{
 position:relative;
 min-height:420px;
 display:flex;
 align-items:flex-end;
 justify-content:flex-end;
}
.hero-watermark{
 position:absolute;
 inset:auto auto 10% -4%;
 width:min(95%, 700px);
 opacity:.48;
 filter:drop-shadow(0 0 80px rgba(210,171,83,.08));
 pointer-events:none;
}

.hero-side-card{
 position:relative;
 width:min(100%, 420px);
 min-height:300px;
 margin-left:auto;
 border-radius:calc(var(--radius) + 6px);
 border:1px solid rgba(255,255,255,.08);
 background:linear-gradient(180deg, rgba(16,27,40,.88), rgba(8,14,22,.92));
 box-shadow:var(--shadow);
 overflow:hidden;
 display:flex;
 align-items:flex-end;
 padding:1.35rem;
}
.hero-side-card::before{
 content:"";
 position:absolute;
 inset:0;
 background:
  linear-gradient(135deg, rgba(210,171,83,.12), transparent 32%),
  linear-gradient(315deg, rgba(142,223,255,.07), transparent 25%);
}
.hero-side-mark{
 position:absolute;
 inset:14% -2% auto auto;
 width:86%;
 opacity:.38;
 pointer-events:none;
}
.hero-side-grid{
 position:relative;
 z-index:2;
 display:grid;
 grid-template-columns:1fr 1fr;
 gap:.8rem;
 width:100%;
}
.hero-side-grid span{
 padding:.9rem;
 border-radius:18px;
 border:1px solid rgba(255,255,255,.07);
 background:rgba(255,255,255,.03);
 color:#d9e3eb;
 font-size:.88rem;
 letter-spacing:.04em;
 text-transform:uppercase;
}

.hero-panel{
 position:relative;
 z-index:2;
 width:min(100%, 460px);
 padding:1.5rem;
 border-radius:calc(var(--radius) + 6px);
 background:
  linear-gradient(180deg, rgba(18,31,48,.95), rgba(10,17,27,.94));
 border:1px solid rgba(255,255,255,.08);
 box-shadow:var(--shadow);
 overflow:hidden;
}
.hero-panel::before{
 content:"";
 position:absolute;
 inset:0;
 background:
  linear-gradient(135deg, rgba(142,223,255,.08), transparent 28%),
  linear-gradient(315deg, rgba(210,171,83,.12), transparent 28%);
 pointer-events:none;
}
.panel-kicker,
.section-label,
.intel-title{
 display:inline-flex;
 align-items:center;
 gap:.5rem;
 margin-bottom:.8rem;
 color:var(--gold-soft);
 font-size:.76rem;
 text-transform:uppercase;
 letter-spacing:.18em;
 font-weight:800;
}
.panel-kicker::before,
.section-label::before,
.intel-title::before{
 content:"";
 width:1.15rem;
 height:1px;
 background:rgba(210,171,83,.6);
}
.hero-panel h2{font-size:2.1rem;max-width:11ch}
.brief-grid{
 display:grid;
 grid-template-columns:1fr 1fr;
 gap:.85rem;
 margin-top:1.25rem;
}
.brief-grid div,
.data-tile,
.process-step,
.timeline-card,
.contact-card,
.mission-card,
.feature-card,
.intel-card,
.story-panel,
.legal-article,
.contracting-banner,
.cta-panel,
.contact-form{
 position:relative;
 border-radius:var(--radius);
 border:1px solid rgba(255,255,255,.08);
 background:linear-gradient(180deg, rgba(16,27,40,.92), rgba(10,17,27,.94));
 box-shadow:var(--shadow);
}
.brief-grid div{
 padding:.9rem;
}
.brief-grid span,
.data-tile span,
.data-table span,
.process-step span:not(.step-no),
.contact-list span{
 display:block;
 margin-bottom:.35rem;
 color:var(--muted);
 font-size:.78rem;
 letter-spacing:.14em;
 text-transform:uppercase;
}
.brief-grid strong,
.data-table strong{font-size:1rem}
.signal-line{
 margin-top:1.15rem;
 display:flex;
 flex-wrap:wrap;
 gap:.65rem;
}
.signal-line span,
.pill{
 border-radius:999px;
 padding:.56rem .78rem;
 border:1px solid rgba(255,255,255,.08);
 background:rgba(255,255,255,.03);
 color:#d9e3eb;
 font-size:.84rem;
 white-space:nowrap;
}

.section{padding:1.2rem 0 4.2rem}
.section-head{
 margin-bottom:1.6rem;
 max-width:760px;
}
.section-head.align-left{text-align:left}
.section-head h2,
.story-panel h2,
.contact-card h2,
.cta-panel h2,
.contracting-banner h2,
.legal-article h2{
 font-size:clamp(2.2rem, 4vw, 3.5rem);
}
.section-head p{max-width:64ch}

.audience-grid,
.card-grid,
.process-grid,
.timeline-grid,
.footer-grid,
.contact-grid,
.data-tiles{
 display:grid;
 gap:1.15rem;
}
.audience-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.card-grid.three-up{grid-template-columns:repeat(3,minmax(0,1fr))}
.card-grid.four-up{grid-template-columns:repeat(4,minmax(0,1fr))}
.process-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.timeline-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.contact-grid{grid-template-columns:1.1fr .9fr}
.data-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}
.feature-card,
.mission-card,
.process-step,
.timeline-card,
.contact-card{
 padding:1.35rem;
 overflow:hidden;
}
.feature-card::before,
.mission-card::before,
.process-step::before,
.timeline-card::before,
.contact-card::before,
.story-panel::before,
.intel-card::before,
.contracting-banner::before,
.cta-panel::before,
.contact-form::before,
.legal-article::before{
 content:"";
 position:absolute;
 inset:0;
 background:
  linear-gradient(140deg, rgba(210,171,83,.07), transparent 22%),
  linear-gradient(310deg, rgba(142,223,255,.05), transparent 18%);
 pointer-events:none;
}
.card-index,
.step-no{
 display:inline-grid;
 place-items:center;
 width:2.6rem;height:2.6rem;
 border-radius:14px;
 background:rgba(210,171,83,.12);
 border:1px solid rgba(210,171,83,.22);
 color:var(--gold-soft);
 font-weight:800;
 margin-bottom:1rem;
}
.feature-card h3,
.mission-card h3,
.process-step h3,
.timeline-card h3,
.contact-card h2{font-size:1.5rem}
.mission-card:hover,
.feature-card:hover,
.process-step:hover,
.timeline-card:hover{
 transform:translateY(-3px);
 transition:transform .2s ease;
}
.split-layout{
 display:grid;
 grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);
 gap:1.2rem;
 align-items:start;
}
.story-panel,.intel-card,.contact-form,.legal-article,.contracting-banner,.cta-panel{padding:1.6rem}
.bullet-stack{
 display:grid;
 gap:.9rem;
 margin-top:1.3rem;
}
.bullet-stack div{
 display:grid;
 gap:.28rem;
 padding:1rem 1rem 1rem 1.1rem;
 border-left:2px solid rgba(210,171,83,.45);
 background:rgba(255,255,255,.03);
 border-radius:0 18px 18px 0;
}
.bullet-stack strong{font-size:1rem}
.signal-list{
 list-style:none;
 padding:0;
 display:grid;
 gap:1rem;
}
.signal-list li{
 display:grid;
 grid-template-columns:auto 1fr;
 gap:.9rem;
 align-items:start;
}
.signal-list strong{
 min-width:112px;
 color:var(--text);
}
.tape-grid{
 display:grid;
 grid-template-columns:repeat(2, minmax(0,1fr));
 gap:.8rem;
}
.tape-grid.single-col{grid-template-columns:1fr}
.tape-grid span,
.data-table div{
 padding:.95rem;
 border-radius:18px;
 border:1px solid rgba(255,255,255,.07);
 background:rgba(255,255,255,.03);
}
.intel-panel{display:grid;gap:1rem}
.contracting-banner,
.cta-panel{
 display:flex;
 justify-content:space-between;
 gap:1.4rem;
 align-items:center;
}
.data-tile strong{display:block;font-size:1.02rem}
.quote-panel{
 border-left:3px solid rgba(210,171,83,.5);
 padding:1.6rem 1.3rem;
 background:rgba(255,255,255,.03);
 border-radius:0 22px 22px 0;
}
.quote-panel p{font-size:1.18rem;color:#d7e1ea}
.data-table{display:grid;gap:.75rem}
.pill-row{display:flex;flex-wrap:wrap;gap:.6rem}
.timeline-card small{display:block;margin-top:1rem;color:var(--muted);letter-spacing:.06em}
.contact-list{display:grid;gap:.95rem;margin:1.1rem 0 1.35rem}
.contact-list a{color:var(--gold-soft)}
.contact-card.large{min-height:100%}

.contact-form .form-grid{
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:1rem;
 margin-top:1rem;
}
.contact-form label{
 display:grid;
 gap:.45rem;
}
.contact-form label span{
 color:#dbe5ee;
 font-size:.9rem;
}
.contact-form label.full{grid-column:1 / -1}
.contact-form input,
.contact-form textarea{
 width:100%;
 border:1px solid rgba(255,255,255,.09);
 background:rgba(5,12,19,.72);
 color:var(--text);
 border-radius:18px;
 padding:1rem 1.05rem;
 outline:none;
}
.contact-form input:focus,
.contact-form textarea:focus{
 border-color:rgba(210,171,83,.45);
 box-shadow:0 0 0 .24rem rgba(210,171,83,.09);
}


.cert-ribbon{
 padding:0 0 1.6rem;
}
.cert-ribbon-panel{
 position:relative;
 border-radius:calc(var(--radius) + 4px);
 border:1px solid rgba(255,255,255,.08);
 background:
  linear-gradient(130deg, rgba(210,171,83,.09), transparent 32%),
  linear-gradient(180deg, rgba(16,27,40,.96), rgba(8,14,22,.95));
 box-shadow:var(--shadow);
 overflow:hidden;
 padding:1.7rem;
}
.cert-ribbon-panel::before{
 content:"";
 position:absolute;
 inset:0;
 background:
  radial-gradient(circle at top right, rgba(142,223,255,.10), transparent 28%),
  linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px),
  linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px);
 background-size:auto, 38px 38px, 38px 38px;
 mask-image:linear-gradient(180deg, rgba(0,0,0,.35), transparent 90%);
 pointer-events:none;
}
.cert-ribbon-copy{
 position:relative;
 z-index:1;
 max-width:62ch;
 margin-bottom:1.2rem;
}
.cert-ribbon-copy h2{
 font-size:clamp(2rem, 4vw, 3.1rem);
 max-width:12ch;
 margin-bottom:.8rem;
}
.cert-ribbon-copy p{
 max-width:64ch;
}
.cert-ribbon-grid{
 position:relative;
 z-index:1;
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:1rem;
}
.cert-logo-card{
 position:relative;
 display:grid;
 grid-template-columns:minmax(170px, 220px) 1fr;
 align-items:center;
 gap:1rem;
 padding:1rem;
 border-radius:calc(var(--radius) - 6px);
 border:1px solid rgba(255,255,255,.08);
 background:linear-gradient(180deg, rgba(7,14,22,.86), rgba(10,18,28,.94));
}
.cert-logo-card::before{
 content:"";
 position:absolute;
 inset:0;
 background:linear-gradient(140deg, rgba(210,171,83,.08), transparent 25%);
 pointer-events:none;
}
.cert-logo-frame{
 position:relative;
 border-radius:24px;
 padding:.8rem;
 background:rgba(255,255,255,.94);
 box-shadow:0 18px 40px rgba(0,0,0,.22);
}
.cert-logo-frame img{
 width:100%;
 height:auto;
}
.cert-logo-copy{
 position:relative;
 z-index:1;
}
.cert-logo-copy h3{
 margin-bottom:.45rem;
 font-size:1.6rem;
}
.cert-logo-copy p{
 margin:0;
}

.footer{
 padding:1rem 0 0;
 border-top:1px solid var(--line);
 background:rgba(4,9,15,.56);
}
.footer-grid{
 grid-template-columns:1.2fr .9fr .9fr .9fr;
 padding:2.2rem 0 1.2rem;
}
.footer-grid h3{
 font-size:1.2rem;
 margin-bottom:.8rem;
}
.footer-grid ul{
 list-style:none;
 padding:0;
 display:grid;
 gap:.55rem;
}
.footer-wordmark{
 width:min(320px, 100%);
 margin-bottom:.9rem;
 opacity:.92;
}
.footer-bottom{
 padding:1rem 0 2rem;
 display:flex;
 justify-content:space-between;
 gap:1rem;
 color:var(--muted);
 border-top:1px solid rgba(255,255,255,.06);
}

@media (max-width: 1160px){
 .nav-shell{grid-template-columns:auto 1fr}
 .brand-wordmark{width:240px}
}
.cert-ribbon-grid{grid-template-columns:1fr}
@media (max-width: 980px){
 .cert-logo-card{grid-template-columns:1fr}
 .cert-logo-frame{max-width:280px}

 .topbar-inner{flex-direction:column;align-items:flex-start}
 .topbar-stack,
 .topbar-actions{width:100%}
 .topbar-actions{justify-content:flex-start}
 .topbar-link{flex:1 1 240px;justify-content:center}
 .nav-shell{grid-template-columns:auto auto;justify-content:space-between}
 .nav-actions{display:none}
 .menu-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:76px;
  padding:.8rem 1rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.04);
  color:var(--text);
  cursor:pointer;
 }
 .nav-links{
  display:none;
  grid-column:1 / -1;
  flex-direction:column;
  align-items:stretch;
  padding:.35rem 0 .15rem;
 }
 .nav-links.open{display:flex}
 .nav-links a{padding:.9rem 0}
 .hero-grid,
 .split-layout,
 .contact-grid,
 .footer-grid,
 .audience-grid,
 .card-grid.three-up,
 .card-grid.four-up,
 .process-grid,
 .timeline-grid,
 .data-tiles{
  grid-template-columns:1fr;
 }
 .contracting-banner,
 .cta-panel{
  flex-direction:column;
  align-items:flex-start;
 }
 .hero-panel-wrap{min-height:auto}
 .hero-panel{width:100%}
 .hero-copy h1{max-width:12ch}
}
@media (max-width: 680px){
 .cert-ribbon-panel{padding:1.2rem}
 .cert-logo-card{padding:.85rem}

 .container{width:min(calc(100% - 1.15rem),var(--max))}
 .page-hero{padding:4rem 0 3rem}
 .hero-copy h1{font-size:clamp(2.5rem, 14vw, 4rem)}
 .brand-icon{width:52px;height:52px}
 .brand-wordmark{width:180px}
 .brand-lockup small{font-size:.58rem;letter-spacing:.14em}
 .hero-actions,.banner-actions,.hero-meta{width:100%}
 .hero-actions .button,.banner-actions .button{width:100%}
 .brief-grid,.tape-grid,.contact-form .form-grid{grid-template-columns:1fr}
 .footer-bottom{flex-direction:column}
 .topbar-meta{font-size:.74rem}
}
@media (prefers-reduced-motion: reduce){
 *,*::before,*::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}
}
