.guide-page{background:#eef3f6}
.guide-page .page-hero{padding-bottom:118px}
.guide-breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px;color:rgba(255,255,255,.62);font-size:13px}
.guide-breadcrumbs a{color:rgba(255,255,255,.82);text-decoration:none}
.guide-breadcrumbs a:hover{color:#fff;text-decoration:underline}
.guide-page .page-hero h1{max-width:1080px}
.guide-page .page-hero .lead{max-width:880px}
.guide-preview-label{display:inline-flex;margin-top:22px;padding:7px 10px;border:1px solid rgba(255,255,255,.2);border-radius:7px;color:#a8d8ff;background:rgba(255,255,255,.055);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.guide-intro-section{position:relative;z-index:2;padding:0!important;background:linear-gradient(#03182a 0 58px,#eef3f6 58px)}
.guide-intro-card{display:grid;grid-template-columns:minmax(0,.88fr) minmax(420px,1.12fr);gap:48px;align-items:center;padding:clamp(28px,4vw,54px);border-radius:18px;background:#fff;box-shadow:0 26px 75px rgba(2,20,33,.18)}
.guide-answer .kicker{margin-bottom:12px}
.guide-answer h2{max-width:650px;font-size:clamp(40px,4.5vw,62px)}
.guide-answer p{max-width:680px;margin:0 0 18px;color:#405669;font-size:17px;line-height:1.75}
.guide-answer .guide-path{margin:24px 0 0;padding:18px 20px;border-left:3px solid var(--blue2);background:#edf6ff;color:#102b40;font-weight:700}
.guide-hero-figure{margin:0;overflow:hidden;border-radius:12px;background:#071d2b;box-shadow:0 22px 50px rgba(3,24,42,.2)}
.guide-hero-figure img{display:block;width:100%;height:auto}
.guide-hero-figure figcaption,.guide-step figure figcaption{padding:12px 15px;background:#fff;color:#607184;font-size:12px;line-height:1.55}
.guide-content-section{padding-top:92px!important;background:#eef3f6}
.guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:52px;align-items:start}
.guide-main{min-width:0}
.guide-section-head{max-width:850px;margin-bottom:44px}
.guide-section-head h2{font-family:"Barlow Condensed",Impact,sans-serif;font-size:clamp(48px,5vw,72px);font-weight:800;text-transform:uppercase}
.guide-section-head p{max-width:760px;margin:0;color:#4b6173;font-size:17px;line-height:1.75}
.guide-steps{display:grid;gap:24px}
.guide-step{display:grid;grid-template-columns:minmax(0,.82fr) minmax(390px,1.18fr);gap:0;overflow:hidden;border:1px solid #cbd8e0;border-radius:16px;background:#fff;box-shadow:0 12px 36px rgba(3,24,42,.06)}
.guide-step:nth-child(even) .guide-step-copy{order:2}
.guide-step:nth-child(even) figure{order:1}
.guide-step-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,4vw,48px)}
.guide-step-number{display:block;margin-bottom:20px;color:var(--blue);font-family:"Barlow Condensed",Impact,sans-serif;font-size:46px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}
.guide-step h3{margin:0 0 13px;font-family:"Barlow Condensed",Impact,sans-serif;font-size:clamp(30px,3vw,42px);font-weight:800;line-height:.98;text-transform:uppercase}
.guide-step p{margin:0;color:#4b6173;font-size:16px;line-height:1.75}
.guide-step figure{display:flex;flex-direction:column;justify-content:center;margin:0;background:#071d2b}
.guide-step figure img{display:block;width:100%;height:auto}
.guide-sidebar{position:sticky;top:116px;display:grid;gap:16px}
.guide-side-card{padding:26px;border:1px solid #cbd8e0;border-radius:14px;background:#fff}
.guide-side-card h2,.guide-side-card h3{margin:0 0 12px;font-size:24px}
.guide-side-card p{margin:0 0 18px;color:#53697b;line-height:1.65}
.guide-side-card ol{margin:0;padding-left:22px;color:#30485b}
.guide-side-card li{margin:8px 0}
.guide-side-card .btn{width:100%;border-radius:8px}
.guide-side-dark{border:0;background:radial-gradient(circle at 90% 0,rgba(36,150,255,.24),transparent 38%),var(--deep);color:#fff;box-shadow:0 20px 50px rgba(2,20,33,.18)}
.guide-side-dark p{color:rgba(255,255,255,.7)}
.guide-note{margin-top:28px;padding:22px 24px;border-left:3px solid var(--blue);background:#e3eff8;color:#233f53;line-height:1.7}
.guide-note strong{display:block;margin-bottom:5px;color:#09243a}
.guide-faq-section{background:#fff}
.guide-faq-grid{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:80px;align-items:start}
.guide-faq-grid>div:first-child{position:sticky;top:116px}
.guide-faq-grid h2{font-family:"Barlow Condensed",Impact,sans-serif;font-size:clamp(48px,5vw,72px);font-weight:800;text-transform:uppercase}
.guide-faq-grid>div:first-child p{max-width:490px;color:#53697b;font-size:17px;line-height:1.75}
.guide-faq-list{border-top:1px solid var(--line)}
.guide-faq-list details{padding:22px 0;border-bottom:1px solid var(--line)}
.guide-faq-list summary{cursor:pointer;color:#10283b;font-size:17px;font-weight:800}
.guide-faq-list p{margin:13px 0 0;color:#53697b;line-height:1.75}
.guide-conversion{background:#e7eef3}
.guide-conversion .cta{border-radius:16px}
.guide-conversion .btn{border-radius:8px}
@media(max-width:1040px){.guide-intro-card{grid-template-columns:1fr;gap:30px}.guide-layout{grid-template-columns:1fr}.guide-sidebar{position:static;grid-template-columns:1fr 1fr}.guide-step{grid-template-columns:minmax(0,.9fr) minmax(340px,1.1fr)}.guide-faq-grid{grid-template-columns:1fr;gap:28px}.guide-faq-grid>div:first-child{position:static}}
@media(max-width:760px){.guide-page .page-hero{padding-bottom:92px}.guide-intro-section{background:linear-gradient(#03182a 0 34px,#eef3f6 34px)}.guide-intro-card{padding:24px;border-radius:12px}.guide-answer h2{font-size:42px}.guide-layout{gap:34px}.guide-sidebar{grid-template-columns:1fr}.guide-step,.guide-step:nth-child(even){grid-template-columns:1fr}.guide-step .guide-step-copy,.guide-step:nth-child(even) .guide-step-copy{order:1}.guide-step figure,.guide-step:nth-child(even) figure{order:2}.guide-step-copy{padding:28px 24px}.guide-step-number{font-size:38px}.guide-step h3{font-size:32px}.guide-content-section{padding-top:68px!important}.guide-conversion .cta{padding:28px 24px}}
