:root{--navy:#003356;--navy2:#0a4a77;--or:#b95118;--or2:#b95118;--ink:#0b2a40;--mute:#4a6072;--bg:#fff;--alt:#f3f6f9;--line:#dbe3ea}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.75 Montserrat,system-ui,sans-serif;padding-left:64px;overflow-x:hidden}
h1,h2,h3{font-family:Montserrat,system-ui,sans-serif;font-weight:300;line-height:1.2;margin:0 0 .7em}
h1{font-size:clamp(2rem,4.2vw,3.5rem);max-width:17ch}
h2{font-size:clamp(1.45rem,2.6vw,2.05rem);max-width:26ch}
h2::after{content:"";display:block;width:44px;height:3px;background:var(--or);border-radius:2px;margin-top:16px}
h3{font-weight:500;font-size:1.04rem}
em{font-family:Lora,Georgia,serif;font-style:italic;font-weight:500;color:var(--or2)}
p{margin:0 0 1.1em;max-width:62ch}
a{color:inherit}
.w{max-width:1160px;margin:auto;padding:0 28px}
header{background:#00263f;color:#fff;position:sticky;top:0;z-index:7;box-shadow:0 2px 18px rgba(0,30,55,.25)}
.bar{max-width:1240px;margin:auto;padding:18px 28px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.logo{text-decoration:none;display:flex;flex-direction:column;font:400 1.45rem/1 Lora,Georgia,serif}
.logo small{font:300 .6rem Montserrat,sans-serif;letter-spacing:.35em;text-transform:uppercase;color:var(--or2);margin-top:6px}
nav{display:flex;gap:30px;margin:0 auto;flex-wrap:wrap}
nav a{text-decoration:none;text-transform:uppercase;letter-spacing:.10em;font-size:.78rem;font-weight:300;padding:6px 0;border-bottom:1px solid transparent;transition:.25s}
nav a:hover,nav a[aria-current]{color:var(--or2);border-color:var(--or2)}
.btn{display:inline-block;padding:12px 26px;border-radius:40px;background:var(--or);color:#fff;text-decoration:none;font-size:.86rem;letter-spacing:.06em;border:1.5px solid var(--or);transition:.25s}
.btn:hover{background:#9c4614;border-color:#9c4614;transform:translateY(-2px)}
.btn.o{background:none;color:inherit;border-color:currentColor}
.btn.o:hover{background:rgba(255,255,255,.12)}
.sec .btn.o:hover{background:var(--alt)}
.btn.sm{padding:8px 18px;font-size:.8rem;margin-top:14px}
header .btn{background:none;border-color:var(--or2);font-size:.74rem;text-transform:uppercase;padding:9px 20px}
header .btn:hover{background:var(--or)}
a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--or2);outline-offset:3px}
.hero{background:var(--navy);color:#fff;position:relative;overflow:hidden}
.hero .w{position:relative;z-index:1;padding-top:84px;padding-bottom:100px}
.hero p{color:#d6e3ee}
.hero .lead{font-size:1.15rem;font-weight:300}
.kick{color:var(--or2);text-transform:uppercase;letter-spacing:.26em;font-size:.72rem;margin:0 0 20px}
.hero .ph{position:absolute;top:0;right:0;bottom:0;width:38%;background:#0a3f66 center/cover;clip-path:polygon(0 0,100% 0,100% 100%,25% 100%,36% 68%)}
.hero .ph::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,51,86,.55),transparent 40%)}
.hero .tx{max-width:min(760px,62%)}
.ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.note{font-size:.85rem;color:#9fb6c8;margin-top:24px}
.sec{padding:68px 0}
.sec:nth-of-type(even){background:var(--alt)}
.row{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.row.rev{grid-template-columns:.9fr 1.1fr}
.row.rev figure{order:-1}
figure{margin:0}
figure img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:0 56px 0 56px;box-shadow:14px 14px 0 rgba(0,51,86,.60)}
.rev figure img{border-radius:56px 0 56px 0;box-shadow:-14px 14px 0 rgba(0,51,86,.12)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px;margin-top:32px}
.card{background:#fff;border-radius:14px;padding:28px 26px;box-shadow:0 6px 24px rgba(0,51,86,.08);position:relative;transition:.3s}
.card::before{content:"";position:absolute;left:26px;top:0;width:36px;height:3px;background:var(--or);border-radius:0 0 3px 3px}
.card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,51,86,.14)}
.card p{margin:0;color:var(--mute);font-size:.94rem}
ul{list-style:none;padding:0;margin:0 0 1.2em;max-width:62ch}
li{padding-left:26px;position:relative;margin:.55em 0}
li::before{content:"";position:absolute;left:2px;top:.7em;width:8px;height:8px;border-radius:50%;background:var(--or)}
.tag{font-size:.85rem;color:var(--mute);max-width:none}
details{background:#fff;border-radius:12px;padding:18px 24px;margin:12px 0;box-shadow:0 3px 14px rgba(0,51,86,.07);max-width:820px}
summary{cursor:pointer;font-weight:500}
details[open] summary{color:var(--or)}
details p{margin:12px 0 0;color:var(--mute)}
form{display:grid;gap:16px;max-width:540px;margin-top:24px}
label{font-weight:500;font-size:.9rem}
input,textarea{font:inherit;width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#fff}
.fin{background:var(--navy);color:#fff;padding:76px 0;text-align:left}
.fin h2{color:#fff}
.fin p{color:#d6e3ee}
footer{background:#00263f;color:#b0c4d4;font-size:.88rem;padding:34px 0}
footer a{color:#fff}
.rail{position:fixed;left:0;top:0;bottom:0;width:64px;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:140px 0 28px;color:#fff;background:#00263f}
.rail a{pointer-events:auto;text-decoration:none}
.cnt{display:flex;flex-direction:column;align-items:center;font:400 1.1rem Lora,Georgia,serif}
.cnt i{font:normal .82rem Lora,serif;color:#9fb6c8;border-top:1px solid #9fb6c8;margin-top:6px;padding-top:6px}
.vc{writing-mode:vertical-rl;transform:rotate(180deg);letter-spacing:.3em;text-transform:uppercase;font-size:.72rem;font-weight:300}
.in{font-weight:700}
.burger{display:none;width:44px;height:44px;background:none;border:0;cursor:pointer;position:relative}
.burger span,.burger span::before,.burger span::after{position:absolute;width:24px;height:2px;background:#fff;border-radius:2px;transition:.25s;content:""}
.burger span{left:10px;top:21px}
.burger span::before{left:0;top:-7px}
.burger span::after{left:0;top:7px}
.open .burger span{background:transparent}
.open .burger span::before{top:0;transform:rotate(45deg)}
.open .burger span::after{top:0;transform:rotate(-45deg)}
@media(max-width:900px){body{padding-left:0}
.rail{display:none}
.row,.row.rev{grid-template-columns:1fr;gap:30px}
.row.rev figure{order:0}
figure img{aspect-ratio:16/10}
.hero .ph{position:relative;width:100%;height:220px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);margin-top:-10px}
.hero .w{padding-bottom:44px}
.hero .tx{max-width:none}
.hero{display:flex;flex-direction:column}
.hero .ph{order:2}
.burger{display:block}
.logo{margin-right:auto}
header .btn{display:none}
nav{display:none;order:3;width:100%;flex-direction:column;gap:0;margin:0;padding:6px 0 14px}
.open nav{display:flex}
nav a{padding:14px 0;border-top:1px solid rgba(255,255,255,.12);border-bottom:0;font-size:.85rem}
.sec{padding:48px 0}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}
html{scroll-behavior:auto}}