.reading-progress{position:fixed;left:0;top:87px;z-index:60;width:0;height:2px;background:var(--accent);pointer-events:none}.article-page{padding:clamp(42px,6vw,86px) clamp(20px,5vw,80px) clamp(90px,11vw,160px)}.article-layout{width:min(100%,1320px);margin:0 auto;display:grid;grid-template-columns:minmax(190px,250px) minmax(0,860px);justify-content:space-between;gap:clamp(54px,8vw,120px);align-items:start}.article-aside{position:sticky;top:126px;padding-top:4px}.article-aside-back{display:inline-flex;align-items:center;gap:9px;color:var(--ink-2);font-size:12px;transition:color .3s var(--ease),transform .3s var(--ease)}.article-aside-back:hover{color:var(--ink);transform:translate(-3px)}.article-aside-back svg{width:14px;height:14px}.article-aside-label{display:block;margin-top:42px;padding-top:20px;border-top:1px solid var(--line);color:var(--ink-3);font-size:10.5px;letter-spacing:.17em;text-transform:uppercase}.article-toc{display:flex;flex-direction:column;gap:11px;margin-top:16px}.article-toc a{color:var(--ink-3);font-size:11.5px;line-height:1.45;transition:color .3s var(--ease),transform .3s var(--ease)}.article-toc a:hover{color:var(--ink);transform:translate(3px)}.article-wrap{min-width:0}.breadcrumb-nav{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:32px;color:var(--ink-3);font-size:11.5px}.breadcrumb-nav a{color:var(--ink-2);transition:color .3s var(--ease)}.breadcrumb-nav a:hover{color:var(--ink)}.article-hero{width:100%;max-height:520px;margin-bottom:36px;border-radius:22px;object-fit:cover;aspect-ratio:16/9;background:var(--bg-2)}.article-hero--placeholder{height:auto;object-fit:contain;aspect-ratio:1200/630}.article-cat{display:inline-flex;align-items:center;gap:9px;color:var(--accent-deep);font-size:10.5px;font-weight:600;letter-spacing:.17em;text-transform:uppercase}.article-cat:before{content:"";width:18px;height:2px;background:var(--accent)}.article-wrap>h1{margin-top:22px;font-size:clamp(48px,6.2vw,84px);font-weight:500;line-height:.98;letter-spacing:-.043em;text-wrap:balance;overflow-wrap:anywhere}.article-sub{margin-top:26px;color:var(--ink-2);font-size:clamp(17px,1.45vw,20px);line-height:1.65;text-wrap:pretty}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:28px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--ink-3);font-size:11px}.article-tags{display:flex;flex-wrap:wrap;gap:7px}.article-byline{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:24px;color:var(--ink-2);font-size:13px;line-height:1.6}.article-byline a{color:var(--ink);font-weight:600;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:4px;transition:text-decoration-color .3s var(--ease)}.article-byline a:hover{text-decoration-color:var(--accent)}.article-byline-review{color:var(--ink-3)}.article-byline+.article-meta{margin-top:16px}.article-tag{padding:6px 9px;border-radius:var(--r-pill);background:var(--bg-2);color:var(--ink-2);font-size:10.5px}.article-body{margin-top:clamp(52px,7vw,82px)}.article-answer{margin-top:clamp(36px,5vw,52px);padding:clamp(22px,3vw,30px) clamp(22px,3vw,32px);border-left:3px solid var(--accent);border-radius:0 18px 18px 0;background:#3ab9dd14}.article-answer-label{color:var(--accent-deep);font-size:10.5px;font-weight:600;letter-spacing:.17em;text-transform:uppercase}.article-answer p+p{margin-top:10px;color:var(--ink);font-size:17px;line-height:1.7;text-wrap:pretty}.article-answer+.article-body{margin-top:clamp(44px,6vw,64px)}.article-body h2{margin-top:clamp(54px,7vw,82px);font-size:clamp(31px,3.5vw,46px);font-weight:500;line-height:1.08;letter-spacing:-.032em;text-wrap:balance;scroll-margin-top:120px}.article-body h2:first-child{margin-top:0}.article-body h3{margin-top:36px;font-size:21px;font-weight:600;line-height:1.25;letter-spacing:-.015em}.article-body p{margin-top:20px;color:var(--ink-2);font-size:16px;line-height:1.82;text-wrap:pretty}.article-body ul,.article-body ol{display:flex;flex-direction:column;gap:10px;margin:22px 0 0 22px;color:var(--ink-2)}.article-body li{padding-left:5px;font-size:16px;line-height:1.72}.article-body strong{color:var(--ink);font-weight:600}.article-body a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:3px}.article-body blockquote{margin-top:28px;padding:24px 28px;border-left:3px solid var(--accent);border-radius:0 16px 16px 0;background:var(--bg-2);color:var(--ink-2)}.article-body blockquote p{margin-top:0}.article-body pre{max-width:100%;margin-top:24px;padding:22px;overflow:auto;border-radius:16px;background:var(--ink);color:#fff;font-size:13px;line-height:1.65}.article-body code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.article-body :not(pre)>code{padding:2px 6px;border-radius:6px;background:var(--bg-2);color:var(--ink);font-size:.9em}.article-body table{width:100%;margin-top:26px;border-collapse:collapse;font-size:14px}.article-body th,.article-body td{padding:13px 14px;border:1px solid var(--line);text-align:left;vertical-align:top}.article-body th{background:var(--bg-2);color:var(--ink);font-weight:600}.article-body td{color:var(--ink-2)}.takeaways,.svc-cta{margin-top:clamp(56px,7vw,84px);padding:clamp(26px,4vw,40px);border:1px solid rgba(58,185,221,.38);border-radius:22px;background:#3ab9dd14}.takeaways h3,.svc-cta h3{font-size:24px;font-weight:600;letter-spacing:-.02em}.takeaways ul{display:flex;flex-direction:column;gap:12px;margin-top:20px;list-style:none}.takeaways li{position:relative;padding-left:27px;color:var(--ink-2);font-size:14px;line-height:1.68}.takeaways li:before{content:"→";position:absolute;left:0;color:var(--accent-deep);font-weight:700}.svc-cta p{color:var(--ink-2);font-size:18px;line-height:1.55}.svc-cta a{display:inline-flex;margin-top:20px;padding:12px 18px;border-radius:var(--r-pill);background:var(--ink);color:#fff;font-size:12px;font-weight:500}.article-back{display:inline-flex;align-items:center;gap:8px;margin-top:42px;color:var(--ink-2);font-size:12px;transition:color .3s var(--ease),transform .3s var(--ease)}.article-back:before{content:"←"}.article-back:hover{color:var(--ink);transform:translate(-3px)}.article-wrap>h1 em{font-family:"Instrument Serif",serif;font-style:italic;font-weight:400;letter-spacing:-.025em}.article-wrap>h1.article-title--long{font-size:clamp(42px,5.1vw,68px);line-height:1.02}.article-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}.article-button{display:inline-flex;align-items:center;gap:10px;padding:13px 20px;border:1px solid var(--ink);border-radius:var(--r-pill);background:var(--ink);color:#fff;font-size:13px;font-weight:500;box-shadow:0 14px 36px -22px #0d0d0db3;transition:transform .35s var(--ease),background .35s var(--ease),color .35s var(--ease),border-color .35s var(--ease)}.article-button:hover{transform:translateY(-2px)}.article-button svg{width:14px;height:14px}.article-button--ghost{border-color:#0d0d0d29;background:transparent;color:var(--ink);box-shadow:none}.article-button--ghost:hover{border-color:var(--ink);background:var(--ink);color:#fff}.article-proof{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:40px;border:1px solid var(--line);border-radius:22px;background:var(--line);overflow:hidden}.article-proof div{padding:22px 20px 24px;background:var(--bg)}.article-proof b{display:block;color:var(--ink);font-size:15px;font-weight:600;line-height:1.3;letter-spacing:-.01em}.article-proof b:before{content:"";display:block;width:18px;height:2px;margin-bottom:16px;background:var(--accent)}.article-proof span{display:block;margin-top:8px;color:var(--ink-3);font-size:12.5px;line-height:1.55}.article-body .lead{color:var(--ink);font-size:clamp(18px,1.5vw,20px);line-height:1.7}.article-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:30px}.article-card{position:relative;display:flex;flex-direction:column;padding:26px 26px 24px;border:1px solid var(--line);border-radius:22px;background:var(--bg-2);overflow:hidden;transition:border-color .4s var(--ease),box-shadow .5s var(--ease)}.article-card:before{content:"";position:absolute;right:-70px;top:-70px;width:150px;height:150px;border-radius:50%;background:var(--accent-soft);opacity:.55;transform:scale(.7);transition:transform .65s var(--ease),opacity .45s var(--ease)}.article-card:hover{border-color:#3ab9dd6b;box-shadow:0 30px 60px -48px #0d0d0d73}.article-card:hover:before{transform:scale(1.15);opacity:1}.article-card--accent{border-color:#3ab9dd61;background:#3ab9dd14}.article-card-n{position:relative;color:var(--accent-deep);font-family:"Instrument Serif",serif;font-size:19px;font-style:italic;line-height:1}.article-body .article-card h3{position:relative;margin-top:26px;font-size:19px;line-height:1.28}.article-body .article-card p{position:relative;margin-top:12px;font-size:14.5px;line-height:1.72}.article-body .article-card .article-card-out{margin-top:auto;padding-top:18px;color:var(--ink);font-size:13.5px;font-weight:500;line-height:1.55}.article-card-out:before{content:"→ ";color:var(--accent-deep);font-weight:700}.article-cards+p{margin-top:28px}.article-body .article-steps{gap:0;margin:28px 0 0;padding:0;list-style:none;border-top:1px solid var(--line);counter-reset:step}.article-body .article-steps li{display:grid;grid-template-columns:52px minmax(0,1fr);gap:16px;padding:22px 0;border-bottom:1px solid var(--line);counter-increment:step}.article-steps li:before{content:counter(step,decimal-leading-zero);display:inline-flex;align-items:center;justify-content:center;width:38px;height:32px;margin-top:1px;border-radius:10px;background:var(--accent);color:var(--ink);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;box-shadow:0 0 0 5px var(--accent-soft)}.article-steps li>div{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}.article-steps strong{font-size:17px;letter-spacing:-.01em}.article-step-time{display:inline-block;padding:4px 10px;border-radius:var(--r-pill);background:var(--bg-2);color:var(--ink-2);font-size:11px;font-weight:500;vertical-align:2px;white-space:nowrap}.article-body .article-steps p{flex-basis:100%;margin-top:4px}.article-body .article-points{gap:0;margin:26px 0 0;list-style:none;border-top:1px solid var(--line)}.article-body .article-points li{position:relative;padding:18px 0 18px 32px;border-bottom:1px solid var(--line)}.article-points li:before{content:"→";position:absolute;left:0;top:18px;color:var(--accent-deep);font-weight:700}.article-note{margin-top:26px;padding:22px 24px;border:1px solid rgba(58,185,221,.35);border-radius:18px;background:#3ab9dd14}.article-body .article-note p{margin-top:0;font-size:15px;line-height:1.72}.article-body .article-note p+p{margin-top:12px}.article-pledge{position:relative;margin-top:30px;padding:clamp(26px,3.6vw,36px);border-radius:22px;background:var(--ink);overflow:hidden}.article-pledge:after{content:"";position:absolute;right:-90px;bottom:-130px;width:260px;height:260px;border:1px solid rgba(58,185,221,.45);border-radius:50%;box-shadow:0 0 0 28px #3ab9dd0f;pointer-events:none}.article-body .article-pledge p{position:relative;z-index:1;margin-top:0;color:#ffffffbd;font-size:16px}.article-body .article-pledge strong{color:#fff}.article-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.article-badge{padding:7px 12px;border:1px solid rgba(58,185,221,.42);border-radius:var(--r-pill);background:#3ab9dd1a;color:var(--accent-deep);font-size:11px;font-weight:600;letter-spacing:.08em}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.article-table{margin-top:26px;overflow-x:auto;border:1px solid var(--line);border-radius:18px}.article-body .article-table table{margin-top:0;border-style:hidden}.article-body .article-table td:first-child{color:var(--ink);font-weight:500}.article-case{margin-top:22px;padding:clamp(24px,3.5vw,34px);border:1px solid var(--line);border-radius:22px;background:var(--bg)}.article-case-label{color:var(--accent-deep);font-size:10.5px;font-weight:600;letter-spacing:.17em;text-transform:uppercase}.article-body .article-case h3{margin-top:12px}.article-case dl{display:grid;grid-template-columns:120px minmax(0,1fr);gap:14px 22px;margin-top:22px;padding-top:22px;border-top:1px solid var(--line)}.article-case dt{padding-top:4px;color:var(--ink-3);font-size:10.5px;font-weight:600;letter-spacing:.17em;text-transform:uppercase}.article-case dd{color:var(--ink-2);font-size:15px;line-height:1.72;text-wrap:pretty}.article-body .svc-cta{margin-top:44px}.article-body .svc-cta p{margin-top:0}.article-body .svc-cta a{color:#fff;text-decoration:none}.svc-cta h2{font-size:clamp(28px,3.2vw,40px);font-weight:500;line-height:1.08;letter-spacing:-.03em;text-wrap:balance;scroll-margin-top:120px}.svc-cta h2+p{margin-top:16px}.svc-cta-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.svc-cta .svc-cta-actions a{margin-top:0}.svc-cta a.is-ghost{background:#fff9;color:var(--ink);box-shadow:inset 0 0 0 1px #0d0d0d29}.svc-cta-address{margin-top:18px;color:var(--ink-3);font-size:13px;line-height:1.6}@media(max-width:1040px){.article-layout{grid-template-columns:1fr;justify-content:center}.article-aside{position:static;display:none}.article-wrap{width:min(100%,860px);margin:0 auto}}@media(max-width:680px){.reading-progress{top:70px}.article-page{padding-top:30px}.article-hero{margin-bottom:28px;border-radius:16px}.article-wrap>h1{font-size:clamp(43px,13vw,64px)}.article-body p,.article-body li{font-size:15.5px}.article-body table{display:block;overflow-x:auto;white-space:normal;font-size:13px}.article-body th,.article-body td{min-width:150px}.article-body .article-table table{display:table;white-space:normal}.article-body .article-table th,.article-body .article-table td{min-width:0}.article-body .article-table--wide table{min-width:620px}.article-proof{grid-template-columns:1fr 1fr}.article-cards{grid-template-columns:1fr}.article-case dl{grid-template-columns:1fr;gap:6px}.article-case dd+dt{margin-top:12px}.article-body .article-steps li{grid-template-columns:44px minmax(0,1fr);gap:12px}}@media(max-width:420px){.article-proof{grid-template-columns:1fr}.article-actions .article-button{width:100%;justify-content:center}}
