/* Blog pages. Loads after styles.css and reuses its tokens (--bg, --blue, --muted, --line, --gradient). */
.blog-page{--ink:#f4f4f5;--soft:#a9a9ae;--card:#252527;--card-2:#2c2c2f;--gold:#efc263;--green:#bbe8a6;--violet:#d3a6e8}
.gradient-text{background:var(--gradient);background-clip:text;-webkit-background-clip:text;color:transparent}
.read-progress{position:fixed;inset-inline:0;top:0;height:3px;background:var(--gradient);transform-origin:right;transform:scaleX(0);z-index:60}
.review-banner{margin:0;padding:10px 16px;background:#efc263;color:#231a05;font-size:14px;font-weight:600;text-align:center}

/* Index */
.blog-hero{padding-block:88px 40px;max-width:900px;margin-inline:auto;text-align:center}
.blog-hero h1{font-size:clamp(40px,6vw,76px);font-weight:400;letter-spacing:-.03em;line-height:1.1}
.blog-hero>p:not(.eyebrow){margin:24px auto 0;max-width:640px;font-size:19px;color:var(--muted)}
.blog-chips{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:34px}
.blog-chips a{min-height:44px;display:inline-flex;align-items:center;padding:8px 18px;border:1px solid var(--line);border-radius:999px;font-size:15px}
.blog-chips a:hover{border-color:var(--blue);color:var(--blue)}
.blog-section{padding-block:36px 56px}
.blog-section>h2{font-size:32px;margin-bottom:26px}
.blog-empty{padding-block:60px;text-align:center;color:var(--muted)}
.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.post-card a{display:flex;flex-direction:column;height:100%;padding:28px;background:var(--card);border:1px solid var(--line);border-radius:14px;transition:border-color .2s,transform .2s}
.post-card a:hover{border-color:var(--blue);transform:translateY(-3px)}
.post-card h3{font-size:23px;line-height:1.25;margin-top:16px}
.post-card p:not(.post-meta){margin-top:12px;color:var(--muted);font-size:15px;line-height:1.6;flex:1}
.post-more{display:inline-flex;gap:10px;margin-top:22px;font-size:15px;font-weight:600;color:var(--blue)}
.post-card.cat-news a{border-top:3px solid var(--gold)}
.post-card.cat-guide a{border-top:3px solid var(--blue)}
.post-card.cat-opinion a{border-top:3px solid var(--violet)}
.post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;font-size:14px;color:var(--soft)}
.post-cat{color:var(--ink);font-weight:600}
.card-flag{padding:2px 10px;border-radius:999px;background:#efc26333;color:var(--gold);font-size:12px;font-weight:600}

/* Article */
.post{padding-block:36px 40px}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;font-size:14px;color:var(--soft)}
.breadcrumbs a:hover{color:var(--blue)}
.post-header{max-width:860px;padding-block:44px 40px;border-bottom:1px solid var(--line)}
.post-header h1{margin-top:20px;font-size:clamp(36px,5vw,62px);line-height:1.12;font-weight:600;letter-spacing:-.03em}
.post-lede{margin-top:22px;font-size:21px;line-height:1.6;color:#dcdcde;max-width:760px}
.post-author{display:flex;align-items:center;gap:14px;margin-top:28px}
.post-author img{width:48px;height:48px;border-radius:50%;object-fit:cover;object-position:top}
.post-author p{display:flex;flex-direction:column;line-height:1.4;font-size:15px}
.post-author span{color:var(--soft);font-size:14px}
.post-layout{display:grid;grid-template-columns:250px minmax(0,760px);gap:72px;padding-top:48px}
.post-toc details{position:sticky;top:32px}
.post-toc summary{font-size:14px;font-weight:600;color:var(--soft);cursor:pointer;list-style:none;margin-bottom:14px}
.post-toc summary::-webkit-details-marker{display:none}
.post-toc ol{list-style:none;margin:0;padding:0;border-inline-start:1px solid var(--line)}
.post-toc a{display:block;padding:7px 16px;margin-inline-start:-1px;border-inline-start:2px solid transparent;font-size:14px;line-height:1.45;color:var(--soft)}
.post-toc a:hover,.post-toc a.is-active{color:#fff;border-color:var(--blue)}

.post-body{font-size:18.5px;line-height:1.85;color:#e4e4e6;min-width:0}
.post-body>*+*{margin-top:22px}
.post-body h2{font-size:34px;line-height:1.2;margin-top:64px;color:#fff;scroll-margin-top:24px}
.post-body h3{font-size:23px;line-height:1.3;margin-top:40px;color:#fff;scroll-margin-top:24px}
.post-body h2+*,.post-body h3+*{margin-top:16px}
.post-body a{color:var(--blue);border-bottom:1px solid #6390ef66}
.post-body a:hover{border-color:var(--blue)}
.post-body strong{color:#fff;font-weight:600}
.post-body ul,.post-body ol{padding-inline-start:0;list-style:none;display:grid;gap:10px}
.post-body ul>li{position:relative;padding-inline-start:26px}
.post-body ul>li::before{content:"";position:absolute;inset-inline-start:4px;top:.72em;width:8px;height:8px;border-radius:50%;background:var(--blue)}
.post-body ol{counter-reset:step}
.post-body ol>li{counter-increment:step;position:relative;padding-inline-start:44px}
.post-body ol>li::before{content:counter(step);position:absolute;inset-inline-start:0;top:.15em;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#6390ef22;color:var(--blue);font-size:15px;font-weight:700;line-height:1}
.post-body code{padding:2px 7px;border-radius:5px;background:#ffffff14;font-size:.9em}
.callout{padding:22px 26px;border-inline-start:3px solid var(--blue);background:#6390ef14;border-start-end-radius:10px;border-end-end-radius:10px}
.callout p{font-size:17px}
.post-figure img{border-radius:12px;border:1px solid var(--line)}
.post-figure figcaption,.figure-note{margin-top:10px;font-size:14px;color:var(--soft);line-height:1.5}
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px}
.post-body table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.55;min-width:520px}
.post-body th{background:var(--card-2);text-align:start;font-weight:600;color:#fff}
.post-body th,.post-body td{padding:14px 18px;border-bottom:1px solid var(--line);vertical-align:top}
.post-body tr:last-child td{border-bottom:0}
.post-faq details{border-bottom:1px solid var(--line)}
.post-faq summary{display:flex;justify-content:space-between;gap:20px;padding-block:20px;font-size:19px;font-weight:600;color:#fff;cursor:pointer;list-style:none}
.post-faq summary::-webkit-details-marker{display:none}
.post-faq summary::after{content:"+";color:var(--blue);font-size:24px;line-height:1}
.post-faq details[open] summary::after{content:"−"}
.post-faq details p{padding-bottom:22px;color:#d4d4d7;font-size:17px}
.post-sources{margin-top:56px;padding-top:24px;border-top:1px solid var(--line)}
.post-sources h2{font-size:18px;margin:0 0 12px}
.post-sources ul{gap:6px}
.post-sources li{font-size:14px;overflow-wrap:anywhere}
.post-sources a{border:0;color:var(--soft)}
.post-cta{margin-top:64px;padding:36px;border-radius:16px;background:linear-gradient(135deg,#6390ef26,#d3a6e81f);border:1px solid #6390ef55}
.post-cta h2{font-size:28px;margin:0;color:#fff}
.post-cta p{margin-top:12px;font-size:17px;color:#dcdcde}
.post-cta .button{margin-top:24px;border:0;color:#111b30}
.author-box{display:flex;gap:22px;align-items:flex-start;margin-top:32px;padding:26px;border:1px solid var(--line);border-radius:14px;background:var(--card)}
.author-box img{width:72px;height:72px;border-radius:50%;object-fit:cover;object-position:top;flex:none}
.author-box h2{font-size:18px;margin:0 0 6px;color:#fff}
.author-box p{font-size:15.5px;line-height:1.65;color:var(--muted)}
.related{padding-block:56px 90px;border-top:1px solid var(--line)}
.related>h2{font-size:30px;margin-bottom:26px}

/* Infographic components, used from ```html blocks in posts */
.cap-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.cap{padding:24px;border-radius:14px;background:var(--card);border:1px solid var(--line)}
.cap-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.cap-head svg{flex:none;width:40px;height:40px;padding:9px;border-radius:10px;background:#6390ef1f;color:var(--blue)}
.cap h3{margin:0;font-size:20px}
.post-body .cap ul{gap:8px}
.post-body .cap li{font-size:16px;line-height:1.55}
.tldr{padding:28px 30px;border-radius:14px;background:var(--card);border:1px solid var(--line)}
.tldr>p:first-child{font-size:14px;font-weight:700;letter-spacing:.06em;color:var(--gold)}
.tldr ul{margin-top:12px}
.tldr li{font-size:17px}
.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.stat{padding:24px 22px;border-radius:14px;background:var(--card);border:1px solid var(--line)}
.stat strong{display:block;font-size:44px;line-height:1;font-weight:600;letter-spacing:-.03em;background:var(--gradient);background-clip:text;-webkit-background-clip:text;color:transparent}
.stat span{display:block;margin-top:12px;font-size:15px;line-height:1.5;color:var(--muted)}
.infographic{padding:30px;border-radius:16px;background:var(--card);border:1px solid var(--line)}
.infographic>h3,.infographic>p.ig-title{margin:0 0 22px;font-size:20px;font-weight:600;color:#fff}
.flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;list-style:none;padding:0;counter-reset:none}
.post-body .flow>li{padding:20px 16px;border-radius:12px;background:var(--card-2);border:1px solid var(--line);position:relative;text-align:center}
.post-body .flow>li::before{display:none}
.post-body .flow>li:not(:last-child)::after{content:"←";position:absolute;inset-inline-end:-13px;top:50%;transform:translateY(-50%);color:var(--blue);font-size:18px;z-index:1}
.flow svg{display:block;width:44px;height:44px;margin:0 auto 12px;padding:10px;border-radius:12px;background:#6390ef1f;color:var(--blue)}
.flow li.is-owner svg{background:#efc2631f;color:var(--gold)}
.flow strong{display:block;font-size:17px}
.flow span{display:block;margin-top:6px;font-size:14px;line-height:1.5;color:var(--muted)}
.flow li.is-owner{border-color:var(--gold)}
.bars{display:grid;gap:14px}
.bar{display:grid;grid-template-columns:190px minmax(0,1fr) auto;align-items:center;gap:14px;font-size:15px}
.bar-track{height:14px;border-radius:999px;background:#ffffff12;overflow:hidden}
.bar-track i{display:block;height:100%;border-radius:inherit;background:var(--gradient);width:var(--v)}
.bar output{min-width:70px;max-width:180px;font-weight:600;color:#fff;text-align:end;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.matrix{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.matrix>div{padding:22px;border-radius:12px;background:var(--card-2);border-top:3px solid var(--c)}
.matrix h4{margin:0 0 12px;font-size:17px;color:#fff}
.post-body .matrix ul{gap:8px}
.post-body .matrix li{font-size:15px;line-height:1.5;padding-inline-start:20px}
.post-body .matrix li::before{width:6px;height:6px;background:var(--c)}
.versus{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.versus>div{padding:24px;border-radius:12px;background:var(--card-2);border:1px solid var(--line)}
.versus>div.is-us{border-color:#6390ef88;background:#6390ef14}
.versus h4{margin:0 0 6px;font-size:19px;color:#fff}
.versus>div>p{font-size:15px;color:var(--muted)}
.post-body .versus ul{margin-top:14px;gap:8px}
.post-body .versus li{font-size:15.5px;line-height:1.5}
.source-note{font-size:13px!important;color:var(--soft)!important;margin-top:18px!important}

@media(max-width:1100px){.post-layout{grid-template-columns:200px minmax(0,1fr);gap:44px}.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){
  .blog-hero{padding-block:52px 24px}.blog-hero>p:not(.eyebrow){font-size:17px}
  .post-grid{grid-template-columns:1fr}.post-card a{padding:22px}
  .post-header{padding-block:28px}.post-lede{font-size:18px}
  .post-layout{grid-template-columns:1fr;gap:0;padding-top:24px}
  .post-toc details{position:static;padding:16px 18px;border:1px solid var(--line);border-radius:12px;margin-bottom:12px}
  .post-toc summary{margin:0}.post-toc details[open] summary{margin-bottom:12px}
  .post-body{font-size:17.5px;line-height:1.8}.post-body h2{font-size:28px;margin-top:48px}.post-body h3{font-size:21px}
  .stat-grid,.matrix,.versus,.cap-grid{grid-template-columns:1fr}
  .flow{grid-template-columns:1fr}.post-body .flow>li:not(:last-child)::after{content:"↓";inset-inline-end:auto;inset-inline-start:50%;top:auto;bottom:-17px;transform:translateX(50%)}
  .bar{grid-template-columns:minmax(0,1fr) auto;gap:6px 12px}.bar>span{grid-column:1/-1}.bar output{min-width:0;max-width:42vw}
  .infographic,.tldr{padding:22px 18px}.post-cta{padding:26px 20px}.author-box{padding:20px;gap:16px}.author-box img{width:56px;height:56px}
}
@media(prefers-reduced-motion:reduce){.post-card a,.read-progress{transition:none}}

/* Story and interactive components */
.post-body .scene{padding:34px 36px;border-radius:16px;background:linear-gradient(160deg,#2a2a2e,#1f1f22);border:1px solid var(--line);position:relative;overflow:hidden}
.post-body .scene::before{content:"";position:absolute;inset-block-start:-60px;inset-inline-end:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(#efc26330,transparent 70%)}
.scene p{position:relative;font-size:19px;line-height:1.8;color:#e4e4e6}
.scene p+p{margin-top:14px}
.scene .scene-time{font-size:14px;font-weight:700;letter-spacing:.08em;color:var(--gold)}
.scene .scene-punch{font-size:26px;line-height:1.35;font-weight:600;color:#fff;margin-top:22px}
.hub{padding:22px;border-radius:16px;background:var(--card);border:1px solid var(--line)}
.hub svg{display:block;width:100%;height:auto;font-family:var(--font)}
.hub-lines{animation:hubdash 18s linear infinite}
@keyframes hubdash{to{stroke-dashoffset:-200}}
.hub figcaption{margin-top:10px;font-size:14px;color:var(--soft);text-align:center}

.day-demo{border-radius:16px;background:var(--card);border:1px solid var(--line);padding:22px}
.day-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.day-demo:not(.is-ready) .day-tabs{display:none}
.day-tabs button{min-height:44px;padding:8px 16px;border-radius:999px;border:1px solid var(--line);background:transparent;font-size:15px;font-variant-numeric:tabular-nums;color:var(--muted)}
.day-tabs button[aria-selected=true]{background:var(--blue);border-color:var(--blue);color:#111b30;font-weight:600}
.day-slot{display:grid;gap:12px;padding:18px;border-radius:12px;background:#17171a}
.day-demo:not(.is-ready) .day-slot+.day-slot{margin-top:12px}
.day-demo.is-ready .day-slot[hidden]{display:none}
.day-demo.is-ready .day-slot{animation:dayin .35s ease}
@keyframes dayin{from{opacity:0;transform:translateY(8px)}}
.post-body .day-slot>*{margin:0}
.day-label{font-size:13px;font-weight:600;color:var(--soft)}
.bubble-out,.bubble-in{max-width:88%;padding:12px 16px;border-radius:14px;font-size:16px;line-height:1.6}
.bubble-out{justify-self:start;background:#2b5278;color:#fff;border-end-start-radius:4px}
.bubble-in{justify-self:end;background:#2c2c2f;border:1px solid var(--line);border-end-end-radius:4px}
.bubble-in p+p,.bubble-in p+ul,.bubble-in ul+p{margin-top:8px}
.post-body .bubble-in ul{gap:4px}
.post-body .bubble-in li{font-size:15px;padding-inline-start:18px}
.post-body .bubble-in li::before{width:6px;height:6px;top:.7em}
.bubble-card{padding:10px 12px;border-radius:8px;background:#6390ef1a;border:1px solid #6390ef44;font-size:14px;color:#dbe6ff}
.day-note{margin-top:14px;font-size:13px;color:var(--soft)}

.calc{padding:30px;border-radius:16px;background:var(--card);border:1px solid var(--line)}
.calc .ig-title{margin:0 0 18px;font-size:20px;font-weight:600;color:#fff}
.calc-row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 64px;align-items:center;gap:16px;padding-block:12px;border-bottom:1px solid var(--line)}
.calc-row label{display:flex;align-items:center;gap:10px;font-size:16px;cursor:pointer}
.calc-row input[type=checkbox]{width:20px;height:20px;accent-color:var(--blue);flex:none}
.calc-row input[type=range]{width:100%;accent-color:var(--blue)}
.calc-row output{font-weight:600;text-align:end;font-variant-numeric:tabular-nums}
.calc-row.is-off{opacity:.45}
.calc-result{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin-top:22px}
.calc-result p{min-width:0;overflow-wrap:break-word;hyphens:auto;padding:20px;border-radius:12px;background:#17171a;text-align:center;color:var(--muted);font-size:15px}
.calc-result strong{display:block;font-size:46px;line-height:1.1;font-weight:600;background:var(--gradient);background-clip:text;-webkit-background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
.calc-note{margin-top:16px;font-size:15px;line-height:1.65;color:var(--muted)}
.price-calc fieldset{border:0;padding:0;margin:0 0 22px}
.price-calc legend{padding:0;margin-bottom:10px;font-size:16px;font-weight:600}
.price-calc legend small{font-weight:400;color:var(--soft);font-size:14px;margin-inline-start:6px}
.price-opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.price-opts.is-wide{grid-template-columns:1fr}
.price-opts label{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border:1px solid var(--line);border-radius:12px;font-size:15.5px;line-height:1.45;cursor:pointer}
.price-opts label:has(input:checked){border-color:var(--blue);background:#095df00d}
.price-opts input{width:19px;height:19px;margin-top:2px;flex:none;accent-color:var(--blue)}
.price-opts small{display:block;color:var(--soft);font-size:13.5px}
.price-calc .calc-result strong{font-size:34px}
.price-calc .calc-result small{display:block;margin-top:6px;font-size:13.5px}
@media(max-width:560px){.price-calc .calc-result{grid-template-columns:1fr}.price-calc .calc-result strong{font-size:30px}}

.myths{display:grid;gap:10px}
.myths details{border-radius:12px;background:var(--card);border:1px solid var(--line);overflow:hidden}
.myths summary{display:flex;align-items:center;gap:12px;padding:18px 20px;font-size:18px;font-weight:600;color:#fff;cursor:pointer;list-style:none}
.myths summary::-webkit-details-marker{display:none}
.myths summary::after{content:"+";margin-inline-start:auto;color:var(--blue);font-size:22px}
.myths details[open] summary::after{content:"−"}
.myths details p{padding:0 20px 20px;font-size:16.5px;line-height:1.7;color:#d4d4d7}
.myth-tag{flex:none;display:inline-block;padding:3px 10px;border-radius:999px;background:#e88a8a26;color:#f0a8a8;font-size:12px;font-weight:700;margin-inline-end:8px}
.myth-tag.is-truth{background:#bbe8a626;color:var(--green)}

.quiz{display:grid;gap:10px;padding:26px;border-radius:16px;background:var(--card);border:1px solid var(--line)}
.quiz fieldset{margin:0;padding:14px 0;border:0;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.quiz legend{float:right;width:100%;padding:0;margin-bottom:8px;font-size:16.5px;line-height:1.5;color:#fff}
.quiz label{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:6px 16px;border-radius:999px;border:1px solid var(--line);font-size:15px;cursor:pointer}
.quiz label:has(input:checked){border-color:var(--blue);background:#6390ef22;color:#fff}
.quiz input{accent-color:var(--blue)}
.quiz-result{margin-top:10px;padding:20px;border-radius:12px;background:#17171a}
.quiz-result strong{display:block;font-size:22px;color:#fff;margin-bottom:6px}
.quiz-result p{font-size:16px;color:var(--muted)}
@media(max-width:900px){
  .post-body .scene{padding:24px 20px}.scene p{font-size:17px}.scene .scene-punch{font-size:22px}
  .hub{padding:10px}.day-demo,.calc,.quiz{padding:18px 16px}
  .bubble-out,.bubble-in{max-width:96%}
  .calc-row{grid-template-columns:1fr 56px;gap:4px 12px}.calc-row label{grid-column:1/-1}
  .calc-result strong{font-size:36px}
}
@media(prefers-reduced-motion:reduce){.hub-lines,.day-demo.is-ready .day-slot{animation:none}}
.hub-mobile{display:none}
@media(max-width:600px){
  .hub svg{display:none}
  .hub-mobile{display:block;padding:14px 6px 4px;text-align:center}
  .post-body .hub-core{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:130px;height:130px;border-radius:50%;border:3px solid #6390ef;box-shadow:0 0 60px #6390ef55;font-size:24px;font-weight:700;color:#fff;line-height:1.2}
  .hub-core span{font-size:13px;font-weight:400;color:var(--muted)}
  .post-body .hub-mobile ul{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px}
  .post-body .hub-mobile li{padding:8px 14px;border-radius:10px;background:var(--card-2);border:1px solid var(--line);font-size:14px}
  .post-body .hub-mobile li::before{display:none}
  .hub-mobile li.is-owner{border-color:var(--gold)}
}
.checklist{padding:26px;border-radius:16px;background:var(--card);border:1px solid var(--line)}
.checklist-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}
.checklist-head .ig-title{margin:0;font-size:20px;font-weight:600;color:#fff}
.checklist-head output{font-weight:600;color:var(--green);font-variant-numeric:tabular-nums;white-space:nowrap}
.checklist-bar{height:8px;border-radius:999px;background:#ffffff12;overflow:hidden;margin-bottom:14px}
.checklist-bar i{display:block;height:100%;width:var(--v,0%);background:var(--gradient);transition:width .3s}
.checklist label{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--line);font-size:16.5px;line-height:1.55;cursor:pointer}
.checklist label:last-child{border-bottom:0}
.checklist input{width:20px;height:20px;margin-top:3px;flex:none;accent-color:var(--blue)}
.checklist label:has(input:checked) span{font-weight:600}
.checklist label:has(input:checked) small{font-weight:400}
.checklist small{display:block;color:var(--soft);font-size:14px}
.checklist[data-checklist="ready"] label:has(input:checked) span,.checklist[data-checklist="pick"] label:has(input:checked) span{color:inherit;text-decoration:none;font-weight:600}
.checklist[data-checklist="ready"] label:has(input:checked) small,.checklist[data-checklist="pick"] label:has(input:checked) small{font-weight:400}
.checklist-result{margin-top:14px;padding:18px 20px;border-radius:12px;background:#17171a}
.checklist-result strong{display:block;font-size:19px;margin-bottom:6px}
.checklist-result p{margin:0 0 8px;font-size:16px}
.checklist-result ul{margin:0 0 10px;padding-inline-start:20px;font-size:15.5px}
.checklist-result .checklist-hint,.checklist-result .checklist-sub{color:var(--soft);font-size:14.5px;margin:0}
.checklist-result .checklist-sub{margin-top:8px}
.checklist-result .button{margin-top:6px}

/* Left-to-right languages (en, ru, es, pt): arrows and progress follow the reading direction. */
[dir=ltr] .post-body .flow>li:not(:last-child)::after{content:"→"}
[dir=ltr] .read-progress{transform-origin:left}
@media(max-width:900px){[dir=ltr] .post-body .flow>li:not(:last-child)::after{content:"↓"}}
html[lang=ar] .post-body{line-height:1.95}

/* Prompt cards with a copy button (blog.js adds the button) */
.prompt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.prompt-card{position:relative;display:flex;flex-direction:column;padding:20px;border-radius:14px;background:var(--card);border:1px solid var(--line)}
.post-body .prompt-card>*{margin:0}
.prompt-title{font-size:16px;font-weight:700;color:#fff;padding-inline-end:84px}
.prompt-text{margin-top:12px!important;padding:14px 16px;border-radius:10px;background:#17171a;border:1px solid #ffffff14;font:400 15px/1.7 var(--font);color:#e4e4e6;white-space:pre-wrap;overflow-wrap:anywhere;flex:1}
.prompt-when{margin-top:10px!important;font-size:14px;color:var(--soft)}
.prompt-copy{position:absolute;top:14px;inset-inline-end:14px;min-height:34px;padding:6px 14px;border-radius:999px;border:1px solid #6390ef66;background:#6390ef1a;color:#dbe6ff;font-size:13px;font-weight:600}
.prompt-copy:hover{background:#6390ef33}
.prompt-copy.is-done{border-color:var(--green);color:var(--green);background:#bbe8a61a}
@media(max-width:900px){.prompt-grid{grid-template-columns:1fr}}

/* Editorial images (assets/blog/<slug>-cover|scene.webp), shared by every language */
.post-cover{margin:36px 0 0;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:var(--card);position:relative}
.post-cover img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.post-cover figcaption,.post-scene figcaption{position:absolute;inset-inline-end:12px;bottom:12px;padding:4px 10px;border-radius:999px;background:#000a;color:#ddd;font-size:12px;backdrop-filter:blur(6px)}
.post-scene{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--line)}
.post-body .post-scene img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border:0;border-radius:0}
.post-card a{overflow:hidden}
.post-card-img{display:block;width:calc(100% + 56px);max-width:none;margin:-28px -28px 18px;aspect-ratio:16/9;object-fit:cover;border-bottom:1px solid var(--line);transition:transform .4s}
.post-card a:hover .post-card-img{transform:scale(1.03)}
.post-card.cat-news a,.post-card.cat-guide a,.post-card.cat-opinion a{border-top-width:1px}
.blog-page main{position:relative;isolation:isolate}
@media(max-width:900px){
  .post-cover{margin-top:22px;border-radius:12px}
  .post-card-img{width:calc(100% + 44px);margin:-22px -22px 16px}
}
@media(prefers-reduced-motion:reduce){.post-card-img{transition:none}}

/* ===================================================================
   GLASS & LIGHT THEME for the blog (2026-10-08). Same tokens as the
   homepage layer in styles.css; only colours and surfaces change.
   =================================================================== */
.blog-page{--ink:#061737;--soft:#4a5a74;--card:rgba(255,255,255,.72);--card-2:#f3f8ff;--gold:#b7791f;--green:#077a3b;--violet:#7a4fc4;--sunk:#eef4fc}
.blog-page .post-card a,.blog-page .author-box,.blog-page .cap,.blog-page .tldr,.blog-page .stat,.blog-page .infographic,.blog-page .hub,.blog-page .day-demo,.blog-page .calc,.blog-page .myths details,.blog-page .quiz,.blog-page .checklist,.blog-page .prompt-card{background:var(--card);-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);border-color:var(--glass-line);box-shadow:var(--glass-shadow)}
.blog-page .post-card a{border-radius:20px}
.blog-page .post-card a:hover{border-color:#bcd6ff}
.blog-page .post-card h3,.blog-page .post-header h1,.blog-page .blog-hero h1{color:var(--ink)}
.blog-page .blog-hero h1{font-weight:800}
.blog-page .gradient-text{background:linear-gradient(90deg,#08a84b,#095df0);-webkit-background-clip:text;background-clip:text;color:transparent}
.blog-page .blog-chips a{background:var(--glass);border-color:var(--glass-line);box-shadow:var(--glass-shadow);color:var(--ink);font-weight:600}
.blog-page .blog-chips a:hover{color:var(--blue);border-color:#bcd6ff}
.blog-page .post-more{color:var(--blue)}
.blog-page .card-flag{background:#fdf1dc;color:#8a5a12}
.blog-page .review-banner{background:#fdf1dc;color:#5a3a06}
/* hero photo fades into the light page */
/* article */
.blog-page .post-lede{color:var(--ink-2)}
.blog-page .post-toc a:hover,.blog-page .post-toc a.is-active{color:var(--ink)}
.blog-page .post-body{color:#1f2f4d}
.blog-page .post-body h2,.blog-page .post-body h3,.blog-page .post-body strong,.blog-page .post-body th,.blog-page .post-faq summary,.blog-page .post-cta h2,.blog-page .author-box h2,.blog-page .infographic>h3,.blog-page .infographic>p.ig-title,.blog-page .bar output,.blog-page .matrix h4,.blog-page .versus h4,.blog-page .scene .scene-punch,.blog-page .calc .ig-title,.blog-page .myths summary,.blog-page .quiz legend,.blog-page .quiz-result strong,.blog-page .checklist-head .ig-title,.blog-page .prompt-title,.blog-page .post-body .hub-core{color:var(--ink)}
.blog-page .post-body h2,.blog-page .post-body h3{font-weight:800}
.blog-page .post-body a{border-bottom-color:rgba(9,93,240,.35)}
.blog-page .post-body ol>li::before{background:#eaf3ff;color:var(--blue)}
.blog-page .post-body code{background:#eaf3ff;color:var(--ink)}
.blog-page .callout{background:#eefaf3;border-inline-start-color:var(--green-text)}
.blog-page .post-faq details p,.blog-page .myths details p{color:var(--ink-2)}
.blog-page .post-cta{background:var(--glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--glass-line);box-shadow:var(--glass-shadow);border-radius:24px}
.blog-page .post-cta p{color:var(--ink-2)}
.blog-page .post-cta .button{color:#fff}
.blog-page .post-body th{background:#f3f8ff}
.blog-page .table-wrap{background:#fff}
.blog-page .cap-head svg,.blog-page .flow svg{background:#eaf3ff;color:var(--blue)}
.blog-page .flow li.is-owner svg{background:#fdf1dc;color:var(--gold)}
.blog-page .post-body .flow>li,.blog-page .matrix>div,.blog-page .versus>div{background:#fff;border-color:#e3edfb}
.blog-page .versus>div.is-us{background:#eaf3ff;border-color:#bcd6ff}
.blog-page .bar-track,.blog-page .checklist-bar{background:#e3edfb}
.blog-page .stat strong,.blog-page .calc-result strong{background:linear-gradient(90deg,#08a84b,#095df0);-webkit-background-clip:text;background-clip:text;color:transparent}
.blog-page .post-body .scene{background:linear-gradient(160deg,#ffffff,#f1f6fe);border-color:#e3edfb;box-shadow:var(--glass-shadow)}
.blog-page .post-body .scene::before{background:radial-gradient(rgba(8,191,85,.18),transparent 70%)}
.blog-page .scene p{color:#1f2f4d}
.blog-page .day-tabs button{background:#fff;color:var(--ink-2);border-color:#d6e3f5}
.blog-page .day-tabs button[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:#fff}
.blog-page .day-slot,.blog-page .calc-result p,.blog-page .quiz-result,.blog-page .checklist-result{background:var(--sunk)}
.blog-page .checklist-result strong{color:var(--ink)}
.blog-page .bubble-out{background:var(--ink);color:#fff}
.blog-page .bubble-in{background:#fff;border-color:#e3edfb;color:var(--ink)}
.blog-page .bubble-card{background:#eaf3ff;border-color:#bcd6ff;color:var(--ink)}
.blog-page .myth-tag{background:#fde8e8;color:#a3302f}
.blog-page .myth-tag.is-truth{background:#e3f7ec;color:#077a3b}
.blog-page .quiz label{background:#fff;border-color:#d6e3f5}
.blog-page .quiz label:has(input:checked){background:#eaf3ff;border-color:var(--blue);color:var(--ink)}
.blog-page .prompt-text{background:var(--sunk);border-color:#e3edfb;color:var(--ink)}
.blog-page .prompt-copy{background:#fff;border-color:#bcd6ff;color:var(--blue)}
.blog-page .prompt-copy:hover{background:#eaf3ff}
.blog-page .prompt-copy.is-done{background:#e3f7ec;border-color:#077a3b;color:#077a3b}
.blog-page .post-body .hub-core{border-color:var(--blue);box-shadow:0 0 50px rgba(9,93,240,.2);background:#fff}
.blog-page .post-body .hub-mobile li{background:#fff;border-color:#e3edfb}
.blog-page .post-cover,.blog-page .post-scene{border-color:var(--glass-line);box-shadow:0 22px 50px rgba(12,63,158,.14)}
.blog-page .post-cover figcaption,.blog-page .post-scene figcaption{background:rgba(6,23,55,.7);color:#fff}

/* Inline SVG infographics in posts were drawn for the dark theme: remap their palette to the light one. */
.blog-page .post-body svg :is(rect,polygon,path,g)[fill="#2c2c2f" i]{fill:#ffffff}
.blog-page .post-body svg :is(rect,circle,g)[fill="#1e1e1e" i]{fill:#f3f8ff}
.blog-page .post-body svg [fill="#5a5a5e" i]{fill:#c6d4ea}
.blog-page .post-body svg :is(text,tspan,g)[fill="#fff" i],.blog-page .post-body svg :is(text,tspan,g)[fill="#ffffff" i],.blog-page .post-body svg text[fill="#1e1e1e" i]{fill:#061737}
.blog-page .post-body svg :is(text,tspan,g)[fill="#c2c2c2" i]{fill:#4a5a74}
.blog-page .post-body svg :is(text,tspan)[fill="#9a9a9a" i]{fill:#5b6a80}
.blog-page .post-body svg :is(text,tspan)[fill="#efc263" i]{fill:#8a5a12}
.blog-page .post-body svg :is(text,tspan)[fill="#bbe8a6" i]{fill:#077a3b}
.blog-page .post-body svg :is(text,tspan)[fill="#d3a6e8" i]{fill:#7a4fc4}
.blog-page .post-body svg :is(text,tspan)[fill="#e88a8a" i]{fill:#b3403f}
.blog-page .post-body svg :is(circle,path)[fill="#6390ef" i]{fill:#cfe2ff}
.blog-page .post-body svg [stroke^="#ffffff" i],.blog-page .post-body svg [stroke="#fff" i]{stroke:#cfdcef}
.blog-page .post-body svg [stroke="#6390ef" i]{stroke:#095df0}
.blog-page .post-body svg [stroke="#efc263" i]{stroke:#e0a63a}
.blog-page .post-body svg [stroke="#bbe8a6" i]{stroke:#3fbf73}
.blog-page .post-body svg [stroke="#d3a6e8" i]{stroke:#b98ad6}
.blog-page .post-body svg rect[fill="#2c2c2f" i]:not([stroke]){stroke:#e3edfb}

/* --- Glass & Light pass 2: remaining dark-theme leftovers (2026-10-08) --- */
.blog-page .post-body svg :is(circle,ellipse)[fill="#2c2c2f" i]{fill:#fff}
.blog-page .post-body svg :is(text,tspan)[fill="#6390ef" i]{fill:#0a4fc4}
.blog-page .post-body svg :is(rect,circle,path,ellipse)[fill="#efc263" i]{fill:#e8b24a}
.blog-page .post-body svg :is(rect,circle,path,ellipse)[fill="#bbe8a6" i]{fill:#58c585}
.blog-page .post-body svg :is(rect,circle,path,ellipse)[fill="#d3a6e8" i]{fill:#c493e0}
.blog-page .post-body svg :is(rect,circle,path,ellipse)[fill="#e88a8a" i]{fill:#e57373}
.blog-page .post-body svg :is(circle,path,rect)[fill="#6390ef" i]{fill:#5b94f5}
.blog-page .post-body svg :is(rect,circle,path)[fill="#efc26318" i],.blog-page .post-body svg :is(rect,circle,path)[fill="#efc26330" i]{fill:#fbecc9}
.blog-page .post-body svg :is(rect,circle,path)[fill="#bbe8a618" i],.blog-page .post-body svg :is(rect,circle,path)[fill="#bbe8a630" i]{fill:#dcf3e6}
.blog-page .post-body svg :is(rect,circle,path)[fill="#d3a6e818" i]{fill:#f0e4f8}
.blog-page .post-body svg :is(rect,circle,path)[fill="#e88a8a30" i]{fill:#fbdcdc}
.blog-page .post-body svg [stroke="#1e1e1e" i]{stroke:#f3f8ff}
.blog-page .post-body svg [stroke="#ffffff80" i],.blog-page .post-body svg [stroke="#ffffff60" i],.blog-page .post-body svg [stroke="#ffffff55" i]{stroke:#9db3d3}
.blog-page .post-body svg [stroke="#efc263" i]{stroke:#d19a2a}
.blog-page .post-body svg [stroke="#bbe8a6" i]{stroke:#2fae66}
.blog-page .post-body svg [stroke="#d3a6e8" i]{stroke:#a46fcf}
.blog-page .post-body svg stop[stop-color="#6390ef" i]{stop-color:#095df0}
.blog-page .post-body svg stop[stop-color="#efc263" i]{stop-color:#e0a63a}
.blog-page .post-body svg stop[stop-color="#bbe8a6" i]{stop-color:#2fae66}
.blog-page .post-body svg stop[stop-color="#d3a6e8" i]{stop-color:#a46fcf}
/* matrix / versus accent colours set inline as --c */
.blog-page [style*="--c:#bbe8a6"]{--c:#2fae66!important}
.blog-page [style*="--c:#efc263"]{--c:#e0a63a!important}
.blog-page [style*="--c:#d3a6e8"]{--c:#a46fcf!important}
.blog-page [style*="--c:#e88a8a"]{--c:#e05a5a!important}
.blog-page [style*="--c:#6390ef"]{--c:#095df0!important}
/* readable small labels */
.blog-page .tldr>p:first-child,.blog-page .scene .scene-time{color:#8a5a12}
.blog-page .checklist-head output{color:#077a3b}
.blog-page .post-meta,.blog-page .post-author span,.blog-page .breadcrumbs,.blog-page .post-toc a,.blog-page .post-toc summary,.blog-page .post-sources a,.blog-page .post-figure figcaption,.blog-page .figure-note,.blog-page .source-note,.blog-page .day-label,.blog-page .day-note,.blog-page .prompt-when,.blog-page .hub figcaption{color:var(--muted)}
.blog-page .post-toc a:hover,.blog-page .post-toc a.is-active{color:var(--ink)}
.blog-page .breadcrumbs a:hover{color:var(--blue)}
.blog-page .day-slot .bubble-out{background:var(--ink)}
.blog-page .flow li.is-owner{border-color:#d19a2a}
.blog-page .hub-mobile li.is-owner{border-color:#d19a2a}
.blog-page .post-body .hub-core span{color:var(--muted)}
.blog-page .post-cover figcaption,.blog-page .post-scene figcaption{background:rgba(6,23,55,.72);color:#fff}
.blog-page .sticky-cta{box-shadow:0 12px 30px rgba(6,23,55,.22)}
.blog-page .post-card.cat-news a{border-top-color:var(--glass-line)}
.blog-page .button.primary>span{color:#08bf55}
.blog-page .post-body svg :is(line,path)[stroke^="#ffffff" i]:not([stroke="#ffffff80" i]):not([stroke="#ffffff60" i]):not([stroke="#ffffff55" i]),.blog-page .post-body svg :is(line,path)[stroke="#fff" i]{stroke:#93a9ca}

/* ---------- Service pages (/services/<slug>/), rendered by scripts/services.py ---------- */
.svc{--r:22px;--amber:#c27a12;--amber-bg:#fff4df;--red:#c8434a;--red-bg:#fdecec;--go-bg:#e8f8ef}
.svc .button{margin-top:0}
.svc h2,.svc h3{color:var(--ink)}
.svc-icon{flex-shrink:0}
.service-hero{padding-block:30px 56px}
.service-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px;align-items:center;margin-top:26px}
.service-copy .eyebrow{font-size:14px;font-weight:600;color:var(--blue);margin:0}
.service-copy h1{margin-top:16px;font-size:clamp(38px,4.8vw,62px);line-height:1.08;font-weight:700;letter-spacing:-.035em;color:var(--ink);text-wrap:balance}
.service-copy .post-lede{max-width:560px}
.service-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin-top:30px}
.service-points{list-style:none;padding:0;margin:30px 0 0;display:grid;gap:10px}
.service-points li{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--ink-2)}
.service-points .svc-icon{color:var(--green-text);background:var(--go-bg);border-radius:8px;padding:5px;width:28px;height:28px}
.service-scene{margin:0}
.service-scene .task-chat{border-radius:28px;background:rgba(255,255,255,.6);border:1px solid var(--glass-line);box-shadow:var(--glass-shadow)}
.service-scene figcaption{margin-top:12px;font-size:13px;color:var(--muted);text-align:center}

.service-by{display:flex;align-items:center;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line);font-size:14px;line-height:1.5;color:var(--ink-2);max-width:520px}
.service-by img{width:40px;height:50px;object-fit:cover;border-radius:10px;flex-shrink:0}
.fit-soft{font-size:15px;color:var(--blue);text-decoration:underline;text-underline-offset:3px}

/* in-page navigation */
.svc-nav{position:sticky;top:0;z-index:20;background:rgba(247,250,255,.82);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-block:1px solid var(--line)}
.svc-nav .shell{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-block:10px}
.svc-nav .shell::-webkit-scrollbar{display:none}
.svc-nav a{flex:none;padding:8px 14px;border-radius:999px;font-size:14px;color:var(--muted);white-space:nowrap}
.svc-nav a:hover{background:#fff;color:var(--ink)}

/* section frame */
.svc-sec{padding-block:84px;scroll-margin-top:56px}
.svc-sec .shell{position:relative}
.svc-head{max-width:760px;margin-bottom:40px}
.svc-head.is-center{margin-inline:auto;text-align:center}
.svc-num{display:inline-grid;place-items:center;min-width:40px;height:28px;padding-inline:10px;border-radius:999px;background:#e7f0ff;color:var(--blue);font-size:13px;font-weight:700;letter-spacing:.04em}
.svc-head h2{margin-top:14px;font-size:clamp(30px,3.4vw,44px);line-height:1.15;font-weight:800;letter-spacing:-.025em;text-wrap:balance}
.svc-intro{margin-top:14px;font-size:18px;line-height:1.65;color:var(--ink-2)}
.svc-note{max-width:820px;margin-top:30px;padding:18px 22px;border-radius:16px;background:rgba(255,255,255,.6);border:1px solid var(--line);font-size:16px;line-height:1.7;color:var(--ink-2)}
.svc-note a,.svc-intro a,.svc p a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.svc-badge{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;flex-shrink:0;background:linear-gradient(145deg,#eef5ff,#dce9ff);color:var(--blue);box-shadow:0 1px 0 #fff inset}
.svc-badge.is-amber{background:linear-gradient(145deg,#fff7e8,#ffe9c4);color:var(--amber)}
.svc-card,.svc-sum-card,.svc-proc,.svc-exc,.svc-light,.svc-sys,.svc-opt,.svc-nf,.svc-story,.svc-faq details{background:var(--glass);border:1px solid var(--glass-line);box-shadow:var(--glass-shadow);border-radius:var(--r);-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3)}
.svc h3{font-size:19px;line-height:1.35;font-weight:700}
.svc-sec p{line-height:1.65}

/* tinted bands */
.svc-exceptions-sec,.svc-compare-sec{background:linear-gradient(180deg,transparent,rgba(9,93,240,.05) 18%,rgba(9,93,240,.05) 82%,transparent)}
.svc-process-sec{background:linear-gradient(180deg,transparent,rgba(8,191,85,.05) 18%,rgba(8,191,85,.05) 82%,transparent)}

/* story: before / after */
.svc-story-sec{padding-block:72px 24px}
.svc-story{padding:44px;border-radius:30px}
.svc-story-kicker{font-size:14px;font-weight:700;color:var(--amber);letter-spacing:.02em}
.svc-story-top h2{margin-top:8px;font-size:clamp(26px,2.8vw,36px);font-weight:800;letter-spacing:-.02em}
.svc-story-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:22px;align-items:stretch;margin-top:30px}
.svc-story-side{padding:26px;border-radius:20px}
.svc-story-side.is-before{background:#f3f5f9;border:1px dashed #c9d3e3}
.svc-story-side.is-after{background:var(--go-bg);border:1px solid #bfe8d0}
.svc-story-label{font-size:13px;font-weight:700;letter-spacing:.04em}
.is-before .svc-story-label{color:var(--muted)}
.is-after .svc-story-label{color:var(--green-text)}
.svc-story-time{margin-top:4px;font-size:20px;font-weight:700;color:var(--ink)}
.svc-story-side ol{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:12px}
.svc-story-side li{display:flex;gap:12px;align-items:flex-start;font-size:16px;line-height:1.55;color:var(--ink-2)}
.is-before li{color:var(--muted)}
.svc-dot{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;flex-shrink:0;font-size:13px;font-weight:700;margin-top:1px}
.is-before .svc-dot{background:#e2e7f0;color:#7d8aa3}
.is-after .svc-dot{background:var(--green);color:#fff}
.svc-story-arrow{align-self:center;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--ink);color:#fff;box-shadow:0 10px 24px rgba(6,23,55,.2)}
html[dir=rtl] .svc-story-arrow svg{transform:scaleX(-1)}
.svc-story-punch{margin-top:28px;font-size:clamp(20px,2vw,24px);font-weight:700;line-height:1.45;color:var(--ink);text-align:center;text-wrap:balance}

/* summary */
.svc-summary-sec{padding-block:24px 60px}
.svc-sum{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.svc-sum-card{padding:24px}
.svc-sum-card h3{margin-top:16px;font-size:17px}
.svc-sum-card p{margin-top:8px;font-size:15px;color:var(--ink-2)}

/* processes */
.svc-procs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.svc-proc{padding:26px;display:flex;flex-direction:column;gap:18px;transition:transform .25s,box-shadow .25s}
.svc-proc:hover{transform:translateY(-3px);box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 24px 56px rgba(12,63,158,.14)}
.svc-proc-top{display:flex;align-items:center;gap:14px}
.svc-proc-top h3{font-size:21px}
.svc-ask{position:relative;padding:14px 16px;border-radius:16px 16px 16px 4px;background:#e9f1ff;color:var(--ink)}
html[dir=rtl] .svc-ask{border-radius:16px 16px 4px 16px}
.svc-ask small,.svc-does small{display:block;font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--blue)}
.svc-does small{color:var(--green-text)}
.svc-ask p{margin-top:4px;font-size:15px;line-height:1.55}
.svc-does ul{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:7px}
.svc-does li{display:flex;gap:8px;align-items:flex-start;font-size:15px;line-height:1.5;color:var(--ink-2)}
.svc-does .svc-icon{color:var(--green);margin-top:3px}

/* flow: one lead, five steps with mini UI */
.svc-flow{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;position:relative}
.svc-step{position:relative;display:flex;flex-direction:column}
.svc-step-mock{height:222px;display:grid;place-items:center;padding:14px;border-radius:20px;background:linear-gradient(160deg,#f4f8ff,#e8f0fd);border:1px solid var(--glass-line);box-shadow:var(--glass-shadow)}
.svc-step-n{position:relative;z-index:1;display:grid;place-items:center;width:36px;height:36px;margin:-18px auto 0;border-radius:50%;background:var(--blue);color:#fff;font-weight:700;font-size:15px;box-shadow:0 0 0 5px var(--bg)}
.svc-step:not(:last-child)::after{content:"";position:absolute;top:222px;inset-inline-start:calc(50% + 24px);width:calc(100% - 30px);height:2px;background:linear-gradient(90deg,#9cc0ff,#9cc0ff 50%,transparent 50%) 0 0/10px 2px;z-index:0}
.svc-step h3{margin-top:14px;text-align:center;font-size:18px}
.svc-step>p:last-child{margin-top:8px;font-size:15px;color:var(--ink-2);text-align:center}
.mk{width:100%;max-width:190px;padding:12px;border-radius:12px;background:#fff;box-shadow:0 8px 22px rgba(12,63,158,.12);font-size:11px;color:var(--ink-2)}
.mk strong{display:block;font-size:12px;color:var(--ink)}
.mk-field{display:flex;justify-content:space-between;align-items:center;margin-top:5px;padding:4px 8px;border-radius:6px;background:#f2f5fa;border:1px solid #e1e8f3;color:#7b88a1}
.mk-area{color:var(--ink-2);line-height:1.4}
.mk-missing{display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:var(--amber-bg);color:var(--amber);font-style:normal;font-weight:700;font-size:10px}
.mk-btn{display:inline-flex;align-items:center;gap:4px;margin-top:8px;padding:5px 12px;border-radius:999px;background:var(--blue);color:#fff;font-weight:600}
.mk-row{display:flex;align-items:center;gap:8px;padding:7px;border-radius:8px}
.mk-row+.mk-row{margin-top:4px}
.mk-row.is-old{opacity:.45}
.mk-row.is-hit{background:#e9f1ff;outline:1.5px solid #9cc0ff}
.mk-av{width:22px;height:22px;border-radius:50%;background:linear-gradient(145deg,#9cc0ff,#095df0);flex-shrink:0}
.mk-lines i{display:block;width:80px;height:5px;border-radius:3px;background:#d8e1ee}
.mk-lines i+i{width:50px;margin-top:4px}
.mk-row em{display:block;font-style:normal;color:var(--blue);font-size:10px}
.mk-ok{display:flex;align-items:center;gap:5px;margin-top:8px;color:var(--green-text);font-weight:600}
.mk-quote ul{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:5px}
.mk-quote li{display:flex;justify-content:space-between;align-items:center;gap:8px}
.mk-quote li i{width:30px;height:5px;border-radius:3px;background:#d8e1ee}
.mk-flag{margin-top:8px;padding:5px 8px;border-radius:6px;background:var(--amber-bg);color:var(--amber);font-weight:600}
.mk-bubble{padding:9px 11px;border-radius:12px;background:#f2f5fa;color:var(--ink);font-size:12px;line-height:1.45}
.mk-btns{display:flex;gap:6px;justify-content:flex-end}
.mk-btn.is-ghost{background:#fff;color:var(--ink-2);border:1px solid #d6dfec}
.mk-btn.is-go{background:var(--green)}
.mk-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;background:var(--go-bg);color:var(--green-text);font-weight:700}
.mk-remind{display:flex;align-items:center;gap:7px;margin-top:10px;padding:8px 10px;border-radius:10px;background:#f2f5fa;color:var(--ink)}
.mk-remind .svc-icon{color:var(--amber)}

.mk-chat{display:grid;gap:6px;background:#eef3ee}
.mk-line{max-width:92%;padding:7px 9px;border-radius:10px;font-size:11px;line-height:1.4;color:var(--ink)}
.mk-line.is-in{justify-self:end;background:#fff;border-end-end-radius:3px}
.mk-line.is-out{justify-self:start;background:#d9f2df;border-end-start-radius:3px}
.mk-link{display:block;margin-top:4px;color:var(--blue);font-weight:600}
.mk-record ul,.mk-list ul{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:5px}
.mk-record li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:5px 8px;border-radius:7px}
.mk-record li i{width:26px;height:5px;border-radius:3px;background:#d8e1ee}
.mk-record li em{font-style:normal;font-weight:700;font-size:10px}
.mk-record li.is-off{opacity:.45}
.mk-record li.is-hit{background:var(--go-bg);outline:1.5px solid #bfe8d0;color:var(--ink)}.mk-record li.is-hit em{color:var(--green-text)}
.mk-record li.is-flag{background:var(--amber-bg);color:var(--amber)}.mk-record li.is-flag em{color:var(--amber)}
.mk-list li{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:7px;background:#f2f5fa;color:var(--ink)}
.mk-list li b{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:var(--green)}
.mk-list li.is-ask b{background:#e39a26}.mk-list li.is-stop b{background:var(--red)}

.mk-week{display:grid;gap:4px}
.mk-week-head,.mk-week>div{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px}
.mk-week-head b{font-size:9px;font-weight:700;color:var(--muted);text-align:center}
.mk-week i{height:14px;border-radius:4px;background:#e6ebf3}
.mk-week i.is-free{background:#fff;outline:1px dashed #c9d3e3;outline-offset:-1px}
.mk-week i.is-hold{background:var(--amber-bg);outline:1px solid #f3d9a6;outline-offset:-1px}
.mk-week i.is-pick{background:var(--green);box-shadow:0 0 0 2px #bfe8d0}
.mk-post .mk-pic{display:block;height:54px;margin-top:7px;border-radius:8px;background:linear-gradient(135deg,#dbe9ff,#e3f7ea)}
.mk-post p{margin-top:6px;font-size:11px;line-height:1.4;color:var(--ink)}
.mk-post em{display:inline-block;margin-top:6px;padding:3px 8px;border-radius:999px;background:var(--go-bg);color:var(--green-text);font-style:normal;font-weight:700;font-size:10px}

/* exceptions: what happened -> rule vs agent */
.svc-excs{display:grid;gap:12px}
.svc-exc{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:16px;align-items:center;padding:16px 18px}
.svc-exc h3{display:flex;align-items:center;gap:12px;font-size:17px}
.svc-warn{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;flex-shrink:0;background:var(--amber-bg);color:var(--amber);font-weight:800}
.svc-exc p{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:14px;font-size:15px;line-height:1.5}
.svc-exc p small{display:block;font-size:11px;font-weight:700;letter-spacing:.04em;margin-bottom:2px}
.svc-exc-rule{background:var(--red-bg);color:#7a3337}
.svc-exc-rule .svc-icon,.svc-exc-rule small{color:var(--red)}
.svc-exc-agent{background:var(--go-bg);color:#16492d;outline:1.5px solid #bfe8d0}
.svc-exc-agent .svc-icon,.svc-exc-agent small{color:var(--green-text)}
.svc-exc .svc-icon{margin-top:2px}

/* approval: traffic light */
.svc-lights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.svc-light{overflow:hidden;padding:0}
.svc-light-top{display:flex;align-items:center;gap:14px;padding:22px 24px}
.svc-light-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;color:#fff}
.svc-light h3{font-size:22px}
.svc-light ul{list-style:none;padding:6px 24px 24px;margin:0;display:grid;gap:10px}
.svc-light li{position:relative;padding-inline-start:18px;font-size:15px;line-height:1.5;color:var(--ink-2)}
.svc-light li::before{content:"";position:absolute;inset-inline-start:0;top:.6em;width:7px;height:7px;border-radius:50%}
.svc-light.is-go .svc-light-top{background:var(--go-bg)}.svc-light.is-go .svc-light-icon,.svc-light.is-go li::before{background:var(--green)}
.svc-light.is-ask .svc-light-top{background:var(--amber-bg)}.svc-light.is-ask .svc-light-icon,.svc-light.is-ask li::before{background:#e39a26}
.svc-light.is-stop .svc-light-top{background:var(--red-bg)}.svc-light.is-stop .svc-light-icon,.svc-light.is-stop li::before{background:var(--red)}

/* systems */
.svc-syss{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.svc-sys{padding:22px}
.svc-sys-top{display:flex;flex-direction:column;gap:12px}
.svc-sys h3{font-size:16px}
.svc-sys ul{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-wrap:wrap;gap:7px}
.svc-sys li{padding:6px 11px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:13px;font-weight:600;color:var(--ink-2)}

/* process: five phases */
.svc-phases{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
.svc-phase{position:relative}
.svc-phase-top{position:relative;display:flex;align-items:center;gap:10px}
.svc-phase-icon{position:relative;z-index:1;display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:#fff;color:var(--blue);border:1px solid var(--line);box-shadow:var(--glass-shadow)}
.svc-phase.is-owner .svc-phase-icon{background:var(--ink);color:#fff;border-color:var(--ink)}
.svc-phase-n{font-size:13px;font-weight:700;color:var(--muted)}
.svc-phase:not(:last-child) .svc-phase-top::after{content:"";position:absolute;top:29px;inset-inline-start:66px;inset-inline-end:-14px;height:2px;background:linear-gradient(90deg,#a9d9bd,#a9d9bd 50%,transparent 50%) 0 0/10px 2px}
.svc-phase h3{margin-top:18px;font-size:20px}
.svc-owner{display:inline-block;margin-top:6px;padding:3px 10px;border-radius:999px;background:var(--ink);color:#fff;font-size:12px;font-weight:600}
.svc-phase>p:last-child{margin-top:10px;font-size:15px;color:var(--ink-2)}

/* compare: four options, ours highlighted */
.svc-opts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}
.svc-opt{padding:24px;display:flex;flex-direction:column}
.svc-opt-top{display:flex;align-items:center;gap:12px;min-height:56px}
.svc-opt-top h3{font-size:18px}
.svc-opt-top p{font-size:13px;color:var(--muted)}
.svc-opt dl{margin:18px 0 0;display:grid;gap:12px}
.svc-opt dl>div{padding-top:12px;border-top:1px solid var(--line)}
.svc-opt dt{font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--muted)}
.svc-opt dd{margin:3px 0 0;font-size:15px;line-height:1.45;color:var(--ink-2)}
.svc-opt.is-us{background:var(--ink);border-color:var(--ink);box-shadow:0 26px 60px rgba(6,23,55,.28);transform:translateY(-8px)}
.svc-opt.is-us h3,.svc-opt.is-us dd{color:#fff}
.svc-opt.is-us .svc-opt-top p,.svc-opt.is-us dt{color:#9fb3d6}
.svc-opt.is-us dl>div{border-color:rgba(255,255,255,.14)}
.svc-opt.is-us .svc-badge{background:linear-gradient(145deg,#08bf55,#095df0);color:#fff}

/* not a fit */
.svc-nfs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.svc-nf{padding:24px}
.svc-nf h3{margin-top:16px;font-size:17px}
.svc-nf p{margin-top:8px;font-size:15px;color:var(--ink-2)}

/* faq */
.svc-faq{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start;max-width:1080px;margin-inline:auto}
.svc-faq details{padding:0;border-radius:18px}
.svc-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:20px 22px;font-size:17px;font-weight:700;color:var(--ink)}
.svc-faq summary::-webkit-details-marker{display:none}
.svc-faq summary::after{content:"+";flex-shrink:0;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e7f0ff;color:var(--blue);font-size:18px;transition:transform .2s}
.svc-faq details[open] summary::after{transform:rotate(45deg)}
.svc-faq details p{padding:0 22px 20px;font-size:15px;color:var(--ink-2)}

/* definition: what business automation is, three ways */
.svc-define-sec{padding-block:36px 24px}
.svc-define{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.5fr);gap:40px;align-items:start}
.svc-define-copy h2{font-size:clamp(26px,2.8vw,36px);font-weight:800;letter-spacing:-.02em;line-height:1.2}
.svc-define-copy p{margin-top:14px;font-size:17px;color:var(--ink-2)}
.svc-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.svc-level{padding:22px;border-radius:var(--r);background:var(--glass);border:1px solid var(--glass-line);box-shadow:var(--glass-shadow)}
.svc-level h3{margin-top:14px;font-size:17px}
.svc-level p{margin-top:8px;font-size:15px;color:var(--ink-2)}
.svc-level.is-us{background:var(--ink);border-color:var(--ink)}
.svc-level.is-us h3{color:#fff}.svc-level.is-us p{color:#c9d6ee}
.svc-level.is-us .svc-badge{background:linear-gradient(145deg,#08bf55,#095df0);color:#fff}

/* fit check */
.svc-fit-sec{background:linear-gradient(180deg,transparent,rgba(9,93,240,.06) 14%,rgba(8,191,85,.06) 86%,transparent)}
.svc-fit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:22px;align-items:start}
.fit-form,.fit-result{padding:28px;border-radius:28px;background:rgba(255,255,255,.78);border:1px solid var(--glass-line);box-shadow:var(--glass-shadow)}
.fit-form{display:grid;gap:22px}
.fit-form fieldset{border:0;padding:0;margin:0;min-width:0}
.fit-form legend{display:flex;align-items:center;gap:10px;padding:0;font-size:17px;font-weight:700;color:var(--ink)}
.fit-form legend b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#e7f0ff;color:var(--blue);font-size:13px}
.fit-form legend small{font-size:13px;font-weight:400;color:var(--muted)}
.fit-opts{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.fit-opts label{position:relative;cursor:pointer}
.fit-opts input{position:absolute;opacity:0;inset:0;cursor:pointer}
.fit-opts span{display:block;padding:9px 16px;border-radius:999px;background:#fff;border:1.5px solid #d6dfec;font-size:15px;color:var(--ink-2);transition:background .15s,border-color .15s,color .15s}
.fit-opts label:hover span{border-color:#9cc0ff}
.fit-opts input:checked+span{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:600}
.fit-opts input:focus-visible+span{outline:3px solid #9cc0ff;outline-offset:2px}
.fit-result{position:sticky;top:76px;min-height:260px}
.fit-progress{height:6px;border-radius:3px;background:#e2e9f4;overflow:hidden}
.fit-progress i{display:block;height:100%;inline-size:0;border-radius:3px;background:var(--gradient);transition:inline-size .3s}
.fit-empty{margin-top:22px;font-size:17px;color:var(--muted)}
.fit-verdict{padding:20px 22px;border-radius:18px}
.fit-verdict h3{font-size:22px}
.fit-verdict p{margin-top:6px;font-size:16px;color:var(--ink-2)}
.fit-verdict.is-strong{background:var(--go-bg);outline:1.5px solid #bfe8d0}.fit-verdict.is-strong h3{color:#0b6b35}
.fit-verdict.is-medium{background:#e9f1ff;outline:1.5px solid #bcd3fb}
.fit-verdict.is-rare,.fit-verdict.is-closed{background:var(--amber-bg);outline:1.5px solid #f3d9a6}
.fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.fit-box{padding:16px 18px;border-radius:16px;background:#fff;border:1px solid var(--line)}
.fit-box:first-child{grid-column:1/-1}
.fit-box h4{font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--muted)}
.fit-box.is-go h4{color:var(--green-text)}.fit-box.is-ask h4{color:var(--amber)}
.fit-box ul{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:8px}
.fit-box li{position:relative;padding-inline-start:16px;font-size:15px;line-height:1.5;color:var(--ink-2)}
.fit-box li::before{content:"";position:absolute;inset-inline-start:0;top:.6em;width:6px;height:6px;border-radius:50%;background:#9cc0ff}
.fit-box.is-go li::before{background:var(--green)}.fit-box.is-ask li::before{background:#e39a26}
.fit-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:20px}
.fit-reset{background:none;border:0;padding:0;font:inherit;font-size:15px;color:var(--muted);text-decoration:underline;text-underline-offset:3px;cursor:pointer}

/* links to the other service pages, and the /services/ hub */
.svc-others-sec{padding-block:20px 64px}
.svc-others-title{font-size:clamp(24px,2.4vw,32px);font-weight:800;letter-spacing:-.02em;margin-bottom:22px;color:var(--ink)}
.svc-others{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.svc-other{display:flex;flex-direction:column;gap:6px;padding:20px 22px;border-radius:var(--r,22px);background:var(--glass);border:1px solid var(--glass-line);box-shadow:var(--glass-shadow);transition:transform .25s,box-shadow .25s}
.svc-other:hover{transform:translateY(-3px);box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 24px 56px rgba(12,63,158,.14)}
.svc-other-label{font-size:13px;font-weight:700;color:var(--blue)}
.svc-other strong{font-size:18px;line-height:1.3;color:var(--ink)}
.svc-other>span:last-child{font-size:15px;color:var(--ink-2)}
.svc-hub-copy{max-width:760px;margin-top:26px}
.svc-hub .service-hero{min-height:0;padding-bottom:28px}
@media(max-width:900px){.svc-others{grid-template-columns:1fr}}

/* closing call to action */
.svc-cta{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center;padding:52px;border-radius:32px;color:#fff;background:radial-gradient(90% 120% at 100% 0,rgba(8,191,85,.28),transparent 55%),radial-gradient(80% 120% at 0 100%,rgba(9,93,240,.45),transparent 60%),var(--ink);box-shadow:0 30px 70px rgba(6,23,55,.25)}
.svc-cta h2{color:#fff;font-size:clamp(28px,3vw,40px);font-weight:800;letter-spacing:-.02em;line-height:1.2}
.svc-cta p{margin-top:14px;font-size:18px;color:#c9d6ee}
.svc-cta .button{margin-top:28px;background:#fff;color:var(--ink)}
.svc-cta-author{display:flex;gap:18px;align-items:center;padding:22px;border-radius:22px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14)}
.svc-cta-author img{width:72px;height:90px;object-fit:cover;border-radius:14px}
.svc-cta-author p{margin:0;font-size:14px;line-height:1.6;color:#c9d6ee}
.svc-cta-author strong{display:block;color:#fff;font-size:16px;margin-bottom:4px}

/* about page (scripts/about.py) */
.about-hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
.about-partner{display:block;width:150px;height:auto;margin-top:30px}
.about-portrait{position:relative;margin:0;justify-self:center;width:min(100%,420px)}
.about-portrait img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:28px;box-shadow:var(--glass-shadow)}
.about-portrait figcaption{position:absolute;inset-inline-start:-18px;bottom:28px;display:flex;align-items:center;gap:12px;padding:14px 20px;border-radius:20px;background:var(--glass);border:1px solid var(--glass-line);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3)}
.about-portrait figcaption strong{font:700 44px/1 Poppins,sans-serif;letter-spacing:-.04em;background:var(--gradient);background-clip:text;-webkit-background-clip:text;color:transparent}
.about-portrait figcaption span{max-width:90px;font-size:14px;line-height:1.35;color:var(--ink-2)}
.about-story-sec{padding-block:40px 70px}
.about-story{max-width:720px;margin-inline:auto}
.about-story h2{font-size:clamp(30px,3.4vw,44px);font-weight:800;letter-spacing:-.025em;margin-bottom:26px}
.about-story p{margin-top:20px;font-size:19px;line-height:1.85;color:var(--ink-2)}
.about-story .signature{display:block;margin-top:26px}
.about-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;margin:0;padding:8px 32px;border-radius:var(--r);background:var(--glass);border:1px solid var(--glass-line);box-shadow:var(--glass-shadow)}
.about-facts>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;padding-block:20px;border-bottom:1px solid var(--line)}
.about-facts>div:nth-last-child(-n+2){border-bottom:0}
.about-facts dt{font-size:15px;font-weight:700;color:var(--ink)}
.about-facts dd{margin:0;font-size:15px;line-height:1.65;color:var(--ink-2)}
.about-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.about-cards a,.about-facts a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.experience-more{display:inline-flex;margin-top:14px}
@media(max-width:1100px){.about-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){
  .about-hero-grid{grid-template-columns:1fr;gap:36px}
  .about-portrait{width:min(100%,340px)}
  .about-portrait figcaption{inset-inline-start:-10px;bottom:20px}
  .about-story p{font-size:17px}
  .about-facts{grid-template-columns:1fr;padding:4px 20px}
  .about-facts>div{grid-template-columns:1fr;gap:6px}
  .about-facts>div:nth-last-child(2){border-bottom:1px solid var(--line)}
}
@media(max-width:600px){.about-cards{grid-template-columns:1fr}}

/* entrance motion, only where the browser ties it to scrolling */
@supports (animation-timeline: view()){
  @media (prefers-reduced-motion:no-preference){
    .svc-sec .shell>*{animation:svc-in linear both;animation-timeline:view();animation-range:entry 0% entry 28%}
    @keyframes svc-in{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
  }
}

@media(max-width:1100px){
  .svc-sum,.svc-nfs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .svc-define{grid-template-columns:1fr;gap:24px}
  .svc-procs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .svc-syss{grid-template-columns:repeat(3,minmax(0,1fr))}
  .svc-opts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .svc-opt.is-us{transform:none}
  .svc-flow,.svc-phases{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:36px}
  .svc-step::after,.svc-phase .svc-phase-top::after{display:none}
}
@media(max-width:900px){
  .service-hero{padding-block:20px 36px}
  .service-hero-grid{grid-template-columns:1fr;gap:30px;margin-top:18px}
  .svc-sec{padding-block:56px}
  .svc-head{margin-bottom:28px}
  .svc-intro{font-size:16px}
  .svc-story{padding:24px}
  .svc-story-grid{grid-template-columns:1fr;gap:12px}
  .svc-story-arrow{justify-self:center;transform:rotate(90deg)}
  html[dir=rtl] .svc-story-arrow{transform:rotate(-90deg)}
  .svc-story-side{padding:20px}
  .svc-sum,.svc-procs,.svc-nfs,.svc-opts,.svc-lights,.svc-faq,.svc-define,.svc-levels,.svc-fit{grid-template-columns:1fr}
  .fit-result{position:static}
  .fit-form,.fit-result{padding:20px}
  .fit-grid{grid-template-columns:1fr}
  .svc-syss{grid-template-columns:repeat(2,minmax(0,1fr))}
  .svc-flow,.svc-phases{grid-template-columns:1fr;row-gap:22px}
  .svc-step{display:grid;grid-template-columns:132px 1fr;column-gap:16px;align-items:start}
  .svc-step-mock{grid-row:1/4;height:auto;min-height:132px;padding:8px}
  .svc-step .mk{font-size:10px;padding:9px}
  .svc-step-n{margin:0;width:30px;height:30px;box-shadow:none}
  .svc-step h3,.svc-step>p:last-child{text-align:start;margin-top:6px}
  .svc-exc{grid-template-columns:1fr;gap:10px}
  .svc-phase-top{gap:12px}
  .svc-cta{grid-template-columns:1fr;padding:30px 24px;gap:26px}
}
@media(max-width:520px){
  .svc-syss{grid-template-columns:1fr}
  .svc-step{grid-template-columns:1fr}
  .svc-step-mock{grid-row:auto;min-height:0;margin-bottom:12px}
}
.tweet-embed{margin:28px 0}
.tweet-embed blockquote.twitter-tweet{margin:0;padding:18px 22px;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:16px;line-height:1.6}
.tweet-embed blockquote.twitter-tweet p{margin:0 0 8px}
.tweet-embed .twitter-tweet-rendered{margin-inline:auto!important}
.tweet-embed figcaption{margin-top:10px;font-size:14px;color:var(--muted);line-height:1.5}
.score-table{min-width:640px;font-size:15px}
.score-table th,.score-table td{text-align:center;vertical-align:middle}
.score-table tbody th[scope=row]{text-align:start;font-weight:600;min-width:210px}
.score-table tbody th small{display:block;font-weight:400;font-size:12.5px;color:var(--muted)}
.score-table td.win{background:#dff5e8;font-weight:700;color:#0b5c2e}
.score-table .score-group th{text-align:start;background:#eef3fb;font-size:13px;letter-spacing:.02em;color:var(--muted)}
.score-flag{display:inline-block;margin-inline-start:6px;padding:0 7px;border-radius:999px;border:1px dashed #9db4d6;font-size:11.5px;font-weight:500;line-height:18px;white-space:nowrap}
.score-key{display:inline-block;width:12px;height:12px;border-radius:3px;background:#dff5e8;border:1px solid #9fd6b5;vertical-align:-1px}
.post-body .score-table th,.post-body .score-table td{padding:9px 10px}
.post-body .score-table tbody th[scope=row]{line-height:1.35}

/* --- Section summaries (2026-10-22): one simple visual per section, few words, big icons --- */
.glance{margin:26px 0;padding:22px;border-radius:20px;background:linear-gradient(160deg,#f5f9ff,#f2fbf6);border:1px solid #dbe7f7}
.glance-title{margin:0 0 14px!important;font-size:13px!important;font-weight:700;letter-spacing:.04em;color:var(--blue)!important}
.glance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.glance-tile{--t:#095df0;--tb:#e7f0ff;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:18px 16px;border-radius:16px;background:#fff;border:1px solid #e3ecf8;min-width:0}
.glance-tile svg{width:42px;height:42px;padding:9px;border-radius:12px;background:var(--tb);color:var(--t);flex:none}
.glance-tile b{display:block;font-size:19px;line-height:1.25;font-weight:700;color:var(--ink)}
.glance-tile small{display:block;font-size:14px;line-height:1.45;color:var(--soft)}
.glance-tile .big{font-size:34px;line-height:1;font-weight:800;letter-spacing:-.03em;color:var(--t)}
.glance-tile.is-go{--t:#077a3b;--tb:#e3f6ea}.glance-tile.is-ask{--t:#a5620c;--tb:#fff1db}.glance-tile.is-stop{--t:#c8434a;--tb:#fdecec}.glance-tile.is-muted{--t:#4a5a74;--tb:#eef2f7}
.lights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:26px 0}
.light{border-radius:18px;background:#fff;border:1px solid #e3ecf8;overflow:hidden}
.light-head{display:flex;align-items:center;gap:12px;padding:16px 18px;background:var(--lb)}
.light-head i{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--lc);color:#fff;font-style:normal;font-weight:800;font-size:18px;flex:none}
.light-head b{font-size:19px;color:var(--ink)}
.light-head small{display:block;font-size:13px;color:var(--soft);font-weight:400}
.light ul{list-style:none!important;margin:0!important;padding:14px 18px 18px!important;display:flex;flex-wrap:wrap;gap:8px}
.post-body .light li{margin:0;padding:6px 12px;border-radius:999px;background:var(--lb);font-size:15px;line-height:1.3;color:var(--ink)}
.post-body .light li::before{display:none}
.light.is-go{--lc:#08a84b;--lb:#e8f8ef}.light.is-ask{--lc:#d98a14;--lb:#fff4df}.light.is-stop{--lc:#c8434a;--lb:#fdecec}
.trade{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:26px 0}
.trade>div{padding:20px;border-radius:18px;background:#fff;border:1px solid #e3ecf8}
.trade>div.is-get{border-color:#a9d9bd;background:linear-gradient(170deg,#f1fbf5,#fff 60%)}
.trade>div.is-give{border-color:#f0c7c9;background:linear-gradient(170deg,#fdf3f3,#fff 60%)}
.trade h4{margin:0 0 14px;font-size:18px;color:var(--ink)}
.trade ul{list-style:none!important;margin:0!important;padding:0!important;display:grid;gap:10px}
.post-body .trade li{display:flex;align-items:center;gap:10px;margin:0;padding:0;font-size:16px;line-height:1.35;color:var(--ink)}
.post-body .trade li::before{content:"";flex:none;width:24px;height:24px;border-radius:50%;background:var(--m) center/14px no-repeat,var(--mb);position:static;transform:none}
.trade .is-give li{--mb:#fde3e4;--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c8434a' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6 6 18'/%3E%3C/svg%3E")}
.trade .is-get li{--mb:#dcf3e6;--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23077a3b' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E")}
.post-body .trade li b{font-weight:700}
.spectrum{margin:26px 0;padding:24px 22px 18px;border-radius:20px;background:#fff;border:1px solid #e3ecf8}
.spectrum-track{position:relative;height:10px;margin:96px 8px 100px;border-radius:999px;background:linear-gradient(90deg,#095df0,#c9d8ee 50%,#08a84b)}
[dir=rtl] .spectrum-track{background:linear-gradient(270deg,#095df0,#c9d8ee 50%,#08a84b)}
.spectrum-ends{display:flex;justify-content:space-between;font-size:14px;font-weight:600;color:var(--soft)}
.spectrum-pin{position:absolute;bottom:-7px;inset-inline-start:var(--x);transform:translateX(50%);width:0}
[dir=ltr] .spectrum-pin{transform:translateX(-50%)}
.spectrum-pin::after{content:"";position:absolute;bottom:0;left:-12px;width:24px;height:24px;border-radius:50%;background:#fff;border:5px solid var(--blue);box-sizing:border-box}
.spectrum-pin span{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);width:max-content;max-width:190px;padding:8px 12px;border-radius:12px;background:#f3f8ff;border:1px solid #d6e3f5;font-size:13.5px;line-height:1.35;color:var(--ink);text-align:center}
.spectrum-pin span b{display:block;font-size:14px}
.spectrum-pin.is-below span{bottom:auto;top:30px}
@media(max-width:700px){
  .lights,.trade{grid-template-columns:1fr}
  .glance{padding:16px}.glance-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .glance-tile{padding:14px 12px}.glance-tile b{font-size:17px}.glance-tile small{font-size:13px}
  .spectrum-track{display:none}.spectrum-pins-m{display:grid!important;gap:10px;margin-top:14px}
}
.spectrum-pins-m{display:none}
.spectrum-pins-m p{margin:0!important;padding:10px 14px;border-radius:12px;background:#f3f8ff;border-inline-start:4px solid var(--blue);font-size:15px;line-height:1.45}
.trade.is-neutral>div{background:#fff;border-color:#e3ecf8}
.trade li.plus{--mb:#dcf3e6;--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23077a3b' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E")}
.trade li.minus{--mb:#fde3e4;--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c8434a' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6 6 18'/%3E%3C/svg%3E")}
.trade .sub{margin:-8px 0 14px!important;font-size:14px!important;color:var(--soft)!important}
.light.is-info{--lc:#095df0;--lb:#e7f0ff}
.dots-table{width:100%;border-collapse:separate;border-spacing:0}
.post-body .dots-table th,.post-body .dots-table td{padding:12px 10px;border-bottom:1px solid #e3ecf8;text-align:center;vertical-align:middle;background:transparent;color:var(--ink)}
.post-body .dots-table thead th{font-size:15px;font-weight:700;background:#f3f8ff}
.post-body .dots-table tbody th{text-align:start;font-size:15px;font-weight:600;line-height:1.35}
.dots5{display:inline-flex;gap:4px;direction:ltr}
.dots5 i{width:11px;height:11px;border-radius:50%;background:#dbe5f2}
.dots5 i.on{background:#095df0}
.dots-table td small{font-size:12.5px;color:var(--soft);line-height:1.3;display:block}
.dots-table td.best .dots5 i.on{background:#08a84b}

/* --- Timeline (2026-10-27): vertical dated milestones, works the same on desktop and phone --- */
.timeline{margin:26px 0;padding:22px;border-radius:20px;background:#fff;border:1px solid #e3ecf8}
.blog-page .post-body .timeline ol{gap:0;list-style:none!important;margin:0!important;padding:0!important;position:relative}
.post-body .timeline ol::before{content:"";position:absolute;top:8px;bottom:8px;inset-inline-start:9px;width:3px;border-radius:3px;background:linear-gradient(180deg,#c9d8ee,#095df0 70%,#08a84b)}
.blog-page .post-body .timeline ol>li{position:relative;margin:0 0 16px!important;padding:0 0 0 0!important;padding-inline-start:36px!important}
.post-body .timeline li:last-child{margin-bottom:0!important}
.blog-page .post-body .timeline ol>li::before{content:"";position:absolute;top:5px;inset-inline-start:0;width:21px;height:21px;border-radius:50%;background:#fff;border:4px solid #095df0;box-sizing:border-box;transform:none}
.blog-page .post-body .timeline ol>li.is-key::before{border-color:#08a84b;background:#08a84b}
.blog-page .post-body .timeline ol>li.is-warn::before{border-color:#c8434a}
.timeline time{display:inline-block;margin-bottom:4px;padding:2px 10px;border-radius:999px;background:#eef4ff;font-size:13px;font-weight:700;color:#095df0}
.timeline li.is-key time{background:#e3f6ea;color:#077a3b}
.timeline li.is-warn time{background:#fdecec;color:#c8434a}
.timeline b{display:block;font-size:17px;line-height:1.35;color:var(--ink)}
.timeline small{display:block;font-size:14.5px;line-height:1.45;color:var(--soft)}
.timeline .gap{display:inline-block;margin-top:6px;padding:2px 10px;border-radius:8px;background:#fff1db;font-size:13px;font-weight:600;color:#a5620c}
@media(max-width:700px){.timeline{padding:16px}.timeline b{font-size:16px}}
/* Standalone service page: security report (hero card, sample report), plain cards, callout */
.rp-card{padding:22px;border-radius:28px;background:rgba(255,255,255,.78);border:1px solid var(--glass-line);box-shadow:var(--glass-shadow);font-size:14px}
.rp-top{display:flex;gap:12px;align-items:center;padding-bottom:14px;border-bottom:1px solid var(--glass-line)}
.rp-top .svc-icon{color:var(--blue);width:38px;height:38px;padding:8px;border-radius:12px;background:#eef5ff}
.rp-top strong{display:block;font-size:16px;color:var(--ink)}.rp-top small{color:var(--muted);font-size:12.5px}
.rp-counts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0;padding:0;list-style:none}
.rp-counts li{padding:10px;border-radius:14px;text-align:center;font-size:12.5px;font-weight:600}
.rp-counts b{display:block;font-size:24px;line-height:1.1}
.rp-rows{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.rp-rows li{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;background:#fff;border:1px solid var(--glass-line);line-height:1.4}
.rp-rows em{flex-shrink:0;padding:3px 9px;border-radius:999px;font-style:normal;font-weight:700;font-size:11.5px}
.is-urgent.rp-counts li,.rp-counts .is-urgent,.rp-rows .is-urgent em,.svc-find.is-urgent header em{background:var(--red-bg);color:var(--red)}
.rp-counts .is-soon,.rp-rows .is-soon em,.svc-find.is-soon header em{background:var(--amber-bg);color:var(--amber)}
.rp-counts .is-info,.rp-rows .is-info em,.svc-find.is-info header em{background:#eef5ff;color:var(--blue)}
.service-report figcaption{margin-top:12px}
.svc-report{display:grid;gap:14px}
.svc-report-meta{display:flex;gap:8px;align-items:center;font-size:14px;color:var(--muted)}
.svc-find{padding:20px 22px;border-radius:var(--r);background:var(--glass);border:1px solid var(--glass-line);box-shadow:var(--glass-shadow);border-inline-start:5px solid var(--blue)}
.svc-find.is-urgent{border-inline-start-color:var(--red)}.svc-find.is-soon{border-inline-start-color:var(--amber)}
.svc-find header{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.svc-find header em{padding:4px 11px;border-radius:999px;font-style:normal;font-weight:700;font-size:13px}
.svc-find h3{font-size:18px}
.svc-find dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0 0}
.svc-find dl>div{padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.6)}
.svc-find dt{font-size:12px;font-weight:700;color:var(--muted);margin-bottom:4px}
.svc-find dd{margin:0;font-size:15px;line-height:1.5;color:var(--ink-2)}
.svc-cards-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.svc-callout{display:flex;gap:18px;align-items:flex-start;padding:30px;border-radius:var(--r);background:var(--amber-bg);border:1px solid #f3d9a8}
.svc-callout .svc-warn{width:44px;height:44px;font-size:22px;background:#fff}
.svc-callout h2{font-size:clamp(24px,2.6vw,32px);line-height:1.2;font-weight:800}
.svc-callout p{margin-top:10px;max-width:680px;color:var(--ink-2)}
.svc-callout ul{display:grid;gap:8px;margin:14px 0 18px;padding:0;list-style:none}
.svc-callout li{display:flex;gap:8px;align-items:flex-start}.svc-callout li .svc-icon{color:var(--amber);margin-top:3px}
@media(max-width:900px){.svc-find dl,.svc-cards-3{grid-template-columns:1fr}.svc-callout{padding:22px;flex-direction:column}}
.svc-cards-6{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:900px){.svc-cards-6{grid-template-columns:1fr}}
/* Standalone service page: long article body inside the service frame */
.svc-article-sec{padding-top:56px}
.svc-article{max-width:780px;margin-inline:auto}
.svc-article>h2:first-child{margin-top:0}
/* /services/ hub: "more services" cards */
.svc-more-sec{padding-top:8px}
.svc-more .svc-more-cta{margin-top:auto;padding-top:8px;font-style:normal;font-size:14px;font-weight:700;color:var(--blue)}
.svc-more>span:last-of-type{font-size:15px;color:var(--ink-2)}