/* Purchase menu, uses tokens from styles.css */
.menu{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:8px}
.offer{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px 24px;display:flex;flex-direction:column;box-shadow:0 1px 2px rgba(14,23,38,.04)}
.offer-feature{border-color:var(--blue);box-shadow:0 14px 40px rgba(26,86,219,.12)}
.offer-top{display:flex;gap:8px;flex-wrap:wrap;min-height:26px;margin-bottom:14px}
.pill-tag{font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;background:var(--blue-50);color:var(--blue)}
.offer[data-sku="solana_trend"] .pill-tag.pill-popular{background:#E8F7F0;color:#0B7A50}
.pill-shield{background:#E8F7F0;color:#0B7A50}.pill-soon{background:var(--gray);color:var(--ink-2)}
.offer h2{font-size:26px}.offer-sub{color:var(--blue);font-weight:600;margin:6px 0 12px}
.offer-lead{color:var(--ink-2);margin-bottom:16px}
.offer .perm-list{margin-bottom:18px}
.price{margin-top:auto;padding:16px 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:2px}
.price .amt{font-size:22px;font-weight:650}.price .once{font-size:13px;color:var(--ink-3)}
.offer .btn-block{width:100%}
.blocks{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}
.block{text-align:left;border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px 12px;font:inherit;font-weight:600;font-size:14px;cursor:pointer;color:var(--ink)}
.block small{display:block;font-weight:400;color:var(--ink-3);font-size:12.5px}
.block.on{border-color:var(--blue);background:var(--blue-50)}
.block.on::before{content:"✓ ";color:var(--blue)}
.owned-empty{color:var(--ink-3);padding:12px 0}
.owned-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid var(--line)}
.owned-item .sig{color:var(--ink-2);font-size:14px}
.howbuy{padding-left:20px;color:var(--ink-2);display:grid;gap:8px;margin-top:6px}.howbuy b{color:var(--ink)}
.menu-fine{font-size:13px;color:var(--ink-3);margin:24px 0 40px;max-width:820px}
.sheet-bg{position:fixed;inset:0;background:rgba(11,27,51,.45);display:flex;align-items:center;justify-content:center;z-index:50}
.sheet-bg[hidden]{display:none}
.sheet{background:#fff;border-radius:20px;padding:30px;width:min(460px,92vw);position:relative}
.sheet h2{font-size:26px;margin:6px 0 18px}
.sheet-row{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-top:1px solid var(--line);font-size:15px}
.sheet-row span{color:var(--ink-3)}.sheet-row b{text-align:right}
.sheet-note{background:var(--gray);border-radius:10px;padding:10px 12px;font-size:14px;color:var(--ink-2);margin:16px 0}
.sheet-x{position:absolute;top:14px;right:16px;border:0;background:none;font-size:18px;cursor:pointer;color:var(--ink-3)}
.btn[disabled]{opacity:.55;cursor:not-allowed}
@media(max-width:900px){.menu{grid-template-columns:1fr}}
/* Landing page: strategies section + how-it-works video */
.strategies{padding:56px 0 80px;border-top:1px solid var(--line);background:#fff}
.strategies h2{font-size:clamp(28px,3.4vw,38px);margin:12px 0 10px}
.strategies .lead-sm{color:var(--ink-2);max-width:760px;margin:0 0 28px}
.film-frame{max-width:960px;margin:44px auto 0;border-radius:16px;overflow:hidden;border:1px solid rgba(14,23,38,.12);box-shadow:0 24px 70px rgba(11,27,51,.25);background:#0B1B33}
.film-video{display:block;width:100%;height:auto}
.vwrap{position:relative}
.vplay{position:absolute;left:50%;top:50%;width:72px;height:72px;margin:-36px 0 0 -36px;padding:0;border:0;background:none;cursor:pointer;border-radius:50%;filter:drop-shadow(0 4px 14px rgba(0,0,0,.55))}
.vplay svg{display:block;width:100%;height:100%}
.vplay[hidden]{display:none}
/* Card hover: same lift as the signalvault.fi gate tiles (For traders / For investors) */
.offer{transition:transform .25s,box-shadow .25s,border-color .25s}
.offer:hover{transform:translateY(-2px);box-shadow:0 1px 2px rgba(11,27,51,.04),0 18px 40px -22px rgba(11,27,51,.22);border-color:#B9C3D3}
.offer-feature:hover{border-color:var(--blue);box-shadow:0 1px 2px rgba(11,27,51,.04),0 22px 46px -20px rgba(26,86,219,.30)}
.price .amt:empty{display:none}
/* Dedicated-wallet note (sign-in card, manage page) */
.dedicated-note{font-size:13.5px;line-height:1.45;color:var(--ink-2);background:var(--blue-50);border-radius:10px;padding:9px 12px;margin:12px 0}
/* Manage page: "Before you turn this on" panel (scrolls inside on small phones) */
#turnon .sheet{max-height:92vh;overflow-y:auto}
#turnon h2{font-size:22px;margin:2px 28px 8px 0}
.turnon-lead{font-size:14.5px;color:var(--ink-2);margin:0 0 8px}
.turnon-list{margin:0 0 14px;padding-left:18px;display:grid;gap:6px;font-size:14px;line-height:1.45;color:var(--ink-2)}
.ack-check{display:flex;gap:8px;align-items:flex-start;font-weight:600;color:var(--ink);cursor:pointer;font-size:14.5px;margin-bottom:14px}
.ack-check input{width:18px;height:18px;margin:1px 0 0;flex:none;accent-color:var(--blue)}
/* Manage page: per-strategy allocation */
.alloc-row{padding:10px 0;border-top:1px solid var(--line)}
.alloc-row:first-child{border-top:0;padding-top:2px}
.alloc-top{display:flex;justify-content:space-between;align-items:center;gap:12px;font-weight:600}
.alloc-pct{display:flex;align-items:center;gap:4px}
.alloc-pct input{width:64px;font:inherit;font-weight:600;text-align:right;border:1px solid var(--line);border-radius:8px;padding:4px 6px}
.alloc-row input[type=range]{width:100%;margin-top:8px;accent-color:var(--blue)}
.alloc-left{font-size:14px;color:var(--ink-3);margin:6px 0 12px}
.alloc-note{font-size:13px;color:var(--ink-3);margin:10px 0 0}
.alloc-note.ok{color:#0B7A50}
.alloc-sub{font-size:14px;color:var(--ink-3);margin:-2px 0 10px}
.alloc-row.off .alloc-pct,.alloc-row.off input[type=range]{display:none}
.alloc-row.off .alloc-name{color:var(--ink-3)}
.alloc-name small{display:block;font-weight:500;font-size:12.5px;color:var(--ink-3)}
.alloc-row.on .alloc-name small{color:#0B7A50}
.sv-switch{position:relative;width:46px;height:28px;border-radius:999px;border:0;background:#C9D1DE;cursor:pointer;flex:none;padding:0;transition:background .2s}
.sv-switch::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:left .2s}
.sv-switch[aria-checked=true]{background:var(--blue)}
.sv-switch[aria-checked=true]::after{left:21px}
.alloc-ctl{display:flex;align-items:center;gap:10px}
/* Buy-or-rent chooser */
.choice{display:block;width:100%;text-align:left;background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:14px 16px;margin:0 0 12px;cursor:pointer;font:inherit;color:inherit}
.choice:hover,.choice:focus-visible{border-color:var(--blue);outline:none}
.choice-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.choice-top b{font-size:16px}.choice-price{font-weight:700;color:var(--blue);white-space:nowrap}
.choice small{display:block;margin-top:4px;font-size:13.5px;color:var(--ink-2);line-height:1.4}
.choice-back{display:block;margin:12px auto 0;border:0;background:none;color:var(--blue);font:inherit;font-size:14px;font-weight:600;cursor:pointer}

/* Solana Trend card: Soltrend Daily "Learn more" button (logo + text) beside the blue subtitle */
.offer-subrow{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 12px;margin:6px 0 12px}
.offer-subrow .offer-sub{margin:0}
.btn-learn{height:36px;padding:0 14px 0 10px;gap:8px;font-size:14px;border-width:1.5px;text-decoration:none;white-space:nowrap}
.btn-learn img{width:20px;height:20px;display:block;flex:none}

/* Strategy cards: no card highlighted at rest; the blue border + glow (former Secure ONYC default) shows on hover / keyboard focus for every card (Oct 28 2026) */
.menu .offer{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.menu .offer.offer-feature{border-color:var(--line);box-shadow:0 1px 2px rgba(14,23,38,.04)}
.menu .offer:hover,.menu .offer:focus-within,.menu .offer.offer-feature:hover,.menu .offer.offer-feature:focus-within{border-color:var(--blue);box-shadow:0 14px 40px rgba(26,86,219,.12)}