@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@500;600;700;800&family=Fraunces:opsz,wght@9..144,600;9..144,700&display=swap');

:root{
  --bg:#f4efe7;
  --bg-soft:#fbf8f2;
  --surface:#fffdf9;
  --surface-2:#f7f1e8;
  --surface-3:#eee3d6;
  --ink:#1c252d;
  --muted:#5d6973;
  --muted-2:#7b8790;
  --line:rgba(28,37,45,.10);
  --line-strong:rgba(28,37,45,.16);
  --brand:#214b59;
  --brand-dark:#132f39;
  --brand-deep:#10262f;
  --brand-ink:#d9e9ef;
  --accent:#c57b42;
  --accent-soft:#f3dec8;
  --shadow:0 28px 80px rgba(17,29,37,.10);
  --shadow-soft:0 18px 42px rgba(17,29,37,.07);
  --shadow-dark:0 28px 70px rgba(0,0,0,.24);
  --radius:32px;
  --radius-sm:22px;
  --wrap:min(1240px, calc(100vw - 40px));
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--ink);
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  line-height:1.68;
  background:
    radial-gradient(circle at top left, rgba(197,123,66,.11), transparent 24%),
    radial-gradient(circle at top right, rgba(33,75,89,.11), transparent 28%),
    linear-gradient(180deg,#fbf8f2 0%,#f4eee6 38%,#faf7f1 100%);
}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:none}
img{display:block;max-width:100%;height:auto}
main{overflow:hidden}
.wrap{width:var(--wrap);margin:0 auto}

.eyebrow,.kicker{
  margin:0 0 14px;
  letter-spacing:.18em;
  text-transform:uppercase;
  font-size:.74rem;
  font-weight:800;
  color:var(--brand);
}
.eyebrow.light{color:#f1cfb2}
.lead{color:#32424d}
.small,.fineprint{font-size:.84rem;color:var(--muted)}
.section{padding:76px 0}
.section.compact{padding:56px 0}
.section-head{max-width:760px;margin-bottom:34px}
.section-head h2,
.story-copy h2,
.process-lead h2,
.faq-shell h2,
.cta-band h2,
.callout h2,
.proof-band-intro h2{
  margin:0 0 14px;
  font-family:"Plus Jakarta Sans",Inter,sans-serif;
  font-size:clamp(2rem,3.3vw,3.3rem);
  line-height:1.03;
  letter-spacing:-.05em;
}
.section-head p,.story-copy p,.process-lead p,.faq-shell p,.callout p,.proof-band-intro p{margin:0;color:var(--muted);font-size:1.08rem}
.editorial-head h2{max-width:15ch}
.split-head{display:grid;grid-template-columns:minmax(0,.95fr) minmax(280px,.7fr);gap:28px;align-items:end}

.header,header{
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(251,248,242,.74);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(28,37,45,.07);
}
.nav-shell,.nav{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:82px}
.brand,.brand-with-logo{display:flex;align-items:center;gap:12px;min-width:0;flex:0 0 auto}
.brand-logo{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(25,36,45,.12))}
.brand-mark,.brand-text{display:flex;flex-direction:column;gap:3px}
.brand-mark strong,.brand-text{font-family:"Plus Jakarta Sans",Inter,sans-serif;font-size:.98rem;line-height:1.04;color:var(--ink);font-weight:800}
.brand-mark span,.brand-text small{font-size:.78rem;color:var(--muted);line-height:1.2;font-weight:500}
.nav-links,header nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:flex-end}
.nav-links a,header nav a{font-weight:750;color:#46545f;font-size:.94rem}
.nav-links a:hover,header nav a:hover{color:var(--brand-dark)}
.header-actions,.top-cta{display:flex;align-items:center;gap:10px}
.header-actions .button,.top-cta .button{padding:12px 18px;box-shadow:0 12px 28px rgba(33,75,89,.14)}
.mini-note{display:none}

.button,.btn,.cta-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border-radius:999px;
  padding:14px 22px;
  font-weight:800;
  font-size:.95rem;
  border:1px solid transparent;
  transition:.18s ease;
  background:linear-gradient(135deg,var(--brand) 0%,var(--brand-dark) 100%);
  color:#fff;
  box-shadow:0 18px 42px rgba(33,75,89,.18);
  cursor:pointer;
}
.button:hover,.btn:hover,.cta-chip:hover{transform:translateY(-1px);filter:saturate(1.05)}
.button.secondary,.btn.secondary{background:rgba(255,255,255,.6);color:var(--ink);border-color:var(--line);box-shadow:none}
.button.secondary:hover,.btn.secondary:hover{background:#fff}
.light-button{background:#f7efe4;color:var(--brand-deep);box-shadow:none}
.light-button:hover{background:#fff9f1}
.light-secondary{background:transparent!important;color:#f8f5ef!important;border-color:rgba(255,255,255,.18)!important}
.light-secondary:hover{background:rgba(255,255,255,.08)!important}

.hero{position:relative;padding:34px 0 46px}
.hero-v3{
  background:
    radial-gradient(circle at 10% 10%, rgba(197,123,66,.22), transparent 22%),
    radial-gradient(circle at 82% 14%, rgba(76,123,143,.18), transparent 24%),
    linear-gradient(135deg,#122a33 0%,#173c49 52%,#214b59 100%);
  color:#f7f3ed;
}
.hero-shell{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(340px,.52fr);
  gap:28px;
  align-items:start;
}
.hero-copy-v3{padding:16px 0 0}
.hero-copy h1{
  margin:0;
  max-width:10.5ch;
  font-family:"Plus Jakarta Sans",Inter,sans-serif;
  font-size:clamp(3.3rem,6vw,6rem);
  line-height:.92;
  letter-spacing:-.07em;
  color:#fffdf9;
}
.hero-copy .lead{margin:22px 0 0;max-width:62ch;font-size:1.08rem;line-height:1.84;color:rgba(247,243,237,.82)}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.trust-inline,.pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.trust-inline span,.pills span{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);font-size:.85rem;font-weight:700;color:#f1ede7}
.hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:30px}
.hero-metrics article{padding:18px 18px 16px;border-radius:22px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.hero-metrics strong{display:block;margin-bottom:7px;font-family:"Plus Jakarta Sans",Inter,sans-serif;font-size:.96rem;color:#fff}
.hero-metrics span{display:block;color:rgba(247,243,237,.76);font-size:.88rem;line-height:1.52}

.hero-sidebar-v3{display:grid;gap:18px}
.form-card,.quote-card{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,#fffdf9 0%,#f6efe5 100%);
  border:1px solid rgba(25,36,45,.08);
  border-radius:32px;
  padding:28px;
  box-shadow:var(--shadow-dark);
  color:var(--ink);
}
.form-card::before,.quote-card::before{content:"";position:absolute;inset:auto -16% 76% auto;width:220px;height:220px;background:radial-gradient(circle, rgba(197,123,66,.18), transparent 60%);pointer-events:none}
.form-card h2,.quote-card h2{margin:0 0 10px;font-family:"Plus Jakarta Sans",Inter,sans-serif;font-size:1.62rem;line-height:1.08;letter-spacing:-.03em}
.form-card p,.quote-card p{margin:0 0 16px;color:var(--muted)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field,label{display:grid;gap:8px}
.field.full{grid-column:1/-1}
.field span,label span{font-size:.83rem;font-weight:700;color:#43525d}
.form-card input,.form-card select,.form-card textarea,.quote-card input,.quote-card select,.quote-card textarea{
  width:100%;padding:14px 16px;border-radius:16px;border:1px solid rgba(25,36,45,.12);background:rgba(255,255,255,.94);color:var(--ink);font:inherit;
}
.form-card input:focus,.form-card select:focus,.form-card textarea:focus,.quote-card input:focus,.quote-card select:focus,.quote-card textarea:focus{outline:none;border-color:rgba(33,75,89,.36);box-shadow:0 0 0 4px rgba(33,75,89,.08)}
.form-card textarea,.quote-card textarea{min-height:132px;resize:vertical}

.hero-visual-band{display:grid;grid-column:1/-1;grid-template-columns:minmax(0,1.25fr) repeat(2,minmax(0,.55fr));gap:18px;align-items:stretch;margin-top:10px}
.hero-image-large,.hero-image-small,.gallery-stack,.hero-visual,.photo{
  background:linear-gradient(180deg,rgba(255,255,255,.12) 0%,rgba(255,255,255,.05) 100%);
  border:1px solid rgba(255,255,255,.12);
  border-radius:30px;
  overflow:hidden;
  box-shadow:var(--shadow-dark);
}
.hero-image-large img,.hero-image-small img,.gallery-stack img,.hero-visual img,.photo img{width:100%;height:100%;object-fit:cover}
.hero-image-large img{aspect-ratio:16/10}
.hero-image-small img{aspect-ratio:4/5}
.hero-image-large figcaption,.hero-image-small figcaption,.gallery-stack p,.hero-visual figcaption,.photo figcaption{padding:16px 18px 18px;font-size:.9rem;line-height:1.55;color:rgba(247,243,237,.78)}
.hero-image-small.accent-a{transform:translateY(22px)}
.hero-image-small.accent-b{transform:translateY(-10px)}

.dark-band{background:linear-gradient(180deg,#10262f 0%,#0d1f26 100%);color:#f7f3ed}
.proof-band-v3{padding:72px 0}
.proof-band-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:26px;align-items:start}
.proof-band-intro p,.proof-band-intro h2{color:#f7f3ed}
.proof-band-intro p{color:rgba(247,243,237,.72)}
.proof-band-intro h2{max-width:14ch}
.proof-shell{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.proof-tile{border-radius:24px;padding:22px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10)}
.proof-tile strong{display:block;margin-bottom:7px;font-family:"Plus Jakarta Sans",Inter,sans-serif;font-size:1rem;color:#fff}
.proof-tile span{display:block;font-size:.9rem;line-height:1.56;color:rgba(247,243,237,.76)}

.section-contrast{background:linear-gradient(180deg,#fbf8f2 0%,#f2ebe1 100%)}
.audience-grid,.service-grid,.process-grid,.gallery-grid,.faq-grid,.footer-grid,.grid-2,.grid-3{display:grid;gap:18px}
.audience-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.service-grid,.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.process-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.gallery-grid{grid-template-columns:1.18fr .82fr}
.faq-grid{grid-template-columns:minmax(0,.95fr) minmax(300px,.6fr)}
.footer-grid{grid-template-columns:1.25fr .75fr}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}

.panel,.card,.service-card,.audience-card,.process-card,.faq-shell,.story-copy,.gallery-stack,.cta-band,.footer-card,.callout{
  background:linear-gradient(180deg,#fffdf9 0%,#f7f1e8 100%);
  border:1px solid rgba(25,36,45,.08);
  border-radius:30px;
  box-shadow:var(--shadow-soft);
  padding:30px;
}
.service-card h3,.audience-card h3,.process-card h3,.card h3,.panel h2,.callout h2,.feature-copy h3{
  margin:0 0 10px;
  font-family:"Plus Jakarta Sans",Inter,sans-serif;
  font-size:1.3rem;
  line-height:1.12;
  letter-spacing:-.02em;
}
.service-card p,.audience-card p,.process-card p,.card p,.panel p,.callout p,.feature-copy p{margin:0;color:var(--muted);font-size:1rem;line-height:1.72}
.service-meta{display:block;margin-top:14px;font-size:.86rem;font-weight:700;color:var(--brand)}
.card-tag{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:999px;background:var(--accent-soft);color:#7c4b1f;font-weight:800;margin-bottom:16px}
.stagger-grid .audience-card:nth-child(2){transform:translateY(18px)}
.stagger-grid .audience-card.lower{transform:translateY(34px)}
.accent-card{background:linear-gradient(180deg,#fff8f0 0%,#f4e4d3 100%)}
.audience-card ul{margin:14px 0 0;padding-left:18px;color:var(--muted)}
.audience-card li+li{margin-top:6px}

.services-editorial{background:#fbf8f2}
.feature-service-grid{display:grid;gap:22px}
.feature-service-card{display:grid;grid-template-columns:minmax(0,.9fr) minmax(340px,.82fr);gap:22px;align-items:stretch;background:linear-gradient(135deg,#fffdf9 0%,#f2ebe2 100%);border:1px solid rgba(25,36,45,.08);border-radius:34px;padding:24px;box-shadow:var(--shadow)}
.feature-copy{padding:16px 12px 16px 12px}
.feature-copy h3{font-size:clamp(2rem,3vw,3rem);max-width:13ch;line-height:1.02}
.feature-copy p + p{margin-top:14px}
.feature-media{margin:0;background:#173742;border-radius:28px;overflow:hidden;box-shadow:var(--shadow-soft)}
.feature-media img{aspect-ratio:4/3}
.feature-media figcaption{padding:16px 18px 18px;color:#edf2f4;font-size:.9rem;line-height:1.55}
.service-grid-editorial .service-card:nth-child(odd){background:linear-gradient(180deg,#fffdf9 0%,#f7f1e8 100%)}
.service-grid-editorial .service-card:nth-child(even){background:linear-gradient(180deg,#fbf6ef 0%,#efe4d6 100%)}

.dark-story-block{background:linear-gradient(135deg,#122a33 0%,#193946 52%,#0f2028 100%)}
.story-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:24px;align-items:center}
.story-grid-dark{grid-template-columns:minmax(0,.86fr) minmax(0,1.04fr)}
.story-copy-dark{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow-dark);color:#f7f3ed}
.story-copy-dark p,.story-copy-dark li{color:rgba(247,243,237,.86)}
.story-copy-dark ul{margin:16px 0 0;padding-left:18px}
.stack-media-dark{display:grid;grid-template-columns:1fr;gap:18px}
.dark-frame{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow-dark)}
.dark-frame img{aspect-ratio:16/10}
.minor-frame{max-width:78%;justify-self:end}

.timeline-section{background:linear-gradient(180deg,#f4eee6 0%,#fbf8f2 100%)}
.timeline-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.timeline-card{position:relative;padding-top:74px}
.timeline-card .step{position:absolute;top:24px;left:24px;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--accent-soft) 0%,#fff 100%);color:#6d3f14;font-weight:900;box-shadow:0 12px 28px rgba(197,123,66,.18)}
.timeline-card::after{content:"";position:absolute;top:45px;right:-18px;width:36px;height:1px;background:rgba(33,75,89,.16)}
.timeline-card:last-child::after{display:none}

.faq-contrast-section{background:#fbf8f2}
.faq-grid-v3{align-items:start}
.faq-shell-v3{background:linear-gradient(180deg,#fffdf9 0%,#f6f0e8 100%)}
.faq-shell details{padding:18px 0;border-top:1px solid rgba(25,36,45,.08)}
.faq-shell details:first-of-type{border-top:none;padding-top:6px}
.faq-shell summary{cursor:pointer;list-style:none;font-weight:800;font-size:1.03rem}
.faq-shell summary::-webkit-details-marker{display:none}
.faq-shell details p{margin:12px 0 0;color:var(--muted)}
.side-note{padding:32px;background:linear-gradient(160deg,var(--brand) 0%,var(--brand-dark) 100%);color:#f6f2ea;border-radius:30px;box-shadow:var(--shadow-dark)}
.side-note h3{margin:0 0 10px;font-family:"Plus Jakarta Sans",Inter,sans-serif;font-size:1.32rem}
.side-note p,.side-note li{color:rgba(246,242,234,.84)}
.side-note ul{margin:14px 0 22px;padding-left:18px}

.cta-band{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:38px;background:linear-gradient(135deg,#1f4a57 0%,#173742 100%);color:#f5f4f1;box-shadow:var(--shadow)}
.cta-band p{margin:0;color:rgba(245,244,241,.82);max-width:56ch}
footer{padding:28px 0 62px;background:#f3ece2}
.footer-card h3{margin:0 0 10px;font-family:"Plus Jakarta Sans",Inter,sans-serif;font-size:1.08rem}
.footer-card p{margin:0;color:var(--muted)}
.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}
.footer-links a{color:#46545f;font-weight:700}
.build-stamp{width:var(--wrap);margin:18px auto 0;color:#7b8790;font-size:.78rem;text-align:left}
.center{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.mobile-bar{display:none}

.hero-v4 .hero-copy h1{max-width:10.8ch;letter-spacing:-.038em;word-spacing:.04em;font-size:clamp(3.15rem,5.5vw,5.55rem)}
.hero-copy-v4 .lead{max-width:56ch;font-size:1.1rem;line-height:1.68}
.hero-note{display:inline-flex;margin:18px 0 0;padding:12px 16px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);color:rgba(247,243,237,.86);font-weight:750;line-height:1.35}
.phone-line{margin:14px 0 0;color:rgba(247,243,237,.82);font-weight:700}
.phone-line a{color:#fff;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.hero-proof-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px;max-width:760px}
.hero-proof-row div{padding:15px 16px;border-radius:20px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.15);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.hero-proof-row strong{display:block;color:#fff;font-family:"Plus Jakarta Sans",Inter,sans-serif;font-size:.94rem;line-height:1.1;margin-bottom:5px}
.hero-proof-row span{display:block;color:rgba(247,243,237,.78);font-size:.82rem;line-height:1.42}
.form-card-v4 p{font-size:1rem;line-height:1.6}
.form-card-v4 a{font-weight:800;color:var(--brand-dark);text-decoration:underline;text-underline-offset:3px}
.form-grid-v4{grid-template-columns:1fr 1fr}
.reassurance-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.reassurance-row span{padding:8px 12px;border-radius:999px;background:#fff;border:1px solid rgba(25,36,45,.08);font-size:.8rem;font-weight:700;color:#51606a}
.hero-visual-band-v4{grid-template-columns:minmax(0,1.28fr) minmax(260px,.72fr)}
.hero-visual-band-v4 .hero-image-small img{aspect-ratio:16/10}
.compact-head h2{max-width:13ch}
.compact-head p{max-width:62ch}
.audience-grid-v4 .audience-card p,.service-grid-v4 .service-card p,.timeline-grid-v4 .process-card p,.faq-grid-v4 .faq-shell p{font-size:1rem;line-height:1.66}
.service-bundle-list,.quick-fit-list{margin:16px 0 0;padding-left:18px}
.service-bundle-list li,.quick-fit-list li{margin:0 0 8px;color:var(--muted);line-height:1.62}
.light-list li{color:rgba(246,242,234,.86)}
.feature-service-grid-v4{gap:20px}
.feature-service-grid-v4 .feature-copy{display:grid;align-content:start;gap:8px}
.feature-service-grid-v4 .button{justify-self:start;margin-top:8px}
.service-grid-v4{grid-template-columns:repeat(2,minmax(0,1fr))}
.service-grid-v4 .service-card{padding:24px}
.inline-cta-strip{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;margin-top:24px;padding:22px 24px;border-radius:26px;background:linear-gradient(135deg,#fffdf9 0%,#efe5d8 100%);border:1px solid rgba(25,36,45,.08);box-shadow:var(--shadow-soft)}
.inline-cta-strip strong{display:block;font-family:"Plus Jakarta Sans",Inter,sans-serif;font-size:1.08rem;color:var(--ink)}
.inline-cta-strip span{display:block;margin-top:4px;color:var(--muted)}
.story-grid-v4{grid-template-columns:minmax(0,1fr) minmax(320px,.82fr)}
.stack-media-v4{gap:14px}
.faq-grid-v4{grid-template-columns:minmax(0,1fr) minmax(280px,.56fr)}
.side-note-v4 ul{margin-top:10px}
.cta-band-v4 p{font-size:1.04rem;line-height:1.7}

@media (max-width:1180px){
  .hero-shell,.proof-band-grid,.feature-service-card,.story-grid,.faq-grid,.footer-grid,.split-head,.inline-cta-strip{grid-template-columns:1fr}
  .hero-visual-band{grid-template-columns:1fr 1fr}
  .hero-image-large{grid-column:1/-1}
  .hero-sidebar-v3{max-width:640px}
  .hero-metrics,.proof-shell,.audience-grid,.service-grid,.process-grid,.service-grid-v4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .minor-frame{max-width:none;justify-self:stretch}
  .timeline-card::after{display:none}
}

@media (max-width:760px){
  .nav-shell,.nav{min-height:76px}
  .nav-links,header nav{display:none}
  .header-actions,.top-cta{margin-left:auto}
  .mini-note{display:none}
  .hero{padding:28px 0 36px}
  .hero-copy h1{max-width:none;font-size:clamp(2.7rem,12vw,4.2rem)}
  .hero-metrics,.proof-shell,.audience-grid,.service-grid,.process-grid,.hero-visual-band,.form-grid,.service-grid-v4,.hero-visual-band-v4,.hero-proof-row{grid-template-columns:1fr}
  .hero-image-small.accent-a,.hero-image-small.accent-b,.stagger-grid .audience-card:nth-child(2),.stagger-grid .audience-card.lower{transform:none}
  .panel,.card,.service-card,.audience-card,.process-card,.faq-shell,.story-copy,.gallery-stack,.cta-band,.footer-card,.form-card,.quote-card,.hero-visual,.callout,.side-note,.feature-service-card,.inline-cta-strip{padding:22px}
  .cta-band{grid-template-columns:1fr}
  .footer-links{grid-template-columns:1fr}
  .hero-helper-note,.reassurance-row{gap:10px}
  .mobile-bar{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:fixed;left:14px;right:14px;bottom:14px;z-index:60}
  .mobile-bar a{display:inline-flex;justify-content:center;align-items:center;padding:14px 16px;border-radius:18px;background:#183741;color:#fff;font-weight:800;box-shadow:var(--shadow)}
  body{padding-bottom:82px}
}