.guide-hero{background:var(--navy);padding:clamp(56px,8vw,96px) 0 clamp(44px,6vw,72px);position:relative;overflow:hidden}.guide-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 110% 10%,rgba(31,84,222,.5) 0,transparent 60%)}.guide-hero .container{position:relative;z-index:1}.guide-hero .eyebrow{color:rgba(255,255,255,.6)}.guide-hero .eyebrow:before{background:rgba(255,255,255,.4)}.guide-hero h1{font-size:clamp(28px,4vw,44px);color:#fff;margin-top:16px;line-height:1.3}.guide-hero p{color:rgba(255,255,255,.7);font-size:clamp(14px,1.6vw,17px);margin-top:16px;max-width:520px;line-height:1.85}.guide-hero .cta-wrap{margin-top:28px;display:flex;gap:12px;flex-wrap:wrap}.merit-bar{background:var(--pale);border-bottom:1px solid var(--line);padding:20px 0}.merit-bar-inner{justify-content:center;gap:clamp(24px,4vw,56px);flex-wrap:wrap}.merit-bar-inner,.merit-chip{display:flex;align-items:center}.merit-chip{gap:10px;font-size:14px;font-weight:700;color:var(--navy)}.merit-chip .ic{width:20px;height:20px;color:var(--blue);stroke-width:2;flex-shrink:0}.guide-section{margin-bottom:64px}.guide-section-head{display:flex;align-items:flex-start;gap:16px;margin-bottom:28px}.guide-section-num{width:44px;height:44px;border-radius:12px;background:var(--navy);color:#fff;font-family:var(--head);font-size:18px;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0}.guide-section-head h2{font-size:clamp(18px,2.5vw,24px);color:var(--navy);margin-bottom:4px}.guide-section-head p{font-size:14px;color:var(--body-soft);line-height:1.7}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.compare-card{border-radius:var(--radius-s);overflow:hidden;border:1.5px solid var(--line)}.compare-card.good{border-color:#86efac}.compare-card.bad{border-color:#fca5a5}.compare-photo{aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;font-size:56px;position:relative;overflow:hidden}.compare-photo.good-bg{background:linear-gradient(135deg,#e8f5e9,#f0f7ff)}.compare-photo.bad-bg{background:linear-gradient(135deg,#fff5f5,#fdf5e6)}.compare-photo-illus{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.compare-photo-illus svg{max-width:100%;height:auto}.compare-label{padding:12px 16px;display:flex;align-items:flex-start;gap:10px}.compare-label-badge{font-size:11px;font-weight:900;padding:3px 10px;border-radius:99px;flex-shrink:0;margin-top:2px}.good .compare-label-badge{background:#d1fae5;color:#166534}.bad .compare-label-badge{background:#fee2e2;color:#991b1b}.compare-label p{font-size:13.5px;color:var(--ink);line-height:1.6}.point-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.point-card{border:1.5px solid var(--line);border-radius:var(--radius-s);padding:18px 16px;display:flex;gap:14px;align-items:flex-start}.point-ic{width:36px;height:36px;border-radius:10px;background:var(--pale);flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--blue)}.point-ic .ic{width:18px;height:18px;stroke-width:2}.point-body h4{font-size:14px;font-weight:700;color:var(--navy);margin-bottom:4px}.point-body p{font-size:13px;color:var(--body-soft);line-height:1.7}.shoot-steps{display:flex;flex-direction:column;gap:16px}.shoot-step{display:flex;gap:16px;align-items:flex-start;padding:18px 20px;background:#fafbfe;border:1.5px solid var(--line);border-radius:var(--radius-s)}.shoot-step-num{width:32px;height:32px;border-radius:50%;background:var(--blue);color:#fff;font-family:var(--head);font-size:14px;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0}.shoot-step-body h4{font-size:14.5px;font-weight:700;color:var(--navy);margin-bottom:5px}.shoot-step-body p{font-size:13.5px;color:var(--body-soft);line-height:1.75}.shoot-step-body .tip{margin-top:8px;font-size:12.5px;color:var(--blue);background:var(--pale);border-radius:6px;padding:6px 10px;display:inline-flex;align-items:center;gap:6px}.shoot-step-body .tip .ic{width:14px;height:14px;flex-shrink:0}.cat-guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cat-guide-card{border:1.5px solid var(--line);border-radius:var(--radius-s);padding:16px}.cat-guide-card .cat-name{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:var(--navy);margin-bottom:10px}.cat-guide-card .cat-name .cat-ic{width:28px;height:28px;border-radius:8px;background:var(--pale);color:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}.cat-guide-card .cat-name .cat-ic .ic{width:16px;height:16px}.cat-guide-card ul{padding-left:16px}.cat-guide-card li{font-size:12.5px;color:var(--body-soft);line-height:1.7;margin-bottom:3px}.guide-cta{background:var(--navy);border-radius:var(--radius);padding:clamp(32px,4vw,48px);text-align:center;margin-top:64px;position:relative;overflow:hidden}.guide-cta:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 100% 0,rgba(31,84,222,.5) 0,transparent 65%)}.guide-cta-inner{position:relative;z-index:1}.guide-cta h2{font-size:clamp(20px,2.5vw,28px);color:#fff;margin-bottom:12px}.guide-cta p{font-size:14.5px;color:rgba(255,255,255,.65);margin-bottom:24px;line-height:1.8}.guide-cta .btn-wrap{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}@media (max-width:680px){.compare-grid,.point-grid{grid-template-columns:1fr}.cat-guide-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.cat-guide-grid{grid-template-columns:1fr}}