.guide-page{background:var(--ink);color:var(--white)}
.guide-page .guide-nav{display:flex;align-items:center;gap:28px;font-size:.875rem}
.guide-nav a{color:#dce8e9;min-height:44px;display:inline-flex;align-items:center}
.guide-nav a:hover,.guide-footer a:hover{color:var(--accent)}
.guide-nav .guide-nav-contact{color:var(--ink);background:var(--accent);border-radius:4px;padding:0 18px;gap:14px;font-weight:700}
.guide-nav .guide-nav-contact:hover{color:var(--ink);background:#8aecf5}
.guide-hero{padding:80px 0 92px}
.guide-hero-grid{display:grid;grid-template-columns:minmax(0, .85fr) minmax(0,1.15fr);align-items:center;gap:7%}
.guide-lead .eyebrow{color:var(--accent)}
.guide-lead h1{font-size:clamp(3.5rem,5.1vw,5.8rem);line-height:1.05;margin:25px 0 28px}
.guide-lead h1 span{color:var(--accent)}
.guide-intro{font-size:1.125rem;line-height:1.75;color:#c6d3d5;max-width:600px}
.guide-actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap;margin-top:32px}
.guide-text-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:.9375rem;text-decoration:underline;text-underline-offset:5px}
.guide-text-link:hover{color:var(--accent)}
.guide-small{color:#aebfc1;font-size:.875rem;line-height:1.55;margin-top:26px}
.guide-hero-shot{min-width:0;width:100%;max-width:520px;justify-self:end;margin:0;background:#1c272b;border:1px solid #526169;border-radius:12px;overflow:hidden}
.guide-hero-shot img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center 30%}
.guide-hero-shot figcaption{font-size:.875rem;line-height:1.45;padding:17px 21px;color:#c9d8da}
.guide-section{background:#f3f6f5;color:var(--ink);padding:94px 0}
.guide-section h2{font-size:clamp(2.5rem,4vw,4.5rem);line-height:1.08;letter-spacing:-.045em}
.guide-section-head{max-width:760px}
.guide-section-head h2{margin:18px 0 20px}
.guide-section-head>p:last-child{font-size:1.125rem;color:#455457;line-height:1.6}
.guide-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:26px;margin-top:42px}
.guide-mode{background:#fff;border:1px solid #cbd7d6;border-radius:10px;overflow:hidden}
.guide-mode>img{display:block;width:100%;height:auto;max-width:none;aspect-ratio:auto;object-fit:fill}
.guide-mode-copy{padding:26px 28px 32px}
.guide-mode-copy span{color:#176a74;font-size:.8125rem;font-weight:700;letter-spacing:.11em}
.guide-mode-copy h3{font-size:1.5rem;letter-spacing:-.025em;margin:12px 0}
.guide-mode-copy p{color:#435154;font-size:1rem;line-height:1.65}
.guide-gallery-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin-top:28px;text-decoration:underline;text-underline-offset:4px;font-weight:600;font-size:.9375rem}
.guide-gallery-link:hover,.guide-explain a:hover{color:#176a74}
.guide-check{background:#e9f1f0}
.guide-check-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:9%}
.guide-check-grid h2{margin:20px 0 21px}
.guide-check-grid>div>p:last-child{font-size:1.0625rem;line-height:1.7;color:#435154;max-width:480px}
.guide-check ol{margin:0;padding:0;list-style:none}
.guide-check li{display:grid;grid-template-columns:45px 1fr;gap:15px;border-top:1px solid #b1c2c1;padding:22px 0}
.guide-check li span{font-size:.875rem;font-weight:700;color:#176a74}
.guide-check li h3{font-size:1.25rem;margin:0 0 9px}
.guide-check li p{font-size:1rem;color:#435154;line-height:1.65}
.guide-explain-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:9%;align-items:start}
.guide-explain h2{margin-top:19px}
.guide-explain-grid>div:last-child{padding-top:35px}
.guide-explain-grid p{font-size:1.0625rem;line-height:1.75;color:#435154;margin-bottom:18px}
.guide-explain a{display:inline-flex;gap:12px;min-height:44px;align-items:center;text-decoration:underline;text-underline-offset:4px;font-weight:600}
.guide-cta{padding:88px 0 95px;border-top:1px solid #46565a}
.guide-cta-grid{display:grid;grid-template-columns:1fr .8fr;gap:8%;align-items:center}
.guide-cta .eyebrow{color:var(--accent)}
.guide-cta h2{font-size:clamp(2.7rem,4vw,4.6rem);line-height:1.08;letter-spacing:-.045em;margin:19px 0}
.guide-cta-grid>div:first-child>p:last-child{font-size:1.0625rem;line-height:1.7;color:#c5d1d4;max-width:520px}
.guide-cta-card{background:#1c282c;border:1px solid #405159;border-radius:10px;padding:32px}
.guide-cta-card>span{font-size:.75rem;letter-spacing:.1em;color:#becdd0}
.guide-cta-card .button{display:flex;justify-content:space-between;margin-top:23px;width:100%}
.guide-cta-card p{color:#becdd0;font-size:.875rem;line-height:1.5;margin-top:19px}
.guide-footer{border-top:1px solid #405159;padding:28px 0 45px;color:#b4c3c5;font-size:.875rem;line-height:1.6}
.guide-footer .container{display:flex;flex-wrap:wrap;gap:15px 28px;justify-content:space-between}
.guide-footer p{max-width:430px}
.youtube-guide-link{margin:18px 0 0}
.youtube-guide-link .inline-link{margin-top:0}
@media(max-width:900px){.guide-hero-grid{grid-template-columns:1fr;gap:42px}.guide-hero-shot{justify-self:center}.guide-lead h1{font-size:clamp(3.3rem,8vw,5.2rem)}.guide-check-grid,.guide-explain-grid{gap:6%}}
@media(max-width:720px){.guide-page .nav-wrap{display:flex;flex-wrap:wrap;padding:15px 0}.guide-page .guide-nav{width:100%;justify-content:space-between;gap:8px;font-size:.8125rem;overflow-x:auto}.guide-nav .guide-nav-contact{padding:0 10px}.guide-hero{padding:48px 0 65px}.guide-lead h1{font-size:clamp(2.9rem,11vw,4.2rem)}.guide-intro{font-size:1rem}.guide-actions{gap:12px}.guide-section{padding:63px 0}.guide-section-head>p:last-child{font-size:1rem}.guide-modes{grid-template-columns:1fr;gap:22px;margin-top:31px}.guide-mode-copy{padding:22px}.guide-check-grid,.guide-explain-grid,.guide-cta-grid{grid-template-columns:1fr;gap:32px}.guide-explain-grid>div:last-child{padding-top:0}.guide-cta{padding:62px 0}.guide-cta-card{padding:23px}.guide-footer .container{display:block}.guide-footer p{margin-top:14px}}
