:root{color-scheme:dark;--bg:#07110f;--panel:#0d1a17;--ink:#f2f8f5;--muted:#8ca39b;--line:#203a32;--accent:#2ee68f;--danger:#ff6b72;font-family:"Aptos","Segoe UI",-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}html{min-height:100%;background:var(--bg);-webkit-text-size-adjust:100%}body{min-height:100%;margin:0;color:var(--ink);background:radial-gradient(circle at 76% 18%,rgba(46,230,143,.1),transparent 28%),var(--bg)}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.page-grid{position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(86,135,118,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(86,135,118,.12) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#000,transparent 82%)}
.topbar{position:relative;z-index:2;width:min(100% - 40px,1100px);min-height:72px;margin:0 auto;padding-top:env(safe-area-inset-top);display:flex;align-items:center;justify-content:space-between;gap:16px;direction:ltr}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-size:14px;font-weight:850;letter-spacing:.1em}.brand-mark{width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(46,230,143,.55);border-radius:50%;color:var(--accent);font-size:18px;box-shadow:inset 0 0 18px rgba(46,230,143,.12)}.brand-accent{color:var(--accent)}.country-chip{max-width:200px;min-height:42px;padding:7px 10px 7px 8px;display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:12px;background:rgba(13,26,23,.86);backdrop-filter:blur(12px)}.country-flag{width:28px;height:21px;flex:none;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px rgba(255,255,255,.14)}.country-chip span{min-width:0}.country-chip b,.country-chip small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.country-chip b{max-width:145px;font-size:10px}.country-chip small{max-width:145px;margin-top:2px;color:var(--muted);font-size:8px}
.stage{position:relative;z-index:1;width:min(100% - 40px,1100px);min-height:calc(100dvh - 150px);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);align-items:center;gap:clamp(48px,8vw,112px);padding:44px 0 56px}.intro{min-width:0}.eyebrow{display:flex;align-items:center;gap:8px;margin:0 0 22px;color:var(--muted);font:700 10px/1.4 ui-monospace,"Cascadia Mono",monospace;letter-spacing:.12em}.eyebrow b{margin-left:4px;color:var(--accent)}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px rgba(46,230,143,.1);animation:pulse 1.8s ease-in-out infinite}h1{max-width:650px;margin:0;font-size:clamp(58px,8vw,104px);line-height:.88;letter-spacing:-.075em;font-weight:780}h1 strong{display:block;color:var(--accent);font-weight:850}.lede{max-width:440px;margin:25px 0 0;color:var(--muted);font-size:16px;line-height:1.55}
.token-visual{width:min(100%,440px);margin-top:35px;padding:19px 0;display:flex;align-items:center;gap:17px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.token-orbit{width:58px;height:58px;flex:none;display:grid;place-items:center;border:1px solid rgba(46,230,143,.55);border-radius:50%;box-shadow:inset 0 0 28px rgba(46,230,143,.13),0 0 30px rgba(46,230,143,.08)}.token-orbit span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#06100d;font-size:22px;font-weight:900}.token-visual>div:last-child{display:grid;grid-template-columns:auto auto;align-items:end;column-gap:9px}.token-visual small{grid-column:1/-1;margin-bottom:2px;color:var(--muted);font:700 8px/1.4 ui-monospace,monospace;letter-spacing:.13em}.token-visual b{font-size:30px;line-height:1;letter-spacing:-.04em}.token-visual div>span{color:var(--accent);font-size:12px;font-weight:800}.facts{width:min(100%,440px);display:grid;grid-template-columns:repeat(3,1fr);padding-top:18px}.facts div{padding-left:16px;border-left:1px solid var(--line)}.facts div:first-child{padding-left:0;border-left:0}.facts b,.facts span{display:block}.facts b{font-size:13px}.facts span{margin-top:4px;color:var(--muted);font-size:9px}
.action-panel{padding:28px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,rgba(19,39,33,.96),rgba(10,23,19,.98));box-shadow:0 30px 90px rgba(0,0,0,.35)}.panel-top{display:flex;justify-content:space-between;margin-bottom:26px;color:var(--muted);font:750 9px/1 ui-monospace,monospace;letter-spacing:.12em}.panel-top>b{color:var(--accent)}h2{margin:0;font-size:25px;line-height:1.15;letter-spacing:-.035em}.supporting,.state-view>p{margin:8px 0 22px;color:var(--muted);font-size:12px;line-height:1.55}label{display:block;margin-bottom:8px;font-size:11px;font-weight:750}.wallet-field{height:58px;display:flex;align-items:center;border:1px solid #315448;border-radius:10px;background:rgba(4,13,10,.58);transition:border-color .2s,box-shadow .2s}.wallet-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px rgba(46,230,143,.1)}.wallet-field.invalid{border-color:var(--danger);box-shadow:0 0 0 3px rgba(255,107,114,.08)}input{width:100%;min-width:0;height:100%;padding:0 13px;border:0;outline:0;background:transparent;color:var(--ink);font:650 13px/1.2 ui-monospace,"Cascadia Mono",monospace}input::placeholder{color:#60776f;font-weight:500}.field-meta{min-height:25px;padding-top:7px;display:flex;justify-content:space-between;gap:10px;color:#789087;font-size:9px}.field-meta b{color:var(--accent)}.error{min-height:17px;margin:0 0 8px;color:var(--danger);font-size:10px;font-weight:650}button{width:100%;min-height:54px;padding:12px 17px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;border-radius:10px;background:var(--accent);color:#05100c;font-size:14px;font-weight:850;cursor:pointer;box-shadow:0 12px 28px rgba(46,230,143,.16);transition:transform .1s,background .2s}button:hover{background:#59f0a9}button:active{transform:translateY(1px) scale(.99)}button:disabled{cursor:wait;opacity:.55}button span:last-child{font-size:18px}.safety{margin:13px 4px 0;color:#769087;font-size:9px;line-height:1.45;text-align:center}
.state-view{min-height:315px;padding:21px 0 0;text-align:center}.state-view[hidden]{display:none}.progress-number{width:92px;height:92px;margin:0 auto 22px;display:grid;place-items:center;border:1px solid rgba(46,230,143,.5);border-radius:50%;color:var(--accent);box-shadow:inset 0 0 30px rgba(46,230,143,.09);animation:breathe 1.6s ease-in-out infinite}.progress-number span{grid-area:1/1;font-size:27px;font-weight:850}.progress-number small{grid-area:1/1;margin:5px 0 0 42px;font-size:8px}.progress-track{height:5px;margin-top:28px;overflow:hidden;border-radius:99px;background:#193129}.progress-track span{display:block;width:0;height:100%;border-radius:inherit;background:var(--accent);transition:width .2s linear}.progress-meta{display:flex;justify-content:space-between;margin-top:8px;color:var(--muted);font-size:9px}.progress-meta b{color:var(--accent)}.success-mark{width:74px;height:74px;margin:0 auto 18px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#06110d;font-size:32px;font-weight:900;box-shadow:0 0 35px rgba(46,230,143,.2);animation:pop .45s cubic-bezier(.2,.9,.25,1.25)}.success-kicker{margin:0 0 8px!important;color:var(--accent)!important;font:750 9px/1 ui-monospace,monospace!important;letter-spacing:.12em}.receipt{margin-top:26px;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--line);border-radius:10px;background:rgba(4,13,10,.46);color:var(--muted);font-size:10px}.receipt strong{max-width:210px;overflow:hidden;color:var(--ink);font:700 10px/1 ui-monospace,monospace;text-overflow:ellipsis;white-space:nowrap}
footer{position:relative;z-index:1;width:min(100% - 40px,1100px);margin:0 auto;padding:0 0 calc(24px + env(safe-area-inset-bottom));display:flex;justify-content:space-between;gap:24px;color:#637970;font-size:8px;line-height:1.5}footer p{max-width:650px;margin:0}footer span{white-space:nowrap}.is-loading #country-name,.is-loading #country-language{color:transparent;border-radius:4px;background:linear-gradient(90deg,#173028 25%,#23463a 50%,#173028 75%);background-size:200% 100%;animation:shimmer 1.2s linear infinite}.is-loading #country-name{width:128px}.is-loading #country-language{width:80px;margin-top:3px}[dir=rtl] [dir=rtl] input{direction:ltr;text-align:right}
@keyframes pulse{50%{opacity:.45;transform:scale(.75)}}@keyframes breathe{50%{transform:scale(1.035)}}@keyframes pop{from{opacity:0;transform:scale(.7)}}@keyframes shimmer{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:760px){.topbar{width:calc(100% - 28px);min-height:64px}.stage{width:calc(100% - 28px);min-height:auto;grid-template-columns:1fr;gap:30px;padding:26px 0 36px}h1{max-width:440px;font-size:clamp(50px,16vw,76px)}.lede{margin-top:18px;font-size:14px}.token-visual{margin-top:25px}.action-panel{padding:22px}footer{width:calc(100% - 28px);display:block;padding-top:4px}footer span{display:block;margin-top:12px}}@media(max-width:360px){.brand>span:last-child{display:none}.country-chip{max-width:225px}.country-chip b,.country-chip small{max-width:174px}h1{font-size:48px}.action-panel{padding:18px}.facts div{padding-left:10px}}
@media(max-width:480px) and (max-height:700px){.stage{gap:20px;padding-top:16px}.eyebrow{margin-bottom:14px}.lede{margin-top:14px}.token-visual,.facts{display:none}.action-panel{padding-top:18px}.panel-top{margin-bottom:18px}.supporting{margin-bottom:16px}}

/* v2 portrait layout: keep the same phone-width composition on every screen */
.topbar,.stage,footer{width:min(calc(100% - 28px),480px)}
.topbar{min-height:64px}
.stage{min-height:auto;display:block;padding:20px 0 34px}
.eyebrow{margin-bottom:15px}
h1{max-width:100%;font-size:clamp(50px,15vw,66px);line-height:.91}
.lede{max-width:420px;margin-top:17px;font-size:14px}
.token-visual{width:100%;margin-top:25px}
.facts{width:100%}
.action-panel{width:100%;margin-top:22px;padding:22px}
footer{display:block;padding-top:4px}
footer span{display:block;margin-top:12px}

@media(min-width:761px){
  body{background:radial-gradient(circle at 50% 16%,rgba(46,230,143,.11),transparent 24%),var(--bg)}
  .stage{padding-top:28px}
}