:root { --dark:#061a14; --gold:#d6a53a; --gold-light:#e2b756; --cream:#f8f5ee; }
body { background:#f8f5ee; }
header { background:#061a14; border-bottom:1px solid rgba(255,255,255,.12); }
header nav { max-width:1280px; gap:28px; min-height:88px; }
header .logo-text,header .logo-mark { color:#f8f5ee; }
.nav-links { margin-left:auto; }
.nav-links a,.sign-in { color:#e2e8e0; font-size:13px; }
.nav-cta { border-radius:8px; background:#e2b756; color:#111816; }
.nav-toggle { display:none; }
.hero { background:radial-gradient(ellipse at 85% 50%,#17392c 0,transparent 60%),#061a14; padding:64px 0 76px; overflow:hidden; }
.hero-layout { display:grid; grid-template-columns:1.1fr 1fr; gap:60px; align-items:center; }
.hero-copy { position:relative; z-index:1; }
.hero .label { color:#cfb66f; font-size:10px; letter-spacing:2px; line-height:1.8; }
.hero h1 { font-family:'DM Sans',sans-serif; font-size:clamp(42px,4.9vw,70px); letter-spacing:-3px; line-height:1.08; font-weight:600; color:#fff; margin:24px 0; }
.hero h1 em { color:#e2b756; font-family:inherit; font-style:normal; font-weight:500; }
.hero .lede { color:#c1cec4; max-width:520px; font-size:17px; line-height:1.8; margin-bottom:30px; }
.hero .btn { border-radius:9px; padding:15px 22px; text-transform:none; letter-spacing:0; font-size:14px; }
.hero .btn-outline-dark { border-color:#617467; color:#f8f5ee; background:transparent; }
.trust-strip { display:flex; gap:20px; margin-top:38px; padding-top:25px; border-top:1px solid #30493c; flex-wrap:wrap; }
.trust-strip span { font-size:11px; color:#b5c5b9; }
.trust-strip span::before { content:'✓'; color:#e2b756; margin-right:7px; }
.hero-visual { position:relative; margin:0 22px; }
.hero-visual > img { display:block; width:100%; height:540px; object-fit:cover; object-position:center 37%; border-radius:120px 18px 18px 18px; border:1px solid #536043; }
.activity { position:absolute; display:flex; align-items:center; gap:12px; padding:14px 18px; border:1px solid rgba(224,201,134,.3); border-radius:12px; background:rgba(6,26,20,.9); backdrop-filter:blur(12px); box-shadow:0 12px 28px #0003; color:#fff; }
.activity small { display:block; font-size:8px; letter-spacing:1.4px; color:#b5c5b9; margin-bottom:5px; }
.activity strong { font-size:12px; font-weight:500; display:block; }
.activity-icon { color:#e2b756; font-size:20px; }
.activity-one { top:10%; left:-35px; }
.activity-two { top:35%; right:-30px; }
.activity-three { bottom:25%; left:-30px; }
.activity-four { bottom:7%; right:-24px; }
.visual-caption { display:block; text-align:right; color:#91a598; font-size:10px; margin-top:10px; }
.feature-card,.industry-card,.price-card,.contact-card,.faq-item { border-radius:14px; }
button:focus-visible,a:focus-visible { outline:3px solid #d6a53a; outline-offset:4px; }
@media(max-width:1000px) {
 header nav { gap:16px; } .nav-links { gap:16px; }
 .hero-layout { gap:24px; } .hero h1 { letter-spacing:-2px; }
 .hero-visual { margin:0 15px; } .hero-visual > img { height:490px; }
 .activity { padding:11px; } .activity strong { font-size:11px; }
}
@media(max-width:960px) {
 header nav { flex-wrap:wrap; min-height:74px; padding:16px 20px; gap:14px; }
 .logo-mark { margin-right:auto; } .sign-in { margin-left:auto; }
 .nav-toggle { display:block; border:1px solid #637266; color:#f8f5ee; background:transparent; border-radius:6px; padding:7px 11px; cursor:pointer; }
 header .nav-cta { display:none; }
 .nav-links { display:none; order:5; width:100%; margin:0; }
 .nav-links.is-open { display:flex; flex-wrap:wrap; padding:12px 0; gap:20px; }
 .hero { padding:42px 0; }
 .hero-layout { grid-template-columns:1fr; gap:36px; }
 .hero h1 { font-size:clamp(42px,10vw,60px); }
 .hero .lede { font-size:16px; }
 .hero-ctas { gap:10px; }
 .trust-strip { margin-top:28px; gap:12px; }
 .hero-visual { margin:0; display:grid; grid-template-columns:1fr 1fr; gap:10px; }
 .hero-visual > img { grid-column:1/-1; height:420px; border-radius:60px 16px 16px 16px; }
 .activity { position:static; box-shadow:none; gap:8px; padding:12px 9px; }
 .activity small { font-size:7px; letter-spacing:.7px; } .activity strong { font-size:11px; }
 .visual-caption { grid-column:1/-1; }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; } .reveal { opacity:1; transform:none; } }