/* Flipside visual-first pass: supplied coin, existing character art, exact economic geometry. */
.energy-home h2, .energy-token h2 { font-size: clamp(2.5rem, 4.8vw, 4.75rem); line-height: 1.08; letter-spacing: -.035em; }
.energy-home .hero-sub { max-width: 34ch; }
.culture-story { grid-template-columns: .85fr 1.15fr; gap: 48px; align-items: center; }
.culture-story > div { min-width: 0; }
.culture-story p { font-size: 1.25rem; color: #b7c6bc; margin-block: 26px; }
.culture-story > img { width: 100%; height: auto; border-radius: 14px; }
.energy-home .steps p, .energy-home .roadmap p { font-size: 1.0625rem; }
.energy-home .utility-preview-list svg { width: 112px; height: 84px; }
.energy-home .utility-preview-list h4 { font-size: 1.25rem; }
.energy-home .utility-preview-list p { font-size: 1rem; }
.energy-home .safety-list .energy-details { margin: 0; padding-block: 22px; }
.energy-home .safety-list summary { font-size: 1.25rem; }
.energy-token .token-hero { padding-block: 54px 48px; }
.energy-token .token-hero h1 { font-size: clamp(3.5rem, 6.3vw, 6rem); }
.energy-token .token-hero-lead { font-size: 1.375rem; }
.energy-token .token-edition { font-size: .875rem; }
.token-hero-art { position: relative; }
.token-spin-stage { width: 100%; aspect-ratio: 1; display: grid; place-items: center; overflow: clip; }
.token-spin-stage .spinning-token { width: 88%; height: auto; animation: token-turn 6s linear infinite; animation-play-state: paused; }
[data-token-spin][data-running="true"] .spinning-token { animation-play-state: running; }
/* Linear full turns share the same start/end orientation; pause preserves the current phase. */
@keyframes token-turn { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
.energy-token .token-summary dd { font-size: 1.125rem; }
.energy-token .token-summary > p { font-size: .875rem; }
.energy-section-heading { display: flex; align-items: end; justify-content: space-between; flex-wrap: wrap; gap: 24px; margin-bottom: 56px; }
.energy-section-heading > p { color: #b7c6bc; font-size: 1rem; }
.fee-feature { display: grid; grid-template-columns: 1fr 1.15fr; align-items: center; gap: 64px; }
.fee-feature h3, .tools-feature h3 { font-size: clamp(2.25rem, 3.4vw, 3.5rem); line-height: 1.12; letter-spacing: -.03em; }
.fee-feature p { color: #b7c6bc; font-size: 1.125rem; margin-block: 20px; max-width: 32ch; }
.fee-podium { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; align-items: end; }
.fee-podium > div { display: grid; align-items: end; gap: 16px; min-width: 0; }
.fee-podium span { font-size: .9375rem; color: #b7c6bc; }
.fee-podium strong { font-size: clamp(1.6rem, 2.6vw, 2.7rem); line-height: 1.2; font-variant-numeric: tabular-nums; white-space: nowrap; }
.fee-podium small { font-size: .875rem; font-weight: 450; }
.tier-bar { border-top: 2px solid #8de3ac; background: #193b25; height: 180px; }
.tier-member .tier-bar { height: 144px; background: #275638; }
.tier-pro .tier-bar { height: 90px; background: #5fbd77; }
.tier-pro strong, .tier-pro > span:last-child { color: #8de3ac; }
.feature-note { color: #b7c6bc; font-size: .9375rem; line-height: 1.65; margin-top: 26px; max-width: 88ch; }
.tools-feature { display: grid; grid-template-columns: 1.1fr 1fr; align-items: center; gap: 64px; margin-top: 72px; padding-top: 56px; border-top: 1px solid #303e34; }
.tools-feature > img { width: 100%; height: auto; border-radius: 14px; }
.tools-feature > div { min-width: 0; }
.tool-promises { list-style: none; padding: 0; margin: 32px 0; display: grid; gap: 26px; }
.tool-promises li { display: flex; align-items: center; gap: 20px; }
.energy-icon { width: 80px; height: 64px; flex-shrink: 0; color: #8de3ac; stroke: currentColor; stroke-width: 1.6; stroke-linejoin: round; stroke-linecap: round; }
.tool-promises strong { display: block; font-size: 1.125rem; }
.tool-promises span { display: block; margin-top: 6px; font-size: 1rem; color: #b7c6bc; }
.energy-token .buyback-section { background: #0e1912; }
.burn-visual { display: grid; grid-template-columns: .8fr 1.2fr; gap: 80px; align-items: center; }
.burn-coin { position: relative; max-width: 350px; padding-bottom: 40px; margin-inline: auto; }
.burn-coin img { width: 100%; height: auto; }
.burn-coin .energy-icon { position: absolute; width: 120px; height: 110px; left: calc(50% - 60px); bottom: 0; color: #f5b16d; fill: #38251a; stroke-width: 1; }
.burn-budget > strong { display: block; color: #8de3ac; font-size: clamp(5rem, 8vw, 8rem); font-weight: 700; line-height: 1; letter-spacing: -.04em; }
.burn-budget > strong span { font-size: .65em; }
.burn-budget h3 { font-size: 1.625rem; margin-top: 18px; line-height: 1.3; }
.burn-budget p { font-size: 1.0625rem; color: #b7c6bc; margin-top: 16px; }
.budget-bar { display: grid; grid-template-columns: 1fr 1fr; gap: 3px; height: 20px; margin-top: 30px; }
.budget-bar span:first-child { background: #8de3ac; }
.budget-bar span:last-child { background: #45654f; }
.budget-labels { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; color: #c8d6cc; font-size: .875rem; margin-top: 12px; }
/* 1280px / DPR3: all three heading ink tops340; bottoms402/403/403 in both Chromium and WebKit. */
.buyback-path { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 50px; list-style: none; margin: 64px 0 44px; padding: 0; }
.buyback-path li { position: relative; border-top: 1px solid #3d5745; padding-top: 24px; }
.buyback-path li:not(:last-child)::after { content: ''; position: absolute; top: -4px; right: 0; width: 7px; height: 7px; border-top: 1px solid #8de3ac; border-right: 1px solid #8de3ac; transform: rotate(45deg); }
.buyback-path strong { display: block; font-size: 1.375rem; margin-top: 16px; line-height: 1.4; }
.buyback-path span { display: block; font-size: 1rem; color: #b7c6bc; margin-top: 8px; }
.activation-tiles { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 50px; padding-block: 34px; border-block: 1px solid #3d5745; }
/* 1280px/DPR3 description ink tops: Chromium399/399/399; WebKit403/403/403. */
.activation-tiles > div { min-width: 0; display: grid; grid-row: span 2; grid-template-rows: subgrid; row-gap: 12px; }
.activation-heading { display: flex; flex-direction: column; align-items: start; justify-content: end; }
.activation-tiles strong { display: block; font-size: 3.75rem; line-height: 1.2; font-weight: 650; color: #8de3ac; }
.activation-tiles small { font-size: 1.125rem; }
.activation-tiles .activation-label { font-size: 1.125rem; margin-block: 12px 0; }
.activation-tiles > div > span { display: block; font-size: 1rem; margin-top: 0; color: #b7c6bc; }
.activation-tiles .energy-icon { height: 45px; width: 56px; }
.energy-details { border-top: 1px solid #34463a; padding-block: 20px; margin-top: 28px; }
.energy-details summary { display: list-item; list-style-position: outside; margin-left: 20px; padding: 8px 0; cursor: pointer; font-size: 1rem; font-weight: 600; color: #dce8e0; }
.energy-details summary::marker { color: #8de3ac; }
.energy-details p { font-size: 1rem; line-height: 1.75; color: #b7c6bc; padding-top: 18px; max-width: 76ch; }
.energy-details .text-link { margin-top: 12px; }
.energy-token .status-heading { align-items: start; }
.energy-token .release-list p { font-size: 1.125rem; line-height: 1.65; }
.energy-token .release-list .energy-details p { font-size: 1rem; }
.energy-token .release-list h3 { font-size: 1.75rem; }
.energy-token .paper-invitation h2 { font-size: clamp(2.5rem,4.2vw,4.5rem); }
.energy-token .token-risk p { font-size: 1rem; }
/* The full economic specification stays in native details; figures and conditions lead. */
.paper-page .paper-heading h1 { font-size: clamp(3.5rem, 5.7vw, 6rem); }
.paper-page .paper-heading .paper-intro { font-size: 1.375rem; max-width: 32ch; }
.paper-page .paper-cover-art img { width: 100%; max-width: none; border-radius: 14px; }
.paper-reading-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 14px 28px; }
.paper-reading-actions .button { font-size: .9375rem; }
.paper-page .paper-body h2 { font-size: clamp(2.25rem, 3.4vw, 3.5rem); }
.paper-page .paper-figure h3 { font-size: 1.375rem; }
.paper-page .paper-lead { font-size: 1.25rem; }
.paper-specification { margin-top: 30px; border-block: 1px solid #34423a; padding: 6px 0; }
.paper-specification summary { padding: 17px 0; font-size: 1rem; color: #8de3ac; font-weight: 600; cursor: pointer; list-style-position: inside; }
.paper-specification summary::marker { color: #8de3ac; }
.paper-specification[open] { padding-bottom: 26px; }
.paper-specification .specification-lead { margin: 20px 0; }
.paper-specification p { font-size: 1rem; }
.paper-page .paper-icon { width: 96px; height: 76px; }
.paper-page .diagram-node .paper-icon { max-width: 100%; }
.paper-page .paper-figure .figure-note { font-size: .9375rem; }
.paper-page .diagram-node > span, .paper-page .chart-row-label > span, .paper-page .surplus-flow small, .paper-page .roadmap-status, .paper-page .paper-roadmap p { font-size: .9375rem; }
.paper-page .paper-figure .figure-state { font-size: .8125rem; }
.purpose-art { width: 100%; height: auto; border-radius: 12px; margin-block: 24px 0; }
@media(max-width:1100px) {
 .fee-feature, .tools-feature, .burn-visual { gap: 36px; }
 .buyback-path, .activation-tiles { gap: 28px; }
 .fee-podium { gap: 16px; }
}
@media(max-width:800px) {
 .culture-story, .fee-feature, .tools-feature { grid-template-columns: 1fr; gap: 36px; }
 .culture-story > img { max-width: 640px; }
 .fee-podium { max-width: 600px; width: 100%; }
 .tools-feature { margin-top: 48px; padding-top: 40px; }
 .burn-visual { grid-template-columns: .65fr 1fr; gap: 28px; }
 .buyback-path { gap: 24px; }
 .buyback-path strong { font-size: 1.125rem; }
 .activation-tiles { grid-template-columns: 1fr; gap: 26px; }
 .activation-tiles > div { grid-row: auto; grid-template-rows: auto; display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); align-items: center; gap: 0 24px; }
 .activation-tiles > div:last-child .energy-icon { display: none; }
 .activation-tiles .activation-label { margin: 0; }
 .activation-tiles > div > span { margin: 0; }
 .energy-token .token-hero { grid-template-columns: 1fr 1fr; gap: 12px; }
 .energy-token .token-hero h1 { font-size: clamp(3rem,7vw,5rem); }
 .energy-token .token-hero-lead { font-size: 1.125rem; }
}
@media(max-width:600px) {
 .energy-home h2, .energy-token h2 { font-size: clamp(2.5rem,10vw,3.75rem); }
 .culture-story p { font-size: 1.125rem; margin-block: 22px; }
 .energy-token .token-hero { grid-template-columns: 1fr; padding-block: 40px 24px; }
 .energy-token .token-hero h1 { font-size: clamp(3.5rem,14vw,5rem); }
 .energy-token .token-hero-art { width: min(100%,360px); margin: 12px auto 0; }
 .energy-token .token-hero-lead { font-size: 1.25rem; }
 .energy-section-heading { margin-bottom: 36px; gap: 20px; }
 .fee-podium { gap: 14px; }
 .fee-podium strong { font-size: 1.75rem; }
 .fee-podium span { font-size: .8125rem; }
 .fee-podium small { font-size: .75rem; }
 .tier-bar { height: 140px; }
 .tier-member .tier-bar { height: 112px; }
 .tier-pro .tier-bar { height: 70px; }
 .burn-visual { grid-template-columns: 1fr; gap: 24px; }
 .burn-coin { max-width: 240px; }
 .burn-budget > strong { font-size: 6rem; }
 .burn-budget h3 { font-size: 1.375rem; }
 .buyback-path { grid-template-columns: 1fr; gap: 24px; margin-block: 40px; }
 .buyback-path li { display: grid; grid-template-columns: 64px minmax(0,1fr); align-items: start; column-gap: 20px; }
 .buyback-path .energy-icon { grid-row: 1 / 3; width: 64px; }
 .buyback-path strong { margin: 0; font-size: 1.25rem; }
 .buyback-path span { grid-column: 2; }
 .buyback-path li:not(:last-child)::after { display: none; }
 .activation-tiles strong { font-size: 3rem; }
 .activation-tiles small { font-size: 1rem; }
 .tool-promises .energy-icon { width: 56px; }
 .paper-page .paper-cover-art { display: block; }
 .paper-page .paper-cover-art img { max-width: 400px; }
 .paper-page .paper-heading h1 { font-size: clamp(3rem,12vw,4.5rem); }
 .paper-page .paper-heading { padding-block: 40px 28px; }
 .paper-page .paper-figure h3 { font-size: 1.25rem; }
 .paper-page .paper-body h2 { font-size: 2.25rem; }
 .paper-page .paper-lead { font-size: 1.125rem; }
}
@media(prefers-reduced-motion:reduce) {
 .token-spin-stage .spinning-token { animation: none; }
}
/* Reflow follows actual text size, including browser 200% text settings. */
.energy-home h2, .energy-token h2, .energy-details, .activation-tiles { overflow-wrap: anywhere; }
.energy-home .safety > *, .fee-feature > *, .burn-visual > * { min-width: 0; }
.energy-home .utility-preview-list li { grid-template-columns: minmax(0,1fr); }
.fee-podium { container-type: inline-size; }
.paper-page .chapter-heading { grid-template-columns: 2.25rem minmax(0,1fr); }
.paper-page .paper-toc a, .paper-page .paper-toc-mobile a { grid-template-columns: 1.75rem minmax(0,1fr); }
.paper-page .paper-toc .toc-status { display: block; }
.paper-page .paper-flow li { grid-template-columns: minmax(0,1fr); gap: 8px; }
@container (max-width:20rem) {
 .fee-podium > div { grid-column: 1 / -1; }
}
@media(max-width:600px) {
 .burn-budget > strong { font-size: clamp(4.5rem,20vw,6rem); }
 .energy-home .utility-preview-list li { grid-template-columns: 80px minmax(0,1fr); }
 .energy-home .utility-preview-list svg { width: 80px; height: 60px; }
}

/* Decorative SVG lettering scales with its viewBox, independently of surrounding prose. */
.energy-home .step-diagram text { font-size: 14px; }
/* Founder-approved V2 concept: actual app capture, explicitly illustrative social content. */
.social-showcase { display:grid; grid-template-columns:1.1fr .9fr; gap:60px; align-items:center; }
.social-showcase > * { min-width:0; }
.energy-home .social-showcase h2 { font-size:clamp(2.5rem,4vw,4rem); }
.social-showcase p { font-size:1.125rem; line-height:1.7; margin-top:24px; color:#b7c6bc; }
.social-coming { padding-left:48px; border-left:1px solid #303e34; }
.social-coming h3 { font-size:2rem; line-height:1.2; }
.feature-status { display:block; font-size:1rem; color:#8de3ac; margin-top:16px; }
.social-showcase .button { margin-top:32px; }
@media(max-width:700px) { .social-showcase { grid-template-columns:1fr; gap:40px; }.social-coming { padding:32px 0 0; border-left:0; border-top:1px solid #303e34; } }

.social-preview-capture { grid-column:1/-1; margin:0; }
.social-preview-capture a { display:block; border:1px solid #303e34; border-radius:12px; overflow:hidden; }
.social-preview-capture img { display:block; width:100%; height:auto; }
.social-preview-capture a:focus-visible { outline:2px solid #8de3ac; outline-offset:6px; }
.social-preview-capture figcaption { display:flex; justify-content:space-between; gap:12px 24px; margin-top:16px; color:#b7c6bc; font-size:.875rem; line-height:1.6; }
@media(max-width:700px) { .social-preview-capture figcaption { flex-direction:column; gap:4px; } }

/* Social preview: stack copy before the CTA becomes narrow; keep phone capture at native UI scale. */
@media(max-width:900px) { .social-showcase { grid-template-columns:1fr; gap:40px; }.social-coming { padding:24px 0 0; border-left:0; border-top:1px solid #303e34; } }
.social-preview-capture figcaption span { text-wrap:balance; }
@media(min-width:601px) and (max-width:1023px) { .social-preview-capture > a { max-width:800px; margin-inline:auto; } }
@media(max-width:600px) { .social-preview-capture > a { max-width:390px; margin-inline:auto; } }