/* VVnT SeQuor shared styles — extracted 12 Nov 2026 from identical inline blocks. Edit here, not per page. */
:root{
    --bg: #0a0d12;
    --bg-soft: #10141b;
    --surface: #141922;
    --surface-line: #232a36;
    --ink: #eef1f5;
    --ink-dim: #9aa4b2;
    --ink-faint: #7d8796;
    --brand: #a8d035;
    --brand-dim: #7f9e2e;
    --teal: #57d9b3;
    --serif: 'Fraunces', serif;
    --sans: 'Manrope', sans-serif;
    --mono: 'IBM Plex Mono', monospace;
  }
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
::selection{background:var(--brand);color:#0a0d12;}
.wrap{max-width:1180px;margin:0 auto;padding:0 28px;}
.bg-field{position:fixed;inset:0;z-index:0;pointer-events:none;
    background:radial-gradient(60% 45% at 82% -6%, rgba(168,208,53,0.10), transparent 60%),
      radial-gradient(50% 40% at 10% 8%, rgba(87,217,179,0.08), transparent 60%);}
.bg-grid{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.35;
    background-image:linear-gradient(rgba(255,255,255,0.028) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255,255,255,0.028) 1px, transparent 1px);
    background-size:64px 64px;
    mask-image:linear-gradient(to bottom, transparent, black 8%, black 70%, transparent);}
.brace{font-family:var(--serif);font-style:italic;color:var(--brand);font-weight:500;}
.brace-divider{display:flex;align-items:center;gap:18px;margin:0 0 18px;color:var(--ink-faint);}
.brace-divider .glyph{font-family:var(--serif);font-style:italic;color:var(--brand);font-size:28px;line-height:1;}
.brace-divider .line{flex:1;height:1px;background:var(--surface-line);}
.eyebrow{font-family:var(--mono);font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);}
header{position:fixed;top:0;left:0;right:0;z-index:50;backdrop-filter:blur(14px);
    background:rgba(10,13,18,0.72);border-bottom:1px solid rgba(255,255,255,0.06);}
nav{display:flex;align-items:center;justify-content:space-between;padding:16px 28px;max-width:1180px;margin:0 auto;}
.logo{display:flex;align-items:center;gap:2px;font-family:var(--serif);font-weight:600;font-size:20px;letter-spacing:.01em;}
.logo img{height:48px;width:auto;display:block;}
.logo.footer-logo img{height:58px;}
.logo b{color:var(--ink);}
.logo em{font-style:italic;color:var(--brand);font-weight:500;}
.navlinks{display:flex;gap:30px;font-size:14.5px;color:var(--ink-dim);}
.nav-item{position:relative;}
.nav-item>a{display:flex;align-items:center;gap:5px;}
.nav-caret{width:9px;height:6px;opacity:.7;transition:transform .2s ease;flex-shrink:0;}
.nav-item:hover .nav-caret,.nav-item:focus-within .nav-caret{transform:rotate(180deg);}
.nav-dropdown{
    position:absolute;top:100%;left:50%;transform:translateX(-50%);
    padding-top:14px;opacity:0;pointer-events:none;
    transition:opacity .18s ease;z-index:60;
  }
.nav-item:hover .nav-dropdown,.nav-item:focus-within .nav-dropdown{opacity:1;pointer-events:auto;}
.nav-dropdown-inner{
    min-width:280px;background:var(--surface);border:1px solid var(--surface-line);
    border-radius:12px;padding:10px;box-shadow:0 20px 40px -12px rgba(0,0,0,0.55);
  }
.nav-dropdown-inner a{
    display:block;padding:9px 12px;border-radius:8px;font-size:13.5px;
    color:var(--ink-dim);white-space:nowrap;transition:background .15s ease,color .15s ease;
  }
.nav-dropdown-inner a:hover{background:rgba(255,255,255,0.05);color:var(--ink);}
.navlinks a{transition:color .2s ease;}
.navlinks a:hover{color:var(--ink);}
.nav-cta{font-family:var(--mono);font-size:13px;padding:9px 18px;border:1px solid var(--brand-dim);
    border-radius:100px;color:var(--brand);white-space:nowrap;transition:all .2s ease;}
.nav-cta:hover{background:var(--brand);color:#0a0d12;}
@media(max-width:860px){.navlinks{display:none;}}
.breadcrumb{padding:164px 0 0;font-family:var(--mono);font-size:12.5px;color:var(--ink-faint);}
.breadcrumb a{color:var(--teal);}
.breadcrumb a:hover{text-decoration:underline;}
.hero{position:relative;z-index:1;padding:36px 0 90px;}
.hero-eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:24px;font-family:var(--mono);
    font-size:13px;color:var(--teal);letter-spacing:.1em;text-transform:uppercase;}
.hero-eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 12px var(--teal);}
h1.hero-title{font-family:var(--serif);font-weight:500;font-size:clamp(34px,5.4vw,60px);line-height:1.08;
    letter-spacing:-.01em;margin:0 0 26px;max-width:820px;}
h1.hero-title .em{font-style:italic;color:var(--brand);}
.hero-sub{font-size:18px;line-height:1.65;color:var(--ink-dim);max-width:600px;margin:0 0 38px;}