:root{
  --bg0:#041C20;
  --bg1:#06252A;
  --bg2:#07353B;

  --ink:#F4FAFA;
  --muted:rgba(244,250,250,.78);
  --muted2:rgba(244,250,250,.62);

  --line:rgba(255,255,255,.12);
  --line2:rgba(255,255,255,.18);

  --accent:#F89800;
  --accent2:#80A860;

  --navbg:rgba(248,251,251,.94);
  --navtext:#052126;

  --light:#F4FAFA;
  --dark:#052126;

  --max: 1680px;            /* wider */
  --gutter: 46px;
  --ease:cubic-bezier(.2,.8,.2,1);
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:"Manrope",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  font-size: 18px;
  color:var(--ink);
  background:
    radial-gradient(1400px 900px at 15% 10%, rgba(248,152,0,.12), transparent 65%),
    radial-gradient(1300px 900px at 90% 70%, rgba(128,168,96,.12), transparent 66%),
    linear-gradient(180deg, var(--bg0), var(--bg1));
  overflow-x:hidden;
}
a{color:inherit; text-decoration:none}
img{max-width:100%; display:block}
button,input,select,textarea{font:inherit}
::selection{background: rgba(248,152,0,.35)}

.wrapXL{
  width: min(var(--max), calc(100% - (var(--gutter) * 2)));
  margin-inline:auto;
}

/* Ambient BG */
.bg{position:fixed; inset:0; z-index:0; pointer-events:none}
.bg__rad{position:absolute; width:1100px;height:1100px; filter:blur(75px); opacity:.26}
.bg__rad--a{left:-360px; top:-320px; background:radial-gradient(circle at 30% 30%, rgba(248,152,0,.95), transparent 60%)}
.bg__rad--b{right:-420px; bottom:-360px; background:radial-gradient(circle at 40% 40%, rgba(128,168,96,.88), transparent 60%)}
.bg__grid{
  position:absolute; inset:0;
  background:
    linear-gradient(to right, rgba(255,255,255,.06) 1px, transparent 1px) 0 0/150px 150px,
    linear-gradient(to bottom, rgba(255,255,255,.06) 1px, transparent 1px) 0 0/150px 150px;
  mask-image: radial-gradient(circle at 30% 10%, rgba(0,0,0,.86), transparent 72%);
  opacity:.12;
}
.bg__noise{
  position:absolute; inset:0;
  opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");
}

.page{position:relative; z-index:1}

/* Navbar */
.navWrap{position:sticky; top:0; z-index:50; padding:14px 0; backdrop-filter: blur(8px)}
.nav{
  width: min(var(--max), calc(100% - (var(--gutter) * 2)));
  margin-inline:auto;
  background: var(--navbg);
  border:1px solid rgba(5,33,38,.10);
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:10px 12px;
  box-shadow: 0 16px 44px rgba(0,0,0,.16);
  position:relative;
}
.brand{display:flex; align-items:center; gap:10px; padding:6px 10px; border-radius:999px}
.brand__logo{width:38px}
.brand__name{color:var(--navtext); font-weight:950; letter-spacing:.2px}

.nav__links{display:flex; align-items:center; gap:10px}
.nav__links a{
  color: rgba(5,33,38,.84);
  font-weight:950;
  font-size:14px;
  padding:10px 12px;
  border-radius:999px;
  transition: background .2s var(--ease), transform .2s var(--ease);
}
.nav__links a:hover{background:rgba(5,33,38,.06); transform: translateY(-1px)}
.pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  padding:10px 14px;
  font-weight:950;
  font-size:14px;
  border:1px solid rgba(5,33,38,.12);
  white-space:nowrap;
}
.pill--ghost{background:transparent}
.pill--primary{
  background: linear-gradient(135deg, rgba(248,152,0,.96), rgba(248,184,32,.92));
  border-color: rgba(248,152,0,.35);
  color:#1a140b;
  box-shadow: 0 14px 30px rgba(248,152,0,.22);
}
.nav__toggle{
  display:none;
  width:44px;height:44px;
  border-radius:999px;
  border:1px solid rgba(5,33,38,.14);
  background: rgba(255,255,255,.82);
  align-items:center;
  justify-content:center;
  gap:5px;
  cursor:pointer;
}
.nav__toggle span{display:block; width:18px; height:2px; background: rgba(5,33,38,.78); border-radius:2px}

/* Buttons */
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  padding:14px 18px;
  font-weight:950;
  border:1px solid transparent;
  transition: transform .2s var(--ease), box-shadow .2s var(--ease), background .2s var(--ease);
  font-size: 16px;
}
.btn:hover{transform: translateY(-1px)}
.btn--primary{
  background: linear-gradient(135deg, rgba(248,152,0,.96), rgba(248,184,32,.92));
  color:#1a140b;
  box-shadow: 0 18px 40px rgba(248,152,0,.18);
}
.btn--secondary{
  background: rgba(255,255,255,.08);
  border-color: var(--line);
  color: var(--ink);
}

/* Reveal */
.reveal{opacity:0; transform: translateY(12px); transition: opacity .75s var(--ease), transform .75s var(--ease)}
.reveal.is-in{opacity:1; transform:none}

/* Hero (full width feel) */
.hero{padding: 26px 0 0}
.hero__inner{
  padding: 34px 0 26px;
  text-align:center;
}
.kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-weight:950;
  font-size:12px;
  letter-spacing:.28px;
  text-transform:uppercase;
  color: var(--muted);
}
.kicker__dot{
  width:10px;height:10px;border-radius:50%;
  background: radial-gradient(circle at 30% 30%, #fff, rgba(255,255,255,.14));
  box-shadow: 0 0 0 10px rgba(128,168,96,.10);
}

.hero__brand{margin-top: 18px; position:relative}
.hero__word{
  font-weight:1000;
  letter-spacing:-2.8px;
  font-size: clamp(86px, 9.6vw, 166px);
  line-height: .90;
  display:inline-block;
  text-shadow: 0 30px 85px rgba(0,0,0,.48);
  position:relative;
  z-index:2;
}
.hero__shine{
  position:absolute;
  inset:auto 0 -20px 0;
  margin-inline:auto;
  width:min(1040px, 92vw);
  height: 120px;
  filter: blur(26px);
  background: radial-gradient(circle at 50% 50%, rgba(248,152,0,.22), rgba(128,168,96,.18), transparent 66%);
  opacity:.9;
  z-index:1;
}

.hero__lead{
  margin: 18px auto 0;
  max-width: 86ch;
  color: var(--muted);
  line-height:1.85;
  font-weight:850;
  font-size: clamp(18px, 1.3vw, 22px);
}
.hero__cta{margin-top: 18px; display:flex; justify-content:center; gap: 12px; flex-wrap:wrap}

/* Pillar Bar: dynamic */
.pillarBar{
  margin: 30px auto 0;
  width: 100%;
  max-width: 1320px;
  display:grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  border-top: 1px solid rgba(255,255,255,.12);
  border-bottom: 1px solid rgba(255,255,255,.12);
  background: linear-gradient(90deg, rgba(0,0,0,.10), rgba(255,255,255,.02));
}
.pillarBtn{
  appearance:none;
  border:none;
  background: transparent;
  color: rgba(244,250,250,.92);
  padding: 18px 18px 16px;
  text-align:left;
  cursor:pointer;
  position:relative;
  transition: background .22s var(--ease), transform .22s var(--ease);
}
.pillarBtn:not(:last-child){border-right: 1px solid rgba(255,255,255,.12)}
.pillarBtn:hover{background: rgba(255,255,255,.04); transform: translateY(-1px)}
.pillarBtn__top{display:flex; align-items:center; gap:10px}
.pillarIcon{
  width: 36px; height: 36px;
  display:inline-flex; align-items:center; justify-content:center;
  color: rgba(244,250,250,.92);
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(0,0,0,.10);
  font-weight:1000;
  font-size: 16px;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
}
.pillarBtn__t{
  display:block;
  font-weight:1000;
  font-size: clamp(18px, 1.2vw, 22px);
  letter-spacing:-.2px;
}
.pillarBtn__s{
  display:block;
  margin-top: 8px;
  color: rgba(244,250,250,.72);
  font-weight:850;
  font-size: 14px;
  line-height:1.35;
}
.pillarBtn__meter{
  position:absolute;
  left: 0; right: 0; bottom: 0;
  height: 3px;
  background: linear-gradient(90deg, rgba(248,152,0,.0), rgba(248,152,0,.0));
  transform-origin:left;
  transform: scaleX(0);
  transition: transform .25s var(--ease), background .25s var(--ease);
}
.pillarBtn.is-on{
  background:
    linear-gradient(90deg, rgba(248,152,0,.12), rgba(128,168,96,.10));
}
.pillarBtn.is-on .pillarBtn__meter{
  background: linear-gradient(90deg, rgba(248,152,0,.95), rgba(128,168,96,.85));
  transform: scaleX(1);
}

/* Panels: still clean, but more presence + chamfer look */
.pillarPanels{
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
}
.pillarPanel{
  border-bottom: 1px solid rgba(255,255,255,.12);
  background:
    radial-gradient(1100px 520px at 20% 0%, rgba(248,152,0,.14), transparent 60%),
    radial-gradient(1100px 520px at 100% 80%, rgba(128,168,96,.12), transparent 62%),
    linear-gradient(180deg, rgba(0,0,0,.14), rgba(0,0,0,.06));
  clip-path: polygon(0 0, 98% 0, 100% 10%, 100% 100%, 2% 100%, 0 90%);
}
.pillarPanel[hidden]{display:none}
.pillarPanel__grid{
  display:grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 22px;
  padding: 22px 22px;
  text-align:left;
}
.pp__k{
  text-transform:uppercase;
  letter-spacing:.28px;
  font-weight:1000;
  font-size: 12px;
  color: rgba(244,250,250,.72);
}
.pp__t{
  margin-top: 10px;
  font-weight:1000;
  font-size: clamp(26px, 1.9vw, 34px);
  letter-spacing:-.6px;
}
.pp__p{
  margin-top: 10px;
  color: rgba(244,250,250,.84);
  line-height:1.85;
  font-weight:850;
  max-width: 66ch;
  font-size: 18px;
}
.pp__list{display:grid; gap: 10px}
.ppItem{
  padding: 14px 0;
  border-top: 1px solid rgba(255,255,255,.12);
}
.ppItem:first-child{border-top:none}
.ppItem b{display:block; font-weight:1000; font-size: 16px}
.ppItem span{display:block; margin-top: 6px; color: rgba(244,250,250,.72); font-weight:850; font-size: 14px}

.hero__divider{
  margin: 34px auto 0;
  height:1px;
  width:min(1320px, 100%);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.14), transparent);
}

/* SubHero: add more bottom air */
.subHero{padding: 86px 0 120px}
.subHero__grid{
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 30px;
  align-items:center;
}
.tag{
  display:inline-flex;
  align-items:center;
  padding: 10px 12px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.10);
  color: rgba(244,250,250,.88);
  font-weight:950;
  font-size: 12px;
}
.tag--accent{border-color: rgba(248,152,0,.28); background: rgba(248,152,0,.10)}
.subHero__tagRow{display:flex; gap:10px; flex-wrap:wrap}

.subHero__h2{
  margin: 14px 0 0;
  font-size: clamp(38px, 3.2vw, 60px);
  line-height:1.04;
  letter-spacing:-1px;
}
.subHero__p{
  margin: 12px 0 0;
  color: var(--muted);
  line-height:1.9;
  font-weight:850;
  font-size: 20px;
  max-width: 70ch;
}
.subHero__cta{margin-top: 18px; display:flex; gap: 12px; flex-wrap:wrap}
.subHero__facts{
  background: rgba(0,0,0,.08);
  border: 1px solid rgba(255,255,255,.10);
  clip-path: polygon(0 0, 97% 0, 100% 12%, 100% 100%, 3% 100%, 0 88%);
  padding: 18px 20px;
}
.fact{padding: 14px 0; border-top: 1px solid rgba(255,255,255,.10)}
.fact:first-child{border-top:none}
.fact__k{
  text-transform:uppercase;
  letter-spacing:.28px;
  font-weight:1000;
  font-size: 12px;
  color: rgba(244,250,250,.70);
}
.fact__v{
  margin-top: 8px;
  font-weight:1000;
  font-size: 18px;
  color: rgba(244,250,250,.92);
}

/* Eyebrow */
.eyebrow{
  text-transform:uppercase;
  letter-spacing:.32px;
  font-weight:1000;
  font-size: 12px;
  color: rgba(244,250,250,.74);
}

/* SOLUTIONS section (new) */
.solutions{
  padding: 120px 0 120px;
  background:
    radial-gradient(1200px 760px at 15% 15%, rgba(248,152,0,.10), transparent 62%),
    radial-gradient(1200px 760px at 85% 85%, rgba(128,168,96,.10), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(0,0,0,.06));
  border-top: 1px solid rgba(255,255,255,.08);
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.solutions__head{
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 18px;
  align-items:end;
}
.solutions__h2{
  margin: 10px 0 0;
  font-size: clamp(40px, 3.4vw, 64px);
  line-height:1.02;
  letter-spacing:-1.1px;
}
.solutions__p{
  margin: 0;
  color: var(--muted);
  line-height:1.9;
  font-weight:850;
  font-size: 20px;
  max-width: 60ch;
}

.solutionsStudio{
  margin-top: 26px;
  display:grid;
  grid-template-columns: .95fr 1.05fr;
  gap: 18px;
  align-items:stretch;
}

.solutionsNav{
  display:grid;
  gap: 12px;
}
.sNavBtn{
  border:none;
  text-align:left;
  cursor:pointer;
  padding: 16px 18px;
  color: rgba(244,250,250,.92);
  background: rgba(0,0,0,.10);
  border: 1px solid rgba(255,255,255,.10);
  clip-path: polygon(0 0, 95% 0, 100% 18%, 100% 100%, 5% 100%, 0 82%);
  transition: transform .22s var(--ease), background .22s var(--ease), border-color .22s var(--ease);
}
.sNavBtn:hover{transform: translateY(-1px); background: rgba(255,255,255,.04)}
.sNavBtn__k{
  display:block;
  text-transform:uppercase;
  letter-spacing:.28px;
  font-weight:1000;
  font-size: 12px;
  color: rgba(244,250,250,.68);
}
.sNavBtn__t{
  display:block;
  margin-top: 8px;
  font-weight:1000;
  font-size: 22px;
  letter-spacing:-.5px;
}
.sNavBtn__m{
  display:block;
  margin-top: 6px;
  color: rgba(244,250,250,.78);
  font-weight:850;
  font-size: 14px;
}
.sNavBtn.is-on{
  background: linear-gradient(90deg, rgba(248,152,0,.14), rgba(128,168,96,.12));
  border-color: rgba(248,152,0,.24);
}

.solutionsView{
  position:relative;
  background: rgba(244,250,250,.96);
  color: rgba(5,33,38,.92);
  border: 1px solid rgba(5,33,38,.10);
  clip-path: polygon(0 0, 96% 0, 100% 14%, 100% 100%, 4% 100%, 0 86%);
  box-shadow: 0 26px 70px rgba(0,0,0,.20);
  overflow:hidden;
}
.solutionsView::before{
  content:"";
  position:absolute; inset:-2px;
  background: radial-gradient(900px 420px at 20% 0%, rgba(248,152,0,.22), transparent 62%),
              radial-gradient(900px 420px at 100% 80%, rgba(128,168,96,.18), transparent 62%);
  opacity:.55;
  pointer-events:none;
}
.sPanel{position:relative; padding: 22px 22px 20px}
.sPanel[hidden]{display:none}

.sBadge{
  display:inline-flex;
  align-items:center;
  padding: 10px 12px;
  border: 1px solid rgba(5,33,38,.14);
  background: rgba(5,33,38,.04);
  font-weight:1000;
  font-size: 12px;
  text-transform:uppercase;
  letter-spacing:.25px;
}
.sPanel__title{
  margin-top: 14px;
  font-weight:1000;
  font-size: clamp(34px, 2.4vw, 44px);
  letter-spacing:-.9px;
  line-height:1.02;
}
.sPanel__subtitle{
  margin-top: 10px;
  color: rgba(5,33,38,.70);
  font-weight:850;
  font-size: 18px;
  line-height:1.7;
  max-width: 70ch;
}
.sPanel__grid{
  margin-top: 16px;
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.sCard{
  padding: 14px 14px 12px;
  background: rgba(255,255,255,.62);
  border: 1px solid rgba(5,33,38,.10);
  clip-path: polygon(0 0, 96% 0, 100% 18%, 100% 100%, 4% 100%, 0 82%);
}
.sCard__k{
  text-transform:uppercase;
  letter-spacing:.25px;
  font-weight:1000;
  font-size: 12px;
  color: rgba(5,33,38,.62);
}
.sCard__t{
  margin-top: 8px;
  font-weight:1000;
  font-size: 20px;
  letter-spacing:-.45px;
}
.sCard__p{
  margin-top: 8px;
  color: rgba(5,33,38,.72);
  line-height:1.75;
  font-weight:850;
  font-size: 15px;
}
.sPanel__bullets{
  margin-top: 14px;
  display:flex;
  gap: 8px;
  flex-wrap:wrap;
}
.sPanel__bullets span{
  padding: 10px 12px;
  border: 1px solid rgba(5,33,38,.12);
  background: rgba(255,255,255,.60);
  font-weight:950;
  font-size: 13px;
}
.sPanel__cta{
  margin-top: 16px;
  display:flex;
  gap: 10px;
  flex-wrap:wrap;
}

.solutions__divider{
  margin: 42px auto 0;
  height:1px;
  width:min(1320px, 100%);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.14), transparent);
}

/* METHOD */
.method{padding: 130px 0 120px}
.method__head{max-width: 1100px}
.method__h2{
  margin: 10px 0 0;
  font-size: clamp(42px, 3.4vw, 64px);
  line-height:1.02;
  letter-spacing:-1.1px;
}
.method__p{
  margin: 12px 0 0;
  color: var(--muted);
  line-height:1.9;
  font-weight:850;
  font-size: 20px;
  max-width: 70ch;
}
.timeline{
  margin-top: 24px;
  display:grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 14px;
}
.tStep{
  background: rgba(0,0,0,.10);
  border: 1px solid rgba(255,255,255,.10);
  padding: 18px 18px 16px;
  clip-path: polygon(0 0, 95% 0, 100% 18%, 100% 100%, 5% 100%, 0 82%);
  position:relative;
  overflow:hidden;
}
.tStep::before{
  content:"";
  position:absolute; inset:0;
  background: radial-gradient(600px 260px at 20% 0%, rgba(248,152,0,.10), transparent 65%),
              radial-gradient(600px 260px at 90% 80%, rgba(128,168,96,.10), transparent 65%);
  opacity:.7;
  pointer-events:none;
}
.tStep__n{
  position:relative;
  font-weight:1000;
  font-size: 12px;
  letter-spacing:.28px;
  color: rgba(244,250,250,.72);
}
.tStep__t{
  position:relative;
  margin-top: 10px;
  font-weight:1000;
  font-size: 22px;
  letter-spacing:-.5px;
}
.tStep__d{
  position:relative;
  margin-top: 10px;
  color: rgba(244,250,250,.78);
  line-height:1.8;
  font-weight:850;
  font-size: 15px;
}

/* CONTACT (light panel) */
.contactSection{
  padding: 120px 0 130px;
  background:
    radial-gradient(1200px 760px at 20% 10%, rgba(244,250,250,.10), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(0,0,0,.10));
  border-top: 1px solid rgba(255,255,255,.08);
}
.contactSection__head{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  align-items:end;
}
.contactSection__h2{
  margin:0;
  font-size: clamp(44px, 3.6vw, 70px);
  letter-spacing:-1.2px;
  line-height:1.0;
}
.contactSection__p{
  margin:0;
  color: var(--muted);
  line-height:1.9;
  font-weight:850;
  font-size: 20px;
  max-width: 60ch;
}

.contactGrid{
  margin-top: 22px;
  display:grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 14px;
  align-items:start;
}
.formCard{
  background: rgba(244,250,250,.96);
  color: rgba(5,33,38,.92);
  border: 1px solid rgba(5,33,38,.10);
  clip-path: polygon(0 0, 97% 0, 100% 10%, 100% 100%, 3% 100%, 0 90%);
  padding: 18px 18px 16px;
  box-shadow: 0 28px 70px rgba(0,0,0,.22);
}
.formCard__row{display:grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 12px}
label{display:grid; gap:8px}
label span{
  color: rgba(5,33,38,.70);
  font-weight:1000;
  font-size: 12px;
  text-transform:uppercase;
  letter-spacing:.25px;
}
input,select,textarea{
  width:100%;
  border:none;
  border-bottom: 1px solid rgba(5,33,38,.20);
  background: transparent;
  color: rgba(5,33,38,.92);
  padding: 12px 2px;
  outline:none;
  font-size: 18px;
}
input:focus,select:focus,textarea:focus{border-bottom-color: rgba(248,152,0,.78)}
textarea{resize:vertical; min-height:120px}
.formCard__actions{display:flex; gap:12px; align-items:center; flex-wrap:wrap; margin-top: 10px}
.hint{color: rgba(5,33,38,.55); font-weight:850; font-size:13px}

.infoCard{
  background: rgba(0,0,0,.12);
  border: 1px solid rgba(255,255,255,.10);
  clip-path: polygon(0 0, 95% 0, 100% 16%, 100% 100%, 5% 100%, 0 84%);
  padding: 18px 18px 16px;
}
.infoCard__k{font-weight:1000; font-size: 16px}
.infoRow{
  margin-top: 12px;
  display:flex;
  justify-content:space-between;
  gap: 10px;
  padding-top: 12px;
  border-top: 1px solid rgba(255,255,255,.08);
  color: rgba(244,250,250,.74);
}
.infoRow b{color: rgba(244,250,250,.94)}
.infoCard__cta{
  margin-top: 16px;
  display:flex;
  gap: 10px;
  flex-wrap:wrap;
}

/* Footer */
.footer{
  border-top: 1px solid rgba(255,255,255,.06);
  padding: 22px 0 26px;
}
.footer__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  flex-wrap:wrap;
}
.footBrand{display:flex; align-items:center; gap: 10px}
.footBrand img{width:44px}
.footBrand__name{font-weight:1000}
.footBrand__tag{color: var(--muted2); font-weight:850; font-size:12px}
.footLinks{display:flex; gap: 12px; flex-wrap:wrap}
.footLinks a{color: var(--muted); font-weight:950}
.footLinks a:hover{color: rgba(244,250,250,.92)}
.footCopy{display:flex; gap: 12px; align-items:center; color: var(--muted2); font-weight:850}
.top{border-bottom: 1px solid rgba(255,255,255,.22); padding-bottom:2px}
.top:hover{border-bottom-color: rgba(255,255,255,.55)}

/* Responsive */
@media (max-width: 1100px){
  .solutions__head{grid-template-columns: 1fr}
  .solutionsStudio{grid-template-columns: 1fr}
  .sPanel__grid{grid-template-columns: 1fr}
  .subHero__grid{grid-template-columns: 1fr}
  .pillarPanel__grid{grid-template-columns: 1fr}
  .timeline{grid-template-columns: 1fr 1fr}
  .contactSection__head{grid-template-columns: 1fr}
  .contactGrid{grid-template-columns: 1fr}
}
@media (max-width: 760px){
  :root{--gutter: 14px}
  .brand__name{display:none}
  .nav{border-radius: 22px}
  .nav__toggle{display:inline-flex}
  .nav__links{
    position:absolute;
    left:18px; right:18px; top:70px;
    background: rgba(248,251,251,.96);
    border:1px solid rgba(5,33,38,.10);
    border-radius: 22px;
    padding: 12px;
    display:none;
    flex-direction:column;
    align-items:stretch;
    gap: 8px;
    box-shadow: 0 18px 44px rgba(0,0,0,.18);
  }
  .nav__links.is-open{display:flex}
  .nav__links a{color: rgba(5,33,38,.84)}
  .pill{justify-content:center}

  .pillarBar{grid-template-columns: 1fr}
  .pillarBtn:not(:last-child){border-right:none; border-bottom: 1px solid rgba(255,255,255,.12)}
  .pillarBtn{padding: 16px}
  .hero__lead{font-size: 18px}
  .formCard__row{grid-template-columns: 1fr}
  .timeline{grid-template-columns: 1fr}
}
@media (prefers-reduced-motion: reduce){
  .reveal{opacity:1; transform:none; transition:none}
  .btn,.pillarBtn,.sNavBtn{transition:none}
}