/* Solana Trading — editorial blog theme. No framework or JS dependency. */
:root{--bg:#f7f8fa;--surface:#fff;--ink:#17212d;--muted:#657285;--line:#e3e8ed;--purple:#7641dd;--purple-dark:#5930b5;--green:#148a70;--green-soft:#e9f8f2;--soft:#f0f2f6;--shadow:0 18px 48px rgba(22,30,48,.055);--radius:18px;--container:1160px;--content:752px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.65 'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:hover{color:var(--purple-dark)}
button,input,textarea{font:inherit}
button{cursor:pointer}
img{display:block;max-width:100%}
figure{margin:0}
svg{vertical-align:middle}
:focus-visible{outline:3px solid #a47bf5;outline-offset:3px}
::selection{background:#e9dcff;color:#22113e}
.hidden,[hidden]{display:none!important}
.container{width:min(var(--container),calc(100% - 48px));margin-inline:auto}
.skip-link{position:absolute;left:16px;top:-100px;z-index:1000;padding:10px 16px;background:#fff;border-radius:8px}
.skip-link:focus{top:12px}
.eyebrow{font-size:.73rem;line-height:1.5;font-weight:800;text-transform:uppercase;letter-spacing:.14em;color:var(--purple)}
.display,.brand,.heading{font-family:'Manrope','Inter',sans-serif;letter-spacing:-.045em}
.muted{color:var(--muted)}
.site-header{background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;backdrop-filter:blur(14px)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px}
.brand{display:inline-flex;align-items:center;gap:11px;font-weight:850;font-size:1.16rem;letter-spacing:-.045em;white-space:nowrap;color:#181b29}
.brand:hover{color:#181b29}
.brand-mark{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:#171726;color:white;font-weight:900;transform:rotate(-6deg);font-size:1.05rem;letter-spacing:-.08em}
.brand-mark span{background:linear-gradient(130deg,#b48dff 18%,#4fdbad 85%);background-clip:text;-webkit-background-clip:text;color:transparent}
.desktop-nav{display:flex;align-items:center;gap:26px;margin-left:auto}
.desktop-nav a{font-size:.84rem;color:#556174;font-weight:650;white-space:nowrap}
.desktop-nav a:hover,.desktop-nav a[aria-current]{color:var(--purple-dark)}
.header-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#171b29;color:#fff;border:1px solid #171b29;padding:10px 15px;border-radius:11px;font-size:.83rem;font-weight:750;white-space:nowrap;transition:transform .2s,background .2s}
.header-action:hover{background:#303448;color:#fff;transform:translateY(-1px)}
.mobile-nav{display:none;position:relative}
.mobile-nav>summary{list-style:none;display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;font-weight:700;cursor:pointer}
.mobile-nav>summary::-webkit-details-marker{display:none}
.mobile-nav-list{position:absolute;right:0;top:calc(100% + 12px);width:min(275px,calc(100vw - 30px));padding:9px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}
.mobile-nav-list a{display:block;padding:11px 13px;font-weight:650;font-size:.9rem;border-radius:8px}
.mobile-nav-list a:hover{background:var(--soft)}
.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:9px;color:#7c8897;font-size:.77rem;margin:24px 0 0}
.breadcrumb a{color:#677588}.breadcrumb a:hover{color:var(--purple)}
.breadcrumb-sep{color:#b4bfca}
.crumb-current{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#394657}
.page-hero{padding:46px 0 36px;border-bottom:1px solid var(--line);background:linear-gradient(115deg,#fcfbff,#fff 65%,#f0fbf7)}
.hero-layout{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}
.page-hero h1{font-size:clamp(2.4rem,5.2vw,4.4rem);line-height:1.1;margin:10px 0 15px;font-weight:850;max-width:740px}
.page-hero p{font-size:1.04rem;color:#5e6b7a;max-width:650px;margin:0}
.hero-stats{display:flex;align-items:center;gap:13px;white-space:nowrap;color:var(--muted);font-size:.82rem;font-weight:650;margin-bottom:8px}
.hero-stats strong{font-family:'Manrope',sans-serif;font-size:2rem;line-height:1;color:var(--ink)}
.blog-main{padding:30px 0 80px}
.filter-row{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:26px}
.chips{display:flex;align-items:center;gap:8px;min-width:0;max-width:100%;overflow-x:auto;padding:3px 2px 8px;scrollbar-width:thin}
.chip{border:1px solid #dee4ea;padding:8px 13px;border-radius:999px;color:#566376;font-size:.79rem;white-space:nowrap;font-weight:700;background:#fff;transition:background .2s,color .2s}
.chip:hover{color:var(--purple);border-color:#d7c6fa}
.chip[aria-current='page']{background:#eae3fa;color:#5431a7;border-color:#d6c4f8}
.search-form{display:flex;align-items:center;gap:8px;min-width:280px;max-width:100%;border:1px solid var(--line);border-radius:12px;background:#fff;padding:5px 6px 5px 14px}
.search-form:focus-within{border-color:#b497ef;box-shadow:0 0 0 3px #eae2fa}
.search-form input{flex:1;min-width:0;width:100%;border:0;background:transparent;outline:0;color:var(--ink);font-size:.87rem}
.search-form button{background:#1b2030;color:#fff;border:0;border-radius:9px;padding:8px 11px;font-size:.79rem;font-weight:750}
.search-reset{font-size:.77rem;color:var(--muted)}
.section-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:26px 0 17px}
.section-top h2{font-size:1.35rem;line-height:1.3;font-weight:850;margin:0}
.section-top p{margin:0;color:var(--muted);font-size:.81rem}
.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}
.story-card{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}
.story-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}
.story-media{display:block;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(125deg,#ede6ff,#dcf5ec)}
.story-media img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.story-card:hover .story-media img{transform:scale(1.035)}
.media-placeholder{height:100%;display:flex;align-items:center;justify-content:center;font:800 2.1rem 'Manrope',sans-serif;color:#8671af;letter-spacing:-.07em}
.story-content{padding:21px 22px 20px;display:flex;flex:1;flex-direction:column;min-width:0}
.story-meta{font-size:.73rem;color:#718092;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.category-label{font-weight:800;color:#6541b6;font-size:.73rem}
.story-title{font:800 1.13rem/1.37 'Manrope',sans-serif;letter-spacing:-.035em;margin:11px 0 10px}
.story-title a{color:#1b2432}.story-title a:hover{color:var(--purple-dark)}
.story-excerpt{color:#687487;font-size:.84rem;line-height:1.75;margin:0 0 20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.story-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #eef1f5;padding-top:15px;margin-top:auto;font-size:.75rem;color:#718092}
.text-arrow{color:var(--purple-dark);font-weight:800;white-space:nowrap}
.featured-story{display:grid;grid-template-columns:1.13fr 1fr;min-height:345px;overflow:hidden;border-radius:21px;background:#fff;border:1px solid var(--line);margin-bottom:36px}
.featured-story .story-media{aspect-ratio:auto;min-height:345px}
.featured-story .story-content{padding:clamp(24px,4vw,45px);justify-content:center}
.featured-story .story-title{font-size:clamp(1.5rem,2.7vw,2.25rem);line-height:1.22;margin:15px 0}
.featured-story .story-excerpt{-webkit-line-clamp:4;font-size:.92rem}
.featured-story .story-footer{margin-top:12px}
.result-note{font-size:.86rem;color:var(--muted);margin:0 0 18px}
.empty-state{border:1px dashed #cad4df;padding:60px 25px;text-align:center;border-radius:20px;background:#fff}
.empty-state h2{margin:0 0 8px;font-size:1.4rem}
.empty-state p{color:var(--muted);margin:0 0 20px}
.pagination{display:flex;justify-content:center;align-items:center;gap:7px;flex-wrap:wrap;margin:42px 0 0}
.page-btn{display:inline-flex;justify-content:center;align-items:center;min-width:40px;height:40px;border:1px solid var(--line);background:#fff;border-radius:11px;padding:0 12px;font-size:.85rem;font-weight:700;color:#576376}
.page-btn:hover{color:var(--purple-dark);border-color:#b9a0e5}
.page-btn[aria-current='page']{background:#1b2230;color:#fff;border-color:#1b2230}
.promo-band{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#202137;color:#fff;border-radius:20px;padding:28px 34px;margin-top:55px}
.promo-band .eyebrow{color:#bcb0ff}
.promo-band h2{margin:3px 0 5px;font-size:1.32rem;line-height:1.3}
.promo-band p{margin:0;color:#c0c5d3;font-size:.88rem}
.promo-btn{display:inline-flex;background:#fff;color:#23223b;border-radius:11px;padding:11px 17px;font-size:.85rem;font-weight:800;white-space:nowrap;justify-content:center;align-items:center;gap:8px}
.promo-btn:hover{color:#5f35b3;background:#f0e9ff}
.site-footer{border-top:1px solid var(--line);background:#fff;padding:35px 0}
.footer-inner{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap}
.footer-inner .brand{font-size:1.05rem}
.footer-links{display:flex;flex-wrap:wrap;gap:15px;font-size:.82rem;font-weight:650;color:#607084}
.footer-sub{font-size:.75rem;color:#7c8999;margin:11px 0 0;max-width:650px}
.footer-copy{margin:10px 0 0;font-size:.73rem;color:#8692a0}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:56px;padding-top:31px;padding-bottom:80px}
.article-main{min-width:0}
.article-header{margin-bottom:27px}
.article-header h1{font:850 clamp(2.08rem,4vw,3.25rem)/1.17 'Manrope',sans-serif;letter-spacing:-.055em;margin:15px 0 16px;color:#17202c}
.article-summary{color:#5c687b;font-size:1.09rem;line-height:1.72;margin:0 0 21px}
.article-byline{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:.81rem;color:#6a788a}
.byline-avatar{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:#ebe4fd;color:#6541b6;font-weight:850;font-size:.89rem}
.article-byline strong{color:#3b4656}
.byline-dot{color:#b2bdc9}
.article-cover{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:17px;background:#eee;margin:26px 0 34px}
.content-divider{border:0;border-top:1px solid var(--line);margin:30px 0 0}
.article-body{font-size:1.05rem;line-height:1.92;color:#303b49;overflow-wrap:break-word}
.article-body> :first-child{margin-top:0}
.article-body h2,.article-body h3,.article-body h4{font-family:'Manrope',sans-serif;color:#182432;letter-spacing:-.038em;line-height:1.35;scroll-margin-top:105px}
.article-body h2{font-size:1.7rem;margin:2.35em 0 .65em;font-weight:850}
.article-body h3{font-size:1.3rem;margin:1.9em 0 .63em;font-weight:800}
.article-body h4{font-size:1.09rem;margin:1.4em 0 .6em;font-weight:800}
.article-body p{margin:0 0 1.35em}
.article-body a{color:#653ac1;text-decoration:underline;text-decoration-color:#c8b9ed;text-underline-offset:3px;font-weight:600}
.article-body a:hover{color:#3f218c;text-decoration-color:currentColor}
.article-body ul,.article-body ol{padding-left:1.4em;margin:0 0 1.6em}
.article-body li{padding-left:.14em;margin:0 0 .45em}
.article-body li::marker{color:#8355cf}
.article-body strong{font-weight:750;color:#1b2735}
.article-body blockquote{margin:1.8em 0;background:#f0ecfc;border-left:4px solid #8957dd;border-radius:0 12px 12px 0;padding:17px 24px;color:#403858;font-style:italic}
.article-body blockquote p:last-child{margin-bottom:0}
.article-body img{max-width:100%;height:auto;display:block;border-radius:12px;margin:1.8em auto}
.article-body figure{margin:1.9em 0}
.article-body figcaption{font-size:.78rem;text-align:center;color:#7d8a99;margin-top:-.75em}
.article-body pre{max-width:100%;overflow-x:auto;background:#192233;color:#f1f1f9;padding:18px 20px;border-radius:12px;font-size:.88rem;line-height:1.6;margin:1.7em 0}
.article-body :not(pre)>code{background:#eef0f7;color:#6036b4;padding:2px 6px;border-radius:5px;font-size:.9em}
.article-body pre code{background:none;color:inherit;padding:0}
.article-body .table-scroll{overflow-x:auto;margin:1.8em 0;border:1px solid var(--line);border-radius:12px}
.article-body table{border-collapse:collapse;min-width:100%;width:max-content;font-size:.84rem;line-height:1.5;margin:0}
.article-body th,.article-body td{border-bottom:1px solid var(--line);padding:12px 14px;white-space:normal;min-width:115px;text-align:left}
.article-body th{background:#eef0f6;color:#293244;font-weight:800}
.article-body tr:last-child td{border-bottom:none}
.article-body tr:nth-child(even) td{background:#fafbfc}
.article-body iframe,.article-body video{max-width:100%}
.article-body hr{border:0;border-top:1px solid var(--line);margin:2em 0}
.article-side{position:sticky;top:100px;display:grid;gap:18px;min-width:0}
.side-panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px}
.side-panel h2,.side-panel h3{font:800 1rem/1.35 'Manrope',sans-serif;letter-spacing:-.025em;margin:0 0 13px}
.side-panel p{margin:0 0 12px;color:#697587;font-size:.82rem;line-height:1.7}
.toc-list{list-style:none;margin:0;padding:0}
.toc-list li{margin:0}
.toc-list a{display:block;color:#6b7889;font-size:.82rem;line-height:1.5;padding:7px 0 7px 12px;border-left:2px solid #e6e9ee}
.toc-list a:hover,.toc-list a.is-active{color:#6234c0;border-left-color:#8753db;background:#faf8ff}
.toc-list li.toc-h3 a{padding-left:25px;font-size:.79rem}
.newsletter-form{display:flex;gap:7px;margin-top:14px}
.newsletter-form input{width:100%;min-width:0;border:1px solid #d8e0e8;padding:10px 11px;border-radius:9px;color:var(--ink);font-size:.8rem}
.newsletter-form button{border:0;border-radius:9px;padding:10px 12px;background:#202438;color:#fff;font-weight:850}
.related-list{display:grid;gap:13px}
.related-link{display:grid;grid-template-columns:62px minmax(0,1fr);gap:11px;align-items:start}
.related-link img,.related-thumb{width:62px;height:61px;object-fit:cover;border-radius:9px;background:#eae5f5}
.related-link strong{font-size:.79rem;line-height:1.35;display:block;color:#263142}
.related-link:hover strong{color:var(--purple-dark)}
.related-link small{display:block;font-size:.7rem;color:#8a96a3;margin-top:5px}
.sidebar-cta{background:#ece8fa;border-color:#e5dcf8}
.sidebar-cta .side-btn{display:block;text-align:center;border-radius:9px;background:#232239;color:#fff;padding:9px 12px;font-size:.8rem;font-weight:800}
.sidebar-cta .side-btn:hover{background:#52359d;color:#fff}
.article-postlude{border-top:1px solid var(--line);margin-top:40px;padding-top:24px}
.tag-list{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:22px}
.tag{background:#f0eef7;border:1px solid #e6e0f5;border-radius:999px;color:#665487;padding:5px 10px;font-size:.74rem}
.share-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.share-row strong{font-size:.85rem;margin-right:7px}
.share-link,.share-copy{display:inline-flex;align-items:center;justify-content:center;border:1px solid #dce3ea;border-radius:9px;padding:8px 12px;background:#fff;font-size:.8rem;font-weight:750;color:#586679}
.share-link:hover,.share-copy:hover{border-color:#b69ae8;color:#653cbb}
.comments{padding-top:32px;border-top:1px solid var(--line);margin-top:40px}
.comments>h2{font:850 1.5rem/1.3 'Manrope',sans-serif;letter-spacing:-.035em;margin:0 0 23px}
.comment{display:flex;gap:12px;margin-bottom:21px;min-width:0}
.comment-avatar{width:35px;height:35px;flex:none;border-radius:50%;display:grid;place-items:center;font-size:.78rem;font-weight:800;color:#fff}
.comment-main{min-width:0;flex:1}
.comment-bubble{background:#fff;border:1px solid var(--line);border-radius:13px;padding:14px 16px}
.comment-head{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin-bottom:5px}
.comment-head strong{font-size:.81rem}.comment-head time{font-size:.71rem;color:#8190a2}
.comment-bubble p{font-size:.87rem;line-height:1.73;color:#536174;margin:0;overflow-wrap:anywhere}
.reply-btn,.cancel-reply{padding:6px 1px;border:0;background:none;color:#7751b9;font-size:.79rem;font-weight:750}
.reply-btn:hover,.cancel-reply:hover{text-decoration:underline}
.reply-thread{border-left:2px solid #e5e0f0;padding-left:16px;margin-top:13px}
.reply-thread .comment{margin-bottom:12px}
.reply-thread .comment-avatar{width:30px;height:30px}
.comment-form-panel{border:1px solid var(--line);background:#fff;border-radius:15px;padding:24px;margin-top:26px}
.comment-form-panel h3{font:850 1.13rem 'Manrope',sans-serif;margin:0 0 16px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.field{width:100%;border:1px solid #dce3eb;border-radius:10px;background:#fff;color:var(--ink);padding:11px 13px;font-size:.86rem;min-width:0}
.field:focus{outline:0;border-color:#9276cf;box-shadow:0 0 0 3px #eee5fe}
textarea.field{resize:vertical;min-height:105px;display:block;margin-top:12px}
.form-bottom{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:13px}
.btn-primary{border:0;border-radius:10px;padding:11px 17px;background:#212438;color:#fff;font-size:.85rem;font-weight:780}
.btn-primary:hover{background:#513492}
.btn-primary:disabled{opacity:.6;cursor:wait}
.form-hint{font-size:.74rem;color:#8591a0}
.reply-form{margin-top:10px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:13px}
.reply-form .field{padding:9px 11px}
.reply-form .form-bottom{margin-top:7px}
.feedback{font-size:.8rem;padding:10px 13px;border:1px solid;border-radius:9px;margin-top:11px}
.feedback--success{background:#e8f8f0;border-color:#bde8d1;color:#136f52}
.feedback--error{background:#fff0f1;border-color:#f5c4c9;color:#a52c42}
.empty-comments{color:var(--muted);font-size:.88rem}
.modal{position:fixed;inset:0;z-index:100;display:flex;justify-content:center;align-items:center;padding:20px}
.modal-backdrop{position:absolute;inset:0;background:rgba(12,18,31,.65);backdrop-filter:blur(4px)}
.modal-dialog{position:relative;max-width:460px;width:100%;background:#fff;border-radius:19px;padding:32px;box-shadow:0 24px 70px rgba(0,0,0,.2)}
.modal-dialog h2{font:850 1.45rem 'Manrope',sans-serif;letter-spacing:-.035em;margin:0 0 10px}
.modal-dialog p{color:#68778a;font-size:.89rem;margin:0 0 20px}
.modal-buttons{display:flex;gap:9px;flex-wrap:wrap}
.btn-muted{background:#f0f1f5;border:0;border-radius:10px;padding:11px 16px;font-size:.85rem;font-weight:750}
.reading-progress{position:fixed;left:0;top:0;width:0;height:3px;background:linear-gradient(90deg,#8a54e5,#17b989);z-index:200;pointer-events:none}
@media(max-width:1060px){.desktop-nav{gap:15px}.header-action{display:none}.article-layout{gap:35px;grid-template-columns:minmax(0,1fr) 255px}.article-grid{gap:16px}}
@media(max-width:830px){.desktop-nav,.header-action{display:none}.mobile-nav{display:block}.article-layout{grid-template-columns:minmax(0,1fr);gap:30px}.article-side{position:static;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.toc-card{grid-column:1/-1}.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-stats{display:none}}
@media(max-width:620px){.container{width:calc(100% - 32px)}.header-inner{min-height:64px}.brand{font-size:1.04rem}.brand-mark{width:31px;height:31px}.page-hero{padding:32px 0 27px}.page-hero h1{font-size:2.35rem}.page-hero p{font-size:.94rem}.filter-row{flex-direction:column-reverse;align-items:stretch;gap:13px}.search-form{width:100%;max-width:none;min-width:0}.chips{margin-right:-16px}.article-grid{grid-template-columns:minmax(0,1fr);gap:16px}.featured-story{display:flex;flex-direction:column;margin-bottom:25px;min-height:0}.featured-story .story-media{aspect-ratio:16/10;min-height:0}.featured-story .story-content{padding:24px}.featured-story .story-title{font-size:1.6rem}.story-media{aspect-ratio:16/9}.story-content{padding:19px}.section-top h2{font-size:1.18rem}.promo-band{padding:24px;flex-direction:column;align-items:stretch;text-align:left;margin-top:38px}.promo-btn{width:100%}.blog-main{padding-bottom:50px}.breadcrumb{margin-top:17px;font-size:.72rem}.article-layout{padding-top:19px;padding-bottom:53px}.article-header h1{font-size:clamp(2rem,8.2vw,2.55rem)}.article-summary{font-size:1rem}.article-cover{margin:22px 0 26px;border-radius:12px}.article-body{font-size:1rem;line-height:1.84}.article-body h2{font-size:1.44rem}.article-body h3{font-size:1.16rem}.article-side{grid-template-columns:minmax(0,1fr)}.toc-card{grid-column:auto}.form-grid{grid-template-columns:1fr}.comment-form-panel{padding:18px}.modal-dialog{padding:25px}.footer-inner{display:block}.footer-links{margin-top:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ===================================================================
   SOLANA TRADING / THE INTELLIGENCE DESK
   v3 — recognisable editorial identity, motion, conversion paths.
   All progressive effects preserve accessible static defaults.
   =================================================================== */
:root{
  --bg:#f5f6f9;--surface:#fff;--ink:#151b2b;--muted:#626f82;
  --line:#e6e9f0;--purple:#7340df;--purple-dark:#552bbb;
  --green:#138967;--shadow:0 22px 70px rgba(30,26,57,.12);
  --radius:20px;--container:1190px;--content:752px;
  --night:#111321;--night2:#191a2d;--lilac:#a58aff;--mint:#69f3c2
}
body{background:var(--bg)}
.display,.heading{letter-spacing:-.055em}
.site-header{background:rgba(255,255,255,.94);border-bottom:1px solid #edf0f5;box-shadow:0 1px 1px rgba(30,24,49,.025)}
.header-inner{min-height:80px}
.brand{font-weight:850;letter-spacing:-.055em;font-size:1.22rem}
.brand-mark{border-radius:10px;background:#17192a;transform:none;position:relative;isolation:isolate;overflow:hidden;box-shadow:0 6px 18px rgba(26,27,45,.15)}
.brand-mark:after{content:'';position:absolute;width:19px;height:19px;right:-8px;top:-8px;border-radius:50%;background:#52edb9;filter:blur(6px);z-index:-1}
.brand-mark span{background:linear-gradient(135deg,#b5a0ff,#64edc4);-webkit-background-clip:text;background-clip:text}
.desktop-nav a{position:relative;transition:color .2s}
.desktop-nav a:after{content:'';position:absolute;bottom:-8px;left:0;width:100%;height:2px;background:linear-gradient(90deg,#875cfe,#27b791);transform:scaleX(0);transform-origin:left;transition:transform .2s}
.desktop-nav a:hover:after,.desktop-nav a[aria-current]:after{transform:scaleX(1)}
.header-action{border:0;background:#1d2030;position:relative;overflow:hidden}
.header-action:hover{background:#452f80;box-shadow:0 9px 25px rgba(67,47,130,.18)}
.header-action span{display:inline-block;transition:transform .2s}
.header-action:hover span{transform:translate(2px,-2px)}
.eyebrow{letter-spacing:.16em;color:#6540b7}

/* Landing page hero: distinct crypto-editorial aesthetic */
.desk-hero{background:#111321;color:#fff;position:relative;isolation:isolate;overflow:hidden}
.desk-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(105deg,#10121f 7%,#171429 64%,#151828 100%);z-index:-4}
.desk-hero-grid{position:absolute;inset:0;pointer-events:none;opacity:.2;z-index:-3;background-image:linear-gradient(rgba(187,168,255,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(187,168,255,.2) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent 5%,#000 70%);-webkit-mask-image:linear-gradient(90deg,transparent 5%,#000 70%)}
.hero-orb{position:absolute;pointer-events:none;z-index:-2;border-radius:50%;filter:blur(48px);opacity:.46;animation:driftOrb 14s ease-in-out infinite alternate}
.hero-orb-one{width:530px;height:530px;right:-115px;top:-245px;background:radial-gradient(circle,#6d37c9 1%,transparent 67%)}
.hero-orb-two{width:470px;height:470px;left:21%;bottom:-380px;background:radial-gradient(circle,#0d8b73 0%,transparent 68%);animation-delay:-6s;opacity:.25}
@keyframes driftOrb{from{transform:translate3d(0,0,0)}to{transform:translate3d(-30px,35px,0)}}
.desk-hero-inner{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 374px;gap:clamp(32px,5vw,78px);align-items:center;padding-top:clamp(62px,8vw,105px);padding-bottom:clamp(65px,8vw,102px)}
.desk-overline,.desk-article-label,.article-reading-label,.desk-issue,.console-top,.console-bottom,.console-no,.section-kicker,.promo-overline,.article-conversion-overline{font:750 .69rem/1.5 'Inter',sans-serif;letter-spacing:.16em}
.desk-overline{display:flex;flex-wrap:wrap;align-items:center;gap:9px;color:#c9c4e7;margin-bottom:29px}
.desk-sep{color:#786a9d}.desk-issue{font-size:.59rem;color:#8794ab;margin-left:5px}
.status-pulse{display:inline-block;width:8px;height:8px;flex:none;background:#64ecc0;border-radius:50%;box-shadow:0 0 0 5px rgba(100,236,192,.1),0 0 20px rgba(100,236,192,.5)}
.desk-hero h1{margin:0;max-width:830px;font:850 clamp(3.1rem,5.5vw,5.7rem)/1.045 'Manrope',sans-serif;letter-spacing:-.073em;text-wrap:balance}
.desk-hero h1 em,.promo-band h2 em,.editorial-seo h2 em,.article-conversion h2 em,.sidebar-cta h2 em,.console-headline em{font-style:normal;background:linear-gradient(97deg,#ae95ff 0%,#d7c5ff 34%,#6cf0c7 92%);-webkit-background-clip:text;background-clip:text;color:transparent}
.desk-hero-lead{font-size:clamp(.98rem,1.5vw,1.14rem);line-height:1.8;color:#bac1d3;max-width:670px;margin:26px 0 29px}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:13px}
.button-electric,.button-quiet,.promo-btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:14px 21px;border-radius:10px;font-size:.86rem;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s}
.button-electric{background:linear-gradient(100deg,#a37afc,#7e54ec 47%,#5fe9bb);color:#111425;box-shadow:0 12px 34px rgba(130,83,245,.21);background-size:180% 100%}
.button-electric:hover{color:#111425;transform:translateY(-3px);box-shadow:0 17px 36px rgba(130,83,245,.38);background-position:100% 0}
.button-quiet{border:1px solid rgba(211,215,244,.24);color:#edf0ff;background:rgba(255,255,255,.045)}
.button-quiet:hover{background:rgba(255,255,255,.11);color:#fff;border-color:rgba(211,215,244,.5);transform:translateY(-2px)}
.hero-credibility{font-size:.75rem;letter-spacing:.01em;color:#9099b2;display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:30px}
.hero-mini-dot{background:#a58aff;width:5px;height:5px;border-radius:50%}.hero-cred-divider{color:#4f5475}
.hero-console{background:linear-gradient(160deg,rgba(36,33,59,.86),rgba(17,26,40,.92));border:1px solid rgba(183,169,239,.24);border-radius:19px;padding:24px 25px 22px;position:relative;isolation:isolate;box-shadow:0 27px 65px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.06)}
.hero-console:before{content:'';position:absolute;z-index:-1;inset:0;border-radius:inherit;background:radial-gradient(ellipse at 100% 0%,rgba(122,80,234,.17),transparent 62%)}
.console-top{display:flex;justify-content:space-between;gap:12px;color:#c3bbef;font-size:.61rem}
.console-nodes{color:#81f2ce;letter-spacing:.34em;font-size:.45rem;white-space:nowrap}
.console-headline{font:800 1.65rem/1.15 'Manrope',sans-serif;letter-spacing:-.055em;margin:28px 0 22px;color:#f5f4ff}
.console-headline em{font-size:1.65rem}
.console-row{display:grid;grid-template-columns:30px 1fr 14px;align-items:center;gap:11px;padding:16px 3px;border-top:1px solid rgba(212,213,241,.14);color:#fff;transition:padding .2s,background .2s}
.console-row:hover{padding-left:9px;background:rgba(163,122,252,.08);color:#fff}
.console-row>span:last-child{color:#8deac7}
.console-no{color:#8c86b1;font-size:.61rem}
.console-row strong,.console-row small{display:block;line-height:1.5}
.console-row strong{font-size:.83rem;font-weight:750}
.console-row small{font-size:.69rem;color:#a4adbf;margin-top:2px}
.console-bottom{display:flex;align-items:center;gap:10px;margin-top:17px;color:#8c93ac;font-size:.53rem;letter-spacing:.11em}
.scanline{width:30px;height:2px;overflow:hidden;position:relative;background:#323650}
.scanline:after{content:'';position:absolute;inset:0;background:#64efc4;transform:translateX(-90%);animation:signalScan 2.8s ease-in-out infinite}
@keyframes signalScan{to{transform:translateX(100%)}}

/* Pathways and article cards */
.blog-main{padding-top:32px;padding-bottom:90px}
.topic-journeys{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:35px}
.topic-tile{display:grid;grid-template-columns:41px 1fr 18px;align-items:center;gap:13px;min-width:0;padding:18px;background:#fff;border:1px solid #e7e9f0;border-radius:14px;transition:transform .23s,box-shadow .23s,border-color .23s;box-shadow:0 4px 19px rgba(29,29,48,.018)}
.topic-tile:hover{border-color:#c7baed;color:inherit;transform:translateY(-4px);box-shadow:0 14px 32px rgba(51,36,104,.08)}
.topic-icon{display:grid;place-items:center;background:#f0eaff;color:#7450ce;width:41px;height:41px;border-radius:11px;font-size:1.42rem;font-weight:800}
.topic-tile:nth-child(2) .topic-icon{background:#e3f9f1;color:#168668}
.topic-tile:nth-child(3) .topic-icon{background:#e9ecfd;color:#515cbe}
.topic-tile strong,.topic-tile small{display:block;line-height:1.4}
.topic-tile strong{font-size:.82rem;color:#22263b;font-weight:850}
.topic-tile small{font-size:.72rem;color:#738096;margin-top:4px}
.topic-arrow{color:#8c86a8;transition:transform .2s}
.topic-tile:hover .topic-arrow{transform:translate(2px,-2px);color:#6541c2}
.filter-row{padding-bottom:14px;border-bottom:1px solid #e8eaf0;margin-bottom:32px}
.chip{border-radius:9px;padding:8px 13px;font-size:.76rem;border-color:#e2e6ee;transition:all .2s}
.chip:hover{background:#faf8ff;transform:translateY(-1px)}
.chip[aria-current='page']{background:#24243c;color:#fff;border-color:#24243c}
.search-form{border-radius:11px;box-shadow:0 2px 12px rgba(40,32,80,.02)}
.search-form button{background:#25243d;border-radius:8px}
.section-top{margin:32px 0 20px;align-items:end}
.section-top h2{font-size:clamp(1.55rem,2.4vw,2rem);letter-spacing:-.055em;margin:4px 0 0}
.section-kicker{font-size:.63rem;color:#7655bf;letter-spacing:.19em}
.heading-accent{font-size:.7em;color:#9c84db}
.section-top p{color:#9098a6;font-size:.75rem}
.section-top-latest{margin-top:50px}
.featured-story{grid-template-columns:1.05fr 1fr;border-radius:19px;box-shadow:0 9px 34px rgba(21,25,49,.035)}
.featured-story .story-title{font-size:clamp(1.7rem,2.75vw,2.35rem)}
.story-card{border-radius:16px;border-color:#e8eaf0;box-shadow:0 2px 12px rgba(27,30,61,.018)}
.story-card:hover{box-shadow:0 19px 51px rgba(43,35,79,.11);transform:translateY(-5px);border-color:#d8d0f0}
.story-media{position:relative;aspect-ratio:16/10;background:linear-gradient(130deg,#ded7f8,#ddf9ed)}
.story-media:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,13,28,.16),transparent 42%);opacity:.35;transition:opacity .3s;pointer-events:none}
.story-card:hover .story-media:after{opacity:.7}
.story-media img{transition:transform .6s cubic-bezier(.19,1,.22,1)}
.story-card:hover .story-media img{transform:scale(1.065)}
.story-content{padding:23px}
.category-label{display:inline-flex;border:1px solid #e8ddfa;background:#f6f1ff;border-radius:6px;padding:3px 7px;color:#6c47b9;font-size:.66rem;letter-spacing:.045em;text-transform:uppercase}
.story-title{font-size:1.13rem;line-height:1.4;margin-top:14px}
.story-excerpt{color:#677487;line-height:1.76}
.story-footer{border-top:1px solid #edf0f5;padding-top:15px}
.text-arrow{color:#5e3cba;transition:color .2s}
.text-arrow:hover{color:#31866d}
.article-grid{gap:20px}

/* Useful editorial content, not SEO filler */
.editorial-seo{display:grid;grid-template-columns:.83fr 1.17fr;gap:60px;padding:49px 0;margin-top:63px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.editorial-seo h2{font:850 clamp(2.05rem,3.8vw,3.45rem)/1.15 'Manrope',sans-serif;letter-spacing:-.065em;color:#232337;margin:17px 0 0}
.editorial-seo h2 em{background:linear-gradient(110deg,#754bca,#229b76);-webkit-background-clip:text;background-clip:text}
.editorial-seo-body p{font-size:.91rem;line-height:1.91;color:#626d80;margin:0 0 16px}
.editorial-seo-body strong{color:#30344c}
.editorial-seo-body a{display:inline-block;margin-top:7px}
.promo-band-signature{position:relative;overflow:hidden;isolation:isolate;display:grid;grid-template-columns:1fr auto;gap:25px;border-radius:20px;background:#191928;padding:44px 50px;margin-top:56px;box-shadow:0 18px 50px rgba(34,32,54,.12)}
.promo-band-signature:before{content:'';position:absolute;right:-140px;top:-250px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(108,67,212,.48),transparent 60%);z-index:-1}
.promo-band-signature:after{content:'';position:absolute;inset:0;opacity:.16;z-index:-2;background-image:repeating-linear-gradient(130deg,transparent 0,transparent 40px,rgba(244,244,255,.17) 41px,transparent 42px)}
.promo-band h2{font:850 clamp(1.9rem,3.4vw,3rem)/1.1 'Manrope',sans-serif;letter-spacing:-.06em;margin:12px 0 12px}
.promo-overline{display:flex;gap:11px;align-items:center;color:#b8aae8;font-size:.63rem}
.promo-band p{font-size:.87rem;color:#bec3d2;max-width:490px;line-height:1.8;margin-bottom:13px}
.promo-band small{color:#9199ae;font-size:.7rem}
.promo-actions{display:flex;align-items:stretch;flex-direction:column;justify-content:center;gap:10px;min-width:224px}
.promo-band .promo-btn{width:auto;border:0;background:#fff;color:#29213d;transition:transform .2s,background .2s;gap:16px}
.promo-btn:hover{background:#e9defd;transform:translateY(-2px)}
.promo-btn-outline{border:1px solid rgba(213,214,241,.32);background:rgba(255,255,255,.04);color:#efedff;font-size:.83rem}
.promo-btn-outline:hover{color:#fff;background:rgba(255,255,255,.12);transform:translateY(-2px)}
.site-footer{padding:48px 0;background:#fff;border-color:#e6e9ef}
.site-footer .brand{font-size:1.11rem}
.footer-sub{max-width:510px;line-height:1.9}
.footer-links a{transition:color .2s}

/* Reading page: editorial masthead and well-paced content */
.article-layout{gap:60px;padding-top:33px}
.breadcrumb{margin-top:24px}
.article-header{background:linear-gradient(132deg,#fff 0%,#fff 61%,#f7f3ff 100%);padding:31px 36px 33px;border:1px solid #e9e6f0;border-radius:18px;position:relative;overflow:hidden}
.article-header:before{content:'';position:absolute;height:3px;inset:0 0 auto;background:linear-gradient(90deg,#925af1 0%,#77a3db 45%,#32be95 100%)}
.article-header-top{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #ecedf3;padding-bottom:19px;margin-bottom:27px}
.desk-article-label{display:inline-flex;align-items:center;gap:12px;color:#6c568f;font-size:.61rem;letter-spacing:.14em}
.desk-article-label .status-pulse{background:#27b68c;width:6px;height:6px;box-shadow:0 0 0 4px rgba(45,194,149,.11)}
.article-reading-label{color:#9a90b2;font-size:.61rem;white-space:nowrap}
.article-header .eyebrow{display:inline-block;margin-bottom:5px}
.article-header h1{font-size:clamp(2.25rem,3.5vw,3.35rem);line-height:1.14;letter-spacing:-.062em;margin:13px 0 22px;text-wrap:balance}
.article-intro{border-left:3px solid #9075dc;padding-left:18px;margin-bottom:27px}
.article-intro>span{font-size:.61rem;letter-spacing:.17em;font-weight:800;color:#8066be}
.article-intro .article-summary{font-size:1.05rem;line-height:1.79;color:#586678;margin:7px 0 0}
.article-byline{font-size:.77rem;gap:11px}
.byline-avatar{background:#ebe6ff;color:#6540b3}
.article-cover{border-radius:17px;box-shadow:0 13px 33px rgba(20,19,40,.08);margin:22px 0 39px}
.article-body{max-width:none;font-size:1.06rem;line-height:1.94;color:#323b4b;letter-spacing:-.004em}
.article-body h2{font-size:clamp(1.48rem,2.3vw,1.9rem);line-height:1.27;margin-top:2.25em;position:relative}
.article-body h2:before{content:'';position:absolute;left:0;bottom:-11px;height:3px;width:31px;border-radius:10px;background:linear-gradient(90deg,#8852da,#32c09b)}
.article-body h2 + p{margin-top:1.2rem}
.article-body h3{margin-top:2em}
.article-body p{margin-bottom:1.45em}
.article-body a{text-decoration-thickness:1px;text-underline-offset:4px}
.article-body blockquote{border-left:3px solid #8b58d7;background:#f2eefc;padding:23px 27px;line-height:1.8}
.article-body img{border-radius:15px}
.article-body ul,.article-body ol{padding-left:1.6em}
.article-side{gap:17px;top:98px}
.side-panel{border-color:#e7e9ef;border-radius:15px;box-shadow:0 5px 18px rgba(36,33,65,.025)}
.toc-card{background:#fff;max-height:440px;overflow:auto}
.toc-list a{transition:all .2s}
.newsletter-panel{background:linear-gradient(125deg,#fff,#f7f4fe)}
.newsletter-panel .eyebrow{font-size:.58rem}
.newsletter-panel h2{font-size:1.17rem;letter-spacing:-.04em}
.newsletter-form input{background:#fff}
.sidebar-cta{position:relative;overflow:hidden;isolation:isolate;background:#1b1a30;border:1px solid #2b2648;color:#fff;box-shadow:0 15px 30px rgba(28,26,56,.12)}
.sidebar-cta-orb{position:absolute;z-index:-1;right:-90px;top:-140px;width:260px;height:260px;background:radial-gradient(circle,rgba(138,90,245,.42),transparent 70%);border-radius:50%}
.sidebar-cta .eyebrow{color:#c9b4ff;font-size:.57rem}
.sidebar-cta h2{font-size:1.43rem;color:#fff;line-height:1.25;margin:16px 0}
.sidebar-cta h2 em{font-size:1.43rem}
.sidebar-cta p{color:#bac2d2;margin-bottom:20px}
.sidebar-cta .side-btn{background:linear-gradient(100deg,#a48aff,#73e5bf);color:#171624;padding:12px;border:0;transition:transform .2s,box-shadow .2s}
.sidebar-cta .side-btn:hover{background:linear-gradient(100deg,#b5a0ff,#80f0c9);color:#151523;transform:translateY(-2px);box-shadow:0 9px 20px rgba(139,94,231,.17)}
.sidebar-guide{display:block;text-align:center;color:#f2eeff;margin-top:13px;font-size:.77rem;font-weight:700}
.sidebar-guide:hover{color:#70e8bc}
.sidebar-cta small{display:block;text-align:center;color:#8d91ac;margin-top:16px;font-size:.66rem}
.article-conversion{position:relative;overflow:hidden;background:#1a192c;border-radius:18px;padding:29px 30px 33px;margin:50px 0 35px;color:#fff}
.article-conversion:before{content:'';position:absolute;right:-130px;top:-260px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(130,84,229,.42),transparent 65%)}
.article-conversion-overline{position:relative;display:flex;justify-content:space-between;align-items:center;color:#b2a8d9;font-size:.6rem;margin-bottom:15px}
.article-conversion-grid{position:relative;display:grid;grid-template-columns:1fr auto;gap:15px;align-items:center}
.article-conversion h2{font:850 clamp(1.5rem,2.2vw,2rem)/1.16 'Manrope',sans-serif;letter-spacing:-.05em;margin:0 0 11px}
.article-conversion p{color:#b4b9ca;font-size:.79rem;line-height:1.8;max-width:410px;margin:0}
.article-conversion-actions{display:flex;flex-direction:column;gap:11px;min-width:195px}
.article-conversion .button-electric{font-size:.78rem;padding:12px 14px;gap:10px}
.article-secondary-link{color:#d1c9e5;font-size:.75rem;font-weight:800;text-align:center}
.article-secondary-link:hover{color:#8cedc6}
.comments{scroll-margin-top:90px}
.reading-progress{height:4px;box-shadow:0 0 14px rgba(120,85,225,.38)}

/* Animation only after JavaScript turns it on; no hidden content fallback */
@media(prefers-reduced-motion:no-preference){
  html.js-reveal .is-reveal-target{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}
  html.js-reveal .is-reveal-target.is-visible{opacity:1;transform:translateY(0)}
  .topic-tile:nth-child(2){transition-delay:.03s}.topic-tile:nth-child(3){transition-delay:.07s}
}

@media(max-width:1080px){
  .desk-hero-inner{grid-template-columns:minmax(0,1fr) 325px;gap:28px}
  .desk-hero h1{font-size:clamp(3rem,5.2vw,4.7rem)}
  .hero-console{padding:21px}
  .topic-tile{padding:14px;gap:9px}
  .article-layout{gap:35px}
}
@media(max-width:860px){
  .desk-hero-inner{grid-template-columns:1fr;gap:34px;padding-top:58px;padding-bottom:54px}
  .desk-hero-copy{max-width:720px}
  .desk-hero h1{font-size:clamp(3rem,7.1vw,5rem)}
  .hero-console{max-width:720px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 10px}
  .console-top,.console-headline,.console-bottom{grid-column:1/-1}
  .console-headline{margin:18px 0 10px;font-size:1.3rem}.console-headline br{display:none}
  .console-headline em{font-size:inherit}
  .console-row{grid-template-columns:19px 1fr 10px;gap:6px}.console-row small{font-size:.63rem}
  .topic-journeys{grid-template-columns:repeat(3,minmax(0,1fr))}
  .topic-tile{grid-template-columns:35px 1fr}.topic-icon{width:35px;height:35px}.topic-arrow{display:none}
  .editorial-seo{gap:35px}
  .promo-band-signature{padding:34px}
  .article-header{padding:27px}
  .article-layout{gap:30px}
}
@media(max-width:680px){
  .desk-hero-inner{padding-top:47px;padding-bottom:50px}
  .desk-hero h1{font-size:clamp(2.65rem,10.7vw,3.75rem);letter-spacing:-.066em}
  .desk-overline{margin-bottom:21px;font-size:.59rem}.desk-issue{display:none}
  .desk-hero-lead{margin:21px 0 26px;font-size:.96rem;line-height:1.8}
  .hero-actions{align-items:stretch}.button-electric,.button-quiet{padding:12px 16px;gap:10px;font-size:.79rem}
  .hero-credibility{font-size:.68rem;margin-top:22px}
  .hero-console{display:block;padding:21px}.console-headline{margin:18px 0}.console-row{grid-template-columns:26px 1fr 14px;padding:12px 3px}
  .console-row small{font-size:.67rem}.console-bottom{margin-top:12px}
  .topic-journeys{grid-template-columns:1fr;gap:9px;margin-bottom:22px}
  .topic-tile{grid-template-columns:38px 1fr 15px;padding:13px 15px}.topic-icon{width:38px;height:38px}.topic-arrow{display:block}
  .blog-main{padding-top:19px;padding-bottom:50px}
  .section-top{margin-top:25px}.section-top-latest{margin-top:34px}
  .section-top h2{font-size:1.5rem}
  .featured-story{margin-bottom:26px}
  .article-grid{gap:15px}
  .editorial-seo{grid-template-columns:1fr;gap:21px;padding:38px 0;margin-top:42px}
  .editorial-seo h2{font-size:2.3rem;margin-top:9px}
  .promo-band-signature{display:block;padding:29px 24px;margin-top:37px}
  .promo-band-signature .promo-actions{margin-top:24px;min-width:0}
  .promo-actions a{width:100%}
  .article-header{padding:21px 19px 24px;margin-bottom:18px}
  .article-header h1{font-size:clamp(2rem,8.5vw,2.7rem);letter-spacing:-.06em}
  .article-header-top{margin-bottom:21px;padding-bottom:15px;flex-wrap:wrap;gap:8px}
  .desk-article-label{font-size:.56rem;gap:8px}.article-reading-label{font-size:.58rem}
  .article-intro{padding-left:12px}.article-intro .article-summary{font-size:.97rem}
  .article-cover{margin:16px 0 27px}
  .article-conversion{padding:24px 20px;margin:36px 0 28px}
  .article-conversion-grid{grid-template-columns:1fr;gap:20px}
  .article-conversion-actions{min-width:0;align-items:stretch}
  .article-conversion h2{font-size:1.7rem}
}
@media(max-width:390px){
  .hero-actions{flex-direction:column}.button-electric,.button-quiet{width:100%}
  .desk-hero h1{font-size:2.47rem}
  .section-top{align-items:start}.section-top p{display:none}
  .hero-cred-divider{display:none}
}
@media(prefers-reduced-motion:reduce){.hero-orb,.scanline:after{animation:none!important}html.js-reveal .is-reveal-target{opacity:1!important;transform:none!important}}
/* Scroll reveal never hides article content: crawlers, print, screenshots and
   readers without a scrolling observer always see the full page. */
@media(prefers-reduced-motion:no-preference){
 html.js-reveal .is-reveal-target{opacity:1;transform:none;transition:none}
 html.js-reveal .is-reveal-target.is-visible{animation:deskEnter .6s cubic-bezier(.2,.7,.2,1) both}
 @keyframes deskEnter{from{opacity:.65;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
}
@media(max-width:620px){
 /* Mobile already has the three quick research paths below the hero.
    Avoid duplicating that navigation above the fold. */
 .desk-hero .hero-console{display:none}
 .desk-hero-inner{padding-top:48px;padding-bottom:50px}
}