.visual-guide{--ink:#242038;--muted:#6b6174;--violet:#70509c;--line:#e3dce7;color:var(--ink);font-family:ResourceSatoshi,system-ui,sans-serif;background:#faf9f6}.visual-guide .guide-shell{width:min(1080px,calc(100% - 64px));margin:auto}.visual-guide a{color:var(--violet);text-underline-offset:4px}.visual-guide .crumbs{font-size:13px;margin:24px 0 0;color:var(--muted)}.visual-guide .guide-hero{display:grid;grid-template-columns:1.08fr 1fr;gap:56px;align-items:center;padding:56px 0 72px}.visual-guide .eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;text-transform:uppercase;color:var(--violet);margin:0 0 22px}.visual-guide h1{font-size:clamp(40px,5vw,62px);line-height:1.06;letter-spacing:-2.7px;font-weight:700;margin:0 0 24px;text-wrap:balance}.visual-guide em{font-style:normal;color:var(--violet)}.visual-guide .lead{font-size:20px;line-height:1.65;color:var(--muted);max-width:550px;margin:0 0 28px}.visual-guide .guide-button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 22px;border-radius:12px;background:var(--ink);color:#fff;text-decoration:none;font-size:15px;font-weight:700;gap:12px}.visual-guide .guide-button:hover{background:#49385b}.visual-guide .hero-image{width:100%;height:auto;display:block;border-radius:160px 160px 24px 24px}.visual-guide .caption{font-size:12px;line-height:1.6;color:var(--muted);margin:14px 0 0}.visual-guide .answer-strip{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:22px;background:#fff;overflow:hidden;margin:0 0 72px}.visual-guide .answer-strip>div{padding:26px 30px}.visual-guide .answer-strip>div+div{border-left:1px solid var(--line)}.visual-guide .answer-strip strong{display:block;font-size:29px;letter-spacing:-1px;margin-bottom:6px}.visual-guide .answer-strip p{font-size:14px;line-height:1.6;color:var(--muted);margin:0}.visual-guide .article-grid{display:grid;grid-template-columns:minmax(0,720px) 1fr;gap:64px;align-items:start;padding-bottom:80px}.visual-guide .article-body h2{font-size:34px;line-height:1.15;letter-spacing:-1.25px;font-weight:700;margin:0 0 22px;text-wrap:balance;scroll-margin-top:28px}.visual-guide .article-body h3{font-size:22px;line-height:1.3;font-weight:700;margin:32px 0 12px}.visual-guide .article-body p,.visual-guide .article-body li{font-size:17px;line-height:1.8;color:var(--muted)}.visual-guide .article-body p{margin:0 0 22px}.visual-guide .article-body section+section{margin-top:64px;padding-top:48px;border-top:1px solid var(--line)}.visual-guide .article-body ul,.visual-guide .article-body ol{padding-left:22px;list-style:revert;margin:20px 0}.visual-guide .article-body strong{color:var(--ink)}.visual-guide .side-note{position:sticky;top:28px;border-top:1px solid var(--line);padding-top:20px;font-size:14px;line-height:1.6}.visual-guide .side-note p{margin:0 0 15px;color:var(--muted)}.visual-guide .side-note a{display:block;margin:12px 0;text-decoration:none}.visual-guide .equation{background:#eae3f2;border-radius:22px;padding:32px;text-align:center;margin:26px 0;color:var(--ink);font-size:clamp(24px,3vw,38px);font-weight:700;letter-spacing:-1px}.visual-guide .equation small{display:block;font-size:14px;font-weight:400;letter-spacing:0;color:var(--muted);margin-top:12px}.visual-guide .bridge{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:12px;align-items:center;margin:28px 0}.visual-guide .bridge div{border:1px solid var(--line);border-radius:16px;background:#fff;padding:25px 8px;text-align:center}.visual-guide .bridge b{display:block;font-size:25px}.visual-guide .bridge small{display:block;font-size:12px;color:var(--muted);margin-top:8px}.visual-guide .bridge>span{font-size:22px;color:var(--violet)}.visual-guide .callout{border-left:3px solid #9a7dbc;padding:4px 0 4px 22px;margin:28px 0}.visual-guide .callout p:last-child{margin-bottom:0}.visual-guide .next-step{background:#eee7f3;border-radius:28px;padding:38px;margin-top:48px}.visual-guide .next-step h2{margin-bottom:18px}.visual-guide .next-step .guide-button{margin-top:6px}.visual-guide .sources{font-size:13px;line-height:1.7;margin-top:40px;color:var(--muted)}.visual-guide .sources p,.visual-guide .sources li{font-size:13px}.visual-guide .related{padding:0 0 80px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.visual-guide .related a{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;text-decoration:none;font-weight:700;font-size:20px;line-height:1.4}.visual-guide .related a span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);margin-bottom:12px}.visual-guide .app-proof{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:28px;border-radius:26px;background:#eee7f3;margin:28px 0}.visual-guide .app-proof img{width:100%;height:auto;border-radius:16px;border:1px solid var(--line)}.visual-guide .app-proof figcaption{font-size:13px;text-align:center;padding-top:12px;color:var(--muted)}.visual-guide :is(a,button,input):focus-visible{outline:3px solid var(--violet);outline-offset:5px}.visual-guide .app-store-badge{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:none}@media(max-width:760px){.visual-guide .guide-shell{width:calc(100% - 40px)}.visual-guide .guide-hero{grid-template-columns:1fr;gap:32px;padding:34px 0 38px}.visual-guide h1{letter-spacing:-1.9px}.visual-guide .lead{font-size:18px}.visual-guide .guide-hero figure{max-width:440px;width:100%;margin:auto}.visual-guide .hero-image{border-radius:100px 100px 22px 22px}.visual-guide .answer-strip{grid-template-columns:1fr;margin-bottom:44px}.visual-guide .answer-strip>div{padding:20px 24px}.visual-guide .answer-strip>div+div{border-left:0;border-top:1px solid var(--line)}.visual-guide .answer-strip strong{font-size:25px}.visual-guide .article-grid{grid-template-columns:1fr;gap:36px;padding-bottom:48px}.visual-guide .side-note{position:static;grid-row:1;display:flex;gap:12px 20px;flex-wrap:wrap}.visual-guide .side-note p{width:100%;margin:0}.visual-guide .side-note a{margin:0;font-size:13px}.visual-guide .article-body h2{font-size:29px}.visual-guide .article-body section+section{margin-top:42px;padding-top:36px}.visual-guide .next-step{padding:28px 22px}.visual-guide .related{grid-template-columns:1fr;padding-bottom:48px}.visual-guide .bridge{gap:6px}.visual-guide .bridge b{font-size:21px}.visual-guide .bridge div{padding:22px 4px}.visual-guide .equation{padding:26px 16px}.visual-guide .app-proof{padding:18px;gap:12px}}