*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
  :root { --bg:#06080f; --bg2:#0c0f1a; --text:#f0f2f8; --muted:#6b7280; --accent:#f0b530; --accent2:#f5c655; --border:rgba(255,255,255,0.08); --font-d:'Bebas Neue',sans-serif; --font-b:'DM Sans',sans-serif; }
  body { background:var(--bg); color:var(--text); font-family:var(--font-b); font-size:16px; line-height:1.6; overflow-x:hidden; }
  .page { display:none !important; }
  .page.active { display:block !important; }
  nav { position:fixed; top:0; left:0; right:0; z-index:1000; display:flex; align-items:center; justify-content:space-between; padding:0 48px; height:72px; background:rgba(6,8,15,0.92); backdrop-filter:blur(20px); border-bottom:1px solid var(--border); }
  .nav-logo { display:flex; align-items:center; text-decoration:none; cursor:pointer; }
  .nav-logo-img { height:52px; width:auto; display:block; }
  .nav-links { display:flex; gap:40px; list-style:none; }
  .nav-links a { font-size:12px; font-weight:500; letter-spacing:.14em; text-transform:uppercase; color:var(--muted); text-decoration:none; cursor:pointer; transition:color .2s; }
  .nav-links a:hover,.nav-links a.active { color:var(--text); }
  .nav-cta { font-size:12px; font-weight:500; letter-spacing:.1em; text-transform:uppercase; color:var(--bg); background:var(--accent); padding:10px 24px; text-decoration:none; cursor:pointer; transition:background .2s; }
  .nav-cta:hover { background:var(--accent2); }
  .nav-hamburger { display:none; flex-direction:column; gap:5px; cursor:pointer; background:none; border:none; padding:4px; }
  .nav-hamburger span { display:block; width:22px; height:1.5px; background:var(--text); transition:all .25s; }
  .mobile-nav { display:none; position:fixed; inset:0; top:72px; z-index:999; background:rgba(6,8,15,.97); backdrop-filter:blur(24px); flex-direction:column; align-items:flex-start; justify-content:center; padding:40px 28px; gap:8px; }
  .mobile-nav.open { display:flex !important; }
  .mobile-nav a { font-family:var(--font-d); font-size:42px; letter-spacing:.06em; color:var(--muted); text-decoration:none; line-height:1.1; transition:color .2s; padding:8px 0; border-bottom:1px solid var(--border); width:100%; cursor:pointer; }
  .mobile-nav a:hover,.mobile-nav a.active { color:var(--text); }
  .mobile-nav .mobile-nav-cta { margin-top:28px; font-family:var(--font-b); font-size:12px; font-weight:500; letter-spacing:.12em; text-transform:uppercase; color:var(--bg); background:var(--accent); padding:14px 32px; border:none; border-bottom:none; width:auto; }
  footer { padding:56px 48px; display:flex; align-items:center; justify-content:space-between; gap:24px; border-top:1px solid var(--border); }
  .footer-logo-link { display:inline-flex; align-items:center; text-decoration:none; cursor:pointer; }
  .footer-logo-img { height:40px; width:auto; display:block; opacity:0.65; transition:opacity .2s; }
  .footer-logo-link:hover .footer-logo-img { opacity:0.85; }
  .footer-copy { font-size:12px; color:rgba(107,114,128,.55); letter-spacing:.04em; }
  .footer-center { display:flex; flex-direction:column; align-items:center; gap:6px; text-align:center; }
  .footer-powered { font-size:10px; font-weight:600; letter-spacing:.2em; text-transform:uppercase; color:var(--muted); }
  .footer-powered strong { color:rgba(240,242,248,.75); font-weight:600; }
  .footer-powered a { text-decoration:none; }
  .footer-powered a strong { transition:color .2s; }
  .footer-powered a:hover strong { color:var(--accent); }
  @media(max-width:768px) { .footer-center { align-items:flex-start; text-align:left; } }
  .footer-socials { display:flex; gap:20px; align-items:center; }
  .footer-socials a { color:var(--muted); text-decoration:none; transition:color .2s,transform .2s; display:flex; align-items:center; }
  .footer-socials a:hover { color:var(--text); transform:translateY(-2px); }
  .social-icon { width:18px; height:18px; display:block; }
  .btn-primary { display:inline-flex; align-items:center; gap:10px; font-size:12px; font-weight:500; letter-spacing:.12em; text-transform:uppercase; color:var(--bg); background:var(--accent); padding:14px 32px; text-decoration:none; cursor:pointer; transition:background .2s,transform .15s; border:none; }
  .btn-primary:hover { background:var(--accent2); transform:translateY(-1px); }
  .btn-ghost { display:inline-flex; align-items:center; gap:10px; font-size:12px; font-weight:500; letter-spacing:.12em; text-transform:uppercase; color:var(--text); border:1px solid rgba(240,242,248,.22); padding:14px 32px; text-decoration:none; cursor:pointer; transition:border-color .2s,transform .15s; background:none; }
  .btn-ghost:hover { border-color:var(--text); transform:translateY(-1px); }
  .section-label { font-size:11px; font-weight:500; letter-spacing:.22em; text-transform:uppercase; color:var(--accent); margin-bottom:16px; display:flex; align-items:center; gap:12px; }
  .section-label::before { content:''; display:inline-block; width:24px; height:1px; background:var(--accent); }
  .section-title { font-family:var(--font-d); font-size:clamp(40px,5vw,70px); letter-spacing:.04em; line-height:.95; color:var(--text); }
  .reveal { opacity:0; transform:translateY(28px); transition:opacity .7s ease,transform .7s ease; }
  .reveal.visible { opacity:1; transform:none; }
  @media(max-width:768px) {
    nav { padding:0 28px; }
    .nav-links,.nav-cta { display:none; }
    .nav-hamburger { display:flex; }
    footer { padding:40px 28px; flex-direction:column; align-items:flex-start; gap:20px; }
  }

  *, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
  :root { --bg:#06080f; --bg2:#0c0f1a; --text:#f0f2f8; --muted:#6b7280; --accent:#f0b530; --accent2:#f5c655; --border:rgba(255,255,255,0.08); --font-d:'Bebas Neue',sans-serif; --font-b:'DM Sans',sans-serif; }
  body { background:var(--bg); color:var(--text); font-family:var(--font-b); font-size:16px; line-height:1.6; overflow-x:hidden; }
  nav { position:fixed; top:0; left:0; right:0; z-index:100; display:flex; align-items:center; justify-content:space-between; padding:0 48px; height:72px; background:rgba(6,8,15,0.88); backdrop-filter:blur(20px); border-bottom:1px solid var(--border); }
  .nav-logo { display:flex; align-items:center; text-decoration:none; }
  .nav-logo-img { height:52px; width:auto; display:block; }
  .nav-links { display:flex; gap:40px; list-style:none; }
  .nav-links a { font-size:12px; font-weight:500; letter-spacing:.14em; text-transform:uppercase; color:var(--muted); text-decoration:none; transition:color .2s; }
  .nav-links a:hover, .nav-links a.active { color:var(--text); }
  .nav-cta { font-size:12px; font-weight:500; letter-spacing:.1em; text-transform:uppercase; color:var(--bg); background:var(--accent); padding:10px 24px; text-decoration:none; transition:background .2s; }
  .nav-cta:hover { background:var(--accent2); }
  .nav-hamburger { display:none; flex-direction:column; gap:5px; cursor:pointer; background:none; border:none; padding:4px; }
  .nav-hamburger span { display:block; width:22px; height:1.5px; background:var(--text); transition:all .25s; }
  .mobile-nav { display:none; position:fixed; inset:0; top:72px; z-index:99; background:rgba(6,8,15,.97); backdrop-filter:blur(24px); flex-direction:column; align-items:flex-start; justify-content:center; padding:40px 28px; gap:8px; }
  .mobile-nav.open { display:flex; }
  .mobile-nav a { font-family:var(--font-d); font-size:42px; letter-spacing:.06em; color:var(--muted); text-decoration:none; line-height:1.1; transition:color .2s; padding:8px 0; border-bottom:1px solid var(--border); width:100%; }
  .mobile-nav a:hover, .mobile-nav a.active { color:var(--text); }
  .mobile-nav .mobile-nav-cta { margin-top:28px; font-family:var(--font-b); font-size:12px; font-weight:500; letter-spacing:.12em; text-transform:uppercase; color:var(--bg); background:var(--accent); padding:14px 32px; border:none; border-bottom:none; width:auto; }
  footer { padding:56px 48px; display:flex; align-items:center; justify-content:space-between; gap:24px; border-top:1px solid var(--border); }
  .footer-logo-link { display:inline-flex; align-items:center; text-decoration:none; }
  .footer-logo-img { height:40px; width:auto; display:block; opacity:0.65; transition:opacity .2s; }
  .footer-logo-link:hover .footer-logo-img { opacity:0.85; }
  .footer-copy { font-size:12px; color:rgba(107,114,128,.55); letter-spacing:.04em; }
  .footer-socials { display:flex; gap:20px; align-items:center; }
  .footer-socials a { color:var(--muted); text-decoration:none; transition:color .2s, transform .2s; display:flex; align-items:center; }
  .footer-socials a:hover { color:var(--text); transform:translateY(-2px); }
  .social-icon { width:18px; height:18px; display:block; }
  .btn-primary { display:inline-flex; align-items:center; gap:10px; font-size:12px; font-weight:500; letter-spacing:.12em; text-transform:uppercase; color:var(--bg); background:var(--accent); padding:14px 32px; text-decoration:none; transition:background .2s, transform .15s; }
  .btn-primary:hover { background:var(--accent2); transform:translateY(-1px); }
  .btn-ghost { display:inline-flex; align-items:center; gap:10px; font-size:12px; font-weight:500; letter-spacing:.12em; text-transform:uppercase; color:var(--text); border:1px solid rgba(240,242,248,.22); padding:14px 32px; text-decoration:none; transition:border-color .2s, transform .15s; }
  .btn-ghost:hover { border-color:var(--text); transform:translateY(-1px); }
  .section-label { font-size:11px; font-weight:500; letter-spacing:.22em; text-transform:uppercase; color:var(--accent); margin-bottom:16px; display:flex; align-items:center; gap:12px; }
  .section-label::before { content:''; display:inline-block; width:24px; height:1px; background:var(--accent); }
  .section-title { font-family:var(--font-d); font-size:clamp(40px,5vw,70px); letter-spacing:.04em; line-height:.95; color:var(--text); }
  .reveal { opacity:0; transform:translateY(28px); transition:opacity .7s ease, transform .7s ease; }
  .reveal.visible { opacity:1; transform:none; }
  @media(max-width:768px) {
    nav { padding:0 28px; }
    .nav-links, .nav-cta { display:none; }
    .nav-hamburger { display:flex; }
    footer { padding:40px 28px; flex-direction:column; align-items:flex-start; gap:20px; }
  }
  @media(max-width:480px) {
    footer { padding:40px 20px 36px; }
  }
  /* Hero */
  .hero { min-height:100vh; display:flex; flex-direction:column; justify-content:flex-end; padding:0 48px 80px; position:relative; overflow:hidden; }
  .hero-bg { position:absolute; inset:0; background:#06080f; }
  .hero-bg img { width:100%; height:100%; object-fit:cover; opacity:.55; filter:saturate(.85); transition:transform 8s ease; }
  .hero-bg img.loaded { transform:scale(1.04); }
  .hero-overlay { position:absolute; inset:0; background:linear-gradient(to top,rgba(6,8,15,.88) 0%,rgba(6,8,15,.3) 50%,rgba(6,8,15,.2) 100%); }
  .hero-content { position:relative; z-index:2; max-width:820px; }
  .hero-eyebrow { font-size:11px; font-weight:500; letter-spacing:.26em; text-transform:uppercase; color:var(--accent); margin-bottom:22px; display:flex; align-items:center; gap:12px; }
  .hero-eyebrow::before { content:''; width:32px; height:1px; background:var(--accent); display:inline-block; }
  .hero-title { font-family:var(--font-d); font-size:clamp(64px,10vw,140px); line-height:.87; letter-spacing:.02em; color:var(--text); margin-bottom:20px; }
  .hero-sub { font-family:var(--font-d); font-size:clamp(28px,4vw,50px); letter-spacing:.04em; color:rgba(240,242,248,.45); margin-bottom:36px; line-height:1; }
  .hero-body { font-size:16px; font-weight:300; color:rgba(240,242,248,.55); max-width:540px; line-height:1.85; margin-bottom:48px; }
  .hero-body strong { color:var(--text); font-weight:500; }
  .hero-actions { display:flex; gap:16px; flex-wrap:wrap; }
  .hero-scroll { position:absolute; bottom:40px; right:48px; z-index:3; display:flex; flex-direction:column; align-items:center; gap:10px; }
  .hero-scroll-line { width:1px; height:56px; background:linear-gradient(to bottom,var(--accent),transparent); }
  .hero-scroll-label { font-size:9px; letter-spacing:.24em; text-transform:uppercase; color:var(--muted); writing-mode:vertical-rl; }

  /* Stats strip */
  .stats-strip { background:rgba(6,8,15,.98); border-top:1px solid var(--border); border-bottom:1px solid var(--border); display:grid; grid-template-columns:repeat(4,1fr); }
  .stat-cell { padding:36px 40px; border-right:1px solid var(--border); }
  .stat-cell:last-child { border-right:none; }
  .stat-num { font-family:var(--font-d); font-size:clamp(36px,3.5vw,52px); letter-spacing:.04em; color:var(--accent); line-height:1; margin-bottom:6px; }
  .stat-label { font-size:10px; font-weight:500; letter-spacing:.18em; text-transform:uppercase; color:var(--muted); }

  /* Specs section */
  .specs-section { padding:120px 48px; display:grid; grid-template-columns:1fr 1fr; gap:100px; align-items:start; }
  .specs-left { position:sticky; top:100px; }
  .specs-left .section-label { margin-bottom:20px; }
  .specs-left-title { font-family:var(--font-d); font-size:clamp(38px,4vw,58px); letter-spacing:.04em; line-height:.95; color:var(--text); margin-bottom:28px; }
  .specs-left-divider { width:48px; height:1px; background:var(--accent); margin-bottom:28px; }
  .specs-left-body { font-size:15px; font-weight:300; color:rgba(240,242,248,.55); line-height:1.9; margin-bottom:32px; }
  .specs-table { display:grid; grid-template-columns:1fr 1fr; gap:0; background:var(--border); border:1px solid var(--border); }
  .spec-row { background:var(--bg2); padding:18px 20px; display:flex; flex-direction:column; gap:5px; border-bottom:1px solid var(--border); transition:background .2s; }
  .spec-row:hover { background:#0f1526; }
  .spec-row:nth-last-child(-n+2) { border-bottom:none; }
  .spec-key { font-size:9px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:var(--muted); }
  .spec-val { font-family:var(--font-d); font-size:20px; letter-spacing:.05em; color:var(--text); }
  .specs-right { display:flex; flex-direction:column; gap:0; }
  .blueprint-wrap { border:1px solid var(--border); overflow:hidden; margin-bottom:1px; }
  .blueprint-wrap img { width:100%; display:block; filter:brightness(.85); }
  .spec-cta { margin-top:32px; display:flex; gap:12px; }

  /* Social proof */
  .social-proof { background:var(--bg2); border-top:1px solid var(--border); border-bottom:1px solid var(--border); padding:100px 48px; display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; }
  .proof-left .section-label { margin-bottom:20px; }
  .proof-title { font-family:var(--font-d); font-size:clamp(36px,4vw,56px); letter-spacing:.04em; line-height:.95; color:var(--text); margin-bottom:24px; }
  .proof-body { font-size:15px; font-weight:300; color:rgba(240,242,248,.55); line-height:1.9; margin-bottom:32px; }
  .proof-right { position:relative; }
  .video-thumb { position:relative; cursor:pointer; overflow:hidden; }
  .video-thumb img { width:100%; display:block; filter:brightness(.7); transition:filter .3s, transform .4s; }
  .video-thumb:hover img { filter:brightness(.85); transform:scale(1.02); }
  .video-play { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; }
  .video-play-btn { width:72px; height:72px; border:2px solid var(--accent); display:flex; align-items:center; justify-content:center; transition:background .2s; }
  .video-thumb:hover .video-play-btn { background:rgba(240,181,48,.12); }
  .video-play-btn svg { fill:var(--accent); width:26px; height:26px; margin-left:4px; }
  .video-caption { margin-top:16px; font-size:12px; font-weight:500; letter-spacing:.12em; text-transform:uppercase; color:var(--muted); display:flex; align-items:center; gap:10px; }
  .video-caption::before { content:''; width:20px; height:1px; background:var(--muted); display:inline-block; }

  /* Gallery */
  .gallery-section { padding:100px 48px; }
  .gallery-header { margin-bottom:56px; display:flex; align-items:flex-end; justify-content:space-between; gap:32px; }
  .gallery-header-left .section-label { margin-bottom:16px; }
  .gallery-header-right { font-size:14px; font-weight:300; color:rgba(240,242,248,.45); max-width:280px; text-align:right; line-height:1.75; }
  .gallery-grid { display:grid; grid-template-columns:repeat(12,1fr); grid-template-rows:auto; gap:4px; }
  .gal-item { overflow:hidden; }
  .gal-item img { width:100%; height:100%; object-fit:cover; display:block; filter:brightness(.8) saturate(.9); transition:filter .4s, transform .5s; }
  .gal-item:hover img { filter:brightness(1) saturate(1.05); transform:scale(1.04); }
  .gal-1 { grid-column:span 7; height:420px; }
  .gal-2 { grid-column:span 5; height:420px; }
  .gal-3 { grid-column:span 4; height:300px; }
  .gal-4 { grid-column:span 4; height:300px; }
  .gal-5 { grid-column:span 4; height:300px; }
  .gallery-cta { margin-top:40px; text-align:center; }

  /* FAQ */
  .faq-section { padding:100px 48px; background:var(--bg2); border-top:1px solid var(--border); }
  .faq-header { margin-bottom:64px; display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:end; }
  .faq-header .section-label { margin-bottom:16px; }
  .faq-header-right { font-size:16px; font-weight:300; color:rgba(240,242,248,.5); line-height:1.85; }
  .faq-list { display:flex; flex-direction:column; gap:0; border-top:1px solid var(--border); }
  .faq-item { border-bottom:1px solid var(--border); }
  .faq-q { width:100%; background:none; border:none; color:var(--text); font-family:var(--font-b); font-size:16px; font-weight:500; text-align:left; padding:28px 0; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:24px; transition:color .2s; }
  .faq-q:hover { color:var(--accent); }
  .faq-icon { font-size:22px; color:var(--accent); flex-shrink:0; transition:transform .3s; font-weight:300; line-height:1; }
  .faq-item.open .faq-icon { transform:rotate(45deg); }
  .faq-a { max-height:0; overflow:hidden; transition:max-height .4s cubic-bezier(.4,0,.2,1); }
  .faq-a-inner { font-size:15px; font-weight:300; color:rgba(240,242,248,.6); line-height:1.9; padding-bottom:28px; max-width:760px; }
  .faq-item.open .faq-a { max-height:300px; }

  /* Contact section */
  .contact-section { padding:100px 48px; display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:start; }
  .contact-left .section-label { margin-bottom:20px; }
  .contact-title { font-family:var(--font-d); font-size:clamp(36px,4vw,60px); letter-spacing:.04em; line-height:.95; color:var(--text); margin-bottom:28px; }
  .contact-body { font-size:15px; font-weight:300; color:rgba(240,242,248,.55); line-height:1.9; margin-bottom:36px; }
  .contact-info { display:flex; flex-direction:column; gap:16px; }
  .contact-info-item { display:flex; align-items:flex-start; gap:16px; }
  .contact-info-icon { width:36px; height:36px; border:1px solid var(--border); display:flex; align-items:center; justify-content:center; flex-shrink:0; font-size:14px; }
  .contact-info-label { font-size:10px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color:var(--muted); margin-bottom:4px; }
  .contact-info-val { font-size:15px; font-weight:300; color:var(--text); }
  .contact-info-val a { color:var(--text); text-decoration:none; transition:color .2s; }
  .contact-info-val a:hover { color:var(--accent); }
  .contact-right {}
  .form-grid { display:flex; flex-direction:column; gap:16px; }
  .form-field { display:flex; flex-direction:column; gap:7px; }
  .form-field label { font-size:10px; font-weight:600; letter-spacing:.2em; text-transform:uppercase; color:var(--muted); }
  .form-field input, .form-field textarea, .form-field select { background:rgba(255,255,255,.04); border:1px solid var(--border); color:var(--text); font-family:var(--font-b); font-size:14px; font-weight:300; padding:13px 16px; outline:none; transition:border-color .2s; width:100%; }
  .form-field input:focus, .form-field textarea:focus { border-color:var(--accent); }
  .form-field textarea { resize:vertical; min-height:110px; }
  .form-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
  .form-check { display:flex; align-items:flex-start; gap:12px; font-size:13px; font-weight:300; color:var(--muted); line-height:1.5; }
  .form-check input[type=checkbox] { width:16px; height:16px; flex-shrink:0; margin-top:2px; accent-color:var(--accent); cursor:pointer; }
  .form-check a { color:var(--accent); }
  .form-submit button { font-size:11px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color:var(--bg); background:var(--accent); border:none; padding:15px 36px; cursor:pointer; transition:background .2s; width:100%; margin-top:8px; }
  .form-submit button:hover { background:var(--accent2); }

  @media(max-width:1024px) {
    .specs-section { grid-template-columns:1fr; gap:56px; }
    .specs-left { position:static; }
    .social-proof { grid-template-columns:1fr; gap:48px; }
    .contact-section { grid-template-columns:1fr; gap:56px; }
  }
  @media(max-width:768px) {
    .hero { padding:0 28px 72px; }
    .stats-strip { grid-template-columns:repeat(2,1fr); }
    .stat-cell:nth-child(2) { border-right:none; }
    .stat-cell:nth-child(3), .stat-cell:nth-child(4) { border-top:1px solid var(--border); }
    .specs-section, .gallery-section, .faq-section, .contact-section { padding:72px 28px; }
    .gallery-grid { grid-template-columns:1fr 1fr; }
    .gal-1,.gal-2,.gal-3,.gal-4,.gal-5 { grid-column:span 1; height:220px; }
    .faq-header { grid-template-columns:1fr; gap:20px; }
    .gallery-header { flex-direction:column; align-items:flex-start; }
    .gallery-header-right { text-align:left; }
  }
  @media(max-width:480px) {
    .specs-table { grid-template-columns:1fr; }
    .spec-row:nth-last-child(-n+2) { border-bottom:1px solid var(--border); }
    .spec-row:last-child { border-bottom:none; }
    .form-row { grid-template-columns:1fr; }
    .hero-actions { flex-direction:column; }
  }

  *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
  :root {
    --bg:     #06080f;
    --bg2:    #0c0f1a;
    --text:   #f0f2f8;
    --muted:  #6b7280;
    --accent: #f0b530;
    --accent2:#f5c655;
    --border: rgba(255,255,255,0.08);
    --font-d: 'Bebas Neue', sans-serif;
    --font-b: 'DM Sans', sans-serif;
  }
  html { scroll-behavior: smooth; }
  body { background:var(--bg); color:var(--text); font-family:var(--font-b); font-size:16px; line-height:1.6; overflow-x:hidden; }

  nav { position:fixed; top:0; left:0; right:0; z-index:100; display:flex; align-items:center; justify-content:space-between; padding:0 48px; height:72px; background:rgba(6,8,15,0.88); backdrop-filter:blur(20px); border-bottom:1px solid var(--border); }
  .nav-logo { font-family:var(--font-d); font-size:22px; letter-spacing:.12em; color:var(--text); text-decoration:none; }
  .nav-logo span { color:var(--accent); }
  .nav-links { display:flex; gap:40px; list-style:none; }
  .nav-links a { font-size:12px; font-weight:500; letter-spacing:.14em; text-transform:uppercase; color:var(--muted); text-decoration:none; transition:color .2s; }
  .nav-links a:hover, .nav-links a.active { color:var(--text); }
  .nav-cta { font-size:12px; font-weight:500; letter-spacing:.1em; text-transform:uppercase; color:var(--bg); background:var(--accent); padding:10px 24px; text-decoration:none; transition:background .2s; }
  .nav-cta:hover { background:var(--accent2); }

  .hero { min-height:100vh; display:flex; flex-direction:column; justify-content:flex-end; padding:180px 48px 80px; position:relative; overflow:hidden; }
  .hero-bg-fallback { position:absolute; inset:0; background:radial-gradient(ellipse 120% 80% at 60% 30%, #0e2a4a 0%, #071428 40%, #06080f 100%); }
  .hero-bg { position:absolute; inset:0; overflow:hidden; }
  .hero-slide { position:absolute; inset:0; background-image:url('/assets/img/image-01.webp'); background-size:cover; background-position:center 50%; animation:heroZoomSubtle 36s ease-in-out infinite alternate; will-change:transform; }
  @keyframes heroZoomSubtle { 0% { transform:scale(1.0); } 100% { transform:scale(1.03); } }
  .hero-bg::after, .hero-bg-fallback::after { content:''; position:absolute; inset:0; background:linear-gradient(to bottom, rgba(6,8,15,.25) 0%, rgba(6,8,15,.05) 35%, rgba(6,8,15,.65) 68%, rgba(6,8,15,.97) 100%); }
  .hero-content { position:relative; z-index:2; max-width:860px; }
  .hero-label { font-size:11px; font-weight:500; letter-spacing:.22em; text-transform:uppercase; color:var(--accent); margin-bottom:20px; display:flex; align-items:center; gap:12px; }
  .hero-label::before { content:''; display:inline-block; width:32px; height:1px; background:var(--accent); }
  .hero-title { font-family:var(--font-d); font-size:clamp(72px,10vw,140px); line-height:.9; letter-spacing:.02em; color:var(--text); margin-bottom:32px; }
  .hero-title em { font-style:normal; color:transparent; -webkit-text-stroke:1px rgba(240,242,248,.3); }
  .hero-sub { font-size:16px; font-weight:300; color:rgba(240,242,248,.6); max-width:480px; line-height:1.75; margin-bottom:44px; }
  .hero-actions { display:flex; align-items:center; gap:24px; }
  .btn-primary { display:inline-flex; align-items:center; gap:10px; font-size:12px; font-weight:500; letter-spacing:.12em; text-transform:uppercase; color:var(--bg); background:var(--accent); padding:14px 32px; text-decoration:none; transition:background .2s, transform .15s; }
  .btn-primary:hover { background:var(--accent2); transform:translateY(-1px); }
  .btn-ghost { display:inline-flex; align-items:center; gap:10px; font-size:12px; font-weight:500; letter-spacing:.12em; text-transform:uppercase; color:var(--text); border:1px solid rgba(240,242,248,.22); padding:14px 32px; text-decoration:none; transition:border-color .2s, transform .15s; }
  .btn-ghost:hover { border-color:rgba(240,242,248,.55); transform:translateY(-1px); }

  .model-strip { position:relative; z-index:3; background:rgba(6,8,15,.97); display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--border); }
  .model-strip .strip-item:nth-child(3n){ border-right:none; }
  .model-strip .strip-item:nth-child(n+4){ border-top:1px solid var(--border); }
  .strip-item { display:flex; flex-direction:column; border-right:1px solid var(--border); overflow:hidden; text-decoration:none; cursor:pointer; }
  .strip-item:last-child { border-right:none; }
  .strip-thumb { height:240px; overflow:hidden; position:relative; }
  .strip-fallback { position:absolute; inset:0; z-index:0; }
  .sf-1 { background:radial-gradient(ellipse 160% 120% at 70% 40%, #0d2a45 0%, #06111f 100%); }
  .sf-2 { background:radial-gradient(ellipse 160% 120% at 30% 60%, #1a1a0a 0%, #0a0800 100%); }
  .sf-3 { background:radial-gradient(ellipse 160% 120% at 60% 30%, #0a1a28 0%, #06080f 100%); }
  .sf-4 { background:radial-gradient(ellipse 160% 120% at 40% 50%, #1c0c00 0%, #0a0500 100%); }
  .strip-img-wrap { position:absolute; inset:0; z-index:1; }
  .strip-img-wrap img { width:100%; height:100%; object-fit:cover; filter:brightness(.65) saturate(.85); transition:transform .6s ease, filter .4s; }
  .strip-item:hover .strip-img-wrap img { transform:scale(1.07); filter:brightness(.8) saturate(1.05); }
  .strip-img-wrap img.err { opacity:0; }
  .strip-info { padding:20px 24px; flex:1; border-top:2px solid transparent; transition:border-color .2s; }
  .strip-item:hover .strip-info { border-top-color:var(--accent); }
  .strip-num { font-size:11px; letter-spacing:.18em; color:var(--muted); margin-bottom:6px; }
  .strip-name { font-family:var(--font-d); font-size:22px; letter-spacing:.06em; color:var(--text); line-height:1; }
  .strip-desc { font-size:12px; font-weight:300; color:var(--muted); margin-top:8px; line-height:1.5; }

  .section-header { padding:100px 48px 60px; display:flex; align-items:flex-end; justify-content:space-between; gap:40px; }
  .section-label { font-size:11px; font-weight:500; letter-spacing:.22em; text-transform:uppercase; color:var(--accent); margin-bottom:16px; display:flex; align-items:center; gap:12px; }
  .section-label::before { content:''; display:inline-block; width:24px; height:1px; background:var(--accent); }
  .section-title { font-family:var(--font-d); font-size:clamp(40px,5vw,70px); letter-spacing:.04em; line-height:.95; color:var(--text); }
  .section-note { font-size:14px; font-weight:300; color:var(--muted); max-width:300px; text-align:right; line-height:1.75; }

  .models-list { padding:0 48px 120px; display:flex; flex-direction:column; gap:2px; }
  .model-card { display:grid; grid-template-columns:1fr 1fr; min-height:560px; overflow:hidden; }
  .model-card:nth-child(even) { direction:rtl; }
  .model-card:nth-child(even) > * { direction:ltr; }

  .model-img { position:relative; overflow:hidden; }
  .model-img-bg { position:absolute; inset:0; z-index:0; }
  .model-img-bg::after { content:''; position:absolute; inset:0; background-image:repeating-linear-gradient(-30deg, transparent, transparent 60px, rgba(255,255,255,.012) 60px, rgba(255,255,255,.012) 61px); }
  .mib-1 { background:radial-gradient(ellipse 140% 120% at 65% 35%, #102d4a 0%, #071828 50%, #040b15 100%); }
  .mib-2 { background:radial-gradient(ellipse 140% 120% at 35% 55%, #1e1505 0%, #0d0900 50%, #040302 100%); }
  .mib-3 { background:radial-gradient(ellipse 140% 120% at 60% 25%, #091f33 0%, #050d18 50%, #030608 100%); }
  .mib-4 { background:radial-gradient(ellipse 140% 120% at 45% 55%, #231000 0%, #100800 50%, #050200 100%); }
  .model-silhouette { position:absolute; bottom:0; left:0; right:0; z-index:1; height:55%; display:flex; align-items:flex-end; justify-content:center; opacity:.08; overflow:hidden; pointer-events:none; }
  .model-silhouette svg { width:100%; height:auto; fill:var(--text); }
  .model-img-photo { position:absolute; inset:0; z-index:2; }
  .model-img-photo img { width:100%; height:100%; object-fit:cover; filter:brightness(.88) saturate(.92); transition:transform .8s cubic-bezier(.25,.46,.45,.94), filter .5s; }
  .model-card:hover .model-img-photo img { transform:scale(1.04); filter:brightness(.98) saturate(1.08); }
  .model-img-photo img.err { opacity:0; }
  .model-img-overlay { position:absolute; inset:0; z-index:3; background:linear-gradient(135deg, rgba(6,8,15,.12) 0%, transparent 55%); pointer-events:none; }
  .model-badge { position:absolute; top:28px; left:28px; z-index:4; font-size:10px; font-weight:500; letter-spacing:.2em; text-transform:uppercase; color:var(--accent); background:rgba(6,8,15,.82); border:1px solid rgba(240,181,48,.4); padding:6px 14px; }

  .model-content { background:var(--bg2); padding:60px 64px; display:flex; flex-direction:column; justify-content:center; position:relative; }
  .model-content::before { content:''; position:absolute; top:0; left:0; width:2px; height:0; background:var(--accent); transition:height .5s ease; }
  .model-card:hover .model-content::before { height:100%; }
  .model-number { position:absolute; top:20px; right:30px; pointer-events:none; user-select:none; }
  .model-number-img { width:300px; height:auto; opacity:0.10; transition:opacity .4s; display:block; }
  .model-card:hover .model-number-img { opacity:0.18; }

  .model-tag { font-size:11px; font-weight:500; letter-spacing:.2em; text-transform:uppercase; color:var(--accent); margin-bottom:20px; }
  .model-name { font-family:var(--font-d); font-size:clamp(44px,4.5vw,68px); letter-spacing:.04em; line-height:.95; color:var(--text); margin-bottom:28px; }
  .model-divider { width:48px; height:1px; background:var(--accent); margin-bottom:28px; transition:width .4s ease; }
  .model-tagline { font-family:var(--font-d); font-size:19px; letter-spacing:.02em; color:var(--accent); margin-bottom:14px; line-height:1.15; }
  .model-card:hover .model-divider { width:80px; }
  .model-desc { font-size:15px; font-weight:300; color:rgba(240,242,248,.58); line-height:1.75; max-width:380px; margin-bottom:40px; }
  .model-specs { display:flex; gap:32px; margin-bottom:44px; }
  .spec-label { font-size:10px; font-weight:500; letter-spacing:.18em; text-transform:uppercase; color:var(--muted); margin-bottom:4px; }
  .spec-val { font-family:var(--font-d); font-size:24px; letter-spacing:.06em; color:var(--text); }
  .model-link { display:inline-flex; align-items:center; gap:12px; font-size:12px; font-weight:500; letter-spacing:.14em; text-transform:uppercase; color:var(--accent); text-decoration:none; transition:gap .2s; }
  .model-link:hover { gap:20px; }
  .model-link::after { content:'→'; font-size:14px; }

  .cta-band { background:var(--bg2); border-top:1px solid var(--border); border-bottom:1px solid var(--border); padding:100px 48px; display:grid; grid-template-columns:1fr auto; align-items:center; gap:60px; }
  .cta-title { font-family:var(--font-d); font-size:clamp(36px,4vw,58px); letter-spacing:.04em; line-height:1; color:var(--text); margin-bottom:16px; }
  .cta-sub { font-size:15px; font-weight:300; color:var(--muted); max-width:480px; line-height:1.75; }

  footer { padding:56px 48px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
  .footer-logo { font-family:var(--font-d); font-size:18px; letter-spacing:.14em; color:var(--muted); }
  .footer-logo span { color:var(--accent); }
  .footer-copy { font-size:12px; color:rgba(107,114,128,.55); letter-spacing:.04em; }
  .footer-socials { display:flex; gap:20px; align-items:center; }
  .footer-socials a { color:var(--muted); text-decoration:none; transition:color .2s, transform .2s; display:flex; align-items:center; }
  .footer-socials a:hover { color:var(--text); transform:translateY(-2px); }
  .social-icon { width:18px; height:18px; display:block; }

  
  .nav-hamburger { display:none; flex-direction:column; gap:5px; cursor:pointer; background:none; border:none; padding:4px; }
  .nav-hamburger span { display:block; width:22px; height:1.5px; background:var(--text); transition:all .25s; }
  .mobile-nav { display:none; position:fixed; inset:0; top:64px; z-index:99; background:rgba(6,8,15,.97); backdrop-filter:blur(24px); flex-direction:column; align-items:flex-start; justify-content:center; padding:40px 28px; gap:8px; }
  .mobile-nav.open { display:flex; }
  .mobile-nav a { font-family:var(--font-d); font-size:42px; letter-spacing:.06em; color:var(--muted); text-decoration:none; line-height:1.1; transition:color .2s; padding:8px 0; border-bottom:1px solid var(--border); width:100%; }
  .mobile-nav a:hover, .mobile-nav a.active { color:var(--text); }
  .mobile-nav .mobile-nav-cta { margin-top:28px; font-family:var(--font-b); font-size:12px; font-weight:500; letter-spacing:.12em; text-transform:uppercase; color:var(--bg); background:var(--accent); padding:14px 32px; border:none; border-bottom:none; width:auto; }
  @media(min-width:769px){ .nav-hamburger { display:none !important; } .mobile-nav { display:none !important; } }
  @media(max-width:768px){ .nav-hamburger { display:flex; } }
  .reveal { opacity:0; transform:translateY(28px); transition:opacity .7s ease, transform .7s ease; }
  .reveal.visible { opacity:1; transform:translateY(0); }

  @media(max-width:1024px){
    nav { padding:0 28px; }
    .hero { padding:160px 28px 72px; }
    .model-strip { grid-template-columns:repeat(2,1fr); }
    .strip-thumb { height:210px; }
    .model-strip .strip-item:nth-child(3n){ border-right:1px solid var(--border); }
    .model-strip .strip-item:nth-child(2n){ border-right:none; }
    .model-strip .strip-item:nth-child(n+3){ border-top:1px solid var(--border); }
    .models-list { padding:0 28px 80px; }
    .section-header { padding:80px 28px 48px; flex-direction:column; align-items:flex-start; gap:20px; }
    .section-note { text-align:left; max-width:100%; }
    .model-card { grid-template-columns:1fr 1fr; min-height:480px; }
    .model-content { padding:48px 44px; }
    .cta-band { padding:80px 28px; grid-template-columns:1fr; gap:32px; }
    footer { padding:40px 28px; flex-direction:column; align-items:flex-start; gap:20px; }
  }

  @media(max-width:768px){
    nav { padding:0 20px; height:64px; }
    .nav-links { display:none; }
    #navCta { display:none; }
    .nav-cta { padding:8px 18px; font-size:11px; }

    .hero { padding:140px 20px 52px; min-height:100svh; }
    .hero-title { font-size:clamp(52px,14vw,72px); margin-bottom:24px; }
    .hero-sub { font-size:14px; margin-bottom:36px; max-width:100%; }
    .hero-actions { flex-direction:column; align-items:flex-start; gap:12px; }
    .btn-primary, .btn-ghost { padding:13px 28px; width:100%; justify-content:center; }

    .model-strip { grid-template-columns:1fr 1fr; }
    .model-strip .strip-item:nth-child(3n){ border-right:1px solid var(--border); }
    .model-strip .strip-item:nth-child(2n){ border-right:none; }
    .model-strip .strip-item:nth-child(n+3){ border-top:1px solid var(--border); }
    .strip-thumb { height:170px; }
    .strip-info { padding:16px 18px; }
    .strip-num-logo { width:170px; }
    .strip-name { font-size:18px; }
    .strip-desc { display:none; }

    .section-header { padding:60px 20px 36px; gap:16px; }
    .section-title { font-size:clamp(36px,10vw,52px); }
    .section-note { display:none; }

    .models-list { padding:0 0 64px; gap:2px; }

    .model-card { grid-template-columns:1fr; min-height:auto; direction:ltr !important; }
    .model-card:nth-child(even) > * { direction:ltr; }

    .model-img { height:260px; }
    .model-silhouette { height:65%; }

    .model-content { padding:36px 20px 40px; }
    .model-content::before { display:none; }
    .model-number { display:none; }
    .model-tag { font-size:10px; margin-bottom:14px; }
    .model-name { font-size:clamp(40px,10vw,56px); margin-bottom:20px; }
    .model-divider { margin-bottom:20px; }
    .model-desc { font-size:14px; margin-bottom:32px; max-width:100%; }
    .model-specs { gap:24px; margin-bottom:36px; flex-wrap:wrap; }
    .spec-val { font-size:20px; }
    .model-badge { top:16px; left:16px; padding:5px 10px; font-size:9px; }

    .cta-band { padding:56px 20px; gap:28px; grid-template-columns:1fr; }
    .cta-title { font-size:clamp(30px,8vw,44px); }
    .cta-sub { font-size:14px; }
    .cta-band .btn-primary { width:100%; justify-content:center; padding:14px 28px; }

    footer { padding:40px 20px 36px; flex-direction:column; align-items:flex-start; gap:20px; }
    .footer-copy { order:3; }
    .footer-socials { flex-wrap:wrap; gap:16px; }
  }

  @media(max-width:390px){
    .hero-title { font-size:52px; }
    .strip-name { font-size:15px; }
  }

  /* Logo image styles */
  .nav-logo { display:flex; align-items:center; }
  .nav-logo-img { height:52px; width:auto; display:block; }
  .footer-logo-link { display:inline-flex; align-items:center; text-decoration:none; }
  .footer-logo-img { height:40px; width:auto; display:block; opacity:0.65; transition:opacity .2s; }
  .footer-logo-link:hover .footer-logo-img { opacity:0.85; }


  /* Specs dropdown */
  .specs-toggle { display:inline-flex; align-items:center; gap:10px; font-size:11px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color:var(--bg); background:var(--accent); border:none; cursor:pointer; padding:13px 28px; transition:background .2s, gap .2s; }
  .specs-toggle:hover { background:#d4a800; }
  .specs-toggle .toggle-arrow { font-size:13px; transition:transform .3s; display:inline-block; }
  .specs-toggle.open .toggle-arrow { transform:rotate(90deg); }
  .specs-panel { max-height:0; overflow:hidden; transition:max-height .45s cubic-bezier(.4,0,.2,1), opacity .3s; opacity:0; }
  .specs-panel.open { max-height:600px; opacity:1; }

  /* Full model description (expandable) */
  .model-desc.has-story { margin-bottom:20px; }
  .story-toggle { display:inline-flex; align-items:center; gap:9px; font-family:var(--font-b); font-size:11px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color:var(--accent); background:none; border:none; border-bottom:1px solid rgba(240,181,48,.35); padding:0 0 7px; margin:0 0 30px; cursor:pointer; transition:color .2s, border-color .2s; }
  .story-toggle:hover { color:var(--accent2); border-color:var(--accent2); }
  .story-toggle .story-arrow { font-size:13px; display:inline-block; transition:transform .3s; }
  .story-toggle.open .story-arrow { transform:rotate(90deg); }
  .model-story { max-height:0; overflow:hidden; opacity:0; transition:max-height .6s cubic-bezier(.4,0,.2,1), opacity .35s; }
  .model-story.open { max-height:3000px; opacity:1; }
  .model-story-inner { border-left:1px solid rgba(240,181,48,.28); padding:2px 0 2px 24px; margin:0 0 38px; max-width:540px; }
  .model-story-inner p { font-size:15px; font-weight:300; line-height:1.85; color:rgba(240,242,248,.62); margin-bottom:18px; }
  .model-story-inner p strong { color:var(--text); font-weight:500; }
  .model-story-inner p.story-lead { color:rgba(240,242,248,.9); font-size:16px; margin-top:26px; }
  .story-manifesto { list-style:none; margin:24px 0 0; padding:0; }
  .story-manifesto li { font-family:var(--font-b); font-size:11px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color:var(--accent); padding:11px 0; border-top:1px solid var(--border); }
  .story-manifesto li:last-child { border-bottom:1px solid var(--border); }
  @media(max-width:768px){
    .model-story-inner { padding-left:16px; }
    .model-story-inner p { font-size:14px; line-height:1.8; }
    .model-story-inner p.story-lead { font-size:15px; }
  }
  /* Model tabs + galleries */
  .model-tabs { display:flex; gap:8px; flex-wrap:wrap; margin-top:4px; }
  .model-tab { display:inline-flex; align-items:center; gap:9px; font-family:var(--font-b); font-size:11px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color:var(--text); background:none; border:1px solid rgba(240,242,248,.22); padding:13px 24px; cursor:pointer; transition:border-color .2s, color .2s, background .2s; }
  .model-tab:hover { border-color:var(--text); }
  .model-tab.active { background:var(--accent); border-color:var(--accent); color:var(--bg); }
  .model-tab .tab-arrow { font-size:13px; display:inline-block; transition:transform .3s; }
  .model-tab.active .tab-arrow { transform:rotate(90deg); }
  .gallery-panel { max-height:0; overflow:hidden; opacity:0; transition:max-height .45s cubic-bezier(.4,0,.2,1), opacity .3s; }
  .gallery-panel.open { max-height:1800px; opacity:1; }
  .gallery-panel-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:4px; padding-top:24px; }
  .gal-thumb { overflow:hidden; background:var(--bg2); border:1px solid var(--border); cursor:zoom-in; padding:0; display:block; }
  .gal-thumb img { width:100%; height:190px; object-fit:cover; display:block; filter:brightness(.82) saturate(.95); transition:filter .35s, transform .5s; }
  .gal-thumb:hover img { filter:brightness(1) saturate(1.05); transform:scale(1.05); }
  .gallery-empty { padding:28px 0 4px; font-size:13px; font-weight:300; color:rgba(240,242,248,.4); letter-spacing:.04em; }
  /* Video tab */
  .video-wrap { padding-top:24px; }
  .video-facade { position:relative; width:100%; aspect-ratio:16/9; overflow:hidden; cursor:pointer; border:1px solid var(--border); background:var(--bg2); padding:0; display:block; }
  .video-facade img { width:100%; height:100%; object-fit:cover; display:block; filter:brightness(.72) saturate(.95); transition:filter .35s, transform .5s; }
  .video-facade:hover img { filter:brightness(.9) saturate(1.05); transform:scale(1.03); }
  .video-facade-play { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; pointer-events:none; }
  .video-facade-btn { width:76px; height:76px; border:2px solid var(--accent); display:flex; align-items:center; justify-content:center; background:rgba(6,8,15,.35); transition:background .25s; }
  .video-facade:hover .video-facade-btn { background:rgba(240,181,48,.16); }
  .video-facade-btn svg { fill:var(--accent); width:26px; height:26px; margin-left:4px; }
  .video-facade-label { position:absolute; left:0; bottom:0; padding:16px 20px; font-size:11px; font-weight:600; letter-spacing:.2em; text-transform:uppercase; color:var(--text); pointer-events:none; }
  .video-wrap iframe { width:100%; aspect-ratio:16/9; border:1px solid var(--border); display:block; }
  .video-note { margin-top:12px; font-size:12px; font-weight:300; color:rgba(240,242,248,.4); }
  /* Lightbox */
  .lightbox { display:none; position:fixed; inset:0; z-index:5000; background:rgba(4,6,11,.96); align-items:center; justify-content:center; }
  .lightbox.open { display:flex; }
  .lightbox img { max-width:90vw; max-height:86vh; display:block; }
  .lb-close { position:absolute; top:22px; right:28px; background:none; border:none; color:var(--text); font-size:32px; line-height:1; cursor:pointer; opacity:.7; transition:opacity .2s; font-family:var(--font-b); font-weight:300; }
  .lb-close:hover { opacity:1; }
  .lb-nav { position:absolute; top:50%; transform:translateY(-50%); background:none; border:1px solid rgba(240,242,248,.22); color:var(--text); width:52px; height:52px; font-size:20px; cursor:pointer; transition:border-color .2s, background .2s; }
  .lb-nav:hover { border-color:var(--accent); background:rgba(240,181,48,.1); }
  .lb-prev { left:28px; }
  .lb-next { right:28px; }
  .lb-count { position:absolute; bottom:26px; left:50%; transform:translateX(-50%); font-size:11px; letter-spacing:.2em; color:var(--muted); }
  @media(max-width:768px) {
    .gallery-panel-grid { grid-template-columns:repeat(2,1fr); }
    .gal-thumb img { height:150px; }
    .model-tab { padding:12px 18px; font-size:10px; letter-spacing:.14em; }
    .lb-nav { width:42px; height:42px; }
    .lb-prev { left:10px; } .lb-next { right:10px; }
  }
  .specs-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:0; border-top:1px solid var(--border); margin-top:24px; }
  .spec-item { padding:20px 26px 18px; border-right:1px solid var(--border); border-bottom:1px solid var(--border); }
  .spec-item:nth-child(3n+1) { padding-left:0; }
  .spec-item:nth-child(3n) { border-right:none; }
  .spec-item:nth-last-child(-n+3) { border-bottom:none; }
  .spec-item-label { font-size:9px; font-weight:600; letter-spacing:.2em; text-transform:uppercase; color:var(--muted); margin-bottom:5px; }
  .spec-item-val { font-family:var(--font-d); font-size:16px; letter-spacing:.04em; color:var(--text); }


  *, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
  :root { --bg:#06080f; --bg2:#0c0f1a; --text:#f0f2f8; --muted:#6b7280; --accent:#f0b530; --accent2:#f5c655; --border:rgba(255,255,255,0.08); --font-d:'Bebas Neue',sans-serif; --font-b:'DM Sans',sans-serif; }
  body { background:var(--bg); color:var(--text); font-family:var(--font-b); font-size:16px; line-height:1.6; overflow-x:hidden; }
  nav { position:fixed; top:0; left:0; right:0; z-index:100; display:flex; align-items:center; justify-content:space-between; padding:0 48px; height:72px; background:rgba(6,8,15,0.88); backdrop-filter:blur(20px); border-bottom:1px solid var(--border); }
  .nav-logo { display:flex; align-items:center; text-decoration:none; }
  .nav-logo-img { height:52px; width:auto; display:block; }
  .nav-links { display:flex; gap:40px; list-style:none; }
  .nav-links a { font-size:12px; font-weight:500; letter-spacing:.14em; text-transform:uppercase; color:var(--muted); text-decoration:none; transition:color .2s; }
  .nav-links a:hover, .nav-links a.active { color:var(--text); }
  .nav-cta { font-size:12px; font-weight:500; letter-spacing:.1em; text-transform:uppercase; color:var(--bg); background:var(--accent); padding:10px 24px; text-decoration:none; transition:background .2s; }
  .nav-cta:hover { background:var(--accent2); }
  .nav-hamburger { display:none; flex-direction:column; gap:5px; cursor:pointer; background:none; border:none; padding:4px; }
  .nav-hamburger span { display:block; width:22px; height:1.5px; background:var(--text); transition:all .25s; }
  .mobile-nav { display:none; position:fixed; inset:0; top:72px; z-index:99; background:rgba(6,8,15,.97); backdrop-filter:blur(24px); flex-direction:column; align-items:flex-start; justify-content:center; padding:40px 28px; gap:8px; }
  .mobile-nav.open { display:flex; }
  .mobile-nav a { font-family:var(--font-d); font-size:42px; letter-spacing:.06em; color:var(--muted); text-decoration:none; line-height:1.1; transition:color .2s; padding:8px 0; border-bottom:1px solid var(--border); width:100%; }
  .mobile-nav a:hover, .mobile-nav a.active { color:var(--text); }
  .mobile-nav .mobile-nav-cta { margin-top:28px; font-family:var(--font-b); font-size:12px; font-weight:500; letter-spacing:.12em; text-transform:uppercase; color:var(--bg); background:var(--accent); padding:14px 32px; border:none; border-bottom:none; width:auto; }
  footer { padding:56px 48px; display:flex; align-items:center; justify-content:space-between; gap:24px; border-top:1px solid var(--border); }
  .footer-logo-link { display:inline-flex; align-items:center; text-decoration:none; }
  .footer-logo-img { height:40px; width:auto; display:block; opacity:0.65; transition:opacity .2s; }
  .footer-logo-link:hover .footer-logo-img { opacity:0.85; }
  .footer-copy { font-size:12px; color:rgba(107,114,128,.55); letter-spacing:.04em; }
  .footer-socials { display:flex; gap:20px; align-items:center; }
  .footer-socials a { color:var(--muted); text-decoration:none; transition:color .2s, transform .2s; display:flex; align-items:center; }
  .footer-socials a:hover { color:var(--text); transform:translateY(-2px); }
  .social-icon { width:18px; height:18px; display:block; }
  .btn-primary { display:inline-flex; align-items:center; gap:10px; font-size:12px; font-weight:500; letter-spacing:.12em; text-transform:uppercase; color:var(--bg); background:var(--accent); padding:14px 32px; text-decoration:none; transition:background .2s, transform .15s; }
  .btn-primary:hover { background:var(--accent2); transform:translateY(-1px); }
  .btn-ghost { display:inline-flex; align-items:center; gap:10px; font-size:12px; font-weight:500; letter-spacing:.12em; text-transform:uppercase; color:var(--text); border:1px solid rgba(240,242,248,.22); padding:14px 32px; text-decoration:none; transition:border-color .2s, transform .15s; }
  .btn-ghost:hover { border-color:var(--text); transform:translateY(-1px); }
  .section-label { font-size:11px; font-weight:500; letter-spacing:.22em; text-transform:uppercase; color:var(--accent); margin-bottom:16px; display:flex; align-items:center; gap:12px; }
  .section-label::before { content:''; display:inline-block; width:24px; height:1px; background:var(--accent); }
  .section-title { font-family:var(--font-d); font-size:clamp(40px,5vw,70px); letter-spacing:.04em; line-height:.95; color:var(--text); }
  .reveal { opacity:0; transform:translateY(28px); transition:opacity .7s ease, transform .7s ease; }
  .reveal.visible { opacity:1; transform:none; }
  @media(max-width:768px) {
    nav { padding:0 28px; }
    .nav-links, .nav-cta { display:none; }
    .nav-hamburger { display:flex; }
    footer { padding:40px 28px; flex-direction:column; align-items:flex-start; gap:20px; }
  }
  @media(max-width:480px) {
    footer { padding:40px 20px 36px; }
  }
  /* Hero */
  .about-hero { min-height:85vh; display:flex; align-items:flex-end; position:relative; overflow:hidden; padding:120px 48px 88px; }
  .about-hero-bg { position:absolute; inset:0; background:linear-gradient(160deg,#06080f 0%,#0a1020 60%,#080d18 100%); }
  .about-hero-grid { position:absolute; inset:0; background-image:linear-gradient(rgba(240,181,48,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(240,181,48,.028) 1px,transparent 1px); background-size:80px 80px; }
  .about-hero-glow { position:absolute; top:-15%; right:-5%; width:700px; height:700px; background:radial-gradient(circle,rgba(240,181,48,.065) 0%,transparent 65%); pointer-events:none; }
  .about-hero-line { position:absolute; bottom:0; left:48px; width:1px; height:88px; background:linear-gradient(to bottom,transparent,var(--accent)); }
  .about-hero-content { position:relative; z-index:2; max-width:820px; }
  .about-eyebrow { font-size:11px; font-weight:500; letter-spacing:.26em; text-transform:uppercase; color:var(--accent); margin-bottom:26px; display:flex; align-items:center; gap:14px; }
  .about-eyebrow::before { content:''; width:36px; height:1px; background:var(--accent); display:inline-block; }
  .about-hero-title { font-family:var(--font-d); font-size:clamp(62px,9vw,128px); line-height:.88; letter-spacing:.03em; color:var(--text); margin-bottom:38px; }
  .about-hero-sub { font-size:17px; font-weight:300; color:rgba(240,242,248,.52); max-width:500px; line-height:1.85; }

  /* Philosophy band */
  .philosophy { background:var(--bg2); border-top:1px solid var(--border); border-bottom:1px solid var(--border); padding:80px 48px; display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:start; }
  .philosophy-left {}
  .philosophy-left .section-label { margin-bottom:20px; }
  .philosophy-title { font-family:var(--font-d); font-size:clamp(36px,4vw,56px); letter-spacing:.04em; line-height:.95; color:var(--text); margin-bottom:32px; }
  .philosophy-divider { width:48px; height:1px; background:var(--accent); margin-bottom:32px; }
  .philosophy-body { font-size:15px; font-weight:300; color:rgba(240,242,248,.6); line-height:1.9; }
  .philosophy-body + .philosophy-body { margin-top:20px; }
  .philosophy-right { display:flex; flex-direction:column; gap:36px; padding-top:4px; }
  .pillar { border-left:2px solid var(--border); padding-left:28px; transition:border-color .3s; }
  .pillar:hover { border-left-color:var(--accent); }
  .pillar-label { font-size:10px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:var(--accent); margin-bottom:12px; }
  .pillar p { font-size:15px; font-weight:300; color:rgba(240,242,248,.6); line-height:1.85; }

  /* Image break */
  .about-image-break { height:520px; position:relative; overflow:hidden; }
  .about-image-break img { width:100%; height:100%; object-fit:cover; filter:brightness(.72) saturate(.9); }
  .about-image-break-overlay { position:absolute; inset:0; background:linear-gradient(to right,rgba(6,8,15,.6) 0%,transparent 50%,rgba(6,8,15,.4) 100%); }
  .about-image-quote { position:absolute; bottom:56px; left:48px; max-width:480px; z-index:2; }
  .about-image-quote blockquote { font-family:var(--font-d); font-size:clamp(26px,3vw,40px); letter-spacing:.04em; line-height:1.1; color:var(--text); margin-bottom:16px; }
  .about-image-quote cite { font-size:11px; font-weight:500; letter-spacing:.2em; text-transform:uppercase; color:var(--accent); font-style:normal; display:flex; align-items:center; gap:12px; }
  .about-image-quote cite::before { content:''; width:24px; height:1px; background:var(--accent); display:inline-block; }

  /* Heritage */
  .heritage { padding:120px 48px; display:grid; grid-template-columns:1fr 1fr; gap:100px; align-items:start; }
  .heritage-left {}
  .heritage-left .section-label { margin-bottom:20px; }
  .heritage-title { font-family:var(--font-d); font-size:clamp(36px,4vw,56px); letter-spacing:.04em; line-height:.95; color:var(--text); margin-bottom:32px; }
  .heritage-body { font-size:15px; font-weight:300; color:rgba(240,242,248,.6); line-height:1.9; }
  .heritage-body + .heritage-body { margin-top:20px; }
  .heritage-right {}
  .heritage-stat-row { display:grid; grid-template-columns:1fr 1fr; gap:1px; background:var(--border); border:1px solid var(--border); margin-bottom:40px; }
  .heritage-stat { background:var(--bg2); padding:36px 32px; }
  .heritage-stat-num { font-family:var(--font-d); font-size:clamp(42px,4vw,60px); letter-spacing:.04em; color:var(--accent); line-height:1; margin-bottom:8px; }
  .heritage-stat-label { font-size:10px; font-weight:500; letter-spacing:.2em; text-transform:uppercase; color:var(--muted); }
  .heritage-note { font-size:14px; font-weight:300; color:rgba(240,242,248,.45); line-height:1.8; border-left:2px solid var(--border); padding-left:20px; }

  /* Closing CTA */
  .about-cta { background:var(--bg2); border-top:1px solid var(--border); padding:120px 48px; text-align:center; }
  /* Events */
  .events-section { padding:100px 48px; }
  .events-section.alt { border-top:1px solid var(--border); background:var(--bg2); }
  .events-head { margin-bottom:44px; }
  .events-head .section-label { margin-bottom:16px; }
  .events-head-title { font-family:var(--font-d); font-size:clamp(34px,4vw,56px); letter-spacing:.04em; line-height:.95; color:var(--text); }
  .event-card { display:grid; grid-template-columns:210px 1fr auto; gap:40px; align-items:start; padding:34px 0; border-top:1px solid var(--border); }
  .event-card:last-child { border-bottom:1px solid var(--border); }
  .event-date { font-family:var(--font-d); font-size:26px; letter-spacing:.05em; color:var(--accent); line-height:1.1; }
  .event-year { font-size:11px; font-weight:600; letter-spacing:.2em; text-transform:uppercase; color:var(--muted); margin-top:6px; }
  .event-name { font-family:var(--font-d); font-size:30px; letter-spacing:.04em; color:var(--text); line-height:1.05; margin-bottom:8px; }
  .event-place { font-size:11px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color:var(--muted); margin-bottom:16px; }
  .event-body { font-size:15px; font-weight:300; color:rgba(240,242,248,.55); line-height:1.85; max-width:620px; }
  .event-tag { display:inline-block; font-size:10px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; padding:7px 14px; border:1px solid var(--border); color:var(--muted); white-space:nowrap; }
  .event-tag.upcoming { border-color:var(--accent); color:var(--accent); }
  .event-cta { margin-top:22px; }
  @media(max-width:900px) { .event-card { grid-template-columns:1fr; gap:14px; } .event-tag { justify-self:start; } }
  @media(max-width:768px) { .events-section { padding:72px 28px; } }
  /* Beyond Boats section (inside Koshi DNA) */
  .beyond-band { position:relative; overflow:hidden; border-top:1px solid var(--border); border-bottom:1px solid var(--border); padding:110px 48px; }
  .beyond-band-bg { position:absolute; inset:0; }
  .beyond-band-bg img { width:100%; height:100%; object-fit:cover; opacity:.32; filter:saturate(.85); }
  .beyond-band-overlay { position:absolute; inset:0; background:linear-gradient(90deg,rgba(6,8,15,.94) 0%,rgba(6,8,15,.72) 55%,rgba(6,8,15,.5) 100%); }
  .beyond-band-inner { position:relative; z-index:2; max-width:720px; }
  .beyond-title { font-family:var(--font-d); font-size:clamp(38px,5vw,68px); letter-spacing:.04em; line-height:.95; color:var(--text); margin-bottom:24px; }
  .beyond-divider { width:48px; height:1px; background:var(--accent); margin-bottom:26px; }
  .beyond-body { font-size:15px; font-weight:300; color:rgba(240,242,248,.6); line-height:1.9; margin-bottom:20px; }
  .beyond-note { font-size:11px; font-weight:600; letter-spacing:.2em; text-transform:uppercase; color:var(--muted); margin-top:28px; display:flex; align-items:center; gap:12px; }
  .beyond-note::before { content:''; width:24px; height:1px; background:var(--muted); display:inline-block; }
  @media(max-width:768px) { .beyond-band { padding:72px 28px; } }
  .timewaits-cta-bg { position:relative; background-image:linear-gradient(rgba(6,8,15,.78),rgba(6,8,15,.86)), url('/assets/img/image-02.webp'); background-size:cover; background-position:center 50%; }
  .dna-cta-bg { position:relative; background-image:linear-gradient(rgba(6,8,15,.82),rgba(6,8,15,.88)), url('/assets/img/image-03.webp'); background-size:cover; background-position:center 35%; }
  .build-cta-bg { position:relative; background-image:linear-gradient(rgba(6,8,15,.82),rgba(6,8,15,.9)), url('/assets/img/image-04.webp'); background-size:cover; background-position:center; }
  .about-cta-eyebrow { font-size:11px; font-weight:500; letter-spacing:.22em; text-transform:uppercase; color:var(--accent); margin-bottom:24px; display:flex; align-items:center; justify-content:center; gap:12px; }
  .about-cta-eyebrow::before, .about-cta-eyebrow::after { content:''; width:40px; height:1px; background:var(--accent); display:inline-block; }
  .about-cta-title { font-family:var(--font-d); font-size:clamp(40px,6vw,90px); letter-spacing:.04em; line-height:.88; color:var(--text); margin-bottom:32px; }
  .about-cta-sub { font-size:16px; font-weight:300; color:rgba(240,242,248,.48); max-width:480px; margin:0 auto 48px; line-height:1.85; }
  .about-cta-actions { display:flex; gap:16px; justify-content:center; flex-wrap:wrap; }

  @media(max-width:900px) {
    .philosophy, .heritage { grid-template-columns:1fr; gap:56px; }
    .about-hero { padding:100px 28px 72px; }
    .about-hero-line { left:28px; }
    .about-image-break { height:380px; }
    .about-image-quote { left:28px; bottom:36px; }
  }
  @media(max-width:600px) {
    .philosophy, .heritage { padding:72px 28px; }
    .heritage-stat-row { grid-template-columns:1fr; }
    .about-cta { padding:80px 28px; }
  }

  *, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
  :root { --bg:#06080f; --bg2:#0c0f1a; --text:#f0f2f8; --muted:#6b7280; --accent:#f0b530; --accent2:#f5c655; --border:rgba(255,255,255,0.08); --font-d:'Bebas Neue',sans-serif; --font-b:'DM Sans',sans-serif; }
  body { background:var(--bg); color:var(--text); font-family:var(--font-b); font-size:16px; line-height:1.6; overflow-x:hidden; }
  nav { position:fixed; top:0; left:0; right:0; z-index:100; display:flex; align-items:center; justify-content:space-between; padding:0 48px; height:72px; background:rgba(6,8,15,0.88); backdrop-filter:blur(20px); border-bottom:1px solid var(--border); }
  .nav-logo { display:flex; align-items:center; text-decoration:none; }
  .nav-logo-img { height:52px; width:auto; display:block; }
  .nav-links { display:flex; gap:40px; list-style:none; }
  .nav-links a { font-size:12px; font-weight:500; letter-spacing:.14em; text-transform:uppercase; color:var(--muted); text-decoration:none; transition:color .2s; }
  .nav-links a:hover, .nav-links a.active { color:var(--text); }
  .nav-cta { font-size:12px; font-weight:500; letter-spacing:.1em; text-transform:uppercase; color:var(--bg); background:var(--accent); padding:10px 24px; text-decoration:none; transition:background .2s; }
  .nav-cta:hover { background:var(--accent2); }
  .nav-hamburger { display:none; flex-direction:column; gap:5px; cursor:pointer; background:none; border:none; padding:4px; }
  .nav-hamburger span { display:block; width:22px; height:1.5px; background:var(--text); transition:all .25s; }
  .mobile-nav { display:none; position:fixed; inset:0; top:72px; z-index:99; background:rgba(6,8,15,.97); backdrop-filter:blur(24px); flex-direction:column; align-items:flex-start; justify-content:center; padding:40px 28px; gap:8px; }
  .mobile-nav.open { display:flex; }
  .mobile-nav a { font-family:var(--font-d); font-size:42px; letter-spacing:.06em; color:var(--muted); text-decoration:none; line-height:1.1; transition:color .2s; padding:8px 0; border-bottom:1px solid var(--border); width:100%; }
  .mobile-nav a:hover, .mobile-nav a.active { color:var(--text); }
  .mobile-nav .mobile-nav-cta { margin-top:28px; font-family:var(--font-b); font-size:12px; font-weight:500; letter-spacing:.12em; text-transform:uppercase; color:var(--bg); background:var(--accent); padding:14px 32px; border:none; border-bottom:none; width:auto; }
  footer { padding:56px 48px; display:flex; align-items:center; justify-content:space-between; gap:24px; border-top:1px solid var(--border); }
  .footer-logo-link { display:inline-flex; align-items:center; text-decoration:none; }
  .footer-logo-img { height:40px; width:auto; display:block; opacity:0.65; transition:opacity .2s; }
  .footer-logo-link:hover .footer-logo-img { opacity:0.85; }
  .footer-copy { font-size:12px; color:rgba(107,114,128,.55); letter-spacing:.04em; }
  .footer-socials { display:flex; gap:20px; align-items:center; }
  .footer-socials a { color:var(--muted); text-decoration:none; transition:color .2s, transform .2s; display:flex; align-items:center; }
  .footer-socials a:hover { color:var(--text); transform:translateY(-2px); }
  .social-icon { width:18px; height:18px; display:block; }
  .btn-primary { display:inline-flex; align-items:center; gap:10px; font-size:12px; font-weight:500; letter-spacing:.12em; text-transform:uppercase; color:var(--bg); background:var(--accent); padding:14px 32px; text-decoration:none; transition:background .2s, transform .15s; }
  .btn-primary:hover { background:var(--accent2); transform:translateY(-1px); }
  .btn-ghost { display:inline-flex; align-items:center; gap:10px; font-size:12px; font-weight:500; letter-spacing:.12em; text-transform:uppercase; color:var(--text); border:1px solid rgba(240,242,248,.22); padding:14px 32px; text-decoration:none; transition:border-color .2s, transform .15s; }
  .btn-ghost:hover { border-color:var(--text); transform:translateY(-1px); }
  .section-label { font-size:11px; font-weight:500; letter-spacing:.22em; text-transform:uppercase; color:var(--accent); margin-bottom:16px; display:flex; align-items:center; gap:12px; }
  .section-label::before { content:''; display:inline-block; width:24px; height:1px; background:var(--accent); }
  .section-title { font-family:var(--font-d); font-size:clamp(40px,5vw,70px); letter-spacing:.04em; line-height:.95; color:var(--text); }
  .reveal { opacity:0; transform:translateY(28px); transition:opacity .7s ease, transform .7s ease; }
  .reveal.visible { opacity:1; transform:none; }
  @media(max-width:768px) {
    nav { padding:0 28px; }
    .nav-links, .nav-cta { display:none; }
    .nav-hamburger { display:flex; }
    footer { padding:40px 28px; flex-direction:column; align-items:flex-start; gap:20px; }
  }
  @media(max-width:480px) {
    footer { padding:40px 20px 36px; }
  }
  /* Hero */
  .dealers-hero { min-height:80vh; display:flex; align-items:flex-end; position:relative; overflow:hidden; padding:120px 48px 88px; }
  .dealers-hero-bg { position:absolute; inset:0; background:linear-gradient(150deg,#06080f 0%,#08101c 55%,#060c14 100%); }
  .dealers-hero-grid { position:absolute; inset:0; background-image:linear-gradient(rgba(240,181,48,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(240,181,48,.025) 1px,transparent 1px); background-size:80px 80px; }
  .dealers-hero-glow { position:absolute; bottom:-10%; right:10%; width:650px; height:500px; background:radial-gradient(circle,rgba(240,181,48,.06) 0%,transparent 65%); pointer-events:none; }
  .dealers-hero-line { position:absolute; bottom:0; left:48px; width:1px; height:88px; background:linear-gradient(to bottom,transparent,var(--accent)); }
  .dealers-hero-content { position:relative; z-index:2; max-width:780px; }
  .dealers-eyebrow { font-size:11px; font-weight:500; letter-spacing:.26em; text-transform:uppercase; color:var(--accent); margin-bottom:26px; display:flex; align-items:center; gap:14px; }
  .dealers-eyebrow::before { content:''; width:36px; height:1px; background:var(--accent); display:inline-block; }
  .dealers-hero-title { font-family:var(--font-d); font-size:clamp(58px,9vw,120px); line-height:.87; letter-spacing:.03em; color:var(--text); margin-bottom:36px; }
  .dealers-hero-sub { font-size:17px; font-weight:300; color:rgba(240,242,248,.52); max-width:520px; line-height:1.85; }
  .dealers-hero-cta { margin-top:48px; }

  /* Urgency band */
  .urgency-band { background:var(--accent); padding:20px 48px; display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap; }
  .urgency-text { font-family:var(--font-d); font-size:clamp(18px,2vw,26px); letter-spacing:.06em; color:var(--bg); }
  .urgency-sub { font-size:13px; font-weight:400; color:rgba(6,8,15,.65); letter-spacing:.04em; margin-top:3px; }
  .urgency-band .btn-dark { font-size:11px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:var(--accent); background:var(--bg); padding:13px 28px; text-decoration:none; transition:background .2s; white-space:nowrap; }
  .urgency-band .btn-dark:hover { background:#0d1220; }

  /* Why partner */
  .why-partner { padding:100px 48px; }
  .why-partner-bg { position:relative; background-image:linear-gradient(rgba(6,8,15,.88),rgba(6,8,15,.94)), url('/assets/img/image-05.webp'); background-size:cover; background-position:center 40%; }
  .why-header { margin-bottom:64px; max-width:600px; }
  .why-header .section-label { margin-bottom:18px; }
  .why-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--border); border:1px solid var(--border); }
  .why-card { background:var(--bg2); padding:44px 36px; transition:background .25s; position:relative; }
  .why-card::after { content:''; position:absolute; bottom:0; left:0; right:0; height:2px; background:var(--accent); transform:scaleX(0); transition:transform .3s; transform-origin:left; }
  .why-card:hover { background:var(--bg); }
  .why-card:hover::after { transform:scaleX(1); }
  .why-num { font-family:var(--font-d); font-size:52px; letter-spacing:.04em; color:rgba(240,181,48,.18); line-height:1; margin-bottom:20px; }
  .why-title { font-family:var(--font-d); font-size:20px; letter-spacing:.06em; color:var(--text); margin-bottom:14px; line-height:1.1; }
  .why-body { font-size:14px; font-weight:300; color:var(--muted); line-height:1.8; }

  /* Application form */
  .application { padding:100px 48px; background:var(--bg2); border-top:1px solid var(--border); }
  .application-inner { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:start; }
  .application-left .section-label { margin-bottom:20px; }
  .application-title { font-family:var(--font-d); font-size:clamp(36px,4vw,58px); letter-spacing:.04em; line-height:.95; color:var(--text); margin-bottom:28px; }
  .application-body { font-size:15px; font-weight:300; color:rgba(240,242,248,.55); line-height:1.9; }
  .application-note { margin-top:24px; font-size:12px; font-weight:500; letter-spacing:.12em; text-transform:uppercase; color:var(--accent); display:flex; align-items:center; gap:10px; }
  .application-note::before { content:''; width:20px; height:1px; background:var(--accent); display:inline-block; }
  .form-grid { display:flex; flex-direction:column; gap:16px; }
  .form-field { display:flex; flex-direction:column; gap:7px; }
  .form-field label { font-size:10px; font-weight:600; letter-spacing:.2em; text-transform:uppercase; color:var(--muted); }
  .form-field input, .form-field textarea, .form-field select { background:rgba(255,255,255,.04); border:1px solid var(--border); color:var(--text); font-family:var(--font-b); font-size:14px; font-weight:300; padding:13px 16px; outline:none; transition:border-color .2s; width:100%; }
  .form-field input:focus, .form-field textarea:focus, .form-field select:focus { border-color:var(--accent); }
  .form-field select option { background:var(--bg2); }
  .form-field textarea { resize:vertical; min-height:100px; }
  .form-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
  .form-check { display:flex; align-items:flex-start; gap:12px; font-size:13px; font-weight:300; color:var(--muted); line-height:1.5; }
  .form-check input[type=checkbox] { width:16px; height:16px; flex-shrink:0; margin-top:2px; accent-color:var(--accent); cursor:pointer; }
  .form-check a { color:var(--accent); }
  .form-submit { margin-top:8px; }
  .form-submit button { font-size:11px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color:var(--bg); background:var(--accent); border:none; padding:15px 36px; cursor:pointer; transition:background .2s; width:100%; }
  .form-submit button:hover { background:var(--accent2); }

  @media(max-width:900px) {
    .dealers-hero { padding:100px 28px 72px; }
    .dealers-hero-line { left:28px; }
    .why-grid { grid-template-columns:1fr 1fr; }
    .application-inner { grid-template-columns:1fr; gap:56px; }
    .urgency-band { padding:20px 28px; }
  }
  @media(max-width:600px) {
    .why-grid { grid-template-columns:1fr; }
    .why-partner, .application { padding:72px 28px; }
    .form-row { grid-template-columns:1fr; }
  }

  *, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
  :root { --bg:#06080f; --bg2:#0c0f1a; --text:#f0f2f8; --muted:#6b7280; --accent:#f0b530; --accent2:#f5c655; --border:rgba(255,255,255,0.08); --font-d:'Bebas Neue',sans-serif; --font-b:'DM Sans',sans-serif; }
  body { background:var(--bg); color:var(--text); font-family:var(--font-b); font-size:16px; line-height:1.6; overflow-x:hidden; }
  nav { position:fixed; top:0; left:0; right:0; z-index:100; display:flex; align-items:center; justify-content:space-between; padding:0 48px; height:72px; background:rgba(6,8,15,0.88); backdrop-filter:blur(20px); border-bottom:1px solid var(--border); }
  .nav-logo { display:flex; align-items:center; text-decoration:none; }
  .nav-logo-img { height:52px; width:auto; display:block; }
  .nav-links { display:flex; gap:40px; list-style:none; }
  .nav-links a { font-size:12px; font-weight:500; letter-spacing:.14em; text-transform:uppercase; color:var(--muted); text-decoration:none; transition:color .2s; }
  .nav-links a:hover, .nav-links a.active { color:var(--text); }
  .nav-cta { font-size:12px; font-weight:500; letter-spacing:.1em; text-transform:uppercase; color:var(--bg); background:var(--accent); padding:10px 24px; text-decoration:none; transition:background .2s; }
  .nav-cta:hover { background:var(--accent2); }
  .nav-hamburger { display:none; flex-direction:column; gap:5px; cursor:pointer; background:none; border:none; padding:4px; }
  .nav-hamburger span { display:block; width:22px; height:1.5px; background:var(--text); transition:all .25s; }
  .mobile-nav { display:none; position:fixed; inset:0; top:72px; z-index:99; background:rgba(6,8,15,.97); backdrop-filter:blur(24px); flex-direction:column; align-items:flex-start; justify-content:center; padding:40px 28px; gap:8px; }
  .mobile-nav.open { display:flex; }
  .mobile-nav a { font-family:var(--font-d); font-size:42px; letter-spacing:.06em; color:var(--muted); text-decoration:none; line-height:1.1; transition:color .2s; padding:8px 0; border-bottom:1px solid var(--border); width:100%; }
  .mobile-nav a:hover, .mobile-nav a.active { color:var(--text); }
  .mobile-nav .mobile-nav-cta { margin-top:28px; font-family:var(--font-b); font-size:12px; font-weight:500; letter-spacing:.12em; text-transform:uppercase; color:var(--bg); background:var(--accent); padding:14px 32px; border:none; border-bottom:none; width:auto; }
  footer { padding:56px 48px; display:flex; align-items:center; justify-content:space-between; gap:24px; border-top:1px solid var(--border); }
  .footer-logo-link { display:inline-flex; align-items:center; text-decoration:none; }
  .footer-logo-img { height:40px; width:auto; display:block; opacity:0.65; transition:opacity .2s; }
  .footer-logo-link:hover .footer-logo-img { opacity:0.85; }
  .footer-copy { font-size:12px; color:rgba(107,114,128,.55); letter-spacing:.04em; }
  .footer-socials { display:flex; gap:20px; align-items:center; }
  .footer-socials a { color:var(--muted); text-decoration:none; transition:color .2s, transform .2s; display:flex; align-items:center; }
  .footer-socials a:hover { color:var(--text); transform:translateY(-2px); }
  .social-icon { width:18px; height:18px; display:block; }
  .btn-primary { display:inline-flex; align-items:center; gap:10px; font-size:12px; font-weight:500; letter-spacing:.12em; text-transform:uppercase; color:var(--bg); background:var(--accent); padding:14px 32px; text-decoration:none; transition:background .2s, transform .15s; }
  .btn-primary:hover { background:var(--accent2); transform:translateY(-1px); }
  .btn-ghost { display:inline-flex; align-items:center; gap:10px; font-size:12px; font-weight:500; letter-spacing:.12em; text-transform:uppercase; color:var(--text); border:1px solid rgba(240,242,248,.22); padding:14px 32px; text-decoration:none; transition:border-color .2s, transform .15s; }
  .btn-ghost:hover { border-color:var(--text); transform:translateY(-1px); }
  .section-label { font-size:11px; font-weight:500; letter-spacing:.22em; text-transform:uppercase; color:var(--accent); margin-bottom:16px; display:flex; align-items:center; gap:12px; }
  .section-label::before { content:''; display:inline-block; width:24px; height:1px; background:var(--accent); }
  .section-title { font-family:var(--font-d); font-size:clamp(40px,5vw,70px); letter-spacing:.04em; line-height:.95; color:var(--text); }
  .reveal { opacity:0; transform:translateY(28px); transition:opacity .7s ease, transform .7s ease; }
  .reveal.visible { opacity:1; transform:none; }
  @media(max-width:768px) {
    nav { padding:0 28px; }
    .nav-links, .nav-cta { display:none; }
    .nav-hamburger { display:flex; }
    footer { padding:40px 28px; flex-direction:column; align-items:flex-start; gap:20px; }
  }
  @media(max-width:480px) {
    footer { padding:40px 20px 36px; }
  }
  .contact-hero { min-height:65vh; display:flex; align-items:flex-end; position:relative; overflow:hidden; padding:100px 48px 88px; }
  .contact-hero-bg { position:absolute; inset:0; background:linear-gradient(155deg,#06080f 0%,#09101e 55%,#070d18 100%); }
  .contact-hero-grid { position:absolute; inset:0; background-image:linear-gradient(rgba(240,181,48,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(240,181,48,.025) 1px,transparent 1px); background-size:80px 80px; }
  .contact-hero-glow { position:absolute; top:10%; right:5%; width:560px; height:480px; background:radial-gradient(circle,rgba(240,181,48,.055) 0%,transparent 65%); pointer-events:none; }
  .contact-hero-content { position:relative; z-index:2; max-width:680px; }
  .contact-eyebrow { font-size:11px; font-weight:500; letter-spacing:.26em; text-transform:uppercase; color:var(--accent); margin-bottom:26px; display:flex; align-items:center; gap:14px; }
  .contact-eyebrow::before { content:''; width:36px; height:1px; background:var(--accent); display:inline-block; }
  .contact-hero-title { font-family:var(--font-d); font-size:clamp(58px,8vw,110px); line-height:.88; letter-spacing:.03em; color:var(--text); margin-bottom:28px; }
  .contact-hero-sub { font-size:17px; font-weight:300; color:rgba(240,242,248,.5); max-width:420px; line-height:1.85; }

  .contact-main { padding:100px 48px; display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:start; }
  .contact-info-col .section-label { margin-bottom:20px; }
  .contact-info-title { font-family:var(--font-d); font-size:clamp(32px,3.5vw,50px); letter-spacing:.04em; line-height:.95; color:var(--text); margin-bottom:28px; }
  .contact-info-body { font-size:15px; font-weight:300; color:rgba(240,242,248,.55); line-height:1.9; margin-bottom:40px; }
  .contact-details { display:flex; flex-direction:column; gap:24px; }
  .contact-detail { display:flex; align-items:flex-start; gap:20px; }
  .contact-detail-icon { width:44px; height:44px; border:1px solid var(--border); display:flex; align-items:center; justify-content:center; flex-shrink:0; font-size:18px; background:var(--bg2); }
  .contact-detail-label { font-size:10px; font-weight:600; letter-spacing:.2em; text-transform:uppercase; color:var(--muted); margin-bottom:5px; }
  .contact-detail-val { font-size:15px; font-weight:300; color:var(--text); }
  .contact-detail-val a { color:var(--text); text-decoration:none; transition:color .2s; }
  .contact-detail-val a:hover { color:var(--accent); }

  .form-col {}
  .form-grid { display:flex; flex-direction:column; gap:16px; }
  .form-field { display:flex; flex-direction:column; gap:7px; }
  .form-field label { font-size:10px; font-weight:600; letter-spacing:.2em; text-transform:uppercase; color:var(--muted); }
  .form-field input, .form-field textarea, .form-field select { background:rgba(255,255,255,.04); border:1px solid var(--border); color:var(--text); font-family:var(--font-b); font-size:14px; font-weight:300; padding:13px 16px; outline:none; transition:border-color .2s; width:100%; }
  .form-field input:focus, .form-field textarea:focus { border-color:var(--accent); }
  .form-field textarea { resize:vertical; min-height:120px; }
  .form-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
  .form-check { display:flex; align-items:flex-start; gap:12px; font-size:13px; font-weight:300; color:var(--muted); line-height:1.5; }
  .form-check input[type=checkbox] { width:16px; height:16px; flex-shrink:0; margin-top:2px; accent-color:var(--accent); cursor:pointer; }
  .form-check a { color:var(--accent); }
  .form-submit button { font-size:11px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color:var(--bg); background:var(--accent); border:none; padding:15px 36px; cursor:pointer; transition:background .2s; width:100%; margin-top:8px; }
  .form-submit button:hover { background:var(--accent2); }

  @media(max-width:900px) {
    .contact-hero { padding:100px 28px 72px; }
    .contact-main { grid-template-columns:1fr; gap:56px; padding:72px 28px; }
    .form-row { grid-template-columns:1fr; }
  }


  .strip-num-logo { width:200px; max-width:90%; height:auto; object-fit:contain; object-position:left center; opacity:.8; display:block; margin-bottom:2px; margin-left:0; }
  /* Footer — centered once it stacks (tablet / mobile) */
  @media(max-width:1024px) {
    footer { align-items:center; text-align:center; }
    .footer-logo-link { justify-content:center; }
    .footer-center { align-items:center; text-align:center; }
    .footer-socials { justify-content:center; flex-wrap:wrap; }
  }
  /* Monaco Yacht Show logo in the event card */
  .event-logo { display:block; width:118px; height:auto; margin-bottom:18px; opacity:.9; transition:opacity .25s; }
  .event-card:hover .event-logo { opacity:1; }
  .event-logo.wide { width:178px; }
  @media(max-width:900px) { .event-logo { width:96px; margin-bottom:14px; } .event-logo.wide { width:150px; } }

  /* Specify Your Model band background */
  .specify-cta-bg { position:relative; background-image:linear-gradient(rgba(6,8,15,.86),rgba(6,8,15,.9)), url('/assets/img/image-06.webp'); background-size:cover; background-position:center 62%; }

/* Netlify honeypot field, must stay invisible to humans */
.hidden-field { display:none !important; }

/* ── Homepage hero framing on narrow screens ──────────────────────────
   The bow of the boat sits at roughly 90% across and 50% down the
   1920x1536 hero image. On a phone, `cover` scales that image to fit the
   viewport height exactly, which leaves no vertical slack at all, so the
   vertical half of `background-position` does nothing and the bow is
   pinned to the middle of the hero, directly behind the headline and in
   the darkest band of the overlay gradient.

   Sizing by height instead (140%) makes the image taller than the hero
   and buys back that vertical slack. Anchoring it bottom-right then
   lifts the bow to about 29% down, which is the clear strip between the
   header and the headline, and where the overlay is at its lightest.
   Both axes hold their ratio at any phone size because the image is
   scaled from the hero height.

   Raise the 140% to crop in tighter on the bow, lower it to pull back
   towards the full boat. Below about 130% the bow drops behind the
   headline again. Anchor `left bottom` instead for the stern and the
   outboards. */
@media (max-width: 768px) {
  .hero-slide { background-size: auto 140%; background-position: right bottom; }
}

/* ── Monaco Yacht Show 2026 landing page (/mys-2026/) ─────────────────
   Campaign page reached only from the Mailchimp CTA. It deliberately has
   no site nav, so nothing competes with the request form. Reuses the
   .form-* classes from the contact page, so the form itself needs no new
   styling. Do not link this page from the nav or the sitemap. */
.lp-header { padding:26px 48px; border-bottom:1px solid var(--border); }
.lp-header img { display:block; width:150px; height:auto; }
.lp-hero { position:relative; line-height:0; }
.lp-hero img { display:block; width:100%; height:auto; }
.lp-wrap { max-width:760px; margin:0 auto; padding:72px 48px 96px; }
.lp-eyebrow { font-size:11px; font-weight:600; letter-spacing:.24em; text-transform:uppercase; color:var(--accent); margin-bottom:18px; }
.lp-title { font-family:var(--font-d); font-size:clamp(44px,6vw,78px); line-height:.95; letter-spacing:.03em; color:var(--text); margin-bottom:22px; }
.lp-lede { font-size:17px; font-weight:300; color:rgba(240,242,248,.6); line-height:1.85; margin-bottom:44px; }
.lp-facts { display:flex; flex-wrap:wrap; border:1px solid var(--border); margin-bottom:60px; }
.lp-fact { flex:1 1 200px; padding:22px 26px; border-right:1px solid var(--border); }
.lp-fact:last-child { border-right:none; }
.lp-fact-k { font-size:10px; font-weight:600; letter-spacing:.2em; text-transform:uppercase; color:var(--muted); margin-bottom:6px; }
.lp-fact-v { font-family:var(--font-d); font-size:22px; letter-spacing:.05em; color:var(--text); }
.lp-form-title { font-family:var(--font-d); font-size:clamp(32px,4vw,48px); letter-spacing:.04em; line-height:.95; color:var(--text); margin-bottom:10px; }
.lp-form-note { font-size:14px; color:var(--muted); margin-bottom:32px; }

@media (max-width:768px) {
  .lp-header { padding:20px; }
  .lp-wrap { padding:48px 20px 72px; }
  .lp-fact { flex:1 1 100%; border-right:none; border-bottom:1px solid var(--border); }
  .lp-fact:last-child { border-bottom:none; }
}