
.hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);min-height:720px;border-bottom:3px solid var(--line)}
.hero-copy{padding:54px;display:flex;flex-direction:column;justify-content:center;background:var(--paper2);border-right:3px solid var(--line)}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.harbor-panel{padding:34px;background:linear-gradient(145deg,#718b52,#3f5d3f);color:white;display:grid;align-content:center;gap:18px}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.status{background:rgba(255,255,255,.12);padding:16px}.status span{display:block;font-size:.7rem;text-transform:uppercase}.status b{font-size:1.8rem}
.feature-grid,.content-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.feature,.panel,.report,.faq-item{border:3px solid var(--line);background:var(--paper2);padding:22px;min-width:0}.feature p,.panel p,.faq-item p{line-height:1.75;color:var(--muted)}
.expedition-layout{display:grid;grid-template-columns:1fr 340px;gap:18px}.planner{display:grid;gap:18px}.step{border:3px solid var(--line);background:var(--paper2);padding:22px}.route-grid,.gear-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.route,.gear{border:2px solid var(--line);background:var(--paper);padding:16px;cursor:pointer}.route.active,.gear.active{background:var(--sun)}.summary{position:sticky;top:100px;align-self:start;border:3px solid var(--line);background:var(--forest);color:white;padding:24px}.summary-row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.25)}
.scanner-wrap{display:grid;grid-template-columns:minmax(0,1fr) 300px;min-height:700px;border:3px solid var(--line)}.scanner-stage{background:#163d3f;position:relative;min-width:0}.scanner-stage canvas{width:100%;height:100%;display:block}.scanner-side{padding:24px;background:var(--paper2)}.scanner-stat{display:flex;justify-content:space-between;padding:12px 0;border-bottom:2px solid #aab4a8}
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.product{border:3px solid var(--line);background:var(--paper2);padding:22px;display:flex;flex-direction:column;min-height:470px}.product.featured{background:var(--sun)}.product strong{font-size:clamp(2.8rem,5vw,4.2rem)}.product p{line-height:1.75;flex:1}.revenue,.request{display:grid;grid-template-columns:.75fr 1.25fr;gap:36px;border:3px solid var(--line);padding:30px;margin-top:28px}.revenue{background:var(--forest);color:white}.form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form label{display:grid;gap:6px;font-size:.72rem;text-transform:uppercase}.form input,.form select,.form textarea{width:100%;min-width:0;padding:12px;border:2px solid var(--line);background:var(--paper2)}.wide{grid-column:1/-1}.saved{background:#dce9be;border:2px solid var(--line);padding:12px}
.policy article{padding:24px 0;border-bottom:2px solid #a9b2a4}.policy p{line-height:1.82;color:var(--muted)}
@media(max-width:1000px){.hero,.expedition-layout,.scanner-wrap,.revenue,.request{grid-template-columns:1fr}.hero-copy{border-right:0;border-bottom:3px solid var(--line)}.summary{position:static}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid,.grid-3{grid-template-columns:1fr}.route-grid,.gear-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.hero-copy{padding:32px 20px}.feature-grid,.route-grid,.gear-grid,.status-grid,.form{grid-template-columns:1fr}.wide{grid-column:auto}.scanner-wrap{min-height:620px}}
