:root{--navy:#081a31;--blue:#168fe3;--green:#1f9d55;--green-dark:#14733f;--paper:#fff;--mist:#f2f7f4;--cream:#f7f7f2;--ink:#102038;--muted:#657180;--line:#dce4e7}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper)}a{text-decoration:none;color:inherit}img{display:block;width:100%}button,input,select{font:inherit}.skip-link{position:fixed;left:12px;top:-100px;z-index:100;background:#fff;color:var(--navy);padding:10px 14px}.skip-link:focus{top:12px}
.utility{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:9px 4vw;background:var(--navy);color:#e7eef6;font-size:12px;letter-spacing:.02em}.utility strong{color:#fff}.utility>div,.utility .mod-custom{display:contents}
.header{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:310px 1fr auto;gap:26px;align-items:center;padding:14px 4vw;background:linear-gradient(rgba(242,249,255,.68),rgba(242,249,255,.68)),url("../../images/swd/header-sky.png") center 48%/cover no-repeat;backdrop-filter:blur(8px);border-bottom:1px solid rgba(8,26,49,.11)}.logo img{max-width:285px}.nav{display:flex;justify-content:center;gap:28px;font-weight:700;font-size:14px}.nav ul{display:flex;gap:28px;align-items:center;list-style:none;margin:0;padding:0}.nav a{padding:9px 0;position:relative}.nav a:after{content:"";position:absolute;left:0;bottom:2px;width:0;height:2px;background:var(--green);transition:.2s}.nav a:hover:after,.nav .current>a:after,.nav .active>a:after{width:100%}.actions{display:flex;align-items:center;gap:10px}.builder-link{display:inline-flex;align-items:center;gap:8px;background:var(--green);color:#fff;padding:13px 17px;border-radius:4px;font-weight:800;white-space:nowrap}.builder-link:hover{background:var(--green-dark)}.iconbtn{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--navy);cursor:pointer}.nav-toggle{display:none}.mobile-nav{position:fixed;top:71px;left:0;right:0;z-index:19;padding:18px 4vw;background:linear-gradient(rgba(242,249,255,.82),rgba(242,249,255,.82)),url("../../images/swd/header-sky.png") center/cover no-repeat;border-bottom:1px solid var(--line);box-shadow:0 12px 30px rgba(8,26,49,.13)}.mobile-nav a{display:block;padding:12px 0;font-weight:800;border-bottom:1px solid var(--line)}.mobile-nav ul{list-style:none;margin:0;padding:0}.mobile-nav[hidden]{display:none}
.hero{display:grid;grid-template-columns:1.02fr .98fr;min-height:670px;background:linear-gradient(135deg,#f7faf8 0%,#fff 60%)}.hero-copy{padding:82px 5vw 72px 4vw;display:flex;flex-direction:column;justify-content:center;position:relative}.eyebrow{font:800 12px Arial Black,Arial,Helvetica,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--green-dark);margin-bottom:18px}.hero h1{font:800 clamp(64px,7.1vw,122px)/.82 Arial Black,Arial,Helvetica,sans-serif;letter-spacing:-.065em;color:var(--navy);margin:0 0 26px}.hero h1 .accent{color:var(--green)}.hero .lead{font-size:20px;line-height:1.45;max-width:610px;margin:0 0 30px;color:#2a3c50}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.hero-actions .mod-custom{display:contents}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:14px 21px;border-radius:4px;background:var(--green);color:#fff;font-weight:800;border:2px solid var(--green)}.btn:hover{background:var(--green-dark);border-color:var(--green-dark);color:#fff}.btn.secondary{background:#fff;color:var(--navy);border-color:var(--navy)}.hero-note{position:absolute;left:4vw;bottom:24px;font-size:12px;color:var(--muted)}.hero-photo{position:relative;overflow:hidden;min-width:0}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.16),transparent 26%)}.hero-badge{position:absolute;left:24px;bottom:24px;z-index:2;background:rgba(255,255,255,.92);border-left:5px solid var(--green);padding:14px 16px;max-width:270px;font-size:13px;line-height:1.35}.hero-badge strong{display:block;color:var(--navy);font-size:15px;margin-bottom:3px}
.trust{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.trust-item{padding:20px 24px;border-right:1px solid var(--line)}.trust-item:last-child{border-right:0}.trust-item b{display:block;font-size:14px;color:var(--navy)}.trust-item span{font-size:12px;color:var(--muted)}
.builder{padding:78px 4vw 84px;background:var(--mist);border-bottom:1px solid #d7e6dc}.builder-head{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:end;margin-bottom:34px}.builder-head h2{font:800 clamp(48px,5.5vw,86px)/.9 Arial Black,Arial,Helvetica,sans-serif;letter-spacing:-.055em;margin:0;color:var(--navy)}.builder-head p{font-size:18px;line-height:1.5;max-width:580px;margin:0 0 4px auto;color:#405166}.builder-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:24px;align-items:start}.builder-panel,.results-panel{background:#fff;border:1px solid #cfddd3;border-radius:8px;padding:28px}.builder-panel{box-shadow:0 14px 34px rgba(20,65,40,.06)}.step-label{font:800 11px Arial Black,Arial,Helvetica,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--green-dark);margin-bottom:10px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field.full{grid-column:1/-1}.field label{display:block;font-weight:800;font-size:13px;color:var(--navy);margin-bottom:7px}.field input,.field select{width:100%;min-height:48px;padding:11px 12px;border:1px solid #bac8c0;border-radius:4px;background:#fff;color:var(--ink);font-size:16px}.load-title{font:800 20px Arial Black,Arial,Helvetica,sans-serif;margin:28px 0 12px;color:var(--navy)}.loads{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}.load-row{display:grid;grid-template-columns:22px 1fr 70px;gap:8px;align-items:center;min-height:42px;font-size:14px}.load-row input[type=checkbox]{width:18px;height:18px}.load-row input[type=number]{width:70px;min-height:36px;padding:6px;border:1px solid #c6d0ca;border-radius:4px}.builder-extra-fields{margin-top:24px}.calc-btn{cursor:pointer;margin-top:22px}.builder-note{font-size:12px;line-height:1.45;color:var(--muted);margin:16px 0 0}.results-panel{position:sticky;top:90px}.result-kicker{font:800 11px Arial Black,Arial,Helvetica,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--green-dark)}.results-panel h3{font:800 32px/1 Arial Black,Arial,Helvetica,sans-serif;letter-spacing:-.035em;margin:8px 0 20px;color:var(--navy)}.result-list{border-top:1px solid var(--line)}.result{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:end;padding:15px 0;border-bottom:1px solid var(--line)}.result span{font-size:13px;color:var(--muted)}.result strong{font:800 22px Arial Black,Arial,Helvetica,sans-serif;color:var(--navy);text-align:right}.bom{margin-top:24px}.bom h4{font:800 18px Arial Black,Arial,Helvetica,sans-serif;margin:0 0 10px}.bom ul{padding-left:18px;margin:0;line-height:1.75}.recommend-preview{margin-top:24px;padding:18px;background:var(--cream);border:1px solid #e1e5dc}.recommend-preview b{display:block;color:var(--navy);margin-bottom:4px}.recommend-preview span{font-size:13px;color:var(--muted);line-height:1.45}.disclaimer{margin-top:16px;padding:13px;background:#f7f9f7;border-left:4px solid var(--green);font-size:12px;line-height:1.45;color:#52605a}
.story-intro{padding:74px 4vw 36px;background:#fff}.story-intro h2{font:800 clamp(46px,5.3vw,80px)/.92 Arial Black,Arial,Helvetica,sans-serif;letter-spacing:-.055em;margin:0 0 18px;color:var(--navy);max-width:820px}.story-intro p{font-size:18px;line-height:1.5;max-width:700px;color:#4b5a6a}.feature{display:grid;grid-template-columns:1.2fr .8fr;min-height:430px;border-top:1px solid var(--line)}.feature.reverse{grid-template-columns:.8fr 1.2fr}.feature .photo{overflow:hidden}.feature .photo img{width:100%;height:100%;object-fit:cover}.feature .copy{padding:56px 5vw;background:linear-gradient(135deg,#fff,#f6f8f5);display:flex;flex-direction:column;justify-content:center}.feature.reverse .copy{order:1}.feature.reverse .photo{order:2}.feature .kicker{font:800 11px Arial Black,Arial,Helvetica,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--green-dark);margin-bottom:12px}.feature h3{font:800 clamp(42px,4.5vw,68px)/.94 Arial Black,Arial,Helvetica,sans-serif;letter-spacing:-.05em;margin:0 0 18px;color:var(--navy)}.feature p{font-size:17px;line-height:1.5;max-width:520px;margin:0 0 22px}.text-link{font-weight:800;color:var(--green-dark)}.text-link:hover{text-decoration:underline}
.paths{padding:74px 4vw 84px;background:var(--navy);color:#fff}.paths-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:30px}.paths h2{font:800 clamp(44px,5vw,76px)/.93 Arial Black,Arial,Helvetica,sans-serif;letter-spacing:-.05em;margin:0}.paths-head p{max-width:520px;color:#c9d4df;line-height:1.5;margin:0}.path-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(255,255,255,.2)}.path{min-height:240px;padding:24px;border-right:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column;justify-content:space-between;transition:.2s}.path:last-child{border-right:0}.path:hover{background:#0f2847}.path small{font:700 11px Arial Black,Arial,Helvetica,sans-serif;letter-spacing:.12em;color:#9fb1c3}.path strong{font:800 28px/1 Arial Black,Arial,Helvetica,sans-serif;letter-spacing:-.03em}.path span{color:#b7c5d3;font-size:13px;line-height:1.45}.closer{position:relative;min-height:300px;color:#fff;display:flex;align-items:center;overflow:hidden}.closer>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.52)}.closer:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,24,45,.94),rgba(6,24,45,.22))}.closer .inner{position:relative;z-index:1;padding:56px 4vw;width:100%;display:flex;justify-content:space-between;align-items:center;gap:30px}.closer h2{font:800 clamp(44px,5vw,74px)/.92 Arial Black,Arial,Helvetica,sans-serif;letter-spacing:-.05em;margin:0;max-width:720px}.closer-eyebrow{color:#fff}
.joomla-content{width:min(1180px,92vw);margin:0 auto}.home-component:empty{display:none}.home-component{padding:0}.inner-content{min-height:55vh;padding:64px 0}.inner-content h1,.inner-content h2,.page-header h1,.page-header h2{color:var(--navy);font-family:Arial Black,Arial,Helvetica,sans-serif}.alert{padding:14px 4vw;background:#fff5d6;border-left:5px solid var(--green-dark)}footer{background:#051325;color:#d8e1eb;padding:26px 4vw;display:flex;justify-content:space-between;gap:20px;font-size:13px}footer .mod-custom{display:contents}
@media(max-width:1050px){.header{grid-template-columns:270px 1fr auto}.nav,.nav ul{gap:16px}.builder-head{grid-template-columns:1fr}.builder-head p{margin:0}}
@media(max-width:920px){.nav{display:none}.nav-toggle{display:grid}.header{grid-template-columns:1fr auto}.hero,.feature,.feature.reverse,.builder-grid{grid-template-columns:1fr}.hero-photo{min-height:430px}.hero-note{display:none}.feature.reverse .copy,.feature.reverse .photo{order:initial}.results-panel{position:static}.trust{grid-template-columns:1fr 1fr}.path-grid{grid-template-columns:1fr 1fr}.path:nth-child(2){border-right:0}.path{border-bottom:1px solid rgba(255,255,255,.2)}}
@media(max-width:620px){.utility{display:none}.header{top:0}.logo img{max-width:225px}.builder-link{display:none}.mobile-nav{top:71px}.hero-copy{padding-top:58px}.hero h1{font-size:58px}.trust{grid-template-columns:1fr}.trust-item{border-right:0;border-bottom:1px solid var(--line)}.field-grid,.loads{grid-template-columns:1fr}.field.full{grid-column:auto}.path-grid{grid-template-columns:1fr}.path{border-right:0}.paths-head,.closer .inner,footer{flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Site-wide sky treatment and quieter builder jump links. */
body.swd-site{background:#eaf5fc url("../../images/swd/header-sky.png") center top/cover fixed no-repeat}
.swd-site .hero{background:linear-gradient(135deg,rgba(247,250,248,.78) 0%,rgba(255,255,255,.55) 60%)}
.swd-site .trust{background:rgba(255,255,255,.86)}
.swd-site .story-intro{background:rgba(255,255,255,.78)}
.swd-site .feature .copy{background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(246,248,245,.8))}
.builder-link{background:transparent;color:var(--navy);padding:9px 4px;border-bottom:2px solid var(--green);border-radius:0;font-size:13px}
.builder-link:hover{background:transparent;color:var(--green-dark)}
.jump-link{display:inline-block;margin-top:10px;font-size:13px;letter-spacing:.03em}
.path-builder-link{display:inline-block;margin-top:15px;color:#dce9f3;font-size:13px;font-weight:800;letter-spacing:.03em;border-bottom:1px solid rgba(255,255,255,.55)}
.path-builder-link:hover{color:#fff;border-bottom-color:#fff}
@media(max-width:920px){body.swd-site{background-attachment:scroll}}

/* Keep sticky navigation clear of in-page jump destinations. */
#offgrid,#rv,#camp,#shop,#builder{scroll-margin-top:175px}
@media(max-width:920px){#offgrid,#rv,#camp,#shop,#builder{scroll-margin-top:105px}}