/* Home-only warm catalog, credit packs and sender identities. Shared product palette. */
.sst-home { --home-ink:#243340; --home-muted:#5f6d77; --home-line:#eadfcf; --home-brand:#e95824; --home-accent:#a24624; --home-cream:#fffaf1; --home-mint:#eaf3e9; --home-lilac:#f0eafb; --home-yellow:#fff0bc; padding-top:26px; color:var(--home-ink); }
.sst-home [hidden] { display:none!important; }
.sst-home__heading { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.8fr); gap:28px; align-items:end; margin-bottom:25px; padding-top:14px; }
.sst-home__eyebrow { margin:0 0 10px; color:var(--home-accent); font-size:12px; line-height:1.5; font-weight:750; letter-spacing:.1em; text-transform:uppercase; }
.sst-home__title { margin:0; color:var(--home-ink); font-family:inherit; font-size:clamp(29px,3.4vw,37px); line-height:1.2; font-weight:750; letter-spacing:-.035em; }
.sst-home__lead { margin:0; color:var(--home-muted); font-size:14px; line-height:1.8; }
.sst-home__catalog { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.sst-home__category { --home-card:var(--home-cream); --home-tile:#ffe1ac; --home-tone:#81521c; --home-edge:#efdcbb; position:relative; isolation:isolate; display:flex; min-width:0; flex-direction:column; overflow:hidden; border:1px solid var(--home-edge); border-radius:23px; padding:25px 27px; background:linear-gradient(150deg,#fff 0,var(--home-card) 100%); color:inherit; text-decoration:none; box-shadow:0 9px 24px #a47d4510; transition:border-color .2s,box-shadow .2s,transform .2s; }
.sst-home__category::before { content:""; position:absolute; inset:0 0 auto; height:4px; background:var(--home-tile); }
.sst-home__category::after { content:""; position:absolute; z-index:-1; right:-55px; bottom:-68px; width:150px; height:150px; border-radius:50%; background:var(--home-tile); opacity:.16; pointer-events:none; }
.sst-home__category[data-home-category="reveal"] { --home-card:#fff7e8; --home-tile:#ffdfa0; --home-tone:#7b4b18; --home-edge:#efdab5; }
.sst-home__category[data-home-category="secret-message"] { --home-card:#fff4ee; --home-tile:#ffd8c8; --home-tone:#924936; --home-edge:#f0d8cc; }
.sst-home__category[data-home-category="anonymous-confession"] { --home-card:var(--home-lilac); --home-tile:#e3d6f9; --home-tone:#70518e; --home-edge:#ded2ec; }
.sst-home__category[data-home-category="funny-notice"] { --home-card:#fffae9; --home-tile:var(--home-yellow); --home-tone:#7e5b15; --home-edge:#eddfaf; }
.sst-home__category[data-home-category="fake-award"] { --home-card:var(--home-mint); --home-tile:#d5eac7; --home-tone:#486c40; --home-edge:#d6e4cf; }
.sst-home__category[data-home-category="mystery-box"] { --home-card:#fff3e9; --home-tile:#ffd4b6; --home-tone:#8b4b29; --home-edge:#ecd7c5; }
.sst-home__category[data-home-category="time-capsule"] { --home-card:#edf6f2; --home-tile:#cfe8e0; --home-tone:#3f6b62; --home-edge:#d4e5dc; }
.sst-home__category[data-home-category="challenge"] { --home-card:#f3f0fc; --home-tile:#dfdcf8; --home-tone:#62618b; --home-edge:#dcd8ed; }
.sst-home__category[data-home-category="treasure-hunt"] { --home-card:#f0f7e9; --home-tile:#dcebc2; --home-tone:#536d3c; --home-edge:#dce6cd; }
.sst-home__category[data-home-category="secret-voting"] { --home-card:var(--home-cream); --home-tile:#f0e0c6; --home-tone:#7c6547; --home-edge:#e7dbc7; }
.sst-home__category:hover { border-color:#d1ab82; box-shadow:0 14px 32px #a47d4519; transform:translateY(-3px); }
.sst-home__category:focus-visible,.sst-home__pack:focus-visible,.sst-home__link:focus-visible { outline:3px solid #c96536; outline-offset:4px; }
.sst-home__category-top { display:flex; justify-content:space-between; align-items:flex-start; gap:14px; }
.sst-home__category-art { display:grid; place-items:center; width:60px; height:60px; flex:0 0 60px; border:1px solid #ffffffb3; border-radius:19px; background:var(--home-tile); color:var(--home-tone); box-shadow:0 5px 10px #9a704510; transform:rotate(-2deg); transition:transform .2s; }
.sst-home__category:nth-child(even) .sst-home__category-art { transform:rotate(2deg); }
.sst-home__category:hover .sst-home__category-art { transform:rotate(0deg); }
.sst-home__category-tag { max-width:64%; margin-top:3px; border:1px solid var(--home-edge); border-radius:99px; padding:6px 11px; background:#ffffffad; color:var(--home-tone); font-size:12px; line-height:1.55; font-weight:650; text-align:right; }
.sst-home__category-icon { width:33px; height:33px; }
.sst-home__category :is(h2,h3) { margin:19px 0 10px; color:var(--home-ink); font-size:22px; line-height:1.3; font-weight:750; letter-spacing:-.025em; }
.sst-home__category-description { margin:0; max-width:520px; color:var(--home-muted); font-size:14px; line-height:1.75; }
.sst-home__category-meta { align-self:flex-start; display:inline-flex; align-items:center; gap:7px; max-width:100%; width:fit-content; margin-top:16px; border:1px solid #e5ca82; border-radius:99px; padding:7px 11px; background:#fff0bc; color:#6a4a1d; font-size:13px; line-height:1.55; font-weight:750; box-shadow:0 3px 7px #9d754b0a; }
.sst-home__category-meta--guest { border-color:#cdddcc; background:#eaf3e9; color:#3f5d43; font-weight:650; box-shadow:none; }
.sst-home__category-meta svg { width:15px; height:15px; flex:0 0 15px; }
.sst-home__category-footer { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:auto; padding-top:21px; color:var(--home-accent); font-size:13px; line-height:1.6; font-weight:750; }
.sst-home__category-footer svg { width:20px; height:20px; flex:0 0 20px; transition:transform .2s; }
.sst-home__category:hover .sst-home__category-footer svg { transform:translateX(3px); }
.sst-home__ideas { gap:6px; flex-wrap:wrap; margin-top:18px; padding-top:16px; border-top:1px solid var(--home-edge); }
.sst-home__ideas.flex { display:flex; }
.sst-home__idea { border:1px solid var(--home-edge); border-radius:99px; padding:5px 9px; background:#ffffffd9; color:#53675f; font-size:12px; line-height:1.6; font-weight:600; }
.sst-home__credits { margin-top:57px; }
.sst-home__credits-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:28px; padding-top:28px; border-top:1px solid var(--home-line); }
.sst-home__credits-heading .sst-home__lead { margin-top:15px; max-width:660px; }
.sst-home__guest-note { margin:11px 0 0; max-width:660px; color:#475b65; font-size:13px; line-height:1.7; font-weight:600; }
.sst-home__link { display:inline-flex; align-items:center; justify-content:center; gap:15px; min-height:44px; border:1px solid #f0d4ba; border-radius:99px; padding:11px 18px; background:#fff8ec; color:#9f4525; font-size:13px; line-height:1.6; font-weight:750; text-decoration:none; box-shadow:0 4px 12px #b17d4109; transition:background-color .2s,border-color .2s; }
.sst-home__link:hover { border-color:#dfb590; background:#ffefd9; }
.sst-home__link svg { width:18px; height:18px; flex:0 0 18px; }
.sst-home__credits-heading > .sst-home__link { flex:0 0 auto; max-width:37%; }
.sst-home__packs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:28px; }
.sst-home__pack { position:relative; display:flex; min-width:0; flex-direction:column; overflow:hidden; border:1px solid #eedfca; border-radius:22px; padding:27px; background:var(--home-cream); color:var(--home-ink); text-decoration:none; box-shadow:0 7px 20px #a47d450c; transition:border-color .2s,box-shadow .2s,transform .2s; }
.sst-home__pack::before { content:""; position:absolute; inset:0 0 auto; height:5px; background:#f5d5b6; }
.sst-home__pack:nth-child(2) { border-color:#d5e4d0; background:var(--home-mint); }
.sst-home__pack:nth-child(2)::before { background:#cce0c0; }
.sst-home__pack:hover { border-color:#d4b48c; box-shadow:0 12px 28px #a47d4519; transform:translateY(-2px); }
.sst-home__pack-name { margin:0; font-size:17px; line-height:1.5; font-weight:750; }
.sst-home__pack-price { margin:20px 0 5px; font-family:inherit; font-size:clamp(30px,3.1vw,39px); line-height:1.2; font-weight:750; letter-spacing:-.04em; font-variant-numeric:lining-nums tabular-nums; }
.sst-home__pack-credits { margin:0; color:#49675b; font-size:13px; line-height:1.6; font-weight:650; }
.sst-home__pack-description { margin:18px 0 0; padding-top:18px; border-top:1px solid #d6c7ae73; color:var(--home-muted); font-size:13px; line-height:1.8; }
.sst-home__pack-unlock { margin:20px 0 0; border:1px solid #ecd49e; border-radius:12px; padding:11px 12px; background:#fffaf1; color:#7b512c; font-size:12px; line-height:1.7; font-weight:650; }
.sst-home__pack.sst-home__pack--featured { border-color:#e8c67d; background:linear-gradient(145deg,#fff8da,var(--home-yellow)); color:var(--home-ink); }
.sst-home__pack.sst-home__pack--featured::before { background:var(--home-brand); }
.sst-home__pack.sst-home__pack--featured:hover { border-color:#d7a455; box-shadow:0 13px 30px #d2a15422; }
.sst-home__sender { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.83fr); gap:42px; align-items:center; margin-top:27px; padding:34px; border:1px solid #eee0c9; border-radius:25px; background:linear-gradient(130deg,var(--home-cream),#fff5e3 60%,var(--home-mint)); }
.sst-home__sender h3 { margin:0; max-width:560px; font-family:inherit; font-size:clamp(25px,2.8vw,30px); line-height:1.25; font-weight:750; letter-spacing:-.025em; }
.sst-home__sender .sst-home__lead { margin-top:16px; }
.sst-home__sender-points { display:grid; gap:9px; padding:0; margin:21px 0 0; list-style:none; }
.sst-home__sender-points li { display:flex; align-items:flex-start; gap:10px; width:fit-content; max-width:100%; border:1px solid #eee0cc; border-radius:12px; padding:8px 11px; background:#ffffffb3; color:#53665d; font-size:13px; line-height:1.7; font-weight:600; }
.sst-home__sender-points svg { width:17px; height:17px; flex:0 0 17px; margin-top:3px; color:#617b53; }
.sst-home__identities { display:grid; gap:12px; padding:4px; }
.sst-home__identity { border:1px solid #ebd8c5; border-radius:17px; padding:18px 21px; background:#fff; box-shadow:0 7px 17px #9472430d; }
.sst-home__identity:nth-child(1) { margin-right:14px; transform:rotate(-1deg); }
.sst-home__identity:nth-child(2) { margin-left:12px; transform:rotate(.75deg); border-color:#ebdaa1; background:#fff7da; }
.sst-home__identity:nth-child(3) { margin-right:7px; transform:rotate(-.35deg); background:#fffaf1; }
.sst-home__identity-label { display:flex; align-items:center; gap:7px; margin:0; color:#86603c; font-size:12px; line-height:1.5; font-weight:750; }
.sst-home__identity-label svg { width:16px; height:16px; flex:0 0 16px; }
.sst-home__identity-name { margin:8px 0 4px; color:var(--home-ink); font-size:15px; line-height:1.5; font-weight:750; }
.sst-home__identity-email { margin:0; color:#667260; font-size:12px; line-height:1.6; overflow-wrap:anywhere; }
.sst-home__one-off { display:flex; align-items:center; justify-content:space-between; gap:30px; margin-top:25px; border:1px solid #eee0b8; border-radius:22px; padding:25px; background:#fff6d8; }
.sst-home__one-off-title { margin:0 0 7px; color:var(--home-ink); font-size:16px; line-height:1.5; font-weight:750; }
.sst-home__one-off-copy { margin:0; max-width:760px; color:var(--home-muted); font-size:13px; line-height:1.8; }
.sst-home__one-off .sst-home__link { flex:0 0 auto; max-width:37%; background:#fff; }
@media(max-width:850px) { .sst-home__heading { grid-template-columns:1fr; gap:17px; } .sst-home__category { padding:23px; } .sst-home__credits-heading { align-items:flex-start; flex-direction:column; gap:18px; } .sst-home__credits-heading > .sst-home__link { max-width:100%; } .sst-home__packs { gap:12px; } .sst-home__pack { padding:21px; } .sst-home__sender { gap:24px; padding:27px; } }
@media(max-width:650px) { .sst-home { padding-top:18px; } .sst-home__catalog,.sst-home__packs { grid-template-columns:minmax(0,1fr); gap:14px; } .sst-home__category { padding:23px; } .sst-home__category :is(h2,h3) { margin-top:16px; } .sst-home__category-art { width:55px; height:55px; flex-basis:55px; border-radius:17px; } .sst-home__category-icon { width:31px; height:31px; } .sst-home__credits { margin-top:43px; } .sst-home__pack { padding:25px; } .sst-home__pack-price { font-size:36px; margin-top:15px; } .sst-home__sender { grid-template-columns:minmax(0,1fr); gap:24px; padding:24px; } .sst-home__identity:nth-child(n) { margin:0; transform:none; } .sst-home__one-off { flex-direction:column; align-items:flex-start; gap:17px; padding:23px; } .sst-home__one-off .sst-home__link { max-width:100%; } }
@media(prefers-reduced-motion:reduce) { .sst-home * { transition:none!important; } .sst-home__category:hover,.sst-home__pack:hover { transform:none; } }