body.guide-page{--ink:#1d1d1f;--ink-2:#3a3b42;--muted:#5d5f68;--blue:#1f5bff;--blue-ink:#1748d5;--blue-tint:#eef2ff;--line:#e2e3e8;--ease:cubic-bezier(.2,.7,.2,1)}
.guide-page *{box-sizing:border-box}
html:has(.guide-page){-webkit-text-size-adjust:100%}
body.guide-page{overflow-x:clip}
.guide-page .shell{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:32px;padding-right:32px}
.guide-page .skip-link{position:absolute;left:16px;top:-80px;background:#fff;padding:12px 16px;border-radius:10px;z-index:99;font-weight:600}
.guide-page .skip-link:focus{top:12px}
.guide-page .kicker{display:inline-flex;align-items:center;gap:10px;margin-bottom:18px;color:var(--blue);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.guide-page .button{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 24px;border-radius:999px;text-decoration:none;font-size:15px;font-weight:600;transition:transform .25s var(--ease),background .2s,box-shadow .25s}
.guide-page .button.primary{background:var(--blue);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 10px 28px rgba(31,91,255,.28)}
.guide-page .button.primary:hover{background:var(--blue-ink)}
.guide-hero{padding-top:160px;padding-bottom:42px;max-width:1100px}
.guide-breadcrumb{display:flex;align-items:center;gap:10px;margin-bottom:42px;color:var(--muted);font-size:13px}
.guide-breadcrumb a{text-decoration:none}.guide-breadcrumb a:hover{text-decoration:underline}
.guide-hero h1{max-width:900px;margin:0 0 24px;font-size:clamp(38px,6vw,72px);line-height:1.07;letter-spacing:-.045em;text-wrap:balance}
.guide-lead{max-width:720px;margin:0;color:var(--muted);font-size:clamp(17px,2vw,21px);line-height:1.58}
.guide-image{max-width:1100px;margin:0 auto 64px}
.guide-image picture{display:block;padding:clamp(10px,2.5vw,26px);border-radius:28px;background:#e9ebf2;box-shadow:0 16px 46px rgba(16,24,64,.08)}
.guide-image img{display:block;width:100%;height:auto;border-radius:14px}
.guide-image figcaption{max-width:720px;margin-top:16px}
.guide-content{max-width:784px;padding-bottom:100px}
.guide-content section{margin:0 0 43px}
.guide-content h2{margin:0 0 12px;font-size:clamp(23px,3vw,30px);line-height:1.2;letter-spacing:-.03em}
.guide-content p{margin:0;color:var(--ink-2);font-size:17px;line-height:1.7}
.guide-note{margin:52px 0;padding:28px 32px;border-radius:22px;background:var(--blue-tint);border:1px solid #dfe6ff}
.guide-note h2{font-size:20px}.guide-note p{font-size:16px}
.guide-content .guide-related{margin:36px 0 28px;font-size:16px}.guide-related a{color:var(--blue-ink);text-decoration:underline;text-underline-offset:3px}
.guide-cta{margin-top:2px}
.guide-links{padding-top:clamp(72px,9vw,112px);padding-bottom:clamp(72px,9vw,112px)}
.guide-links h2{font-size:clamp(32px,4vw,52px);line-height:1.12;letter-spacing:-.04em;margin:0 0 28px}
.guide-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.guide-link-grid a{display:flex;flex-direction:column;gap:12px;min-height:210px;padding:30px;border-radius:24px;background:#fff;border:1px solid var(--line);text-decoration:none;transition:transform .2s,box-shadow .2s}
.guide-link-grid a:hover{transform:translateY(-3px);box-shadow:0 16px 35px rgba(16,24,64,.1)}
.guide-link-grid span{font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:700;color:var(--blue)}
.guide-link-grid strong{font-size:clamp(22px,2.5vw,30px);line-height:1.18;letter-spacing:-.035em}
.guide-link-grid small{margin-top:auto;font-size:14px;color:var(--muted)}
@media(max-width:720px){.guide-page .shell{padding-left:20px;padding-right:20px}.guide-hero{padding-top:120px;padding-bottom:28px}.guide-breadcrumb{margin-bottom:32px;flex-wrap:wrap}.guide-image{margin-bottom:44px}.guide-image picture{padding:8px;border-radius:18px}.guide-image img{border-radius:10px}.guide-content{padding-bottom:68px}.guide-content p{font-size:16px}.guide-note{padding:22px}.guide-link-grid{grid-template-columns:1fr}.guide-link-grid a{min-height:170px;padding:24px}.guide-cta{width:100%;min-height:52px}}
@media(prefers-reduced-motion:reduce){.guide-link-grid a{transition:none}.guide-link-grid a:hover{transform:none}}
