@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Playfair+Display:wght@600;700;800&display=swap');
:root{color-scheme:dark;--bg:#101b17;--gold:#e9d2a0;--line:rgba(233,210,160,.22);--paper:#f1eadc;--ink:#182820}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--paper);font-family:'DM Sans',Arial,sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 25%,#29433255,transparent 67%)}a{text-decoration:none;color:inherit}button{font:inherit}.site-shell{position:relative;max-width:1760px;margin:auto;padding:0 clamp(18px,3.6vw,58px)}.topbar{height:80px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px}.brand-mark{width:44px;height:44px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;font:bold 18px Georgia,serif;white-space:nowrap}.brand-mark span{font-size:12px;color:var(--gold)}.brand-title{font-size:12px;font-weight:800;letter-spacing:.2em}.brand-title em{font-style:normal;color:var(--gold)}.brand-title small{display:block;margin-top:6px;font-size:8px;letter-spacing:.26em;color:#bdc4b3}.network{font-size:10px;letter-spacing:.18em;font-weight:800}.network i{display:inline-block;background:#d6e9a9;width:6px;height:6px;border-radius:50%;margin-right:11px;box-shadow:0 0 14px #d6e9a9}.network b{color:var(--gold);margin:0 6px}.intro{text-align:center;padding:34px 0 24px}.eyebrow,.kicker{font-size:10px;font-weight:800;letter-spacing:.3em;color:var(--gold)}h1{font:700 clamp(34px,4.2vw,67px)/1.04 'Playfair Display',Georgia,serif;letter-spacing:-.05em;margin:10px 0 0}h1 em{font-weight:600;color:var(--gold)}.stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(275px,330px) minmax(0,1fr);align-items:stretch;gap:14px;min-height:min(660px,calc(100svh - 240px))}.portrait{position:relative;min-width:0;margin:0;overflow:hidden;border:1px solid #b79a6440;background:#1d281e;border-radius:4px;min-height:520px}.portrait:after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(transparent,rgba(12,22,16,.2) 48%,rgba(8,17,14,.82));pointer-events:none}.portrait img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s}.portrait:hover img{transform:scale(1.025)}.portrait-left img{object-position:54% center}.portrait-right img{object-position:48% center}.portrait figcaption{position:absolute;z-index:1;bottom:28px;left:28px;display:flex;flex-direction:column;gap:5px}.portrait figcaption span{color:var(--gold);font-size:9px;letter-spacing:.2em;font-weight:700}.portrait figcaption strong{font:700 clamp(35px,4vw,63px)/1 Georgia,serif}.action-column{background:var(--paper);color:var(--ink);border-radius:4px;display:flex;flex-direction:column;align-items:stretch;padding:clamp(19px,2.3vw,32px) clamp(19px,2vw,28px);text-align:center;box-shadow:0 12px 35px #0004}.kicker{margin:4px 0 0;color:#556456}.token{font:700 clamp(65px,6vw,91px)/1 Georgia,serif;letter-spacing:-.075em;margin:12px 0 5px}.subline{font-size:9px;line-height:1.7;letter-spacing:.16em;font-weight:800;color:#63736a;margin:0 0 25px}.actions{display:grid;gap:9px}.action-button{display:flex;align-items:center;gap:12px;width:100%;min-height:65px;padding:9px 12px;border:1px solid #bbbfb4;background:#faf9f5;color:#12231d;text-align:left;border-radius:3px;cursor:pointer;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.action-button:hover{transform:translateY(-2px);background:#fff;box-shadow:0 8px 18px #0002}.action-button:focus-visible{outline:3px solid #c4ae75;outline-offset:3px}.action-button.primary{background:#173628;color:white;border-color:#173628}.action-button.primary:hover{background:#244b37}.action-button img{width:39px;height:39px;object-fit:contain;flex:none}.action-button span:not(.arrow){flex:1;min-width:0}.action-button strong{display:block;font-size:11px;letter-spacing:.075em;line-height:1.2}.action-button small{display:block;font-size:8px;letter-spacing:.17em;margin-top:5px;opacity:.7;font-weight:700}.arrow{font-size:18px;line-height:1}.signoff{margin:auto 0 0;padding-top:18px;color:#50685d;font-size:9px;font-weight:800;letter-spacing:.18em;white-space:nowrap}.signoff span{margin:0 6px;color:#b8a172}footer{display:flex;justify-content:space-between;gap:16px;padding:22px 2px 26px;color:#a7b4a7;font-size:9px;font-weight:700;letter-spacing:.14em}.toast{position:fixed;z-index:20;bottom:22px;left:50%;transform:translate(-50%,20px);background:#e9d2a0;color:#10251c;padding:12px 20px;border-radius:3px;font-weight:700;font-size:13px;opacity:0;pointer-events:none;transition:.2s}.toast.visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:1000px){.stage{grid-template-columns:minmax(0,1fr) minmax(240px,290px) minmax(0,1fr);min-height:520px}.portrait{min-height:520px}.action-column{padding:20px 14px}.action-button{min-height:61px}.action-button img{width:34px;height:34px}.portrait figcaption{left:16px;bottom:20px}.portrait figcaption strong{font-size:35px}}
@media(max-width:740px){.topbar{height:70px}.brand-title{font-size:10px}.brand-title small{font-size:7px}.network{font-size:8px}.intro{padding:28px 0 20px}h1{font-size:clamp(32px,8vw,54px)}.stage{grid-template-columns:1fr 1fr;gap:10px;min-height:0}.portrait{height:clamp(240px,56vw,410px);min-height:0}.portrait-left{grid-column:1}.portrait-right{grid-column:2}.portrait img{height:100%;object-position:center}.portrait figcaption{bottom:14px;left:14px}.portrait figcaption span{font-size:7px}.portrait figcaption strong{font-size:clamp(27px,6vw,40px)}.action-column{grid-row:2;grid-column:1/-1;padding:23px clamp(18px,5vw,35px);display:block}.token{font-size:68px}.subline{margin-bottom:18px}.actions{grid-template-columns:1fr 1fr;gap:9px}.action-button{min-height:67px}.action-button:last-child{grid-column:1/-1}.signoff{margin-top:14px}footer{font-size:8px}}
@media(max-width:420px){.site-shell{padding:0 12px}.brand-mark{height:35px;width:35px;font-size:15px}.network{font-size:7px}.intro{padding-top:22px}.eyebrow{font-size:8px}.portrait{height:240px}.actions{grid-template-columns:1fr 1fr}.action-button{gap:8px;padding:8px}.action-button img{width:29px;height:29px}.action-button strong{font-size:9px}.action-button small{font-size:7px}.arrow{font-size:14px}footer{flex-direction:column;align-items:center;text-align:center}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}