@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');:root{--bg:#0a111d;--panel:#101d2c;--text:#f6f8fb;--muted:#a9b7c7;--accent:#72e1c0;--line:#294052}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.wrap{max-width:1160px;margin:auto;padding:0 24px}.nav{border-bottom:1px solid var(--line);background:#0a111de8;position:sticky;top:0;z-index:10;backdrop-filter:blur(16px)}.nav .wrap{display:flex;justify-content:space-between;align-items:center;min-height:76px;gap:20px}.brand{font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-.04em;font-size:23px}.brand span{color:var(--accent)}.links{display:flex;gap:24px;align-items:center;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#08141b;padding:13px 22px;border-radius:8px;font-weight:800;border:1px solid var(--accent);cursor:pointer}.btn.secondary{background:transparent;color:var(--text);border-color:#567084}.btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.hero{padding:112px 0 100px;background:radial-gradient(ellipse at 80% 0%,#1b4650 0%,transparent 48%)}.eyebrow{color:var(--accent);font-weight:800;text-transform:uppercase;letter-spacing:.16em;font-size:12px}.hero h1{font:800 clamp(42px,6vw,78px)/1.08 Manrope,sans-serif;letter-spacing:-.065em;max-width:930px;margin:18px 0 24px}.hero p,.lead{color:var(--muted);font-size:19px;max-width:670px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.section{padding:90px 0}.section.alt{background:#0d1826}.section h2{font:800 clamp(30px,4vw,48px)/1.16 Manrope,sans-serif;letter-spacing:-.05em;margin:12px 0 20px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:34px}.card{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:28px}.card h3{font:800 23px Manrope;margin:8px 0}.card p{color:var(--muted)}.tag{font-size:12px;color:var(--accent);font-weight:800;text-transform:uppercase;letter-spacing:.1em}.preview{height:180px;border-radius:9px;margin:-8px -8px 20px;display:flex;align-items:flex-end;padding:20px;font:800 29px Manrope;letter-spacing:-.05em}.outdoor{background:linear-gradient(135deg,#27483c,#a2a27a)}.craft{background:linear-gradient(135deg,#4c3527,#b18d64)}.auto{background:linear-gradient(135deg,#172635,#4a6d88)}.small{font-size:13px;color:var(--muted)}.footer{border-top:1px solid var(--line);padding:32px 0;color:var(--muted);font-size:14px}.footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.form{max-width:760px}.field{margin:20px 0}.field label{display:block;margin-bottom:8px;font-weight:700}.field input,.field textarea,.field select{width:100%;background:#0b1724;color:white;border:1px solid #456073;border-radius:8px;padding:14px}.field textarea{min-height:135px}.note{padding:16px;border:1px solid var(--line);border-radius:8px;color:var(--muted)}.check{color:var(--accent);font-weight:800}.concept-body{background:#f6f4ef;color:#172328}.concept-body .nav{background:#fff;color:#172328;border-color:#ddd}.concept-body .brand span{color:#2a7562}.concept-body .hero{background:#e8e9df}.concept-body .eyebrow{color:#2a7562}.concept-body .hero p{color:#52615e}.concept-body .btn{background:#213c34;border-color:#213c34;color:white}.concept-body .btn.secondary{background:transparent;color:#213c34}.concept-body .section.alt{background:#ecebe4}.concept-body .card{background:white;border-color:#d7d8d0}.concept-body .card p{color:#52615e}.concept-body .footer{border-color:#d7d8d0;color:#52615e}@media(max-width:760px){.links{gap:12px;font-size:12px}.links .desktop{display:none}.hero{padding:70px 0}.grid{grid-template-columns:1fr}.section{padding:64px 0}.nav .wrap{min-height:68px}}

/* Functional enhancements: mobile navigation, accessible focus states and request-form backup. */
:where(a, button, input, select, textarea, summary):focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.field-help{font-size:13px;color:var(--muted);margin:6px 0 0}
.form-actions{align-items:stretch;margin-top:28px}
.form-actions .btn{min-height:50px;text-align:center}
#form-status{min-height:25px;margin:16px 0 8px}
.copy-backup{margin:20px 0;padding:20px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}
.copy-backup[hidden]{display:none}
.copy-backup label{display:block;margin-bottom:12px}
.copy-backup label a{color:var(--accent);text-decoration:underline}
.copy-backup textarea{width:100%;min-height:170px;display:block;background:#07111c;color:#f6f8fb;border:1px solid #456073;border-radius:8px;padding:14px;margin-bottom:14px;resize:vertical}
.mobile-menu{display:none}
@media(max-width:760px){
  .links{margin-left:auto}
  .mobile-menu{display:block;position:relative;order:2}
  .mobile-menu summary{cursor:pointer;list-style:none;color:var(--text);font-weight:800;padding:12px;min-height:44px;min-width:60px;text-align:center;border:1px solid var(--line);border-radius:8px}
  .concept-body .mobile-menu summary{color:#172328}
  .mobile-menu summary::-webkit-details-marker{display:none}
  .mobile-menu-links{position:absolute;right:0;top:calc(100% + 10px);width:min(280px,85vw);background:#101d2c;border:1px solid #40596c;box-shadow:0 14px 30px #0005;border-radius:10px;overflow:hidden;z-index:20;color:white}
  .mobile-menu-links a{display:block;padding:13px 16px;border-bottom:1px solid #40596c}
  .mobile-menu-links a:last-child{border-bottom:0}
  .nav .wrap{gap:10px}
  .nav .links .btn{padding:10px 12px;font-size:12px;min-height:44px}
  .brand{font-size:19px}
  .form-actions .btn{width:100%}
}
@media(max-width:370px){.nav .links .btn{font-size:11px;padding:9px 8px}.brand{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn:hover{transform:none}}