@import url('/keytag/assets/styles.css');

:root {
  --green:#ff5a3c;
  --green-dark:#c64129;
  --green-soft:#fff1e7;
  --ink:#2e1e17;
  --muted:#705f59;
  --line:#f0e4dc;
  --surface-2:#fff9f4;
  --shadow:0 18px 50px rgba(78,42,26,.13);
}

html { background:#fff8f0; }
.site-header { border-bottom-color:#f0e4dc; }
.brand img { width:248px; max-height:64px; }
.parent-brand:hover,.parent-brand:focus-visible { color:#ff5a3c; }
.nav-cta,.btn-primary {
  background:linear-gradient(135deg,#ff5a3c,#ffa21a);
  box-shadow:0 12px 28px rgba(255,90,60,.25);
}
.nav-links a:hover,.nav-links a.active,.eyebrow { color:#c94329; }
.nav-links a.active:after,.check,.step-num { background:#ff5a3c; }
.accent { color:#ff5a3c; }

.hero {
  padding:44px 0 34px;
  background:radial-gradient(circle at 12% 18%,#fff0df,transparent 41%),linear-gradient(90deg,#fff 0%,#fff 43%,#fff8f2 100%);
}
.hero-grid { min-height:530px; }
.hero-visual img {
  min-height:440px;
  object-position:center;
  border-radius:28px;
}
.hero-visual:before { background:linear-gradient(135deg,#ffe6d4,#fff); }
.hero .display { font-size:clamp(2.9rem,5.3vw,5.15rem); }
.hero-kicker { color:#513a32; font-weight:800; }
.hero-chips .check { background:#ff5a3c; }

.icon-bubble,.feature-row .mini { background:#fff0e5;color:#d94f2f; }
.value-card { border-color:#f2e3d8; }
.coffee-shot { overflow:hidden;border-radius:26px;box-shadow:var(--shadow);background:#fff; }
.coffee-shot img { width:100%;height:auto;aspect-ratio:3/2;object-fit:cover; }
.location-band {
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);
  align-items:stretch;
  overflow:hidden;
  background:#fff6ef;
}
.location-band figure { margin:0;min-width:0; }
.location-band img { width:100%;height:100%;min-height:410px;object-fit:cover; }
.location-copy { padding:55px clamp(34px,6vw,88px);display:flex;flex-direction:column;justify-content:center; }
.location-copy h2 { font-size:clamp(2rem,4vw,3.4rem);line-height:1.02;letter-spacing:-.045em;margin:0 0 14px; }
.location-copy p { color:var(--muted);font-size:1.08rem; }
.pill { border-color:#f0d7c8;background:#fff; }
.cta {
  background:linear-gradient(105deg,rgba(45,25,18,.97),rgba(104,49,26,.90));
}
.footer { background:#fff8f0;color:#2e1e17;border-top:1px solid #f0e0d4; }
.footer-links,.footer-bottom { color:#705f59; }
.footer-bottom { border-top-color:#ead8cb; }
.footer a:hover { color:#ff5a3c; }
.price-card.featured { border-color:#ff5a3c;box-shadow:0 18px 46px rgba(255,90,60,.14); }
.price-label { background:#fff0e5;color:#c94329; }
.price-card li:before,.detail-card li:before { color:#ff5a3c; }
.field input:focus,.field textarea:focus,.field select:focus { border-color:#ff5a3c;box-shadow:0 0 0 3px rgba(255,90,60,.12); }

@media (max-width:950px) {
  .location-band { grid-template-columns:1fr; }
  .location-band figure { order:2; }
  .location-band img { min-height:0; }
}
@media (max-width:600px) {
  .brand img { width:155px; }
  .hero-grid { min-height:0; }
  .hero-visual img { min-height:0; }
  .location-copy { padding:42px 24px; }
}