.kdrop-page {
  --kdrop-coral: #df7664;
  --kdrop-ink: #171515;
  --kdrop-paper: #fbf5ef;
  --kdrop-blush: #f3e3da;
  --kdrop-line: rgba(23,21,21,.14);
  background: var(--kdrop-paper);
  color: var(--kdrop-ink);
}
.kdrop-page .site-header { background: rgba(251,245,239,.9); }
.kdrop-page .brand-mark { background: var(--kdrop-ink); }
.kdrop-page .kdrop-brand { display: inline-block; width: min(190px, 44vw); height: auto; }
.kdrop-page .kdrop-brand img { display: block; width: 100%; height: auto; }
.kdrop-hero { padding: 88px 0 104px; }
.kdrop-hero-grid { display: grid; grid-template-columns: minmax(0, .88fr) minmax(420px, 1.12fr); gap: 72px; align-items: center; }
.kdrop-hero-copy { max-width: 650px; }
.kdrop-hero-copy h1, .kdrop-section h2, .kdrop-final h2 { margin: 0; font: 500 clamp(3.4rem, 7vw, 6.6rem)/.92 Georgia, "Times New Roman", serif; letter-spacing: -.055em; }
.kdrop-hero-copy h1 em, .kdrop-section h2 em, .kdrop-final h2 em { color: var(--kdrop-coral); font-weight: 500; }
.kdrop-hero-copy .kdrop-logo-wrap { margin-bottom: 30px; }
.kdrop-hero-copy .kdrop-logo-wrap img { width: min(270px, 75%); height: auto; }
.kdrop-hero-copy .lede { max-width: 610px; margin: 30px 0 0; color: #6d625e; font-size: clamp(1.08rem, 1.7vw, 1.3rem); line-height: 1.62; }
.kdrop-actions { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 31px; }
.kdrop-actions .button-primary { background: var(--kdrop-ink); }
.kdrop-actions .button-ghost { border-color: var(--kdrop-line); background: rgba(255,255,255,.5); }
.kdrop-note { margin: 20px 0 0; color: #817570; font-size: .84rem; }
.kdrop-hero-art { position: relative; min-height: 560px; padding: 28px; border: 1px solid var(--kdrop-line); border-radius: 38px; background: radial-gradient(circle at 79% 16%, rgba(223,118,100,.34), transparent 27%), linear-gradient(145deg, #ead4c8, #f7ebe3 55%, #dfc8bd); box-shadow: 0 28px 76px rgba(88,55,43,.15); overflow: hidden; }
.kdrop-hero-art::before { content: ""; position: absolute; width: 360px; height: 360px; right: -120px; bottom: -150px; border: 1px solid rgba(255,255,255,.75); border-radius: 50%; box-shadow: 0 0 0 34px rgba(255,255,255,.16), 0 0 0 68px rgba(255,255,255,.1); }
.kdrop-desktop-frame { position: relative; z-index: 1; width: 82%; margin: 0 auto; padding: 9px; border-radius: 15px; background: #201b19; box-shadow: 0 24px 55px rgba(42,24,18,.28); transform: rotate(-2deg); }
.kdrop-desktop-frame img { display: block; width: 100%; border-radius: 8px; }
.kdrop-phone-stack { position: absolute; z-index: 2; right: 5%; bottom: -2%; display: flex; align-items: end; gap: 13px; }
.kdrop-phone { width: 118px; padding: 6px; border: 5px solid #171515; border-radius: 22px; background: #171515; box-shadow: 0 18px 38px rgba(42,24,18,.28); transform: rotate(5deg); }
.kdrop-phone:nth-child(2) { width: 136px; transform: rotate(-5deg) translateY(-25px); }
.kdrop-phone img { display: block; width: 100%; height: 235px; object-fit: cover; object-position: top; border-radius: 13px; }
.kdrop-proof { border-block: 1px solid var(--kdrop-line); background: #f2e3da; }
.kdrop-proof-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: var(--kdrop-line); }
.kdrop-proof-item { min-height: 145px; padding: 26px 24px; background: #f2e3da; }
.kdrop-proof-item strong { display: block; font: 500 clamp(1.35rem, 2.5vw, 2rem)/1.08 Georgia, serif; }
.kdrop-proof-item span { display: block; margin-top: 10px; color: #766963; font-size: .86rem; line-height: 1.45; }
.kdrop-section { padding: 112px 0; }
.kdrop-section-heading { max-width: 790px; }
.kdrop-section-heading > p:last-child { max-width: 720px; margin: 24px 0 0; color: #6d625e; font-size: 1.08rem; line-height: 1.65; }
.kdrop-step-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 52px; }
.kdrop-step { min-height: 290px; padding: 28px; border: 1px solid var(--kdrop-line); border-radius: 24px; background: rgba(255,255,255,.56); }
.kdrop-step-number { color: var(--kdrop-coral); font: 800 .72rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .12em; }
.kdrop-step h3 { margin: 46px 0 10px; font: 500 2rem/1.04 Georgia, serif; }
.kdrop-step p { margin: 0; color: #6d625e; line-height: 1.6; }
.kdrop-dark { background: #171515; color: #fff8f2; }
.kdrop-dark .eyebrow { color: #f0a08e; }
.kdrop-dark .kdrop-section-heading > p:last-child, .kdrop-dark .kdrop-feature p { color: rgba(255,248,242,.72); }
.kdrop-feature-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 72px; align-items: center; }
.kdrop-feature h2 { font-size: clamp(2.8rem, 5.7vw, 5.1rem); }
.kdrop-feature-list { display: grid; gap: 14px; padding: 0; margin: 30px 0 0; list-style: none; }
.kdrop-feature-list li { padding: 18px 20px; border: 1px solid rgba(255,248,242,.16); border-radius: 15px; color: rgba(255,248,242,.84); }
.kdrop-feature-list strong { color: white; }
.kdrop-feature-card { padding: 22px; border-radius: 27px; background: #f5e7de; color: var(--kdrop-ink); box-shadow: 18px 18px 0 rgba(255,255,255,.07); transform: rotate(1.3deg); }
.kdrop-feature-card img { display: block; width: 100%; border-radius: 13px; }
.kdrop-feature-caption { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding-top: 17px; font-size: .78rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.kdrop-feature-caption span:last-child { color: var(--kdrop-coral); }
.kdrop-gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 52px; align-items: start; }
.kdrop-gallery figure { margin: 0; }
.kdrop-gallery figure:first-child { grid-column: 1 / -1; }
.kdrop-gallery-frame { padding: 8px; border: 1px solid var(--kdrop-line); border-radius: 25px; background: #f1e2d9; }
.kdrop-gallery figure:first-child .kdrop-gallery-frame { padding: 12px; }
.kdrop-gallery img { display: block; width: 100%; height: 380px; object-fit: cover; object-position: top; border-radius: 17px; box-shadow: 0 14px 34px rgba(66,38,28,.12); }
.kdrop-gallery figure:first-child img { height: auto; object-fit: contain; object-position: center; background: #fffaf6; }
.kdrop-gallery figcaption { padding: 13px 4px 0; color: #736760; font-size: .82rem; font-weight: 750; }
.kdrop-international { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; align-items: start; }
.kdrop-international-copy p { color: #6d625e; font-size: 1.05rem; line-height: 1.68; }
.kdrop-callout { padding: 28px; border: 1px solid var(--kdrop-line); border-radius: 24px; background: #fffdfa; }
.kdrop-callout h3 { margin: 0 0 12px; font: 500 2rem/1.05 Georgia, serif; }
.kdrop-callout p { margin: 0; color: #6d625e; }
.kdrop-callout p + p { margin-top: 16px; }
.kdrop-final { padding: 116px 0; background: var(--kdrop-coral); color: #fff8f2; }
.kdrop-final .eyebrow { color: #fff0e7; }
.kdrop-final h2 { max-width: 850px; }
.kdrop-final p { max-width: 660px; margin: 25px 0 0; color: rgba(255,248,242,.84); font-size: 1.08rem; }
.kdrop-final .button-primary { background: #171515; }
.kdrop-final .button-ghost { border-color: rgba(255,248,242,.42); color: #fff8f2; background: transparent; }
.kdrop-page .legal-hero { background: linear-gradient(180deg, #f2e2d9, #fbf5ef); }
.kdrop-page .legal-copy a { color: #b85d50; }
.kdrop-page .site-footer { background: #171515; }
@media (max-width: 900px) {
  .kdrop-hero-grid, .kdrop-feature-grid, .kdrop-international { grid-template-columns: 1fr; gap: 48px; }
  .kdrop-hero { padding-block: 68px 76px; }
  .kdrop-hero-art { min-height: 510px; }
  .kdrop-proof-grid { grid-template-columns: 1fr 1fr; }
  .kdrop-step-grid { grid-template-columns: 1fr; }
  .kdrop-step { min-height: auto; }
}
@media (max-width: 620px) {
  .kdrop-hero { padding-block: 52px 62px; }
  .kdrop-hero-copy h1, .kdrop-section h2, .kdrop-final h2 { font-size: clamp(3rem, 15vw, 4.6rem); }
  .kdrop-hero-art { min-height: 410px; padding: 17px; border-radius: 27px; }
  .kdrop-desktop-frame { width: 94%; }
  .kdrop-phone-stack { right: 2%; gap: 7px; }
  .kdrop-phone { width: 83px; padding: 4px; border-width: 4px; border-radius: 17px; }
  .kdrop-phone:nth-child(2) { width: 96px; }
  .kdrop-phone img { height: 174px; border-radius: 10px; }
  .kdrop-proof-grid { grid-template-columns: 1fr; }
  .kdrop-proof-item { min-height: auto; padding: 20px; }
  .kdrop-section { padding-block: 78px; }
  .kdrop-gallery { grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 34px; }
  .kdrop-gallery figure:first-child { grid-column: 1 / -1; }
  .kdrop-gallery-frame { padding: 5px; border-radius: 16px; }
  .kdrop-gallery img { height: 270px; border-radius: 11px; }
  .kdrop-gallery figure:first-child img { height: auto; }
  .kdrop-feature-card { padding: 12px; }
  .kdrop-feature-caption { display: grid; gap: 5px; }
}