@font-face{font-family:Inter;src:url(../../inter-var.woff2) format("woff2");font-display:swap}
*{box-sizing:border-box}
[hidden]{display:none!important}
:root{--navy:#0b1f36;--orange:#ed6b2f;--paper:#f3f6f8;--muted:#637487;--soft:#e5edf2}
html{background:var(--paper);color:var(--navy);font-family:Inter,system-ui,sans-serif}
body{margin:0;min-height:100dvh}
button{font:inherit}
.resource-bar{height:68px;background:var(--navy);color:#fff;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(14px,4vw,42px);position:sticky;top:0;z-index:20}
.resource-bar a,.resource-bar button{color:inherit;text-decoration:none;border:0;background:transparent;font-weight:800}
.resource-bar button{justify-self:end}
.resource-brand{display:flex;align-items:center;gap:9px}.resource-brand img{width:38px;height:38px;border-radius:12px}.resource-brand span{display:grid}.resource-brand small{font-size:8px;color:#a8bacb}
main{max-width:1180px;margin:auto;padding:clamp(24px,5vw,64px) clamp(16px,4vw,44px) 70px}
.intro{min-height:calc(100dvh - 200px);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:44px;align-items:center}
.eyebrow{display:block;color:var(--orange);font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.intro h1{font-size:clamp(44px,6vw,78px);line-height:.94;letter-spacing:-.055em;margin:12px 0 18px}.intro>div>p{font-size:17px;line-height:1.6;color:var(--muted);max-width:700px}
.intro-card{background:#fff;border-radius:24px;padding:25px;box-shadow:0 18px 48px rgba(11,31,54,.09);display:grid;gap:18px}.intro-card div{display:grid;gap:4px}.intro-card span{font-size:9px;color:var(--orange);font-weight:900}.intro-card b{font-size:15px;line-height:1.4}
.primary,.secondary{border:0;border-radius:13px;padding:13px 18px;font-weight:850;cursor:pointer}.primary{background:var(--orange);color:#fff}.secondary{background:var(--soft);color:var(--navy)}
.guide-head{display:flex;align-items:end;justify-content:space-between;gap:18px}.guide-head h1{font-size:clamp(34px,5vw,60px);line-height:.98;margin:7px 0}.device-switch{display:flex;background:#dfe8ee;padding:4px;border-radius:12px}.device-switch button{border:0;background:transparent;padding:9px 12px;border-radius:9px;font-size:10px;font-weight:850;color:#647386}.device-switch button.active{background:#fff;color:var(--navy)}
.progress{height:5px;background:#dfe6eb;border-radius:99px;overflow:hidden;margin:20px 0 24px}.progress span{display:block;height:100%;background:var(--orange)}
.step{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:28px;align-items:start}.step-copy{background:#fff;border-radius:24px;padding:27px;box-shadow:0 16px 42px rgba(11,31,54,.08)}.step-copy h2{font-size:30px;line-height:1.04;margin:8px 0 18px}.action{background:#fff0e7;border-radius:16px;padding:17px;margin-bottom:17px}.action span,.outcome span{display:block;color:#9b411b;font-size:9px;font-weight:900;letter-spacing:.08em}.action b{display:block;font-size:18px;margin-top:5px}.step-copy>p{color:var(--muted);line-height:1.6}.outcome{background:var(--soft);border-radius:16px;padding:16px}.outcome b{display:block;margin-top:5px}.help{font-size:11px!important;background:#f6f8f9;border-radius:13px;padding:13px}
.shot{margin:0;background:#dbe4ea;border-radius:25px;padding:16px;min-height:540px;display:grid;place-items:center}.shot img{display:block;max-width:100%;max-height:74dvh;object-fit:contain;border-radius:14px;box-shadow:0 15px 42px rgba(11,31,54,.18)}.shot[data-device="mobile"] img{max-width:390px}
.step-nav{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.step-nav button{min-width:120px}.step-nav button:disabled{opacity:.35}
@media(max-width:760px){.resource-bar{grid-template-columns:auto 1fr auto}.resource-brand{justify-self:center}.resource-brand small{display:none}.intro{grid-template-columns:1fr;gap:22px}.intro h1{font-size:46px}.intro-card{padding:20px}.guide-head{display:grid}.device-switch{justify-self:start}.step{grid-template-columns:1fr}.step-copy{padding:20px}.shot{min-height:420px;padding:10px}.shot img{max-height:none}.shot[data-device="desktop"]{overflow:auto;justify-content:start}.shot[data-device="desktop"] img{min-width:820px}.step-nav{position:sticky;bottom:10px;background:rgba(243,246,248,.94);padding:8px;border-radius:16px;z-index:10}}
@media print{.resource-bar,.device-switch,.step-nav{display:none}.step{display:block}.step-copy,.shot{box-shadow:none;break-inside:avoid}.shot{margin-top:20px}.guide{display:block!important}.intro{display:none}}
.shot[data-device="mobile"] img{width:auto;max-width:100%}