
:root{
  --navy:#071f2d;--navy2:#0b3141;--ink:#13232d;--muted:#5e6c73;
  --orange:#f36b16;--orange2:#d9560a;--cream:#f6f2ea;--paper:#fffdf9;
  --line:#e5e0d8;--white:#fff;--teal:#1f6267;--soft:#edf4f2;
  --shadow:0 18px 42px rgba(7,31,45,.10);--shadow2:0 8px 24px rgba(7,31,45,.08);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:16.5px/1.72 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
a{color:#075e78;text-underline-offset:3px}.wrap{width:min(1220px,92%);margin:auto}
.utility{background:#041723;color:#d8e4e8;font-size:12px}.utility .wrap{display:flex;justify-content:space-between;gap:20px;padding:7px 0}.utility a{color:#d8e4e8;text-decoration:none}
.top{background:#fff;border-bottom:1px solid #ece8e0;position:sticky;top:0;z-index:100}.top .wrap{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.logo{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--navy);font-weight:950;letter-spacing:.035em;font-size:20px}.logo:before{content:"";width:33px;height:33px;border-radius:50%;border:5px solid var(--orange);box-shadow:inset 0 0 0 5px #fff}.logo span{color:var(--orange)}
nav{display:flex;gap:4px;align-items:center;flex-wrap:wrap}nav a{padding:9px 11px;border-radius:8px;color:#1d2a30;text-decoration:none;font-weight:760;font-size:14px}nav a:hover{background:#f3f5f3}.nav-cta{background:var(--orange)!important;color:#fff!important;padding:11px 16px!important}
.hero{position:relative;min-height:570px;background:#071d28;overflow:hidden;color:white;display:flex;align-items:stretch}
.hero-media{position:absolute;inset:0 0 0 42%;background:url('/assets/hero-fishing-reel.jpg') center/cover no-repeat}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#071d28 0%,rgba(7,29,40,.98) 37%,rgba(7,29,40,.65) 56%,rgba(7,29,40,.10) 78%)}
.hero .wrap{position:relative;z-index:2;display:flex;align-items:center}
.hero-copy{max-width:650px;padding:72px 0}.eyebrow{display:inline-flex;gap:8px;align-items:center;color:#ff985d;text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:.13em;margin-bottom:17px}
.hero h1{font:900 clamp(48px,6vw,78px)/.98 Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;letter-spacing:.008em;text-transform:uppercase;margin:0 0 17px;max-width:700px}.hero h1 span{color:#ff7a2a}
.hero p{font-size:20px;line-height:1.6;color:#e4edf0;max-width:610px;margin:0 0 26px}
.hero-benefits{display:flex;gap:18px;flex-wrap:wrap;margin:0 0 26px;padding:0;list-style:none}.hero-benefits li{font-size:13px;font-weight:780;color:#f2f6f7}.hero-benefits li:before{content:"✓";color:#ff7a2a;font-weight:950;margin-right:6px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--orange);color:#fff!important;text-decoration:none;font-weight:900;padding:14px 18px;border-radius:7px;box-shadow:0 10px 25px rgba(243,107,22,.20);transition:.18s transform,.18s background}.btn:hover{background:var(--orange2);transform:translateY(-1px)}.btn.dark{background:var(--navy)}.btn.ghost{background:transparent;border:1px solid rgba(255,255,255,.35);box-shadow:none}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap}
.popbar{background:#082433;color:#d5e2e6;border-top:1px solid rgba(255,255,255,.08)}.popbar .wrap{display:flex;gap:16px;align-items:center;overflow:auto;padding:12px 0;white-space:nowrap;font-size:13px}.popbar strong{color:#ff7a2a}.popbar a{color:#e4ecef;text-decoration:none}
.trust-strip{background:#f7f4ee;border-bottom:1px solid #ebe5db}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.trust-item{padding:20px;border-right:1px solid #e4ded4}.trust-item:last-child{border-right:0}.trust-item strong{display:block;color:var(--navy);font-size:14px}.trust-item span{font-size:13px;color:var(--muted)}
main{padding:54px 0}.home-section{padding:60px 0}.home-section.alt{background:#f8f5ef;border-top:1px solid #eee7dd;border-bottom:1px solid #eee7dd}
.section-label{color:var(--orange2);text-transform:uppercase;letter-spacing:.13em;font-weight:900;font-size:12px}.section-title{font:900 clamp(34px,4.8vw,54px)/1.04 Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;text-transform:uppercase;color:var(--navy);margin:8px 0 15px;letter-spacing:.01em}.section-intro{max-width:800px;font-size:19px;color:var(--muted);margin-bottom:30px}
.guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.guide-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:var(--shadow2);display:flex;flex-direction:column}.guide-thumb{height:150px;background:linear-gradient(135deg,#0a2c3b,#255c61);position:relative}.guide-thumb:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 45%,rgba(243,107,22,.55),transparent 8rem)}.guide-card .body{padding:20px}.guide-card h3{margin:0 0 9px;font-size:20px;line-height:1.2;color:var(--navy)}.guide-card p{color:var(--muted);font-size:14px}.guide-card a{font-weight:900;text-decoration:none}
.cta-band{background:linear-gradient(90deg,#071d28,#0c3a48);border-radius:14px;padding:30px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px;margin:34px 0;box-shadow:var(--shadow)}.cta-band h3{font:900 28px/1.05 Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;text-transform:uppercase;letter-spacing:.02em;margin:0 0 8px}.cta-band p{color:#d9e6e9;margin:0}.cta-band .fine{font-size:11px;color:#aebfc5;margin-top:8px}
.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.topic{background:#fff;border:1px solid var(--line);padding:24px;border-radius:12px}.topic b{display:block;color:var(--orange);font-size:12px;letter-spacing:.12em;text-transform:uppercase}.topic h3{font-size:20px;margin:8px 0}.topic p{font-size:14px;color:var(--muted)}
.grid{display:grid;grid-template-columns:minmax(0,820px) 300px;gap:48px;align-items:start}.article h1{font:900 clamp(42px,5.7vw,64px)/1.02 Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;text-transform:uppercase;letter-spacing:.01em;color:var(--navy);margin:.16em 0}.article h2{font-size:31px;line-height:1.18;color:var(--navy);margin-top:1.75em}.article h3{font-size:22px;color:var(--navy);margin-top:1.5em}.article p,.article li{max-width:76ch}.dek{font-size:20px;line-height:1.58;color:#56656c}.meta{font-size:13px;color:#768188;border-bottom:1px solid var(--line);padding-bottom:16px}.crumb{font-size:13px;color:#77828a;margin-bottom:18px}.answer{border-left:5px solid var(--orange);background:#fff5ed;padding:20px 22px;border-radius:0 9px 9px 0;margin:27px 0}.answer strong{color:#9e3b0c}.disclosure{font-size:13px;background:#fffaf0;border:1px solid #eadcb7;padding:11px 14px;border-radius:8px}.side{position:sticky;top:96px}.card{background:#fff;border:1px solid var(--line);border-radius:11px;padding:20px;margin:0 0 18px;box-shadow:var(--shadow2)}.card strong{color:var(--navy)}.links a{display:block;padding:8px 0;border-bottom:1px solid #eee9e1;text-decoration:none;font-weight:750;font-size:14px}
.affiliate-box{border:1px solid #f0c5ab;background:linear-gradient(135deg,#fff7f0,#fff);padding:22px;border-radius:12px;margin:30px 0}.affiliate-box h3{margin:0 0 8px!important}.affiliate-box p{margin:0 0 14px;color:#5e696d}.affiliate-box small{display:block;color:#7b7f80;margin-top:8px}
table{width:100%;border-collapse:collapse;margin:26px 0;font-size:14.5px}th,td{border:1px solid var(--line);padding:12px;text-align:left;vertical-align:top}th{background:#edf3f1;color:var(--navy)}
footer{background:#041923;color:#cbd8dd;padding:48px 0;border-top:5px solid var(--orange)}footer a{color:#fff}
.modal{display:none;position:fixed;inset:0;background:rgba(0,15,21,.84);z-index:9999;align-items:center;justify-content:center;padding:18px;backdrop-filter:blur(5px)}.modal.show{display:flex}.modal-box{position:relative;max-width:800px;width:94vw}.modal-box img{display:block;width:100%;border-radius:12px}.modal-close{position:absolute;right:12px;top:12px;width:44px;height:44px;border:0;border-radius:50%;background:#0b1c24e8;color:#fff;font-size:27px;cursor:pointer}.modal-skip{position:absolute;left:6%;bottom:5%;background:transparent;border:0;color:#cbe0e7;text-decoration:underline;cursor:pointer}
@media(max-width:960px){.guide-grid{grid-template-columns:1fr 1fr}.topic-grid{grid-template-columns:1fr 1fr}.trust-grid{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.side{position:static}.hero-media{left:30%;opacity:.55}.hero:after{background:linear-gradient(90deg,#071d28 0%,rgba(7,29,40,.96) 50%,rgba(7,29,40,.50) 100%)}}
@media(max-width:720px){.utility{display:none}.top .wrap{align-items:flex-start;flex-direction:column;padding:12px 0}.guide-grid,.topic-grid,.trust-grid{grid-template-columns:1fr}.hero{min-height:620px}.hero-media{left:0;opacity:.35}.hero-copy{padding:60px 0}.hero h1{font-size:49px}.trust-item{border-right:0;border-bottom:1px solid #e4ded4}.cta-band{align-items:flex-start;flex-direction:column}.modal{display:none!important}}


.guide-card img{width:100%;height:180px;object-fit:cover;display:block}
.article-visual{margin:24px 0 32px;border-radius:14px;overflow:hidden;box-shadow:var(--shadow2);background:#e8ecea}
.article-visual img{display:block;width:100%;height:auto;max-width:100%;object-fit:cover;image-rendering:auto}
.article-visual figcaption{font-size:12px;color:#6d777b;background:#f8f6f1;padding:8px 11px}
.topic img{width:100%;height:145px;object-fit:cover;border-radius:8px;margin:-10px -10px 14px;width:calc(100% + 20px);max-width:calc(100% + 20px)}
