:root{
    /* Core brand palette — cream / black / coral */
    --paper:#F2E8D3;        /* warm paper background */
    --paper2:#ECE0C6;       /* alt section paper */
    --card:#FBF5E7;         /* lifted card surface */
    --ink:#1A140C;          /* near-black */
    --ink2:#5C5345;         /* muted supporting text */
    --coral:#D9492E;        /* accent coral red */
    --coral-d:#B63A22;      /* coral hover */
    --black:#15110A;        /* card-back black */
    --line:#D8CBAF;         /* hairlines on cream */
    /* The four colorways (match the card backs) */
    --sunset:#D9492E;
    --meadow:#7C9A2E;       /* brand lime, deepened for contrast on cream */
    --twilight:#6E54A0;
    --goldrush:#C99A2E;
    --berry:#B03A6E;        /* Mixed Signals / action cards */
    --stripe:linear-gradient(90deg,var(--sunset) 0 25%,var(--meadow) 25% 50%,var(--twilight) 50% 75%,var(--goldrush) 75% 100%);
    /* Expansion colors — subtle accents only (wayfinding dots/keylines) */
    --c-couples:#6B5B8E;
    --c-spicy:#D9492E;
    --c-healing:#5E7B43;
    --c-sapphic:#A85C86;
    --c-all:#C2922E;
    --c-chapters:#4F6D8E;
    --c-letitout:#B26B2E;
    --shadow:0 18px 44px rgba(26,20,12,.14);
    --shadow-sm:0 8px 22px rgba(26,20,12,.10);
  }
  *{box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{margin:0;color:var(--ink);
    background-color:var(--paper);
    /* very subtle paper texture */
    background-image:
      radial-gradient(circle at 20% 15%, rgba(255,255,255,.35), transparent 40%),
      radial-gradient(circle at 85% 80%, rgba(0,0,0,.025), transparent 45%);
    font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}
  .wrap{max-width:1100px;margin:0 auto;padding:0 24px}

  /* Display / headings — heavy condensed sans */
  h1,h2,h3{font-family:'Bebas Neue',Impact,sans-serif;line-height:.98;margin:0 0 .3em;font-weight:400;letter-spacing:.01em}
  .serif{font-family:'Libre Baskerville',Georgia,serif}
  .tagline{font-family:'Libre Baskerville',Georgia,serif;font-style:italic}
  a{color:inherit}

  /* Buttons */
  .btn{display:inline-block;border:none;border-radius:6px;padding:14px 26px;font-weight:700;font-size:14px;
    letter-spacing:.06em;text-transform:uppercase;cursor:pointer;text-decoration:none;
    transition:transform .15s ease,background .15s ease,box-shadow .15s ease;font-family:'Inter',sans-serif}
  .btn:hover{transform:translateY(-1px)}
  .btn-primary{color:#fff;background:var(--coral);box-shadow:var(--shadow-sm)}
  .btn-primary:hover{background:var(--coral-d)}
  .btn-dark{color:var(--paper);background:var(--ink)}
  .btn-dark:hover{background:#000}
  .btn-ghost{background:transparent;border:1.5px solid var(--ink);color:var(--ink)}
  .btn-ghost:hover{background:var(--ink);color:var(--paper)}
  /* Colorway-matched CTAs (follow the header folder icon) */
  .btn.cw-sunset{background:var(--sunset)}   .btn.cw-sunset:hover{background:#B63A22}
  .btn.cw-meadow{background:var(--meadow)}   .btn.cw-meadow:hover{background:#66801F}
  .btn.cw-twilight{background:var(--twilight)} .btn.cw-twilight:hover{background:#5A4287}
  .btn.cw-goldrush{background:var(--goldrush)} .btn.cw-goldrush:hover{background:#A87E1F}

  /* Nav */
  nav{position:sticky;top:0;z-index:50;backdrop-filter:saturate(120%) blur(8px);
    background:rgba(242,232,211,.85)}
  nav::after{content:"";display:block;height:3px;background:var(--stripe)}
  nav .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
  .navbrand{display:flex;align-items:center;gap:10px;font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:.04em}
  .brandmark{display:inline-block;line-height:0;flex:none}
  .brandmark img{width:100%;height:100%;object-fit:contain;display:block}
  .navbrand .brandmark{width:34px;height:34px}
  .navlinks{display:flex;gap:28px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}
  .navlinks a{text-decoration:none;color:var(--ink2)}
  .navlinks a:hover{color:var(--coral)}
  .nav-cta{padding:10px 18px;font-size:12px}
  @media(max-width:760px){.navlinks{display:none}}

  /* Hero */
  header.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
  .hero .wrap{padding:88px 24px 78px;display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
  @media(max-width:920px){.hero .wrap{grid-template-columns:1fr;padding:60px 24px 56px}}

  /* New brand icon in hero */
  .hero-mark{width:92px;height:auto;display:block;margin:0 0 18px}

  /* Confidential stamp */
  .stamp{display:inline-block;transform:rotate(-4deg);border:2.5px solid var(--coral);color:var(--coral);
    font-family:'Archivo Black',sans-serif;font-size:12px;letter-spacing:.22em;text-transform:uppercase;
    padding:7px 14px;border-radius:4px;opacity:.9}

  /* Logo lockup */
  .lockup{margin:22px 0 0}
  .lockup img{width:100%;max-width:500px;height:auto;display:block}
  .navlogo{height:46px;width:auto;display:block}
  .navicon{height:42px;width:auto;display:block}
  .navbrand{gap:12px}
  .lockup .line{display:block;font-family:'Bebas Neue',sans-serif;color:var(--ink);letter-spacing:.015em}
  .lockup .l1{font-size:clamp(34px,6vw,64px)}
  .lockup .l2{font-size:clamp(34px,6vw,64px)}
  .lockup .l3{font-size:clamp(22px,3.4vw,36px);color:var(--ink2)}
  .lockup .l4{font-size:clamp(58px,11vw,128px);display:flex;align-items:center;gap:.02em;line-height:.9}
  .okey{display:inline-flex;align-items:center;justify-content:center;color:var(--ink);
    width:.82em;height:.82em;margin:0 .01em;position:relative;top:.03em}
  .okey svg{width:100%;height:100%}
  .qm{color:var(--coral)}
  .hero .tagline{font-size:clamp(19px,2.4vw,26px);color:var(--ink);margin:24px 0 6px}
  .hero .desc{font-size:16px;color:var(--ink2);max-width:460px;margin:0 0 28px}
  .hero-cta{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
  .microcopy{font-size:13px;color:var(--ink2);margin-top:18px;max-width:480px}
  .pill-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:26px}
  .pill{font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
    background:transparent;border:1px solid var(--line);border-radius:999px;padding:8px 13px;color:var(--ink2);
    display:inline-flex;align-items:center;gap:7px}
  .pill::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--sunset);flex:none}
  .pill:nth-child(2)::before{background:var(--meadow)}
  .pill:nth-child(3)::before{background:var(--twilight)}
  .pill:nth-child(4)::before{background:var(--goldrush)}

  /* Mixed Signals grid */
  .ms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:30px 0 6px}
  .ms{background:var(--card);border:1px solid var(--line);border-left:5px solid var(--sunset);border-radius:10px;padding:16px 18px}
  .ms:nth-child(4n+2){border-left-color:var(--meadow)}
  .ms:nth-child(4n+3){border-left-color:var(--twilight)}
  .ms:nth-child(4n+4){border-left-color:var(--goldrush)}
  .ms h4{margin:0 0 6px;font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:.02em;color:var(--ink)}
  .ms p{margin:0;font-size:13.5px;color:var(--ink2);line-height:1.55}
  .ms-note{font-size:14.5px;color:var(--ink2);max-width:680px;margin:18px 0 34px;line-height:1.7}

  /* Two categories */
  .twocat{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:38px}
  @media(max-width:820px){.twocat{grid-template-columns:1fr}}
  .cat-panel{border-radius:18px;padding:34px 32px;box-shadow:var(--shadow-sm)}
  .cat-open{background:#EBEEDA;border:1px solid #CFD8B0}
  .cat-bold{background:#241A14;color:#F3E9DB;border:1px solid #3A2B1E}
  .cat-panel .cat-kicker{font-family:'Bebas Neue',sans-serif;font-size:15px;letter-spacing:.14em;margin-bottom:8px}
  .cat-open .cat-kicker{color:#4F8043}
  .cat-bold .cat-kicker{color:#C99A2E}
  .cat-panel h3{margin:0 0 12px;font-size:27px;line-height:1.15}
  .cat-bold h3{color:#fff}
  .cat-panel p{font-size:15px;line-height:1.65;margin:0 0 14px}
  .cat-open p{color:var(--ink2)}
  .cat-bold p{color:#D9C9B4}
  .cat-list{list-style:none;margin:0;padding:0}
  .cat-list li{position:relative;padding:7px 0 7px 30px;font-size:15px;line-height:1.55}
  .cat-open .cat-list li{color:var(--ink)}
  .cat-bold .cat-list li{color:#F3E9DB}
  .cat-list li::before{content:"";position:absolute;left:2px;top:13px;width:14px;height:14px;border-radius:50%}
  .cat-open .cat-list li::before{background:#4F8043}
  .cat-bold .cat-list li::before{background:#C99A2E}
  .cat-eds{margin-top:18px;padding-top:16px;border-top:1px dashed rgba(120,110,90,.4)}
  .cat-eds .eds-label{font-family:'Bebas Neue',sans-serif;font-size:14px;letter-spacing:.12em;margin-bottom:8px}
  .cat-open .eds-label{color:#4F8043}
  .cat-bold .eds-label{color:#C99A2E}
  .cat-ed{padding:6px 0;font-size:14.5px;line-height:1.55}
  .cat-open .cat-ed{color:var(--ink2)}
  .cat-bold .cat-ed{color:#D9C9B4}
  .cat-ed b{font-weight:700}
  .cat-open .cat-ed b{color:var(--ink)}
  .cat-bold .cat-ed b{color:#fff}
  .cat-foot{margin-top:14px;font-size:13px;font-style:italic}
  .cat-open .cat-foot{color:#6B7A4A}
  .cat-bold .cat-foot{color:#B89A6E}
  .badge18{display:inline-block;font-family:'Bebas Neue',sans-serif;font-size:14px;letter-spacing:.1em;background:#B03A6E;color:#fff;border-radius:999px;padding:4px 12px;margin-left:10px;vertical-align:middle}

  /* Lifestyle photo */
  .lifestyle{margin:44px 0 10px}
  .lifestyle img{width:100%;height:auto;display:block;border-radius:18px;box-shadow:var(--shadow)}
  .lifestyle figcaption{font-size:14.5px;color:var(--ink2);font-style:italic;text-align:center;margin-top:14px}

  /* Hero card art — pre-composited fan image */
  .hero-art{display:flex;align-items:center;justify-content:center;min-height:510px}
  @media(max-width:920px){.hero-art{min-height:0;margin-top:14px}}
  .hero-art img{width:100%;max-width:560px;height:auto;display:block}

  /* Sections */
  section{padding:84px 0}
  .alt{background:var(--paper2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  /* Section color moods — meadow for how-it-works, twilight for the pledge */
  #play.alt{background:#EBEEDA;border-color:#D5DAB5}
  #pledge.alt{background:#ECE6F2;border-color:#D8CFE3}
  #pledge .btn-primary{background:var(--twilight)}
  #pledge .btn-primary:hover{background:#5A4287}
  #packs .sec-head h2{color:var(--ink)}
  .sec-head{max-width:720px;margin-bottom:46px}
  .kicker{font-family:'Archivo Black',sans-serif;font-size:12px;font-weight:400;letter-spacing:.16em;
    text-transform:uppercase;color:var(--coral)}
  .sec-head h2{font-size:clamp(38px,5.2vw,62px);margin-top:14px;color:var(--ink)}
  .sec-head p{font-size:17px;color:var(--ink2);line-height:1.7}

  /* How it works — 4 steps */
  .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
  @media(max-width:860px){.steps{grid-template-columns:1fr 1fr}}
  @media(max-width:520px){.steps{grid-template-columns:1fr}}
  .step{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:26px 24px;position:relative}
  .step .n{font-family:'Bebas Neue',sans-serif;font-size:40px;color:var(--coral);line-height:1}
  .step h3{font-size:24px;margin:6px 0 8px;color:var(--ink)}
  .step p{color:var(--ink2);font-size:14.5px;margin:0;line-height:1.6}

  /* Spice dial */
  .dial{display:flex;border:1px solid var(--line);border-radius:8px;overflow:hidden;max-width:520px;margin-top:34px}
  .dial div{flex:1;text-align:center;padding:14px 8px;font-family:'Archivo Black',sans-serif;font-size:12px;
    letter-spacing:.1em;text-transform:uppercase}
  .dial .t{background:var(--card);color:var(--ink2)}
  .dial .f{background:#F0D9C8;color:var(--coral-d)}
  .dial .b{background:var(--coral);color:#fff}
  .dial-note{font-size:13px;color:var(--ink2);margin-top:12px}

  .ways{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px}
  @media(max-width:820px){.ways{grid-template-columns:1fr}}
  .way{border:1px solid var(--line);border-radius:12px;padding:24px;background:var(--card)}
  .way h4{font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:.02em;margin:0 0 8px;color:var(--ink)}
  .way p{margin:0;color:var(--ink2);font-size:14.5px;line-height:1.6}

  /* Sample questions */
  .samples{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  @media(max-width:820px){.samples{grid-template-columns:1fr}}
  .sample{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:26px 24px;position:relative}
  .sample .ico{width:52px;height:48px;margin-bottom:16px;display:block}
  .sample .ico svg,.sample .ico img{width:100%;height:100%;display:block;object-fit:contain}
  .sample .q{font-family:'Libre Baskerville',serif;font-size:17px;line-height:1.45;color:var(--ink)}
  .sample .cat{font-family:'Bebas Neue',sans-serif;font-size:24px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);margin-top:14px}

  /* The four suits — real card fronts */
  .suits-intro{margin-top:70px;max-width:720px}
  .suits-intro .kicker{margin-bottom:10px}
  .suits-intro h3{font-family:'Bebas Neue',sans-serif;font-size:clamp(30px,3.8vw,46px);color:var(--ink);margin:0 0 12px;letter-spacing:.01em}
  .suits-intro p{font-size:15.5px;color:var(--ink2);line-height:1.65;margin:0}
  .suits{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:36px}
  @media(max-width:820px){.suits{grid-template-columns:repeat(2,1fr)}}
  @media(max-width:440px){.suits{grid-template-columns:1fr;max-width:260px;margin-left:auto;margin-right:auto}}
  .suit{display:flex;flex-direction:column;align-items:center;gap:12px}
  .suit .sfront{width:100%;border-radius:12px;overflow:hidden;box-shadow:var(--shadow);line-height:0}
  .suit .sfront img{width:100%;height:auto;display:block}
  .suit .sname{display:flex;align-items:center;gap:9px;font-family:'Bebas Neue',sans-serif;font-size:23px;letter-spacing:.04em;color:var(--ink)}
  .suit .sname .sw{width:13px;height:13px;border-radius:50%;flex:none}
  .suit .ssub{font-family:'Libre Baskerville',Georgia,serif;font-style:italic;font-size:13.5px;color:var(--ink2);margin-top:-4px}

  /* One shared back callout */
  .theback{display:grid;grid-template-columns:380px 1fr;gap:36px;align-items:center;margin-top:64px;
    background:var(--card);border:1px solid var(--line);border-radius:18px;padding:32px 34px;box-shadow:var(--shadow-sm)}
  @media(max-width:640px){.theback{grid-template-columns:1fr;justify-items:center;text-align:center;gap:22px}}
  .theback-card{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;line-height:0}
  .theback-card img{width:100%;height:auto;display:block;border-radius:8px;box-shadow:var(--shadow-sm)}
  @media(max-width:640px){.theback-card{grid-template-columns:repeat(2,1fr)}}
  .theback-copy h3{font-family:'Bebas Neue',sans-serif;font-size:clamp(28px,3.4vw,40px);color:var(--ink);margin:8px 0 10px;letter-spacing:.01em}
  .theback-copy p{font-size:15.5px;color:var(--ink2);line-height:1.65;margin:0}
  .theback .kicker{margin-bottom:0}
  .mono{font-family:'Courier Prime','Courier New',monospace}
  .hand{font-family:'Patrick Hand','Comic Sans MS',cursive;font-size:1.12em;color:var(--ink)}

  /* Play modes — 1 / 2 / 3+ players */
  .modes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px}
  @media(max-width:820px){.modes{grid-template-columns:1fr}}
  .mode{background:var(--card);border:1px solid var(--line);border-top:4px solid var(--c);border-radius:14px;padding:26px 24px}
  .mode-badge{width:60px;height:60px;border-radius:50%;background:var(--c);color:#fff;
    display:flex;align-items:center;justify-content:center;font-family:'Patrick Hand',cursive;font-size:32px;line-height:1}
  .mode h4{font-family:'Bebas Neue',sans-serif;font-size:27px;letter-spacing:.02em;margin:16px 0 2px;color:var(--ink)}
  .mode .mode-tag{font-family:'Archivo Black',sans-serif;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--c);margin-bottom:10px}
  .mode p{color:var(--ink2);font-size:14.5px;line-height:1.62;margin:0}

  /* Sample prompt cards (real card art + Courier prompts) */
  .prompts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:34px;max-width:880px}
  @media(max-width:560px){.prompts-grid{grid-template-columns:repeat(2,1fr)}}
  .prompts-grid img{width:100%;height:auto;display:block;border-radius:10px;box-shadow:var(--shadow-sm)}

  /* Action cards */
  .actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:34px}
  @media(max-width:820px){.actions-grid{grid-template-columns:repeat(2,1fr)}}
  @media(max-width:440px){.actions-grid{grid-template-columns:1fr;max-width:280px;margin-left:auto;margin-right:auto}}
  .actions-grid img{width:100%;height:auto;display:block;border-radius:12px;box-shadow:var(--shadow-sm)}

  /* Boxes — file-folder wayfinding */
  .box{margin-bottom:30px;border-radius:14px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-sm);background:var(--card)}
  .box-head{padding:26px 28px 24px;position:relative;background:var(--card);border-bottom:3px solid var(--accent)}
  .box-head .tab{display:inline-flex;align-items:center;gap:9px;font-family:'Archivo Black',sans-serif;font-size:10.5px;
    letter-spacing:.12em;text-transform:uppercase;color:var(--ink2);margin-bottom:12px}
  .box-head .dot{width:11px;height:11px;border-radius:50%;background:var(--accent);flex:none}
  .box-head .row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
  .box-head h3{font-size:34px;margin:0;color:var(--ink);letter-spacing:.01em}
  .box-head .aud{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
    border:1px solid var(--line);color:var(--ink2);padding:6px 12px;border-radius:999px;white-space:nowrap}
  .box-head p{margin:10px 0 0;font-size:15px;color:var(--ink2);max-width:640px;line-height:1.6}
  .packs{display:grid;grid-template-columns:repeat(2,1fr);gap:0}
  @media(max-width:720px){.packs{grid-template-columns:1fr}}
  .pack{display:flex;gap:14px;align-items:flex-start;padding:18px 24px;border-top:1px solid var(--line);cursor:pointer;transition:background .15s}
  .pack:nth-child(odd){border-right:1px solid var(--line)}
  @media(max-width:720px){.pack:nth-child(odd){border-right:none}}
  .pack:hover{background:var(--paper)}
  .pack input{margin-top:3px;width:19px;height:19px;accent-color:var(--coral);cursor:pointer;flex:none}
  .pack .pk-name{font-family:'Bebas Neue',sans-serif;font-size:20px;letter-spacing:.02em;display:block;color:var(--ink)}
  .pack .pk-spice{font-family:'Inter',sans-serif;font-size:10.5px;font-weight:700;color:var(--coral);letter-spacing:.06em;text-transform:uppercase}
  .pack .pk-desc{font-size:13.5px;color:var(--ink2);line-height:1.5}
  .pack.sel{background:#F6EAD2}

  /* Build bar */
  .interest-bar{position:sticky;bottom:0;z-index:40;margin-top:30px;
    background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 -10px 34px rgba(26,20,12,.14);
    padding:20px 22px;display:flex;flex-direction:column;gap:14px}
  .bb-summary{display:flex;gap:16px;align-items:baseline;flex-wrap:wrap}
  .bb-summary .count{font-family:'Bebas Neue',sans-serif;font-size:20px;letter-spacing:.03em}
  .bb-price{font-family:'Bebas Neue',sans-serif;font-size:24px;color:var(--coral);letter-spacing:.02em}
  .bb-tier{font-size:13px;font-weight:600;color:var(--ink2)}
  .bb-booster{display:flex;align-items:center;gap:11px;font-size:14px;color:var(--ink2);cursor:pointer;
    padding:12px 14px;border:1px dashed var(--line);border-radius:8px;background:var(--paper)}
  .bb-booster input{width:18px;height:18px;accent-color:var(--coral);cursor:pointer;flex:none}
  .bb-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
  .bb-row input[type=email]{flex:1;min-width:220px;border:1px solid var(--line);border-radius:8px;padding:14px;font-size:15px;font-family:inherit;background:#fff}
  .bb-row input[type=email]:focus{outline:2px solid var(--coral)}
  .note{font-size:13px;color:var(--ink2);margin-top:14px;line-height:1.6}

  .howbuy{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 30px}
  .howbuy .hb{display:flex;align-items:center;gap:9px;background:var(--card);border:1px solid var(--line);border-radius:8px;padding:10px 16px;font-size:13px;font-weight:600;color:var(--ink2)}
  .howbuy .hb .n{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--coral);color:#fff;font-size:12px;font-weight:700;flex:none}
  .howbuy .hb:nth-child(1) .n{background:var(--sunset)}
  .howbuy .hb:nth-child(2) .n{background:var(--meadow)}
  .howbuy .hb:nth-child(3) .n{background:var(--twilight)}
  .howbuy .hb:nth-child(4) .n{background:var(--goldrush)}

  /* Pledge tiers */
  .tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
  @media(max-width:900px){.tiers{grid-template-columns:1fr 1fr}}
  @media(max-width:620px){.tiers{grid-template-columns:1fr}}
  .tier{border:1.5px solid var(--line);border-top:5px solid var(--coral);border-radius:14px;padding:28px 26px;background:var(--card);position:relative;cursor:pointer;transition:.18s;display:flex;flex-direction:column}
  .tier:nth-child(1){border-top-color:var(--sunset)}
  .tier:nth-child(2){border-top-color:var(--meadow)}
  .tier:nth-child(3){border-top-color:var(--twilight)}
  .tier:nth-child(4){border-top-color:var(--goldrush)}
  .tier:nth-child(1) .pick{color:var(--sunset)}
  .tier:nth-child(2) .pick{color:var(--meadow)}
  .tier:nth-child(3) .pick{color:var(--twilight)}
  .tier:nth-child(4) .pick{color:var(--goldrush)}
  .tier:nth-child(2) .feat{background:var(--meadow)}
  .tier:nth-child(4) .feat{background:var(--goldrush)}
  .tier:hover{border-color:var(--coral);transform:translateY(-3px);box-shadow:var(--shadow-sm)}
  .tier.sel{border-color:var(--coral);background:#FBEFDD;box-shadow:var(--shadow-sm)}
  .tier .feat{position:absolute;top:-12px;left:24px;background:var(--coral);color:#fff;
    font-family:'Archivo Black',sans-serif;font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:6px 13px;border-radius:6px}
  .tier h3{font-size:28px;margin:6px 0 4px;color:var(--ink)}
  .tier .price{font-family:'Bebas Neue',sans-serif;font-size:46px;color:var(--ink);margin:6px 0 2px;letter-spacing:.01em}
  .tier .retail{text-decoration:line-through;color:#a89a82;font-size:16px;margin-left:8px;font-family:'Inter';font-weight:500}
  .tier .save{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--c-healing)}
  .tier ul{list-style:none;padding:0;margin:18px 0 0;font-size:14px;color:var(--ink2)}
  .tier li{padding:7px 0 7px 24px;position:relative;line-height:1.5}
  .tier li:before{content:"";position:absolute;left:2px;top:13px;width:9px;height:9px;border-radius:50%;border:2px solid var(--coral)}
  .tier .pick{margin-top:auto;padding-top:20px;font-family:'Archivo Black',sans-serif;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--coral)}

  .pledge-form{margin-top:32px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:24px;display:flex;gap:14px;align-items:center;flex-wrap:wrap}
  .pledge-form input[type=email]{flex:1;min-width:240px;border:1px solid var(--line);border-radius:8px;padding:15px;font-size:15px;font-family:inherit;background:#fff}
  .pledge-form input[type=email]:focus{outline:2px solid var(--coral)}
  .pledge-form .count{font-family:'Bebas Neue',sans-serif;font-size:18px;letter-spacing:.03em}

  /* Footer */
  footer{background:var(--black);color:#d9cdb6;padding:64px 0 48px;margin-top:0;border-top:3px solid transparent;
    border-image:var(--stripe) 1}
  footer .wrap{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap}
  footer .fbrand{margin-bottom:16px}
  footer .fbrand img{width:220px;height:auto;display:block}
  footer h3{color:#fff;font-size:26px}
  footer p{color:#bdb097;line-height:1.6}
  footer a{color:var(--coral)}
  footer .ft-tag{font-family:'Libre Baskerville',serif;font-style:italic;color:#d9cdb6}
  .config-flag{background:#3a2f1c;border:1px solid #5a4a2c;color:#e8d9b0;font-size:13px;padding:13px 16px;border-radius:8px;margin:0 0 26px;flex-basis:100%}

  /* Toast */
  .toast{position:fixed;left:50%;bottom:30px;transform:translateX(-50%) translateY(160%);
    background:var(--ink);color:var(--paper);padding:16px 22px;border-radius:10px;box-shadow:var(--shadow);z-index:100;
    max-width:560px;width:calc(100% - 40px);transition:transform .35s cubic-bezier(.2,.9,.3,1.2);font-size:14.5px}
  .toast.show{transform:translateX(-50%) translateY(0)}
  .toast b{font-family:'Bebas Neue',sans-serif;letter-spacing:.03em}
  .hide{display:none!important}

/* Three ways to play — three colored blocks (how-it-works page) */
.modes-xl{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:46px 0 14px}
@media(max-width:860px){.modes-xl{grid-template-columns:1fr}}
.mode-xl{position:relative;border-radius:22px;padding:44px 30px 38px;color:#fff;box-shadow:var(--shadow);overflow:hidden;text-align:center;display:flex;flex-direction:column;align-items:center}
.mode-xl .num{font-family:'Bebas Neue',sans-serif;font-size:56px;line-height:1;color:#fff;background:rgba(255,255,255,.16);border:2px solid rgba(255,255,255,.55);border-radius:50%;width:92px;height:92px;display:flex;align-items:center;justify-content:center;margin-bottom:22px}
.mode-xl .who{font-family:'Bebas Neue',sans-serif;font-size:16px;letter-spacing:.16em;color:rgba(255,255,255,.85);margin-bottom:10px;text-transform:uppercase}
.mode-xl h3{font-family:'Bebas Neue',sans-serif;font-size:clamp(38px,4.5vw,52px);line-height:.95;margin:0 0 16px;color:#fff;letter-spacing:.01em}
.mode-xl p{font-size:15.5px;line-height:1.7;margin:0;color:rgba(255,255,255,.94)}
.mx-solo{background:linear-gradient(160deg,#D9492E,#A82F1B)}
.mx-two{background:linear-gradient(160deg,#6E54A0,#4A3474)}
.mx-party{background:linear-gradient(160deg,#4F8043,#2F5A28)}

/* Edition pages */
.ed-hero{padding:76px 0 34px}
.ed-back{font-size:14px;font-weight:600;color:var(--ink2);text-decoration:none;display:inline-block;margin-bottom:22px}
.ed-back:hover{color:var(--ink)}
.ed-cat{display:inline-block;font-family:'Bebas Neue',sans-serif;font-size:14px;letter-spacing:.12em;color:#fff;border-radius:999px;padding:5px 14px;margin-bottom:16px}
.ed-hero h1{font-family:'Bebas Neue',sans-serif;font-size:clamp(46px,7vw,74px);line-height:.98;margin:0 0 14px;color:var(--edc,var(--ink))}
.ed-aud{display:inline-block;font-size:13.5px;font-weight:600;color:var(--ink2);background:var(--paper2);border:1px solid var(--line);border-radius:999px;padding:6px 14px;margin-bottom:18px}
.ed-theme{max-width:760px;font-size:17.5px;line-height:1.75;color:var(--ink2);margin:0}
.ed-list{padding:64px 0 70px}
.ed-h2{font-size:30px;margin:6px 0 26px}
.ed-packs{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media(max-width:720px){.ed-packs{grid-template-columns:1fr}}
.ed-pack{background:#fff;border:1px solid var(--line);border-left:5px solid var(--edc,#999);border-radius:14px;padding:20px 22px;box-shadow:var(--shadow-sm)}
.ed-pk-top{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:6px}
.ed-pk-name{font-weight:700;font-size:16.5px;color:var(--ink)}
.ed-pk-spice{font-family:'Bebas Neue',sans-serif;font-size:13px;letter-spacing:.08em;color:var(--edc,#999);white-space:nowrap}
.ed-pack p{margin:0;font-size:14.5px;line-height:1.6;color:var(--ink2)}
.ed-facts{margin-top:26px;font-size:14.5px;font-style:italic;color:var(--ink2);max-width:720px}
.box-link{display:inline-block;margin-top:10px;font-size:13.5px;font-weight:700;color:var(--accent,var(--ink));text-decoration:none}
.box-link:hover{text-decoration:underline}

/* Three-ways headline bars */
.mode-bars{display:flex;flex-wrap:nowrap;gap:12px;margin:6px 0 18px}
.mode-bar{display:inline-block;font-family:'Bebas Neue',sans-serif;font-size:clamp(19px,3.1vw,40px);line-height:1;letter-spacing:.02em;color:#fff;padding:15px 24px 12px;border-radius:14px;box-shadow:var(--shadow-sm);white-space:nowrap}
.mb-solo{background:#D9492E}
.mb-two{background:#6E54A0}
.mb-party{background:#4F8043}

/* Flat two-list pack layout (editions page) */
.packgroup{margin-bottom:44px}
.packgroup .suits-intro{margin-bottom:6px}
.packs-flat{grid-template-columns:repeat(2,1fr);border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--card);box-shadow:var(--shadow-sm)}
.pg-open .pk-spice{color:#4F8043}
.pg-bold .pk-spice{color:#B03A6E}
.pack .pk-ed{display:block;font-size:11px;font-weight:600;color:#9A8F80;margin-top:3px}
.pg-bold .packs-flat{border-color:#E3C8D4}

/* Category header with card art (editions page) */
.cat-head{display:grid;grid-template-columns:1.5fr 1fr;gap:36px;align-items:center}
.cat-art{width:100%;max-width:330px;height:auto;justify-self:end}
@media(max-width:820px){.cat-head{grid-template-columns:1fr}.cat-art{max-width:260px;justify-self:center;margin-top:8px}}

/* Two-option early section */
.early2{display:grid;grid-template-columns:1fr 1fr;gap:22px}
@media(max-width:820px){.early2{grid-template-columns:1fr}}
.early-panel{border-radius:18px;padding:34px 32px;box-shadow:var(--shadow-sm)}
.ep-wait{background:#fff;border:1px solid var(--line)}
.ep-back{background:linear-gradient(160deg,#FFF3D6,#FFE0BC);border:2px solid #C99A2E}
.ep-kicker{font-family:'Bebas Neue',sans-serif;font-size:15px;letter-spacing:.14em;margin-bottom:8px}
.ep-wait .ep-kicker{color:#6E54A0}
.ep-back .ep-kicker{color:#B03A6E}
.early-panel h3{margin:0 0 10px;font-size:26px}
.ep-back h3{color:var(--ink)}
.early-panel p{font-size:15px;line-height:1.65;margin:0 0 18px;color:var(--ink2)}
.ep-back p{color:#6B5540}
.ep-form{display:flex;flex-direction:column;gap:10px}
.ep-form input{padding:13px 16px;border:1px solid var(--line);border-radius:12px;font:inherit;font-size:15px;background:#fff}
.ep-back .ep-form input{background:#fff;border-color:#E2C68F;color:var(--ink)}
.ep-back .ep-form input::placeholder{color:#B09A7C}
.ep-note{font-size:12.5px !important;font-style:italic;margin:12px 0 0 !important}

/* Prompt example bubbles (how-it-works) */
.ex2{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:34px 0 10px}
@media(max-width:820px){.ex2{grid-template-columns:1fr}}
.ex-col{border-radius:18px;padding:28px 28px 24px;box-shadow:var(--shadow-sm)}
.ex-open{background:#EBEEDA;border:1px solid #CFD8B0}
.ex-bold{background:linear-gradient(160deg,#F8E3CB,#F3CFA8);border:1px solid #DBA05F}
.ex-col h4{font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:.05em;margin:0 0 4px}
.ex-open h4{color:#4F8043}
.ex-bold h4{color:#A8391E}
.ex-col .ex-sub{font-size:13px;color:var(--ink2);margin:0 0 16px}
.ex-q{background:#FCF9F1;border-radius:14px;padding:13px 18px;margin-bottom:10px;font-family:'Patrick Hand',cursive;font-size:19px;line-height:1.35;color:#2D2824;box-shadow:var(--shadow-sm);position:relative}
.ex-open .ex-q{border:1.5px solid #B9C68F}
.ex-bold .ex-q{border:1.5px solid #D9975F}
.ex-q b{font-family:'Bebas Neue',sans-serif;font-size:14px;letter-spacing:.06em;display:block;margin-bottom:2px}
.ex-open .ex-q b{color:#4F8043}
.ex-bold .ex-q b{color:#A8391E}

/* How-it-works oversized title */
.hiw-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(58px,9vw,104px);line-height:.92;letter-spacing:.01em;color:var(--ink);margin:6px 0 18px}

/* Mixed Signal card grid (how-it-works) */
.ms-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:30px 0 6px}
@media(max-width:820px){.ms-cards{grid-template-columns:repeat(2,1fr)}}
.ms-cards img{width:100%;height:auto;display:block;border-radius:12px;box-shadow:var(--shadow-sm)}

/* Real prompt cards row (how-it-works examples) */
.ex-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:640px;margin:28px 0 26px}
@media(max-width:560px){.ex-cards{grid-template-columns:repeat(3,1fr);gap:12px}}
.ex-cards img{width:100%;height:auto;display:block;border-radius:10px;box-shadow:var(--shadow-sm)}

/* Waitlist pack-interest checkboxes */
.chip-label{font-size:13.5px !important;margin-bottom:10px !important}
.check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px 16px;margin-bottom:18px}
@media(min-width:1050px){.check-grid{grid-template-columns:repeat(3,1fr)}}
.ck{display:flex;align-items:flex-start;gap:7px;font-size:12px;line-height:1.35;color:var(--ink2);cursor:pointer;padding:2.5px 0}
.ck input{width:14px;height:14px;margin-top:1px;accent-color:#6E54A0;cursor:pointer;flex:none}
.ck:hover span{color:var(--ink)}
.ck18{color:#9A4A6E}
.ck18 input{accent-color:#B03A6E}

/* Page-bottom CTA buttons: uniform size (nav-cta shrinks buttons in the nav only) */
.page-cta .btn{padding:14px 26px;font-size:14px}
.page-cta .btn-ghost{padding:12.5px 26px}

/* Gameplay icons in the three play-mode blocks */
.mode-xl .num svg{width:46px;height:46px;display:block}

/* Mobile hamburger nav */
.nav-toggle{display:none}
.nav-burger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:10px;margin-left:auto;margin-right:6px}
.nav-burger span{width:24px;height:2.5px;background:var(--ink);border-radius:2px;display:block;transition:transform .2s,opacity .2s}
@media(max-width:760px){
  .nav-burger{display:flex}
  .navlinks{display:none;position:absolute;top:64px;left:0;right:0;background:var(--paper,#F7F2E9);flex-direction:column;gap:0;padding:6px 22px 14px;border-bottom:1px solid var(--line);box-shadow:var(--shadow-sm)}
  .navlinks a{padding:13px 0;border-bottom:1px solid var(--line);font-size:14px}
  .navlinks a:last-child{border-bottom:none}
  .nav-toggle:checked ~ .navlinks{display:flex}
  .nav-toggle:checked ~ .nav-burger span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
  .nav-toggle:checked ~ .nav-burger span:nth-child(2){opacity:0}
  .nav-toggle:checked ~ .nav-burger span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
}