@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#080a0d;--panel:#10151b;--panel2:#0c1116;--gold:#ffbd18;--gold2:#f28a00;--text:#f5f4ef;--muted:#a6adb7;--line:rgba(255,189,24,.2);--green:#27df8a;--radius:18px;--max:1220px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.55;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.ambient{position:fixed;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(110px);opacity:.12}.ambient-one{width:420px;height:420px;background:#d97900;top:130px;left:-180px}.ambient-two{width:360px;height:360px;background:#a36c00;right:-180px;top:700px}.site-header{height:78px;padding:0 max(24px,calc((100vw - var(--max))/2));display:flex;align-items:center;gap:28px;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(7,9,12,.93);position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}.brand{display:flex;flex-direction:column;line-height:1;flex-shrink:0}.brand-mark{font-family:'Barlow Condensed',sans-serif;font-size:30px;font-weight:900;letter-spacing:-1.3px;color:var(--gold);text-shadow:0 2px 0 #8a4300}.brand-sub{font-size:8px;letter-spacing:2px;font-weight:800;color:#f6e8bf;margin-top:4px}.main-nav{display:flex;align-items:center;gap:clamp(12px,2vw,27px)}.main-nav a{font-size:12px;color:#c9cbd0;font-weight:700;transition:color .2s}.main-nav a:hover,.text-link:hover{color:var(--gold)}.header-actions{display:flex;gap:8px}.menu-toggle{display:none;background:none;border:1px solid var(--line);border-radius:10px;padding:10px}.menu-toggle span{display:block;width:20px;height:2px;background:var(--gold);margin:4px}.section-wrap{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.hero{min-height:590px;display:grid;grid-template-columns:1.02fr 1.15fr .9fr;gap:22px;align-items:center;padding-top:46px;padding-bottom:48px;position:relative}.hero-copy{position:relative;z-index:2}.eyebrow{color:var(--gold);font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;margin:0 0 13px}.live-dot,.status-pill i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);margin-right:7px}.hero h1{font-family:'Barlow Condensed',sans-serif;font-size:clamp(64px,7vw,104px);line-height:.82;letter-spacing:-3px;margin:0;color:#fff;text-shadow:0 4px 0 #9c4c00,0 8px 28px #000}.title-dollar{color:var(--gold)}.title-subline{display:block;color:var(--gold);font-size:.44em;letter-spacing:1px;margin-top:15px;text-shadow:0 2px 0 #663300}.hero-lede{font-size:clamp(16px,1.5vw,20px);color:#d0d3d7;line-height:1.55;margin:25px 0}.hero-actions,.wallet-actions{display:flex;gap:10px;flex-wrap:wrap}.btn{min-height:46px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:11px;border:1px solid transparent;font-size:13px;font-weight:800;transition:transform .18s,filter .18s;white-space:nowrap}.btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.btn-gold{background:linear-gradient(135deg,#ffd43b,#ff9c00);color:#161006;box-shadow:0 8px 24px #ffb30020}.btn-outline{border-color:#8a671d;background:#0b1015;color:#f5f3ed}.btn-dark{background:#090d11;border-color:#27303a;color:#f5f5f5}.btn-small{min-height:38px;padding:0 14px;font-size:12px}.btn-full{width:100%}.hero-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.hero-pills span{border:1px solid #34302a;background:#101215;color:#d9d9d4;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:700}.hero-art-wrap{height:460px;position:relative;display:flex;align-items:center;justify-content:center;min-width:0}.art-glow{position:absolute;width:90%;height:70%;background:#e88c0d;filter:blur(85px);opacity:.18;border-radius:50%}.hero-art{width:125%;max-width:none;max-height:480px;object-fit:contain;position:relative;filter:drop-shadow(0 20px 24px #000b);mask-image:radial-gradient(ellipse at center,#000 48%,transparent 75%)}.art-stamp{position:absolute;bottom:18px;right:5%;display:flex;flex-direction:column;text-align:center;font-family:'Barlow Condensed',sans-serif;line-height:1;color:#f6b916;text-shadow:0 2px 5px #000;font-size:19px;letter-spacing:1px}.art-stamp b{font-size:28px}.token-card,.panel{background:linear-gradient(155deg,rgba(20,26,33,.97),rgba(9,13,17,.98));border:1px solid #34302a;border-radius:var(--radius);box-shadow:0 15px 40px #0004}.token-card{padding:18px;position:relative;z-index:2}.card-topline{display:flex;align-items:center;gap:10px}.network-icon{width:36px;height:36px;display:grid;place-items:center;background:#1672ed;border-radius:10px;font-weight:900;font-size:22px}.card-topline b{display:block;font-size:13px}.card-topline small{display:block;color:var(--muted);font-size:10px}.status-pill{margin-left:auto;border:1px solid #1d583d;border-radius:99px;padding:5px 8px;color:#8cf3b8;font-size:10px;white-space:nowrap}.status-pill i{width:6px;height:6px}.token-price{border-bottom:1px solid #252d35;padding:24px 0 18px}.token-symbol{display:block;font-family:'Barlow Condensed',sans-serif;font-size:34px;font-weight:900}.token-price-note{color:var(--muted);font-size:11px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:18px 0}.stat-grid small{display:block;color:var(--muted);font-size:10px;margin-bottom:4px}.stat-grid b{font-size:12px;overflow-wrap:anywhere}.contract-short{color:var(--gold)}.text-link{display:block;text-align:center;color:#e5b94e;font-size:11px;font-weight:700;margin-top:14px}.ticker-strip{border-block:1px solid #2e281d;background:#0c1014;display:flex;justify-content:center;gap:clamp(16px,5vw,70px);padding:15px 18px;color:#e7bd4b;font-size:11px;font-weight:800;letter-spacing:1.5px;flex-wrap:wrap}.section-block{padding-top:88px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}.section-heading h2,.wallet-copy h2,.about-banner h2{font-family:'Barlow Condensed',sans-serif;font-size:clamp(38px,4.5vw,58px);line-height:.98;margin:0;letter-spacing:-.5px}.section-heading h2 em,.wallet-copy h2 em,.about-banner h2 em{color:var(--gold);font-style:normal}.section-intro{max-width:420px;color:var(--muted);font-size:13px;margin:0}.token-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{padding:23px}.panel-heading{display:flex;align-items:center;gap:10px;margin-bottom:22px}.panel-heading h3{margin:0;font-size:16px}.panel-icon{width:31px;height:31px;border-radius:9px;background:#34280f;color:var(--gold);display:grid;place-items:center;font-size:19px}.badge{margin-left:auto;border-radius:99px;padding:5px 9px;font-size:10px}.badge-muted{color:#e8c46b;background:#34290f;border:1px solid #5b4518}.detail-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;border-bottom:1px solid #242b32;padding:13px 0;position:relative}.detail-row span{color:var(--muted);font-size:12px}.detail-row b{font-size:12px;text-align:right;max-width:280px;overflow-wrap:anywhere}.detail-row:first-of-type{grid-template-columns:1fr auto}.detail-row:first-of-type span{grid-column:1/-1}.detail-row:first-of-type b{text-align:left;font-size:11px;grid-column:1}.icon-button{grid-column:2;grid-row:2;background:#1b2026;border:1px solid #303842;color:var(--gold);border-radius:7px;padding:6px}.contract-panel .btn{margin-top:18px}.gold-text{color:var(--gold)}.panel-copy{color:var(--muted);font-size:13px;margin:0 0 20px}.curve-placeholder{display:flex;align-items:center;gap:14px;border:1px dashed #59431b;background:#0b1014;border-radius:12px;padding:18px;margin-bottom:18px}.curve-placeholder-icon{font-size:32px;color:var(--gold)}.curve-placeholder b,.curve-placeholder small{display:block}.curve-placeholder b{font-size:13px}.curve-placeholder small{font-size:11px;color:var(--muted);margin-top:4px}.meme-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.meme-card{min-height:230px;position:relative;overflow:hidden;border:1px solid #4a3717;border-radius:15px;padding:20px;background:radial-gradient(circle at 80% 15%,#795014,transparent 44%),linear-gradient(135deg,#20252b,#0c1014 75%);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end}.meme-card:before{content:'';position:absolute;inset:0;background:linear-gradient(145deg,transparent 40%,#050709dd);pointer-events:none}.meme-emoji{position:absolute;top:18px;right:18px;font-size:48px;filter:drop-shadow(0 5px 12px #000)}.meme-card small,.meme-card h3,.meme-card button{position:relative;z-index:1}.meme-card small{color:var(--gold);font-size:9px;font-weight:800;letter-spacing:1.5px}.meme-card h3{font-family:'Barlow Condensed',sans-serif;font-size:30px;line-height:.95;margin:9px 0 16px;text-transform:uppercase}.copy-caption{background:#1a1e22;border:1px solid #4d4128;color:#f5d17b;padding:7px 10px;border-radius:8px;font-size:10px;font-weight:700}.meme-two{background:radial-gradient(circle at 70% 25%,#594315,transparent 40%),linear-gradient(135deg,#191c20,#080a0d)}.meme-three{background:radial-gradient(circle at 75% 18%,#55221b,transparent 40%),linear-gradient(135deg,#171a20,#080a0d)}.meme-four{background:radial-gradient(circle at 70% 15%,#5b3e12,transparent 42%),linear-gradient(135deg,#252016,#080a0d)}.wallet-section{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding-block:88px}.wallet-copy h2{font-size:clamp(42px,5vw,65px)}.wallet-copy .section-intro{margin:22px 0;max-width:530px}.wallet-status{color:var(--muted);font-size:12px;min-height:20px}.wallet-panel{padding:24px}.wallet-option{width:100%;display:flex;align-items:center;gap:12px;padding:14px;background:#0b1014;border:1px solid #29313a;border-radius:12px;color:var(--text);text-align:left;margin-top:10px}.wallet-option:hover{border-color:#8b681e}.wallet-logo{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;font-size:20px;font-weight:900}.ronin-logo{background:#1672ed}.meta-logo{background:#292119;color:#ffb16d}.wallet-option b,.wallet-option small{display:block}.wallet-option b{font-size:13px}.wallet-option small{font-size:10px;color:var(--muted);margin-top:3px}.wallet-chevron{margin-left:auto;font-size:24px;color:var(--gold)}.security-note{border-top:1px solid #252d35;margin-top:17px;padding-top:15px;color:#a9b2ba;font-size:10px}.about-banner{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:36px;border-radius:20px;border:1px solid #4a3718;background:radial-gradient(circle at 80% 50%,#47300d,transparent 40%),linear-gradient(120deg,#171a1d,#090c10)}.about-banner>div:first-child{max-width:650px}.about-banner p:not(.eyebrow){color:var(--muted);font-size:13px;max-width:520px}.about-seal{width:150px;height:150px;border-radius:50%;border:2px solid var(--gold);box-shadow:0 0 0 7px #ffbd1810,inset 0 0 35px #ffbd1820;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--gold);transform:rotate(-8deg);flex-shrink:0}.about-seal span:first-child{font-family:'Barlow Condensed',sans-serif;font-size:34px;font-weight:900}.about-seal b{font-size:8px;letter-spacing:1px}.about-seal span:last-child{font-size:7px;letter-spacing:1px;margin-top:8px}.community-links{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.community-link{display:grid;grid-template-columns:45px 1fr;column-gap:12px;align-items:center;border:1px solid #2c333a;border-radius:14px;background:#0e1318;padding:18px}.community-link>span{grid-row:span 2;width:44px;height:44px;display:grid;place-items:center;background:#2b220e;border-radius:11px;color:var(--gold);font-weight:900;font-size:20px}.community-link b{font-size:13px}.community-link small{font-size:10px;color:var(--muted)}.community-link:hover{border-color:#927020}.site-footer{width:min(var(--max),calc(100% - 48px));margin:88px auto 0;border-top:1px solid #282d32;padding:26px 0 35px;display:flex;align-items:center;justify-content:space-between;gap:20px}.site-footer p{color:var(--muted);font-size:10px}.site-footer>a:last-child{font-size:11px;color:var(--gold);font-weight:700}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);background:#f8bd20;color:#1a1305;border-radius:10px;padding:11px 16px;font-size:12px;font-weight:800;opacity:0;pointer-events:none;transition:.25s;z-index:50;max-width:calc(100% - 30px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1020px){.site-header{gap:14px;padding-inline:22px}.main-nav{gap:13px}.main-nav a{font-size:11px}.hero{grid-template-columns:1fr 1fr;min-height:0;padding-top:44px}.hero-copy{grid-column:1;grid-row:1}.hero-art-wrap{grid-column:2;grid-row:1;height:390px}.token-card{grid-column:1/-1;max-width:none}.hero-art{width:130%}.meme-grid{grid-template-columns:repeat(2,1fr)}.meme-card{min-height:210px}}
@media(max-width:700px){.site-header{height:66px;padding-inline:16px;gap:12px}.brand-mark{font-size:25px}.brand-sub{font-size:7px}.menu-toggle{display:block;margin-left:auto}.header-actions .btn{font-size:10px;min-height:36px;padding-inline:10px}.main-nav{display:none;position:absolute;top:65px;left:0;right:0;background:#090c10;border-bottom:1px solid #473719;padding:15px 18px 20px;grid-template-columns:1fr 1fr;gap:0 15px}.main-nav.open{display:grid}.main-nav a{padding:13px 4px;border-bottom:1px solid #222831;font-size:12px}.section-wrap{width:calc(100% - 30px)}.hero{grid-template-columns:1fr;gap:12px;padding-top:34px;padding-bottom:30px}.hero-copy{grid-column:1;grid-row:1}.eyebrow{font-size:9px;letter-spacing:1.4px}.hero h1{font-size:clamp(64px,18vw,100px);letter-spacing:-2px}.title-subline{font-size:.42em;margin-top:13px}.hero-lede{font-size:16px;margin:20px 0}.desktop-only{display:none}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.btn{white-space:normal;text-align:center;padding-inline:12px;font-size:12px;min-height:44px}.hero-pills{margin-top:17px;gap:6px}.hero-pills span{font-size:9px;padding:6px 8px}.hero-art-wrap{grid-column:1;grid-row:2;height:275px;margin-top:-8px}.hero-art{width:110%;max-height:300px}.art-stamp{bottom:0;right:8%;font-size:13px}.art-stamp b{font-size:20px}.token-card{grid-column:1;grid-row:3;padding:15px}.stat-grid{padding:14px 0}.ticker-strip{gap:12px 20px;font-size:9px;padding:13px 10px}.section-block{padding-top:58px}.section-heading{display:block;margin-bottom:20px}.section-heading h2,.wallet-copy h2,.about-banner h2{font-size:42px}.section-intro{margin-top:14px;font-size:12px}.token-details-grid{grid-template-columns:1fr}.panel{padding:17px}.panel-heading h3{font-size:14px}.detail-row b{font-size:11px}.detail-row:first-of-type b{font-size:10px;word-break:break-all}.meme-grid{grid-template-columns:1fr 1fr;gap:9px}.meme-card{min-height:190px;padding:13px;border-radius:12px}.meme-card h3{font-size:24px}.meme-emoji{font-size:34px;top:12px;right:12px}.meme-card small{font-size:8px}.copy-caption{font-size:9px;padding:7px 8px}.wallet-section{grid-template-columns:1fr;gap:22px;padding-block:58px}.wallet-copy .section-intro{margin:17px 0}.wallet-panel{padding:17px}.about-banner{padding:24px;display:block}.about-seal{width:112px;height:112px;margin:25px auto 0}.about-seal span:first-child{font-size:27px}.community-links{grid-template-columns:1fr;gap:9px}.community-link{padding:13px}.site-footer{width:calc(100% - 30px);margin-top:58px;display:grid;grid-template-columns:1fr auto;gap:15px}.site-footer p{grid-column:1/-1;grid-row:2;margin:0}.site-footer>a:last-child{grid-column:2;grid-row:1}.status-pill{font-size:9px}.token-symbol{font-size:30px}}
@media(max-width:360px){.hero-actions{grid-template-columns:1fr}.hero-art-wrap{height:235px}.meme-card{min-height:170px}.meme-card h3{font-size:21px}.header-actions .btn{padding-inline:7px}.brand-mark{font-size:23px}}

/* Bonding curve progress panel */
.curve-status-line{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 22px;color:#d9dce0;font-size:11px}.status-dot-amber{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px #ffbd1888;margin-right:7px}.snapshot-label{font-size:9px;font-weight:900;letter-spacing:1px;color:#ffce63;border:1px solid #765717;background:#2a210f;padding:5px 8px;border-radius:6px}.curve-progress-head{display:flex;align-items:end;justify-content:space-between;gap:12px}.curve-progress-head>div{display:flex;flex-direction:column}.curve-progress-head small,.curve-progress-head>span{color:var(--muted);font-size:10px}.curve-progress-head strong{font-family:'Barlow Condensed',sans-serif;font-size:44px;line-height:1.1;color:var(--gold)}.curve-progress-track{height:13px;border:1px solid #343a40;background:#080c10;border-radius:999px;overflow:hidden;margin:12px 0 18px}.curve-progress-track span{height:100%;display:block;border-radius:999px;background:linear-gradient(90deg,#ffd94b,#f18a00);box-shadow:0 0 18px #ffbd1840}.curve-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}.curve-metrics>div{padding:13px;border:1px solid #292f35;border-radius:10px;background:#0a0e12;min-width:0}.curve-metrics small,.curve-metrics b{display:block}.curve-metrics small{color:var(--muted);font-size:10px;margin-bottom:6px}.curve-metrics b{font-size:clamp(12px,1.2vw,16px);overflow-wrap:anywhere}.curve-metrics em{font-size:10px;color:var(--gold);font-style:normal}.curve-chart-wrap{border:1px solid #292f35;background:#090d11;border-radius:11px;margin-top:15px;padding:12px 12px 5px}.curve-chart-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.curve-chart-top b{font-size:11px}.curve-chart-top small{font-size:9px;color:var(--muted);text-align:right}.curve-chart{display:block;width:100%;height:auto;margin-top:5px;overflow:visible}.chart-gridline{fill:none;stroke:#252c32;stroke-width:1;stroke-dasharray:4 5}.curve-line{fill:none;stroke:#ffbd18;stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 0 4px #ffbd1866)}.curve-current-dot{fill:#fff1b4;stroke:#ffbd18;stroke-width:3}.curve-chart-label{font:12px system-ui,sans-serif;fill:#ffda76}.curve-disclaimer{font-size:10px;line-height:1.5;color:#a6adb7;margin:12px 0 16px}
@media(max-width:600px){.curve-progress-head strong{font-size:40px}.curve-metrics{gap:8px}.curve-metrics>div{padding:10px}.curve-chart-top{align-items:flex-start;flex-direction:column}.curve-chart-top small{text-align:left}.curve-status-line{align-items:flex-start;flex-direction:column;gap:7px}}

/* Mobile readability and layout refinement v3 */
@media (max-width: 700px) {
  html { scroll-padding-top: 74px; }
  body { font-size: 16px; line-height: 1.6; }
  .site-header { padding-inline: 14px; gap: 10px; }
  .brand-mark { font-size: 27px; }
  .brand-sub { font-size: 8px; letter-spacing: 1.5px; }
  .header-actions .btn { min-height: 40px; font-size: 11px; padding-inline: 10px; }
  .main-nav { padding: 12px 16px 18px; }
  .main-nav a { font-size: 14px; padding: 14px 4px; }
  .section-wrap { width: calc(100% - 28px); }
  .hero { gap: 18px; padding-top: 28px; padding-bottom: 28px; }
  .eyebrow { font-size: 11px; line-height: 1.5; letter-spacing: 1.2px; }
  .hero h1 { font-size: clamp(62px, 17vw, 82px); line-height: .92; letter-spacing: -1.8px; }
  .title-subline { font-size: .40em; line-height: 1.05; letter-spacing: .4px; margin-top: 10px; }
  .hero-lede { font-size: 18px; line-height: 1.5; margin: 16px 0 20px; }
  .hero-actions { display: flex; flex-direction: column; gap: 10px; }
  .hero-actions .btn, .wallet-actions .btn { width: 100%; min-height: 48px; font-size: 14px; }
  .hero-pills { margin-top: 16px; gap: 7px; }
  .hero-pills span { font-size: 11px; padding: 7px 10px; }
  .hero-art-wrap { height: clamp(230px, 70vw, 320px); margin: 0; }
  .hero-art { width: 108%; max-height: 330px; }
  .art-stamp { font-size: 14px; right: 5%; bottom: 3px; }
  .art-stamp b { font-size: 22px; }
  .token-card { padding: 17px; }
  .card-topline b { font-size: 14px; }
  .card-topline small, .token-price-note { font-size: 12px; }
  .token-symbol { font-size: 34px; }
  .stat-grid { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 12px; }
  .stat-grid small, .curve-progress-head small, .curve-progress-head>span { font-size: 12px; }
  .stat-grid b { font-size: 13px; }
  .ticker-strip { gap: 10px 16px; padding: 14px 10px; font-size: 10px; letter-spacing: 1px; }
  .section-block { padding-top: 52px; }
  .section-heading { margin-bottom: 22px; }
  .section-heading h2, .wallet-copy h2, .about-banner h2 { font-size: clamp(38px, 10vw, 46px); line-height: 1.02; }
  .section-intro { font-size: 15px; line-height: 1.65; margin-top: 12px; }
  .token-details-grid { gap: 14px; }
  .panel { padding: 17px; border-radius: 15px; }
  .panel-heading { gap: 9px; margin-bottom: 17px; flex-wrap: wrap; }
  .panel-heading h3 { font-size: 16px; }
  .detail-row { gap: 8px; padding: 14px 0; }
  .detail-row span { font-size: 13px; }
  .detail-row b { font-size: 13px; max-width: 100%; }
  .detail-row:first-of-type b { font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; word-break: break-word; }
  .icon-button { align-self: start; }
  .btn { min-height: 46px; font-size: 13px; white-space: normal; line-height: 1.35; }
  .curve-status-line { font-size: 12px; margin-bottom: 18px; }
  .snapshot-label { font-size: 10px; }
  .curve-progress-head strong { font-size: 46px; }
  .curve-progress-track { height: 14px; margin: 12px 0 16px; }
  .curve-metrics { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 9px; }
  .curve-metrics>div { padding: 12px 10px; }
  .curve-metrics small { font-size: 12px; line-height: 1.4; }
  .curve-metrics b { font-size: 14px; line-height: 1.45; }
  .curve-metrics em { font-size: 11px; }
  .curve-chart-wrap { padding: 12px 10px 7px; }
  .curve-chart-top b { font-size: 13px; }
  .curve-chart-top small { font-size: 11px; }
  .curve-disclaimer { font-size: 12px; line-height: 1.6; }
  .meme-grid { gap: 10px; }
  .meme-card { min-height: 190px; padding: 14px; }
  .meme-card small { font-size: 10px; letter-spacing: 1px; }
  .meme-card h3 { font-size: clamp(22px, 6vw, 27px); line-height: 1; }
  .meme-emoji { font-size: 36px; }
  .copy-caption { font-size: 11px; padding: 9px 10px; }
  .wallet-section { gap: 20px; padding-block: 56px; }
  .wallet-copy .section-intro { margin: 16px 0 20px; }
  .wallet-panel { padding: 16px; }
  .wallet-option { padding: 13px; min-height: 68px; }
  .wallet-option b { font-size: 14px; }
  .wallet-option small { font-size: 12px; }
  .security-note { font-size: 12px; line-height: 1.5; }
  .about-banner { padding: 22px 18px; }
  .about-banner p:not(.eyebrow) { font-size: 15px; line-height: 1.65; }
  .community-links { gap: 10px; }
  .community-link { min-height: 78px; padding: 15px; }
  .community-link b { font-size: 15px; }
  .community-link small { font-size: 12px; }
  .site-footer { gap: 12px; }
  .site-footer p { font-size: 12px; line-height: 1.5; }
  .site-footer>a:last-child { font-size: 12px; }
  .toast { font-size: 14px; line-height: 1.4; }
}
@media (max-width: 390px) {
  .header-actions .btn { font-size: 10px; padding-inline: 8px; }
  .brand-mark { font-size: 24px; }
  .hero h1 { font-size: clamp(56px, 16vw, 68px); }
  .hero-pills span { font-size: 10px; }
  .meme-card { min-height: 175px; }
  .curve-metrics b { font-size: 12px; }
}


/* Roadmap section */
.roadmap-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:stretch}.roadmap-card{position:relative;overflow:hidden;padding:22px 19px;border:1px solid #34302a;border-radius:16px;background:linear-gradient(155deg,#141a21,#090d11);min-width:0}.roadmap-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#ffbd18,#f28a00,transparent)}.roadmap-current{border-color:#82601b;box-shadow:0 0 26px #ffbd180b}.roadmap-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:23px}.roadmap-number{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:35px;line-height:1;color:var(--gold)}.roadmap-state{display:inline-flex;align-items:center;gap:6px;color:#d9bd78;font-size:9px;font-weight:800;letter-spacing:.8px;border:1px solid #51401f;background:#211b10;border-radius:99px;padding:6px 8px}.roadmap-state i{width:6px;height:6px;background:var(--green);border-radius:50%;box-shadow:0 0 8px #27df8a80}.roadmap-card h3{font-family:'Barlow Condensed',sans-serif;font-size:26px;line-height:1.02;margin:0 0 11px}.roadmap-card p{color:var(--muted);font-size:12px;line-height:1.6;min-height:58px;margin:0 0 15px}.roadmap-card ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}.roadmap-card li{position:relative;padding-left:17px;color:#d7d9dc;font-size:11px;line-height:1.5}.roadmap-card li:before{content:"✦";position:absolute;left:0;top:0;color:var(--gold);font-size:10px}.roadmap-note{margin:16px 0 0;padding:13px 15px;border-left:2px solid #9d741a;background:#101419;color:#9fa7b1;font-size:11px;line-height:1.65;border-radius:0 9px 9px 0}
@media(max-width:900px){.roadmap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.roadmap-card p{min-height:0}}
@media(max-width:700px){.roadmap-section .section-heading{display:block}.roadmap-grid{grid-template-columns:1fr;gap:11px}.roadmap-card{padding:18px 17px;border-radius:13px}.roadmap-top{margin-bottom:15px}.roadmap-number{font-size:30px}.roadmap-card h3{font-size:25px}.roadmap-card p{font-size:12px;margin-bottom:12px}.roadmap-card ul{gap:8px}.roadmap-card li{font-size:12px}.roadmap-note{font-size:11px;line-height:1.6}}

/* OILKE motion system: subtle, premium, mobile-friendly animations */
:root{--motion-fast:180ms;--motion-mid:420ms;--motion-slow:850ms}
@keyframes oilke-rise-in{from{opacity:0;transform:translate3d(0,24px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes oilke-gold-pulse{0%,100%{box-shadow:0 0 0 0 rgba(255,189,24,.0),0 8px 24px rgba(255,179,0,.12)}50%{box-shadow:0 0 0 5px rgba(255,189,24,.07),0 8px 32px rgba(255,179,0,.24)}}
@keyframes oilke-art-float{0%,100%{transform:translateY(0) rotate(-.35deg)}50%{transform:translateY(-9px) rotate(.35deg)}}
@keyframes oilke-glow-breathe{0%,100%{opacity:.12;transform:scale(.96)}50%{opacity:.24;transform:scale(1.06)}}
@keyframes oilke-sheen{0%{background-position:180% 0}100%{background-position:-180% 0}}
@keyframes oilke-dot-blink{0%,100%{opacity:1}50%{opacity:.45}}
.js-motion-ready .motion-reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.75,.25,1);transition-delay:var(--motion-delay,0ms)}
.js-motion-ready .motion-reveal.is-visible{opacity:1;transform:translateY(0)}
.hero-art{animation:oilke-art-float 6s ease-in-out infinite;transform-origin:50% 60%;will-change:transform}
.art-glow{animation:oilke-glow-breathe 7s ease-in-out infinite}
.btn-gold{animation:oilke-gold-pulse 4.8s ease-in-out infinite}
.status-pill i,.live-dot{animation:oilke-dot-blink 2.1s ease-in-out infinite}
.roadmap-card,.meme-card,.panel,.token-card,.community-link{transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.roadmap-card:hover,.meme-card:hover,.community-link:hover{transform:translateY(-5px);border-color:rgba(255,189,24,.65);box-shadow:0 16px 38px rgba(0,0,0,.24),0 0 22px rgba(255,189,24,.06)}
.roadmap-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0%,rgba(255,210,90,.045) 45%,transparent 60%);background-size:220% 100%;opacity:0;transition:opacity .3s}
.roadmap-card:hover:after{opacity:1;animation:oilke-sheen 1.1s ease both}
.curve-progress-fill,.progress-fill{transition:width 1.25s cubic-bezier(.2,.7,.2,1)}
.site-header{transition:background .25s ease,border-color .25s ease}
.site-header.scrolled{background:rgba(5,7,10,.97);border-color:rgba(255,189,24,.24)}
button:active,.btn:active{transform:scale(.98)}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:700px){.hero-art{animation-duration:7s}.btn-gold{animation-duration:6s}.roadmap-card:hover,.meme-card:hover,.community-link:hover{transform:translateY(-2px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.js-motion-ready .motion-reveal{opacity:1;transform:none}}

/* OILKE V6 — desktop and tablet refinement */
:root{--max:1320px}
.site-header{padding-left:max(28px,calc((100vw - 1320px)/2));padding-right:max(28px,calc((100vw - 1320px)/2))}
.section-wrap{width:min(1320px,calc(100% - 64px))}
@media(min-width:1101px){
  .site-header{height:82px;gap:34px}
  .brand-mark{font-size:34px}
  .brand-sub{font-size:9px}
  .main-nav{gap:clamp(16px,1.8vw,28px)}
  .main-nav a{font-size:12px}
  .hero{grid-template-columns:minmax(280px,.88fr) minmax(360px,1.18fr) minmax(290px,.84fr);gap:28px;min-height:650px;padding-top:56px;padding-bottom:56px}
  .hero-copy{max-width:440px}
  .hero h1{font-size:clamp(76px,6.2vw,112px)}
  .hero-lede{max-width:390px;font-size:19px}
  .hero-art-wrap{height:530px}
  .hero-art{width:120%;max-height:550px}
  .token-card{padding:22px}
  .token-symbol{font-size:40px}
  .token-price-note,.stat-grid small{font-size:12px}
  .stat-grid b{font-size:13px}
  .section-block{padding-top:104px}
  .section-heading{margin-bottom:34px}
  .section-heading h2,.wallet-copy h2,.about-banner h2{font-size:clamp(48px,4vw,68px)}
  .section-intro{font-size:15px;max-width:470px}
  .token-details-grid{gap:24px}
  .panel{padding:28px}
  .panel-heading h3{font-size:18px}
  .detail-row span,.detail-row b{font-size:13px}
  .meme-grid{gap:18px}
  .meme-card{min-height:280px;padding:24px}
  .meme-card h3{font-size:36px}
  .meme-emoji{font-size:58px}
  .roadmap-grid{gap:18px}
  .roadmap-card{padding:26px 22px}
  .roadmap-card h3{font-size:30px}
  .roadmap-card p{font-size:13px;min-height:65px}
  .roadmap-card li{font-size:12px}
  .wallet-section{gap:70px;padding-block:104px}
  .wallet-panel{padding:30px}
  .about-banner{padding:44px 48px}
  .community-links{gap:16px}
}
@media(min-width:701px) and (max-width:1100px){
  .section-wrap{width:calc(100% - 48px)}
  .site-header{padding-inline:24px}
  .hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}
  .hero-copy{min-width:0}
  .hero-art-wrap{min-width:0;height:390px}
  .hero-art{width:115%;max-width:100%;}
  .token-card{grid-column:1/-1}
  .section-block{padding-top:72px}
  .roadmap-card{padding:20px 16px}
  .roadmap-card h3{font-size:24px}
}
/* Richer interaction: gentle card lift, animated gold edge and oil-glow aura */
@keyframes oilke-edge-sweep{0%{background-position:0% 50%}100%{background-position:200% 50%}}
@keyframes oilke-orbit{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.035)}100%{transform:rotate(360deg) scale(1)}}
@keyframes oilke-drop{0%,100%{transform:translateY(0);opacity:.72}50%{transform:translateY(-7px);opacity:1}}
.hero-art-wrap:after{content:"";position:absolute;width:78%;height:78%;border:1px solid rgba(255,189,24,.14);border-radius:48% 52% 50% 50%;box-shadow:0 0 45px rgba(255,157,0,.08),inset 0 0 30px rgba(255,189,24,.04);pointer-events:none;animation:oilke-orbit 34s linear infinite}
.hero-art{transition:filter .45s ease;}
.hero-art-wrap:hover .hero-art{filter:drop-shadow(0 24px 35px rgba(255,169,0,.2));}
.panel,.token-card,.roadmap-card,.meme-card,.community-link{transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;}
@media(hover:hover){.panel:hover,.token-card:hover,.roadmap-card:hover,.meme-card:hover,.community-link:hover{transform:translateY(-4px);border-color:rgba(255,189,24,.48);box-shadow:0 18px 44px rgba(0,0,0,.34),0 0 24px rgba(255,189,24,.055)}}
.btn-gold{background-size:180% 180%;animation:oilke-gold-pulse 6s ease-in-out infinite;}
.roadmap-card:before{background-size:200% 100%;animation:oilke-edge-sweep 8s linear infinite;}
.hero-pills span{transition:transform .22s ease,border-color .22s ease,color .22s ease;}
.hero-pills span:hover{transform:translateY(-2px);border-color:rgba(255,189,24,.55);color:#fff0bd}
@media(max-width:700px){
  .site-header{padding-inline:15px}
  .section-wrap{width:calc(100% - 30px)}
  .hero-art-wrap:after{width:83%;height:80%}
  .hero-art{max-width:100%;}
  .section-block{padding-top:62px}
  .roadmap-card,.panel,.meme-card,.community-link{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
}
@media(prefers-reduced-motion:reduce){.hero-art-wrap:after,.roadmap-card:before,.btn-gold{animation:none!important}}


/* V7 refinement: readable roadmap on touch devices + small roaming Oilke mascot */
.roadmap-section{container-type:inline-size}
.floating-oilke{
  position:fixed;right:clamp(10px,2vw,26px);bottom:16vh;
  width:clamp(58px,6vw,82px);aspect-ratio:1;z-index:18;
  border:2px solid rgba(255,189,24,.72);border-radius:50%;
  overflow:hidden;background:radial-gradient(circle at 40% 30%,#34302a,#080a0d 72%);
  box-shadow:0 0 0 5px rgba(255,189,24,.07),0 8px 28px rgba(0,0,0,.55),0 0 24px rgba(255,173,0,.18);
  pointer-events:none;animation:oilke-roam 24s ease-in-out infinite;
}
.floating-oilke img{width:100%;height:100%;object-fit:cover;object-position:50% 18%;transform:scale(1.6);filter:saturate(.95) contrast(1.08)}
.floating-oilke:after{content:"";position:absolute;inset:0;border-radius:50%;border:1px solid rgba(255,215,100,.24);pointer-events:none}
.floating-oilke-glint{position:absolute;right:5px;top:5px;color:#ffcf43;font-size:12px;text-shadow:0 0 10px #ffb300;animation:oilke-glint 2.4s ease-in-out infinite}
@keyframes oilke-roam{
  0%,100%{transform:translate3d(0,0,0) rotate(-4deg)}
  18%{transform:translate3d(-10vw,-7vh,0) rotate(5deg)}
  38%{transform:translate3d(-5vw,-18vh,0) rotate(-2deg)}
  58%{transform:translate3d(-22vw,-13vh,0) rotate(4deg)}
  78%{transform:translate3d(-12vw,-3vh,0) rotate(-5deg)}
}
@keyframes oilke-glint{0%,100%{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}
/* Touch devices may use browser "Desktop site"; pointer-based override prevents tiny four-column cards. */
@media (pointer:coarse) and (max-width:1400px){
  .roadmap-grid{grid-template-columns:1fr!important;gap:12px!important}
  .roadmap-card{padding:18px!important}
  .roadmap-card h3{font-size:clamp(22px,4.6vw,26px)!important;line-height:1.08}
  .roadmap-card p{font-size:13px!important;line-height:1.6;min-height:0!important}
  .roadmap-card li{font-size:12.5px!important;line-height:1.55}
  .roadmap-note{font-size:11.5px!important}
  .site-header{gap:10px}
  .main-nav{gap:12px}
}
@container (max-width:760px){
  .roadmap-grid{grid-template-columns:1fr!important}
  .roadmap-card h3{font-size:clamp(24px,5cqi,31px)}
}
@media(min-width:701px) and (max-width:1100px){
  .roadmap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .floating-oilke{right:9px;bottom:13vh;width:58px;opacity:.92;animation-duration:28s}
  .floating-oilke img{transform:scale(1.8);object-position:50% 16%}
}
@media(prefers-reduced-motion:reduce){
  .floating-oilke,.floating-oilke-glint{animation:none!important}
}


/* V8: cute, full-body Oilke buddy with playful touch reactions */
.oilke-buddy-wrap{
  position:fixed;right:clamp(10px,2.2vw,30px);bottom:clamp(76px,12vh,120px);
  width:clamp(72px,7vw,104px);height:clamp(100px,10vw,140px);
  z-index:35;pointer-events:none;isolation:isolate;
}
.floating-oilke{
  position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;
  background:transparent;box-shadow:none;border-radius:0;overflow:visible;
  display:block;cursor:pointer;pointer-events:auto;
  animation:oilke-buddy-drift 18s ease-in-out infinite;
  transform-origin:50% 80%;-webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
}
.floating-oilke img{
  display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;
  filter:drop-shadow(0 7px 8px rgba(0,0,0,.55)) drop-shadow(0 0 9px rgba(255,189,24,.22));
  transform-origin:50% 80%;transition:filter .2s ease;
}
.floating-oilke:after{content:none}
.floating-oilke-glint{
  position:absolute;right:2%;top:4%;color:#ffd84d;font-size:clamp(13px,1.2vw,18px);
  text-shadow:0 0 10px #ffad00;animation:oilke-glint 2.1s ease-in-out infinite;pointer-events:none;
}
.oilke-buddy-bubble{
  position:absolute;right:70%;bottom:62%;max-width:min(210px,64vw);width:max-content;
  padding:9px 12px;border:1px solid rgba(255,189,24,.7);border-radius:14px 14px 4px 14px;
  background:rgba(9,13,19,.96);color:#fff3c2;font-size:12px;line-height:1.35;font-weight:700;
  box-shadow:0 8px 24px rgba(0,0,0,.38),0 0 16px rgba(255,189,24,.12);
  opacity:0;transform:translateY(8px) scale(.94);transition:opacity .18s ease,transform .18s ease;
  pointer-events:none;z-index:2;
}
.oilke-buddy-bubble.show{opacity:1;transform:translateY(0) scale(1)}
.oilke-buddy-tap{
  position:absolute;right:-3px;bottom:15%;font-size:9px;font-weight:900;letter-spacing:.08em;
  color:#171008;background:linear-gradient(135deg,#ffe98a,#ffad00);padding:4px 6px;border-radius:999px;
  box-shadow:0 2px 9px #0008;opacity:.94;pointer-events:none;
}
.floating-oilke:focus-visible{outline:2px solid #ffd04a;outline-offset:5px;border-radius:35%}
.floating-oilke.is-playing{animation:oilke-buddy-boing .8s cubic-bezier(.2,.8,.25,1) both}
.floating-oilke.is-playing img{filter:drop-shadow(0 9px 10px rgba(0,0,0,.6)) drop-shadow(0 0 17px rgba(255,189,24,.62))}
.floating-oilke.is-playing .oilke-buddy-tap{animation:oilke-tap-pop .55s ease both}
@keyframes oilke-buddy-drift{
  0%,100%{transform:translate3d(0,0,0) rotate(-2deg)}
  22%{transform:translate3d(-2vw,-4vh,0) rotate(2deg)}
  47%{transform:translate3d(-4vw,-1vh,0) rotate(-1deg)}
  72%{transform:translate3d(-1vw,-6vh,0) rotate(3deg)}
}
@keyframes oilke-buddy-boing{
  0%{transform:translateY(0) rotate(0) scale(1)}
  22%{transform:translateY(-35px) rotate(-12deg) scale(1.12,.88)}
  45%{transform:translateY(0) rotate(10deg) scale(.88,1.12)}
  68%{transform:translateY(-17px) rotate(-7deg) scale(1.06,.94)}
  86%{transform:translateY(0) rotate(4deg) scale(.98,1.02)}
  100%{transform:translateY(0) rotate(0) scale(1)}
}
@keyframes oilke-tap-pop{
  0%{transform:scale(.4) rotate(-12deg);opacity:0}
  55%{transform:scale(1.25) rotate(8deg);opacity:1}
  100%{transform:scale(1) rotate(0);opacity:.94}
}
@media(max-width:700px){
  .oilke-buddy-wrap{right:8px;bottom:calc(82px + env(safe-area-inset-bottom));width:62px;height:88px}
  .oilke-buddy-bubble{right:68%;bottom:65%;font-size:11px;padding:8px 10px}
  .oilke-buddy-tap{font-size:8px}
  .floating-oilke{animation-duration:23s}
}
@media(prefers-reduced-motion:reduce){
  .floating-oilke,.floating-oilke-glint,.floating-oilke.is-playing .oilke-buddy-tap{animation:none!important}
  .oilke-buddy-bubble{transition:none}
}


/* V9 polish: refined roadmap typography, warm accent balance, and reliable desktop/mobile mascot visibility. */
.roadmap-section{position:relative;isolation:isolate;padding-top:clamp(58px,7vw,96px)}
.roadmap-section:before{content:"";position:absolute;z-index:-1;left:-7%;right:-7%;top:20%;height:70%;pointer-events:none;background:radial-gradient(ellipse at 50% 15%,rgba(255,184,22,.075),transparent 62%)}
.roadmap-section .section-heading{align-items:flex-end;gap:clamp(18px,3vw,42px);margin-bottom:clamp(20px,2.7vw,32px)}
.roadmap-section .eyebrow{margin-bottom:10px;font-size:10px;letter-spacing:2.2px}
.roadmap-section .section-heading h2{font-size:clamp(34px,4.1vw,54px);line-height:.98;letter-spacing:-.35px}
.roadmap-section .section-intro{max-width:475px;font-size:clamp(12px,1vw,14px);line-height:1.7;color:#b0b7c1}
.roadmap-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.35vw,18px);align-items:stretch}
.roadmap-card{min-width:0;padding:clamp(17px,1.8vw,24px);display:flex;flex-direction:column;border:1px solid rgba(255,189,24,.2);border-radius:17px;background:radial-gradient(ellipse at 90% 0%,rgba(255,189,24,.075),transparent 47%),linear-gradient(152deg,#141a22 0%,#0c1117 62%,#090d12 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 10px 28px rgba(0,0,0,.16)}
.roadmap-card:before{height:2px;background:linear-gradient(90deg,#ffe27a 0%,#ffbd18 38%,#e98000 76%,transparent 100%);background-size:180% 100%;opacity:.82}
.roadmap-current{border-color:rgba(255,189,24,.44);box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 0 28px rgba(255,189,24,.045)}
.roadmap-top{align-items:center;margin-bottom:clamp(15px,1.7vw,21px)}
.roadmap-number{font-size:clamp(27px,2.6vw,34px);text-shadow:0 0 18px rgba(255,189,24,.12)}
.roadmap-state{max-width:72%;font-size:8px;letter-spacing:.65px;line-height:1.25;padding:6px 8px;color:#ecd59a;background:rgba(255,189,24,.055);border-color:rgba(255,189,24,.24);white-space:normal;text-align:center}
.roadmap-state i{flex:0 0 6px}
.roadmap-card:nth-child(2) .roadmap-state{color:#f7dca0;border-color:rgba(255,202,80,.24)}
.roadmap-card:nth-child(3) .roadmap-state{color:#d3c3ff;border-color:rgba(167,134,255,.28);background:rgba(108,78,180,.09)}
.roadmap-card:nth-child(4) .roadmap-state{color:#aee9e4;border-color:rgba(91,205,195,.25);background:rgba(39,133,127,.08)}
.roadmap-card h3{font-family:'Barlow Condensed',sans-serif;font-size:clamp(21px,1.9vw,27px);line-height:1.08;letter-spacing:-.1px;margin:0 0 10px;color:#fbfaf6;overflow-wrap:normal}
.roadmap-card h3 em{font-style:normal;color:var(--gold)}
.roadmap-card p{font-family:Inter,system-ui,sans-serif;color:#adb5bf;font-size:clamp(12.5px,.95vw,14px);line-height:1.62;min-height:0;margin:0 0 16px}
.roadmap-card ul{gap:10px;margin-top:auto}
.roadmap-card li{padding-left:17px;color:#e0e3e7;font-size:clamp(12px,.9vw,13px);line-height:1.55;overflow-wrap:break-word}
.roadmap-card li:before{content:"✦";font-size:9px;color:#ffd46a;top:1px;text-shadow:0 0 7px rgba(255,189,24,.16)}
.roadmap-note{margin-top:18px;padding:13px 16px;border:1px solid rgba(255,189,24,.13);border-left:3px solid #d99a14;border-radius:0 10px 10px 0;background:linear-gradient(100deg,rgba(255,189,24,.055),rgba(16,20,25,.86) 28%);color:#aeb6c0;font-size:12px;line-height:1.65}
.roadmap-card:hover{border-color:rgba(255,196,42,.52)}

/* Floating buddy: compact, full-body, fixed above page layers on both desktop and mobile. */
.oilke-buddy-wrap{position:fixed!important;display:block!important;visibility:visible!important;opacity:1!important;right:clamp(14px,1.5vw,24px)!important;bottom:clamp(86px,10vh,116px)!important;width:70px!important;height:98px!important;z-index:10000!important;pointer-events:none;isolation:isolate;overflow:visible}
.floating-oilke{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;visibility:visible!important;opacity:1!important;overflow:visible!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;pointer-events:auto!important;cursor:pointer;animation:oilke-buddy-drift-v9 5.6s ease-in-out infinite;transform-origin:50% 75%;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.floating-oilke img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;transform:none!important;filter:drop-shadow(0 5px 7px rgba(0,0,0,.62)) drop-shadow(0 0 7px rgba(255,189,24,.17));transition:filter .25s ease;}
.floating-oilke:after{content:none!important}
.floating-oilke-glint{position:absolute;top:2%;right:1%;font-size:13px;color:#ffe276;text-shadow:0 0 10px #ffb300;animation:oilke-glint 1.8s ease-in-out infinite;pointer-events:none}
.oilke-buddy-bubble{position:absolute;right:70%;bottom:65%;width:max-content;max-width:min(220px,66vw);z-index:5;padding:9px 12px;border:1px solid rgba(255,202,65,.78);border-radius:14px 14px 4px 14px;background:rgba(8,12,17,.97);color:#fff0b4;font-size:12px;line-height:1.4;font-weight:750;box-shadow:0 8px 24px rgba(0,0,0,.45),0 0 16px rgba(255,189,24,.13);opacity:0;transform:translateY(8px) scale(.94);transition:opacity .2s ease,transform .2s ease;pointer-events:none}
.oilke-buddy-bubble.show{opacity:1;transform:translateY(0) scale(1)}
.oilke-buddy-tap{position:absolute;right:-1px;bottom:8%;font-size:8px;line-height:1;font-weight:900;letter-spacing:.08em;color:#171008;background:linear-gradient(135deg,#fff0a4,#ffb300);padding:4px 6px;border:1px solid #fff0a4;border-radius:999px;box-shadow:0 2px 9px #0009;opacity:.98;pointer-events:none;animation:oilke-tap-hint 2.8s ease-in-out infinite}
.buddy-parachute{position:absolute;left:50%;top:-23%;width:66px;height:55px;z-index:5;opacity:0;transform:translate(-50%,15px) scale(.35) rotate(-18deg);transform-origin:50% 85%;pointer-events:none;filter:drop-shadow(0 4px 5px rgba(0,0,0,.35));}
.buddy-parachute svg{display:block;width:100%;height:100%;overflow:visible}
.floating-oilke.show-parachute .buddy-parachute{opacity:1;animation:oilke-umbrella-pop .62s cubic-bezier(.2,.9,.25,1.28) both}
.floating-oilke.is-playing{animation:oilke-buddy-boing-v9 .78s cubic-bezier(.2,.8,.25,1) both!important}
.floating-oilke.is-playing img{filter:drop-shadow(0 7px 9px rgba(0,0,0,.63)) drop-shadow(0 0 15px rgba(255,189,24,.52))}
.oilke-buddy-wrap.buddy-delighted:before{content:"";position:absolute;inset:-12px -10px -4px;border-radius:48%;border:1px solid rgba(255,197,37,.56);box-shadow:0 0 0 5px rgba(255,189,24,.04),0 0 22px rgba(255,189,24,.24);animation:oilke-halo-pop .8s ease-out both;pointer-events:none;z-index:-1}
.buddy-burst{position:absolute;inset:-22px -20px;overflow:visible;pointer-events:none;z-index:7}
.buddy-particle{position:absolute;left:50%;top:45%;font-size:15px;line-height:1;filter:drop-shadow(0 2px 4px #0008);opacity:0;animation:oilke-buddy-spark 1.05s cubic-bezier(.16,.72,.27,1) var(--delay,0ms) both;will-change:transform,opacity}
@keyframes oilke-buddy-drift-v9{0%,100%{transform:translate3d(0,0,0) rotate(-1.5deg)}25%{transform:translate3d(-2px,-5px,0) rotate(1.8deg)}50%{transform:translate3d(1px,-1px,0) rotate(-.5deg)}75%{transform:translate3d(2px,-6px,0) rotate(1.2deg)}}
@keyframes oilke-buddy-boing-v9{0%{transform:translateY(0) rotate(0) scale(1)}22%{transform:translateY(-15px) rotate(-10deg) scale(1.1,.9)}44%{transform:translateY(1px) rotate(8deg) scale(.91,1.1)}67%{transform:translateY(-7px) rotate(-4deg) scale(1.04,.97)}85%{transform:translateY(0) rotate(3deg) scale(.98,1.02)}100%{transform:translateY(0) rotate(0) scale(1)}}
@keyframes oilke-umbrella-pop{0%{opacity:0;transform:translate(-50%,16px) scale(.2) rotate(-20deg)}62%{opacity:1;transform:translate(-50%,-5px) scale(1.08) rotate(7deg)}82%{opacity:1;transform:translate(-50%,2px) scale(.96) rotate(-2deg)}100%{opacity:1;transform:translate(-50%,0) scale(1) rotate(0)}}
@keyframes oilke-buddy-spark{0%{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(0)}13%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(1.2) rotate(22deg)}}
@keyframes oilke-halo-pop{0%{opacity:0;transform:scale(.7)}35%{opacity:1}100%{opacity:0;transform:scale(1.13)}}
@keyframes oilke-tap-hint{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@media(min-width:1000px){.oilke-buddy-wrap{right:clamp(22px,2vw,34px)!important;bottom:clamp(92px,11vh,130px)!important;width:74px!important;height:104px!important}.buddy-parachute{width:72px;height:60px;top:-24%}.oilke-buddy-bubble{max-width:230px;font-size:12px}}
@media(min-width:701px) and (max-width:999px){.oilke-buddy-wrap{right:14px!important;bottom:98px!important;width:64px!important;height:90px!important}}
@media(max-width:700px){.roadmap-section{padding-top:60px}.roadmap-section .section-heading{display:block;margin-bottom:20px}.roadmap-section .section-heading h2{font-size:clamp(34px,9vw,43px);margin-bottom:12px}.roadmap-section .section-intro{font-size:13px;line-height:1.62;max-width:none}.roadmap-grid{grid-template-columns:minmax(0,1fr)!important;gap:12px}.roadmap-card{padding:16px 16px 17px;border-radius:14px}.roadmap-top{margin-bottom:13px}.roadmap-number{font-size:27px}.roadmap-state{max-width:48%;font-size:8px;padding:5px 7px}.roadmap-card h3{font-size:22px;line-height:1.1;margin-bottom:8px}.roadmap-card p{font-size:13px;line-height:1.58;margin-bottom:12px}.roadmap-card ul{gap:7px;margin-top:0}.roadmap-card li{font-size:12.5px;line-height:1.48;padding-left:16px}.roadmap-note{font-size:11.5px;line-height:1.58;padding:12px 13px}.oilke-buddy-wrap{right:8px!important;bottom:calc(88px + env(safe-area-inset-bottom))!important;width:49px!important;height:69px!important}.floating-oilke{animation-duration:5.9s}.oilke-buddy-bubble{right:71%;bottom:65%;max-width:min(205px,67vw);font-size:11px;padding:8px 10px}.oilke-buddy-tap{font-size:7px;padding:4px 5px}.buddy-parachute{width:50px;height:43px;top:-25%}.buddy-burst{inset:-17px -16px}.buddy-particle{font-size:13px}}
@media(max-width:390px){.roadmap-card{padding:15px 14px}.roadmap-card h3{font-size:21px}.roadmap-card p{font-size:12.5px}.roadmap-card li{font-size:12px}.oilke-buddy-wrap{width:46px!important;height:65px!important;right:6px!important}}
@media(prefers-reduced-motion:reduce){.oilke-buddy-wrap,.floating-oilke,.floating-oilke-glint,.oilke-buddy-tap,.roadmap-card:before{animation:none!important}.buddy-parachute{animation:none!important}.floating-oilke.show-parachute .buddy-parachute{opacity:1;transform:translate(-50%,0) scale(1)}.buddy-particle{animation:none!important;display:none!important}.oilke-buddy-bubble{transition:none!important}}


/* V10 interaction refinement: correct umbrella placement, drag affordance, and premium 3D controls. */
.oilke-buddy-wrap{z-index:999!important;overflow:visible;will-change:left,top;}
.floating-oilke{cursor:grab!important;user-select:none;-webkit-user-select:none;touch-action:none!important;filter:drop-shadow(0 7px 10px rgba(0,0,0,.48));}
.floating-oilke:active{cursor:grabbing!important;}
.oilke-buddy-wrap.buddy-dragging .floating-oilke{animation:none!important;cursor:grabbing!important;}
.oilke-buddy-wrap.buddy-dragging{filter:drop-shadow(0 0 12px rgba(255,189,24,.34));}
/* Umbrella canopy stays above the head; only the curved handle reaches the top of the mascot. */
/* Legacy umbrella offsets removed; V11 parachute placement is defined below. */
/* Tactile, raised buttons with a warm gold edge and responsive press feedback. */
.btn,.menu-toggle,.icon-button,.copy-caption,.wallet-option,.floating-oilke-tap{position:relative;isolation:isolate;}
.btn{border-width:1px;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 4px 0 rgba(65,39,0,.65),0 8px 20px rgba(0,0,0,.24);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;}
.btn-gold{border-color:#ffe27b;background:linear-gradient(155deg,#ffe777 0%,#ffc21a 34%,#ff9b00 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.58),inset 0 -2px 0 rgba(138,67,0,.2),0 4px 0 #8d4d00,0 8px 22px rgba(255,173,0,.18);}
.btn-outline,.btn-dark{box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 4px 0 #020407,0 8px 18px rgba(0,0,0,.2);}
.btn:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 6px 0 rgba(65,39,0,.65),0 13px 25px rgba(0,0,0,.28);}
.btn:active,.btn:focus-visible{transform:translateY(2px);box-shadow:inset 0 2px 5px rgba(0,0,0,.18),0 1px 0 rgba(65,39,0,.7);}
.menu-toggle{box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 3px 0 #030507;}
.copy-caption,.icon-button{box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 3px 0 #030507;transition:transform .18s ease,filter .18s ease;}
.copy-caption:active,.icon-button:active,.menu-toggle:active{transform:translateY(2px);}
.roadmap-card:nth-child(1){background:radial-gradient(ellipse at 90% 0%,rgba(255,189,24,.13),transparent 48%),linear-gradient(152deg,#171b22,#0b1016 70%);}
.roadmap-card:nth-child(2){background:radial-gradient(ellipse at 90% 0%,rgba(67,216,169,.095),transparent 48%),linear-gradient(152deg,#141d22,#0b1016 70%);}
.roadmap-card:nth-child(3){background:radial-gradient(ellipse at 90% 0%,rgba(174,124,255,.12),transparent 48%),linear-gradient(152deg,#191725,#0b1016 70%);}
.roadmap-card:nth-child(4){background:radial-gradient(ellipse at 90% 0%,rgba(255,105,166,.095),transparent 48%),linear-gradient(152deg,#201621,#0b1016 70%);}
.roadmap-card:nth-child(1):before{background:linear-gradient(90deg,#fff0a6,#ffbd18,transparent)}
.roadmap-card:nth-child(2):before{background:linear-gradient(90deg,#b9ffe3,#37d9a2,transparent)}
.roadmap-card:nth-child(3):before{background:linear-gradient(90deg,#e2d0ff,#a77cff,transparent)}
.roadmap-card:nth-child(4):before{background:linear-gradient(90deg,#ffd1e3,#ff69a6,transparent)}
@media(max-width:700px){.btn{min-height:45px;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 3px 0 rgba(65,39,0,.65),0 7px 15px rgba(0,0,0,.22)}.oilke-buddy-wrap{z-index:999!important}}
@media(prefers-reduced-motion:reduce){.btn,.copy-caption,.icon-button{transition:none!important}}


/* V11: autonomous floating and parachute interaction, responsive and reduced-motion aware. */
.oilke-buddy-wrap{transition:left 3.2s cubic-bezier(.22,.72,.24,1),top 3.2s cubic-bezier(.22,.72,.24,1)}
.oilke-buddy-wrap.buddy-dragging{transition:none!important}
.buddy-parachute{position:absolute;left:50%;top:-31%;width:76px;height:59px;z-index:6;opacity:0;transform:translate(-50%,12px) scale(.38) rotate(-8deg);transform-origin:50% 90%;pointer-events:none;filter:drop-shadow(0 4px 5px rgba(0,0,0,.36))}
.buddy-parachute svg{display:block;width:100%;height:100%;overflow:visible}
.floating-oilke.show-parachute .buddy-parachute{opacity:1;animation:oilke-parachute-pop .62s cubic-bezier(.2,.9,.25,1.28) both}
@keyframes oilke-parachute-pop{0%{opacity:0;transform:translate(-50%,18px) scale(.25) rotate(-12deg)}65%{opacity:1;transform:translate(-50%,-4px) scale(1.08) rotate(3deg)}100%{opacity:1;transform:translate(-50%,0) scale(1) rotate(0)}}
@media(min-width:1000px){.buddy-parachute{width:82px;height:64px;top:-29%}}
@media(min-width:701px) and (max-width:999px){.buddy-parachute{width:70px;height:55px;top:-30%}}
@media(max-width:700px){.buddy-parachute{width:55px;height:44px;top:-31%}}
@media(max-width:390px){.buddy-parachute{width:51px;height:41px;top:-31%}}
@media(prefers-reduced-motion:reduce){.oilke-buddy-wrap{transition:none!important}.buddy-parachute{animation:none!important}.floating-oilke.show-parachute .buddy-parachute{opacity:1;transform:translate(-50%,0) scale(1)}}


/* V12 FINAL POLISH — hierarchy, spacious roadmap, and a full parachute rig */
:root{--gold:#ffc21c;--gold2:#ff8e00;--text:#f7f5ef;--muted:#b0b7c2;--panel:#111820;--line:rgba(255,194,28,.24)}
body{font-size:15px;line-height:1.65;letter-spacing:-.01em}
main{isolation:isolate}
.section-wrap{width:min(var(--max),calc(100% - 48px));margin-inline:auto}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:36px;margin-bottom:28px}
.section-heading h2{max-width:760px;font-size:clamp(36px,4.3vw,60px);line-height:1.02;letter-spacing:-.045em;margin:0}
.section-heading .section-intro{max-width:430px;font-size:14px;line-height:1.7;color:var(--muted);margin:0 0 3px}
.eyebrow{letter-spacing:.16em;font-size:11px;line-height:1.45;font-weight:800}
.hero-lede{max-width:570px;font-size:clamp(17px,1.7vw,22px);line-height:1.55;color:#c5c9d0}
.panel,.token-card,.roadmap-card,.meme-card{backdrop-filter:blur(10px)}
.roadmap-section{padding-top:clamp(66px,8vw,112px);padding-bottom:clamp(64px,8vw,108px)}
.roadmap-section .section-heading{align-items:flex-end;gap:clamp(24px,4vw,64px);margin-bottom:clamp(24px,3.2vw,40px)}
.roadmap-section .section-heading h2{font-size:clamp(40px,5vw,64px);line-height:1.02;letter-spacing:-.045em}
.roadmap-section .section-intro{max-width:440px;font-size:14px;line-height:1.75}
.roadmap-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}
.roadmap-card{padding:clamp(22px,2.5vw,32px);border-radius:20px;background:radial-gradient(ellipse at 100% 0%,rgba(255,194,28,.07),transparent 42%),linear-gradient(145deg,#141b23 0%,#0a0e13 82%);border-color:rgba(255,194,28,.2);box-shadow:0 14px 35px rgba(0,0,0,.18);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}
.roadmap-card:before{height:3px;background:linear-gradient(90deg,#ffc21c,#ff8e00 36%,#b06cff 68%,#56e5c4)}
.roadmap-card:hover{transform:translateY(-4px);border-color:rgba(255,194,28,.48);box-shadow:0 18px 42px rgba(0,0,0,.28),0 0 24px rgba(255,194,28,.055)}
.roadmap-top{margin-bottom:22px}
.roadmap-number{font-size:clamp(30px,3.2vw,42px);text-shadow:0 0 20px rgba(255,194,28,.18)}
.roadmap-state{font-size:10px;letter-spacing:.09em;padding:7px 10px;border-radius:999px;background:rgba(255,194,28,.07);border:1px solid rgba(255,194,28,.18);white-space:nowrap}
.roadmap-card:nth-child(2) .roadmap-state{color:#ffd58a;border-color:rgba(255,174,0,.28);background:rgba(255,174,0,.07)}
.roadmap-card:nth-child(3) .roadmap-state{color:#d5b6ff;border-color:rgba(176,108,255,.3);background:rgba(176,108,255,.08)}
.roadmap-card:nth-child(4) .roadmap-state{color:#8ff3d7;border-color:rgba(86,229,196,.28);background:rgba(86,229,196,.07)}
.roadmap-card h3{font-size:clamp(25px,2.5vw,34px);line-height:1.12;letter-spacing:-.035em;margin:0 0 12px;max-width:22ch}
.roadmap-card p{font-size:15px;line-height:1.7;color:var(--muted);margin:0 0 17px;max-width:52ch}
.roadmap-card ul{display:grid;gap:10px;padding:0;margin:0;list-style:none}
.roadmap-card li{position:relative;padding-left:23px;font-size:14px;line-height:1.6;color:#e0e3e8}
.roadmap-card li:before{content:'✦';position:absolute;left:0;top:.05em;color:var(--gold);font-size:12px;text-shadow:0 0 10px rgba(255,194,28,.4)}
.roadmap-note{margin-top:20px;padding:15px 18px;border:1px solid rgba(255,194,28,.15);border-left:3px solid #ffc21c;border-radius:0 12px 12px 0;background:rgba(15,20,27,.8);font-size:12px;line-height:1.75;color:#aeb6c1}
/* The mascot is a tiny parachutist: canopy stays above the head, suspension lines reach the shoulders. */
.oilke-buddy-wrap{transition:left 3.8s cubic-bezier(.22,.72,.24,1),top 3.8s cubic-bezier(.22,.72,.24,1);will-change:left,top}
.oilke-buddy-wrap.buddy-dragging{transition:none!important}
.buddy-parachute{position:absolute;left:50%;top:-63%;width:94px;height:114px;z-index:6;opacity:1;transform:translate(-50%,0);transform-origin:50% 90%;pointer-events:none;filter:drop-shadow(0 4px 7px rgba(0,0,0,.38));animation:oilke-canopy-sway 4.8s ease-in-out infinite}
.buddy-parachute svg{display:block;width:100%;height:100%;overflow:visible}
.floating-oilke.show-parachute .buddy-parachute{animation:oilke-parachute-pop .62s cubic-bezier(.2,.9,.25,1.28) both,oilke-canopy-sway 4.8s ease-in-out .62s infinite}
@keyframes oilke-canopy-sway{0%,100%{transform:translate(-50%,0) rotate(-1.8deg)}50%{transform:translate(-50%,-2px) rotate(1.8deg)}}
@keyframes oilke-parachute-pop{0%{opacity:.6;transform:translate(-50%,12px) scale(.72) rotate(-8deg)}65%{opacity:1;transform:translate(-50%,-3px) scale(1.05) rotate(3deg)}100%{opacity:1;transform:translate(-50%,0) scale(1) rotate(0)}}
@media(min-width:1000px){.oilke-buddy-wrap{width:78px!important;height:106px!important}.buddy-parachute{width:104px;height:126px;top:-68%}}
@media(min-width:701px) and (max-width:999px){.roadmap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.buddy-parachute{width:88px;height:108px;top:-64%}}
@media(max-width:700px){.section-wrap{width:calc(100% - 32px)}.section-heading{display:block;margin-bottom:22px}.section-heading h2{font-size:clamp(34px,9vw,46px);margin-bottom:12px}.section-heading .section-intro{font-size:13px;line-height:1.65}.roadmap-section{padding-top:58px;padding-bottom:58px}.roadmap-section .section-heading{display:block;margin-bottom:22px}.roadmap-section .section-heading h2{font-size:clamp(36px,9.5vw,46px);margin-bottom:12px}.roadmap-section .section-intro{font-size:13px;line-height:1.7;max-width:none}.roadmap-grid{grid-template-columns:minmax(0,1fr)!important;gap:13px}.roadmap-card{padding:20px 18px 21px;border-radius:17px}.roadmap-top{margin-bottom:17px}.roadmap-number{font-size:32px}.roadmap-state{font-size:9px;padding:6px 9px}.roadmap-card h3{font-size:25px;line-height:1.12;margin-bottom:9px}.roadmap-card p{font-size:14px;line-height:1.65;margin-bottom:13px}.roadmap-card ul{gap:8px}.roadmap-card li{font-size:13px;line-height:1.55;padding-left:20px}.roadmap-note{font-size:11.5px;padding:12px 13px}.oilke-buddy-wrap{width:50px!important;height:70px!important;right:8px!important;bottom:calc(88px + env(safe-area-inset-bottom))!important}.buddy-parachute{width:67px;height:82px;top:-65%}.oilke-buddy-bubble{max-width:min(205px,67vw);font-size:11px}}
@media(max-width:390px){.roadmap-card{padding:17px 15px}.roadmap-card h3{font-size:23px}.buddy-parachute{width:61px;height:75px;top:-65%}}
@media(prefers-reduced-motion:reduce){.oilke-buddy-wrap,.buddy-parachute,.roadmap-card{transition:none!important;animation:none!important}.floating-oilke.show-parachute .buddy-parachute{opacity:1;transform:translate(-50%,0) scale(1)}.roadmap-card:hover{transform:none}}


/* FINAL MASCOT TUNE — no parachute; quicker smooth movement on mobile and desktop. */
.buddy-parachute{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}
.oilke-buddy-wrap{transition:left 1.65s cubic-bezier(.22,.72,.24,1),top 1.65s cubic-bezier(.22,.72,.24,1)!important;will-change:left,top}
.oilke-buddy-wrap.buddy-dragging{transition:none!important}
.floating-oilke{animation-duration:3.2s!important}
@media(max-width:700px){.oilke-buddy-wrap{transition:left 1.45s cubic-bezier(.22,.72,.24,1),top 1.45s cubic-bezier(.22,.72,.24,1)!important}.floating-oilke{animation-duration:2.8s!important}}
@media(prefers-reduced-motion:reduce){.oilke-buddy-wrap,.floating-oilke{transition:none!important;animation:none!important}}

/* V13 MOTION FINISH — restrained, premium motion for desktop and mobile */
:root{--motion-ease:cubic-bezier(.2,.75,.25,1)}
.site-header{transition:background .28s ease,border-color .28s ease,box-shadow .28s ease}
.site-header.scrolled{background:rgba(5,7,10,.96);border-bottom-color:rgba(255,189,24,.24);box-shadow:0 10px 30px rgba(0,0,0,.22)}
.btn,.icon-button,.wallet-option,.community-link,.copy-caption{position:relative;isolation:isolate;overflow:hidden;transition:transform .22s var(--motion-ease),border-color .22s ease,box-shadow .22s ease,filter .22s ease}
.btn:before,.copy-caption:before{content:"";position:absolute;inset:-40% auto -40% -65%;width:42%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);transform:skewX(-22deg);transition:left .65s var(--motion-ease);pointer-events:none;z-index:-1}
.btn:hover:before,.btn:focus-visible:before,.copy-caption:hover:before{left:130%}
.btn-gold{box-shadow:0 7px 18px rgba(255,170,0,.16),inset 0 1px 0 rgba(255,255,255,.35)}
.btn-gold:hover,.btn-gold:focus-visible{transform:translateY(-3px) scale(1.012);box-shadow:0 12px 28px rgba(255,170,0,.28),inset 0 1px 0 rgba(255,255,255,.45)}
.btn-outline:hover,.btn-dark:hover{border-color:rgba(255,189,24,.7);box-shadow:0 8px 24px rgba(255,189,24,.08)}
.hero-copy .eyebrow{animation:oilke-eyebrow-in .7s .08s both}
.hero h1{animation:oilke-title-in .85s .12s both}
.hero-lede{animation:oilke-copy-in .75s .22s both}
.hero-actions{animation:oilke-copy-in .75s .3s both}
.hero-pills{animation:oilke-copy-in .75s .4s both}
.hero-art-wrap .art-glow{animation:oilke-glow-breathe 5.5s ease-in-out infinite}
.hero-art-wrap:after{animation:oilke-orbit 30s linear infinite,oilke-orbit-breathe 5s ease-in-out infinite}
.token-card,.panel,.roadmap-card,.meme-card,.community-link{transition:transform .28s var(--motion-ease),border-color .28s ease,box-shadow .28s ease,background-color .28s ease}
.token-card:hover,.panel:hover{border-color:rgba(255,189,24,.34);box-shadow:0 20px 48px rgba(0,0,0,.32),0 0 26px rgba(255,189,24,.045)}
.roadmap-card{overflow:hidden}
.roadmap-card:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 15%,rgba(255,205,64,.045) 48%,transparent 72%);transform:translateX(-110%);transition:transform .8s var(--motion-ease);pointer-events:none}
.roadmap-card:hover:after{transform:translateX(110%)}
.roadmap-card .roadmap-number{transition:transform .25s var(--motion-ease),text-shadow .25s ease}
.roadmap-card:hover .roadmap-number{transform:translateY(-2px) scale(1.04);text-shadow:0 0 22px rgba(255,189,24,.38)}
.meme-card:hover,.community-link:hover{transform:translateY(-4px);border-color:rgba(255,189,24,.48);box-shadow:0 16px 32px rgba(0,0,0,.24),0 0 20px rgba(255,189,24,.055)}
.oilke-buddy-wrap{filter:drop-shadow(0 8px 18px rgba(255,166,0,.12))}
.floating-oilke{animation:oilke-buddy-drift 4.2s ease-in-out infinite!important;will-change:transform,filter}
.floating-oilke img{animation:oilke-mascot-breathe 2.8s ease-in-out infinite;backface-visibility:hidden}
.floating-oilke:hover img,.floating-oilke:focus-visible img{filter:drop-shadow(0 10px 12px rgba(0,0,0,.58)) drop-shadow(0 0 20px rgba(255,189,24,.55));}
.oilke-buddy-wrap.buddy-delighted{filter:drop-shadow(0 0 18px rgba(255,189,24,.34))}
.buddy-particle{filter:drop-shadow(0 2px 5px rgba(255,189,24,.28))}
@keyframes oilke-eyebrow-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@keyframes oilke-title-in{from{opacity:0;transform:translateY(18px) scale(.985);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
@keyframes oilke-copy-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes oilke-glow-breathe{0%,100%{opacity:.13;transform:scale(.92)}50%{opacity:.26;transform:scale(1.08)}}
@keyframes oilke-orbit-breathe{0%,100%{opacity:.65}50%{opacity:1}}
@keyframes oilke-mascot-breathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.025)}}
@media(min-width:701px){.floating-oilke{animation-duration:3.7s!important}.hero-art{animation-duration:5.6s}.roadmap-card:hover{transform:translateY(-5px)}}
@media(max-width:700px){.floating-oilke{animation-duration:3.4s!important}.floating-oilke img{animation-duration:2.5s}.hero-art-wrap:after{animation-duration:40s,5.5s}.btn:active{transform:translateY(1px) scale(.985)}.roadmap-card:after{display:none}.meme-card:hover,.community-link:hover{transform:translateY(-2px)}}
@media(prefers-reduced-motion:reduce){.site-header,.btn,.icon-button,.wallet-option,.community-link,.copy-caption,.token-card,.panel,.roadmap-card,.meme-card,.floating-oilke,.floating-oilke img,.hero-copy .eyebrow,.hero h1,.hero-lede,.hero-actions,.hero-pills,.hero-art-wrap .art-glow,.hero-art-wrap:after{animation:none!important;transition:none!important}.hero-copy .eyebrow,.hero h1,.hero-lede,.hero-actions,.hero-pills{opacity:1;transform:none;filter:none}.roadmap-card:after,.btn:before,.copy-caption:before{display:none}}


/* V14 responsive layout repair: hero artwork, readable token details, and non-obstructive mascot. */
.hero{
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  gap:clamp(24px,3vw,42px);
  min-height:0;
  padding-top:clamp(36px,5vw,66px);
  padding-bottom:clamp(38px,5vw,64px);
  align-items:center;
}
.hero-copy{max-width:620px;min-width:0;z-index:3}
.hero-copy .eyebrow{max-width:42ch;color:#ffd15a;line-height:1.6;text-wrap:pretty}
.hero h1{font-size:clamp(64px,7.3vw,108px);line-height:.9;letter-spacing:-.045em;max-width:100%;}
.title-subline{font-size:.42em;line-height:1.08;letter-spacing:.025em;margin-top:13px;color:#ffc21c;}
.hero-lede{max-width:29ch;font-size:clamp(18px,1.7vw,23px);line-height:1.55;margin:22px 0 24px;color:#d9dde3;text-wrap:pretty}
.hero-art-wrap{height:clamp(360px,43vw,560px);min-width:0;isolation:isolate;border-radius:26px;overflow:visible}
.hero-art-wrap:before{content:"";position:absolute;inset:5% 2%;z-index:-1;border-radius:50%;background:radial-gradient(ellipse at 52% 48%,rgba(255,157,0,.18),rgba(255,189,24,.06) 42%,transparent 72%);filter:blur(15px);pointer-events:none}
.hero-art-wrap:after{width:86%;height:80%;border-color:rgba(255,189,24,.22);box-shadow:0 0 55px rgba(255,157,0,.12),inset 0 0 36px rgba(255,189,24,.06)}
.hero-art{width:100%;max-width:680px;max-height:100%;height:100%;object-fit:contain;mask-image:radial-gradient(ellipse at center,#000 64%,rgba(0,0,0,.9) 78%,transparent 100%);filter:drop-shadow(0 22px 28px rgba(0,0,0,.56)) drop-shadow(0 0 24px rgba(255,157,0,.13));}
.art-stamp{right:2%;bottom:4%;font-size:clamp(15px,1.5vw,20px);}
.art-stamp b{font-size:clamp(22px,2.2vw,30px);}
.token-card{grid-column:1/-1;display:block;padding:clamp(18px,2.4vw,28px);}
.token-card .token-price{padding:16px 0 12px;}
.token-card .stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.token-card .text-link{margin-top:12px;}
/* The bonding-curve panel and token panel must never squeeze words into vertical letters. */
.token-details-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:clamp(14px,2vw,24px)}
.contract-panel,.curve-panel{min-width:0;}
.detail-row{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:14px;}
.detail-row span{min-width:0;line-height:1.5;}
.detail-row b{min-width:0;max-width:none;text-align:right;overflow-wrap:normal;word-break:normal;hyphens:none;line-height:1.45;}
.contract-panel .detail-row:nth-child(2){grid-template-columns:minmax(0,1fr) auto;gap:8px;}
.contract-panel .detail-row:nth-child(2) span{grid-column:1/-1;}
.contract-panel .detail-row:nth-child(2) b{grid-column:1;grid-row:2;text-align:left;max-width:100%;font-size:clamp(10px,.95vw,12px);overflow-wrap:anywhere;word-break:break-word;}
.contract-panel .detail-row:nth-child(2) .icon-button{grid-column:2;grid-row:2;justify-self:end;}
.curve-metrics{grid-template-columns:repeat(2,minmax(0,1fr));}
.curve-metrics>div{min-width:0;}
.curve-metrics b{overflow-wrap:normal;word-break:normal;line-height:1.5;}
/* Keep the playful buddy in a safe corner: it bobs and reacts without covering headings or figures. */
.oilke-buddy-wrap{left:auto!important;top:auto!important;right:clamp(10px,1.5vw,22px)!important;bottom:clamp(84px,10vh,118px)!important;width:clamp(48px,5.2vw,66px)!important;height:clamp(68px,7.4vw,92px)!important;transition:none!important;}
.floating-oilke{animation:oilke-buddy-safe-bob 4.8s ease-in-out infinite!important;}
@keyframes oilke-buddy-safe-bob{0%,100%{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-11px) rotate(1.5deg)}}
.oilke-buddy-wrap.buddy-dragging{transition:none!important}
@media(min-width:701px) and (max-width:1100px){
  .section-wrap{width:calc(100% - 44px)}
  .hero{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:24px;min-height:0}
  .hero-copy{max-width:none}
  .hero-art-wrap{height:clamp(300px,42vw,430px)}
  .hero h1{font-size:clamp(58px,7.4vw,84px)}
  .hero-lede{font-size:clamp(17px,2vw,20px);max-width:27ch}
  .token-card{display:block}
  .token-details-grid{grid-template-columns:minmax(0,1fr)}
  .contract-panel,.curve-panel{width:100%}
  .detail-row b{overflow-wrap:normal;word-break:normal}
}
@media(max-width:700px){
  .site-header{height:70px;padding-inline:14px;gap:10px}
  .main-nav{display:none;position:absolute;left:12px;right:12px;top:calc(100% + 8px);z-index:30;flex-direction:column;align-items:stretch;gap:0;border:1px solid rgba(255,189,24,.25);border-radius:14px;background:rgba(8,11,15,.98);box-shadow:0 18px 40px rgba(0,0,0,.45)}
  .main-nav.open{display:flex}
  .main-nav a{font-size:14px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.06)}
  .menu-toggle{display:block}
  .section-wrap{width:calc(100% - 30px)}
  .hero{grid-template-columns:minmax(0,1fr);gap:12px;padding-top:30px;padding-bottom:30px;}
  .hero-copy{max-width:none}
  .hero-copy .eyebrow{font-size:10px;letter-spacing:.12em;max-width:38ch}
  .hero h1{font-size:clamp(58px,15vw,82px);line-height:.92;letter-spacing:-.04em}
  .title-subline{font-size:.39em;margin-top:9px;line-height:1.12}
  .hero-lede{max-width:30ch;font-size:clamp(17px,4.7vw,20px);line-height:1.5;margin:15px 0 18px}
  .hero-actions{display:grid;grid-template-columns:1fr;gap:9px}
  .hero-actions .btn{width:100%;white-space:nowrap}
  .hero-pills{margin-top:14px;gap:6px}
  .hero-pills span{font-size:10px;padding:6px 8px}
  .hero-art-wrap{height:clamp(245px,72vw,360px);margin-top:0;border-radius:18px}
  .hero-art{width:100%;height:100%;max-height:none;mask-image:radial-gradient(ellipse at center,#000 68%,rgba(0,0,0,.88) 84%,transparent 100%)}
  .art-stamp{font-size:13px;right:2%;bottom:2%}.art-stamp b{font-size:20px}
  .token-card{grid-column:1;display:block;padding:16px;border-radius:16px}
  .token-card .stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:14px 0}
  .token-card .stat-grid b{font-size:12px;overflow-wrap:normal;word-break:normal}
  .token-price{padding:15px 0 12px}
  .token-symbol{font-size:32px}
  .token-price-note{font-size:12px}
  .section-block{padding-top:58px}
  .section-heading{display:block;gap:12px;margin-bottom:20px}
  .section-heading h2{font-size:clamp(35px,9.5vw,46px);line-height:1.02;margin-bottom:12px}
  .section-heading .section-intro,.section-intro{font-size:13px;line-height:1.65;margin-top:10px}
  .token-details-grid{grid-template-columns:minmax(0,1fr);gap:13px}
  .panel{padding:16px;border-radius:15px}
  .panel-heading{gap:8px;margin-bottom:15px;flex-wrap:nowrap}
  .panel-heading h3{font-size:15px;line-height:1.25;min-width:0}
  .detail-row{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:10px;padding:12px 0}
  .detail-row span{font-size:12px}
  .detail-row b{font-size:12px;overflow-wrap:normal;word-break:normal;max-width:none}
  .contract-panel .detail-row:nth-child(2) b{font-size:11px;line-height:1.55;overflow-wrap:anywhere;word-break:break-word}
  .contract-panel .detail-row:nth-child(2) .icon-button{justify-self:end}
  .curve-progress-head strong{font-size:38px}
  .curve-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .curve-metrics>div{padding:12px 9px}
  .curve-metrics b{font-size:13px;line-height:1.5}
  .oilke-buddy-wrap{right:7px!important;bottom:calc(84px + env(safe-area-inset-bottom))!important;width:47px!important;height:66px!important;left:auto!important;top:auto!important}
  .floating-oilke{animation-duration:4.2s!important}
}
@media(max-width:390px){
  .hero h1{font-size:clamp(54px,14.5vw,64px)}
  .hero-art-wrap{height:250px}
  .token-card .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .detail-row{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)}
  .oilke-buddy-wrap{width:43px!important;height:60px!important;right:5px!important}
}
@media(prefers-reduced-motion:reduce){
  .hero-copy .eyebrow,.hero h1,.hero-lede,.hero-actions,.hero-pills,.hero-art,.hero-art-wrap:after,.art-glow,.floating-oilke{animation:none!important;transition:none!important}
}

/* V15 HERO ART DIRECTION — balanced editorial layout for desktop and mobile */
.hero.section-wrap{
  width:min(1280px,calc(100% - 64px));
  grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
  gap:clamp(28px,4.2vw,68px);
  padding-top:clamp(48px,6vw,82px);
  padding-bottom:clamp(42px,5vw,68px);
  min-height:unset;
  align-items:center;
}
.hero-copy{width:100%;max-width:540px;min-width:0;padding:clamp(0px,.8vw,10px) 0;}
.hero-copy .eyebrow{display:flex;align-items:center;gap:9px;max-width:38ch;margin:0 0 24px;font-size:clamp(10px,.82vw,12px);line-height:1.55;letter-spacing:.14em;color:#ffd66d;}
.hero-copy .live-dot{flex:0 0 7px;margin:0;}
.hero h1{font-size:clamp(68px,7.3vw,112px);line-height:.83;letter-spacing:-.055em;margin:0;max-width:100%;text-wrap:balance;}
.title-subline{max-width:13ch;font-size:clamp(27px,3.05vw,44px);line-height:1.02;letter-spacing:-.015em;margin-top:18px;text-wrap:balance;}
.hero-lede{max-width:23ch;font-size:clamp(19px,1.72vw,25px);line-height:1.48;letter-spacing:-.025em;margin:26px 0 28px;color:#cbd0d8;text-wrap:pretty;}
.hero-actions{gap:12px;align-items:center;}
.hero-actions .btn{min-height:50px;padding-inline:20px;font-size:13px;border-radius:12px;}
.hero-actions .btn-gold{box-shadow:0 8px 24px rgba(255,177,0,.22),inset 0 1px 0 rgba(255,255,255,.42);}
.hero-pills{gap:8px;margin-top:23px;}
.hero-pills span{padding:8px 11px;font-size:10px;letter-spacing:.01em;border-color:rgba(255,194,28,.16);background:rgba(17,21,26,.82);}
.hero-art-wrap{height:clamp(390px,42vw,590px);width:100%;min-width:0;margin:0;border:1px solid rgba(255,194,28,.10);border-radius:28px;background:radial-gradient(ellipse at 54% 48%,rgba(255,164,0,.075),transparent 66%),linear-gradient(145deg,rgba(17,22,28,.42),rgba(6,8,11,.08));}
.hero-art-wrap:after{width:83%;height:78%;border-color:rgba(255,194,28,.16);box-shadow:0 0 42px rgba(255,157,0,.09),inset 0 0 28px rgba(255,189,24,.035);}
.hero-art{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;padding:clamp(8px,1.3vw,18px);mask-image:radial-gradient(ellipse at center,#000 68%,rgba(0,0,0,.92) 84%,transparent 100%);filter:drop-shadow(0 22px 30px rgba(0,0,0,.48)) drop-shadow(0 0 20px rgba(255,157,0,.10));}
.art-stamp{right:5%;bottom:5%;font-size:clamp(13px,1.2vw,18px);line-height:1.05;}
.art-stamp b{font-size:clamp(19px,2vw,27px);}
.hero .token-card{grid-column:1/-1;width:100%;}
@media(min-width:1200px){.hero-copy .eyebrow{margin-bottom:28px}.hero-lede{margin-top:30px}.hero-art-wrap{min-height:500px}}
@media(max-width:900px) and (min-width:701px){
 .hero.section-wrap{width:calc(100% - 42px);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:22px;padding-top:38px;padding-bottom:38px}
 .hero h1{font-size:clamp(58px,7.5vw,76px)}
 .title-subline{font-size:clamp(25px,3.5vw,32px);margin-top:14px}
 .hero-lede{font-size:clamp(17px,2.1vw,20px);margin:20px 0}
 .hero-actions .btn{padding-inline:12px;font-size:11px;min-height:44px}
 .hero-art-wrap{height:clamp(310px,43vw,400px)}
 .hero-pills span{font-size:9px;padding:6px 8px}
}
@media(max-width:700px){
 .hero.section-wrap{width:calc(100% - 32px);grid-template-columns:minmax(0,1fr);gap:15px;padding-top:31px;padding-bottom:30px}
 .hero-copy{grid-column:1;grid-row:1;max-width:none;padding:0}
 .hero-copy .eyebrow{font-size:9px;letter-spacing:.12em;max-width:34ch;margin-bottom:18px}
 .hero h1{font-size:clamp(66px,17vw,92px);line-height:.84;letter-spacing:-.055em}
 .title-subline{font-size:clamp(29px,8vw,39px);max-width:14ch;margin-top:13px;line-height:1.0}
 .hero-lede{font-size:clamp(18px,5vw,21px);line-height:1.48;max-width:25ch;margin:19px 0 21px}
 .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}
 .hero-actions .btn{width:100%;min-height:47px;padding:8px 10px;font-size:11px;white-space:normal;line-height:1.25}
 .hero-pills{margin-top:15px;gap:6px}
 .hero-pills span{font-size:9px;padding:6px 8px}
 .hero-art-wrap{grid-column:1;grid-row:2;height:clamp(250px,76vw,360px);min-height:0;border-radius:20px;margin:0}
 .hero-art{padding:6px;width:100%;height:100%;max-height:none;object-fit:contain;}
 .art-stamp{right:4%;bottom:4%;font-size:12px}.art-stamp b{font-size:18px}
 .hero .token-card{grid-column:1;grid-row:3;padding:16px}
}
@media(max-width:380px){
 .hero.section-wrap{width:calc(100% - 26px)}
 .hero h1{font-size:clamp(60px,17vw,68px)}
 .title-subline{font-size:27px}
 .hero-actions{grid-template-columns:1fr}
 .hero-art-wrap{height:245px}
}
@media(prefers-reduced-motion:reduce){.hero-art-wrap,.hero-art,.hero-copy .eyebrow,.hero h1,.hero-lede,.hero-actions,.hero-pills{animation:none!important;transition:none!important;transform:none!important}}


/* V11 — rebuilt hero composition: clean art, clear copy, no text baked into artwork */
.hero{
  position:relative; isolation:isolate; overflow:hidden;
  display:grid; grid-template-columns:minmax(0, .92fr) minmax(0, 1.08fr);
  grid-template-rows:auto auto; align-items:center;
  column-gap:clamp(24px,4vw,64px); row-gap:24px;
  min-height:unset; padding-top:clamp(54px,6vw,88px); padding-bottom:clamp(34px,4vw,58px);
}
.hero:before{content:"";position:absolute;z-index:-2;inset:0;background:radial-gradient(ellipse at 74% 37%,rgba(255,166,0,.12),transparent 42%),linear-gradient(115deg,#080a0d 10%,rgba(8,10,13,.94) 40%,rgba(8,10,13,.35) 100%);pointer-events:none}
.hero-copy{grid-column:1;grid-row:1;position:relative;z-index:3;max-width:590px;min-width:0;padding:clamp(10px,2vw,26px) 0}
.eyebrow{display:flex;align-items:center;flex-wrap:wrap;gap:9px;color:#ffd05a;font-size:clamp(10px,.9vw,13px);line-height:1.5;letter-spacing:.13em;font-weight:850}
.eyebrow-divider{color:#ffad00;opacity:.75}
.hero h1{font-size:clamp(58px,7.2vw,108px);line-height:.88;letter-spacing:-.055em;margin:22px 0 20px;max-width:100%;overflow-wrap:normal}
.title-dollar{color:#ffb900;text-shadow:0 5px 0 #7a3c00,0 0 25px rgba(255,176,0,.18)}
.title-subline{display:block;margin-top:15px;color:#ffbd24;font-size:clamp(22px,2.6vw,38px);line-height:1.05;letter-spacing:.025em;font-weight:950}
.hero-lede{max-width:430px;margin:0 0 27px;font-size:clamp(17px,1.45vw,21px);line-height:1.65;color:#c7ccd4}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.hero-actions .btn{min-height:48px;padding:0 21px;border-radius:13px;font-size:13px}
.btn{border-radius:12px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,filter .2s ease;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 3px 0 rgba(65,39,0,.72),0 9px 22px rgba(0,0,0,.26)}
.btn-gold{background:linear-gradient(135deg,#ffe36c 0%,#ffbd12 42%,#ff9200 100%);color:#171006;border:1px solid #ffd55a;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 3px 0 #8e4e00,0 8px 25px rgba(255,166,0,.2)}
.btn-outline{background:linear-gradient(145deg,rgba(20,27,35,.96),rgba(8,11,16,.98));border:1px solid rgba(255,192,40,.38);color:#f2f3f6;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 3px 0 #07090c,0 8px 18px rgba(0,0,0,.22)}
@media(hover:hover){.btn:hover{transform:translateY(-2px);filter:brightness(1.06)}.btn-gold:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 4px 0 #8e4e00,0 12px 28px rgba(255,166,0,.3)}}
.hero-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.hero-pills span{border:1px solid rgba(255,189,24,.18);background:rgba(17,21,27,.78);border-radius:999px;padding:8px 11px;color:#c7cbd2;font-size:10px;line-height:1.2;white-space:nowrap}
.hero-art-wrap{grid-column:2;grid-row:1;position:relative;z-index:1;width:100%;height:clamp(340px,37vw,520px);min-width:0;display:flex;align-items:center;justify-content:center;margin:0;overflow:visible;border-radius:24px;isolation:isolate}
.hero-art-wrap:before{content:"";position:absolute;inset:6% 2%;z-index:-1;border-radius:40%;background:radial-gradient(ellipse,rgba(255,166,0,.18),rgba(255,166,0,.04) 43%,transparent 72%);filter:blur(20px)}
.hero-art-wrap:after{content:"";position:absolute;z-index:1;inset:2%;border:1px solid rgba(255,189,24,.14);border-radius:22px;box-shadow:0 18px 55px rgba(0,0,0,.26),inset 0 0 0 5px rgba(255,255,255,.015);pointer-events:none;animation:hero-frame-glow 5s ease-in-out infinite}
.hero-art{display:block;position:relative;z-index:0;width:100%;height:100%;max-width:100%;max-height:none;object-fit:contain;object-position:center;mix-blend-mode:normal;border-radius:22px;filter:drop-shadow(0 24px 38px rgba(0,0,0,.34));animation:oilke-art-float 6.5s ease-in-out infinite}
.art-glow{position:absolute;inset:10%;z-index:-1;border-radius:50%;background:rgba(255,177,0,.11);filter:blur(36px)}
.art-caption{position:absolute;z-index:2;right:5%;bottom:5%;display:flex;flex-direction:column;align-items:flex-end;gap:1px;padding:10px 13px;border:1px solid rgba(255,194,45,.28);border-radius:12px;background:linear-gradient(135deg,rgba(7,10,14,.8),rgba(7,10,14,.35));backdrop-filter:blur(8px);text-shadow:0 2px 12px #000}
.art-caption span{font-size:9px;letter-spacing:.2em;color:#ffe2a0;font-weight:800}.art-caption b{font-size:clamp(16px,1.8vw,24px);letter-spacing:.04em;line-height:1;color:#ffc02a}.art-caption i{font-style:normal;font-size:8px;letter-spacing:.16em;color:#c5c9d0}
.token-card{grid-column:1/-1;grid-row:2;position:relative;z-index:3;width:100%;max-width:none;margin:0;padding:clamp(16px,2vw,24px);background:linear-gradient(125deg,rgba(17,23,31,.97),rgba(8,12,17,.96));border:1px solid rgba(255,189,24,.22);box-shadow:0 16px 42px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.035);border-radius:18px}
.card-topline{display:flex;align-items:center;gap:12px;min-width:0}.card-topline>div{min-width:0}.card-topline b{font-size:13px}.card-topline small{font-size:10px}.status-pill{margin-left:auto;flex-shrink:0}.token-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px;padding:17px 0 12px}.token-symbol{font-size:clamp(27px,3vw,38px);letter-spacing:-.04em}.token-price-note{font-size:12px;color:#a9b0bb}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:13px 0 16px;border-top:1px solid rgba(255,255,255,.08)}.stat-grid>div{min-width:0;display:flex;flex-direction:column;gap:7px}.stat-grid small{font-size:10px;color:#929aa6}.stat-grid b{font-size:clamp(12px,1.1vw,15px);overflow-wrap:anywhere}.contract-short{color:#ffc32a}.token-card .btn-full{max-width:none}.token-card .text-link{display:block;text-align:center;padding-top:13px;font-size:13px}
@keyframes hero-frame-glow{0%,100%{border-color:rgba(255,189,24,.11);box-shadow:0 18px 55px rgba(0,0,0,.26),inset 0 0 0 5px rgba(255,255,255,.015)}50%{border-color:rgba(255,189,24,.3);box-shadow:0 18px 55px rgba(0,0,0,.26),0 0 26px rgba(255,170,0,.07),inset 0 0 0 5px rgba(255,255,255,.02)}}
@media(min-width:1101px){.hero{min-height:0}.hero-copy{padding-block:24px}.hero-art-wrap{transform:translateX(1.5%)}.token-card .stat-grid{grid-template-columns:1.2fr .7fr .7fr}}
@media(min-width:701px) and (max-width:1100px){.hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px;padding-top:42px}.hero-copy{grid-column:1;grid-row:1}.hero-art-wrap{grid-column:2;grid-row:1;height:clamp(300px,40vw,420px)}.hero h1{font-size:clamp(58px,7vw,78px)}.hero-lede{font-size:17px}.hero-pills span{font-size:9px}.token-card{grid-column:1/-1;grid-row:2}}
@media(max-width:700px){
  .hero{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;gap:13px;padding-top:31px;padding-bottom:25px;overflow:hidden}
  .hero-copy{grid-column:1;grid-row:1;padding:8px 0 0;max-width:none}
  .eyebrow{font-size:9px;letter-spacing:.1em;gap:6px}
  .hero h1{font-size:clamp(61px,17vw,91px);line-height:.88;margin:18px 0 15px;letter-spacing:-.06em}
  .title-subline{font-size:clamp(23px,7vw,32px);margin-top:11px;letter-spacing:0}
  .hero-lede{font-size:16px;line-height:1.55;max-width:360px;margin:0 0 18px}
  .hero-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px}.hero-actions .btn{min-height:45px;padding:0 9px;font-size:11px;border-radius:11px}
  .hero-pills{gap:6px;margin-top:14px}.hero-pills span{font-size:9px;padding:7px 9px}
  .hero-art-wrap{grid-column:1;grid-row:2;height:clamp(230px,67vw,340px);margin:0 -2px;width:calc(100% + 4px);border-radius:17px}
  .hero-art{width:100%;height:100%;object-fit:cover;object-position:66% center;border-radius:17px;animation-duration:7s}
  .hero-art-wrap:after{inset:2%;border-radius:17px}.art-caption{right:5%;bottom:5%;padding:7px 9px}.art-caption span{font-size:7px}.art-caption b{font-size:17px}.art-caption i{font-size:6px}
  .token-card{grid-column:1;grid-row:3;padding:15px;border-radius:15px}.token-price{padding:13px 0 10px}.token-symbol{font-size:30px}.token-price-note{font-size:11px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:13px 0}.stat-grid>div:last-child{grid-column:1/-1}.stat-grid b{font-size:12px}.token-card .text-link{font-size:12px;padding-top:12px}
}
@media(max-width:390px){.hero-actions{grid-template-columns:1fr}.hero-art-wrap{height:230px}.hero-pills span{font-size:8px;padding:6px 8px}.hero h1{font-size:59px}.title-subline{font-size:22px}}
@media(prefers-reduced-motion:reduce){.hero-art,.hero-art-wrap:after{animation:none!important}}

/* FINAL POLISH — token information + bonding curve layout, with consistent site-wide motion */
:root{--motion-soft:cubic-bezier(.2,.75,.25,1)}
html{scroll-behavior:smooth}
.token-details-grid{display:grid!important;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;align-items:stretch!important;gap:clamp(16px,2vw,26px)!important}
.contract-panel,.curve-panel{width:100%;min-width:0;max-width:100%;padding:clamp(18px,2vw,26px)!important;overflow:hidden;border-color:rgba(255,189,24,.19);background:radial-gradient(ellipse at 100% 0%,rgba(255,189,24,.055),transparent 44%),linear-gradient(145deg,#121922 0%,#0b1016 72%,#090d12 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 18px 45px rgba(0,0,0,.22)}
.panel-heading{display:flex;align-items:center;gap:11px;min-width:0;margin-bottom:20px}
.panel-heading h3{min-width:0;margin:0;font-size:clamp(14px,1.2vw,17px);line-height:1.3;letter-spacing:-.015em}
.panel-icon{flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,189,24,.17);border-radius:11px;background:linear-gradient(145deg,rgba(255,189,24,.17),rgba(255,143,0,.05));color:#ffd15b;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.contract-panel .detail-row{display:grid;grid-template-columns:minmax(92px,.7fr) minmax(0,1.3fr)!important;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.075)}
.contract-panel .detail-row>span{color:#aeb6c1;font-size:clamp(12px,1vw,14px);line-height:1.45}
.contract-panel .detail-row>b{display:block;min-width:0;max-width:100%;text-align:right;font-size:clamp(12px,1vw,14px);line-height:1.5;white-space:normal;overflow-wrap:anywhere;word-break:normal;hyphens:none;color:#f3f4f6}
.contract-panel .detail-row:nth-child(2){grid-template-columns:minmax(0,1fr) 38px!important;gap:8px;padding:13px 0 16px}
.contract-panel .detail-row:nth-child(2)>span{grid-column:1/-1;font-size:12px;color:#aeb6c1}
.contract-panel .detail-row:nth-child(2)>b{grid-column:1;grid-row:2;text-align:left;color:#ffc52b;font-size:clamp(10px,.92vw,12px);letter-spacing:.005em;overflow-wrap:anywhere;word-break:break-word}
.contract-panel .detail-row:nth-child(2) .icon-button{grid-column:2;grid-row:2;justify-self:end;align-self:center}
.contract-panel .detail-row:nth-child(5)>b{color:#ffc52b}
.contract-panel>.btn{margin-top:19px;min-height:45px}
.curve-panel .panel-heading{margin-bottom:17px}
.curve-panel .badge{margin-left:auto;flex-shrink:0}
.curve-status-line{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:22px}
.curve-progress-head{align-items:end;gap:14px;margin-bottom:10px}
.curve-progress-head>div{min-width:0}.curve-progress-head small{display:block;color:#aeb6c1;font-size:11px;line-height:1.45}.curve-progress-head strong{display:block;color:#ffca27;font-size:clamp(36px,4vw,50px);line-height:1.05;letter-spacing:-.055em;margin-top:5px}
.curve-progress-head>span{color:#aeb6c1;font-size:11px;text-align:right;max-width:42%;padding-bottom:4px}
.curve-progress-track{height:10px;border-radius:99px;background:#080c11;border:1px solid #2b333d;overflow:hidden;box-shadow:inset 0 2px 4px rgba(0,0,0,.5)}
.curve-progress-track>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffe36b 0%,#ffbd18 55%,#ff8b00 100%);box-shadow:0 0 18px rgba(255,177,0,.26);animation:curve-progress-glow 3.8s ease-in-out infinite alternate}
.curve-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:17px}
.curve-metrics>div{min-width:0;padding:16px 15px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:linear-gradient(145deg,rgba(5,9,14,.72),rgba(12,17,23,.88));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.curve-metrics small{display:block;color:#aeb6c1;font-size:12px;line-height:1.45;margin-bottom:9px}
.curve-metrics b{display:block;color:#f6f6f3;font-size:clamp(15px,1.55vw,21px);line-height:1.45;overflow-wrap:anywhere;word-break:normal}
.curve-metrics em{color:#ffc329;font-style:normal;white-space:nowrap}
.curve-chart-wrap{margin-top:17px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(4,7,11,.48)}
.curve-chart-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}.curve-chart-top b{font-size:11px}.curve-chart-top small{font-size:10px;color:#8993a0;text-align:right}.curve-chart{display:block;width:100%;height:auto;max-height:145px;overflow:visible}
.curve-disclaimer{color:#aeb6c1;font-size:12px;line-height:1.65;margin:15px 0 17px}
.curve-panel>.btn{min-height:46px;white-space:normal;line-height:1.35}
/* Smooth but restrained motion across the complete page. */
@keyframes curve-progress-glow{from{filter:saturate(.92);box-shadow:0 0 9px rgba(255,177,0,.16)}to{filter:saturate(1.18);box-shadow:0 0 19px rgba(255,177,0,.36)}}
@keyframes ambient-drift{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(18px,-14px,0) scale(1.06)}}
@keyframes gold-edge-breathe{0%,100%{border-color:rgba(255,189,24,.16)}50%{border-color:rgba(255,189,24,.34)}}
.ambient-one{animation:ambient-drift 16s ease-in-out infinite}.ambient-two{animation:ambient-drift 20s ease-in-out -7s infinite}
.section-block{scroll-margin-top:92px}
.js-motion-ready .motion-reveal{opacity:0;transform:translateY(18px);filter:blur(2px);transition:opacity .7s var(--motion-soft),transform .7s var(--motion-soft),filter .7s var(--motion-soft);transition-delay:var(--motion-delay,0ms)}
.js-motion-ready .motion-reveal.is-visible{opacity:1;transform:translateY(0);filter:none}
.panel,.token-card,.roadmap-card,.meme-card,.community-link,.about-banner,.wallet-panel{transition:transform .32s var(--motion-soft),border-color .32s ease,box-shadow .32s ease,background-color .32s ease}
.btn,.icon-button,.copy-caption,.wallet-option{transition:transform .22s var(--motion-soft),box-shadow .25s ease,border-color .25s ease,filter .25s ease}
.btn:active,.icon-button:active,.copy-caption:active,.wallet-option:active{transform:translateY(1px) scale(.985)}
.panel:hover,.token-card:hover{border-color:rgba(255,189,24,.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 20px 48px rgba(0,0,0,.3),0 0 25px rgba(255,189,24,.035)}
.roadmap-card{animation:gold-edge-breathe 8s ease-in-out infinite}.roadmap-card:nth-child(2){animation-delay:-2s}.roadmap-card:nth-child(3){animation-delay:-4s}.roadmap-card:nth-child(4){animation-delay:-6s}
.curve-line{stroke-dasharray:900;stroke-dashoffset:0;animation:curve-draw 2.8s var(--motion-soft) both}
@keyframes curve-draw{from{stroke-dashoffset:900;opacity:.25}to{stroke-dashoffset:0;opacity:1}}
@media(min-width:1101px){.token-details-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important}.contract-panel .detail-row{grid-template-columns:minmax(110px,.7fr) minmax(0,1.3fr)!important}}
@media(min-width:701px) and (max-width:1100px){.token-details-grid{grid-template-columns:minmax(0,1fr)!important}.contract-panel,.curve-panel{width:100%}.contract-panel .detail-row{grid-template-columns:minmax(110px,.6fr) minmax(0,1.4fr)!important}.curve-metrics b{font-size:clamp(16px,2vw,21px)}}
@media(max-width:700px){.token-details-grid{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}.contract-panel,.curve-panel{padding:17px!important}.contract-panel .detail-row{grid-template-columns:minmax(82px,.68fr) minmax(0,1.32fr)!important;gap:12px;padding:14px 0}.contract-panel .detail-row>span{font-size:12px}.contract-panel .detail-row>b{font-size:12px}.contract-panel .detail-row:nth-child(2){grid-template-columns:minmax(0,1fr) 36px!important}.curve-progress-head strong{font-size:42px}.curve-metrics{gap:9px}.curve-metrics>div{padding:13px 11px}.curve-metrics small{font-size:11px}.curve-metrics b{font-size:clamp(14px,4vw,18px)}.curve-disclaimer{font-size:12px}.curve-chart-top{align-items:flex-start;flex-direction:column}.curve-chart-top small{text-align:left}.ambient-one,.ambient-two{animation-duration:22s}.roadmap-card{animation-duration:11s}}
@media(max-width:390px){.contract-panel,.curve-panel{padding:14px!important}.contract-panel .detail-row{grid-template-columns:minmax(74px,.65fr) minmax(0,1.35fr)!important;gap:8px}.contract-panel .detail-row>span{font-size:11px}.contract-panel .detail-row>b{font-size:11px}.curve-metrics>div{padding:11px 9px}.curve-metrics b{font-size:14px}}
@media(prefers-reduced-motion:reduce){.ambient-one,.ambient-two,.roadmap-card,.curve-progress-track>span,.curve-line{animation:none!important}.js-motion-ready .motion-reveal{opacity:1;transform:none;filter:none;transition:none}.panel,.token-card,.roadmap-card,.meme-card,.community-link,.about-banner,.wallet-panel,.btn,.icon-button,.copy-caption,.wallet-option{transition:none!important}}

/* V7 RESPONSIVE REPAIR — prevent narrow/touch screens from rendering the desktop layout */
@media (max-width: 900px), (pointer: coarse) and (max-width: 1100px) {
  .site-header{height:68px!important;padding:0 16px!important;gap:12px!important;display:flex!important;align-items:center!important}
  .brand{flex:0 0 auto!important;min-width:92px!important}
  .brand-mark{font-size:25px!important;line-height:.95!important}
  .brand-sub{font-size:7px!important;letter-spacing:1.5px!important}
  .menu-toggle{display:flex!important;flex:0 0 40px!important;width:40px!important;height:40px!important;margin-left:auto!important;align-items:center!important;justify-content:center!important}
  .main-nav{display:none!important;position:absolute!important;top:67px!important;left:12px!important;right:12px!important;z-index:100!important;padding:12px 16px 16px!important;grid-template-columns:1fr 1fr!important;gap:0 14px!important;border:1px solid rgba(255,189,24,.22)!important;border-radius:0 0 16px 16px!important;background:rgba(7,10,14,.98)!important;box-shadow:0 20px 40px rgba(0,0,0,.4)!important}
  .main-nav.open{display:grid!important}
  .main-nav a{display:block!important;padding:13px 2px!important;font-size:12px!important;line-height:1.3!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
  .header-actions .btn{min-height:39px!important;padding:0 12px!important;font-size:11px!important;white-space:nowrap!important}
  .hero{width:calc(100% - 32px)!important;max-width:720px!important;margin-inline:auto!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto auto!important;gap:18px!important;padding-top:30px!important;padding-bottom:26px!important;overflow:visible!important}
  .hero-copy{grid-column:1!important;grid-row:1!important;max-width:none!important;padding:4px 0 0!important}
  .hero-copy .eyebrow{font-size:10px!important;line-height:1.5!important;letter-spacing:.1em!important;margin:0 0 13px!important;max-width:38ch!important}
  .hero h1{font-size:clamp(54px,11vw,78px)!important;line-height:.9!important;letter-spacing:-.055em!important;margin:12px 0 15px!important}
  .hero .title-subline{display:block!important;font-size:.38em!important;line-height:1.08!important;margin-top:10px!important;letter-spacing:.015em!important}
  .hero-lede{max-width:36ch!important;font-size:clamp(16px,2.2vw,19px)!important;line-height:1.55!important;margin:0 0 18px!important}
  .hero-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .hero-actions .btn{width:100%!important;min-width:0!important;min-height:46px!important;padding:9px 10px!important;font-size:12px!important;line-height:1.3!important;white-space:normal!important}
  .hero-pills{display:flex!important;flex-wrap:wrap!important;gap:7px!important;margin-top:14px!important}
  .hero-pills span{font-size:10px!important;padding:7px 9px!important}
  .hero-art-wrap{grid-column:1!important;grid-row:2!important;width:100%!important;height:clamp(230px,55vw,360px)!important;min-height:0!important;margin:0!important;border-radius:18px!important;overflow:hidden!important}
  .hero-art{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:cover!important;object-position:66% center!important;padding:0!important;border-radius:18px!important}
  .art-caption{right:12px!important;bottom:12px!important;max-width:45%!important;padding:8px 10px!important}
  .hero .token-card{grid-column:1!important;grid-row:3!important;width:100%!important;max-width:none!important;min-width:0!important;padding:17px!important;border-radius:16px!important}
  .card-topline{gap:10px!important;flex-wrap:wrap!important}
  .token-price{display:flex!important;align-items:baseline!important;flex-wrap:wrap!important;gap:8px 12px!important;margin-top:14px!important}
  .token-price-note{font-size:12px!important;line-height:1.5!important}
  .stat-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;padding:14px 0!important}
  .stat-grid>div{min-width:0!important}
  .stat-grid small{font-size:10px!important}
  .stat-grid b{font-size:12px!important;line-height:1.4!important;overflow-wrap:anywhere!important}
  .token-details-grid{width:calc(100% - 32px)!important;max-width:720px!important;margin-inline:auto!important;grid-template-columns:minmax(0,1fr)!important;gap:14px!important}
  .contract-panel,.curve-panel{padding:18px!important;border-radius:16px!important;min-width:0!important}
  .panel-heading{gap:10px!important;margin-bottom:16px!important}
  .panel-heading h3{font-size:15px!important;line-height:1.35!important}
  .contract-panel .detail-row{grid-template-columns:minmax(92px,.72fr) minmax(0,1.28fr)!important;gap:12px!important;padding:13px 0!important}
  .contract-panel .detail-row>span{font-size:13px!important;line-height:1.45!important}
  .contract-panel .detail-row>b{font-size:13px!important;line-height:1.5!important;text-align:right!important;overflow-wrap:anywhere!important;word-break:normal!important}
  .contract-panel .detail-row:nth-child(2){grid-template-columns:minmax(0,1fr) 36px!important}
  .contract-panel .detail-row:nth-child(2)>span{grid-column:1/-1!important;font-size:12px!important}
  .contract-panel .detail-row:nth-child(2)>b{grid-column:1!important;grid-row:2!important;text-align:left!important;font-size:11px!important;overflow-wrap:anywhere!important}
  .contract-panel .detail-row:nth-child(2) .icon-button{grid-column:2!important;grid-row:2!important}
  .curve-progress-head strong{font-size:42px!important}
  .curve-progress-head small,.curve-progress-head>span{font-size:11px!important;line-height:1.45!important}
  .curve-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .curve-metrics>div{padding:13px 11px!important;min-width:0!important}
  .curve-metrics small{font-size:11px!important}
  .curve-metrics b{font-size:clamp(14px,2.4vw,18px)!important;line-height:1.45!important;overflow-wrap:anywhere!important}
  .curve-disclaimer{font-size:12px!important;line-height:1.65!important}
  .section-wrap,.section-block,.ticker-strip{max-width:100%!important}
  .section-heading{display:block!important;margin-bottom:20px!important}
  .section-heading h2{font-size:clamp(32px,6.5vw,44px)!important;line-height:1.08!important}
  .section-intro{font-size:13px!important;line-height:1.65!important}
}
@media (max-width: 420px) {
  .site-header{padding-inline:11px!important;gap:8px!important}
  .brand{min-width:78px!important}
  .brand-mark{font-size:22px!important}
  .header-actions .btn{padding-inline:9px!important;font-size:10px!important}
  .hero{width:calc(100% - 24px)!important;gap:14px!important}
  .hero h1{font-size:clamp(50px,13vw,62px)!important}
  .hero-actions{grid-template-columns:minmax(0,1fr)!important}
  .hero-art-wrap{height:235px!important}
  .hero .token-card{padding:14px!important}
  .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .stat-grid>div:last-child{grid-column:1/-1}
  .token-details-grid{width:calc(100% - 24px)!important}
  .contract-panel,.curve-panel{padding:14px!important}
  .contract-panel .detail-row{grid-template-columns:minmax(74px,.65fr) minmax(0,1.35fr)!important;gap:8px!important}
  .curve-metrics{grid-template-columns:minmax(0,1fr)!important}
}

/* V8 DESKTOP LAYOUT REPAIR — preserve mobile styling; correct wide-screen proportions */
@media (min-width: 1101px) {
  .site-header{width:100%;padding-inline:clamp(28px,5vw,84px);min-height:82px;gap:28px}
  .main-nav{display:flex;align-items:center;justify-content:center;gap:clamp(18px,2vw,34px);white-space:nowrap}
  .header-actions{flex:0 0 auto}
  .hero.section-wrap{width:min(1320px,calc(100% - 96px));margin-inline:auto;grid-template-columns:minmax(390px,.88fr) minmax(0,1.12fr);column-gap:clamp(38px,5vw,78px);row-gap:28px;padding-block:clamp(56px,6vw,92px)}
  .hero-copy{grid-column:1;grid-row:1;max-width:590px;padding:10px 0}
  .hero-copy .eyebrow{font-size:12px;max-width:none;white-space:normal;margin-bottom:24px}
  .hero h1{font-size:clamp(76px,6.4vw,106px);line-height:.88;letter-spacing:-.055em;max-width:100%;overflow-wrap:normal}
  .hero .title-subline{display:block;font-size:.37em;line-height:1.12;letter-spacing:.005em;margin-top:12px;white-space:nowrap}
  .hero-lede{max-width:30ch;font-size:clamp(19px,1.5vw,23px);line-height:1.55;margin:25px 0 28px}
  .hero-actions{display:flex;flex-wrap:wrap;gap:12px}
  .hero-actions .btn{width:auto;min-width:180px;white-space:nowrap;min-height:50px;padding-inline:20px;font-size:13px}
  .hero-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
  .hero-art-wrap{grid-column:2;grid-row:1;width:100%;height:auto;min-height:460px;aspect-ratio:1.18/1;max-height:610px;overflow:hidden;border-radius:26px;align-self:center}
  .hero-art{width:100%;height:100%;object-fit:contain;object-position:center;padding:8px;animation:oilke-art-float 6.5s ease-in-out infinite}
  .hero .token-card{grid-column:1/-1;grid-row:2;width:100%;max-width:none;padding:26px 30px}
  .section-block{width:min(1320px,calc(100% - 96px));margin-inline:auto;padding-block:clamp(60px,6vw,92px)}
  .section-heading{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);align-items:end;gap:clamp(28px,5vw,80px);margin-bottom:30px}
  .section-heading>div{min-width:0}
  .section-heading h2{font-size:clamp(38px,3.4vw,54px);line-height:1.06;max-width:19ch;text-wrap:balance}
  .section-intro{max-width:43ch;width:100%;justify-self:end;margin:0 0 4px;font-size:15px;line-height:1.75;color:#b9c0ca}
  .token-details-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:stretch;gap:22px;width:100%;max-width:none;margin:0}
  .contract-panel,.curve-panel{min-width:0;padding:clamp(24px,2.2vw,34px);border-radius:20px}
  .contract-panel .detail-row{display:grid;grid-template-columns:minmax(130px,.7fr) minmax(0,1.3fr) 36px;align-items:center;gap:18px;padding:20px 0}
  .contract-panel .detail-row>span{font-size:15px;line-height:1.5}
  .contract-panel .detail-row>b{font-size:15px;line-height:1.5;text-align:right;overflow-wrap:anywhere}
  .contract-panel .detail-row:nth-child(2)>span{grid-column:1/-1;font-size:12px}
  .contract-panel .detail-row:nth-child(2)>b{grid-column:1/3;text-align:left;font-size:13px;overflow-wrap:anywhere}
  .contract-panel .detail-row:nth-child(2) .icon-button{grid-column:3}
  .curve-progress-head strong{font-size:clamp(42px,3.8vw,58px)}
  .curve-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .curve-metrics>div{min-width:0;padding:20px}
  .curve-metrics b{font-size:clamp(18px,1.65vw,24px);line-height:1.4;overflow-wrap:anywhere}
  .curve-disclaimer{font-size:14px;line-height:1.75;max-width:70ch}
}
/* Laptop / desktop browser zoom fallback: keep headings and cards from colliding */
@media (min-width: 901px) and (max-width: 1100px) {
  .section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.8fr);gap:24px;align-items:end}
  .section-heading h2{font-size:clamp(30px,3.7vw,42px);line-height:1.08}
  .section-intro{max-width:38ch;font-size:13px;line-height:1.65;margin:0}
  .hero.section-wrap{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:22px;width:calc(100% - 48px)}
  .hero h1{font-size:clamp(54px,6.2vw,70px)}
  .hero .title-subline{font-size:.35em;white-space:normal}
  .hero-art-wrap{height:clamp(300px,36vw,390px)}
  .token-details-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
  .contract-panel,.curve-panel{padding:18px}
  .contract-panel .detail-row{grid-template-columns:minmax(90px,.7fr) minmax(0,1.3fr);gap:10px}
  .contract-panel .detail-row>b{font-size:12px;overflow-wrap:anywhere}
  .curve-metrics{grid-template-columns:minmax(0,1fr)}
}

/* V9 FINAL DESKTOP TYPOGRAPHY + GRID SAFETY PATCH
   Keep desktop/laptop content aligned and prevent long labels from forcing narrow columns. */
@media (min-width: 901px) {
  html, body { min-width: 0; }
  .site-header { min-width: 0; }
  .hero.section-wrap {
    display: grid !important;
    grid-template-columns: minmax(300px, .88fr) minmax(0, 1.12fr) !important;
    column-gap: clamp(24px, 4vw, 64px) !important;
    row-gap: 26px !important;
    align-items: center !important;
    width: min(1320px, calc(100% - 64px)) !important;
    min-height: 0 !important;
    margin-inline: auto !important;
  }
  .hero-copy { grid-column: 1 !important; grid-row: 1 !important; min-width: 0 !important; max-width: 600px !important; }
  .hero h1 { font-size: clamp(62px, 6.2vw, 100px) !important; line-height: .9 !important; letter-spacing: -.045em !important; overflow-wrap: normal !important; }
  .hero .title-subline { font-size: .36em !important; line-height: 1.12 !important; white-space: normal !important; max-width: 100% !important; }
  .hero-lede { max-width: 34ch !important; font-size: clamp(17px, 1.45vw, 22px) !important; line-height: 1.55 !important; }
  .hero-art-wrap { grid-column: 2 !important; grid-row: 1 !important; width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 350px !important; max-height: 580px !important; aspect-ratio: 1.18 / 1 !important; margin: 0 !important; }
  .hero-art { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 580px !important; object-fit: contain !important; object-position: center !important; padding: 0 !important; }
  .hero .token-card { grid-column: 1 / -1 !important; grid-row: 2 !important; width: 100% !important; max-width: none !important; min-width: 0 !important; }
  .section-block { width: min(1320px, calc(100% - 64px)) !important; margin-inline: auto !important; min-width: 0 !important; }
  .section-heading { display: grid !important; grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr) !important; align-items: end !important; gap: clamp(24px, 4vw, 64px) !important; }
  .section-heading > div, .section-heading h2, .section-heading .section-intro { min-width: 0 !important; }
  .section-heading h2 { max-width: 20ch !important; font-size: clamp(34px, 3.4vw, 54px) !important; line-height: 1.07 !important; overflow-wrap: normal !important; text-wrap: balance; }
  .section-heading .section-intro { justify-self: end !important; width: 100% !important; max-width: 44ch !important; margin: 0 0 4px !important; font-size: clamp(13px, 1vw, 15px) !important; line-height: 1.75 !important; }
  .token-details-grid { display: grid !important; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr) !important; gap: clamp(16px, 2vw, 26px) !important; width: 100% !important; max-width: none !important; align-items: stretch !important; }
  .contract-panel, .curve-panel { width: 100% !important; min-width: 0 !important; }
  .contract-panel .detail-row { grid-template-columns: minmax(100px, .7fr) minmax(0, 1.3fr) 32px !important; gap: 12px !important; }
  .contract-panel .detail-row > b { max-width: none !important; min-width: 0 !important; text-align: right !important; overflow-wrap: anywhere !important; word-break: normal !important; }
  .contract-panel .detail-row:nth-child(2) > b { grid-column: 1 / 3 !important; text-align: left !important; }
  .curve-metrics { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; }
  .curve-metrics > div { min-width: 0 !important; }
  .curve-metrics b { font-size: clamp(16px, 1.5vw, 23px) !important; line-height: 1.4 !important; overflow-wrap: anywhere !important; }
}
@media (min-width: 901px) and (max-width: 1100px) {
  .site-header { padding-inline: 22px !important; gap: 16px !important; }
  .main-nav { gap: clamp(8px, 1.25vw, 14px) !important; }
  .main-nav a { font-size: 10px !important; }
  .hero.section-wrap, .section-block { width: calc(100% - 48px) !important; }
  .hero.section-wrap { grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr) !important; column-gap: 22px !important; padding-block: 44px !important; }
  .hero h1 { font-size: clamp(54px, 6vw, 68px) !important; }
  .hero-art-wrap { min-height: 300px !important; }
  .section-heading { grid-template-columns: minmax(0, 1fr) minmax(220px, .85fr) !important; gap: 22px !important; }
  .section-heading h2 { font-size: clamp(30px, 3.6vw, 40px) !important; }
  .section-heading .section-intro { font-size: 12px !important; }
  .token-details-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; gap: 14px !important; }
  .contract-panel, .curve-panel { padding: 18px !important; }
  .contract-panel .detail-row { grid-template-columns: minmax(82px, .65fr) minmax(0, 1.35fr) 28px !important; gap: 8px !important; }
  .contract-panel .detail-row > span, .contract-panel .detail-row > b { font-size: 11px !important; }
  .curve-metrics b { font-size: 16px !important; }
}