/* adMerge Studios packages + "build your own" quote. Light on the homepage, dark on /services. */
.amp { --amp-grad: linear-gradient(90deg, #7b45f2, #e0409a 45%, #ff7a3d); --amp-lime: #c8ff2e;
  --amp-sans: 'Inter', system-ui, sans-serif; --amp-display: 'Archivo', 'Arial Narrow', sans-serif; --amp-mono: 'JetBrains Mono', ui-monospace, monospace;
  display: grid; gap: 22px; color: var(--amp-ink); font-family: var(--amp-sans); scroll-margin-top: 90px; }
.amp--light { --amp-ink: #14141a; --amp-dim: rgba(20, 20, 26, 0.64); --amp-card: rgba(255, 255, 255, 0.66); --amp-line: rgba(20, 20, 26, 0.1);
  --amp-seg: rgba(20, 20, 26, 0.07); --amp-on: #fff; --amp-btn: #14141a; --amp-btn-ink: var(--amp-lime); --amp-shadow: 0 10px 30px -18px rgba(20, 20, 26, 0.35); }
.amp--dark { --amp-ink: #f6efe2; --amp-dim: rgba(246, 239, 226, 0.66); --amp-card: rgba(255, 255, 255, 0.04); --amp-line: rgba(246, 239, 226, 0.12);
  --amp-seg: rgba(246, 239, 226, 0.08); --amp-on: rgba(246, 239, 226, 0.16); --amp-btn: var(--amp-lime); --amp-btn-ink: #0b0b0f; --amp-shadow: 0 18px 40px -24px rgba(0, 0, 0, 0.8); }
.amp *, .amp *::before, .amp *::after { box-sizing: border-box; }
.amp button { font: inherit; color: inherit; cursor: pointer; }
.amp button:focus-visible, .amp input:focus-visible, .amp textarea:focus-visible { outline: 2px solid #7b45f2; outline-offset: 2px; }

.amp__eyebrow { margin: 0 0 10px; font: 600 0.78rem var(--amp-mono); letter-spacing: 0.08em; text-transform: uppercase; opacity: 0.6; }
.amp__title { margin: 0; font: 900 clamp(2rem, 4.6vw, 3.6rem)/0.95 var(--amp-display); font-variation-settings: 'wdth' 70; letter-spacing: -0.02em; max-width: 18ch; }
.amp__grad { background: var(--amp-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
.amp__lede { margin: 14px 0 0; color: var(--amp-dim); max-width: 60ch; line-height: 1.5; }
.amp__lede b { color: var(--amp-ink); }
.amp__perks { list-style: none; margin: 20px 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.amp__perks li { display: flex; gap: 12px; align-items: flex-start; padding: 14px 16px; border-radius: 16px; background: var(--amp-card); box-shadow: inset 0 0 0 1px var(--amp-line); min-width: 0; }
.amp__perks li > span:last-child { min-width: 0; font-size: 0.85rem; color: var(--amp-dim); line-height: 1.35; }
.amp__perks b { display: block; color: var(--amp-ink); font-size: 0.98rem; margin-bottom: 2px; }
.amp__perk-ic { flex: 0 0 auto; width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; background: var(--amp-seg); font-size: 1rem; }
.amp .amp__perks .amp__perk--hot { background: linear-gradient(120deg, #7b45f2, #e0409a 60%, #ff7a3d); box-shadow: 0 16px 34px -18px rgba(224, 64, 154, 0.7); }
.amp__perk--hot > span:last-child, .amp__perk--hot b { color: #fff !important; }
.amp__perk--hot .amp__perk-ic { background: var(--amp-lime); color: #0b0b0f; }
.amp__terms { margin: -6px 0 0; font-size: 0.82rem; color: var(--amp-dim); }

.amp__bar { display: flex; flex-wrap: wrap; gap: 10px; }
.amp__seg { display: inline-flex; padding: 3px; border-radius: 99px; background: var(--amp-seg); }
.amp__seg button { border: 0; background: none; padding: 9px 16px; border-radius: 99px; font-weight: 600; font-size: 0.9rem; color: var(--amp-dim); }
.amp__seg button[aria-pressed="true"] { background: var(--amp-on); color: var(--amp-ink); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12); }

.amp__cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; align-items: stretch; }
.amp__card { position: relative; display: flex; flex-direction: column; gap: 10px; padding: 22px 20px 20px; border-radius: 22px; background: var(--amp-card);
  box-shadow: inset 0 0 0 1px var(--amp-line), var(--amp-shadow); min-width: 0; }
.amp__card--best { color: #fff; background: linear-gradient(150deg, #7b45f2, #b33fb8 55%, #e0409a); box-shadow: 0 22px 46px -22px rgba(123, 69, 242, 0.8); }
.amp__badge { position: absolute; top: 16px; right: 16px; padding: 4px 10px; border-radius: 99px; background: var(--amp-lime); color: #0b0b0f; font: 700 0.7rem var(--amp-mono); letter-spacing: 0.06em; text-transform: uppercase; }
.amp__name { margin: 0; font: 900 1.7rem/1 var(--amp-display); font-variation-settings: 'wdth' 80; }
.amp__fit { margin: 0; font-size: 0.88rem; opacity: 0.75; min-height: 2.6em; }
.amp__price { margin: 4px 0 0; display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px; }
.amp__price b { font: 800 clamp(1.9rem, 3.4vw, 2.4rem)/1 var(--amp-sans); letter-spacing: -0.02em; font-variant-numeric: tabular-nums; }
.amp__price span { font-weight: 600; opacity: 0.7; }
.amp__price s { opacity: 0.55; font-variant-numeric: tabular-nums; }
.amp__pp { margin: 0; font-size: 0.82rem; opacity: 0.7; font-variant-numeric: tabular-nums; }
.amp__card ul { list-style: none; margin: 6px 0 0; padding: 0; display: grid; gap: 7px; font-size: 0.9rem; }
.amp__card li { display: grid; grid-template-columns: 18px 1fr; gap: 6px; align-items: start; }
.amp__card li svg { margin-top: 2px; color: #2bbe91; }
.amp__card--best li svg { color: var(--amp-lime); }
.amp__deliv { margin: auto 0 0; padding-top: 8px; font: 600 0.78rem var(--amp-mono); opacity: 0.8; }

.amp .amp__cta { border: 0; padding: 13px 16px; border-radius: 14px; background: var(--amp-btn); color: var(--amp-btn-ink); font-weight: 700; text-align: center; transition: transform 0.2s; }
.amp .amp__cta:hover { transform: translateY(-2px); }
.amp .amp__card--best .amp__cta { background: var(--amp-lime); color: #0b0b0f; }
.amp .amp__cta[disabled], .amp .amp__ghost[disabled] { opacity: 0.45; cursor: default; transform: none; }

.amp__build { display: grid; gap: 16px; padding: clamp(18px, 3vw, 28px); border-radius: 24px; background: var(--amp-card); box-shadow: inset 0 0 0 1px var(--amp-line), var(--amp-shadow); }
.amp__build-head h3 { margin: 0; font: 900 clamp(1.5rem, 3vw, 2rem)/1 var(--amp-display); font-variation-settings: 'wdth' 80; }
.amp__build-head p { margin: 8px 0 0; color: var(--amp-dim); max-width: 56ch; }
.amp__rows { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 18px; }
.amp__row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 11px 0; border-bottom: 1px solid var(--amp-line); min-width: 0; }
.amp__row > div:first-child { min-width: 0; }
.amp__row b { display: block; font-weight: 600; font-size: 0.95rem; }
.amp__row small { display: block; color: var(--amp-dim); font-size: 0.8rem; font-variant-numeric: tabular-nums; }
.amp__row--tick { cursor: pointer; }
.amp__row--tick input { width: 22px; height: 22px; accent-color: #7b45f2; flex: 0 0 auto; }
.amp__row--text input { width: 84px; padding: 9px 10px; border-radius: 10px; border: 1px solid var(--amp-line); background: transparent; color: inherit; font: inherit; }
.amp__row--wide { grid-column: 1 / -1; align-items: flex-start; flex-wrap: wrap; }
.amp__row--wide textarea { flex: 1 1 280px; padding: 10px 12px; border-radius: 12px; border: 1px solid var(--amp-line); background: transparent; color: inherit; font: inherit; resize: vertical; }
.amp__step { display: inline-flex; align-items: center; gap: 4px; flex: 0 0 auto; }
.amp__step button { width: 36px; height: 36px; border-radius: 50%; border: 0; background: var(--amp-seg); font-size: 1.15rem; font-weight: 700; line-height: 1; }
.amp__step button[disabled] { opacity: 0.35; cursor: default; }
.amp__step output { min-width: 32px; text-align: center; font-weight: 700; font-variant-numeric: tabular-nums; }

.amp__total { display: grid; gap: 6px; }
.amp__est { margin: 0; display: flex; align-items: baseline; flex-wrap: wrap; gap: 10px; }
.amp__est span { font: 600 0.78rem var(--amp-mono); letter-spacing: 0.06em; text-transform: uppercase; opacity: 0.65; }
.amp__est b { font: 800 clamp(1.8rem, 3.6vw, 2.4rem)/1 var(--amp-sans); font-variant-numeric: tabular-nums; }
.amp__est em { font-style: normal; font-weight: 600; opacity: 0.75; }
.amp__hint { margin: 0; font-size: 0.85rem; color: var(--amp-dim); }
.amp__nudge { margin: 4px 0 0; padding: 10px 14px; border-radius: 12px; background: rgba(123, 69, 242, 0.12); font-size: 0.9rem; }
.amp__send { display: flex; flex-wrap: wrap; gap: 10px; }
.amp .amp__cta--sample { justify-self: start; margin-top: 18px; padding: 15px 22px; font-size: 1rem; }
.amp .amp__cta--big { flex: 1 1 260px; padding: 15px 18px; font-size: 1rem; }
.amp .amp__ghost { flex: 0 0 auto; border: 1px solid var(--amp-line); background: none; padding: 13px 18px; border-radius: 14px; font-weight: 600; }
.amp__toast { position: fixed; left: 50%; bottom: calc(18px + env(safe-area-inset-bottom, 0px)); transform: translateX(-50%); z-index: 90; margin: 0; max-width: min(92vw, 440px);
  padding: 12px 16px; border-radius: 14px; background: #14141a; color: #f6efe2; font-size: 0.9rem; box-shadow: 0 14px 40px rgba(0, 0, 0, 0.35); }

@media (max-width: 900px) { .amp__cards, .amp__perks { grid-template-columns: minmax(0, 1fr); } .amp__fit { min-height: 0; } }
@media (max-width: 640px) { .amp__rows { grid-template-columns: minmax(0, 1fr); } .amp__seg button { padding: 9px 12px; } }
@media (prefers-reduced-motion: reduce) { .amp__cta { transition: none; } }