:root { --shell-ink:#0b120d; --shell-mint:#c7f36b; --shell-line:rgba(255,255,255,.1); }
body { padding-top: 74px; }
.site-header { position:fixed; inset:0 0 auto; z-index:10000; background:rgba(11,18,13,.92); border-bottom:1px solid var(--shell-line); backdrop-filter:blur(18px); font-family:Manrope,Arial,sans-serif; }
.site-header *,.site-footer * { box-sizing:border-box; }
.site-header__inner { max-width:1280px; min-height:73px; margin:auto; padding:0 24px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.site-brand { display:flex; align-items:center; gap:11px; color:#fff!important; text-decoration:none!important; font-weight:800; }
.site-brand__mark { width:40px; height:40px; display:grid; place-items:center; border-radius:50%; color:var(--shell-ink); background:var(--shell-mint); }
.site-nav { display:flex; align-items:center; gap:20px; }
.site-nav a,.site-home summary { color:#cbd5e1!important; text-decoration:none!important; font-size:14px; font-weight:700; cursor:pointer; white-space:nowrap; }
.site-nav a:hover,.site-home summary:hover { color:#fff!important; }
.site-home { position:relative; }
.site-home summary { list-style:none; padding:25px 0; }
.site-home summary::-webkit-details-marker { display:none; }
.site-home__menu { position:absolute; top:62px; left:0; width:205px; padding:8px; border:1px solid var(--shell-line); border-radius:16px; background:#101a12; box-shadow:0 18px 50px rgba(0,0,0,.35); }
.site-home__menu a { display:block; padding:11px 13px; border-radius:10px; }
.site-home__menu a:hover { background:rgba(255,255,255,.08); }
.site-contact-link { padding:11px 18px!important; border-radius:999px; background:#fff; color:var(--shell-ink)!important; }
.site-menu-button { display:none; width:44px; height:44px; border:1px solid var(--shell-line); border-radius:12px; color:#fff; background:transparent; font-size:22px; }
.site-footer { margin-top:0; padding:76px 24px 30px; color:#cbd5e1; background:var(--shell-ink); font-family:Manrope,Arial,sans-serif; }
.site-footer__grid { max-width:1180px; margin:auto; display:grid; grid-template-columns:.85fr 1.15fr; gap:72px; }
.site-eyebrow { color:var(--shell-mint); font-size:12px; font-weight:800; letter-spacing:.18em; text-transform:uppercase; }
.site-footer h2 { margin:14px 0 18px; color:#fff; font-size:clamp(32px,4vw,52px); line-height:1.08; letter-spacing:-.04em; }
.site-footer p { color:#94a3b8; line-height:1.75; }
.site-contact-form { padding:30px; border:1px solid var(--shell-line); border-radius:26px; background:rgba(255,255,255,.05); }
.site-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.site-field--full { grid-column:1/-1; }
.site-contact-form label { display:block; margin-bottom:8px; color:#fff; font-size:14px; font-weight:700; }
.site-contact-form input,.site-contact-form textarea { width:100%; padding:13px 15px; border:1px solid rgba(255,255,255,.15); border-radius:12px; color:#fff; background:rgba(0,0,0,.22); font:inherit; }
.site-contact-form button { margin-top:20px; padding:14px 22px; border:0; border-radius:999px; color:var(--shell-ink); background:var(--shell-mint); font-weight:800; cursor:pointer; }
.site-contact-form button:disabled { cursor:wait; opacity:.65; }
.site-contact-form [data-form-status][data-state="success"] { color:var(--shell-mint); }
.site-contact-form [data-form-status][data-state="error"] { color:#fca5a5; }
.site-footer__bottom { max-width:1180px; margin:64px auto 0; padding-top:24px; display:flex; justify-content:space-between; border-top:1px solid var(--shell-line); color:#64748b; font-size:13px; }
@media(max-width:1050px){.site-menu-button{display:block}.site-nav{display:none;position:absolute;top:73px;left:0;right:0;padding:16px 24px 24px;align-items:stretch;flex-direction:column;background:#0b120d;border-bottom:1px solid var(--shell-line)}.site-nav.is-open{display:flex}.site-home summary{padding:8px 0}.site-home__menu{position:static;width:auto;margin-top:8px}.site-contact-link{text-align:center}.site-footer__grid{grid-template-columns:1fr;gap:40px}}
@media(max-width:600px){.site-form-grid{grid-template-columns:1fr}.site-field--full{grid-column:auto}.site-contact-form{padding:22px}.site-footer__bottom{flex-direction:column;gap:8px}}
