*{box-sizing:border-box}
:root{
  --ink:#0b1020;
  --muted:#61708a;
  --line:#e3e8f2;
  --wash:#f6f8fc;
  --blue:#3157d5;
  --blue-dark:#213d9a;
  --teal:#0f766e;
  --green:#15925d;
  --amber:#b45309;
  --shadow:0 18px 50px rgba(15,23,42,.08);
  --radius:8px;
}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
.skip-link{position:absolute;left:16px;top:-48px;z-index:100;padding:10px 14px;border-radius:var(--radius);background:var(--ink);color:#fff}
.skip-link:focus{top:14px}
.site-header{position:sticky;top:0;z-index:30;height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 40px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.94);backdrop-filter:blur(14px)}
.brand{display:inline-flex;align-items:center;gap:11px;font-size:24px;font-weight:900}
.brand-mark{width:38px;height:38px;display:block;flex:0 0 38px;border-radius:10px;background:url("brand/lamppoli-favicon.png") center/cover no-repeat;box-shadow:0 10px 24px rgba(49,87,213,.16)}
.nav{display:flex;align-items:center;gap:26px;color:#101827;font-size:14px;font-weight:800}
.nav a{position:relative}
.nav a:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--teal));transform:scaleX(0);transform-origin:left;transition:transform .24s ease}
.nav a:hover{color:var(--blue)}
.nav a:hover:after{transform:scaleX(1)}
.header-actions{display:flex;align-items:center;gap:10px}
.pill,.header-cta{min-height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:14px;font-weight:900}
.pill{padding:0 14px;border:1px solid var(--line);background:#fff;color:#111827}
.header-cta{padding:0 16px;background:var(--ink);color:#fff}
.page-shell{background:var(--wash);border-bottom:1px solid var(--line)}
.tool-main{max-width:1240px;margin:0 auto;padding:52px 40px 62px}
.breadcrumb{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 28px;color:#64748b;font-size:13px;font-weight:850}
.breadcrumb a{color:var(--blue)}
.tool-hero{max-width:940px;margin-bottom:28px}
.kicker{margin:0 0 10px;color:var(--blue);font-size:12px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
h1{margin:0 0 12px;font-size:48px;line-height:1.06}
.lead{margin:0;color:#40506a;font-size:18px;line-height:1.56}
.trust-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.trust-row span{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:999px;background:#eef3ff;color:#31405b;font-size:12px;font-weight:900}
.hero-preview{display:grid;grid-template-columns:1fr 1.5fr;gap:12px;margin-top:18px}
.hero-preview div{padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 12px 32px rgba(15,23,42,.04)}
.hero-preview small{display:block;margin-bottom:5px;color:#66758e;font-size:11px;font-weight:950;text-transform:uppercase}
.hero-preview strong{display:block;font-size:22px;line-height:1.15}
.hero-preview span{display:block;margin-top:4px;color:var(--muted);font-size:13px;font-weight:850;line-height:1.45}
.calculator-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px;align-items:start}
.tool-nav{position:sticky;top:92px;display:grid;gap:10px}
.tool-nav a{min-height:68px;display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 12px 32px rgba(15,23,42,.04)}
.tool-nav a.active{border-color:#b8c7f4;background:#f5f8ff;box-shadow:0 18px 42px rgba(49,87,213,.11)}
.utility-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#eef3ff;color:var(--blue);font-weight:950}
.utility-icon img{width:100%;height:100%;display:block;object-fit:contain}
.utility-icon.tool-icon-3d{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 24% 18%,rgba(255,255,255,.98),rgba(255,255,255,.35) 34%,transparent 58%),linear-gradient(135deg,rgba(238,243,255,.92),rgba(240,255,248,.84));box-shadow:inset 0 0 0 1px rgba(255,255,255,.78),inset 0 -10px 20px rgba(49,87,213,.08),0 10px 22px rgba(15,23,42,.08)}
.utility-icon.tool-icon-3d::before{content:"";position:absolute;inset:-22%;background:radial-gradient(circle at 72% 18%,rgba(95,231,166,.34),transparent 38%),radial-gradient(circle at 16% 78%,rgba(109,93,246,.28),transparent 42%);filter:blur(10px);z-index:0}
.utility-icon.tool-icon-3d img{position:relative;z-index:1;width:128%;height:128%;max-width:none;object-fit:contain;mix-blend-mode:multiply;filter:saturate(1.12) contrast(1.04) drop-shadow(0 10px 14px rgba(15,23,42,.12))}
.tool-nav strong{display:block;margin-bottom:3px;font-size:13px;line-height:1.2}
.tool-nav small{display:block;color:var(--muted);font-size:12px;font-weight:800;line-height:1.3}
.calculator-panel,.offer-section,.content-section,.guide-card,.faq-section{border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow)}
.calculator-panel{padding:24px;min-width:0}
.panel-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}
.panel-head h2{margin:0 0 6px;font-size:28px;line-height:1.15}
.panel-head p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}
.tool-badge{flex:0 0 auto;min-height:32px;display:inline-flex;align-items:center;padding:0 11px;border-radius:999px;background:#eef3ff;color:var(--blue);font-size:12px;font-weight:950}
.tool-form{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.tool-form.two{grid-template-columns:repeat(2,1fr)}
.field-block{display:grid;gap:8px;min-width:0;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:#fbfcff}
.field-block span:first-child{color:#56647a;font-size:12px;font-weight:950;line-height:1.25;text-transform:uppercase}
.field-block input,.field-block select{width:100%;min-height:40px;border:1px solid #d9e1ef;border-radius:8px;background:#fff;color:#111827;padding:0 10px;font-weight:850}
.field-block input[type="range"]{min-height:32px;padding:0;border:0;background:transparent;accent-color:var(--blue)}
.field-block output{font-size:18px;font-weight:950}
.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}
.stat-card{min-width:0;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}
.stat-card span{display:block;margin-bottom:7px;color:#66758e;font-size:12px;font-weight:950;text-transform:uppercase}
.stat-card strong{display:block;font-size:25px;line-height:1.12}
.context-cta{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;margin-top:14px;padding:15px 16px;border:1px solid #d8e8df;border-radius:var(--radius);background:#f4fbf7;color:#15563b;font-size:13px;font-weight:850;line-height:1.45}
.context-cta a,.primary-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border-radius:8px;background:var(--blue);color:#fff;font-size:13px;font-weight:950;white-space:nowrap}
.offer-section,.content-section,.faq-section{margin-top:18px;padding:24px}
.section-head{display:flex;justify-content:space-between;gap:18px;margin-bottom:16px}
.section-head h2{margin:0;font-size:28px}
.section-head p{max-width:720px;margin:6px 0 0;color:var(--muted);line-height:1.5}
.offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.offer-card{display:flex;flex-direction:column;gap:10px;min-height:190px;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}
.offer-card h3{margin:0;font-size:19px}
.offer-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}
.offer-card a{margin-top:auto;color:var(--blue);font-weight:950;font-size:14px}
.methodology{columns:2;column-gap:34px}
.methodology p{break-inside:avoid;margin:0 0 15px;color:#3f4f67;font-size:15px;line-height:1.68}
.related-grid,.faq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.related-link,.faq-item{padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}
.related-link small{display:block;margin-bottom:7px;color:#66758e;font-size:11px;font-weight:950;text-transform:uppercase}
.related-link strong,.faq-item h3{display:block;margin:0 0 6px;font-size:17px}
.related-link p,.faq-item p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}
.comparison-table{display:grid;margin-top:14px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.comparison-row{display:grid;grid-template-columns:1fr 1fr 1fr;min-height:54px;border-top:1px solid var(--line)}
.comparison-row:first-child{border-top:0}
.comparison-row>*{display:flex;align-items:center;padding:13px 14px;border-left:1px solid var(--line);font-size:13px;font-weight:850;line-height:1.35}
.comparison-row>*:first-child{border-left:0;color:#5d6b82;background:#fbfcff;font-weight:950;text-transform:uppercase}
.comparison-head>*{background:#f3f6ff;color:#111827;font-size:14px;text-transform:none}
.compound-form{grid-template-columns:repeat(4,1fr)}
.compound-detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}
.compound-card{min-width:0;padding:15px;border:1px solid var(--line);border-radius:var(--radius);background:#fbfcff}
.compound-card span{display:block;margin-bottom:6px;color:#66758e;font-size:11px;font-weight:950;text-transform:uppercase}
.compound-card strong{display:block;font-size:20px;line-height:1.15}
.compound-card small{display:block;margin-top:6px;color:var(--muted);font-size:12px;font-weight:800;line-height:1.35}
.compound-visual{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start;margin-top:14px}
.compound-chart,.compound-table-wrap{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:16px}
.compound-chart h3,.compound-table-wrap h3{margin:0 0 12px;font-size:17px}
.compound-bars{display:grid;gap:10px}
.compound-bar-row{display:grid;grid-template-columns:112px 1fr 92px;gap:10px;align-items:center;color:#516078;font-size:12px;font-weight:900}
.compound-bar-track{height:12px;border-radius:999px;background:#edf2f9;overflow:hidden}
.compound-bar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--teal));min-width:4px}
.compound-chart-note{margin:14px 0 0;color:var(--muted);font-size:12px;font-weight:800;line-height:1.45}
.compound-table{width:100%;border-collapse:collapse;font-size:13px}
.compound-table th,.compound-table td{padding:9px 8px;border-bottom:1px solid var(--line);text-align:right}
.compound-table th:first-child,.compound-table td:first-child{text-align:left}
.compound-table th{color:#66758e;font-size:11px;text-transform:uppercase}
.formula-note{margin-top:14px;padding:14px 16px;border:1px solid #f2dfbd;border-radius:var(--radius);background:#fff9ee;color:#7c4a03;font-size:13px;font-weight:850;line-height:1.45}
.crypto-form{grid-template-columns:repeat(3,1fr)}
.crypto-answer{margin-top:14px;padding:16px;border:1px solid #cfe5df;border-radius:var(--radius);background:#f4fbf9}
.crypto-answer h3{margin:0 0 7px;font-size:19px}
.crypto-answer p{margin:0;color:#15563b;font-size:14px;font-weight:850;line-height:1.5}
.crypto-logic{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}
.crypto-logic article,.crypto-use-card{padding:15px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}
.crypto-logic h3,.crypto-use-card h3{margin:0 0 8px;font-size:16px}
.crypto-logic p,.crypto-use-card p{margin:0;color:var(--muted);font-size:13px;font-weight:800;line-height:1.5}
.crypto-use-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}
.crypto-related-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.crypto-related-card{display:flex;flex-direction:column;gap:8px;min-height:150px;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}
.crypto-related-card h3{margin:0;font-size:16px}
.crypto-related-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}
.crypto-related-card span{margin-top:auto;color:var(--blue);font-size:13px;font-weight:950}

html:has(body[data-tool="crypto-roi"]){overflow-x:hidden}
body[data-tool="crypto-roi"]{max-width:100%;overflow-x:hidden;background:#f8fafc}
body[data-tool="crypto-roi"] .page-shell{overflow-x:hidden;background:linear-gradient(180deg,#fff 0%,#f8fafc 42%,#fff 100%)}
body[data-tool="crypto-roi"] .tool-main{width:100%;max-width:1280px;min-width:0;padding-top:36px}
.tool-layout,.roi-layout,.roi-page{max-width:1280px;margin-left:auto;margin-right:auto;overflow-x:hidden}
body[data-tool="crypto-roi"] .tool-hero{max-width:none;margin-bottom:18px}
body[data-tool="crypto-roi"] .tool-hero .kicker,
body[data-tool="crypto-roi"] .trust-row,
body[data-tool="crypto-roi"] .hero-preview{display:none}
body[data-tool="crypto-roi"] h1{font-size:36px}
body[data-tool="crypto-roi"] .lead{max-width:780px;font-size:16px}
body[data-tool="crypto-roi"] .calculator-layout{grid-template-columns:280px minmax(0,1fr);gap:28px;max-width:1280px;margin:0 auto}
body[data-tool="crypto-roi"] .calculator-layout>*,
body[data-tool="crypto-roi"] .calculator-panel,
body[data-tool="crypto-roi"] .roi-panel,
body[data-tool="crypto-roi"] .roi-result-copy,
body[data-tool="crypto-roi"] .roi-hero-chart,
body[data-tool="crypto-roi"] .roi-experience-grid>*,
body[data-tool="crypto-roi"] .roi-decision-layer,
body[data-tool="crypto-roi"] .roi-decision-layer>*,
body[data-tool="crypto-roi"] .roi-workspace-grid>*,
body[data-tool="crypto-roi"] .roi-detail-grid>*,
body[data-tool="crypto-roi"] .roi-share-wrap>*{min-width:0}
.roi-panel,
.roi-workspace-grid,
.roi-detail-grid,
.roi-input-card,
.roi-journey-cta,
.roi-decision-layer,
.roi-stat-grid,
.roi-stat-card,
.roi-stat-grid .stat-card,
.roi-share-wrap,
.roi-share-preview{min-width:0}
body[data-tool="crypto-roi"] .tool-nav a{border-radius:16px;box-shadow:0 10px 28px rgba(15,23,42,.045);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
body[data-tool="crypto-roi"] .tool-nav a:hover{transform:translateY(-2px);border-color:#cbd5e1;box-shadow:0 18px 40px rgba(15,23,42,.08)}
body[data-tool="crypto-roi"] .tool-nav a.active{border-color:#c7d2fe;background:linear-gradient(135deg,#fff 0%,#f1f5ff 100%);box-shadow:0 18px 46px rgba(49,87,213,.14)}
body[data-tool="crypto-roi"] .tool-nav a.active .utility-icon{background:linear-gradient(135deg,#3157d5,#6d5df6);color:#fff}
.roi-panel{overflow:hidden;border-radius:18px;padding:24px;box-shadow:0 22px 60px rgba(15,23,42,.08)}
.roi-panel-head{align-items:center}
.share-result-btn{min-width:118px;min-height:42px;border:1px solid var(--line);border-radius:12px;background:#fff;color:#0f172a;padding:0 15px;font-size:13px;font-weight:950;white-space:nowrap;box-shadow:0 10px 24px rgba(15,23,42,.05);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.share-result-btn:hover{transform:translateY(-1px);border-color:#bfcbeb;box-shadow:0 16px 34px rgba(15,23,42,.09)}
.roi-result-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,360px);gap:24px;align-items:center;min-height:190px;margin:4px 0 16px;padding:28px;border:1px solid #dce8f1;border-radius:18px;background:radial-gradient(circle at 12% 10%,rgba(22,163,74,.13),transparent 32%),linear-gradient(135deg,#fff 0%,#fbfefd 56%,#eefbf4 100%);box-shadow:0 18px 50px rgba(15,23,42,.07)}
.roi-result-hero.negative{background:radial-gradient(circle at 12% 10%,rgba(220,38,38,.12),transparent 32%),linear-gradient(135deg,#fff 0%,#fffbfb 56%,#fff1f2 100%)}
.roi-pill-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.roi-status-pill,.roi-source-pill{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:950}
.roi-status-pill{background:#ddf7e9;color:#087443}
.roi-status-pill.negative{background:#fee2e2;color:#b91c1c}
.roi-source-pill{border:1px solid #dbe3ef;background:#fff;color:#475569}
.roi-result-copy h3{margin:14px 0 10px;color:#071024;font-size:27px;line-height:1.2}
.roi-main-return{display:block;color:var(--green);font-size:48px;line-height:1.02;font-weight:950;letter-spacing:-.02em}
.roi-main-return.negative{color:#dc2626}
.roi-mini-stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.roi-mini-stats span{min-width:150px;padding:12px 14px;border:1px solid #dfe7f0;border-radius:14px;background:rgba(255,255,255,.82);box-shadow:0 12px 26px rgba(15,23,42,.045)}
.roi-mini-stats small{display:block;color:#64748b;font-size:11px;font-weight:950;text-transform:uppercase}
.roi-mini-stats strong{display:block;margin-top:4px;color:#0f172a;font-size:14px}
.roi-summary-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.roi-summary-strip span{min-width:0}
.roi-summary-strip strong{font-size:18px;line-height:1.15}
.roi-hero-chart{position:relative;min-height:150px}
.roi-hero-chart svg{width:100%;height:150px;overflow:visible}
.roi-chart-badge{position:absolute;right:12px;top:6px;z-index:2;display:inline-flex;min-height:28px;align-items:center;border-radius:999px;background:#ddf7e9;color:#087443;padding:0 10px;font-size:12px;font-weight:950;box-shadow:0 10px 22px rgba(15,23,42,.08)}
.roi-chart-badge.negative{background:#fee2e2;color:#b91c1c}
.roi-spark-area{fill:url(#roiSparkFill)}
.roi-spark-line{fill:none;stroke:var(--green);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.roi-spark-line.negative{stroke:#dc2626}
.roi-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.roi-stat-grid .stat-card{border-radius:16px;padding:16px;box-shadow:0 10px 24px rgba(15,23,42,.04)}
.roi-stat-grid .stat-card.primary{background:linear-gradient(180deg,#fff 0%,#fbfffd 100%);border-color:#cfe8dc}
.roi-stat-grid .stat-card.secondary{background:#fff}
.roi-stat-grid .stat-card.tertiary{background:#fffaf3;border-color:#f5dfbd}
.roi-stat-grid .stat-card strong{font-size:22px}
.roi-stat-grid .stat-card small{color:#7a8799;font-size:11px;font-weight:680}
.stat-card small{display:block;margin-top:6px;color:var(--muted);font-size:12px;font-weight:800;line-height:1.35;text-transform:none}
.stat-card strong.positive,.compound-card strong.positive{color:var(--green)}
.stat-card strong.negative,.compound-card strong.negative{color:#dc2626}
.roi-experience-grid{display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:14px;margin-top:14px}
.roi-progress-card,.roi-story-card,.roi-insight-card,.roi-input-card,.roi-journey-cta,.roi-share-wrap,.crypto-seo-details{border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.045)}
.roi-progress-card,.roi-story-card,.roi-insight-card{padding:18px}
.roi-progress-card h3,.roi-story-card h3,.roi-insight-card h3,.roi-input-card h3,.roi-journey-cta h3,.roi-share-wrap h3{margin:0;color:#0f172a;font-size:17px}
.roi-decision-layer{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(220px,.85fr);gap:16px;margin:14px 0;padding:18px;border:1px solid #dbeafe;border-radius:16px;background:linear-gradient(135deg,#ffffff 0%,#f8fbff 58%,#eef6ff 100%);box-shadow:0 14px 34px rgba(49,87,213,.07)}
.roi-decision-copy{min-width:0}
.roi-decision-copy .kicker{margin:0 0 7px}
.roi-decision-copy h3{margin:0 0 8px;color:#071024;font-size:20px;line-height:1.2}
.roi-decision-copy p{margin:0;color:#475569;font-size:14px;line-height:1.65;font-weight:760}
.roi-decision-signals{display:grid;grid-template-columns:1fr 1fr;gap:8px;min-width:0}
.roi-decision-signals span{display:flex;min-height:54px;align-items:center;border:1px solid #e1eafe;border-radius:12px;background:rgba(255,255,255,.78);padding:10px;color:#1e3a8a;font-size:12px;font-weight:900;line-height:1.35}
.roi-decision-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px}
.roi-decision-actions a{display:inline-flex;align-items:center;min-height:34px;border-radius:999px;background:#eef4ff;padding:0 12px;color:#2349c6;font-size:12px;font-weight:950;text-decoration:none}
.roi-decision-actions a:hover{text-decoration:underline}
.roi-progress-track{position:relative;height:34px;margin:22px 0 10px;border-radius:999px;background:#edf2f7;overflow:hidden}
.roi-progress-base{position:absolute;left:0;top:12px;height:10px;width:55%;border-radius:999px;background:#b7c1d1}
.roi-progress-result{position:absolute;top:12px;height:10px;border-radius:999px;background:linear-gradient(90deg,#16a34a,#22c55e)}
.roi-progress-result.negative{background:linear-gradient(90deg,#ef4444,#dc2626)}
.roi-progress-pin{position:absolute;top:7px;width:20px;height:20px;margin-left:-10px;border:4px solid #fff;border-radius:999px;background:#16a34a;box-shadow:0 8px 18px rgba(15,23,42,.16)}
.roi-progress-pin.negative{background:#dc2626}
.roi-progress-labels{display:flex;justify-content:space-between;gap:14px;color:#334155}
.roi-progress-labels span:last-child{text-align:right}
.roi-progress-labels strong{display:block;font-size:14px}
.roi-progress-labels small{display:block;margin-top:3px;color:var(--muted);font-size:12px;font-weight:820}
.roi-story-card ul{display:grid;gap:10px;margin:14px 0 0;padding:0;list-style:none;color:#334155;font-size:13px;font-weight:820;line-height:1.45}
.roi-story-card li{position:relative;padding-left:22px}
.roi-story-card li:before{content:"";position:absolute;left:0;top:.42em;width:9px;height:9px;border-radius:999px;background:#f59e0b;box-shadow:0 0 0 4px #fff3d8}
.roi-insight-card{position:relative;overflow:hidden;background:radial-gradient(circle at 95% 88%,rgba(49,87,213,.12),transparent 28%),linear-gradient(135deg,#f8fffb,#fff)}
.insight-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;margin-bottom:12px;border-radius:999px;background:#dcfce7;color:var(--green);font-size:18px;font-weight:950}
.roi-insight-card p{margin:10px 0 0;color:#334155;font-size:14px;font-weight:820;line-height:1.5}
.roi-insight-card a{display:inline-flex;margin-top:12px;color:var(--blue);font-size:13px;font-weight:950}
.roi-workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,360px);gap:16px;margin-top:14px}
.roi-input-card{padding:16px}
.roi-card-head{display:flex;justify-content:space-between;gap:14px;margin-bottom:12px}
.roi-card-head p{margin:4px 0 0;color:var(--muted);font-size:13px;font-weight:800}
.roi-input-card .crypto-form{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:stretch}
.roi-input-card .field-block{height:100%;align-content:start;gap:7px;padding:12px;border-radius:12px;background:#fff}
.roi-input-card .field-block input,
.roi-input-card .field-block select{min-height:40px;font-size:21px;line-height:1.15}
.roi-input-card .field-hint{margin-top:4px;font-size:10.5px;font-weight:680;line-height:1.28}
.roi-formula-note{margin-top:10px;padding:12px;border-radius:12px;font-size:12px;font-weight:760;line-height:1.4}
.field-hint{display:block;margin-top:7px;color:#64748b;font-size:11px;font-weight:760;line-height:1.35;text-transform:none}
.crypto-symbol-field .custom-symbol-input{margin-top:8px}
.custom-symbol-input[hidden]{display:none}
.roi-journey-cta{position:relative;overflow:hidden;padding:18px;background:linear-gradient(135deg,#fff 0%,#f8faff 100%);box-shadow:0 10px 24px rgba(15,23,42,.04)}
.roi-journey-cta p{margin:10px 0 14px;color:#526179;font-size:13px;font-weight:760;line-height:1.5}
.roi-journey-cta a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;border-radius:10px;background:#3157d5;color:#fff;padding:0 14px;font-size:13px;font-weight:930;box-shadow:0 10px 22px rgba(49,87,213,.18)}
.roi-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.roi-detail-grid .compound-card{border-radius:14px}
.roi-share-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,360px);gap:16px;align-items:stretch;margin-top:14px;padding:16px}
.roi-share-wrap p{margin:6px 0 0;color:var(--muted);font-size:13px;font-weight:800}
.roi-share-preview{min-width:0;max-width:100%;overflow:hidden;border-radius:12px;background:linear-gradient(135deg,#071024 0%,#0e1b33 70%,#0b1220 100%);color:#fff;padding:16px;box-shadow:0 14px 30px rgba(15,23,42,.16)}
.roi-share-preview small{display:block;color:#b9c6dc;font-size:11px;font-weight:950;text-transform:uppercase}
.roi-share-preview strong{display:block;margin-top:6px;font-size:clamp(18px,2.2vw,22px);line-height:1.12;overflow-wrap:anywhere}
.roi-share-preview span{display:inline-flex;margin-top:10px;min-height:28px;align-items:center;border-radius:999px;background:#15925d;padding:0 10px;font-size:12px;font-weight:950}
.roi-share-preview span.negative{background:#dc2626}
.crypto-seo-details{margin-top:14px;padding:0}
.crypto-seo-details summary{cursor:pointer;padding:16px 18px;color:#0f172a;font-weight:950}
.crypto-seo-details .crypto-logic{margin:0;padding:0 18px 18px}

body[data-tool="trading-cost"]{background:#f8fafc}
body[data-tool="trading-cost"] .page-shell{background:linear-gradient(180deg,#fff 0%,#f8fafc 40%,#fff 100%)}
body[data-tool="trading-cost"] .tool-main{max-width:1420px;padding-top:36px}
body[data-tool="trading-cost"] .tool-hero{max-width:none;margin-bottom:20px}
body[data-tool="trading-cost"] h1{font-size:44px}
.trading-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:end}
.trading-support{margin:10px 0 0;color:#334155;font-size:16px;font-weight:820;line-height:1.45}
.trading-primary-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:18px;padding:0 18px;border-radius:12px;background:linear-gradient(135deg,#3157d5,#a43ee9);color:#fff;font-size:13px;font-weight:950;box-shadow:0 16px 34px rgba(49,87,213,.24)}
.trading-hero-card{padding:20px;border:1px solid #fee2e2;border-radius:18px;background:radial-gradient(circle at 100% 0%,rgba(248,113,113,.16),transparent 45%),linear-gradient(135deg,#fff,#fff7f7);box-shadow:0 18px 46px rgba(15,23,42,.08)}
.trading-hero-card small{display:block;color:#b45309;font-size:11px;font-weight:950;text-transform:uppercase}
.trading-hero-card strong{display:block;margin-top:8px;color:#ef4444;font-size:42px;line-height:1;font-weight:950}
.trading-hero-card span{display:block;margin-top:9px;color:#475569;font-size:13px;font-weight:800;line-height:1.45}
.trading-workspace{display:grid;grid-template-columns:minmax(420px,.9fr) minmax(0,1.25fr);gap:18px;align-items:start}
.trading-panel{min-width:0;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 18px 48px rgba(15,23,42,.07)}
.trading-inputs,.trading-result{padding:22px}
.trading-section-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:16px}
.trading-section-head.compact{align-items:center}
.trading-section-head h2,.trading-panel h2{margin:0;color:#0f172a;font-size:22px;line-height:1.18}
.trading-section-head p{margin:5px 0 0;color:var(--muted);font-size:13px;font-weight:800;line-height:1.45}
.exchange-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:14px}
.exchange-card{min-width:0;display:grid;gap:6px;justify-items:start;padding:12px;border:1px solid var(--line);border-radius:14px;background:#fff;color:#0f172a;text-align:left;box-shadow:0 8px 24px rgba(15,23,42,.035);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}
.exchange-card:hover{transform:translateY(-2px);border-color:#cbd5e1;box-shadow:0 16px 34px rgba(15,23,42,.08)}
.exchange-card.active{border-color:#c7d2fe;background:linear-gradient(180deg,#fff,#f5f7ff);box-shadow:0 18px 40px rgba(49,87,213,.12)}
.exchange-logo{width:54px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#fff;padding:6px;overflow:hidden;box-shadow:0 10px 22px rgba(15,23,42,.1)}
.exchange-logo img{width:100%;height:100%;display:block;object-fit:contain}
.exchange-card strong{font-size:12px;line-height:1.15}
.exchange-card small{color:#64748b;font-size:10.5px;font-weight:760;line-height:1.25}
.trading-form{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.trading-form .field-block{border-radius:12px;background:#fff;padding:12px}
.discount-field .toggle-row{display:flex;align-items:center;gap:9px;min-height:40px}
.discount-field input{width:18px;min-height:18px;accent-color:#6d5df6}
.discount-field small{color:#15925d;font-weight:900}
.trading-calc-btn{width:100%;min-height:44px;margin-top:12px;border:0;border-radius:12px;background:linear-gradient(135deg,#3157d5,#a43ee9);color:#fff;font-size:13px;font-weight:950;box-shadow:0 16px 34px rgba(49,87,213,.22);transition:transform .18s ease,box-shadow .18s ease}
.trading-calc-btn:hover{transform:translateY(-1px);box-shadow:0 20px 44px rgba(49,87,213,.27)}
.fee-disclaimer{max-width:540px;margin:11px auto 0;color:#64748b;text-align:center;font-size:11px;font-weight:760;line-height:1.45}
.trading-result{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:18px;align-content:start;background:radial-gradient(circle at 86% 16%,rgba(248,113,113,.16),transparent 34%),linear-gradient(135deg,#fff 0%,#fffafa 55%,#fff 100%)}
.fee-status-pill{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:#fee2e2;color:#dc2626;font-size:12px;font-weight:950}
.result-copy h2{grid-column:1/-1;margin:18px 0 4px;color:#0f172a;font-size:32px;line-height:1.16}
.result-copy h2 span{color:#ef4444}
.result-copy strong{display:block;color:#ef4444;font-size:24px;line-height:1.1}
.fee-volume-context{margin:8px 0 0;color:#64748b;font-size:13px;font-weight:850;line-height:1.45}
.fee-visual{position:relative;width:170px;height:150px;align-self:center;justify-self:end}
.fee-pie-slice{position:absolute;border-radius:38px;background:linear-gradient(135deg,#fb7185,#ef4444);box-shadow:0 20px 40px rgba(239,68,68,.2)}
.fee-pie-slice.one{right:14px;top:8px;width:104px;height:82px;transform:skew(-12deg) rotate(7deg)}
.fee-pie-slice.two{right:0;top:28px;width:92px;height:82px;opacity:.78;transform:skew(12deg) rotate(13deg)}
.fee-coin{position:absolute;left:12px;bottom:22px;width:72px;height:72px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:linear-gradient(135deg,#fff,#e5e7eb);color:#94a3b8;font-size:32px;font-weight:950;box-shadow:0 16px 34px rgba(15,23,42,.14)}
.fee-submetrics{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:8px}
.fee-submetrics span{padding:13px;border:1px solid #eef2f7;border-radius:14px;background:rgba(255,255,255,.88)}
.fee-submetrics small{display:block;color:#64748b;font-size:11px;font-weight:950;text-transform:uppercase}
.fee-submetrics strong{display:block;margin-top:6px;color:#0f172a;font-size:17px}
.fee-segment-card{grid-column:1/-1;margin-top:4px;padding:16px;border:1px solid var(--line);border-radius:14px;background:#fff}
.fee-segment-bar{display:flex;height:15px;border-radius:999px;overflow:hidden;background:#edf2f7}
.fee-segment-bar span{min-width:3px}
.fee-segment-bar .capital{background:#aeb8c8}
.fee-segment-bar .fees{background:linear-gradient(90deg,#fb7185,#ef4444)}
.fee-segment-bar .remaining{background:linear-gradient(90deg,#15925d,#22c55e)}
.fee-segment-labels{display:flex;justify-content:space-between;gap:14px;margin-top:12px}
.fee-segment-labels span:nth-child(2){text-align:center}
.fee-segment-labels span:last-child{text-align:right}
.fee-segment-labels small{display:block;color:#64748b;font-size:11px;font-weight:860}
.fee-segment-labels strong{display:block;margin-top:4px;color:#0f172a;font-size:13px}
.fee-segment-labels span:nth-child(2) strong{color:#ef4444}
.fee-segment-labels span:last-child strong{color:#15925d}
.trading-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
.trading-grid-two .trading-panel,.fee-optimization,.trading-seo,.share-panel,.trading-next{padding:22px}
.exchange-compare-list{display:grid;gap:9px}
.compare-row{display:grid;grid-template-columns:165px 76px minmax(0,1fr) 58px;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid #eef2f7}
.compare-row:last-child{border-bottom:0}
.compare-name{min-width:0;display:flex;align-items:center;gap:9px}
.compare-logo{width:34px;height:22px;border-radius:6px;object-fit:contain;background:#fff;padding:3px;box-shadow:0 6px 14px rgba(15,23,42,.08);flex:0 0 auto}
.compare-row strong{font-size:13px}
.compare-row em{font-style:normal;font-size:12px;font-weight:950;color:#0f172a;text-align:right}
.compare-track{height:7px;border-radius:999px;background:#edf2f7;overflow:hidden}
.compare-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#fb7185,#ef4444)}
.compare-row.cheapest .compare-fill{background:linear-gradient(90deg,#15925d,#22c55e)}
.compare-row.selected{padding-inline:8px;border-radius:10px;background:#f8faff}
.compare-row.selected em{color:#3157d5}
.savings-callout{margin-top:12px;padding:12px;border:1px solid #bbf7d0;border-radius:12px;background:#f7fefa;color:#166534;font-size:13px;font-weight:900}
.smart-list{display:grid;gap:10px}
.smart-item{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:start;padding:12px;border-radius:12px;background:#fbfcff;border:1px solid #eef2f7}
.smart-item i{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:#fee2e2;color:#ef4444;font-style:normal;font-weight:950}
.smart-item.good i{background:#dcfce7;color:#15925d}
.smart-item b{display:block;color:#0f172a;font-size:13px}
.smart-item span{display:block;margin-top:4px;color:#64748b;font-size:12px;font-weight:800;line-height:1.45}
.before-after{display:grid;gap:14px;margin-top:18px}
.ba-row{display:grid;grid-template-columns:140px minmax(0,1fr) 90px;gap:12px;align-items:center;color:#64748b;font-size:13px;font-weight:850}
.ba-row div{height:10px;border-radius:999px;background:#edf2f7;overflow:hidden}
.ba-row i{display:block;height:100%;border-radius:inherit}
.ba-row i.green{background:linear-gradient(90deg,#15925d,#22c55e)}
.ba-row i.red{background:linear-gradient(90deg,#fb7185,#ef4444)}
.ba-row strong{text-align:right;color:#0f172a}
.fee-destroyed{display:inline-flex;margin:20px 0 0;padding:12px 14px;border-radius:14px;background:#fff1f2;color:#e11d48;font-size:18px;font-weight:950}
.breakdown-layout{display:grid;grid-template-columns:170px minmax(0,1fr);gap:24px;align-items:center;margin-top:16px}
.donut{width:150px;height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:999px;background:conic-gradient(#ef4444 0 45%,#f59e0b 45% 75%,#8b5cf6 75% 88%,#3b82f6 88% 100%);position:relative;color:#0f172a;font-weight:950}
.donut:before{content:"";position:absolute;inset:28px;border-radius:inherit;background:#fff}
.donut span,.donut small{position:relative;z-index:1}
.donut span{font-size:20px}
.donut small{color:#64748b;font-size:11px}
.breakdown-list{display:grid;gap:11px}
.breakdown-list div{display:grid;grid-template-columns:12px minmax(0,1fr) 80px;gap:9px;align-items:center;font-size:13px;font-weight:850}
.breakdown-list strong{text-align:right}
.swatch{width:10px;height:10px;border-radius:3px}
.swatch.red{background:#ef4444}
.swatch.orange{background:#f59e0b}
.swatch.violet{background:#8b5cf6}
.swatch.blue{background:#3b82f6}
.fee-optimization{margin-top:18px}
.optimization-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.optimization-grid article{padding:14px;border:1px solid #eef2f7;border-radius:14px;background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.035)}
.optimization-grid span{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:#eef3ff;color:#3157d5;font-weight:950}
.optimization-grid h3{margin:10px 0 6px;font-size:13px}
.optimization-grid p{margin:0;color:#64748b;font-size:11.5px;font-weight:800;line-height:1.45}
.trading-next{background:radial-gradient(circle at 100% 100%,rgba(109,93,246,.22),transparent 34%),linear-gradient(135deg,#fff 0%,#faf7ff 55%,#f1f5ff 100%)}
.trading-next p:not(.kicker){color:#40506a;font-size:14px;font-weight:800;line-height:1.55}
.next-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.gradient-link,.plain-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border-radius:12px;padding:0 16px;font-size:13px;font-weight:950}
.gradient-link{background:linear-gradient(135deg,#3157d5,#a43ee9);color:#fff}
.plain-link{border:1px solid var(--line);background:#fff;color:#3157d5}
.share-panel{display:grid;grid-template-columns:minmax(0,.75fr) minmax(260px,1fr);gap:16px;align-items:center}
.share-panel p{margin:6px 0 0;color:#64748b;font-size:13px;font-weight:800}
.fee-share-card{padding:18px;border-radius:16px;background:linear-gradient(135deg,#071024,#101c33);color:#fff;box-shadow:0 18px 42px rgba(15,23,42,.18)}
.fee-share-card small{display:block;color:#b9c6dc;font-size:11px;font-weight:950;text-transform:uppercase}
.fee-share-card strong{display:block;margin-top:8px;font-size:24px}
.fee-share-card span{display:block;margin-top:8px;color:#e5edf8;font-weight:850}
.fee-share-card em{display:inline-flex;margin-top:10px;padding:6px 10px;border-radius:999px;background:#ef4444;color:#fff;font-style:normal;font-weight:950;font-size:12px}
.trading-seo{margin-top:18px}
.site-footer{padding:42px 40px 30px;background:#0b1020;color:#d9e2f2}
.footer-inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:28px}
.footer-brand{margin-bottom:10px;font-size:23px;font-weight:950}
.site-footer p,.site-footer a{color:#aeb9ca;font-size:14px;line-height:1.55}
.footer-links{display:grid;align-content:start;gap:9px}
.footer-links strong{color:#fff;font-size:14px}
.footer-meta{max-width:1180px;margin:28px auto 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.14);color:#8f9aae;font-size:12px;line-height:1.55}
.guide-main{max-width:980px;margin:0 auto;padding:52px 40px 62px}
.guide-card{padding:28px}
.guide-card h1{font-size:42px}
.guide-card p{color:#40506a;font-size:16px;line-height:1.7}
.hub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:18px;align-items:stretch}
.hub-section{margin-top:22px}
.hub-section:first-child{margin-top:0}
.hub-section-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin-bottom:12px}
.hub-section-head h2{margin:0;font-size:26px;line-height:1.16}
.hub-section-head p{max-width:680px;margin:6px 0 0;color:var(--muted);font-size:15px;line-height:1.5}
.hub-count{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:999px;background:#eef3ff;color:#31405b;font-size:12px;font-weight:950;white-space:nowrap}
.hub-card{display:grid;grid-template-columns:132px minmax(0,1fr);gap:18px;align-items:stretch;min-height:250px;height:100%;padding:24px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.hub-card:hover{transform:translateY(-2px);border-color:#bfcbeb;box-shadow:0 22px 56px rgba(15,23,42,.1)}
.hub-card .utility-icon{width:52px;height:52px;font-size:20px}
.hub-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--blue)}
.hub-icon img{width:24px;height:24px;display:block}
.hub-icon-3d{position:relative;isolation:isolate;width:132px;height:132px;border-radius:24px;overflow:hidden;background:radial-gradient(circle at 24% 18%,rgba(255,255,255,.98),rgba(255,255,255,.42) 34%,transparent 58%),linear-gradient(135deg,rgba(238,243,255,.92),rgba(240,255,248,.84));box-shadow:inset 0 0 0 1px rgba(255,255,255,.78),inset 0 -22px 44px rgba(49,87,213,.08),0 20px 44px rgba(15,23,42,.1)}
.hub-icon-3d::before{content:"";position:absolute;inset:-24%;background:radial-gradient(circle at 76% 18%,rgba(95,231,166,.34),transparent 38%),radial-gradient(circle at 16% 78%,rgba(109,93,246,.28),transparent 42%);filter:blur(16px);z-index:0}
.hub-icon-3d::after{content:"";position:absolute;inset:1px;border-radius:23px;border:1px solid rgba(255,255,255,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.95);pointer-events:none;z-index:2}
.hub-icon-3d img{position:relative;z-index:1;width:122%;height:122%;max-width:none;object-fit:contain;mix-blend-mode:multiply;filter:saturate(1.1) contrast(1.04) drop-shadow(0 16px 22px rgba(15,23,42,.14));transform:translate(-2px,2px)}
.hub-icon-roi{background:linear-gradient(135deg,#eef3ff,#f7f9ff)}
.hub-icon-break{background:linear-gradient(135deg,#eef2ff,#f5f7ff)}
.hub-icon-fees{background:linear-gradient(135deg,#f3f5ff,#f8f9ff)}
.hub-icon-il{background:linear-gradient(135deg,#f4f5ff,#fafbff)}
.hub-icon-yield{background:linear-gradient(135deg,#eefcf5,#f4fffa)}
.hub-icon-return{background:linear-gradient(135deg,#eef9ff,#f5fcff)}
.hub-icon-sim{background:linear-gradient(135deg,#f3f0ff,#faf7ff)}
.hub-icon-3d.hub-icon-roi,.hub-icon-3d.hub-icon-break,.hub-icon-3d.hub-icon-fees,.hub-icon-3d.hub-icon-il,.hub-icon-3d.hub-icon-yield,.hub-icon-3d.hub-icon-return,.hub-icon-3d.hub-icon-sim{background:radial-gradient(circle at 24% 18%,rgba(255,255,255,.98),rgba(255,255,255,.42) 34%,transparent 58%),linear-gradient(135deg,rgba(238,243,255,.92),rgba(240,255,248,.84))}
.hub-copy{display:flex;flex-direction:column;min-width:0;height:100%}
.hub-card h3{margin:0 0 8px;font-size:24px;line-height:1.18;overflow-wrap:anywhere}
.hub-card p{margin:0 0 16px;color:var(--muted);font-size:15px;line-height:1.55;overflow-wrap:anywhere}
.hub-copy p{margin-bottom:16px}
.hub-cta{display:inline-flex;margin-top:auto;align-self:flex-start;padding:6px 0;color:var(--blue);font-size:14px;font-weight:950;text-decoration:none;text-underline-offset:3px}
.hub-cta:hover{text-decoration:underline}
.flow-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}
.flow-step{padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;color:#40506a;font-size:13px;font-weight:850;line-height:1.35}
.flow-step strong{display:block;margin-bottom:5px;color:#111827}

.platform-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:22px;align-items:stretch;margin-bottom:22px}
.platform-hero-copy,.platform-result-card,.intent-card,.scenario-card,.trust-card,.seo-page-card{border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow)}
.platform-hero-copy{padding:28px}
.platform-hero-copy h1{font-size:clamp(36px,5vw,58px)}
.platform-hero-copy .lead{max-width:820px}
.platform-result-card{position:relative;overflow:hidden;padding:24px;background:radial-gradient(circle at 92% 10%,rgba(95,231,166,.18),transparent 34%),radial-gradient(circle at 0 100%,rgba(109,93,246,.14),transparent 34%),linear-gradient(135deg,#fff,#f8fbff)}
.platform-result-card small,.seo-page-card small{display:block;color:#66758e;font-size:11px;font-weight:950;text-transform:uppercase}
.platform-result-card strong{display:block;margin-top:10px;font-size:clamp(34px,5vw,54px);line-height:1.02}
.platform-result-card p{margin:12px 0 0;color:#40506a;font-size:15px;line-height:1.55}
.platform-metric-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}
.platform-metric{padding:13px;border:1px solid rgba(227,232,242,.9);border-radius:14px;background:rgba(255,255,255,.78)}
.platform-metric span{display:block;color:#66758e;font-size:11px;font-weight:950;text-transform:uppercase}
.platform-metric b{display:block;margin-top:5px;font-size:18px}
.platform-cta-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.platform-cta-row a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 15px;border-radius:10px;font-size:13px;font-weight:950}
.platform-cta-primary{background:var(--blue);color:#fff}
.platform-cta-secondary{border:1px solid var(--line);background:#fff;color:#101827}
.intent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.intent-card,.scenario-card,.trust-card,.seo-page-card{padding:18px}
.intent-card{display:grid;grid-template-columns:54px minmax(0,1fr);gap:14px;min-height:178px}
.intent-card h3,.scenario-card h3,.trust-card h3,.seo-page-card h2,.seo-page-card h3{margin:0 0 8px;font-size:20px;line-height:1.18}
.intent-card p,.scenario-card p,.trust-card p,.seo-page-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}
.intent-card ul,.seo-page-card ul{display:grid;gap:7px;margin:12px 0 0;padding:0;list-style:none}
.intent-card li,.seo-page-card li{color:#31405b;font-size:13px;font-weight:850;line-height:1.35}
.intent-card li a,.seo-page-card li a{color:var(--blue);font-weight:950}
.scenario-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.scenario-card{min-height:154px;display:flex;flex-direction:column}
.scenario-card span{margin-top:auto;color:var(--blue);font-size:13px;font-weight:950}
.trust-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.trust-card{min-height:128px}
.seo-page-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;align-items:start}
.seo-page-card{margin-top:18px}
.seo-page-card:first-child{margin-top:0}
.seo-disclaimer{border-color:#f2dfbd;background:#fff9ee;color:#7c4a03}
.seo-disclaimer p{color:#7c4a03;font-weight:820}
.mini-chart{height:112px;margin-top:16px;border-radius:16px;background:linear-gradient(180deg,#f8fbff,#fff);border:1px solid var(--line);position:relative;overflow:hidden}
.mini-chart::before{content:"";position:absolute;left:16px;right:16px;bottom:24px;height:46px;border-radius:999px;background:linear-gradient(90deg,rgba(109,93,246,.26),rgba(95,231,166,.36));clip-path:polygon(0 80%,14% 62%,25% 72%,39% 44%,51% 54%,67% 22%,82% 34%,100% 0,100% 100%,0 100%)}
.mini-chart::after{content:"";position:absolute;left:16px;right:16px;bottom:24px;height:4px;border-radius:999px;background:linear-gradient(90deg,#6d5df6,#15925d);transform:skewY(-8deg);transform-origin:left center}
.programmatic-calc{display:grid;gap:10px;margin-top:16px}
.programmatic-calc p{margin:0;color:#6a7890;font-size:12px;line-height:1.45}
.preset-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.preset-field{display:grid;gap:2px;min-width:0;border:1px solid var(--line);border-radius:12px;background:#f8fbff;padding:9px 10px}
.preset-field span{color:#66758e;font-size:10px;font-weight:950;text-transform:uppercase}
.preset-field b{color:var(--ink);font-size:13px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.growth-shell{max-width:1240px;margin:0 auto;padding:34px 22px 70px}
.growth-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,460px);gap:22px;align-items:stretch}
.growth-copy,.growth-result,.growth-card,.share-output-card{border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.92);box-shadow:var(--shadow)}
.growth-copy,.growth-result{padding:24px}
.growth-copy h1{margin:0 0 12px;font-size:clamp(34px,5vw,62px);line-height:.98;letter-spacing:0}
.growth-copy .lead{max-width:760px;margin:0;color:#56657c;font-size:18px;line-height:1.55}
.growth-result{display:flex;flex-direction:column;gap:16px}
.growth-result small,.share-output-card small{color:#66758e;font-size:11px;font-weight:950;text-transform:uppercase}
.growth-result strong{font-size:clamp(34px,5vw,58px);line-height:.98;color:#0f8b5f}
.growth-result p{margin:0;color:#536176;line-height:1.55}
.growth-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.growth-metric{min-width:0;border:1px solid var(--line);border-radius:14px;background:#f8fbff;padding:11px}
.growth-metric span{display:block;color:#66758e;font-size:10px;font-weight:950;text-transform:uppercase}
.growth-metric b{display:block;margin-top:5px;color:var(--ink);font-size:17px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.share-output-card{display:grid;gap:12px;margin-top:16px;padding:18px;background:linear-gradient(145deg,#ffffff,#f6f8ff 58%,#eefbf5)}
.share-output-card strong{font-size:28px;color:#0f8b5f}
.share-output-card .share-lines{display:grid;gap:7px;color:#536176;font-weight:850}
.share-card-button{justify-self:start;border:0;border-radius:12px;background:var(--blue);color:#fff;min-height:42px;padding:0 16px;font-weight:950;cursor:pointer}
.share-card-button:hover{filter:brightness(.96)}
.scenario-chart{height:230px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,#fbfdff,#fff);position:relative;overflow:hidden}
.scenario-chart::before{content:"";position:absolute;inset:22px 22px 44px;border-radius:24px;background:linear-gradient(90deg,rgba(109,93,246,.22),rgba(95,231,166,.34));clip-path:polygon(0 82%,11% 76%,21% 68%,32% 72%,42% 54%,54% 60%,66% 34%,79% 42%,91% 18%,100% 8%,100% 100%,0 100%)}
.scenario-chart::after{content:"";position:absolute;left:22px;right:22px;bottom:44px;height:4px;border-radius:999px;background:linear-gradient(90deg,#6d5df6,#19a466);transform:skewY(-9deg);transform-origin:left center}
.scenario-chart svg{position:absolute;inset:16px;width:calc(100% - 32px);height:calc(100% - 46px);z-index:2}
.scenario-chart .price-line{fill:none;stroke:#3157d5;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.scenario-chart .invest-line{fill:none;stroke:#19a466;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:7 7}
.chart-labels{position:absolute;left:16px;right:16px;bottom:12px;display:flex;justify-content:space-between;gap:12px;z-index:3;color:#66758e;font-size:12px;font-weight:900}
.chart-labels span:first-child{color:#3157d5}
.chart-labels span:last-child{color:#15845a}
.growth-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;margin-top:22px}
.growth-card{padding:20px}
.growth-card h2,.growth-card h3{margin:0 0 10px;line-height:1.18}
.growth-card p{margin:0 0 12px;color:#56657c;line-height:1.58}
.comparison-bars{display:grid;gap:12px;margin-top:12px}
.comparison-bar{display:grid;gap:6px}
.comparison-bar span{display:flex;justify-content:space-between;gap:12px;color:#334155;font-size:13px;font-weight:900}
.comparison-bar i{display:block;height:12px;border-radius:999px;background:#e8edf8;overflow:hidden}
.comparison-bar i::before{content:"";display:block;height:100%;width:var(--bar,50%);border-radius:inherit;background:linear-gradient(90deg,#6d5df6,#19a466)}
.growth-insight{border-color:#cfe8da;background:#f3fff8}
.growth-insight p{color:#176844;font-weight:850}
.action-link-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}
.action-link-grid a{border:1px solid var(--line);border-radius:16px;background:#fff;padding:14px;color:#172033;font-weight:950}
.action-link-grid a span{display:block;margin-top:5px;color:#66758e;font-size:12px;font-weight:800;line-height:1.35}

body[data-tool="impermanent-loss"]{background:#f8fafc}
body[data-tool="impermanent-loss"] .page-shell{background:linear-gradient(180deg,#fff 0%,#f8fafc 42%,#fff 100%)}
body[data-tool="impermanent-loss"] .il-main{max-width:1360px;padding-top:38px}
body[data-tool="impermanent-loss"] .il-hero{max-width:940px;margin-bottom:20px}
body[data-tool="impermanent-loss"] h1{font-size:44px}
.il-workspace{display:grid;grid-template-columns:minmax(420px,.92fr) minmax(0,1.08fr);gap:18px;align-items:start}
.il-input-panel,.il-result-panel{border-radius:18px;box-shadow:0 18px 48px rgba(15,23,42,.07)}
.il-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.il-form{grid-template-columns:repeat(2,1fr)}
.il-form .field-block{border-radius:12px;background:#fff}
.field-hint{display:block;margin-top:7px;color:#64748b;font-size:11px;font-weight:760;line-height:1.35;text-transform:none}
.il-result-panel{position:sticky;top:92px;background:radial-gradient(circle at 92% 8%,rgba(49,87,213,.13),transparent 30%),linear-gradient(135deg,#fff 0%,#f8fffb 64%,#fff 100%)}
.il-primary-result{margin:12px 0 16px;padding:20px;border:1px solid #d9efe4;border-radius:16px;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.045)}
.il-primary-result span{display:block;color:#64748b;font-size:12px;font-weight:950;text-transform:uppercase}
.il-primary-result strong{display:block;margin-top:6px;color:#dc2626;font-size:46px;line-height:1;font-weight:950}
.il-primary-result small{display:block;margin-top:8px;color:#334155;font-size:13px;font-weight:850;line-height:1.45}
.il-stat-grid{grid-template-columns:repeat(2,1fr)}
.il-stat-grid .stat-card{border-radius:14px;background:rgba(255,255,255,.9)}
.il-stat-grid .stat-card strong{font-size:20px}
.il-explainer{margin:14px 0 0;color:#334155;font-size:14px;font-weight:820;line-height:1.55}
.positive{color:#15925d!important}
.negative{color:#dc2626!important}
.formula-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.formula-card{min-width:0;padding:18px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.045)}
.formula-card h3{margin:0 0 10px;font-size:18px;line-height:1.2}
.formula-card code{display:block;white-space:normal;word-break:break-word;padding:12px;border-radius:10px;background:#f1f5f9;color:#0f172a;font-size:13px;font-weight:850;line-height:1.45}
.formula-card p{margin:10px 0 0;color:#64748b;font-size:13px;font-weight:800;line-height:1.45}
.il-example-table .comparison-row{grid-template-columns:.75fr .65fr 1.3fr}
.tool-seo-main{max-width:1320px;padding-top:38px}
.tool-seo-workspace{display:grid;grid-template-columns:minmax(420px,.95fr) minmax(0,1.05fr);gap:18px;align-items:start}
.tool-seo-inputs,.tool-seo-results{border-radius:18px;box-shadow:0 18px 48px rgba(15,23,42,.07)}
.tool-seo-results{position:sticky;top:92px;background:radial-gradient(circle at 94% 10%,rgba(21,146,93,.13),transparent 32%),linear-gradient(135deg,#fff 0%,#f8fffb 70%,#fff 100%)}
.seo-calc-form{grid-template-columns:repeat(2,1fr)}
.seo-calc-form .field-block{border-radius:12px;background:#fff}
.big-result{margin:12px 0 16px;padding:20px;border:1px solid #dbe9e3;border-radius:16px;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.045)}
.big-result span{display:block;color:#64748b;font-size:12px;font-weight:950;text-transform:uppercase}
.big-result strong{display:block;margin-top:7px;color:#0f172a;font-size:42px;line-height:1;font-weight:950}
.big-result small{display:block;margin-top:8px;color:#334155;font-size:13px;font-weight:850;line-height:1.45}
.seo-stat-grid{grid-template-columns:repeat(2,1fr)}
.seo-stat-grid .stat-card{border-radius:14px;background:rgba(255,255,255,.92)}
.seo-stat-grid .stat-card strong{font-size:20px}
body[data-tool="break-even"] .page-shell,
body[data-tool="defi-yield"] .page-shell,
body[data-tool="real-defi"] .page-shell{background:linear-gradient(180deg,#fff 0%,#f8fafc 42%,#fff 100%)}
@media(max-width:1240px){
  body[data-tool="crypto-roi"] .calculator-layout{grid-template-columns:1fr;gap:16px}
  body[data-tool="crypto-roi"] .roi-tool-nav{position:static;display:flex;gap:10px;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;padding:2px 2px 10px;scrollbar-width:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
  body[data-tool="crypto-roi"] .roi-tool-nav::-webkit-scrollbar{display:none}
  body[data-tool="crypto-roi"] .roi-tool-nav a{flex:0 0 auto;min-width:180px;min-height:56px;padding:10px;scroll-snap-align:start}
  body[data-tool="crypto-roi"] .roi-tool-nav .utility-icon{width:34px;height:34px;border-radius:9px}
  body[data-tool="crypto-roi"] .roi-tool-nav small{font-size:11px}
  body[data-tool="crypto-roi"] .roi-tool-nav strong{font-size:12px}
  .roi-workspace-grid,
  .roi-detail-grid,
  .roi-share-wrap{grid-template-columns:1fr}
  .roi-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1180px){
  body[data-tool="crypto-roi"] .calculator-layout{grid-template-columns:1fr;gap:16px}
  body[data-tool="crypto-roi"] .roi-result-hero,
  body[data-tool="crypto-roi"] .roi-workspace-grid,
  body[data-tool="crypto-roi"] .roi-share-wrap{grid-template-columns:1fr}
  body[data-tool="crypto-roi"] .roi-stat-grid,
  body[data-tool="crypto-roi"] .roi-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:980px){
  .site-header{padding:0 22px}
  .nav{display:none}
  .calculator-layout{grid-template-columns:1fr}
  .tool-nav{position:static;grid-template-columns:repeat(2,1fr)}
  .methodology{columns:1}
  .offer-grid,.related-grid,.faq-grid,.stat-grid,.tool-form,.tool-form.two,.hub-grid,.flow-strip,.compound-form,.compound-detail-grid,.compound-visual,.crypto-form,.crypto-logic,.crypto-use-grid,.crypto-related-grid,.hero-preview{grid-template-columns:1fr}
  .platform-hero,.seo-page-grid{grid-template-columns:1fr}
  .growth-hero,.growth-grid{grid-template-columns:1fr}
  .action-link-grid{grid-template-columns:1fr 1fr}
  .intent-grid{grid-template-columns:1fr 1fr}
  .scenario-grid,.trust-grid{grid-template-columns:1fr 1fr}
  body[data-tool="crypto-roi"] .calculator-layout,
  .roi-result-hero,
  .roi-experience-grid,
  .roi-decision-layer,
  .roi-workspace-grid,
  .roi-detail-grid,
  .roi-share-wrap,
  .roi-input-card .crypto-form,
  .il-workspace,
  .il-form,
  .tool-seo-workspace,
  .seo-calc-form,
  .formula-grid,
  .trading-hero-grid,
  .trading-workspace,
  .trading-grid-two,
  .trading-form,
  .share-panel,
  .breakdown-layout{grid-template-columns:1fr}
  .exchange-cards{grid-template-columns:repeat(2,1fr)}
  .optimization-grid{grid-template-columns:repeat(2,1fr)}
  .trading-result{grid-template-columns:1fr}
  .fee-visual{justify-self:start}
  .fee-submetrics{grid-template-columns:repeat(2,1fr)}
  .roi-tool-nav{grid-template-columns:repeat(2,1fr)}
  body[data-tool="crypto-roi"] .roi-stat-grid,
  body[data-tool="crypto-roi"] .roi-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .roi-result-hero{padding:22px}
  .roi-main-return{font-size:40px}
  .il-result-panel{position:static}
  .tool-seo-results{position:static}
  h1{font-size:38px}
}
@media(max-width:760px){
  body[data-tool="crypto-roi"] .calculator-layout,
  body[data-tool="crypto-roi"] .roi-stat-grid,
  body[data-tool="crypto-roi"] .roi-detail-grid{grid-template-columns:1fr}
  body[data-tool="crypto-roi"] .roi-tool-nav{gap:8px;padding-bottom:8px}
  body[data-tool="crypto-roi"] .roi-tool-nav a{min-width:160px;min-height:54px}
  body[data-tool="crypto-roi"] .roi-summary-strip{grid-template-columns:1fr}
  body[data-tool="crypto-roi"] .tool-main{padding-left:16px;padding-right:16px}
  body[data-tool="crypto-roi"] .roi-panel{padding:18px}
  body[data-tool="crypto-roi"] .roi-main-return{font-size:34px}
  body[data-tool="crypto-roi"] .roi-decision-signals{grid-template-columns:1fr}
  body[data-tool="crypto-roi"] .roi-decision-layer{padding:16px}
}
@media(max-width:640px){
  .site-header{height:68px;padding:0 16px}
  .brand{font-size:21px}
  .header-cta{display:none}
  .tool-main,.guide-main{padding:38px 16px 46px}
  .tool-nav{grid-template-columns:1fr}
  body[data-tool="crypto-roi"] .roi-tool-nav a{min-width:148px}
  .panel-head,.section-head{display:block}
  .hub-section-head{display:block}
  .hub-count{margin-top:10px}
  .hub-card{grid-template-columns:96px minmax(0,1fr);gap:14px;min-height:0;padding:18px}
  .hub-card .utility-icon{width:44px;height:44px;font-size:17px}
  .hub-icon{width:44px;height:44px;border-radius:11px}
  .hub-icon img{width:23px;height:23px}
  .hub-icon-3d{width:96px;height:96px;border-radius:15px}
  .hub-icon-3d img{width:100%;height:100%}
  .platform-hero-copy,.platform-result-card,.intent-card,.scenario-card,.trust-card,.seo-page-card{padding:16px;border-radius:14px}
  .platform-metric-row,.intent-grid,.scenario-grid,.trust-grid{grid-template-columns:1fr}
  .growth-metrics,.action-link-grid{grid-template-columns:1fr}
  .growth-shell{padding:18px 14px 48px}
  .growth-copy,.growth-result,.growth-card,.share-output-card{border-radius:16px}
  .growth-copy,.growth-result,.growth-card{padding:16px}
  .scenario-chart{height:180px}
  .preset-fields{grid-template-columns:1fr}
  .intent-card{grid-template-columns:46px minmax(0,1fr);min-height:0}
  .hub-card h3{font-size:21px}
  .tool-badge{margin-top:12px}
  .context-cta{grid-template-columns:1fr}
  .comparison-row{grid-template-columns:1fr}
  .comparison-row>*{border-left:0;border-top:1px solid var(--line)}
  .comparison-row>*:first-child{border-top:0}
  body[data-tool="crypto-roi"] h1{font-size:30px}
  .roi-panel{padding:16px;border-radius:16px}
  .roi-panel-head{display:grid}
  .share-result-btn{justify-self:start}
  .roi-result-copy h3{font-size:22px}
  .roi-main-return{font-size:34px}
  .roi-mini-stats{display:grid}
  .roi-mini-stats span{min-width:0}
  .roi-tool-nav{grid-template-columns:1fr}
  .roi-progress-labels{font-size:12px}
  body[data-tool="impermanent-loss"] h1{font-size:34px}
  .il-actions{justify-content:flex-start}
  .il-primary-result strong{font-size:38px}
  .il-stat-grid{grid-template-columns:1fr}
  .il-example-table .comparison-row{grid-template-columns:1fr}
  .big-result strong{font-size:34px}
  .seo-stat-grid{grid-template-columns:1fr}
  body[data-tool="trading-cost"] h1{font-size:34px}
  .trading-inputs,.trading-result,.trading-grid-two .trading-panel,.fee-optimization,.trading-seo,.share-panel,.trading-next{padding:16px}
  .exchange-cards,.fee-submetrics,.optimization-grid{grid-template-columns:1fr}
  .compare-row{grid-template-columns:1fr 1fr}
  .compare-track{grid-column:1/-1}
  .fee-segment-labels{display:grid;text-align:left}
  .fee-segment-labels span:nth-child(2),.fee-segment-labels span:last-child{text-align:left}
  .ba-row{grid-template-columns:1fr}
  .result-copy h2{font-size:25px}
}