/* AfterSold — SantaMail-inspired design language
   Bold condensed caps (Anton) + script accent (Pacifico) + Inter body.
   Saturated color blocks, rotated cards, airmail stripes, paper steps. */

:root{
  --red:#C0392B; --red-deep:#A93226;
  --navy:#21303f; --navy-deep:#18242f;
  --cream:#FAF6F0; --paper:#F3EBDD;
  --gold:#D4A24E; --blush:#F2A993;
  --ink:#21303f; --grey:#62707e;
  --stripe-red:#C0392B; --stripe-navy:#21303f;
}
*{margin:0;padding:0;box-sizing:border-box}

body{font-family:'Inter',system-ui,sans-serif;color:var(--ink);background:var(--cream);line-height:1.65}

/* Type system */
.h-caps{font-family:'Anton',sans-serif;text-transform:uppercase;letter-spacing:.02em;line-height:1.08;display:block}
.h-script{font-family:'Pacifico',cursive;font-weight:400;line-height:1.3;display:block;text-transform:none}
.h-caps-sm{font-size:.55em}
.h-caps-sm2{font-family:'Anton',sans-serif;text-transform:uppercase;letter-spacing:.03em;font-size:1.15rem}
.h-red{color:var(--red)} .h-green{color:#1E6B52} .h-gold{color:var(--gold)}
.stacked-head{margin-bottom:18px}
.stacked-head .h-caps{font-size:clamp(1.6rem,3.6vw,2.6rem)}
.stacked-head .h-script{font-size:clamp(1.5rem,3.4vw,2.4rem);margin-top:4px;color:var(--red)}
.stacked-head.center{text-align:center}

.skip-link{position:absolute;left:-9999px;top:0;background:var(--navy);color:#fff;padding:10px 18px;z-index:99}
.skip-link:focus{left:0}

/* Announcement bar */
.announce{background:var(--navy-deep);color:#fff;font-size:.78rem;font-weight:600;letter-spacing:.08em;text-align:center;padding:9px 16px}
.announce strong{color:var(--gold)}

/* Header */
.site-header{position:sticky;top:0;z-index:50;background:#FAF6F0;border-bottom:1px solid #eadfce}
.nav{max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:26px;padding:14px 24px}
.brand{font-family:'Anton',sans-serif;font-size:1.3rem;letter-spacing:.04em;text-transform:uppercase;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:9px}
.brand-mark{color:var(--red);display:flex}
.nav-links{display:flex;gap:22px;margin-left:auto}
.nav-links a{color:var(--ink);text-decoration:none;font-size:.92rem;font-weight:600}
.nav-links a:hover{color:var(--red)}
@media(max-width:760px){.nav-links{display:none}.nav-cta{margin-left:auto}}

/* Buttons */
.button{display:inline-block;font-family:'Anton',sans-serif;text-transform:uppercase;letter-spacing:.06em;font-size:1rem;padding:14px 34px;border-radius:10px;text-decoration:none;transition:transform .15s ease, box-shadow .15s ease}
.button:hover{transform:translateY(-2px) scale(1.02)}
.button-primary{background:var(--red);color:#fff;box-shadow:0 6px 18px rgba(192,57,43,.35)}
.button-invert{background:#fff;color:var(--red);box-shadow:0 6px 18px rgba(0,0,0,.22)}
.button-outline{border:2px solid var(--navy);color:var(--navy)}
.button-lg{font-size:1.2rem;padding:18px 46px}
.nav-cta{font-size:.85rem;padding:11px 20px}

/* Stars */
.star{position:absolute;color:var(--gold);font-size:2.2rem;opacity:.95;pointer-events:none;text-shadow:0 2px 6px rgba(0,0,0,.15)}
.star-1{top:8%;left:6%}.star-2{top:18%;right:8%;font-size:3rem}.star-3{bottom:12%;left:12%}
.star-4{top:10%;left:8%}.star-5{bottom:14%;right:9%;font-size:2.8rem}.star-6{top:14%;right:10%}

/* Hero */
.hero{position:relative;background:var(--red);color:#fff;text-align:center;padding:72px 24px 220px;overflow:hidden}
.hero-inner{max-width:880px;margin:0 auto;position:relative}
.eyebrow{font-weight:700;font-size:.8rem;letter-spacing:.22em;text-transform:uppercase;color:#FFD9C9;margin-bottom:18px}
.hero h1 .h-caps{font-size:clamp(2.4rem,6.5vw,4.6rem)}
.hero h1 .h-script{font-size:clamp(2.2rem,6vw,4.2rem);color:#FFE3B3;margin:6px 0}
.hero h1 .h-caps-sm{font-size:clamp(1.3rem,3.2vw,2.2rem);color:#FFD9C9}
.hero-sub{font-size:1.15rem;max-width:560px;margin:24px auto 30px;color:#fbe9e5}
.hero-note{font-size:.85rem;color:#fbd9d2;margin-top:14px}

/* Mail cards (rotated, SantaMail polaroid feel) */
.mail-card{background:#fff;color:var(--ink);border-radius:12px;padding:22px 24px;width:300px;box-shadow:0 14px 34px rgba(0,0,0,.28);text-align:left;position:absolute}
.mail-script{font-family:'Pacifico',cursive;font-size:1rem;line-height:1.5}
.mail-sign{font-family:'Pacifico',cursive;color:var(--red);margin-top:10px}
.mail-date{font-weight:700;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:8px}
.mail-stamp{position:absolute;top:14px;right:14px;color:var(--red);border:2px dashed var(--blush);border-radius:6px;padding:4px;display:flex}
.mail-tilt-l{left:-40px;bottom:-150px;transform:rotate(-7deg)}
.mail-tilt-r{right:-40px;bottom:-170px;transform:rotate(5deg)}
@media(max-width:900px){.mail-tilt-l{display:none}.mail-tilt-r{position:relative;right:auto;bottom:auto;margin:40px auto -140px;transform:rotate(3deg)}}

/* Overlap banner (green-block equivalent → navy) */
.banner-wrap{padding:0 24px;margin-top:-90px;position:relative;z-index:5}
.banner{max-width:980px;margin:0 auto;background:var(--navy);color:#fff;border-radius:22px;text-align:center;padding:44px 34px;box-shadow:0 18px 40px rgba(24,36,47,.3)}
.banner .h-caps{font-size:clamp(1.4rem,3.4vw,2.3rem)}
.banner .h-script{font-size:clamp(1.4rem,3.2vw,2.1rem);color:var(--gold);margin-top:6px}

/* Sections */
.section{padding:84px 24px;position:relative}
.section-inner{max-width:1080px;margin:0 auto}
.section-inner.narrow{max-width:760px}
.lead{color:var(--grey);max-width:680px;font-size:1.05rem}

/* Quote cards */
.quotes{background:var(--cream)}
.quote-cards{display:flex;flex-wrap:wrap;gap:26px;justify-content:center;margin-top:46px}
.qcard{border-radius:16px;padding:30px 28px;max-width:330px;box-shadow:0 12px 28px rgba(33,48,63,.18)}
.qcard p{font-family:'Anton',sans-serif;text-transform:uppercase;letter-spacing:.03em;font-size:1.05rem;line-height:1.45}
.qcard-navy{background:var(--navy);color:#fff}
.qcard-blush{background:var(--blush);color:var(--navy)}
.qcard-red{background:var(--red);color:#fff}
.tilt-l{transform:rotate(-3deg)} .tilt-r{transform:rotate(2.5deg)} .tilt-l2{transform:rotate(-1.5deg)}

/* Airmail panel */
.airmail-wrap{background:var(--cream);padding-top:20px}
.airmail{max-width:1040px;margin:0 auto;border-radius:18px;padding:14px;background:repeating-linear-gradient(45deg,var(--stripe-red) 0 18px,#fff 18px 30px,var(--stripe-navy) 30px 48px,#fff 48px 60px);box-shadow:0 16px 38px rgba(33,48,63,.12)}
.airmail-in{background:#fff;border-radius:8px;padding:44px 40px;display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:center}
.airmail-media{position:relative;min-height:260px}
.mail-big{position:relative;width:100%;max-width:340px;margin:0 auto;transform:rotate(-3deg)}
.airmail-copy p{color:var(--grey);margin-bottom:16px}
.airmail-copy .button{margin-top:8px}
@media(max-width:860px){.airmail-in{grid-template-columns:1fr;padding:32px 22px}}

/* Steps : torn-paper cards */
.steps-wrap{background:var(--cream)}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:26px;margin-top:46px}
.paper{background:var(--paper);padding:34px 28px 30px;position:relative;border-radius:14px;border-top:4px dashed #d8c9ae;box-shadow:0 8px 20px rgba(33,48,63,.08)}
.step-tag{font-weight:700;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--red);margin-bottom:10px}
.paper h3{margin-bottom:10px}
.paper p{color:var(--grey);font-size:.95rem}
.paper-wide{margin-top:30px;text-align:center;padding:44px 30px}
.paper-wide .h-caps{font-size:clamp(1.3rem,3vw,2rem);color:var(--navy)}

/* Calendar */
.calendar{background:var(--cream)}
.calendar-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;margin-top:46px}
.touchpoint{background:#fff;border-radius:14px;padding:24px;border:1px solid #e7dbc6;box-shadow:0 4px 12px rgba(33,48,63,.06)}
.touchpoint-when{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#fff;background:var(--navy);padding:4px 10px;border-radius:12px;margin-bottom:12px}
.touchpoint h3{font-family:'Anton',sans-serif;text-transform:uppercase;letter-spacing:.03em;font-size:1.02rem;margin-bottom:6px}
.touchpoint p{color:var(--grey);font-size:.9rem}
.touchpoint-signature{background:var(--navy);border-color:var(--navy)}
.touchpoint-signature h3{color:#fff}
.touchpoint-signature p{color:#b8c4cf}

/* ROI */
.roi{background:var(--navy);color:#fff;text-align:center;overflow:hidden}
.roi .stacked-head .h-caps{color:#fff}
.roi-compare{display:flex;align-items:center;justify-content:center;gap:34px;flex-wrap:wrap;margin:40px 0 26px}
.roi-figure{font-family:'Anton',sans-serif;font-size:clamp(2.4rem,6vw,3.8rem);color:var(--gold)}
.roi-figure span{font-size:.6em}
.roi-label{color:#b8c4cf;font-size:.9rem;max-width:230px;margin:6px auto 0}
.roi-vs{font-family:'Pacifico',cursive;font-size:1.6rem;color:var(--blush)}
.roi-line{color:#d7e0ea;max-width:600px;margin:0 auto}

/* Pricing */
.pricing{background:var(--cream)}
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:34px;max-width:840px;margin:50px auto 0}
.plan{background:#fff;border-radius:18px;padding:40px 34px;text-align:center;box-shadow:0 12px 30px rgba(33,48,63,.12);position:relative}
.plan-featured{border:3px solid var(--red)}
.plan-badge{font-family:'Anton',sans-serif;text-transform:uppercase;letter-spacing:.1em;position:absolute;top:-15px;left:50%;transform:translateX(-50%);background:var(--red);color:#fff;font-size:.75rem;padding:6px 18px;border-radius:16px}
.plan-price{font-family:'Anton',sans-serif;font-size:3rem;color:var(--navy);margin:12px 0 20px}
.plan-price span{font-size:.95rem;color:var(--grey);font-family:'Inter',sans-serif}
.plan ul{list-style:none;text-align:left;margin-bottom:26px}
.plan ul li{padding:8px 0;border-bottom:1px solid #f1ece2;font-size:.93rem;color:var(--grey)}
.plan ul li::before{content:"✓  ";color:var(--red);font-weight:700}

/* FAQ */
.faq{background:#fff}
.faq-list{margin-top:38px}
.faq details{background:var(--cream);border-radius:12px;margin-bottom:12px;padding:18px 22px;border:1px solid #ecdfc8}
.faq summary{font-weight:700;cursor:pointer;font-size:1rem}
.faq details p{margin-top:10px;color:var(--grey);font-size:.95rem}

/* Final CTA */
.final-cta{background:var(--red);color:#fff;text-align:center;overflow:hidden}
.final-cta .stacked-head .h-caps{color:#fff;font-size:clamp(1.5rem,3.4vw,2.4rem)}
.final-cta .stacked-head .h-script{color:#FFE3B3}
.final-cta .hero-note{color:#fbd9d2}
.final-cta .button{margin-top:10px}

/* Footer */
.site-footer{background:var(--navy-deep);color:#9aa7b5;font-size:.85rem}
.footer-inner{max-width:1080px;margin:0 auto;padding:26px 24px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
.site-footer a{color:#c9d6e3;text-decoration:none;margin-left:18px}
.site-footer a:hover{color:#fff}

/* Letter products */
.letters{background:#fff}
.products{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:28px;margin-top:46px}
.product{background:var(--cream);border:1px solid #ecdfc8;border-radius:16px;padding:32px 28px;box-shadow:0 10px 26px rgba(33,48,63,.1)}
.product-featured{background:var(--navy);border-color:var(--navy)}
.product-featured h3,.product-featured p{color:#fff}
.product-featured p{color:#c9d6e3}
.product-featured .product-tag{color:var(--gold)}
.product-tag{font-family:'Pacifico',cursive;color:var(--red);font-size:1.05rem;margin-bottom:8px}
.product h3{margin-bottom:10px}
.product p{color:var(--grey);font-size:.95rem}
.products-note{text-align:center;color:var(--grey);font-size:.92rem;margin-top:30px;font-style:italic}

/* Dealer band */
.dealer-band{background:var(--navy-deep);color:#fff;text-align:center}
.dealer-band .stacked-head .h-caps{color:#fff;font-size:clamp(1.4rem,3.2vw,2.2rem)}
.dealer-band .stacked-head .h-script{color:var(--gold)}
.dealer-line{color:#b8c4cf;max-width:640px;margin:0 auto 28px}

/* Pricing extras */
.plans-3{max-width:1080px;grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}
.gift-strip{max-width:840px;margin:38px auto 0;background:#fff;border:2px dashed var(--gold);border-radius:14px;padding:22px 28px;text-align:center}
.gift-strip p{color:var(--grey);font-size:.95rem}
.gift-strip strong{color:var(--navy)}

/* Animations disabled for performance */
.reveal{opacity:1}
/* Family & Friends */
.family{background:#fff}
.center-lead{margin:0 auto;text-align:center}
.chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:28px 0 6px}
.chips span{background:var(--cream);border:1px solid #e7dbc6;padding:9px 16px;border-radius:20px;font-size:.88rem}
.plans-4{max-width:1180px;grid-template-columns:repeat(auto-fit,minmax(235px,1fr))}
.plan-year{max-width:760px;margin:36px auto 0;border:3px solid var(--gold)}
.plan-aud{font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#b58a3c;margin-bottom:6px}
.plan-aud-biz{color:var(--navy)}
.plan-year .plan-badge{background:var(--gold);color:var(--navy)}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  .button:hover{transform:none}
}