:root{--ink:#0E1A36;--muted:#55627E;--dim:#7A86A1;--line:#E3E8F2;--soft:#F5F7FC;--accent:#FF7A00;--accent2:#E8590C;--good:#13965C;--navy:#0B1430;--blue:#2B5BFF;
--display:"Bricolage Grotesque","Arial Narrow",system-ui,sans-serif;--body:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"JetBrains Mono",ui-monospace,Menlo,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font:16px/1.65 var(--body);overflow-x:hidden}
a{color:inherit}img{max-width:100%}
.wrap{max-width:1200px;margin:0 auto;padding-inline:max(18px,env(safe-area-inset-left,0px))}
h1,h2,h3{font-family:var(--display);letter-spacing:-.025em;line-height:1.05;margin:0;text-wrap:balance}
/* header */
header.top{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.85);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:12px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand img{width:46px;height:46px;border-radius:50%;filter:drop-shadow(0 6px 14px rgba(255,100,0,.35))}
.brand b{display:block;font:800 21px var(--display);letter-spacing:-.02em;line-height:1.1}
.brand small{display:block;font:700 10.5px var(--body);letter-spacing:.2em;color:var(--muted);text-transform:uppercase}
.links{display:flex;gap:26px;font-size:15px}
.links a{text-decoration:none;color:var(--muted)}.links a:hover,.links a.on{color:var(--ink)}
.links a.on{font-weight:700;position:relative}.links a.on::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--accent);border-radius:2px}
.btn{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--accent),#FF5A00);color:#fff;font:700 16px var(--display);text-decoration:none;padding:13px 22px;border-radius:12px;box-shadow:0 12px 26px rgba(255,110,0,.32)}
.btn.small{padding:10px 18px;font-size:14px}
.btn.ghost{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:none}
/* blog home hero */
.bhero{position:relative;padding:70px 0 40px;overflow:hidden}
.bhero::before{content:"";position:absolute;width:700px;height:700px;left:-260px;top:-360px;border-radius:50%;background:#C7D6FF;filter:blur(90px);opacity:.6}
.bhero::after{content:"";position:absolute;width:640px;height:640px;right:-220px;top:-160px;border-radius:50%;background:#FFC896;filter:blur(90px);opacity:.55}
.bhero .wrap{position:relative;z-index:1}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font:700 12px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent2)}
.eyebrow::before{content:"";width:22px;height:2px;background:var(--accent)}
.bhero h1{font-size:clamp(40px,6vw,74px);font-weight:800;margin-top:16px}
.bhero h1 em{font-style:normal;background:linear-gradient(100deg,#FF8A00,#FF5A00 60%,#E8430C);-webkit-background-clip:text;background-clip:text;color:transparent}
.bhero p{font-size:19px;color:var(--muted);margin-top:16px;max-width:620px}
.cats{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.cats span{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:600;color:var(--muted)}
.cats span.on{background:var(--ink);color:#fff;border-color:var(--ink)}
/* cover art (no stock photos) */
.cover{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:16/9;display:grid;place-items:center;color:#fff;isolation:isolate}
.cover::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:32px 32px;z-index:-1}
.cv-orange{background:radial-gradient(120% 90% at 80% 10%,#FFB15C,#FF6A00 50%,#C9480A)}
.cv-navy{background:radial-gradient(120% 90% at 80% 10%,#2B4AA8,#0B1430 70%)}
.cv-green{background:radial-gradient(120% 90% at 80% 10%,#2BD07F,#0E7A48 70%)}
.cover .big{font:800 clamp(30px,4.2vw,58px)/1 var(--display);letter-spacing:-.04em;text-align:center;text-shadow:0 6px 20px rgba(0,0,0,.18)}
.cover .lbl{position:absolute;left:16px;top:14px;font:700 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;background:rgba(255,255,255,.2);padding:5px 10px;border-radius:999px}
.cover .vid{position:absolute;right:16px;bottom:14px;font:700 12px var(--body);background:rgba(0,0,0,.35);padding:5px 10px;border-radius:8px}
.cover .phone{position:absolute;right:7%;bottom:-18%;width:24%;aspect-ratio:9/16;border-radius:16px;border:4px solid #fff;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.35);transform:rotate(6deg)}
.cover .phone img{width:100%;height:100%;object-fit:cover;display:block}
/* featured */
.featured{display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:center;margin-top:44px;padding:22px;border:1px solid var(--line);border-radius:28px;background:#fff;box-shadow:0 24px 60px -30px rgba(14,26,54,.3);text-decoration:none}
.featured > *{min-width:0}
.meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:13.5px;color:var(--dim)}
.meta .tag{font:700 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent2);background:#FFF1E3;padding:4px 9px;border-radius:999px}
.featured h2{font-size:clamp(28px,3.2vw,42px);font-weight:800;margin:12px 0}
.featured p{color:var(--muted);font-size:17px}
.readmore{display:inline-flex;align-items:center;gap:8px;margin-top:18px;font:700 16px var(--display);color:var(--accent2)}
/* grid */
.sec-t{display:flex;justify-content:space-between;align-items:end;margin:64px 0 22px}
.sec-t h3{font-size:28px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.post{display:grid;gap:14px;align-content:start;text-decoration:none;border-radius:22px;padding:14px;border:1px solid var(--line);background:#fff;transition:transform .25s,box-shadow .25s;min-width:0}
.post:hover{transform:translateY(-4px);box-shadow:0 20px 40px -24px rgba(14,26,54,.35)}
.post .cover{border-radius:14px}.post .cover .big{font-size:clamp(26px,2.6vw,38px)}
.post h3{font-size:21px;line-height:1.2;padding-inline:4px}
.post p{color:var(--muted);font-size:15px;margin:0;padding-inline:4px}
.post .meta{padding-inline:4px}
/* cta band */
.cta-band{margin:80px 0 70px;border-radius:30px;padding:clamp(28px,5vw,56px);background:radial-gradient(700px 360px at 85% 0%,rgba(255,122,0,.28),transparent 60%),var(--navy);color:#fff;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}
.cta-band h3{font-size:clamp(28px,3.4vw,44px)}.cta-band p{color:#A9B5D3;margin-top:10px;font-size:17px}
.cta-band .btn{font-size:18px;padding:16px 26px}
footer{border-top:1px solid var(--line);padding:30px 0;color:var(--dim);font-size:13px}
/* article */
.crumbs{font-size:14px;color:var(--dim);margin-top:34px}.crumbs a{text-decoration:none;color:var(--muted)}
.art-head{max-width:820px;margin:18px auto 0;text-align:center}
.art-head h1{font-size:clamp(34px,5vw,60px);font-weight:800;margin:14px 0 18px}
.art-head .meta{justify-content:center}
.byline{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:20px;font-size:14.5px;color:var(--muted)}
.byline img{width:40px;height:40px;border-radius:50%}.byline b{color:var(--ink)}
.art-cover{max-width:1000px;margin:34px auto 0}
.art-cover .cover{border-radius:26px;aspect-ratio:21/9}
.art{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px;max-width:1100px;margin:46px auto 0}
.prose{font-size:18.5px;line-height:1.75;color:#24304D}
.prose h2{font-size:clamp(26px,2.8vw,34px);margin:44px 0 14px;color:var(--ink)}
.prose p{margin:0 0 18px}
.prose strong{color:var(--ink)}
.prose ul{padding-left:22px;margin:0 0 18px}.prose li{margin-bottom:8px}
.tldr{border-radius:20px;background:#FFF6EC;border:1px solid #FFE0BF;padding:20px 24px;margin-bottom:30px;font-size:17px}
.tldr b{font:700 12px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent2);display:block;margin-bottom:6px}
.results{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:26px 0 30px}
.res{border-radius:20px;padding:22px;border:2px solid}
.res small{font:700 11px var(--mono);letter-spacing:.1em;text-transform:uppercase}
.res b{display:block;font:800 52px/1 var(--display);letter-spacing:-.04em;margin:8px 0 6px}
.res span{font-size:14.5px;color:var(--muted)}
.res.bad{border-color:#F3C1C1;background:#FFF6F6}.res.bad b,.res.bad small{color:#D0453A}
.res.good{border-color:#BFE8D2;background:#F2FBF6}.res.good b,.res.good small{color:var(--good)}
.quote{border-left:4px solid var(--accent);padding:6px 0 6px 22px;margin:28px 0;font:700 24px/1.35 var(--display);color:var(--ink);letter-spacing:-.01em}
.inline-cta{border-radius:22px;background:var(--navy);color:#fff;padding:26px 28px;margin:36px 0;display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.inline-cta b{font:800 24px var(--display)}.inline-cta span{display:block;color:#A9B5D3;font-size:15px;margin-top:4px}
aside{position:relative}
.side{position:sticky;top:100px;display:grid;gap:18px}
.reel{border-radius:22px;overflow:hidden;background:#0B1430;aspect-ratio:9/16;position:relative;box-shadow:0 24px 50px -24px rgba(14,26,54,.5)}
.reel img{width:100%;height:100%;object-fit:cover;display:block}
.reel .pl{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.4))}
.reel .pl i{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#FF9A2E,#FF5A00);display:grid;place-items:center;box-shadow:0 12px 30px rgba(255,100,0,.6)}
.reel .pl i::after{content:"";border-left:22px solid #fff;border-top:14px solid transparent;border-bottom:14px solid transparent;margin-left:6px}
.reel small{position:absolute;left:14px;bottom:12px;color:#fff;font-weight:700;font-size:13px}
.author{border:1px solid var(--line);border-radius:22px;padding:20px;display:grid;gap:10px;text-align:center;justify-items:center}
.author img{width:72px;height:72px;border-radius:50%}
.author b{font:800 19px var(--display)}.author p{margin:0;font-size:14px;color:var(--muted)}
.toc{border:1px solid var(--line);border-radius:22px;padding:18px 20px;font-size:14.5px}
.toc b{font:700 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.toc a{display:block;text-decoration:none;color:var(--muted);padding:6px 0;border-bottom:1px dashed var(--line)}.toc a:last-child{border:0}
.mob-reel{display:none}
@media (max-width:980px){.links{display:none}.featured{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}.art{grid-template-columns:1fr}aside{display:none}.mob-reel{display:block;max-width:300px;margin:6px auto 30px}.cta-band{grid-template-columns:1fr}}
@media (max-width:640px){.grid{grid-template-columns:1fr}.results{grid-template-columns:1fr}.bhero{padding-top:44px}.featured{padding:14px;border-radius:22px}.brand small{display:none}.btn.small{padding:9px 14px}.prose{font-size:17.5px}.art-cover .cover{aspect-ratio:16/10}}
.brand b,.btn{white-space:nowrap}
@media (max-width:640px){.brand img{width:40px;height:40px}.brand b{font-size:18px}.btn.small{font-size:13.5px;padding:9px 13px}}
/* in-article visuals */
.fig{margin:30px 0 34px;border-radius:24px;padding:26px;background:linear-gradient(160deg,#FFF8F1,#F4F6FC);border:1px solid var(--line)}
.fig figcaption{margin-top:14px;font-size:14px;color:var(--dim);text-align:center}
.vs{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center}
.vs .side-c{background:#fff;border-radius:18px;padding:18px;box-shadow:0 14px 30px -20px rgba(14,26,54,.4);display:grid;gap:10px}
.vs .side-c h4{margin:0;font:800 17px var(--display)}
.vs .lab{font:700 11px var(--mono);letter-spacing:.1em;text-transform:uppercase}
.vs .bad .lab{color:#D0453A}.vs .good .lab{color:var(--good)}
.fake-in{height:34px;border-radius:9px;background:#F1F3F8;display:flex;align-items:center;padding:0 12px;font-size:13px;color:var(--dim)}
.fake-btn{height:40px;border-radius:10px;display:grid;place-items:center;font:700 14px var(--body);color:#fff}
.vs .bad .fake-btn{background:#9AA3B5}.vs .good .fake-btn{background:linear-gradient(135deg,#FF9A2E,#FF5A00)}
.fake-chips{display:flex;gap:6px;flex-wrap:wrap}.fake-chips span{font-size:12.5px;font-weight:600;padding:6px 10px;border-radius:8px;background:#F1F3F8;color:var(--muted)}.fake-chips span.on{background:#FF6A00;color:#fff}
.fake-est{border-radius:10px;background:#FFF1E3;padding:8px 12px;font:800 20px var(--display)}.fake-est small{display:block;font:600 11px var(--body);color:var(--muted)}
.vs .verdict{font-size:13.5px;font-weight:700}.vs .bad .verdict{color:#D0453A}.vs .good .verdict{color:var(--good)}
.vs .mid{font:800 22px var(--display);color:var(--dim)}
.flow{display:flex;align-items:stretch;gap:10px}
.flow .st{flex:1;background:#fff;border-radius:16px;padding:14px 12px;text-align:center;box-shadow:0 12px 26px -18px rgba(14,26,54,.4);display:grid;gap:6px;align-content:start}
.flow .st i{font-style:normal;font-size:26px}.flow .st b{font:800 15px var(--display)}.flow .st small{font-size:12px;color:var(--muted);line-height:1.35}
.flow .ar{display:grid;place-items:center;color:var(--accent);font:800 22px var(--display)}
.flow .st.last{background:linear-gradient(135deg,#FF9A2E,#FF5A00);color:#fff}.flow .st.last small{color:#FFE7D1}
.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.stat-row div{background:#fff;border-radius:16px;padding:16px;text-align:center;box-shadow:0 12px 26px -18px rgba(14,26,54,.4)}
.stat-row b{display:block;font:800 30px var(--display);letter-spacing:-.03em;color:var(--accent2)}.stat-row small{font-size:13px;color:var(--muted)}
/* end-of-post CTA */
.end-cta{margin:46px 0 10px;border-radius:28px;padding:34px;background:radial-gradient(600px 300px at 90% 0%,rgba(255,122,0,.3),transparent 60%),var(--navy);color:#fff;display:grid;grid-template-columns:auto 1fr;gap:26px;align-items:center}
.end-cta img{width:110px;height:110px;border-radius:50%;filter:drop-shadow(0 14px 28px rgba(255,100,0,.45))}
.end-cta h3{font-size:clamp(26px,3vw,34px);color:#fff}
.end-cta p{margin:8px 0 18px;color:#A9B5D3;font-size:16.5px}
.end-cta .row{display:flex;flex-wrap:wrap;gap:10px}
.end-cta .wa{background:linear-gradient(135deg,#25D366,#128C4A);box-shadow:0 12px 26px rgba(18,140,74,.3)}
.end-cta .ps{margin-top:14px;font-size:13.5px;color:#7F8DB0}
@media (max-width:640px){.vs{grid-template-columns:1fr}.vs .mid{text-align:center}.flow{flex-direction:column}.flow .ar{transform:rotate(90deg);height:18px}.stat-row{grid-template-columns:1fr 1fr 1fr;gap:8px}.stat-row b{font-size:22px}.end-cta{grid-template-columns:1fr;text-align:center;justify-items:center;padding:26px}.end-cta .row{justify-content:center}.fig{padding:16px}}
@media (max-width:640px){.stat-row{grid-template-columns:1fr;gap:8px}.stat-row div{display:flex;align-items:center;gap:14px;text-align:left;padding:12px 16px}.stat-row b{font-size:26px;min-width:110px}}
/* reading progress */
.prog{position:fixed;top:0;left:0;height:4px;width:100%;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,#FF7A00,#FFB65C);z-index:60}
/* real screenshot frame */
.shot{border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 22px 46px -24px rgba(14,26,54,.45),0 0 0 1px rgba(14,26,54,.08)}
.shot .bar{display:flex;align-items:center;gap:6px;padding:9px 12px;background:#F1F3F8;border-bottom:1px solid var(--line)}
.shot .bar i{width:10px;height:10px;border-radius:50%;background:#D5DBE7}.shot .bar i:nth-child(1){background:#FF6159}.shot .bar i:nth-child(2){background:#FFBD2E}.shot .bar i:nth-child(3){background:#28C941}
.shot .bar span{margin-left:8px;font:600 12px var(--body);color:var(--dim)}
.shot img{display:block;width:100%;height:auto}
.real{display:inline-flex;align-items:center;gap:6px;font:700 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--good);background:#E8F7EE;border-radius:999px;padding:5px 10px;margin-bottom:12px}
.real::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--good)}
/* looping demo */
.demo{display:grid;grid-template-columns:260px 1fr;gap:26px;align-items:center}
.demo .vwrap{border-radius:22px;overflow:hidden;box-shadow:0 22px 46px -22px rgba(14,26,54,.45);background:#fff}
.demo video{display:block;width:100%;height:auto}
.demo ol{margin:0;padding-left:20px;font-size:16.5px;color:var(--muted)}.demo ol li{margin-bottom:8px}.demo ol b{color:var(--ink)}
@media (max-width:640px){.demo{grid-template-columns:1fr}.demo .vwrap{max-width:280px;margin:0 auto}}
/* upcoming posts */
.post.soon{cursor:default}.post.soon:hover{transform:none;box-shadow:none}
.post.soon .cover{position:relative}
.post.soon .cover::after{content:"Coming soon";position:absolute;top:12px;right:12px;font:700 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;background:rgba(255,255,255,.92);color:#0E1A36;border-radius:999px;padding:5px 10px}
/* playable reel */
.reel{cursor:pointer}.reel video{display:block;width:100%;height:auto;border-radius:inherit;background:#000}

/* phone menu */
.mnav-btn{display:none;width:46px;height:46px;border-radius:14px;border:1px solid var(--line);background:#fff;place-items:center;cursor:pointer;padding:0;box-shadow:0 6px 18px -10px rgba(14,26,54,.35);flex:none}
.mnav-btn span{display:block;width:20px;height:2px;border-radius:2px;background:#0E1A36;position:relative;transition:background .2s}
.mnav-btn span::before,.mnav-btn span::after{content:"";position:absolute;left:0;width:20px;height:2px;border-radius:2px;background:#0E1A36;transition:transform .25s,top .25s}
.mnav-btn span::before{top:-6px}.mnav-btn span::after{top:6px}
header.top.open .mnav-btn span{background:transparent}
header.top.open .mnav-btn span::before{top:0;transform:rotate(45deg)}
header.top.open .mnav-btn span::after{top:0;transform:rotate(-45deg)}
.mnav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 24px 40px -20px rgba(14,26,54,.35);padding:6px 20px 20px;max-height:calc(100vh - 80px);overflow:auto}
header.top.open .mnav{display:grid}
.mnav a.ml{display:flex;justify-content:space-between;align-items:center;padding:15px 4px;border-bottom:1px solid var(--line);font-weight:600;font-size:17px;color:#0E1A36;text-decoration:none}
.mnav a.ml::after{content:"›";color:#FF7A00;font-size:22px;line-height:1}
.mnav .mcta{margin-top:16px;display:flex;justify-content:center;align-items:center;gap:8px;padding:16px;border-radius:999px;background:linear-gradient(135deg,#FF9A2E,#FF5A00);color:#fff;font-weight:700;font-size:17px;text-decoration:none;box-shadow:0 14px 30px -12px rgba(255,100,0,.6)}
@media (max-width:980px){.mnav-btn{display:grid}header.top nav{justify-content:flex-start}header.top .brand{margin-right:auto}}
@media (max-width:640px){header.top nav>.btn{display:none}}
/* ---- shared post components (posts 2-4) ---- */
.bars{display:grid;gap:14px;background:#fff;border-radius:18px;padding:22px;box-shadow:0 14px 30px -20px rgba(14,26,54,.4)}
.bar-r{display:grid;grid-template-columns:150px 1fr 92px;gap:14px;align-items:center}
.bar-r b{font:700 15.5px var(--body);color:var(--ink)}
.bar-r .tr{height:16px;border-radius:999px;background:#EEF1F7;position:relative;overflow:hidden}
.bar-r .tr i{position:absolute;top:0;bottom:0;border-radius:999px;background:linear-gradient(90deg,#FF9A2E,#FF5A00)}
.bar-r span{font:800 17px var(--display);color:#E8590C;text-align:right}
.bars .ax{display:grid;grid-template-columns:150px 1fr 92px;gap:14px;font:700 11px var(--mono);color:var(--dim)}
.bars .ax div{display:flex;justify-content:space-between}
.funnel{display:grid;gap:8px;background:#fff;border-radius:18px;padding:22px;box-shadow:0 14px 30px -20px rgba(14,26,54,.4)}
.fun-r{display:grid;grid-template-columns:1fr 120px;gap:14px;align-items:center}
.fun-r .fb{height:46px;border-radius:12px;display:flex;align-items:center;padding:0 16px;color:#fff;font-weight:700;font-size:15px;white-space:nowrap;margin:0 auto;min-width:150px}
.fun-r .fv{font:800 24px var(--display);letter-spacing:-.02em;color:var(--ink)}
.fun-r .fv small{display:block;font:600 12px var(--body);color:var(--muted);letter-spacing:0}
.tl{display:grid;gap:12px;background:#fff;border-radius:18px;padding:22px;box-shadow:0 14px 30px -20px rgba(14,26,54,.4)}
.tl-r{display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:center}
.tl-r .t{font:800 18px var(--display)}
.tl-r .m{border-radius:12px;padding:12px 14px;font-size:15px}
.tl-r.g .t{color:var(--good)}.tl-r.g .m{background:#F2FBF6;border:1px solid #BFE8D2}
.tl-r.y .t{color:#C77700}.tl-r.y .m{background:#FFF8EC;border:1px solid #F6DDB0}
.tl-r.r .t{color:#D0453A}.tl-r.r .m{background:#FFF6F6;border:1px solid #F3C1C1}
.calc-box{background:#0E1A36;color:#fff;border-radius:20px;padding:24px;display:grid;gap:10px}
.calc-box .ln{display:flex;justify-content:space-between;gap:12px;border-bottom:1px dashed rgba(255,255,255,.18);padding-bottom:9px;font-size:16px}
.calc-box .ln b{font:800 20px var(--display)}
.calc-box .ln.tot{border:0;color:#FFB15C}.calc-box .ln.tot b{font-size:26px}
.calc-box small{color:#AEB8D0;font-size:13px}
.srcs{border-top:1px solid var(--line);margin-top:36px;padding-top:18px;font-size:14px;color:var(--muted)}
.srcs b{display:block;font:700 12px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);margin-bottom:8px}
.srcs ol{margin:0;padding-left:18px}.srcs a{color:var(--muted)}
.faqx details{border:1px solid var(--line);border-radius:14px;padding:14px 18px;margin-bottom:10px;background:#fff}
.faqx summary{font-weight:700;cursor:pointer;color:var(--ink)}
.faqx details p{margin:10px 0 0}
.side .cta-card{border-radius:20px;padding:20px;background:radial-gradient(120% 90% at 80% 10%,#FFB15C,#FF6A00 50%,#C9480A);color:#fff;display:grid;gap:10px}
.side .cta-card b{font:800 22px/1.15 var(--display)}
.side .cta-card p{margin:0;font-size:14.5px;opacity:.92}
.side .cta-card a{background:#fff;color:#0E1A36;text-decoration:none;font-weight:700;border-radius:999px;padding:12px 16px;text-align:center}
@media (max-width:640px){.bar-r,.bars .ax{grid-template-columns:96px 1fr 70px;gap:10px}.bar-r b{font-size:14px}.bar-r span{font-size:15px}.fun-r{grid-template-columns:1fr 92px}.fun-r .fb{font-size:13px;min-width:0;padding:0 10px}.fun-r .fv{font-size:19px}.tl-r{grid-template-columns:84px 1fr;gap:10px}.tl-r .t{font-size:15px}}
@media (max-width:640px){.fun-r .fb{min-width:72%;font-size:12.5px;padding:0 8px;justify-content:center;height:40px}}