:root{--navy:#0f1c2a;--navy2:#17293b;--amber:#ffb000;--sand:#eceae4;--ink:#16202b;--mut:#5d6874}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{font:17px/1.65 'Barlow',system-ui,sans-serif;color:var(--ink);background:#fff;overflow-x:hidden}
h1,h2,h3{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:700;line-height:1.02;letter-spacing:.005em}
h1{font-size:clamp(2.8rem,7vw,5.4rem)}h2{font-size:clamp(2rem,4vw,3.1rem)}h3{font-size:1.6rem}
a{color:inherit}img{max-width:100%}
.wrap{width:min(1160px,92%);margin:auto}
.sec{padding:clamp(56px,8vw,104px) 0}.sand{background:var(--sand)}.dark{background:var(--navy);color:#fff}
.lead{max-width:62ch;color:var(--mut);margin-top:14px}.dark .lead{color:#b9c4cf}
:focus-visible{outline:3px solid var(--amber);outline-offset:3px}
header{position:sticky;top:0;z-index:50;background:rgba(15,28,42,.97);backdrop-filter:blur(8px)}
.bar{display:flex;align-items:center;justify-content:space-between;height:72px}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;font:700 1.35rem 'Barlow Condensed',sans-serif}
.mark{width:42px;height:46px;background:var(--amber);color:var(--navy);display:grid;place-items:center;font:700 1.3rem 'Barlow Condensed',sans-serif;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
nav{display:flex;gap:6px;align-items:center}
nav a{color:#d5dde5;text-decoration:none;padding:8px 14px;font-weight:500}
nav a:hover,nav a.on{color:var(--amber)}
nav a.cta{background:var(--amber);color:var(--navy);font-weight:700;margin-left:8px;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);padding:9px 22px}
.burger{display:none;background:none;border:0;color:#fff;font-size:1.8rem;cursor:pointer}
.btn{display:inline-block;background:var(--amber);color:var(--navy);font-weight:700;padding:14px 30px;text-decoration:none;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);transition:filter .2s}
.btn:hover{filter:brightness(1.08)}.btn.alt{background:#fff}
.hero{position:relative;background:linear-gradient(105deg,rgba(15,28,42,.96) 0 52%,rgba(15,28,42,.55)),url(images/hero.jpg) center/cover,var(--navy2);color:#fff;overflow:hidden}
.hero:before{content:"";position:absolute;right:-8%;top:0;bottom:0;width:38%;background:var(--amber);transform:skewX(-14deg);opacity:.95}
.hero:after{content:"";position:absolute;right:30%;top:0;bottom:0;width:26px;background:#fff;transform:skewX(-14deg);opacity:.9}
.hero .wrap{position:relative;z-index:2;padding:clamp(70px,11vw,140px) 0 clamp(70px,10vw,120px)}
.hero h1{max-width:12ch}.hero p{max-width:50ch;margin:22px 0 32px;color:#cfd8e1;font-size:1.15rem}
.hero .acts{display:flex;gap:14px;flex-wrap:wrap}
.hex{position:absolute;right:7%;top:50%;transform:translateY(-50%);z-index:2;display:grid;gap:10px}
.hex span{display:block;background:var(--navy);color:#fff;padding:14px 26px;font:700 1.35rem 'Barlow Condensed',sans-serif;clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%);text-align:center;min-width:210px}
.hex span:nth-child(2){margin-left:26px}.hex span:nth-child(3){margin-left:52px}.hex span:nth-child(4){margin-left:78px}
.grid{display:grid;gap:26px;margin-top:44px}.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:1fr 1fr}.g4{grid-template-columns:repeat(4,1fr)}
.card{background:#fff;padding:34px 30px;border-left:6px solid var(--amber)}
.card h3{margin-bottom:10px}.card p,.card li{color:var(--mut)}
.card ul{margin-top:14px;padding-left:20px}
.strip{background:var(--amber);color:var(--navy)}
.strip .wrap{display:flex;gap:30px;justify-content:space-between;flex-wrap:wrap;padding:22px 0;font:700 1.5rem 'Barlow Condensed',sans-serif}
.pt{border-top:3px solid var(--amber);padding-top:16px}.pt h3{color:#fff}.pt p{color:#b9c4cf;margin-top:6px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.ph{aspect-ratio:1;background:linear-gradient(135deg,var(--navy2),var(--navy));clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background-size:cover;background-position:center}
.pagehead{background:var(--navy);color:#fff;padding:clamp(56px,8vw,96px) 0;position:relative;overflow:hidden}
.pagehead:after{content:"";position:absolute;right:-60px;top:0;bottom:0;width:240px;background:var(--amber);transform:skewX(-14deg)}
.pagehead .wrap{position:relative;z-index:2}
.svc{display:grid;grid-template-columns:1fr 1.4fr;gap:48px;padding:48px 0;border-top:1px solid #d8d5cc}
.svc:first-of-type{border-top:0}.svc ul{padding-left:20px;color:var(--mut)}.svc li{margin-bottom:6px}
form{display:grid;gap:14px}input,textarea{font:inherit;padding:13px 14px;border:2px solid #cfd3d8;width:100%;background:#fff}
input:focus,textarea:focus{border-color:var(--amber);outline:0}
.info p{margin-bottom:18px}.info b{display:block;font:700 1.2rem 'Barlow Condensed',sans-serif}
.prose h2{font-size:1.9rem;margin:34px 0 8px}.prose p,.prose li{color:#3b4650;margin-bottom:10px}.prose ul{padding-left:22px}
footer{background:#0a141f;color:#aab6c2;padding:56px 0 24px}
.fg{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:40px}
footer h3{color:#fff;font-size:1.2rem;margin-bottom:12px}footer a{display:block;text-decoration:none;padding:3px 0}footer a:hover{color:var(--amber)}
.copy{border-top:1px solid #1d2b3a;margin-top:36px;padding-top:18px;font-size:.9rem}
.wa{position:fixed;right:20px;bottom:20px;z-index:60;width:62px;height:62px;border-radius:50%;background:#25d366;display:grid;place-items:center;box-shadow:0 6px 18px rgba(0,0,0,.3);transition:transform .2s}
.wa:hover{transform:scale(1.08)}.wa svg{width:34px;height:34px;fill:#fff}
.rv{opacity:0;transform:translateY(18px);transition:.6s}.rv.in{opacity:1;transform:none}
@media(max-width:900px){.g3,.g4,.g2,.split,.svc,.fg{grid-template-columns:1fr}.hex{display:none}.hero:before{width:22%}.hero:after{display:none}
.burger{display:block}nav{position:absolute;left:0;right:0;top:72px;background:var(--navy);flex-direction:column;align-items:stretch;padding:10px 4%;display:none}
nav.open{display:flex}nav a.cta{margin:8px 0;text-align:center}.ph{max-width:320px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}.rv{opacity:1;transform:none}html{scroll-behavior:auto}}
