:root{--ink:#142b31;--deep:#183d47;--deep2:#102f38;--gold:#d18a0d;--gold-light:#f0b84e;--paper:#f5f1e8;--white:#fff;--muted:#66777a;--line:rgba(20,43,49,.13);--gutter:clamp(22px,5vw,76px);--content:1440px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:"Outfit",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}main{min-height:calc(100vh - 64px)}
.hero{position:relative;min-height:720px;display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,470px);align-items:end;gap:clamp(38px,7vw,112px);padding:140px max(var(--gutter),calc((100vw - var(--content))/2)) clamp(58px,7vw,92px);color:var(--white);overflow:hidden}
.hero-image{position:absolute;inset:0;background:url("assets/img/hero-2025.jpg") center 46%/cover no-repeat;transform:scale(1.025)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,35,42,.96),rgba(14,47,55,.9) 42%,rgba(15,40,46,.56) 72%,rgba(8,25,29,.62)),linear-gradient(0deg,rgba(6,24,29,.72),transparent 45%)}
.topbar{position:absolute;z-index:2;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:24px max(var(--gutter),calc((100vw - var(--content))/2));border-bottom:1px solid rgba(255,255,255,.15);background:rgba(8,31,37,.18);backdrop-filter:blur(10px)}
.logo{width:clamp(170px,18vw,224px);filter:brightness(0) invert(1)}.top-phone{display:flex;align-items:center;gap:11px;padding:12px 17px;border:1px solid rgba(255,255,255,.28);border-radius:999px;font-weight:700;transition:.2s}.top-phone:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.5)}
.hero-content,.contact-card{position:relative;z-index:1}.status{display:inline-flex;align-items:center;gap:9px;margin-bottom:28px;padding:8px 13px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.08);font-size:.8rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.status span{width:8px;height:8px;border-radius:50%;background:#63d68a;box-shadow:0 0 0 5px rgba(99,214,138,.14)}
.eyebrow{margin:0 0 14px;color:var(--gold-light);font-size:.82rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}h1{max-width:880px;margin:0;font-size:clamp(3.2rem,6.6vw,7rem);font-weight:700;letter-spacing:-.055em;line-height:.92}.intro{max-width:690px;margin:28px 0 0;color:rgba(255,255,255,.77);font-size:clamp(1.05rem,1.45vw,1.3rem);line-height:1.6}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 22px;border-radius:9px;font-weight:750;transition:.2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--gold)}.primary:hover{background:#e09813}.secondary{border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.08)}.secondary:hover{background:rgba(255,255,255,.14)}
.contact-card{width:100%;max-width:470px;justify-self:end;padding:clamp(24px,3vw,36px);border:1px solid rgba(255,255,255,.19);border-radius:20px;background:rgba(244,247,246,.95);color:var(--ink);box-shadow:0 32px 90px rgba(0,0,0,.26);backdrop-filter:blur(18px)}.card-heading p{margin:0 0 5px;color:var(--gold);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.card-heading h2{margin:0;font-size:clamp(1.45rem,2vw,1.9rem);letter-spacing:-.03em}.contact-list{margin-top:24px;border-top:1px solid var(--line)}
.contact-item{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:13px;padding:17px 0;border-bottom:1px solid var(--line)}.icon{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:rgba(35,81,94,.1);color:var(--deep)}.contact-item small{display:block;margin-bottom:3px;color:var(--muted);font-size:.72rem;font-weight:650;text-transform:uppercase;letter-spacing:.06em}.contact-item strong{display:block;font-size:1rem;line-height:1.35;overflow-wrap:anywhere}.contact-item>.fa-arrow-up-right{color:var(--gold);font-size:.84rem;transition:.2s}.contact-item:hover>.fa-arrow-up-right{transform:translate(3px,-3px)}.address{align-items:start}.address .icon{margin-top:2px}.address strong{font-size:.9rem}
.essentials{display:grid;grid-template-columns:1.05fr .8fr;gap:clamp(34px,8vw,130px);width:min(100%,var(--content));margin:0 auto;padding:clamp(58px,8vw,105px) var(--gutter)}.essentials .eyebrow{color:var(--gold)}.essentials h2{max-width:720px;margin:0;font-size:clamp(2.1rem,4vw,4rem);line-height:1.04;letter-spacing:-.045em}.essentials-copy{align-self:end;max-width:610px;margin:0;color:var(--muted);font-size:1.08rem;line-height:1.7}
.segments{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,1fr);gap:1px;margin:0;padding:1px;list-style:none;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}.segments li{display:flex;align-items:center;justify-content:center;gap:11px;min-height:86px;padding:16px;background:#fbf9f4;font-weight:700}.segments i{color:var(--gold);font-size:1.1rem}
footer{display:flex;justify-content:space-between;gap:20px;padding:22px max(var(--gutter),calc((100vw - var(--content))/2));background:var(--deep2);color:rgba(255,255,255,.65);font-size:.86rem}:focus-visible{outline:3px solid var(--gold-light);outline-offset:4px}
@media(max-width:980px){.hero{grid-template-columns:1fr;padding-top:150px}.hero-content{max-width:800px}.contact-card{max-width:720px;justify-self:start}.essentials{grid-template-columns:1fr;gap:28px}.segments{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.topbar{padding-top:18px;padding-bottom:18px}.top-phone span{display:none}.top-phone{width:44px;height:44px;justify-content:center;padding:0}.hero{min-height:auto;padding-top:126px;gap:44px}h1{font-size:clamp(3rem,14vw,4.3rem)}.intro{font-size:1rem}.actions{display:grid}.button{width:100%}.contact-card{padding:23px 18px;border-radius:15px}.contact-item{grid-template-columns:38px 1fr auto;gap:10px}.icon{width:38px;height:38px}.contact-item strong{font-size:.93rem}.essentials h2{font-size:2.45rem}.segments{grid-template-columns:1fr 1fr}.segments li:last-child{grid-column:1/-1}footer{flex-direction:column;align-items:center;text-align:center}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
