:root { --navy:#0c2437; --ink:#101820; --muted:#5c6670; --gold:#b9975b; --sand:#f7f3ec; --paper:#fffdf8; --line:#ded8cd; }
* { box-sizing: border-box; }
body { margin:0; font-family:Inter, sans-serif; color:var(--ink); background:var(--paper); line-height:1.55; }
a { color:inherit; text-decoration:none; }
.topbar{background:var(--navy);color:rgba(255,255,255,.82);font-size:13px;padding:8px 24px}
.topbar-inner,.nav-inner,.container{width:min(1160px,calc(100% - 40px));margin:0 auto}
.topbar-inner{display:flex;justify-content:space-between;gap:16px}
header{background:rgba(255,253,248,.95);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.nav-inner{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:flex;align-items:center}.brand-logo{height:88px;width:auto;display:block}
nav{display:flex;align-items:center;gap:30px;font-size:16px;font-weight:700}
.nav-cta,.button-primary,.button-secondary{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:700}
.nav-cta{background:var(--navy);color:white;padding:13px 22px}
.hero{background:linear-gradient(105deg,rgba(12,36,55,.94),rgba(12,36,55,.86) 50%,rgba(12,36,55,.18)),url('/assets/images/homepage-hero-main.jpg');background-size:cover;background-position:center 70%;color:white;padding:130px 0 112px;transition:padding .35s ease;background-size:cover}
body.scrolled .hero{padding:86px 0 74px;background-size:cover}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;align-items:start}
.eyebrow{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.11em;color:#f1d99f}
.eyebrow-gold{color:var(--gold)}
.muted-copy{color:var(--muted);font-size:17px;}
h1,h2,h3{margin:0;line-height:1.1;font-family:Inter,sans-serif}
h1{font-size:clamp(42px,6vw,76px)} h2{font-size:clamp(32px,4vw,52px);color:var(--navy)}
.hero p{max-width:620px;margin:22px 0 0;font-size:19px;color:rgba(255,255,255,.86)}
.hero-actions{display:flex;gap:14px;margin-top:34px}.button-primary{background:var(--gold);color:#17120a;padding:14px 22px;border:none;cursor:pointer}.button-secondary{color:white;border:1px solid rgba(255,255,255,.34);padding:13px 21px}
section{padding:78px 0}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:end;margin-bottom:34px}.section-heading p{margin:0;color:var(--muted);font-size:17px}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{background:white;border:1px solid var(--line);border-radius:22px;padding:28px}
.number{width:36px;height:36px;border-radius:50%;background:var(--sand);color:var(--gold);font-weight:800;display:grid;place-items:center;margin-bottom:26px}
.feature-band{background:var(--sand);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.split{display:grid;grid-template-columns:440px 1fr;gap:64px;align-items:center}.image-panel{min-height:420px;border-radius:28px;background:url('/assets/images/hero-grading.png') center/cover no-repeat}
.contact-wrap{background:var(--navy);color:white;border-radius:30px;padding:40px}.contact-wrap h2{color:white}.contact-intro{color:rgba(255,255,255,.85);margin:0 0 18px}.contact-form{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);border-radius:18px;padding:20px}.contact-form label{display:block;font-weight:600;margin-bottom:6px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:12px;border-radius:10px;border:1px solid #cfd5da;margin-bottom:12px;font:inherit}.contact-form textarea{min-height:130px}.contact-form button{margin-top:6px}
.form-note{margin:0 0 1rem}.error{color:#ffd2d2}.success{color:#ccf3d6}
footer{background:#081b2a;color:rgba(255,255,255,.75);padding:42px 0;margin-top:40px}
.footer-inner{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:start;font-size:14px;}
.footer-company{color:white;}
@media(max-width:900px){nav{display:none}.hero-grid,.section-heading,.split,.stock-strip{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.topbar{display:none}.hero{padding:76px 0;background-size:cover}body.scrolled .hero{padding:62px 0;background-size:cover}.service-grid{grid-template-columns:1fr}.brand-logo{height:72px}}