.skip-link{position:absolute;left:20px;top:-80px;z-index:100;background:var(--ink);color:#fff;padding:12px 20px;border-radius:8px}.skip-link:focus{top:12px}
.features-page a:focus-visible,.features-page button:focus-visible{outline:3px solid var(--teal);outline-offset:5px}
.guide-hero{padding-top:86px;padding-bottom:76px;background:linear-gradient(120deg,#e8f1eb 0%,var(--paper) 75%);border-bottom:1px solid var(--line)}
.guide-hero h1{font-size:clamp(2.8rem,6.4vw,6rem);max-width:1000px;line-height:1.06;margin-bottom:30px}.guide-hero>p:not(.eyebrow){max-width:730px;color:var(--text);font-size:1.2rem;line-height:1.7}.guide-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:30px}.guide-actions .button{gap:22px}.guide-back,.guide-pricing{font-weight:700;text-decoration:underline;text-underline-offset:5px}
.guide-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:clamp(40px,6vw,100px);padding-top:72px;padding-bottom:72px;max-width:1600px;margin:auto}.guide-sidebar{align-self:start;position:sticky;top:28px}.guide-sidebar .eyebrow{margin-bottom:16px}.guide-sidebar nav{display:grid;gap:2px}.guide-sidebar nav a{display:flex;gap:13px;font-size:.89rem;padding:8px 0;border-bottom:1px solid var(--line);line-height:1.4}.guide-sidebar nav span{font-size:.73rem;min-width:20px;color:var(--teal);padding-top:3px;font-weight:700}.guide-sidebar nav a:hover{color:var(--teal)}.guide-pricing{display:inline-block;font-size:.9rem;margin-top:24px;color:var(--teal)}
.guide-section{scroll-margin-top:35px;padding:0 0 65px;margin:0 0 65px;border-bottom:1px solid #cbd8d2}.guide-section:last-child{margin-bottom:0;border-bottom:0;padding-bottom:0}.guide-section .eyebrow{margin-bottom:18px}.guide-section h2{font-size:clamp(2rem,3.4vw,3.3rem);max-width:820px;margin-bottom:24px}.guide-intro{font-size:1.08rem;color:var(--text);max-width:780px}.guide-details{margin:30px 0 0}.guide-details>div{display:grid;grid-template-columns:minmax(150px,1fr) minmax(0,2.1fr);gap:24px;padding:23px 0;border-top:1px solid var(--line)}.guide-details dt{font-family:Manrope,sans-serif;font-weight:800;line-height:1.5}.guide-details dd{margin:0;color:#425a60;line-height:1.75}.guide-workflow{background:var(--ink);color:#fff}.guide-workflow h2{max-width:850px}.workflow-lead{font-size:1.15rem;color:#c7d5d2}.guide-workflow ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;padding:0;list-style:none;counter-reset:steps;margin:45px 0}.guide-workflow li{counter-increment:steps;border-top:1px solid #456067;padding-top:22px}.guide-workflow li::before{content:'0' counter(steps);display:block;color:var(--mint);font-size:.85rem;font-weight:700;margin-bottom:22px}.guide-workflow li strong{font-family:Manrope,sans-serif;font-size:1.1rem}.guide-workflow li p,.workflow-note{color:#c7d5d2}.workflow-note{max-width:800px;font-size:.86rem}.features-page .closing{background:#e0eee6;color:var(--ink)}.features-page .closing .eyebrow{color:var(--teal)}.features-page .closing p{color:var(--text)}.features-page .closing .button{background:var(--ink);color:white}
@media(max-width:1050px){.guide-layout{grid-template-columns:200px minmax(0,1fr);gap:40px}.guide-details>div{grid-template-columns:1fr;gap:8px}.guide-workflow ol{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.guide-hero{padding:56px 24px}.guide-hero h1{font-size:clamp(2.8rem,9vw,4.5rem)}.guide-hero>p:not(.eyebrow){font-size:1.06rem}.guide-layout{display:block;padding:40px 24px 60px}.guide-sidebar{position:static;margin-bottom:58px;padding-bottom:32px;border-bottom:1px solid var(--line)}.guide-sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.guide-sidebar nav a{font-size:.85rem}.guide-section{margin-bottom:45px;padding-bottom:45px}.guide-workflow{padding:60px 24px}.guide-workflow h2{font-size:2.5rem}.guide-workflow ol{gap:24px}.guide-details>div{padding:20px 0}.guide-back{font-size:.94rem}}
@media(max-width:440px){.guide-workflow ol{grid-template-columns:1fr}.guide-sidebar nav{grid-template-columns:1fr}.guide-sidebar nav a{padding:10px 0}.guide-actions{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

.guide-details #syndicators{scroll-margin-top:120px}
