/* A shared, native-select replacement that follows the soft PokeDrop controls. */
.has-soft-select > select[hidden], .has-soft-select > svg { display:none !important; }
.has-soft-select { padding:0 !important; }
.soft-select-trigger { display:flex; align-items:center; justify-content:space-between; gap:16px; width:100%; min-width:0; height:100%; min-height:48px; padding:0 16px; border:0; border-radius:inherit; background:transparent; color:#edeaf0; font:inherit; font-size:13px; text-align:left; cursor:pointer; }
.soft-select-value { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.soft-select-chevron { flex:0 0 7px; height:7px; border-right:1.5px solid #aaa4b0; border-bottom:1.5px solid #aaa4b0; transform:translateY(-2px) rotate(45deg); transition:transform 180ms ease; }
.soft-select-trigger[aria-expanded="true"] .soft-select-chevron { transform:translateY(2px) rotate(225deg); }
.soft-select-trigger:disabled { opacity:.45; cursor:default; }
.soft-select-panel { position:fixed; inset:auto; margin:0; padding:7px; box-sizing:border-box; z-index:1000; border:1px solid #ffffff19; border-radius:23px; background:#24252b; color:#f3f0f1; box-shadow:0 18px 50px #0008,0 2px 8px #0005,inset 0 1px 0 #ffffff09; opacity:0; transform:translateY(-3px) scale(.975); transition:opacity 130ms ease,transform 180ms cubic-bezier(.2,.8,.2,1); font-family:var(--soft-font,system-ui); pointer-events:none; overflow:hidden; }
.soft-select-panel[hidden] { display:none; }
.soft-select-panel.is-open { opacity:1; transform:none; pointer-events:auto; }
.soft-select-panel::backdrop { background:transparent; pointer-events:none; }
.soft-select-heading { margin:5px 12px 9px; color:#aaa5b1; font-size:10px; font-weight:700; letter-spacing:.06em; }
.soft-select-list { overflow:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#615862 transparent; scroll-padding:4px; touch-action:pan-y; }
.soft-select-option { display:flex; align-items:center; justify-content:space-between; gap:14px; min-height:48px; padding:9px 12px; border-radius:15px; cursor:pointer; user-select:none; transition:background 100ms; }
.soft-select-option.is-active { background:#ffffff09; }
.soft-select-option[aria-selected="true"] { background:#f1778914; }
.soft-select-option[aria-selected="true"].is-active { background:#f1778922; }
.soft-select-option[aria-disabled="true"] { opacity:.4; cursor:default; }
.soft-select-copy { display:grid; gap:2px; min-width:0; font-size:14px; font-weight:700; line-height:1.4; }
.soft-select-copy small { color:#ada7b3; font-size:11px; font-weight:500; }
.soft-select-check { opacity:0; color:#ff95a5; font-size:17px; font-weight:800; }
.soft-select-option[aria-selected="true"] .soft-select-check { opacity:1; }

/* The existing worlds stay central; the copy now gives them a clear coin story. */
.hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:16px; margin-top:21px; pointer-events:auto; }
.hero-actions .solid-link { padding:12px 18px; font-size:12px; gap:18px; }
.hero-actions .quiet-link { font-size:11px; color:#b9b3bf; text-decoration:none; padding-block:12px; }
.hero-actions .quiet-link:hover { color:#fff; }
.caption .caption-note { max-width:360px; }
.coin-story { display:grid; grid-template-columns:1fr 1fr; gap:8%; align-items:center; padding-block:82px; border-top:1px solid #ffffff12; }
.coin-story h2,.coin-thesis h2 { --heading-size:clamp(29px,3.6vw,48px); margin:18px 0 23px; }
.coin-story .story-lead { font-size:17px; line-height:1.75; color:#e5dfe7; max-width:440px; }
.coin-story .story-copy { font-size:13px; line-height:1.85; color:#a9a2af; max-width:425px; }
.coin-story .solid-link { margin-top:20px; }
.story-art { position:relative; min-height:380px; display:grid; place-items:center; isolation:isolate; }
.story-art::before { content:''; position:absolute; inset:8% 0; border-radius:50%; background:radial-gradient(ellipse,#72253840,transparent 68%); z-index:-1; }
.story-art .story-card { position:absolute; width:38%; max-width:170px; height:auto; border-radius:10px; box-shadow:0 26px 45px #0008; transition:transform 350ms cubic-bezier(.2,.8,.2,1); }
.story-card:first-child { transform:translate(-64%,-2%) rotate(-15deg); }
.story-card:nth-child(2) { transform:translate(61%,0) rotate(15deg); }
.story-art .story-mark { position:relative; width:35%; max-width:145px; filter:drop-shadow(0 20px 20px #0008); transform:translateY(58px); transition:transform 350ms cubic-bezier(.2,.8,.2,1); }
@media (hover:hover) { .story-art:hover .story-card:first-child { transform:translate(-68%,-4%) rotate(-18deg); }.story-art:hover .story-card:nth-child(2) { transform:translate(65%,-2%) rotate(18deg); }.story-art:hover .story-mark { transform:translateY(50px); } }
.coin-statement { font-family:var(--soft-font); font-weight:800; }
.coin-thesis { padding-block:68px 76px; border-bottom:1px solid #ffffff12; }
.coin-thesis-intro { display:flex; justify-content:space-between; gap:45px; align-items:center; margin-bottom:38px; }
.coin-thesis-intro > p { max-width:365px; font-size:17px; line-height:1.8; color:#c5bdca; }
.coin-thesis h2 { margin-bottom:0; }
.thesis-points { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px; }
.thesis-points article { border-top:2px solid #d45a7338; padding-top:24px; }
.thesis-points h3 { margin:0 0 12px; font:800 20px/1.35 var(--soft-font); color:#f2ecef; }
.thesis-points p { margin:0; font-size:13px; color:#afa5b4; line-height:1.85; }
.brand-invite { display:flex; justify-content:space-between; align-items:center; gap:35px; padding-block:38px; border-top:1px solid #ffffff13; }
.brand-invite p { font:800 clamp(19px,2.5vw,28px)/1.4 var(--soft-font); color:#ece6ed; margin:0; max-width:550px; }
.brand-invite .solid-link { flex-shrink:0; }
.questions-list summary { transition:color 160ms; }
.questions-list summary:hover { color:#fff; }
.questions-list details[open] .question-answer { animation:answer-arrive 180ms ease both; }
@keyframes answer-arrive { from { opacity:0; transform:translateY(-4px); } to { opacity:1; transform:none; } }
@media(max-width:700px) {
 .soft-select-trigger { font-size:12px; padding-inline:13px; }
 .hero-actions { margin-top:14px; gap:12px; }.hero-actions .solid-link { padding:11px 15px; font-size:11px; }.hero-actions .quiet-link { font-size:10px; }
 .coin-story { grid-template-columns:1fr; gap:8px; padding-block:45px 54px; }.story-art { min-height:300px; grid-row:1; }.story-art .story-card { width:34%; max-width:145px; }.story-art .story-mark { width:30%; max-width:125px; }
 .coin-story h2,.coin-thesis h2 { --heading-size:clamp(25px,6.6vw,38px); }.coin-story .story-lead { font-size:16px; }
 .coin-thesis { padding-block:40px 50px; }.coin-thesis-intro { display:block; margin-bottom:30px; }.coin-thesis-intro > p { font-size:15px; margin-top:22px; }.thesis-points { grid-template-columns:1fr; gap:25px; }.thesis-points article { padding-top:20px; }.thesis-points h3 { font-size:19px; }
 .brand-invite { align-items:flex-start; flex-direction:column; gap:20px; padding-block:30px; }
}
@media(prefers-reduced-motion:reduce) { .soft-select-panel,.soft-select-chevron,.soft-select-option,.story-art img { transition:none; }.questions-list details[open] .question-answer { animation:none; } }

@media(max-width:380px) { .app-page-hero .page-heading { --heading-size:31px; } }