.intent-landing {
  margin:0;
  overflow-x:hidden;
  background:#fff3d7;
}

.intent-landing .intent-shell {
  width:min(1120px,92vw);
  margin:0 auto;
}

.intent-nav {
  position:absolute;
  inset:22px 0 auto;
  z-index:10;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  width:min(1120px,92vw);
  margin:0 auto;
  padding:14px 18px 14px 22px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  background:rgba(61,42,28,.76);
  box-shadow:0 18px 54px rgba(42,24,12,.2);
  backdrop-filter:blur(16px);
}

.intent-nav .brand-mark {
  display:flex;
  align-items:baseline;
  gap:9px;
  color:#fff8e8;
  text-decoration:none;
}

.intent-nav .brand-title {
  font-size:clamp(20px,2vw,25px);
  font-weight:950;
  letter-spacing:-.045em;
}

.intent-nav .brand-signature {
  color:#f4b82e;
  font:700 19px/1 Caveat,cursive;
}

.intent-nav-cta {
  min-height:46px !important;
  padding:11px 18px !important;
  font-size:14px;
  text-decoration:none;
}

.intent-hero {
  display:grid;
  min-height:820px;
  align-items:center;
  overflow:hidden;
  padding:132px 0 84px;
  color:#fff8e8;
  background:
    radial-gradient(circle at 78% 40%,rgba(244,184,46,.18),transparent 30rem),
    linear-gradient(135deg,#2f2117 0%,#543a28 54%,#241811 100%);
}

.intent-hero-grid {
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);
  gap:clamp(34px,6vw,76px);
  align-items:center;
}

.intent-kicker {
  margin:0 0 18px;
  color:#d99000;
  font-size:13px;
  font-weight:950;
  letter-spacing:.15em;
  text-transform:uppercase;
}

.intent-hero .intent-kicker { color:#f4c34f; }

.intent-hero h1,
.intent-section h2,
.intent-final h2 {
  margin:0;
  font-family:Fraunces,Georgia,serif;
  letter-spacing:-.052em;
}

.intent-hero h1 {
  max-width:730px;
  font-size:clamp(54px,6.5vw,94px);
  line-height:.96;
}

.intent-hero h1 span { display:block; }
.intent-hero h1 b { font:inherit; }

.intent-lead {
  max-width:680px;
  margin:28px 0 0;
  color:rgba(255,248,232,.84);
  font-size:clamp(19px,2vw,24px);
  line-height:1.5;
}

.intent-lead strong { color:#fff8e8; }

.intent-offer-line {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:30px 0 32px;
}

.intent-offer-line span {
  padding:9px 13px;
  border:1px solid rgba(244,195,79,.32);
  border-radius:999px;
  background:rgba(255,255,255,.06);
  color:#ffe69d;
  font-weight:900;
}

.intent-primary-cta {
  min-height:58px !important;
  max-width:100%;
  padding:16px 25px !important;
  text-decoration:none;
}

.intent-portrait {
  position:relative;
  align-self:end;
  margin:0;
}

.intent-portrait::before {
  content:"";
  position:absolute;
  inset:12% -8% 4%;
  border-radius:50% 50% 32% 32%;
  background:linear-gradient(150deg,rgba(255,242,205,.2),rgba(244,184,46,.04));
}

.intent-portrait img {
  position:relative;
  z-index:1;
  display:block;
  width:100%;
  max-height:650px;
  object-fit:contain;
  object-position:center bottom;
  filter:drop-shadow(0 30px 42px rgba(12,7,4,.36));
}

.intent-portrait figcaption {
  position:absolute;
  z-index:2;
  right:0;
  bottom:22px;
  padding:10px 14px;
  border-radius:14px;
  background:#fff4d5;
  color:#3a2412;
  font:700 20px/1 Caveat,cursive;
  transform:rotate(-2deg);
}

.hero-audio-play {
  position:absolute;
  z-index:3;
  left:12px;
  bottom:20px;
  display:flex;
  align-items:center;
  gap:10px;
  min-height:58px;
  padding:8px 16px 8px 8px;
  border:1px solid rgba(255,255,255,.62);
  border-radius:999px;
  color:#3a2412;
  background:#ffd765;
  box-shadow:0 12px 30px rgba(14,8,4,.34),0 0 0 0 rgba(255,215,101,.65);
  font:900 14px/1.1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  cursor:pointer;
  animation:hero-audio-pulse 1.65s ease-out infinite;
}

.hero-audio-icon {
  display:grid;
  width:42px;
  height:42px;
  place-items:center;
  border-radius:50%;
  color:#fff8e8;
  background:#3a281d;
  font-size:17px;
  line-height:1;
}

.intent-portrait.is-playing .hero-audio-play {
  animation:none;
  background:#fff4d5;
}

@keyframes hero-audio-pulse {
  0% { box-shadow:0 12px 30px rgba(14,8,4,.34),0 0 0 0 rgba(255,215,101,.62); }
  70% { box-shadow:0 12px 30px rgba(14,8,4,.34),0 0 0 16px rgba(255,215,101,0); }
  100% { box-shadow:0 12px 30px rgba(14,8,4,.34),0 0 0 0 rgba(255,215,101,0); }
}

.intent-section { padding:clamp(76px,9vw,120px) 0; }

.intent-section h2,
.intent-final h2 {
  max-width:850px;
  color:#3a2412;
  font-size:clamp(40px,5vw,68px);
  line-height:1.02;
}

.intent-section-lead {
  max-width:620px;
  margin:20px 0 0;
  color:#6d5947;
  font-size:20px;
  line-height:1.55;
}

.intent-complete { background:#fff3d7; }

.intent-complete-copy > p {
  margin:0 0 22px;
  color:#6d5947;
  font-size:clamp(18px,2vw,22px);
  line-height:1.58;
}

.intent-complete .intent-use-list li { font-size:18px; }

.intent-samples { background:#fff8e6; }

.intent-sample-list {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
  margin-top:44px;
}

.intent-landing .intent-sample-list .sample-card {
  min-height:270px;
  align-content:space-between;
  border-color:rgba(155,94,27,.16) !important;
  background:linear-gradient(145deg,#fffdf4,#f8e8c5) !important;
  box-shadow:0 18px 44px rgba(58,36,18,.09) !important;
}

.intent-landing .intent-sample-list .sample-card:nth-child(2) { background:linear-gradient(145deg,#f5fbf7,#dff2e4) !important; }
.intent-landing .intent-sample-list .sample-card:nth-child(3) { background:linear-gradient(145deg,#f5f2ff,#e7dcff) !important; }
.intent-landing .intent-sample-list .sample-card:nth-child(4) { background:linear-gradient(145deg,#fff5dc,#f6dca4) !important; }

.intent-landing .sample-card h3 { color:#3a2412 !important; }
.intent-landing .sample-card p { color:#6d5947 !important; }
.intent-landing .sample-controls > span { color:#6d5947; font-weight:850; }

.intent-two-column {
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);
  gap:clamp(40px,8vw,100px);
  align-items:start;
}

.intent-use-list,
.intent-deliverables {
  margin:0;
  padding:0;
  list-style:none;
}

.intent-use-list li,
.intent-deliverables li {
  position:relative;
  padding:15px 0 15px 32px;
  border-bottom:1px solid rgba(155,94,27,.17);
  color:#3a2412;
  font-size:clamp(18px,2vw,22px);
  font-weight:850;
}

.intent-use-list li::before,
.intent-deliverables li::before {
  content:"✓";
  position:absolute;
  left:0;
  color:#188a84;
  font-weight:950;
}

.intent-proof {
  color:#fff8e8;
  background:#3a281d;
}

.intent-proof-inner {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,.8fr);
  gap:clamp(44px,8vw,100px);
  align-items:center;
}

.intent-proof h2 { color:#fff8e8; }
.intent-proof p:not(.intent-kicker) { max-width:650px; color:rgba(255,248,232,.76); font-size:20px; line-height:1.55; }

.intent-proof-logos {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  align-items:center;
}

.intent-proof-logos figure {
  display:grid;
  min-height:116px;
  place-items:center;
  margin:0;
  padding:18px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  background:#fff8e8;
}

.intent-proof-logos img { display:block; max-width:100%; max-height:46px; object-fit:contain; }
.intent-proof-logos figcaption { grid-column:1/-1; margin-top:10px; color:#6d5947; font-size:12px; line-height:1.35; text-align:center; }

.intent-offer { background:#fff8e6; }

.intent-offer-panel {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(340px,.86fr);
  gap:clamp(40px,8vw,100px);
  padding:clamp(34px,6vw,72px);
  border:1px solid rgba(155,94,27,.16);
  border-radius:36px;
  background:linear-gradient(145deg,#fffdf4,#f2dfb7);
  box-shadow:0 24px 68px rgba(58,36,18,.11);
}

.intent-price {
  margin:28px 0 0;
  color:#d99000;
  font:800 clamp(48px,7vw,78px)/1 Fraunces,Georgia,serif;
  letter-spacing:-.05em;
}

.intent-delivery { margin:10px 0 0; color:#3a2412; font-size:20px; font-weight:900; }
.intent-deliverables { margin-bottom:30px; }
.intent-deliverables li { font-size:18px; }

.intent-longer {
  margin:20px 0 0;
  color:#5f4b39;
  font-size:16px;
  font-weight:800;
  line-height:1.5;
}

.intent-longer a {
  color:#7a4800;
  text-decoration-thickness:2px;
  text-underline-offset:3px;
}

.intent-final {
  padding:clamp(82px,10vw,132px) 0;
  text-align:center;
  background:#fff3d7;
}

.intent-final h2 { margin-inline:auto; }
.intent-final p { margin:22px 0 30px; color:#6d5947; font-size:20px; font-weight:850; }
.intent-final .intent-longer-final { margin:20px 0 0; font-size:16px; }

.intent-landing .site-footer { padding:42px 0; }

@media (max-width:900px) {
  .intent-hero { min-height:auto; }
  .intent-hero-grid,
  .intent-two-column,
  .intent-proof-inner,
  .intent-offer-panel { grid-template-columns:1fr; }
  .intent-portrait { width:min(520px,82vw); justify-self:center; }
  .intent-sample-list { grid-template-columns:1fr; }
  .intent-proof-logos { max-width:520px; }
}

@media (min-width:901px) and (max-height:820px) {
  .intent-hero { min-height:720px; padding:112px 0 38px; }
  .intent-hero h1 { font-size:clamp(54px,5.7vw,78px); }
  .intent-lead { margin-top:20px; font-size:20px; }
  .intent-offer-line { margin:22px 0 24px; }
  .intent-portrait img { max-height:520px; }
  .intent-portrait figcaption { bottom:12px; font-size:18px; }
  .hero-audio-play { bottom:14px; }
}

@media (max-width:640px) {
  .intent-nav {
    position:relative;
    inset:auto;
    width:100%;
    padding:11px 4vw;
    border:0;
    border-radius:0;
    background:#3a281d;
    gap:8px;
  }
  .intent-nav .brand-title { font-size:18px; }
  .intent-nav .brand-signature { display:none; }
  .intent-nav-cta {
    flex:0 0 205px;
    width:205px;
    min-width:0;
    min-height:42px !important;
    padding:8px 10px !important;
    font-size:10.5px;
    overflow-wrap:anywhere;
    white-space:normal;
  }
  .intent-hero { padding:54px 0 64px; }
  .intent-hero h1 {
    max-width:100%;
    font-size:clamp(42px,12vw,52px);
    overflow-wrap:break-word;
    hyphens:auto;
  }
  .intent-hero h1 b { display:block; }
  .intent-lead { font-size:18px; }
  .intent-offer-line { gap:7px; }
  .intent-offer-line span { padding:8px 10px; font-size:13px; }
  .intent-primary-cta { width:100%; font-size:15px; }
  .intent-portrait { width:100%; margin-top:12px; }
  .intent-portrait img { max-height:480px; }
  .intent-portrait figcaption { right:5px; bottom:8px; font-size:16px; }
  .hero-audio-play { left:8px; bottom:64px; min-height:52px; padding:6px 12px 6px 6px; }
  .hero-audio-icon { width:38px; height:38px; }
  .intent-section { padding:72px 0; }
  .intent-section h2,
  .intent-final h2 { font-size:clamp(38px,11vw,52px); }
  .intent-proof-logos { grid-template-columns:1fr 1fr 1fr; }
  .intent-proof-logos figure { min-height:86px; padding:12px; }
  .intent-proof-logos figcaption { display:none; }
  .intent-offer-panel { width:min(94vw,1120px) !important; padding:30px 22px; border-radius:26px; }
  .intent-final { padding-bottom:130px; }
  .intent-landing .mobile-sticky { display:block; }
  .intent-landing.show-mobile-sticky .mobile-sticky,
  .intent-landing .mobile-sticky { transform:translateY(0); opacity:1; pointer-events:auto; }
}

@media (prefers-reduced-motion:reduce) {
  .intent-landing *,
  .intent-landing *::before,
  .intent-landing *::after { scroll-behavior:auto !important; transition:none !important; animation:none !important; }
}
