:root{--cream:#F5ECD4;
  --paper:#F3EAD3; --paper-2:#ECE0C3; --paper-3:#E4D6B6;
  --ink:#142A1D; --ink-soft:#3C4F3F; --ink-mut:#5E6E58;
  /* Greens cooled toward teal + desaturated ~10% + ~4% darker (2026-06-30):
     neutral monitors were rendering these too bright/vibrant. */
  --green:#1D4137; --green-2:#25503F; --green-deep:#12302A;
  --card-dark:#0B201B;
  --rust:#C8541E; --rust-2:#E07B39; --gold:#B98A3E; --green-acc:#34876B;
  --line:rgba(20,42,29,.14); --maxw:1180px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:'Sora',system-ui,sans-serif;background:var(--green);color:var(--ink-soft);
  font-size:1.02rem;line-height:1.62;overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 22px;position:relative;z-index:2}
.eyebrow{font-family:'DM Mono',monospace;font-size:.74rem;letter-spacing:.22em;text-transform:uppercase;color:var(--rust);font-weight:500}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;font-family:'Sora';font-weight:600;font-size:1rem;border-radius:999px;padding:.86em 1.65em;border:2px solid transparent;cursor:pointer;transition:transform .15s,background .15s,border-color .15s,box-shadow .15s;white-space:nowrap}
.btn-primary{background:var(--rust);color:#fff;border-color:var(--rust)}
.btn-primary:hover{background:var(--rust-2);box-shadow:0 10px 26px rgba(200,84,30,.30)}
.btn:active{transform:translateY(1px)}
.link-arrow{font-weight:600;color:var(--ink);display:inline-flex;align-items:center;gap:.4em}
.link-arrow .ar{transition:transform .2s}.link-arrow:hover .ar{transform:translateX(4px)}
.ilink{color:var(--rust-2);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px;font-weight:500}.ilink:hover{color:#EE9356}
.tstep strong{color:#F5ECD4;font-weight:600}

/* topographic wave texture on cream sections */
.waves{position:relative;background:var(--green)}
.waves::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
  background:url('/static/marketing/waves-light.svg') center/cover no-repeat;opacity:.22;
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 22%,#000 80%,transparent);
  mask-image:linear-gradient(180deg,transparent,#000 22%,#000 80%,transparent)}
.trailband::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
  background:url('/static/marketing/green-texture.svg') center/cover no-repeat;opacity:.22;
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent);
  mask-image:linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent)}

/* Header — iconic green banner */
header.site{position:sticky;top:0;z-index:50;background:var(--green);border-bottom:1px solid rgba(0,0,0,.22);transition:transform .4s cubic-bezier(.4,0,.2,1);will-change:transform}
header.site.nav-hidden{transform:translateY(-100%)}
.nav{display:flex;align-items:center;justify-content:space-between;height:86px}
.brand img{height:68px;width:auto}
.nav-links{display:none;gap:30px;align-items:center}
.nav-links a{font-size:.94rem;font-weight:500;color:rgba(245,236,212,.85)}.nav-links a:hover{color:#F5ECD4}
.nav-cta{display:flex;align-items:center;gap:14px}.nav-cta .btn{padding:.56em 1.15em;font-size:.9rem}
.hide-mobile{display:none}

/* HERO split */
.hero{padding:42px 0 56px}
.hero-grid{display:grid;grid-template-columns:1fr;gap:16px;align-items:center}
/* Brand-showstopper hero: the pennant logo blown up, then the bold
   cream/rust tagline stack underneath. */
.hero-logo{margin:.2em 0 0;line-height:0}
.hero-logo img{width:min(470px,100%);height:auto;display:block;filter:drop-shadow(0 18px 40px rgba(6,20,15,.45))}
.hero-tagline{font-family:'Big Shoulders Display';font-weight:800;text-transform:uppercase;color:#F5ECD4;font-size:clamp(1.75rem,5.6vw,2.8rem);line-height:.94;letter-spacing:.01em;margin:.3em 0 .5em}
.hero-tagline .accent{color:var(--rust)}
.hero p.sub{font-size:clamp(1.06rem,3.6vw,1.24rem);color:#CBD8C4;font-weight:400;max-width:32ch;margin-bottom:1.6em}
.hero-cta{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.hero-cta .btn{width:100%;max-width:340px}
.hero-trust{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:26px}
.badge{display:inline-flex;align-items:center;gap:7px;font-family:'DM Mono';font-size:.74rem;font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:#F5ECD4;background:rgba(185,138,62,.2);border:1px solid rgba(185,138,62,.55);padding:7px 13px;border-radius:999px}
.badge svg{color:var(--gold);flex:0 0 auto}
.trust-text{font-family:'DM Mono';font-size:.76rem;letter-spacing:.06em;text-transform:uppercase;color:#9FCBAE}

/* Holo card */
.card-stage{display:flex;justify-content:center;perspective:1100px}
.holo{width:100%;max-width:330px;border-radius:18px;overflow:hidden;border:2px solid var(--gold);box-shadow:0 32px 70px rgba(20,42,29,.4);transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .12s ease-out;will-change:transform;position:relative;background:var(--card-dark)}
.holo .band{background:var(--rust);color:#fff;font-family:'DM Mono';font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;display:flex;justify-content:space-between;padding:8px 12px}
.holo .art{aspect-ratio:3/4;position:relative;background:radial-gradient(120% 80% at 30% 20%,#26523F,#0B201B 70%)}
.holo .art .mountains{position:absolute;inset:0;display:grid;place-items:center;color:rgba(245,236,212,.22)}
.holo .foil{position:absolute;inset:0;pointer-events:none;mix-blend-mode:color-dodge;opacity:.55;background:radial-gradient(60% 50% at var(--mx,50%) var(--my,40%),rgba(255,255,255,.5),transparent 60%),linear-gradient(115deg,transparent 30%,rgba(120,200,255,.35) 42%,rgba(255,180,120,.35) 50%,rgba(120,255,180,.3) 58%,transparent 70%)}
.holo .name{padding:11px 13px;background:linear-gradient(var(--paper-2),var(--paper-3));color:var(--ink)}
.holo .name b{font-family:'Big Shoulders Display';font-weight:700;font-size:1.1rem;letter-spacing:.02em;text-transform:uppercase;line-height:1.04;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.holo .name span{font-family:'DM Mono';font-size:.62rem;color:var(--ink-mut);letter-spacing:.1em}

/* Proof strip — quiet stat band under the hero; dashed separators echo the
   packing-slip motif. Cells: sold count · Idaho mark · listing SLA. */
.proof{border-top:1px solid rgba(245,236,212,.12);border-bottom:1px solid rgba(245,236,212,.12);background:rgba(11,32,27,.35);position:relative}
.proof .wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding-top:26px;padding-bottom:26px}
.proof .pcell{text-align:center;padding:0 18px;border-left:1.5px dashed rgba(245,236,212,.16)}
.proof .pcell:first-child{border-left:none}
.proof .pnum{font-family:'Big Shoulders Display';font-weight:800;font-size:clamp(1.7rem,4vw,2.5rem);line-height:1;color:#F5ECD4;display:flex;align-items:center;justify-content:center;min-height:44px}
.proof .pnum b{color:var(--rust-2)}
.proof .pidaho{height:44px;width:auto;display:inline-block}
.proof .pidaho path{fill:var(--cream);fill-opacity:.92}
.proof .pidaho circle{fill:var(--rust)}
.proof .plabel{font-family:'DM Mono',monospace;font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:#9FCBAE;margin-top:6px}
@media(max-width:600px){.proof .wrap{grid-template-columns:1fr;gap:18px}.proof .pcell{border-left:none;padding:0}}

/* Bands */
.band{padding:64px 0;position:relative}
.section-head{text-align:center;margin-bottom:42px}
.section-head h2{font-family:'Big Shoulders Display';font-weight:700;text-transform:uppercase;color:#F5ECD4;font-size:clamp(2.1rem,8vw,3.1rem);line-height:.95;margin-top:.22em;letter-spacing:.01em}

/* TRAIL band (green) with gradient fade in/out */
.trailband{background:var(--green-2);color:#E7F0E2}
.trailband .section-head h2{color:#F5ECD4}
.trail{position:relative;max-width:680px;margin:0 auto;padding-left:54px;z-index:2}
.trail .rail{position:absolute;left:19px;top:8px;bottom:8px;width:2px;background:rgba(245,236,212,.16);border-radius:2px;overflow:hidden}
.trail .rail .fill{position:absolute;left:0;top:0;width:100%;height:var(--p,0%);background:linear-gradient(var(--rust-2),var(--rust))}
.tstep{position:relative;padding:18px 0 46px;opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}
.tstep.in{opacity:1;transform:none}
.tstep:last-child{padding-bottom:0}
.tstep .node{position:absolute;left:-44px;top:22px;width:22px;height:22px;border-radius:50%;background:var(--green);border:2px solid rgba(245,236,212,.5);transition:border-color .3s,box-shadow .3s}
.tstep.in .node{border-color:var(--rust-2);box-shadow:0 0 0 5px rgba(224,123,57,.18)}
.tstep .ghost{position:absolute;right:0;top:-8px;font-family:'Big Shoulders Display';font-weight:800;font-size:clamp(3.4rem,12vw,5.5rem);line-height:.8;color:rgba(245,236,212,.22);pointer-events:none}
.tstep .kicker{font-family:'DM Mono';font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:var(--rust-2);font-weight:500}
.tstep h3{font-family:'Big Shoulders Display';font-weight:700;text-transform:uppercase;color:#F5ECD4;font-size:clamp(1.9rem,7vw,2.8rem);line-height:.98;margin:.12em 0 .28em}
.tstep p{font-size:1.06rem;max-width:40ch;color:#DCE6D2}
.tstep .meta{margin-top:13px;font-family:'DM Mono';font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;color:#9FCBAE}

/* FEES (cream) — horizontal tier boxes */
.tiers{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-padding:0 22px;padding:2px 0 8px;scrollbar-width:none}
.tiers::-webkit-scrollbar{display:none}
.tier{flex:0 0 80%;scroll-snap-align:center;background:#244D3E;border:1px solid rgba(245,236,212,.14);border-radius:18px;padding:26px 24px;position:relative;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.tier:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(20,42,29,.16);border-color:rgba(185,138,62,.55)}
.tier.feat{border-color:var(--rust)}
.tier.feat:hover{box-shadow:0 20px 40px rgba(200,84,30,.20)}
.tier .flag{position:absolute;top:-11px;left:22px;background:var(--rust);color:#fff;font-family:'DM Mono';font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;padding:3px 11px;border-radius:999px}
.tier .tname{font-family:'DM Mono';font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:#9FCBAE}
.tier .pct{font-family:'Big Shoulders Display';font-weight:800;color:#F5ECD4;font-size:4.2rem;line-height:1;margin:.06em 0}
.tier .pct sup{color:var(--rust);font-size:.32em;vertical-align:super}
.tier .range{font-size:.96rem;color:#BFD0B8}
.tier-feenote{text-align:center;font-family:'DM Mono';font-size:.8rem;letter-spacing:.03em;color:#C7D6C0;margin-top:20px}
.tier-feenote b{color:#F5ECD4;font-weight:500}

/* eBay-vs-yourself comparison (full width, at bottom) */
.compare{background:var(--ink);color:#E7F0E2;border-radius:18px;padding:30px 26px;margin-top:34px;text-align:center}
.compare-eyebrow{font-family:'DM Mono';font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.compare h3{font-family:'Big Shoulders Display';font-weight:700;text-transform:uppercase;color:#F5ECD4;font-size:1.7rem;line-height:1.02;margin:.34em auto 1.1em;max-width:24ch}
.compare-cols{display:grid;gap:16px;text-align:left}
.cc-col{border:1px solid rgba(245,236,212,.13);border-radius:14px;padding:20px}
.cc-col.us{border-color:rgba(134,239,172,.42);background:rgba(134,239,172,.06)}
.cc-head{display:flex;align-items:center;gap:8px;font-family:'DM Mono';font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#9FCBAE;margin-bottom:12px}
.cc-col.us .cc-head{color:#86EFAC}
.cc-tag{font-family:'DM Mono';font-size:.58rem;letter-spacing:.06em;padding:3px 8px;border-radius:999px;background:rgba(245,236,212,.1);color:#E7F0E2}
.cc-col.us .cc-tag{background:rgba(134,239,172,.18);color:#86EFAC}
.cc-row{display:flex;justify-content:space-between;gap:12px;font-size:.92rem;padding:5px 0;color:#CFE0C9}
.cc-row b{font-family:'DM Mono';font-weight:500;color:#E7F0E2}
.cc-row.total{border-top:1px solid rgba(245,236,212,.18);margin-top:6px;padding-top:10px;color:#F5ECD4;font-weight:600}
.cc-row.total b{color:#F5ECD4;font-size:1.15rem}
.cc-col.us .cc-row.total b{color:#86EFAC}
.cc-note{font-size:.8rem;color:#9FCBAE;margin-top:9px;line-height:1.5}
.compare-punch{margin-top:22px;font-family:'Big Shoulders Display';font-weight:700;text-transform:uppercase;color:var(--rust-2);font-size:1.3rem;line-height:1.05}

/* FINAL (green) */
.final{text-align:center;background:var(--green-2)}
.final h2{font-family:'Big Shoulders Display';font-weight:800;text-transform:uppercase;font-size:clamp(2.3rem,9vw,3.7rem);line-height:.95;margin-bottom:.36em;color:#F5ECD4}
.final p{color:#CFE0C9;margin-bottom:1.6em;font-size:1.04rem}

/* FOOTER with mountain+pine crest */
footer.site{background:var(--green-deep);color:#B7CBB0;position:relative}
.footer-ridge{height:130px;background:var(--green-2) url('/static/marketing/footer-ridge.svg') center bottom/100% 100% no-repeat}
.foot{display:flex;flex-direction:column;gap:20px;padding:8px 0 110px}
.foot-cols{display:flex;flex-wrap:wrap;gap:26px 44px}
.foot-col{display:flex;flex-direction:column;gap:8px}
.foot-col h4{font-family:'DM Mono';font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:#86A98E;margin-bottom:2px}
.foot-col a{font-size:.92rem;color:#CDE0C6}.foot-col a:hover{color:#F5ECD4}
.foot-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid rgba(245,236,212,.12);padding-top:18px}
.foot-bottom small{font-family:'DM Mono';font-size:.74rem;letter-spacing:.06em;color:#86A98E}
.foot-bottom img{height:62px}

.dock{position:fixed;left:0;right:0;bottom:0;z-index:60;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--green) 94%,transparent);backdrop-filter:blur(12px);border-top:1px solid var(--line)}
.dock .btn{width:100%}

@media(min-width:860px){
  .wrap{padding:0 32px}
  .nav-links{display:flex}.hide-mobile{display:inline-flex}
  .hero{padding:84px 0 96px}
  .hero-grid{grid-template-columns:1.05fr .95fr}
  .hero-cta{flex-direction:row;align-items:center}.hero-cta .btn{width:auto}
  .holo{width:330px}
  .band{padding:104px 0}
  .trail{padding-left:80px}.trail .rail{left:30px}.tstep .node{left:-50px}
  .tiers{display:grid;grid-template-columns:repeat(3,1fr);align-items:stretch;overflow:visible;scroll-snap-type:none;padding:0}
  .compare-cols{grid-template-columns:1fr 1fr;gap:20px}
  .footer-ridge{height:182px}
  .foot{flex-direction:row;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;padding:8px 0 46px}
  .dock{display:none}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.holo{transform:none!important}.tstep{opacity:1;transform:none}}
:focus-visible{outline:2px solid var(--rust);outline-offset:3px;border-radius:6px}
#fees{background:var(--green)}
.tier:hover{border-color:rgba(185,138,62,.6)}
@media(max-width:600px){
  .band{padding:54px 0}
  .hero-grid{gap:13px}
  /* more vertical breathing room between hero text groups */
  .hero h1{margin:.1em 0 .62em}
  .hero p.sub{margin-bottom:2.1em;line-height:1.5}
  .hero-cta{gap:18px}
  .hero-trust{margin-top:34px;flex-direction:column;align-items:flex-start;gap:13px}
}

/* --- green-variant tuning --- */
header.site{box-shadow:0 10px 30px -12px rgba(0,0,0,.55);border-bottom:2px solid rgba(185,138,62,.45)}
.compare{background:#16372F;border:1px solid rgba(245,236,212,.14)}
.cc-col{display:flex;flex-direction:column}
.cc-col.us{border-color:rgba(134,239,172,.45);background:rgba(134,239,172,.07)}
.cc-logo{height:38px;width:auto;align-self:flex-start;margin-bottom:14px}
.us-benefits{list-style:none;display:flex;flex-direction:column;gap:7px;margin-top:14px;border-top:1px solid rgba(245,236,212,.14);padding-top:13px}
.us-benefits li{position:relative;padding-left:22px;font-size:.9rem;color:#DEE7D4}
.us-benefits li::before{content:'\2713';position:absolute;left:0;top:0;color:#86EFAC;font-weight:700;font-size:.85rem}
.cc-col.us .cc-row.total b{color:#86EFAC;font-size:1.2rem}
.compare-punch{font-size:1.55rem;margin-top:26px}
.ebay-pill{align-items:center;gap:5px;font-family:'Sora';font-weight:600;font-size:.86rem;color:#F5ECD4;border:1.5px solid rgba(245,236,212,.42);border-radius:999px;padding:.5em 1.05em;transition:border-color .15s,background .15s}
.ebay-pill:hover{border-color:#F5ECD4;background:rgba(245,236,212,.08)}
/* finetooth pass */
.compare-eyebrow{font-family:'Big Shoulders Display';font-weight:700;text-transform:uppercase;color:#F5ECD4;font-size:1.45rem;letter-spacing:.02em;margin-bottom:18px}
.cc-logo{height:66px;width:auto;align-self:center;margin:2px auto 18px}
.tasks{list-style:none;display:flex;flex-direction:column;gap:8px;margin-top:14px;border-top:1px solid rgba(245,236,212,.14);padding-top:13px}
.tasks li{position:relative;padding-left:24px;font-size:.9rem;color:#D2DCC8}
.tasks li::before{content:'';position:absolute;left:0;top:3px;width:12px;height:12px;border:1.5px solid rgba(245,236,212,.55);border-radius:3px}
.compare-punch{font-size:clamp(2rem,5vw,2.6rem);margin-top:28px}
.dock{transform:translateY(120%);transition:transform .32s cubic-bezier(.4,0,.2,1)}
.dock.show{transform:translateY(0)}

/* shared marketing list components (How-it-works, etc.) */
.accept-list{list-style:none;display:flex;flex-direction:column;gap:12px;max-width:62ch;margin:0 auto}
.accept-list li{position:relative;padding-left:30px;font-size:1.02rem;color:#D7E0CD;line-height:1.55}
.accept-list li strong{color:#F5ECD4;font-weight:600}
.accept-list:not(.numbered) li::before{content:'';position:absolute;left:4px;top:.55em;width:9px;height:9px;border-radius:2px;background:var(--rust-2)}
.accept-list.numbered{counter-reset:acc}
.accept-list.numbered li{counter-increment:acc;padding-left:38px}
.accept-list.numbered li::before{content:counter(acc);position:absolute;left:0;top:1px;width:24px;height:24px;border-radius:50%;background:rgba(224,123,57,.16);border:1px solid var(--rust-2);color:var(--rust-2);font-family:'DM Mono';font-size:.8rem;display:grid;place-items:center;font-weight:500}
.trail-note{text-align:center;max-width:54ch;margin:18px auto 0;font-size:.95rem;color:#9FCBAE}

/* FAQ accordion — native <details>/<summary>, no JS */
.faq-list{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:0}
.faq-item{border-bottom:1px solid rgba(245,236,212,.14);position:relative}
.faq-item:first-child{border-top:1px solid rgba(245,236,212,.14)}
.faq-item summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 6px;cursor:pointer;font-size:1.06rem;font-weight:600;color:#F5ECD4;user-select:none;transition:color .15s}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:hover{color:var(--rust-2)}
.faq-item summary::after{content:'+';flex:0 0 auto;font-family:'DM Mono',monospace;font-size:1.2rem;font-weight:400;color:var(--rust-2);transition:transform .22s ease,opacity .15s;line-height:1}
.faq-item[open] summary::after{transform:rotate(45deg)}
.faq-item[open] summary{color:var(--rust-2)}
.faq-item > p{padding:0 6px 20px;font-size:1rem;color:#D7E0CD;line-height:1.65;max-width:64ch}
.faq-item > p a{color:var(--rust-2);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px}.faq-item > p a:hover{color:#EE9356}

/* sibling-page lede paragraphs (the home hero uses .hero p.sub) */
.band .sub{color:#CFE0C9;font-size:1.1rem;line-height:1.6;max-width:54ch;margin:.5em auto 0}

/* hero carousel SOLD badge */
.hero-sold{position:absolute;top:8px;left:8px;z-index:2;background:var(--rust);color:#fff;font-family:'DM Mono',monospace;font-size:.62rem;letter-spacing:.08em;padding:3px 8px;border-radius:999px}
.hero-sold:empty{display:none}

/* tier carousel dots (mobile only) */
.tier-dots{display:flex;justify-content:center;gap:8px;margin-top:14px}
.tier-dot{width:8px;height:8px;border-radius:50%;border:none;padding:0;background:rgba(245,236,212,.3);cursor:pointer;transition:background .2s,transform .2s}
.tier-dot.on{background:var(--rust-2);transform:scale(1.25)}
@media(min-width:860px){.tier-dots{display:none}}