:root{--navy:#061d30;--green:#4d8442;--green2:#7cbd67;--gold:#f2bc3c;--white:#f7fbfd}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#071d2f;color:var(--white);font-family:Arial,Helvetica,sans-serif}
.shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}
a{color:inherit;text-decoration:none}
.hero{min-height:100svh;position:relative;overflow:hidden;background:radial-gradient(circle at 79% 49%,rgba(35,111,144,.24),transparent 30%),radial-gradient(circle at 62% 83%,rgba(70,132,66,.14),transparent 25%),linear-gradient(118deg,#041725 0%,#07263b 62%,#061b2d 100%)}
.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,16,30,.9),transparent 23%,transparent 78%,rgba(2,17,28,.88));pointer-events:none}
.nav{height:108px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:4;border-bottom:1px solid rgba(255,255,255,.14)}
.brand{display:flex;align-items:center;gap:12px;position:relative}
.brand-mark{width:48px;height:58px;display:grid;place-items:center;border:2px solid var(--green2);border-radius:50% 50% 44% 44%;font:700 31px Georgia;color:white}
.beam{position:absolute;width:48px;height:2px;left:25px;top:11px;background:var(--gold);transform:rotate(-10deg);box-shadow:32px -7px 18px 4px rgba(242,188,60,.28)}
.brand b{font:700 32px Georgia;letter-spacing:.08em}
.brand small{display:block;margin-top:2px;color:#9db2be;font-size:10px;letter-spacing:.11em;text-transform:uppercase}
.nav-links{display:flex;gap:38px;color:#d8e4ea;font-size:14px}
.nav-links a:hover{color:var(--green2)}
.nav-cta{padding:12px 20px;border:1px solid var(--green2);border-radius:6px;font-size:13px;text-transform:uppercase;letter-spacing:.08em}
.hero-content{position:relative;z-index:2;min-height:calc(100svh - 108px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:72px;padding-block:70px 90px}
.eyebrow,.kicker{font-size:12px;letter-spacing:.22em;font-weight:700;color:var(--green2)}
.eyebrow span{display:inline-block;width:28px;height:2px;background:var(--gold);vertical-align:middle;margin-right:8px}
.hero h1{font:500 clamp(48px,5.2vw,78px)/.98 Georgia,serif;margin:22px 0 20px;max-width:760px}
.hero h1 em{font-style:normal;color:#c9e0d0}
.lead{font-size:20px;color:#dce9ef;margin:0}
.actions{display:flex;gap:14px;margin-top:34px}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:17px 22px;border-radius:6px;text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:.12em}
.primary{background:var(--green);border:1px solid var(--green2);color:white}
.primary:hover{background:#5c9750}
.secondary{border:1px solid var(--gold)}
.trust{display:flex;align-items:center;gap:12px;margin-top:38px;color:var(--gold)}
.trust strong{font:500 40px Georgia}
.trust span{font-size:10px;line-height:1.5;letter-spacing:.13em}
.live-card{align-self:center;background:rgba(6,30,49,.79);border:1px solid rgba(113,188,222,.66);box-shadow:0 24px 80px rgba(0,0,0,.38),inset 0 0 30px rgba(56,141,188,.12);border-radius:18px;backdrop-filter:blur(10px);padding:19px}
.live-card header{padding:0 4px 16px;border-bottom:1px solid rgba(122,185,210,.3);font-size:13px;font-weight:700;letter-spacing:.1em;color:var(--green2)}
.live-card header i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#7be068;box-shadow:0 0 12px #7be068;margin-right:8px}
.live-card header span{float:right;color:#7fa1b3}
.live-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;padding-top:18px}
.route-mini{position:relative;min-height:400px;padding-left:55px}
.coastline{position:absolute;left:25px;top:4px;bottom:5px;width:2px;background:linear-gradient(#56c4ef,#84e1cb);transform:rotate(-6deg);box-shadow:0 0 12px #56c4ef}
.port{position:absolute;font-size:12px;color:#eef7fb}
.port-0{left:35px;top:12px}
.port-1{left:40px;top:66px}
.port-2{left:45px;top:120px}
.port-3{left:50px;top:174px}
.port-4{left:55px;top:228px}
.port-5{left:60px;top:282px}
.port-6{left:65px;top:336px}
.port i{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--green2);border:2px solid white;margin-right:9px;box-shadow:0 0 10px var(--green2)}
.metrics{display:grid;gap:9px}
.metrics div{border:1px solid rgba(92,168,199,.42);border-radius:9px;padding:13px;background:rgba(1,22,38,.55)}
.metrics small,.metrics span{display:block;color:#a8c0cd;font-size:10px}
.metrics strong{display:block;font-size:25px;color:#66b5ef;margin:6px 0}
.metrics .risk strong{color:#ff6b63}
.scroll-cue{position:absolute;z-index:3;bottom:20px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:#90a7b3}
.scroll-cue span{color:var(--gold)}
.intro{display:grid;grid-template-columns:1.15fr .85fr;gap:100px;padding-block:120px 60px;align-items:end}
.intro h2,.corridor h2,.heritage h2,.cta h2{font:500 clamp(34px,4vw,56px)/1.06 Georgia;margin:14px 0}
.intro>p,.corridor-head>p,.heritage-copy>p{color:#a9bdc8;line-height:1.8;font-size:16px}
.modules{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-bottom:120px}
.modules article{position:relative;border:1px solid #24465d;background:#0a263b;padding:34px;min-height:310px;transition:.25s}
.modules article:hover{transform:translateY(-5px);border-color:var(--green2)}
.modules article>span{font:500 13px Georgia;color:var(--gold)}
.modules h3{font:500 27px Georgia;margin:48px 0 16px}
.modules p{color:#9fb5c1;line-height:1.7;font-size:14px}
.modules a{position:absolute;bottom:32px;color:var(--green2);font-size:12px;text-transform:uppercase;letter-spacing:.1em}
.corridor{background:#edf3ef;color:#08233a;padding:110px 0}
.corridor-head{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:end}
.corridor .kicker{color:#4d8442}
.corridor-head>p{color:#526b79}
.route-line{display:grid;grid-template-columns:repeat(7,1fr);margin-top:70px;position:relative}
.route-line:before{content:"";position:absolute;left:5%;right:5%;top:18px;height:1px;background:#93aa9c}
.route-line div{text-align:center;position:relative}
.route-line i{display:grid;place-items:center;width:37px;height:37px;margin:auto;border-radius:50%;background:#edf3ef;border:1px solid #6e9874;color:#4d8442;font:normal 11px Arial;position:relative;z-index:2}
.route-line b{display:block;margin-top:18px;font:500 15px Georgia}
.heritage{background:#071d2f;padding:120px 0}
.heritage-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center}
.heritage-image{border:1px solid #345269;padding:10px;transform:rotate(-1deg)}
.heritage-image img{width:100%;display:block;filter:saturate(.76)}
.heritage-copy blockquote{margin:35px 0;padding:20px 0 20px 24px;border-left:2px solid var(--gold);font:italic 20px/1.5 Georgia;color:#d7e5eb}
.history-tags{display:flex;gap:12px;flex-wrap:wrap}
.history-tags span{padding:9px 12px;border:1px solid #36566b;color:#9eb7c4;font-size:10px;letter-spacing:.1em}
.cta{background:linear-gradient(120deg,#0b302d,#173e36);padding:90px 0}
.cta-inner{display:flex;align-items:end;justify-content:space-between;gap:40px}
.cta h2{margin-bottom:0}
.cta .button{min-width:230px}
footer{background:#03131f;padding:55px 0 25px}
.footer-main,.footer-bottom{display:flex;justify-content:space-between;align-items:center}
.footer-brand{font:700 34px Georgia}
.footer-brand small,footer div>span{display:block;color:#7893a2;font:10px Arial;letter-spacing:.12em;margin-top:5px}
.footer-main>div:last-child{text-align:right}
.footer-main b{font-size:12px}
.network-links{display:flex;align-items:center;gap:22px;margin-top:34px}.network-links b{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#7893a2}.network-links a{font-size:12px;color:#b7cbd5;border-bottom:1px solid #355064;padding-bottom:4px}.network-links a:hover{color:var(--green2);border-color:var(--green2)}
.footer-bottom{margin-top:45px;padding-top:20px;border-top:1px solid #193247;color:#7893a2;font-size:9px;letter-spacing:.1em}

@media(max-width:900px){.nav-links{display:none}
.hero-content,.intro,.corridor-head,.heritage-grid{grid-template-columns:1fr}
.hero-content{gap:45px}
.intro,.corridor-head{gap:25px}
.live-card{width:100%}
.modules{grid-template-columns:1fr}
.route-line{grid-template-columns:repeat(4,1fr);row-gap:35px}
.route-line:before{display:none}
.heritage-grid{gap:45px}
.cta-inner{align-items:flex-start;flex-direction:column}
}

@media(max-width:560px){.shell{width:min(100% - 30px,1180px)}
.nav{height:84px}
.brand small,.nav-cta{display:none}
.hero-content{padding-top:55px}
.hero h1{font-size:43px}
.lead{font-size:17px}
.actions{flex-direction:column;align-items:stretch}
.button{justify-content:center}
.live-card{padding:12px}
.live-grid{grid-template-columns:1fr}
.route-mini{min-height:370px}
.metrics{grid-template-columns:1fr 1fr}
.intro{padding-top:85px}
.route-line{grid-template-columns:repeat(2,1fr)}
.cta{padding:70px 0}
.footer-main,.footer-bottom,.network-links{align-items:flex-start;flex-direction:column;gap:18px}
.footer-main>div:last-child{text-align:left}
}