:root{--ink:#030304;--panel:#0a0a0d;--panel-soft:#0e0e13;--line:rgba(255,255,255,.09);--muted:#94a3b8;--quiet:#64748b;--paper:#f8fafc;--indigo:#818cf8;--violet:#a78bfa;--green:#34d399;--red:#f87171;--amber:#fbbf24}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--ink);color:var(--paper);font-family:'Manrope',sans-serif;line-height:1.7;overflow-x:hidden}
body::before{background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:48px 48px;content:"";inset:0;mask-image:linear-gradient(to bottom,black,transparent 70%);pointer-events:none;position:fixed;z-index:-2}
a{color:inherit;text-decoration:none}
button{font:inherit}
::selection{background:rgba(129,140,248,.35);color:#fff}
.site-glow{background:radial-gradient(circle,rgba(99,102,241,.17),transparent 68%);height:680px;left:50%;pointer-events:none;position:absolute;top:-300px;transform:translateX(-50%);width:min(1000px,100vw);z-index:-1}
.nav{backdrop-filter:blur(18px);background:rgba(3,3,4,.82);border-bottom:1px solid rgba(255,255,255,.06);height:68px;left:0;position:fixed;right:0;top:0;z-index:50}
.nav-inner{align-items:center;display:flex;height:100%;justify-content:space-between;margin:auto;max-width:1180px;padding:0 24px}
.brand{align-items:center;display:flex;gap:10px}
.brand-mark{align-items:center;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:8px;box-shadow:0 0 22px rgba(99,102,241,.22);display:flex;height:30px;justify-content:center;width:30px}
.brand-mark svg{height:17px;width:17px}
.brand-name{font-size:14px;font-weight:750;letter-spacing:-.02em}
.brand-by{color:#64748b;font-size:9px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
.nav-links{align-items:center;display:flex;gap:28px}
.nav-link{color:#94a3b8;font-size:13px;font-weight:600;transition:color .2s}
.nav-link:hover,.nav-link:focus-visible{color:#fff}
.nav-cta{background:#fff;border-radius:9px;color:#09090b;font-size:12px;font-weight:750;padding:9px 16px;transition:transform .2s,background .2s}
.nav-cta:hover{background:#e2e8f0;transform:translateY(-1px)}
.menu-btn{background:none;border:0;color:#fff;display:none;padding:6px}
.mobile-menu{background:rgba(3,3,4,.98);display:none;inset:68px 0 0;position:fixed;z-index:49}
.mobile-menu.open{display:block}
.mobile-menu-inner{display:grid;gap:20px;padding:38px 24px}
.mobile-menu a{border-bottom:1px solid var(--line);color:#cbd5e1;font-size:18px;padding-bottom:16px}
.page-shell{margin:auto;max-width:1180px;padding-left:24px;padding-right:24px}
.eyebrow{align-items:center;color:#a5b4fc;display:flex;font-size:11px;font-weight:800;gap:9px;letter-spacing:.17em;text-transform:uppercase}
.eyebrow::before{background:#818cf8;border-radius:999px;content:"";height:6px;box-shadow:0 0 14px rgba(129,140,248,.7);width:6px}
.blog-hero{padding-bottom:80px;padding-top:150px;position:relative}
.blog-hero-grid{align-items:end;display:grid;gap:60px;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr)}
.blog-hero h1{font-family:'DM Serif Display',serif;font-size:clamp(52px,8vw,100px);font-weight:400;letter-spacing:-.045em;line-height:.92;margin:28px 0}
.blog-hero h1 span{background:linear-gradient(135deg,#fff 25%,#a5b4fc 75%,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy{color:#94a3b8;font-size:18px;font-weight:400;max-width:650px}
.hero-note{border-left:1px solid rgba(129,140,248,.5);color:#64748b;font-size:13px;padding:4px 0 4px 22px}
.hero-note strong{color:#cbd5e1;display:block;font-size:14px;margin-bottom:8px}
.featured{background:linear-gradient(135deg,rgba(99,102,241,.12),rgba(168,85,247,.035) 55%,rgba(255,255,255,.02));border:1px solid rgba(129,140,248,.2);border-radius:28px;display:grid;grid-template-columns:1.1fr .9fr;margin-bottom:34px;min-height:390px;overflow:hidden;position:relative}
.featured-copy{display:flex;flex-direction:column;justify-content:center;padding:54px}
.kicker{color:#818cf8;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.featured h2{font-family:'DM Serif Display',serif;font-size:clamp(34px,4vw,54px);font-weight:400;letter-spacing:-.025em;line-height:1.05;margin:14px 0 18px}
.featured p{color:#94a3b8;font-size:15px;max-width:560px}
.read-link{align-items:center;color:#fff;display:inline-flex;font-size:13px;font-weight:750;gap:9px;margin-top:28px;width:max-content}
.read-link svg{transition:transform .2s}
.read-link:hover svg{transform:translateX(4px)}
.featured-art{align-items:center;background:rgba(0,0,0,.16);display:flex;justify-content:center;min-height:320px;overflow:hidden;position:relative}
.orbit{border:1px solid rgba(129,140,248,.25);border-radius:50%;height:270px;position:relative;width:270px}
.orbit::before,.orbit::after{border:1px solid rgba(255,255,255,.08);border-radius:50%;content:"";inset:34px;position:absolute}
.orbit::after{inset:74px}
.orbit-line{background:linear-gradient(90deg,transparent,#818cf8,transparent);height:1px;left:-20%;position:absolute;top:50%;transform:rotate(-24deg);width:140%}
.currency{align-items:center;background:#101018;border:1px solid rgba(255,255,255,.12);border-radius:15px;box-shadow:0 18px 50px rgba(0,0,0,.35);display:flex;font-family:'DM Mono',monospace;font-size:16px;font-weight:600;height:54px;justify-content:center;position:absolute;width:74px}
.currency.usd{left:6px;top:35px}.currency.eur{bottom:27px;right:-2px}.currency.jpy{right:16px;top:31px}.currency.gbp{bottom:27px;left:8px}
.article-grid{display:grid;gap:18px;grid-template-columns:repeat(12,1fr);padding-bottom:100px}
.article-card{background:rgba(255,255,255,.025);border:1px solid var(--line);border-radius:22px;display:flex;flex-direction:column;grid-column:span 6;min-height:330px;overflow:hidden;padding:34px;position:relative;transition:border-color .25s,background .25s,transform .25s}
.article-card:nth-child(3n+1){grid-column:span 7}.article-card:nth-child(3n+2){grid-column:span 5}
.article-card:hover{background:rgba(255,255,255,.04);border-color:rgba(129,140,248,.3);transform:translateY(-4px)}
.card-number{color:rgba(129,140,248,.25);font-family:'DM Mono',monospace;font-size:52px;font-weight:500;line-height:1;margin-bottom:auto}
.article-card h2,.article-card h3{font-family:'DM Serif Display',serif;font-size:30px;font-weight:400;letter-spacing:-.02em;line-height:1.13;margin:26px 0 12px;max-width:570px}
.article-card p{color:#7f8da3;font-size:14px;max-width:570px}
.card-meta{align-items:center;color:#64748b;display:flex;font-size:11px;font-weight:700;gap:12px;letter-spacing:.06em;margin-top:24px;text-transform:uppercase}
.card-meta span+span::before{content:"·";margin-right:12px}
.newsletter{align-items:center;background:linear-gradient(135deg,rgba(99,102,241,.13),rgba(255,255,255,.025));border:1px solid rgba(129,140,248,.18);border-radius:24px;display:flex;gap:30px;justify-content:space-between;margin-bottom:100px;padding:38px 42px}
.newsletter h2{font-family:'DM Serif Display',serif;font-size:32px;font-weight:400;line-height:1.1}
.newsletter p{color:#7f8da3;font-size:13px;margin-top:7px}
.newsletter a{background:#fff;border-radius:10px;color:#09090b;font-size:12px;font-weight:800;padding:13px 20px;white-space:nowrap}
.library-intro{display:grid;gap:18px;grid-template-columns:1fr 1.4fr 1fr;margin:92px 0 64px;padding-top:10px}.library-intro h2{font-family:'DM Serif Display',serif;font-size:clamp(34px,4vw,52px);font-weight:400;letter-spacing:-.03em;line-height:1.03}.library-intro>p:last-child{color:#7f8da3;font-size:14px;padding-top:8px}.guide-cluster{border-top:1px solid var(--line);padding-top:50px}.cluster-heading{align-items:start;display:grid;gap:24px;grid-template-columns:72px 1fr;margin-bottom:30px}.cluster-heading>span{color:rgba(129,140,248,.28);font-family:'DM Mono',monospace;font-size:42px;line-height:1}.cluster-heading h2{font-family:'DM Serif Display',serif;font-size:40px;font-weight:400;letter-spacing:-.025em;line-height:1.1;margin-top:8px}.guide-cluster .article-grid{padding-bottom:80px}.roadmap-art{align-content:center;background:radial-gradient(circle at 70% 20%,rgba(167,139,250,.2),transparent 35%),rgba(0,0,0,.16);display:grid;gap:12px;grid-template-columns:42px 1fr 28px;min-height:320px;padding:50px}.roadmap-art span:nth-of-type(odd){align-items:center;background:rgba(129,140,248,.13);border:1px solid rgba(129,140,248,.22);border-radius:50%;color:#a5b4fc;display:flex;font-family:'DM Mono',monospace;font-size:10px;height:38px;justify-content:center;width:38px}.roadmap-art span:nth-of-type(even){font-family:'DM Serif Display',serif;font-size:25px}.roadmap-art i{background:linear-gradient(90deg,rgba(129,140,248,.8),transparent);height:1px;width:28px}
.article-hero{padding:140px 0 72px;position:relative}
.breadcrumbs{color:#64748b;font-size:12px;margin-bottom:38px}
.breadcrumbs a{transition:color .2s}.breadcrumbs a:hover{color:#cbd5e1}
.breadcrumbs span{margin:0 9px}
.article-hero-grid{display:grid;gap:60px;grid-template-columns:minmax(0,1fr) 260px}
.article-hero h1{font-family:'DM Serif Display',serif;font-size:clamp(44px,6.7vw,76px);font-weight:400;letter-spacing:-.04em;line-height:1.02;margin:22px 0 26px;max-width:900px}
.article-dek{color:#9aa7ba;font-size:18px;max-width:760px}
.article-meta{align-self:end;border-left:1px solid var(--line);color:#64748b;font-size:11px;letter-spacing:.08em;line-height:2;padding-left:24px;text-transform:uppercase}
.article-meta strong{color:#cbd5e1;font-weight:700}
.article-layout{display:grid;gap:70px;grid-template-columns:minmax(0,760px) 250px;justify-content:space-between;padding-bottom:110px}
.article-body{color:#bac4d2;font-size:17px}
.article-body>p:first-child{color:#d9e0e9;font-size:20px}
.article-body h2{color:#fff;font-family:'DM Serif Display',serif;font-size:38px;font-weight:400;letter-spacing:-.02em;line-height:1.13;margin:64px 0 20px;scroll-margin-top:95px}
.article-body h3{color:#e2e8f0;font-size:20px;font-weight:750;line-height:1.35;margin:36px 0 12px;scroll-margin-top:95px}
.article-body p{margin:0 0 22px}
.article-body ul,.article-body ol{display:grid;gap:12px;margin:0 0 26px;padding-left:22px}
.article-body li{padding-left:6px}
.article-body strong{color:#f1f5f9}
.article-body a{color:#a5b4fc;text-decoration:underline;text-decoration-color:rgba(165,180,252,.3);text-underline-offset:4px}
.callout{background:rgba(129,140,248,.075);border:1px solid rgba(129,140,248,.17);border-radius:18px;color:#b7c0d0;font-size:15px;margin:34px 0;padding:24px 26px}
.callout strong{color:#c7d2fe;display:block;font-size:12px;letter-spacing:.12em;margin-bottom:8px;text-transform:uppercase}
.plan-template{background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(129,140,248,.055));border:1px solid var(--line);border-radius:18px;margin:34px 0;padding:26px}.plan-template p{border-bottom:1px solid rgba(255,255,255,.06);font-size:15px;margin:0;padding:13px 0}.plan-template p:last-child{border-bottom:0}.article-faq{border-top:1px solid var(--line);margin-top:70px}.article-faq h3{font-family:'Manrope',sans-serif;font-size:17px;margin-top:28px}.learning-path{background:linear-gradient(135deg,rgba(99,102,241,.14),rgba(168,85,247,.05));border:1px solid rgba(129,140,248,.2);border-radius:20px;display:grid;gap:6px;margin-top:58px;padding:28px}.learning-path span{color:#818cf8;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.learning-path strong{font-family:'DM Serif Display',serif;font-size:24px;font-weight:400}.learning-path a{font-size:12px;font-weight:800;margin-top:8px;text-transform:uppercase}.next-grid-three{grid-template-columns:repeat(3,1fr)}
.risk-callout{background:rgba(248,113,113,.06);border-color:rgba(248,113,113,.18)}
.risk-callout strong{color:#fca5a5}
.visual{background:#08080b;border:1px solid var(--line);border-radius:20px;margin:38px 0;overflow:hidden;padding:28px}
.visual-title{align-items:center;color:#cbd5e1;display:flex;font-size:12px;font-weight:750;justify-content:space-between;letter-spacing:.08em;margin-bottom:24px;text-transform:uppercase}
.visual-title span{color:#475569;font-family:'DM Mono',monospace;font-size:10px}
.pair-diagram{align-items:center;display:grid;gap:14px;grid-template-columns:1fr auto 1fr}
.pair-box{background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:15px;padding:24px;text-align:center}
.pair-box b{display:block;font-family:'DM Mono',monospace;font-size:24px}.pair-box small{color:#64748b;font-size:11px;text-transform:uppercase}
.pair-slash{color:#475569;font-family:'DM Serif Display',serif;font-size:38px}
.quote-strip{display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}
.quote-cell{background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:12px;padding:16px}
.quote-cell small{color:#64748b;display:block;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.quote-cell b{font-family:'DM Mono',monospace;font-size:16px;font-weight:500}
.bar-chart{align-items:end;display:flex;gap:7px;height:180px;padding-top:20px}
.bar{background:linear-gradient(to top,rgba(99,102,241,.3),#818cf8);border-radius:5px 5px 0 0;flex:1;position:relative}.bar.down{background:linear-gradient(to top,rgba(248,113,113,.18),#f87171)}
.bar::after{bottom:-24px;color:#475569;content:attr(data-label);font-family:'DM Mono',monospace;font-size:8px;left:50%;position:absolute;transform:translateX(-50%)}
.candles{align-items:center;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px);background-size:100% 36px;display:flex;gap:12px;height:230px;justify-content:center;padding:20px}
.candle{height:var(--wick);position:relative;width:13px}.candle::before{background:var(--color);content:"";height:100%;left:6px;opacity:.7;position:absolute;width:1px}.candle::after{background:var(--color);border-radius:2px;content:"";height:var(--body);left:0;position:absolute;top:var(--top);width:13px}
.flow{display:grid;gap:10px}.flow-step{align-items:center;background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:13px;display:flex;gap:14px;padding:16px}.flow-step b{align-items:center;background:rgba(129,140,248,.12);border-radius:50%;color:#a5b4fc;display:flex;font-family:'DM Mono',monospace;font-size:11px;height:28px;justify-content:center;width:28px}.flow-step span{color:#aab4c4;font-size:14px}
.check-table{border:1px solid var(--line);border-radius:16px;margin:34px 0;overflow:hidden}.check-row{display:grid;grid-template-columns:180px 1fr}.check-row+ .check-row{border-top:1px solid var(--line)}.check-row div{padding:15px 18px}.check-row div:first-child{background:rgba(255,255,255,.025);color:#e2e8f0;font-size:13px;font-weight:750}.check-row div:last-child{color:#94a3b8;font-size:14px}
.pros-cons{display:grid;gap:14px;grid-template-columns:1fr 1fr;margin:34px 0}.pros-cons>div{border:1px solid var(--line);border-radius:17px;padding:24px}.pros-cons h3{font-size:14px;letter-spacing:.08em;margin:0 0 16px;text-transform:uppercase}.pros h3{color:#6ee7b7}.cons h3{color:#fca5a5}.pros-cons ul{font-size:14px;margin:0}
.toc{position:sticky;top:100px}
.toc-label{color:#475569;font-size:10px;font-weight:800;letter-spacing:.16em;margin-bottom:16px;text-transform:uppercase}
.toc nav{border-left:1px solid var(--line);display:grid;gap:13px;padding-left:18px}
.toc a{color:#64748b;font-size:12px;line-height:1.4;transition:color .2s}.toc a:hover{color:#cbd5e1}
.toc-cta{background:rgba(129,140,248,.075);border:1px solid rgba(129,140,248,.15);border-radius:16px;margin-top:30px;padding:20px}.toc-cta strong{display:block;font-size:13px;margin-bottom:7px}.toc-cta p{color:#64748b;font-size:11px;line-height:1.55;margin-bottom:14px}.toc-cta a{color:#a5b4fc;font-size:11px;font-weight:800;text-transform:uppercase}.resource-link{background:rgba(255,255,255,.025);border:1px solid rgba(129,140,248,.12);border-radius:16px;margin-top:14px;padding:20px}.resource-link span{color:#a5b4fc;display:block;font:500 9px 'DM Mono',monospace;letter-spacing:.1em;margin-bottom:8px;text-transform:uppercase}.resource-link strong{display:block;font-family:'DM Serif Display',serif;font-size:19px;font-weight:400;line-height:1.15}.resource-link p{color:#64748b;font-size:11px;line-height:1.55;margin:8px 0 12px}.resource-link a{color:#a5b4fc;font-size:11px;font-weight:800}.newsletter-links{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.newsletter-links a:last-child{background:transparent;border:1px solid rgba(255,255,255,.14);color:#cbd5e1}
.next-reads{border-top:1px solid var(--line);padding:70px 0 90px}.next-reads h2{font-family:'DM Serif Display',serif;font-size:36px;font-weight:400;margin-bottom:24px}.next-grid{display:grid;gap:14px;grid-template-columns:1fr 1fr}.next-card{background:rgba(255,255,255,.025);border:1px solid var(--line);border-radius:16px;padding:24px;transition:border-color .2s,transform .2s}.next-card:hover{border-color:rgba(129,140,248,.28);transform:translateY(-3px)}.next-card small{color:#818cf8;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.next-card h3{font-family:'DM Serif Display',serif;font-size:22px;font-weight:400;line-height:1.2;margin-top:10px}
.site-footer{border-top:1px solid rgba(255,255,255,.06);padding:40px 0}.footer-inner{align-items:center;color:#64748b;display:flex;font-size:11px;gap:20px;justify-content:space-between}.footer-links{display:flex;gap:20px}.footer-links a:hover{color:#cbd5e1}
.reveal{filter:blur(7px);opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s,filter .7s}.reveal.visible{filter:blur(0);opacity:1;transform:none}
@media(max-width:900px){.blog-hero-grid,.article-hero-grid,.article-layout{grid-template-columns:1fr}.hero-note,.article-meta{max-width:500px}.featured{grid-template-columns:1fr}.featured-art{min-height:300px}.article-card,.article-card:nth-child(3n+1),.article-card:nth-child(3n+2){grid-column:span 6}.article-layout{gap:40px}.toc{display:none}.library-intro{grid-template-columns:1fr 1fr}.library-intro>.eyebrow{grid-column:1/-1}.next-grid-three{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.nav-links{display:none}.menu-btn{display:block}.blog-hero{padding-top:125px}.blog-hero h1{font-size:56px}.featured-copy{padding:34px 28px}.featured-art{min-height:280px}.roadmap-art{min-height:290px;padding:34px 28px}.orbit{height:220px;width:220px}.article-grid{display:block}.article-card{margin-bottom:14px;min-height:300px;padding:28px}.library-intro{display:block;margin:68px 0 48px}.library-intro h2{margin:18px 0}.cluster-heading{grid-template-columns:52px 1fr}.cluster-heading>span{font-size:30px}.cluster-heading h2{font-size:34px}.newsletter{align-items:flex-start;flex-direction:column;padding:30px}.article-hero{padding-top:112px}.article-hero h1{font-size:44px}.article-dek{font-size:16px}.article-body{font-size:16px}.article-body>p:first-child{font-size:18px}.article-body h2{font-size:32px;margin-top:50px}.quote-strip{grid-template-columns:1fr 1fr}.pros-cons,.next-grid,.next-grid-three{grid-template-columns:1fr}.check-row{grid-template-columns:1fr}.check-row div:last-child{padding-top:0}.pair-box{padding:18px 10px}.footer-inner{align-items:flex-start;flex-direction:column}.footer-links{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{filter:none;opacity:1;transform:none;transition:none}*{animation:none!important}}