@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#f8f8ff;--surface:#fff;--ink:#161526;--muted:#716f82;--line:#e9e7f4;--eth:#627eea;--eth-dark:#3f55b8;--purple:#7161ef;--violet:#8b5cf6;--deep:#151126;--deep-2:#211a3a;--shadow:0 18px 55px rgba(72,61,139,.12);--radius:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:98px}main section[id]{scroll-margin-top:98px}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.site-header{height:78px;padding:0 max(28px,calc((100vw - 1180px)/2));display:flex;align-items:center;gap:34px;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(98,126,234,.08)}.brand{display:flex;align-items:center;gap:10px;font-weight:800;white-space:nowrap}.brand-logo,.brand img{height:30px;width:auto;max-width:none;object-fit:contain}.desktop-nav{display:flex;gap:28px;margin-left:auto;font-size:13px;font-weight:600;color:#5f5c70}.desktop-nav a{padding:30px 0;position:relative}.desktop-nav a:hover,.desktop-nav a.active{color:var(--eth)}.desktop-nav a.active:after{content:"";position:absolute;height:2px;background:var(--eth);left:0;right:0;bottom:19px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:12px;background:linear-gradient(135deg,var(--eth),var(--violet));color:#fff;font-size:13px;font-weight:700;box-shadow:0 12px 28px rgba(98,126,234,.25);transition:.25s ease}.button:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(98,126,234,.34)}.button-small{min-height:38px;padding:0 18px;border-radius:10px}.button-ghost{background:#fff;color:var(--eth);border:1px solid #dcdffa;box-shadow:none}.menu-toggle{display:none;border:0;background:transparent;color:var(--ink);padding:8px}.menu-toggle svg{width:26px}.hero{min-height:620px;max-width:1180px;margin:auto;padding:90px 24px 80px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;position:relative;overflow:hidden}.hero-glow{position:absolute;border-radius:50%;filter:blur(10px);pointer-events:none}.glow-one{width:420px;height:420px;background:radial-gradient(circle,rgba(98,126,234,.16),transparent 68%);left:-230px;top:40px}.glow-two{width:380px;height:380px;background:radial-gradient(circle,rgba(139,92,246,.13),transparent 68%);right:-150px;top:-100px}.eyebrow,.section-kicker{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:800;color:var(--eth);margin:0 0 12px}.hero h1{font-size:64px;line-height:1.02;letter-spacing:-.055em;margin:0 0 22px}.hero h1 span{background:linear-gradient(135deg,var(--eth),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-text{max-width:590px;color:var(--muted);font-size:16px}.hero-actions{display:flex;gap:12px;margin:30px 0 44px}.hero-stat{display:flex;flex-direction:column}.hero-stat strong{font-size:25px;color:var(--eth)}.hero-stat span{font-size:11px;color:var(--muted)}.hero-art{height:420px;position:relative;display:grid;place-items:center}.eth-mark{width:155px;z-index:3;filter:drop-shadow(0 20px 25px rgba(98,126,234,.25))}.eth-mark path:nth-child(odd){fill:#627eea;stroke:none}.eth-mark path:nth-child(even){fill:#8a9df0;stroke:none}.eth-orbit{position:absolute;border:1px solid rgba(98,126,234,.22);border-radius:50%;transform:rotate(-18deg)}.orbit-a{width:340px;height:190px}.orbit-b{width:260px;height:350px}.platform-block{position:absolute;bottom:50px;background:linear-gradient(180deg,#9185f5,#4e65ce);opacity:.22;clip-path:polygon(50% 0,100% 25%,100% 100%,0 100%,0 25%)}.block-1{width:150px;height:100px;left:55px}.block-2{width:170px;height:140px;left:170px}.block-3{width:130px;height:90px;right:5px}.feature-grid{max-width:1180px;margin:0 auto 52px;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.feature-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:30px;display:flex;justify-content:space-between;gap:20px;box-shadow:var(--shadow)}.feature-card h2{font-size:21px;margin:0 0 14px}.check-list{padding:0;margin:0;list-style:none;color:var(--muted);font-size:13px}.check-list li{margin:8px 0;padding-left:18px;position:relative}.check-list li:before{content:"";width:6px;height:6px;background:var(--eth);transform:rotate(45deg);position:absolute;left:0;top:7px}.feature-icon{width:75px;color:var(--eth);fill:rgba(98,126,234,.15);stroke-width:1.2}.feature-icon.outline{fill:none}.dark-section,.partners{background:linear-gradient(135deg,var(--deep),var(--deep-2));color:#fff;padding:58px 24px}.section-heading{text-align:center;max-width:660px;margin:0 auto 30px}.section-heading h2{font-size:34px;letter-spacing:-.035em;margin:0 0 12px}.section-heading p:last-child{color:var(--muted);font-size:14px}.section-heading.light p:last-child{color:#aaa5bd}.steps{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:26px}.step{text-align:center;position:relative}.step:after{content:"";position:absolute;top:45px;right:-25%;width:50%;border-top:1px dashed rgba(255,255,255,.22)}.step:last-child:after{display:none}.step>span{font-size:10px;color:#9e94bc}.step-icon{width:62px;height:62px;margin:10px auto 15px;border:1px solid rgba(255,255,255,.18);border-radius:18px;display:grid;place-items:center;background:rgba(255,255,255,.04)}.step-icon svg{width:28px;color:#9caaf6}.step h3{font-size:13px}.packages-section,.utility-section,.roadmap{max-width:1180px;margin:auto;padding:64px 24px}.package-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.package-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px 22px;box-shadow:0 10px 30px rgba(31,25,63,.06);position:relative;transition:.25s}.package-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.package-card.featured{border-color:#8d7bf2;box-shadow:0 20px 50px rgba(98,126,234,.16)}.popular{position:absolute;right:16px;top:16px;background:#ece9ff;color:#6552d7;border-radius:20px;padding:5px 9px;font-size:9px;font-weight:800;text-transform:uppercase}.package-top h3{margin:8px 0 2px;font-size:21px}.package-top p{margin:0;color:var(--muted);font-size:12px}.tier-dot{width:11px;height:11px;border-radius:50%;display:block;background:#a86b45}.silver .tier-dot{background:#aeb4c0}.gold .tier-dot{background:#e0b63d}.platinum .tier-dot{background:#5c6374}.rate{margin:26px 0;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.rate strong{font-size:32px;color:var(--eth);display:block}.rate span{font-size:10px;color:var(--muted)}dl{margin:0 0 24px}dl div{display:flex;justify-content:space-between;margin:10px 0;font-size:11px}dt{color:var(--muted)}dd{font-weight:700;margin:0}.package-button{width:100%;min-height:42px}.referral-card{margin-top:28px;background:linear-gradient(135deg,#fff,#f0efff);border:1px solid var(--line);border-radius:22px;padding:28px 32px;display:flex;align-items:center;justify-content:space-between}.referral-card h3{margin:0;font-size:22px}.referral-card p{color:var(--muted);font-size:12px}.referral-levels{display:grid;grid-template-columns:repeat(4,100px);gap:10px}.referral-levels span{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;text-align:center;font-size:9px;color:var(--muted)}.referral-levels strong{display:block;color:var(--eth);font-size:19px}.utility-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.utility-orbit{height:430px;position:relative;display:grid;place-items:center}.orbit-ring{position:absolute;border:1px solid #d9d8ef;border-radius:50%}.ring-1{width:310px;height:310px}.ring-2{width:240px;height:240px;border-style:dashed}.eth-core{width:150px;height:150px;border-radius:50%;background:linear-gradient(135deg,var(--eth),var(--violet));display:grid;place-items:center;box-shadow:0 22px 60px rgba(98,126,234,.3);z-index:2}.eth-core svg{width:54px;fill:#fff;stroke:none}.utility-label{position:absolute;font-size:11px;font-weight:700;color:var(--eth)}.label-a{top:55px;left:45px}.label-b{bottom:70px;left:25px}.label-c{top:80px;right:0}.label-d{bottom:90px;right:15px}.allocation h3{font-size:25px}.allocation-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.allocation-grid div{background:linear-gradient(135deg,var(--eth),var(--violet));color:#fff;border-radius:16px;padding:22px}.allocation-grid strong{font-size:27px;display:block}.allocation-grid span{font-size:10px}.roadmap{padding-top:30px}.timeline{max-width:760px;margin:auto;position:relative}.timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:1px solid #dedbea}.timeline-item{width:50%;padding:0 42px 48px 0;text-align:right;position:relative}.timeline-item:nth-child(even){margin-left:50%;padding:0 0 48px 42px;text-align:left}.timeline-dot{width:12px;height:12px;background:#d8d4e4;border:3px solid var(--bg);border-radius:50%;position:absolute;right:-6px;top:5px}.timeline-item:nth-child(even) .timeline-dot{left:-6px}.timeline-item.active div{background:linear-gradient(135deg,var(--eth),var(--violet));color:#fff;padding:22px;border-radius:16px}.timeline-item.active .timeline-dot{background:var(--eth)}.timeline-item small{font-size:10px;color:var(--eth);font-weight:800}.timeline-item.active small{color:#dedaff}.timeline-item h3{font-size:18px;margin:4px 0}.timeline-item p{font-size:11px;color:var(--muted);margin:0}.timeline-item.active p{color:#e9e6ff}.partners{max-width:none}.partner-grid{max-width:1040px;margin:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.partner-card{height:68px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:14px}.partner-card img{max-width:120px;max-height:36px;object-fit:contain}.partner-fallback{color:#29253c;font-size:12px;font-weight:800}footer{background:#fff;padding:55px max(24px,calc((100vw - 1120px)/2)) 20px}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer-brand p{color:var(--muted);font-size:11px}.footer-main h4{font-size:12px;margin:0 0 12px}.footer-main>div:not(.footer-brand){display:flex;flex-direction:column;gap:7px}.footer-main>div:not(.footer-brand) a{font-size:11px;color:var(--muted)}.footer-bottom{border-top:1px solid var(--line);margin-top:35px;padding-top:18px;display:flex;justify-content:space-between;color:#aaa7b5;font-size:9px}.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.desktop-nav,.desktop-cta{display:none}.menu-toggle{display:block;margin-left:auto}.desktop-nav.open{display:flex;position:absolute;top:78px;left:18px;right:18px;background:#fff;flex-direction:column;gap:0;padding:10px 20px;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.desktop-nav.open a{padding:14px 0}.desktop-nav.open a.active:after{display:none}.hero{grid-template-columns:1fr;padding-top:60px}.hero h1{font-size:52px}.hero-art{height:330px}.feature-grid,.utility-layout{grid-template-columns:1fr}.package-grid{grid-template-columns:1fr 1fr}.referral-card{align-items:flex-start;gap:25px;flex-direction:column}.partner-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.site-header{padding:0 18px}.hero{padding-left:18px;padding-right:18px}.hero h1{font-size:42px}.hero-actions{flex-direction:column;align-items:stretch}.hero-art{height:290px}.eth-mark{width:110px}.feature-grid{grid-template-columns:1fr;padding:0 18px}.steps{grid-template-columns:1fr 1fr}.step:after{display:none}.package-grid{grid-template-columns:1fr}.referral-levels{grid-template-columns:1fr 1fr;width:100%}.referral-levels span{width:auto}.utility-orbit{transform:scale(.82);margin:-35px}.allocation-grid{grid-template-columns:1fr 1fr}.timeline:before{left:6px}.timeline-item,.timeline-item:nth-child(even){width:100%;margin:0;padding:0 0 36px 34px;text-align:left}.timeline-dot,.timeline-item:nth-child(even) .timeline-dot{left:0;right:auto}.partner-grid{grid-template-columns:1fr 1fr}.footer-main{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:8px}}
.dashboard-section,.referral-section{max-width:1180px;margin:auto;padding:64px 24px}.dashboard-section{padding-top:20px}.dashboard-shell{background:linear-gradient(145deg,#17132b,#242044);border:1px solid rgba(255,255,255,.08);border-radius:26px;padding:30px;color:#fff;box-shadow:0 24px 70px rgba(35,29,75,.18)}.dashboard-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.dashboard-top>div{display:flex;flex-direction:column}.dashboard-label{font-size:11px;color:#aaa5bd;text-transform:uppercase;letter-spacing:.1em}.dashboard-top strong{font-size:38px;letter-spacing:-.04em;margin:3px 0}.dashboard-top small{color:#8f89a6}.dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.dashboard-stats article{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px;display:flex;flex-direction:column}.dashboard-stats svg{width:25px;color:#91a3ff;margin-bottom:20px}.dashboard-stats span{font-size:10px;color:#a9a4bb}.dashboard-stats strong{font-size:17px;margin-top:5px}.dashboard-detail{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-top:16px}.dashboard-detail>div{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:20px}.detail-head{display:flex;justify-content:space-between;gap:15px;align-items:center}.detail-head h3,.dashboard-actions h3{margin:0 0 14px;font-size:14px}.detail-head span,.progress-meta{font-size:9px;color:#9f99b4}.progress-track{height:7px;background:rgba(255,255,255,.09);border-radius:20px;overflow:hidden}.progress-track span{display:block;height:100%;background:linear-gradient(90deg,var(--eth),var(--violet));border-radius:inherit}.progress-meta{display:flex;justify-content:space-between;margin-top:9px}.dashboard-actions{display:flex;flex-direction:column}.dashboard-actions a{font-size:11px;color:#c5ccff;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.07)}.dashboard-actions a:last-child{border:0}.referral-section{padding-top:30px}.referral-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px;align-items:stretch}.referral-info{background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:var(--shadow)}.referral-info h3{font-size:22px;margin:0 0 12px}.referral-info>p{font-size:12px;color:var(--muted)}.referral-link{margin-top:30px}.referral-link>span{display:block;font-size:10px;font-weight:700;margin-bottom:8px}.referral-link>div{display:flex;align-items:center;gap:8px;background:#f4f3ff;border:1px solid #e3e0fb;border-radius:12px;padding:8px 8px 8px 12px}.referral-link code{font-family:Inter,Arial,sans-serif;font-size:10px;color:#625d77;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.copy-referral{margin-left:auto;border:0;background:linear-gradient(135deg,var(--eth),var(--violet));color:#fff;border-radius:9px;padding:9px 11px;display:flex;align-items:center;gap:6px;font:700 10px Inter;cursor:pointer}.copy-referral svg{width:14px}.referral-level-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.referral-level-grid article{background:linear-gradient(145deg,#fff,#f5f4ff);border:1px solid var(--line);border-radius:18px;padding:24px}.referral-level-grid article>span{font-size:10px;font-weight:800;color:#6f6a80;text-transform:uppercase;letter-spacing:.08em}.referral-level-grid strong{display:block;font-size:34px;color:var(--eth);margin:5px 0}.referral-level-grid p{font-size:10px;color:var(--muted);margin:0}.referral-note{margin-top:16px;display:flex;align-items:flex-start;gap:10px;background:#eeefff;border:1px solid #dfe2ff;border-radius:14px;padding:14px 16px;color:#5e5a72}.referral-note svg{width:18px;flex:0 0 auto;color:var(--eth)}.referral-note p{font-size:10px;margin:0}
@media(max-width:900px){.dashboard-stats{grid-template-columns:1fr 1fr}.dashboard-detail,.referral-layout{grid-template-columns:1fr}}
@media(max-width:620px){.dashboard-section,.referral-section{padding-left:18px;padding-right:18px}.dashboard-shell{padding:20px}.dashboard-top{align-items:flex-start;flex-direction:column}.dashboard-stats{grid-template-columns:1fr}.referral-level-grid{grid-template-columns:1fr}.referral-link>div{align-items:stretch;flex-direction:column}.copy-referral{margin:0;justify-content:center}}

.company-section{max-width:1180px;margin:auto;padding:64px 24px}.company-card{background:#fff;border:1px solid var(--line);border-radius:26px;padding:34px;box-shadow:var(--shadow);overflow:hidden;position:relative}.company-card:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-100px;top:-140px;background:radial-gradient(circle,rgba(98,126,234,.16),transparent 70%)}.company-card-head{display:flex;justify-content:space-between;gap:30px;align-items:flex-start;padding-bottom:28px;border-bottom:1px solid var(--line);position:relative}.company-overline{font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:var(--eth)}.company-card h3{font-size:25px;margin:7px 0 5px;letter-spacing:-.025em}.company-card-head p{margin:0;color:var(--muted);font-size:11px}.company-number{background:linear-gradient(135deg,var(--eth),var(--violet));color:#fff;border-radius:15px;padding:15px 20px;min-width:180px}.company-number span{display:block;font-size:9px;opacity:.8;text-transform:uppercase;letter-spacing:.08em}.company-number strong{display:block;font-size:19px;margin-top:2px}.company-details{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);margin:28px 0;border:1px solid var(--line);border-radius:16px;overflow:hidden}.company-details>div{background:#fff;padding:18px 20px}.company-details span,.company-sic>span{display:block;font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px}.company-details strong{font-size:12px}.company-sic{background:#f8f8ff;border:1px solid var(--line);border-radius:16px;padding:20px}.company-sic>div{display:grid;grid-template-columns:70px 1fr;align-items:center;border-top:1px solid var(--line);padding:11px 0}.company-sic>div:last-child{padding-bottom:0}.company-sic small{font-weight:800;color:var(--eth)}.company-sic p{font-size:11px;margin:0;color:#555166}.company-actions{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:24px}.company-actions p{font-size:9px;color:var(--muted);max-width:580px;margin:0}.company-actions .button{white-space:nowrap}.company-actions svg{width:15px;margin-left:8px}.company-actions .button svg{stroke:#fff}@media(max-width:620px){.company-section{padding:70px 18px}.company-card{padding:22px}.company-card-head,.company-actions{flex-direction:column}.company-number{width:100%}.company-details{grid-template-columns:1fr}.company-actions .button{width:100%}.company-sic>div{grid-template-columns:55px 1fr}}

/* Compact section rhythm */
.packages-section,.dashboard-section,.referral-section,.utility-section,.roadmap,.company-section{padding-bottom:64px}
.dashboard-section{padding-top:28px}.referral-section{padding-top:28px}.roadmap{padding-top:28px}
.staking-explainer{display:grid;grid-template-columns:64px 1fr;gap:20px;align-items:flex-start;background:linear-gradient(135deg,#f4f5ff,#fff);border:1px solid var(--line);border-radius:20px;padding:24px 26px;margin:0 0 20px;box-shadow:0 10px 30px rgba(31,25,63,.05)}
.staking-explainer-icon{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,var(--eth),var(--violet));color:#fff}.staking-explainer-icon svg{width:27px}.staking-explainer h3{font-size:20px;margin:5px 0 8px}.staking-explainer p{font-size:12px;color:var(--muted);margin:0;max-width:880px}
@media(max-width:620px){.dark-section,.partners{padding-top:48px;padding-bottom:48px}.packages-section,.dashboard-section,.referral-section,.utility-section,.roadmap,.company-section{padding-top:48px;padding-bottom:48px}.staking-explainer{grid-template-columns:1fr;padding:20px}}

/* V8 mobile responsiveness hardening */
html,body{width:100%;max-width:100%;overflow-x:hidden}
body{position:relative}
.site-header,main,section,footer,.hero,.feature-grid,.packages-section,.dashboard-section,.referral-section,.utility-section,.roadmap,.company-section{max-width:100%}
.hero>*,.feature-card>*,.utility-layout>*,.referral-layout>*,.dashboard-detail>*,.company-card-head>*,.company-actions>*{min-width:0}

@media(max-width:620px){
  html{scroll-padding-top:76px} main section[id]{scroll-margin-top:76px}
  .site-header{height:66px;padding:0 16px;gap:12px}.brand{font-size:14px}.brand-logo,.brand img{height:30px;width:auto;max-width:none}.desktop-nav.open{top:66px;left:12px;right:12px;max-height:calc(100vh - 82px);overflow-y:auto}
  .hero{min-height:auto;display:block;padding:52px 16px 36px;overflow:hidden}.hero h1{font-size:clamp(38px,12vw,50px);line-height:1.02;overflow-wrap:anywhere}.hero-text{font-size:14px;line-height:1.65;max-width:100%}.hero-actions{margin:24px 0 30px}.hero-actions .button{width:100%}.hero-art{height:245px;max-width:100%;overflow:hidden}.orbit-a{width:270px;height:150px}.orbit-b{width:205px;height:270px}.block-1{left:10%;width:105px}.block-2{left:34%;width:125px}.block-3{right:2%;width:95px}
  .feature-grid,.packages-section,.dashboard-section,.referral-section,.utility-section,.roadmap,.company-section{padding-left:16px;padding-right:16px}.feature-card{padding:22px 18px;overflow:hidden}.feature-icon{width:58px;flex:0 0 58px}
  .dark-section,.partners{padding-left:16px;padding-right:16px}.section-heading h2{font-size:28px}.steps{grid-template-columns:1fr;gap:14px}.step{display:grid;grid-template-columns:58px 1fr;text-align:left;column-gap:14px;align-items:center}.step-icon{grid-row:1/3;margin:0;width:54px;height:54px}.step h3{margin:0}.step>span{margin-top:2px}
  .package-card{padding:22px 18px}.popular{position:static;display:inline-block;margin-bottom:8px}.referral-card{padding:22px 18px}.referral-levels{gap:8px}
  .utility-layout{gap:18px}.utility-orbit{height:300px;transform:none;margin:0;overflow:hidden}.ring-1{width:240px;height:240px}.ring-2{width:185px;height:185px}.eth-core{width:112px;height:112px}.eth-core svg{width:42px}.utility-label{font-size:9px;max-width:105px}.label-a{top:24px;left:2px}.label-b{bottom:34px;left:0}.label-c{top:44px;right:0}.label-d{bottom:44px;right:0}.allocation-grid{grid-template-columns:1fr}.allocation-grid div{padding:18px}
  .partner-grid{grid-template-columns:1fr 1fr;gap:10px}.partner-card{height:62px;padding:12px}.partner-card img{max-width:105px;max-height:32px}
  .dashboard-shell{border-radius:20px;padding:18px}.dashboard-top strong{font-size:30px}.dashboard-stats article,.dashboard-detail>div{padding:16px}.detail-head{align-items:flex-start;flex-direction:column;gap:4px}
  .referral-info{padding:22px 18px}.referral-link code{width:100%;white-space:normal;overflow-wrap:anywhere}.copy-referral{width:100%}.referral-level-grid article{padding:20px}
  .company-section{padding-top:48px}.company-card{padding:20px 16px}.company-card h3{font-size:21px;overflow-wrap:anywhere}.company-number{min-width:0}.company-details>div{padding:15px}.company-sic{padding:16px}.company-sic>div{grid-template-columns:1fr;gap:3px}.company-actions{gap:16px}
  .timeline{padding-left:2px}.timeline-item,.timeline-item:nth-child(even){padding-left:30px}.timeline-item.active div{padding:18px}
  .footer-main{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-bottom{align-items:flex-start}
}

@media(max-width:380px){
  .hero h1{font-size:36px}.partner-grid{grid-template-columns:1fr}.referral-levels{grid-template-columns:1fr}.feature-card{flex-direction:column}.feature-icon{width:48px}.company-number strong{font-size:17px}
}

/* V17 desktop content width — wider content area; mobile layout unchanged */
@media (min-width: 901px) {
  .hero,
  .feature-grid,
  .packages-section,
  .dashboard-section,
  .referral-section,
  .utility-section,
  .roadmap,
  .company-section {
    width: min(100% - 64px, 1240px);
    max-width: 1240px;
    margin-left: auto;
    margin-right: auto;
  }

  .site-header {
    padding-left: max(32px, calc((100vw - 1240px) / 2));
    padding-right: max(32px, calc((100vw - 1240px) / 2));
  }

  .steps,
  .partner-grid {
    width: min(100% - 64px, 1240px);
    max-width: 1240px;
    margin-left: auto;
    margin-right: auto;
  }

  footer {
    padding-left: max(32px, calc((100vw - 1240px) / 2));
    padding-right: max(32px, calc((100vw - 1240px) / 2));
  }
}

/* V10 mobile two-column cards */
@media (max-width: 620px) {
  .referral-level-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  .referral-level-grid article {
    padding: 16px 12px;
    min-width: 0;
  }
  .referral-level-grid strong {
    font-size: 28px;
  }
  .referral-level-grid p {
    font-size: 9px;
    line-height: 1.45;
  }
  .allocation-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  .allocation-grid div {
    padding: 16px 12px;
    min-width: 0;
  }
  .allocation-grid strong {
    font-size: 24px;
  }
  .allocation-grid span {
    line-height: 1.35;
  }
}

@media (max-width: 380px) {
  .referral-level-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* V11 compact mobile dashboard */
@media (max-width: 620px) {
  .dashboard-section { padding-left: 16px; padding-right: 16px; }
  .dashboard-shell { padding: 16px; border-radius: 18px; }
  .dashboard-top { flex-direction: row; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
  .dashboard-top > div { min-width: 0; }
  .dashboard-label { font-size: 9px; }
  .dashboard-top strong { font-size: 27px; line-height: 1.05; }
  .dashboard-top small { font-size: 9px; }
  .dashboard-top .button-small { min-height: 34px; padding: 0 13px; font-size: 10px; flex: 0 0 auto; }
  .dashboard-stats { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 9px; }
  .dashboard-stats article { min-width: 0; min-height: 105px; padding: 13px 12px; border-radius: 13px; }
  .dashboard-stats svg { width: 20px; height: 20px; margin-bottom: 13px; }
  .dashboard-stats span { font-size: 8px; line-height: 1.3; }
  .dashboard-stats strong { font-size: 14px; margin-top: 4px; overflow-wrap: anywhere; }
  .dashboard-detail { grid-template-columns: 1fr; gap: 9px; margin-top: 9px; }
  .dashboard-detail > div { padding: 14px 12px; border-radius: 13px; }
  .detail-head { flex-direction: row; align-items: center; gap: 8px; }
  .detail-head h3,.dashboard-actions h3 { font-size: 12px; margin-bottom: 10px; }
  .progress-track { height: 5px; }
  .progress-meta { font-size: 8px; }
  .dashboard-actions a { font-size: 9px; padding: 6px 0; }
}

/* V12 mobile polish: participation + investment options */
@media (max-width: 620px) {
  /* How to Participate: compact 2 x 2 cards */
  #how-it-works .section-heading { margin-bottom: 20px; }
  #how-it-works .steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  #how-it-works .step {
    display: grid;
    grid-template-columns: 38px minmax(0,1fr);
    grid-template-rows: auto auto;
    column-gap: 10px;
    row-gap: 2px;
    align-items: center;
    min-width: 0;
    min-height: 82px;
    padding: 12px;
    text-align: left;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 14px;
    background: rgba(255,255,255,.035);
  }
  #how-it-works .step:after { display: none; }
  #how-it-works .step-icon {
    grid-column: 1;
    grid-row: 1 / 3;
    width: 38px;
    height: 38px;
    margin: 0;
    border-radius: 11px;
  }
  #how-it-works .step-icon svg { width: 19px; }
  #how-it-works .step > span {
    grid-column: 2;
    grid-row: 1;
    margin: 0;
    font-size: 8px;
    line-height: 1;
    color: #9e94bc;
  }
  #how-it-works .step h3 {
    grid-column: 2;
    grid-row: 2;
    margin: 0;
    font-size: 10px;
    line-height: 1.25;
    overflow-wrap: anywhere;
  }

  /* Investment options: two cards per row without horizontal overflow */
  #packages .section-heading { margin-bottom: 20px; }
  #packages .section-heading p:last-child { font-size: 11px; line-height: 1.55; }
  #packages .package-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  #packages .package-card {
    min-width: 0;
    padding: 15px 12px;
    border-radius: 15px;
  }
  #packages .popular {
    position: static;
    width: max-content;
    max-width: 100%;
    margin: 0 0 7px;
    padding: 4px 7px;
    font-size: 7px;
  }
  #packages .tier-dot { width: 8px; height: 8px; }
  #packages .package-top h3 { margin: 6px 0 1px; font-size: 16px; }
  #packages .package-top p { font-size: 9px; }
  #packages .rate { margin: 13px 0; padding: 11px 0; }
  #packages .rate strong { font-size: 24px; line-height: 1; }
  #packages .rate span { font-size: 8px; }
  #packages dl { margin-bottom: 14px; }
  #packages dl div { gap: 6px; margin: 7px 0; font-size: 8px; align-items: flex-start; }
  #packages dt { min-width: 0; }
  #packages dd { text-align: right; white-space: nowrap; }
  #packages .package-button {
    min-height: 36px;
    padding: 0 8px;
    border-radius: 9px;
    font-size: 9px;
    box-shadow: 0 8px 18px rgba(98,126,234,.18);
  }
}

@media (max-width: 350px) {
  #how-it-works .step { padding: 10px 8px; column-gap: 8px; }
  #how-it-works .step h3 { font-size: 9px; }
  #packages .package-card { padding: 13px 9px; }
  #packages dl div { font-size: 7.5px; }
}

.hero-stat small { display:block; margin-top:6px; color:var(--muted); font-size:12px; letter-spacing:.01em; }
.hero-stat #platformValue { font-variant-numeric: tabular-nums; min-width: 220px; display:inline-block; }
@media (max-width: 640px) { .hero-stat #platformValue { min-width: 0; } .hero-stat small { font-size:10px; } }

/* Platform value verification link */
.platform-value-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:2px}
.etherscan-link{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:0 11px;border:1px solid #dfe2fb;border-radius:9px;background:rgba(255,255,255,.72);color:var(--eth);font-size:10px;font-weight:700;white-space:nowrap;transition:.2s ease}
.etherscan-link svg{width:14px;height:14px;flex:0 0 auto}
.etherscan-link:hover{background:#fff;border-color:#cbd2fb;transform:translateY(-1px)}
.hero-stat .platform-value-row #platformValue{min-width:0}
@media(max-width:620px){
  .platform-value-row{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:4px}
  .etherscan-link{order:0;min-height:30px;padding:0 10px;font-size:9px;border-radius:8px}
  .hero-stat .platform-value-row #platformValue{order:1;font-size:27px;line-height:1.1}
}

/* V15: Center platform value block on mobile */
@media (max-width: 768px) {
  .platform-value-wrap,
  .platform-value-block,
  .hero-value,
  .hero-stat {
    text-align: center !important;
    align-items: center !important;
  }
  .platform-value-top,
  .platform-value-row,
  .value-topline {
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
  }
  .etherscan-link {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .platform-value,
  .platform-value-label,
  .platform-eth-balance,
  #platformValue,
  #platformEthBalance {
    text-align: center !important;
  }
}

/* V16: align mobile investment package cards into a clean 2 x 2 grid */
@media (max-width: 620px) {
  #packages .package-grid {
    align-items: stretch;
    grid-auto-flow: row;
  }
  #packages .package-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
  }
  #packages .package-top {
    position: relative;
    min-height: 50px;
    padding-top: 0;
  }
  #packages .popular {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
  }
  #packages .package-card.featured .package-top {
    padding-top: 0;
  }
  #packages .package-card.featured .package-top h3,
  #packages .package-top h3 {
    margin-top: 14px;
  }
  #packages .rate {
    flex: 0 0 auto;
  }
  #packages dl {
    flex: 0 0 auto;
  }
  #packages .package-button {
    margin-top: auto;
  }
}

/* V19: larger navbar brand logo */
.brand {
  display: flex;
  align-items: center;
  height: 64px;
  flex-shrink: 0;
}
.brand-logo,
.brand img {
  height: 70px;
  width: auto;
  max-width: 190px;
  object-fit: contain;
  display: block;
}
@media (max-width: 768px) {
  .brand { height: 56px; }
  .brand-logo,
  .brand img {
    height: 58px;
    width: auto;
    max-width: 165px;
  }
}