@charset "utf-8";
/* =====================================================================
   SuprContent CMS — the parts the CMS adds to the redesign. Loads after site.css (the redesign's styles) on every page.
   The Insights page, the archives and the articles follow the DotnDot Insights layout (cover cards in a turning
   frame, featured article, topic chips + search + "load more", articles-per-topic chart, article cover hero,
   "In short", contents, FAQ accordion, share, call card, author, next article loading below) in the SuprContent
   look: ink #0D1014, mint #37EA8E → lime #BFFF0A, Montserrat Alternates headings, DM Sans text, Quantico labels.
   1 base · 2 cover card + article cards · 3 Insights page · 4 archives + 404 · 5 article · 6 next article
   7 homepage insights, widgets, forms, unsubscribe, maintenance · 8 Buy / Sell Content · 9 responsive
   ===================================================================== */

/* ---------- 1. base ---------- */
.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}
.sc-shell{min-height:100vh}
.sc-top{position:absolute;top:0;left:0;width:1px;height:1px}
@property --ang{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes coverSpin{to{--ang:360deg}}
/* the turning frame (covers, "In short", the open FAQ question) is written out in each rule: a custom property holding
   var(--ang) would be computed once on :root and stop the turn */
:root{
  --panel:#14181D; --panel-2:#181D23; --tint:rgba(55,234,142,.1); --tint-2:rgba(55,234,142,.18);
  --dot:rgba(255,255,255,.1); --dot-mint:rgba(55,234,142,.55);
  --shadow:0 50px 90px -60px rgba(0,0,0,.95);
  --top:84px;                                              /* the fixed header: 14px inset + 70px bar */
}
.paused .post-cover,.paused .art-tldr,.paused .qa.open{animation-play-state:paused}
.center-row{display:flex;justify-content:center;margin-top:clamp(32px,4vw,48px)}

/* breadcrumb pill */
.crumbs{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px 10px;max-width:100%;padding:8px 16px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid var(--line);
  font:500 13px/1.25 var(--f-body);color:var(--muted);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.crumbs a{color:var(--soft);text-decoration:none;transition:color .25s}
.crumbs a:hover{color:var(--green)}
.crumbs .sep{flex:none;width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}
.crumbs [aria-current]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff}

/* ---------- 2. cover card + article cards ---------- */
/* cover: the short title in white in the middle and the SuprContent mark in the corner, on the ink panel (dot patches,
   mint glow) inside a turning mint-to-lime frame */
.post-cover{position:relative;display:block;padding:2px;aspect-ratio:780/499;border-radius:18px;text-decoration:none;
  background:conic-gradient(from var(--ang),#0E8A4F,#37EA8E 14%,#BFFF0A 25%,#37EA8E 36%,#0E8A4F 50%,#37EA8E 64%,#BFFF0A 75%,#37EA8E 86%,#0E8A4F);
  animation:coverSpin 7s linear infinite;animation-delay:var(--delay,0s);transition:box-shadow .5s}
.post-cover:not(.art-cover){width:calc(100% - 24px);max-width:calc(100% - 24px);min-width:0;margin:12px 12px 0;flex-shrink:0;overflow:hidden}
.post-cover:not(.art-cover)>.pc-in{position:absolute;inset:2px;width:auto;height:auto;min-width:0}
.pc-in{position:relative;display:grid;place-items:center;height:100%;padding:28px 34px;border-radius:16px;overflow:hidden;text-align:center;
  background:radial-gradient(circle at 50% 125%,rgba(55,234,142,.24),transparent 60%),radial-gradient(circle at 0% 0%,rgba(191,255,10,.06),transparent 40%),var(--panel)}
.pc-in::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,var(--dot) 1px,transparent 1.5px);background-size:16px 16px;
  -webkit-mask-image:radial-gradient(circle at 50% 50%,transparent 32%,#000 82%);mask-image:radial-gradient(circle at 50% 50%,transparent 32%,#000 82%)}
.pc-logo{position:absolute;top:14px;right:14px;width:21px;height:27px;color:#fff;overflow:visible}
.pc-title{position:relative;min-width:0;max-width:100%;overflow-wrap:anywhere;font:700 clamp(19px,1.75vw,24px)/1.22 var(--f-head);letter-spacing:-.02em;color:#fff;text-wrap:balance;
  transition:transform .6s var(--ease)}
.pc-img{position:absolute;inset:0;z-index:2;display:block;width:100%;height:100%;object-fit:cover}

/* grid card */
.posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.post{position:relative;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(180deg,var(--surface),var(--bg-2));border:1px solid var(--line);border-radius:24px;
  transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .4s}
.post:hover{transform:translateY(-8px);border-color:rgba(55,234,142,.3);box-shadow:0 36px 64px -40px rgba(55,234,142,.42)}
.post:hover .post-cover,.feat-post:hover .post-cover{animation-duration:2.6s;box-shadow:0 18px 44px -22px rgba(55,234,142,.6)}
.post:hover .pc-title,.feat-post:hover .pc-title{transform:scale(1.045)}
.post-body{display:flex;flex-direction:column;flex:1;padding:20px 24px 24px}
.pb-top{display:flex;align-items:center;justify-content:space-between;gap:8px 12px;flex-wrap:wrap}
.post-cat{position:relative;z-index:4;align-self:flex-start;font:700 11px/1.2 var(--f-tech);letter-spacing:.16em;text-transform:uppercase;color:var(--green);text-decoration:none;transition:color .25s}
a.post-cat:hover{color:var(--lime)}
.post-meta{display:inline-flex;align-items:center;gap:8px;font:500 12.5px/1 var(--f-body);color:var(--muted);white-space:nowrap}
.post-meta i{width:4px;height:4px;border-radius:50%;background:var(--green)}
.post h3{margin-top:12px;font:600 18px/1.38 var(--f-head);letter-spacing:-.012em;color:#fff}
.post h3 a{color:inherit;text-decoration:none;transition:color .3s}
.post h3 a:hover{color:var(--green)}
.post h3 a::after{content:"";position:absolute;inset:0;z-index:3;border-radius:inherit}      /* the whole card opens the article */
/* cards rise in (cms.js); the reveal moves with `translate`, so the hover lift (`transform`) stays quick */
.js .rv{opacity:0;translate:0 36px;transition:opacity .9s var(--ease) var(--d,0s),translate 1.1s var(--ease) var(--d,0s),transform .5s var(--ease),box-shadow .5s var(--ease),border-color .4s}
.js .rv.in{opacity:1;translate:none}
.failsafe .rv{opacity:1!important;translate:none!important}

/* ---------- 3. Insights page ---------- */
.ins-hero{position:relative;isolation:isolate;overflow:hidden;padding:calc(var(--top) + clamp(40px,6vw,86px)) 0 clamp(56px,6vw,86px);text-align:center}
.ih-bg,.enq-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent);mask-image:linear-gradient(180deg,#000 55%,transparent)}
.ih-dots{position:absolute;inset:-26px 0 0;background-image:radial-gradient(circle,rgba(255,255,255,.13) 1px,transparent 1.6px);background-size:26px 26px;
  -webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 38%,#000 15%,transparent 72%);mask-image:radial-gradient(ellipse 70% 70% at 50% 38%,#000 15%,transparent 72%);
  animation:dotsDrift 24s linear infinite}
@keyframes dotsDrift{to{transform:translate3d(0,26px,0)}}
.ih-beam{position:absolute;left:50%;top:-38%;width:min(1100px,120%);height:90%;transform:translateX(-50%);
  background:radial-gradient(ellipse at 50% 0%,rgba(55,234,142,.26),rgba(55,234,142,.06) 45%,transparent 68%);animation:beam 9s ease-in-out infinite alternate}
@keyframes beam{to{opacity:.55;transform:translateX(-50%) scaleX(1.15)}}
.ih-orb{position:absolute;width:420px;height:420px;border-radius:50%;filter:blur(90px);opacity:.36;animation:orb 16s ease-in-out infinite alternate}
.ih-orb.o1{left:-140px;top:12%;background:#1FCD71}
.ih-orb.o2{right:-160px;bottom:-12%;background:#BFFF0A;opacity:.16;animation-duration:20s;animation-direction:alternate-reverse}
@keyframes orb{to{transform:translate3d(90px,-40px,0) scale(1.15)}}
.ih-in{display:grid;justify-items:center;gap:20px}
.ih-in .crumbs{margin-bottom:4px}
.ih-title{max-width:980px;font-size:clamp(40px,7.2vw,98px);line-height:1;letter-spacing:-.035em}
.ins-hero .lead{max-width:720px}
.ih-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:10px 0 0;padding:0;list-style:none}
.ih-stats li{display:grid;gap:4px;min-width:132px;padding:14px 22px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid var(--line)}
.ih-stats strong{font:700 clamp(26px,2.6vw,34px)/1 var(--f-head);color:var(--green);font-variant-numeric:tabular-nums}
.ih-stats span{font:700 11px/1 var(--f-tech);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.ins-scroll{position:relative;display:block;width:26px;height:42px;margin-top:14px;border-radius:14px;border:1.5px solid var(--line-2)}
.ins-scroll i{position:absolute;left:50%;top:8px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:var(--green);animation:insScroll 1.8s var(--ease) infinite}
@keyframes insScroll{0%{transform:translateY(0);opacity:1}70%{transform:translateY(12px);opacity:0}100%{transform:translateY(0);opacity:0}}
.js .ins-hero .crumbs,.js .ins-hero .ins-scroll{opacity:0;transform:translateY(14px);transition:opacity .8s var(--ease),transform .9s var(--ease)}
.ready .ins-hero .crumbs{opacity:1;transform:none}
.ready .ins-hero .ins-scroll{opacity:1;transform:none;transition-delay:.8s}

/* featured: the latest article, large */
.ins-feat{padding-bottom:clamp(36px,4vw,56px)}
.feat-post{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:center;padding:14px;
  border-radius:32px;background:linear-gradient(140deg,var(--surface),var(--bg-2));border:1px solid var(--line);box-shadow:var(--shadow)}
.post-cover.big{width:100%;max-width:100%;margin:0;border-radius:22px}
.post-cover.big .pc-in{border-radius:20px}
.post-cover.big .pc-title{font-size:clamp(26px,3vw,42px)}
.post-cover.big .pc-logo{top:20px;right:20px;width:28px;height:36px}
.fp-body{padding:10px 26px 10px 0}
.fp-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.fp-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:var(--green);color:var(--ink);font:700 11px/1 var(--f-tech);letter-spacing:.14em;text-transform:uppercase}
.fp-badge::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ink);animation:blink 2.4s ease-in-out infinite}
.fp-top .post-cat{align-self:center}
.fp-title{margin-top:18px;font:700 clamp(24px,2.4vw,34px)/1.18 var(--f-head);color:#fff;letter-spacing:-.025em}
.fp-title a{color:inherit;text-decoration:none;transition:color .3s}
.fp-title a:hover{color:var(--green)}
.fp-body .post-meta{margin-top:14px}
.fp-ex{margin-top:14px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;font-size:16px;line-height:1.7;color:var(--muted)}
.more{display:inline-flex;align-items:center;gap:10px;margin-top:22px;font:700 14px/1 var(--f-body);color:var(--green);text-decoration:none;transition:gap .35s var(--ease),color .3s}
.more .i{width:16px;height:16px}
.more:hover{gap:16px;color:var(--lime)}

/* all articles: heading, topic chips, search, grid, load more */
.ins-sec{position:relative;isolation:isolate;padding-top:clamp(56px,6vw,90px)}
.ins-sec::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle,var(--dot) 1px,transparent 1.5px);background-size:24px 24px;opacity:.6;
  -webkit-mask-image:linear-gradient(180deg,#000,transparent 460px);mask-image:linear-gradient(180deg,#000,transparent 460px)}
.ins-head{margin-bottom:clamp(28px,3.4vw,44px)}
.ins-bar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px 28px;margin-bottom:28px}
.chips-row{display:flex;flex-wrap:wrap;gap:8px;min-width:0}
.ins-bar .ins-search{flex:none}
.tchip{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 17px;border-radius:999px;background:rgba(255,255,255,.035);border:1px solid var(--line);white-space:nowrap;cursor:pointer;
  font:500 14px/1 var(--f-body);color:#E4E9ED;text-decoration:none;transition:background-color .3s,border-color .3s,color .3s,transform .4s var(--ease)}
.tchip:hover{border-color:rgba(55,234,142,.5);color:var(--green);transform:translateY(-2px)}
.tchip.on{background:var(--green);border-color:var(--green);color:var(--ink);font-weight:700}
.ins-search{position:relative;display:flex;align-items:center;width:min(300px,100%)}
.ins-search .i{position:absolute;left:16px;width:17px;height:17px;color:var(--muted);pointer-events:none}
.ins-search input{width:100%;height:44px;padding:0 16px 0 44px;border-radius:999px;border:1px solid var(--line-2);background:rgba(255,255,255,.035);outline:none;
  font:400 14.5px/1 var(--f-body);color:#fff;transition:border-color .3s,box-shadow .3s,background-color .3s}
.ins-search input::placeholder{color:rgba(255,255,255,.35)}
.ins-search input:focus{border-color:var(--green);background:rgba(55,234,142,.05);box-shadow:0 0 0 4px rgba(55,234,142,.14)}
.ins-search input::-webkit-search-cancel-button{filter:invert(1) brightness(.7)}
.ins-grid{transition:opacity .3s}
.ins-grid.loading{opacity:.45;pointer-events:none}
.ins-grid:empty{display:none}
.ins-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:44px 20px;border:1.5px dashed var(--line-2);border-radius:24px;background:rgba(255,255,255,.02);text-align:center;color:var(--muted)}
.ins-empty b{font:700 19px/1.3 var(--f-head);color:#fff}
.ins-empty .btn{margin-top:6px}
.ins-empty[hidden],.ins-more-row[hidden]{display:none}
.ins-more[aria-busy="true"]{opacity:.7;pointer-events:none}

/* topics: animated bar chart of articles per topic */
.tp-sec{padding-top:0}
.tp-panel{position:relative;overflow:hidden;isolation:isolate;padding:clamp(28px,4.4vw,60px);border-radius:34px;border:1px solid var(--line);
  background:radial-gradient(circle at 100% 0%,rgba(55,234,142,.14),transparent 45%),radial-gradient(circle at 0% 100%,rgba(191,255,10,.06),transparent 45%),linear-gradient(160deg,#151A20,#0F1216)}
.tp-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(30px,5vw,72px);align-items:center}
.tp-panel .h2{margin-top:16px;font-size:clamp(28px,3.2vw,44px)}
.tp-panel .lead{margin-top:14px}
.tp-more{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.tp-more a{padding:8px 13px;border-radius:999px;border:1px solid var(--line-2);font:500 13px/1 var(--f-body);color:var(--soft);text-decoration:none;transition:background-color .3s,border-color .3s,color .3s}
.tp-more a:hover{background:var(--green);border-color:var(--green);color:var(--ink)}
.tp-more a.tp-cat{border-style:dashed}
.tp-card{padding:24px 22px 18px;border-radius:26px;background:rgba(255,255,255,.035);border:1px solid var(--line)}
.tp-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 8px 10px;font:700 15px/1.2 var(--f-head);color:#fff}
.tp-chip{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:999px;background:var(--tint);white-space:nowrap;font:700 11px/1 var(--f-tech);letter-spacing:.08em;color:var(--green)}
.tp-chip i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(55,234,142,.22);animation:blink 2.4s ease-in-out infinite}
.tp-row{display:grid;grid-template-columns:170px minmax(0,1fr) 44px;align-items:center;gap:14px;padding:9px 8px;border-radius:12px;text-decoration:none;transition:background-color .3s}
.tp-row:hover{background:rgba(255,255,255,.05)}
.tp-name{font:500 13.5px/1.2 var(--f-body);color:var(--soft);transition:color .3s}
.tp-row:hover .tp-name{color:#fff}
.tp-track{height:10px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden}
.tp-bar{display:block;width:var(--w);height:100%;border-radius:999px;background:linear-gradient(90deg,#0E8A4F,#37EA8E);transform-origin:left;transition:transform 1.2s var(--ease) var(--d,0s),filter .3s}
.tp-row:first-of-type .tp-bar{background:linear-gradient(90deg,#37EA8E,#BFFF0A)}
.js .tp-card:not(.in) .tp-bar{transform:scaleX(0)}
.tp-row:hover .tp-bar{filter:brightness(1.2)}
.tp-n{font:700 15px/1 var(--f-head);color:#fff;text-align:right;font-variant-numeric:tabular-nums}

/* ---------- 4. archives (category, tag, author, search) + 404: the article cover hero with the archive name ---------- */
.arch-hero{padding-bottom:clamp(8px,1.4vw,18px)}
.arch-lead{max-width:640px;font-size:16.5px;line-height:1.7;color:var(--soft)}
.arch-photo{width:40px;height:40px;border-radius:50%;object-fit:cover;border:1px solid var(--line-2)}
.art-hero .arch-search{width:min(560px,100%);margin:22px auto 0}
.pc-in .arch-search{margin:0 auto}
.arch-sec{padding-top:clamp(30px,3vw,44px)}
.sc-404{padding-bottom:clamp(64px,8vw,110px)}
.sc-404 .art-cover .pc-in{min-height:clamp(400px,36vw,500px)}
.sc-404 .cta-row{margin-top:4px}

/* ---------- 5. article: one template for every blog post and text page ---------- */
.art-progress{position:fixed;left:0;right:0;top:0;z-index:120;height:3px;pointer-events:none}
.art-progress i{display:block;height:100%;transform-origin:0 50%;transform:scaleX(var(--read,0));background:linear-gradient(90deg,var(--green-2),var(--green),var(--lime));box-shadow:0 0 12px rgba(55,234,142,.6)}

/* hero: breadcrumb, cover card with the title, meta line */
.art-hero{position:relative;isolation:isolate;padding:calc(var(--top) + clamp(26px,3vw,40px)) 0 0;text-align:center;
  background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(55,234,142,.12),transparent 70%)}
.art-hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle,var(--dot) 1.1px,transparent 1.6px);background-size:24px 24px;
  -webkit-mask-image:linear-gradient(180deg,#000 20%,transparent 85%);mask-image:linear-gradient(180deg,#000 20%,transparent 85%)}
.art-hero .crumbs{margin-bottom:clamp(18px,2.2vw,28px)}
.art-cover{display:block;max-width:1040px;margin:0 auto;aspect-ratio:auto;padding:2px;border-radius:32px;box-shadow:0 60px 100px -60px rgba(55,234,142,.35),var(--shadow)}
.art-cover .pc-in{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;min-height:clamp(300px,28vw,400px);
  padding:clamp(40px,5vw,70px) clamp(22px,7vw,110px);border-radius:30px;text-align:center}
.art-cover .pc-in>*{position:relative;z-index:1}
/* dot patches like a printed card: white at the top right, mint at the bottom left */
.art-cover .pc-in::before{inset:24px 24px auto auto;width:160px;height:96px;background-size:12px 12px;
  -webkit-mask-image:linear-gradient(225deg,#000 30%,transparent);mask-image:linear-gradient(225deg,#000 30%,transparent)}
.art-cover .pc-in::after{content:"";position:absolute;left:24px;bottom:24px;width:136px;height:86px;pointer-events:none;
  background-image:radial-gradient(circle,var(--dot-mint) 1.4px,transparent 1.9px);background-size:12px 12px;
  -webkit-mask-image:linear-gradient(45deg,#000 30%,transparent);mask-image:linear-gradient(45deg,#000 30%,transparent)}
.art-cat{display:inline-flex;align-items:center;gap:9px;height:32px;padding:0 15px 0 12px;border-radius:999px;background:var(--tint);border:1px solid rgba(55,234,142,.28);
  font:700 11px/1 var(--f-tech);letter-spacing:.16em;text-transform:uppercase;color:var(--green);text-decoration:none;transition:border-color .3s,color .3s,background-color .3s}
.art-cat::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor;animation:blink 2.4s ease-in-out infinite}
a.art-cat:hover{border-color:var(--green);background:var(--green);color:var(--ink)}
.art-title{max-width:900px;font:700 clamp(30px,3.6vw,54px)/1.1 var(--f-head);color:#fff;letter-spacing:-.03em;text-wrap:balance}
/* the logo under the title: mark + "Supr / Content" stacked, as in the website logo */
.ac-logo{display:inline-flex;align-items:center;gap:10px;color:#fff;text-align:left}
.ac-mark{flex:none;width:29px;height:37px;overflow:visible}
.ac-logo .word{display:grid;font-family:Montserrat,var(--f-head);font-weight:600;line-height:.95;letter-spacing:-.025em}
.ac-logo .word b{font-size:14px;font-weight:600}
.ac-logo .word i{font-style:normal;font-size:21px}
.art-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 24px;padding:24px 0 6px}
.am-by{display:inline-flex;align-items:center;gap:10px;font:600 14.5px/1 var(--f-body);color:#fff}
.am-av{flex:none;width:36px;height:36px;border-radius:50%;object-fit:cover;background:var(--tint);border:1px solid var(--line-2)}
.am-item{display:inline-flex;align-items:center;gap:7px;font:500 13.5px/1 var(--f-body);color:var(--muted)}
.am-item time{color:#fff}
.am-item .i{width:16px;height:16px;color:var(--green)}
.sc-av{flex:none;width:40px;height:40px;border-radius:50%;object-fit:cover;background:var(--tint)}
.sc-av-i,span.am-av,span.aa-av{display:inline-grid;place-items:center;background:var(--tint);color:var(--green);font:700 12px/1 var(--f-body);letter-spacing:.04em}
.sc-av-mark{width:46%;height:58%;color:#fff}

/* reading column */
.art-body{padding-top:clamp(30px,3.6vw,48px);padding-bottom:clamp(44px,5vw,72px);text-align:left}
.prose{width:100%;max-width:800px;margin:0 auto;font-size:17.5px;line-height:1.85;color:var(--soft);overflow-wrap:break-word}
.prose>*+*{margin-top:1.15em}
.prose ul,.prose ol,.prose figure,.prose dl,.prose pre,.prose blockquote{margin-bottom:0}
.prose h2{margin-top:1.8em;font:700 clamp(24px,2.1vw,31px)/1.25 var(--f-head);color:#fff;letter-spacing:-.022em;scroll-margin-top:100px}
.prose h3{margin-top:1.9em;font:700 clamp(19px,1.5vw,22px)/1.35 var(--f-head);color:#fff;letter-spacing:-.015em;scroll-margin-top:100px}
.prose h4{margin-top:1.7em;font:700 17.5px/1.4 var(--f-head);color:#fff}
.prose h2+*,.prose h3+*,.prose h4+*{margin-top:.75em}
.prose strong,.prose b{font-weight:700;color:#fff}
.prose a{font-weight:500;color:var(--green);text-decoration:underline;text-decoration-color:rgba(55,234,142,.4);text-decoration-thickness:1.5px;text-underline-offset:3px;transition:color .25s,text-decoration-color .25s}
.prose a:hover{color:var(--lime);text-decoration-color:var(--lime)}
.prose ul,.prose ol{list-style:none;padding:0;display:grid;gap:.55em}
.prose ul>li{position:relative;padding-left:28px}
.prose ul>li::before{content:"";position:absolute;left:5px;top:.72em;width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(55,234,142,.14)}
.prose ol{counter-reset:li}
.prose ol>li{position:relative;padding-left:42px;counter-increment:li}
.prose ol>li::before{content:counter(li);position:absolute;left:0;top:.2em;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;
  background:var(--tint);color:var(--green);font:700 12.5px/1 var(--f-head)}
.prose li>ul,.prose li>ol{margin-top:.55em}
.prose blockquote{position:relative;margin:1.8em 0 0;padding:26px 28px 26px 74px;border-radius:22px;background:var(--tint);border:1px solid rgba(55,234,142,.18);font-size:18px;line-height:1.7;color:#fff}
.prose blockquote::before{content:"\201C";position:absolute;left:24px;top:14px;font:700 64px/1 var(--f-head);color:var(--green)}
.prose blockquote>*+*{margin-top:.8em}
.prose figure,.prose .embed,.prose .tbl{margin-top:1.8em}
.prose figure{margin-inline:0}
.prose img{display:block;max-width:100%;height:auto;margin:0 auto;border-radius:18px;border:1px solid var(--line)}
.prose figcaption{margin-top:10px;text-align:center;font-size:13.5px;line-height:1.5;color:var(--muted)}
.prose .tbl{overflow-x:auto;border:1px solid var(--line-2);border-radius:18px;-webkit-overflow-scrolling:touch}
.prose table{width:100%;min-width:560px;border-collapse:collapse;font-size:15px;line-height:1.55}
.prose th{padding:14px 16px;background:#1B2027;color:#fff;font:700 13.5px/1.4 var(--f-head);text-align:left;vertical-align:bottom}
.prose td{padding:13px 16px;border-top:1px solid var(--line);vertical-align:top}
.prose tr:nth-child(even) td{background:rgba(255,255,255,.02)}
.prose .embed{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#0B0E11}
.prose .embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.prose hr{height:1px;margin:2.4em 0;border:0;background:linear-gradient(90deg,transparent,var(--green),transparent)}
.prose code{padding:2px 7px;border-radius:6px;background:var(--tint);font:500 .88em/1.4 ui-monospace,Consolas,monospace;color:#fff}
.prose pre{overflow:auto;padding:18px 20px;border-radius:16px;background:#0B0E11;border:1px solid var(--line);color:var(--soft)}
.prose pre code{padding:0;background:none;color:inherit}

/* "In short": the first sentence or two of the opening paragraph in the turning frame */
.art-tldr{position:relative;padding:16px 22px;border:2px solid transparent;border-radius:18px;color:#fff;font-size:16.5px;line-height:1.75;
  background:linear-gradient(var(--panel),var(--panel)) padding-box,conic-gradient(from var(--ang),#0E8A4F,#37EA8E 14%,#BFFF0A 25%,#37EA8E 36%,#0E8A4F 50%,#37EA8E 64%,#BFFF0A 75%,#37EA8E 86%,#0E8A4F) border-box;
  animation:coverSpin 9s linear infinite;box-shadow:0 26px 50px -42px rgba(55,234,142,.6)}
.art-tldr p{margin:0;text-wrap:pretty}
.tl-k{display:inline-flex;align-items:center;gap:7px;height:24px;margin:0 10px 0 0;padding:0 10px;border-radius:999px;background:var(--green);color:var(--ink);vertical-align:2px;
  font:700 10.5px/1 var(--f-tech);letter-spacing:.15em;text-transform:uppercase;white-space:nowrap}
.tl-k::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--ink)}

/* contents: one closed line until opened */
.art-toc{border:1px solid var(--line-2);border-radius:20px;background:var(--panel);transition:box-shadow .4s}
.art-toc[open]{box-shadow:0 30px 60px -48px rgba(0,0,0,.8)}
.art-toc summary{display:flex;align-items:center;gap:10px;padding:14px 16px 14px 20px;cursor:pointer;list-style:none}
.art-toc summary::-webkit-details-marker{display:none}
.toc-k{display:inline-flex;align-items:center;gap:9px;font:700 11.5px/1 var(--f-tech);letter-spacing:.16em;text-transform:uppercase;color:#fff}
.toc-k::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}
.art-toc summary small{margin-left:auto;font:500 13px/1 var(--f-body);color:var(--muted)}
.pmb{position:relative;flex:none;width:38px;height:38px;border-radius:50%;border:1.5px solid var(--line-2);color:#fff;transition:background-color .35s,border-color .35s,color .35s,transform .5s var(--ease)}
.pmb::before,.pmb::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;border-radius:2px;background:currentColor;transition:transform .45s var(--ease)}
.pmb::after{transform:rotate(90deg)}
.art-toc .pmb{width:32px;height:32px}
.art-toc[open] .pmb,.qa.open .pmb{background:var(--green);border-color:var(--green);color:var(--ink);transform:rotate(180deg)}
.art-toc[open] .pmb::after,.qa.open .pmb::after{transform:rotate(0)}
.toc-l{display:grid;grid-template-columns:1fr 1fr;gap:2px 18px;padding:4px 14px 16px;counter-reset:toc;border-top:1px solid var(--line)}
.prose .toc-l a{display:flex;gap:10px;padding:8px 6px;border-radius:10px;font:400 14px/1.45 var(--f-body);color:var(--muted);text-decoration:none;transition:color .25s,background-color .25s}
.prose .toc-l a::before{counter-increment:toc;content:counter(toc,decimal-leading-zero);flex:none;font:700 11px/1.9 var(--f-tech);color:rgba(255,255,255,.3);transition:color .25s}
.prose .toc-l a:hover{color:#fff;background:rgba(255,255,255,.04)}
.prose .toc-l a:hover::before{color:var(--green)}

/* FAQ accordion: the open question gets the turning frame */
.art-faq{display:grid;gap:12px}
.prose .art-faq{margin-top:1.2em}
.qa{border:1px solid var(--line-2);border-radius:20px;background:var(--panel);transition:border-color .4s,box-shadow .5s,transform .5s var(--ease)}
.qa:hover{border-color:rgba(55,234,142,.3);transform:translateY(-2px)}
.qa.open{border-color:transparent;transform:none;box-shadow:0 30px 60px -40px rgba(55,234,142,.4);
  background:linear-gradient(var(--panel),var(--panel)) padding-box,conic-gradient(from var(--ang),#0E8A4F,#37EA8E 14%,#BFFF0A 25%,#37EA8E 36%,#0E8A4F 50%,#37EA8E 64%,#BFFF0A 75%,#37EA8E 86%,#0E8A4F) border-box;
  animation:coverSpin 7s linear infinite}
.qa button{width:100%;display:flex;align-items:center;gap:16px;padding:18px 20px;border:0;background:none;color:inherit;text-align:left;cursor:pointer}
.q-ico{flex:none;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;color:var(--green);background:var(--tint);transition:background-color .4s,color .4s,transform .5s var(--ease)}
.q-ico .i{width:20px;height:20px}
.qa:hover .q-ico{transform:rotate(-8deg)}
.qa.open .q-ico{color:var(--ink);background:linear-gradient(135deg,var(--green),var(--lime));transform:none}
.q-t{flex:1;font:600 clamp(15.5px,1.25vw,17.5px)/1.4 var(--f-head);color:#fff;transition:color .3s}
.qa button:hover .q-t{color:var(--green)}
.ans{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--ease)}
.qa.open .ans{grid-template-rows:1fr}
.ans>div{overflow:hidden}
.art-faq .ans>div>*{padding:0 34px 0 80px;font-size:15.5px;line-height:1.75;color:var(--muted);opacity:0;transform:translateY(-8px);transition:opacity .4s,transform .5s var(--ease)}
.art-faq .ans>div>*+*{margin-top:.7em}
.art-faq .ans>div>:last-child{padding-bottom:22px}
.art-faq .qa.open .ans>div>*{opacity:1;transform:none;transition-delay:.12s}

/* end of the article: topics + share, the call card, the author */
.art-end{display:grid;gap:16px;margin-top:3em;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ae-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px}
.ae-k{width:64px;font:700 11px/1 var(--f-tech);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.ae-tags,.ae-share{display:flex;flex-wrap:wrap;gap:8px}
.ae-tag,.prose a.ae-tag{display:inline-flex;align-items:center;height:36px;padding:0 16px;border-radius:999px;border:1px solid var(--line-2);background:rgba(255,255,255,.03);
  font:500 13.5px/1 var(--f-body);color:#fff;text-decoration:none;transition:border-color .3s,color .3s,background-color .3s}
.ae-tag:hover,.prose a.ae-tag:hover{border-color:var(--green);color:var(--green)}
.sh,.prose a.sh{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;padding:0;background:rgba(255,255,255,.03);border:1px solid var(--line-2);color:#fff;
  cursor:pointer;text-decoration:none;transition:background-color .3s,border-color .3s,color .3s,transform .4s var(--ease)}
.sh .i{width:17px;height:17px}
.sh:hover,.prose a.sh:hover{background:var(--green);border-color:var(--green);color:var(--ink);transform:translateY(-2px)}
.sh.done{background:var(--lime);border-color:var(--lime);color:var(--ink)}
.prose a.art-audit,.art-audit{position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px;margin-top:2em;padding:26px 30px;border-radius:24px;color:var(--ink);text-decoration:none;
  background:linear-gradient(120deg,#1FCD71,#37EA8E 45%,#9BF53A 82%,#BFFF0A);box-shadow:0 34px 60px -40px rgba(55,234,142,.6);transition:transform .45s var(--ease),box-shadow .45s}
.art-audit::before{content:"";position:absolute;right:-40px;top:-60px;z-index:-1;width:200px;height:200px;border-radius:50%;border:1.5px solid rgba(11,14,17,.18);box-shadow:0 0 0 26px rgba(11,14,17,.04),0 0 0 52px rgba(11,14,17,.03)}
.prose a.art-audit:hover{color:var(--ink);transform:translateY(-3px);box-shadow:0 40px 70px -40px rgba(55,234,142,.75)}
.aud-t{flex:1;min-width:220px}
.aud-t b{display:block;font:700 clamp(18px,1.6vw,21px)/1.3 var(--f-head);letter-spacing:-.015em;color:var(--ink)}
.aud-t small{display:block;margin-top:6px;font-size:14px;line-height:1.45;color:rgba(11,14,17,.72)}
.aud-cta{display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 20px;border-radius:999px;background:var(--ink);color:#fff;font:700 13.5px/1 var(--f-body);transition:gap .35s var(--ease)}
.aud-cta .i{width:15px;height:15px;color:var(--green)}
.art-audit:hover .aud-cta{gap:16px}
.art-author{display:flex;gap:22px;margin-top:1.4em;padding:26px 28px;border-radius:24px;background:linear-gradient(160deg,var(--surface),var(--bg-2));border:1px solid var(--line)}
.art-author .aa-av{flex:none;align-self:flex-start;width:64px;height:64px;margin:0;border-radius:18px;object-fit:cover;border:1px solid var(--line-2)}
span.aa-av{font-size:19px}
.aa-k{display:block;font:700 11px/1 var(--f-tech);letter-spacing:.16em;text-transform:uppercase;color:var(--green)}
.aa-body b{display:block;margin-top:8px;font:700 19px/1.3 var(--f-head);letter-spacing:-.015em;color:#fff}
.prose .aa-body b a{color:inherit;text-decoration:none}
.prose .aa-body b a:hover{color:var(--green)}
.aa-body small{display:block;margin-top:4px;font:700 11.5px/1.4 var(--f-tech);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.aa-body p{margin-top:8px;font-size:15px;line-height:1.7;color:var(--muted)}
.prose .aa-body .more{margin-top:14px;text-decoration:none;font-weight:700}

/* ---------- 6. next article: loads below when the article ends ---------- */
.art+.art .art-hero{padding-top:clamp(44px,4.6vw,64px);border-top:1px solid var(--line)}
.art-next-k{display:flex;justify-content:center;margin-bottom:clamp(18px,2.2vw,26px)}
.art-more{display:flex;flex-direction:column;align-items:center;gap:14px;padding:0 0 clamp(56px,6vw,90px)}
.am-load,.am-btn,.am-end,.am-fail{display:none}
.art-more.busy .am-load{display:inline-flex}
.art-more.manual:not(.busy) .am-btn,.art-more.failed:not(.busy) .am-btn{display:inline-flex}
.art-more.failed:not(.busy) .am-fail,.art-more.ended .am-end{display:block}
.am-load{align-items:center;gap:12px;height:46px;padding:0 20px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid var(--line);font:500 14px/1 var(--f-body);color:var(--muted)}
.am-spin{width:18px;height:18px;border-radius:50%;border:2px solid var(--line-2);border-top-color:var(--green);animation:spin .8s linear infinite}
.am-fail,.am-end{font-size:14px;line-height:1.5;color:var(--muted)}
.am-end a{color:var(--green);font-weight:700}

/* ---------- 7. homepage insights, widgets, forms, unsubscribe, maintenance ---------- */
.ins-home{padding-top:clamp(40px,5vw,70px)}
.sc-band{padding-top:clamp(20px,3vw,40px)}
.sc-widget{padding-top:4px}
.sc-widget-t{display:block;margin-bottom:10px;font:700 15px var(--f-head);color:#fff}
.sc-row{display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line);color:inherit;text-decoration:none}
.sc-row-mark{display:grid;place-items:center;aspect-ratio:4/3;border-radius:10px;background:var(--panel);border:1px solid var(--line)}
.sc-row-mark .pc-logo{position:static;width:16px;height:20px}
.sc-row b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font:600 13.5px/1.35 var(--f-head);color:#fff}
.sc-row small{display:block;margin-top:4px;font-size:12px;color:var(--muted)}
.sc-row:hover b{color:var(--green)}
.sc-captcha{display:grid;gap:8px}
.sc-captcha-label{font-size:12.5px;font-weight:700;color:var(--soft)}
.sc-captcha-row{display:flex;align-items:center;gap:8px}
.sc-captcha-code{padding:10px 14px;border-radius:12px;background:var(--tint);border:1px dashed rgba(55,234,142,.45);font:700 18px/1 ui-monospace,Consolas,monospace;letter-spacing:.3em;color:#fff;user-select:none}
.sc-captcha-refresh{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;border:1px solid var(--line-2);background:rgba(255,255,255,.03);color:#fff;cursor:pointer;transition:border-color .3s,color .3s}
.sc-captcha-refresh:hover{border-color:var(--green);color:var(--green)}
.sc-captcha-row input{flex:1;min-width:0;padding:11px 14px;border-radius:12px;border:1px solid var(--line-2);background:rgba(255,255,255,.03);color:#fff;font:400 15px/1.4 var(--f-body)}
.sc-captcha-row input:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 4px rgba(55,234,142,.14)}
.sc-unsub{padding-top:calc(var(--top) + clamp(50px,7vw,100px))}
.sc-unsub-card{display:grid;justify-items:center;gap:16px;max-width:680px;margin:0 auto;padding:clamp(30px,4vw,52px);border-radius:30px;text-align:center;border:1px solid var(--line);
  background:radial-gradient(circle at 50% 0%,rgba(55,234,142,.12),transparent 60%),linear-gradient(180deg,var(--surface),var(--bg-2))}
.sc-unsub-card .h2{font-size:clamp(28px,3.4vw,42px)}
.sc-unsub-card p{color:var(--muted)}
.sc-unsub-card .cta-row{margin-top:8px}
.sc-note{padding:10px 14px;border-radius:12px;background:var(--tint);color:var(--green)!important;font-weight:700}
.sc-note.err{background:rgba(255,107,107,.1);color:#FF9A9A!important}
.sc-maintenance{display:grid;place-items:center;min-height:100vh;padding:40px 20px;text-align:center}
.sc-maintenance .wrap{display:grid;justify-items:center;gap:20px}
.sc-maint-logo{width:186px;height:auto;margin-bottom:12px}

/* ---------- 8. Buy / Sell Content: the step-by-step enquiry ---------- */
.enq-hero{position:relative;isolation:isolate;overflow:hidden;padding:calc(var(--top) + clamp(30px,4vw,56px)) 0 clamp(60px,7vw,100px)}
.enq-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:56px 56px;
  -webkit-mask-image:radial-gradient(ellipse 70% 60% at 30% 30%,#000,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 30% 30%,#000,transparent 75%)}
.enq-wrap{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(32px,5vw,76px);align-items:start}
.enq-intro{display:grid;justify-items:start;gap:20px;padding-top:clamp(4px,2vw,26px)}
.enq-title{font-size:clamp(36px,4.6vw,62px);line-height:1.04;letter-spacing:-.03em}
.enq-steps{display:grid;gap:4px;margin:6px 0 0;padding:0;list-style:none;counter-reset:none}
.enq-steps li{position:relative;display:flex;align-items:center;gap:14px;padding:10px 0}
.enq-steps li:not(:last-child)::after{content:"";position:absolute;left:19px;top:52px;bottom:-12px;width:2px;border-radius:2px;background:var(--line-2)}
.enq-steps li.is-done:not(:last-child)::after{background:linear-gradient(var(--green),rgba(55,234,142,.2))}
.enq-n{flex:none;position:relative;z-index:1;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--line-2);background:var(--bg);
  font:700 14px/1 var(--f-tech);color:var(--muted);transition:background-color .4s,border-color .4s,color .4s,box-shadow .4s}
.enq-steps b{display:block;font:700 15.5px/1.3 var(--f-head);color:var(--soft);transition:color .4s}
.enq-steps small{display:block;margin-top:3px;font-size:13px;color:var(--muted)}
.enq-steps li.is-on .enq-n{background:var(--green);border-color:var(--green);color:var(--ink);box-shadow:0 0 0 6px rgba(55,234,142,.14)}
.enq-steps li.is-on b{color:#fff}
.enq-steps li.is-done .enq-n{border-color:var(--green);color:var(--green)}
.enq-trust{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 0;padding:0;list-style:none}
.enq-trust li{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.035);border:1px solid var(--line);font-size:13.5px;color:var(--soft)}
.enq-trust .i{width:16px;height:16px;color:var(--green)}
.enq-card{position:relative;display:grid;gap:0;padding:clamp(22px,3vw,34px);border-radius:30px;border:1px solid var(--line-2);
  background:radial-gradient(circle at 100% 0%,rgba(55,234,142,.1),transparent 45%),linear-gradient(180deg,rgba(27,32,39,.92),rgba(17,20,25,.94));
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 50px 100px -50px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.05)}
.enq-card::before{content:"";position:absolute;left:28px;right:28px;top:-1px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--green),var(--lime),transparent)}
.enq-top{display:flex;align-items:center;gap:16px;margin-bottom:22px}
.enq-top[hidden]{display:none}
.enq-k{flex:none;font:700 11.5px/1 var(--f-tech);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.enq-k b{color:var(--green)}
.enq-bar{flex:1;height:6px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden}
.enq-bar i{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green-2),var(--green),var(--lime));transform-origin:left;
  transform:scaleX(calc(.08 + var(--p,0) * .92));transition:transform .8s var(--ease)}
.enq-step{min-width:0;margin:0;padding:0;border:0}
.enq-step[hidden],.enq-done[hidden],.enq-err[hidden],.enq-foot[hidden],.enq-note[hidden],.enq-back[hidden]{display:none}
.enq-step.is-on{animation:enqIn .6s var(--ease)}
@keyframes enqIn{from{opacity:0;transform:translate3d(24px,0,0)}to{opacity:1;transform:none}}
.enq-h{display:block;float:none;width:100%;padding:0;font:700 clamp(22px,2vw,27px)/1.2 var(--f-head);letter-spacing:-.02em;color:#fff}
.enq-sub{margin-top:6px;font-size:14.5px;color:var(--muted)}
.enq-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}
.fld-wide{grid-column:1/-1}
.enq-card .fld input,.enq-card .fld textarea,.fld select{padding:13px 15px}
.fld-sel{position:relative}
.fld select{width:100%;padding-right:42px;border-radius:12px;border:1px solid var(--line-2);background:rgba(255,255,255,.03);color:#fff;font:400 15px/1.4 var(--f-body);
  -webkit-appearance:none;appearance:none;cursor:pointer;transition:border-color .3s,box-shadow .3s,background-color .3s}
.fld select:invalid{color:rgba(255,255,255,.4)}
.fld select option{background:#161A20;color:#fff}
.fld select:focus{outline:none;border-color:var(--green);background:rgba(55,234,142,.05);box-shadow:0 0 0 4px rgba(55,234,142,.14)}
.fld.err select{border-color:#FF6B6B;box-shadow:0 0 0 4px rgba(255,107,107,.12)}
.fld-chev{position:absolute;right:15px;bottom:15px;width:17px;height:17px;color:var(--muted);pointer-events:none}
.fld.err textarea{border-color:#FF6B6B}
.enq-captcha{margin-top:16px}
.enq-captcha:empty{display:none}
.enq-err{margin-top:18px;padding:11px 14px;border-radius:12px;background:rgba(255,107,107,.1);border:1px solid rgba(255,107,107,.35);color:#FF9A9A;font-size:13.5px;font-weight:700}
.enq-foot{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:26px}
.enq-back{display:inline-flex;align-items:center;gap:8px;margin-right:auto;padding:12px 6px;border:0;background:none;color:var(--soft);font:700 14px/1 var(--f-body);cursor:pointer;transition:color .3s,gap .3s var(--ease)}
.enq-back .i{width:17px;height:17px}
.enq-back:hover{color:var(--green);gap:12px}
.enq-next[disabled]{cursor:progress}
.enq-next.is-busy .btn-ico .i{animation:spin .9s linear infinite}
.enq-next.is-busy .btn-ico{background:transparent;border:2px solid var(--ink);border-right-color:transparent;animation:spin .8s linear infinite}
.enq-next.is-busy .btn-ico svg{opacity:0}
.enq-note{margin-top:16px;font-size:13px;color:var(--muted);text-align:center}
.enq-note a{color:var(--green)}
.enq-done{display:grid;justify-items:center;gap:12px;padding:20px 0 8px;text-align:center}
.enq-done .bk-check circle{animation:draw .8s var(--ease) .2s forwards}
.enq-done .bk-check path{animation:draw .55s var(--ease) .75s forwards}
.enq-done .cta-row{margin-top:10px}
/* how it works */
.enq-how{padding-top:clamp(30px,4vw,60px)}
.enq-how-l{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none}
.enq-how-i{position:relative;overflow:hidden;padding:28px 26px 30px;border-radius:26px;background:linear-gradient(180deg,var(--surface),var(--bg-2));border:1px solid var(--line)}
.enq-how-n{position:absolute;right:22px;top:16px;font:800 54px/1 var(--f-head);color:rgba(255,255,255,.05)}
.enq-how-ico{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--tint);color:var(--green);font-size:24px}
.enq-how-i h3{margin-top:22px;font-size:20px;color:#fff}
.enq-how-i p{margin-top:10px;font-size:15px;line-height:1.65;color:var(--muted)}

/* ---------- 9. responsive ---------- */
@media (max-width:1100px){
  .posts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tp-grid{grid-template-columns:1fr}
}
@media (max-width:980px){
  .enq-wrap{grid-template-columns:1fr}
  .enq-steps{display:none}
}
@media (max-width:900px){
  .feat-post{grid-template-columns:1fr;gap:22px}
  .fp-body{padding:0 12px 14px}
  .ins-bar{flex-direction:column;align-items:stretch}
  .ins-search,.ins-bar .ins-search{width:100%}
  .prose{font-size:16.5px}
  .toc-l{grid-template-columns:1fr}
  .enq-how-l{grid-template-columns:1fr}
}
@media (max-width:720px){
  :root{--top:76px}
}
@media (max-width:640px){
  .posts{grid-template-columns:1fr;gap:18px}
  .chips-row{flex-wrap:nowrap;overflow-x:auto;margin:0 calc(-1 * var(--gut));padding:2px var(--gut);scrollbar-width:none}
  .chips-row::-webkit-scrollbar{display:none}
  .ih-stats{gap:8px}
  .ih-stats li{min-width:0;flex:1 1 auto;padding:12px 12px}
  .ih-stats span{font-size:10px;letter-spacing:.1em}
  .tp-card{padding:18px 12px 12px}
  .tp-row{grid-template-columns:112px minmax(0,1fr) 34px;gap:10px;padding:9px 6px}
  .tp-name{font-size:12.5px}
  .art-cover{border-radius:24px}
  .art-cover .pc-in{gap:16px;min-height:0;padding:46px 20px 40px;border-radius:22px}
  .art-cover .pc-in::before{width:96px;height:60px;inset:14px 14px auto auto}
  .art-cover .pc-in::after{width:84px;height:54px;left:14px;bottom:14px}
  .art-title{font-size:clamp(25px,7vw,32px)}
  .ac-mark{width:24px;height:31px}
  .ac-logo .word b{font-size:12px}
  .ac-logo .word i{font-size:18px}
  .art-meta{gap:10px 16px}
  .prose blockquote{padding:22px 20px 22px 56px}
  .prose blockquote::before{left:16px;font-size:52px}
  .art-tldr{padding:14px 16px;font-size:16px}
  .art-faq .ans>div>*{padding:0 18px}
  .art-faq .ans>div>:last-child{padding-bottom:18px}
  .qa button{padding:16px}
  .q-ico{width:38px;height:38px;border-radius:12px}
  .prose a.art-audit{padding:22px 20px}
  .aud-cta{width:100%;justify-content:center}
  .art-author{flex-direction:column;gap:16px;padding:22px}
  .sc-404 .art-cover .pc-in{min-height:0}
  .enq-fields{grid-template-columns:1fr}
  .enq-card{border-radius:24px}
  .enq-foot .btn{flex:1;justify-content:space-between}
  .enq-trust li{font-size:12.5px}
}
@media (prefers-reduced-motion:reduce){
  .post-cover,.art-tldr,.qa.open,.ins-scroll i,.ih-dots,.ih-beam,.ih-orb,.enq-step.is-on{animation:none}
  .post,.pc-title,.qa,.rv{transition:none}
  .js .rv{opacity:1;translate:none}
}

/* ---------- Homepage spacing (1.0.1) ---------- */
/* About a third of the old space between the homepage sections (84–140px above and below each one, so up to 280px
   between two sections): a section that follows another one starts higher still, headings sit closer to their
   content, and the "How it works" steps are shorter (the circle still follows the step in the middle of the screen).
   ".sc-home" is set on the page wrapper of the front page only (src/components/sc/sc-page.tsx). */
.sc-home .sec{padding:clamp(44px,5vw,72px) 0}
.sc-home .sec + .sec{padding-top:clamp(20px,2.4vw,36px)}
.sc-home .rights{padding-top:clamp(32px,3.6vw,52px)}
.sc-home .sec-head{gap:14px;margin-bottom:clamp(28px,3.5vw,48px)}
.sc-home .cta-sec{padding-bottom:clamp(44px,5vw,72px)}
@media (min-width:901px){
  .sc-home .step{min-height:44vh;padding:24px 0}
}