*,
    *::before,
    *::after {
      box-sizing: border-box;
      margin: 0;
      padding: 0
    }
    :root {
      --mint: #10182c;
      --teal: #2f7dfd;
      --teal-light: #5c9bff;
      --teal-dark: #144fc2;
      --gold: #ff5d4a;
      --cream: #09090a;
      --warm: #0e0e10;
      --text: #f2f2f3;
      --muted: #8f8f94;
      --card: #151517;
      --border: #28282b;
      --radius: 12px;
      --shadow: 0 14px 40px rgba(0, 0, 0, .6)
    }
    html {
      scroll-behavior: smooth
    }
    body {
      font-family: 'Inter', sans-serif;
      background: radial-gradient(ellipse 120% 80% at 50% -10%, #101114 0%, var(--cream) 55%);
      color: var(--text);
      line-height: 1.6
    }
    h1,
    h2,
    h3,
    h4 {
      font-family: 'Space Grotesk', sans-serif;
      line-height: 1.2;
      letter-spacing: -.01em
    }
    a {
      color: inherit;
      text-decoration: none
    }
    nav {
      background: rgba(10, 12, 16, .82);
      backdrop-filter: blur(14px);
      -webkit-backdrop-filter: blur(14px);
      border-bottom: 1px solid var(--border);
      position: sticky;
      top: 0;
      z-index: 100;
      padding: 0 2rem
    }
    .nav-inner {
      max-width: 1140px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 66px;
      gap: 2rem
    }
    .logo {
      font-family: 'Space Grotesk', sans-serif;
      font-size: 1.02rem;
      font-weight: 700;
      color: var(--text);
      display: flex;
      align-items: center;
      gap: .6rem;
      cursor: pointer;
      letter-spacing: .08em;
      text-transform: uppercase
    }
    .logo span {
      font-weight: 400;
      color: var(--muted);
      letter-spacing: .14em;
      margin-left: .05em
    }
    .nav-links {
      display: flex;
      gap: 2rem;
      align-items: center
    }
    .nav-links a {
      font-size: .85rem;
      color: var(--muted);
      transition: color .2s
    }
    .nav-links a:hover {
      color: var(--text)
    }
    .nav-cta {
      background: var(--teal);
      color: #ffffff !important;
      padding: .5rem 1.25rem;
      border-radius: 8px;
      font-weight: 600 !important;
      transition: background .2s, box-shadow .2s !important
    }
    .nav-cta:hover {
      background: var(--teal-light) !important;
      box-shadow: 0 0 0 3px rgba(47, 125, 253, .28)
    }
    .nav-launch {
      font-size: .76rem;
      color: var(--gold) !important;
      font-weight: 500;
      display: flex;
      align-items: center;
      gap: .4rem;
      letter-spacing: .03em;
      text-transform: uppercase
    }
    .nav-launch::before {
      content: '';
      width: 5px;
      height: 5px;
      border-radius: 50%;
      background: var(--gold);
      display: inline-block;
      animation: dotpulse 2.2s ease-in-out infinite
    }
    .page {
      display: none
    }
    .page.active {
      display: block
    }
    .hero {
      filter: grayscale(1);
      background: linear-gradient(0deg, rgba(6, 8, 11, .98) 0%, rgba(6, 8, 11, .6) 45%, rgba(6, 8, 11, .2) 75%, rgba(6, 8, 11, .4) 100%), linear-gradient(100deg, rgba(6, 8, 11, .75) 0%, rgba(6, 8, 11, .2) 55%, transparent 80%), url('https://images.unsplash.com/photo-1696660760822-833afde62f94?auto=format&fit=crop&w=1800&q=80') center 40%/cover no-repeat;
      min-height: 92vh;
      display: flex;
      align-items: flex-end;
      position: relative;
      overflow: hidden
    }
    .hero-inner {
      max-width: 1140px;
      margin: 0 auto;
      padding: 2.5rem 2rem 6rem;
      width: 100%;
      position: relative;
      z-index: 1
    }
    @keyframes dotpulse {
      0%,
      100% {
        opacity: 1;
        box-shadow: 0 0 0 0 rgba(154, 154, 158, .45)
      }
      50% {
        opacity: .55;
        box-shadow: 0 0 0 4px rgba(154, 154, 158, 0)
      }
    }
    @keyframes riseIn {
      from {
        opacity: 0;
        transform: translateY(14px)
      }
      to {
        opacity: 1;
        transform: translateY(0)
      }
    }
    .hero-label {
      font-size: .72rem;
      letter-spacing: .14em;
      text-transform: uppercase;
      color: rgba(255, 255, 255, .55);
      margin-bottom: 1.4rem;
      animation: riseIn .7s ease both
    }
    .hero h1 {
      font-size: 3.6rem;
      font-weight: 700;
      color: #fff;
      margin-bottom: 1.2rem;
      line-height: 1.06;
      letter-spacing: -.02em;
      max-width: 640px;
      animation: riseIn .7s ease .1s both
    }
    .hero h1 em {
      font-style: normal;
      font-weight: 400;
      background: linear-gradient(100deg, #ffffff 0%, #5c9bff 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }
    .hero-desc {
      font-size: 1.05rem;
      color: rgba(233, 237, 243, .66);
      margin-bottom: 2.3rem;
      line-height: 1.7;
      max-width: 520px;
      animation: riseIn .7s ease .2s both
    }
    .hero-btns {
      display: flex;
      gap: 1rem;
      flex-wrap: wrap;
      animation: riseIn .7s ease .3s both
    }
    .btn-white {
      background: #fff;
      color: #06080b;
      padding: .82rem 1.9rem;
      border-radius: 8px;
      font-weight: 600;
      font-size: .9rem;
      transition: transform .2s, box-shadow .2s;
      box-shadow: 0 4px 20px rgba(0, 0, 0, .3);
      display: inline-block
    }
    .btn-white:hover {
      transform: translateY(-2px);
      box-shadow: 0 8px 28px rgba(0, 0, 0, .4)
    }
    .btn-ghost {
      background: transparent;
      color: #fff;
      border: 1.5px solid rgba(255, 255, 255, .28);
      padding: .8rem 1.9rem;
      border-radius: 8px;
      font-size: .9rem;
      transition: background .2s, border .2s;
      display: inline-block
    }
    .btn-ghost:hover {
      background: rgba(255, 255, 255, .06);
      border-color: rgba(255, 255, 255, .55)
    }
    .info-card {
      background: var(--card);
      border: 1px solid var(--border);
      border-radius: 14px;
      padding: 1.8rem;
      box-shadow: 0 24px 60px rgba(0, 0, 0, .5);
      max-width: 360px;
      width: 100%
    }
    .info-card-label {
      font-size: .68rem;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: .12em;
      color: var(--muted);
      margin-bottom: 1.1rem
    }
    .info-item {
      display: flex;
      align-items: flex-start;
      gap: .9rem;
      padding: .9rem 0;
      border-bottom: 1px solid var(--border)
    }
    .info-item:last-child {
      border-bottom: none;
      padding-bottom: 0
    }
    .info-icon {
      width: 38px;
      height: 38px;
      border-radius: 8px;
      background: var(--mint);
      border: 1px solid rgba(255, 255, 255, .12);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0
    }
    .info-icon svg {
      width: 18px;
      height: 18px;
      stroke: var(--teal);
      fill: none;
      stroke-width: 1.75;
      stroke-linecap: round;
      stroke-linejoin: round
    }
    .info-title {
      font-size: .87rem;
      font-weight: 500;
      color: var(--text);
      margin-bottom: .18rem
    }
    .info-desc {
      font-size: .78rem;
      color: var(--muted);
      line-height: 1.5
    }
    .launch-notice {
      margin-top: 1.2rem;
      background: rgba(255, 255, 255, .05);
      border: 1px solid rgba(255, 255, 255, .14);
      border-radius: 10px;
      padding: .9rem 1.1rem;
      display: flex;
      gap: .7rem;
      align-items: center
    }
    .launch-notice-icon {
      width: 30px;
      height: 30px;
      border-radius: 7px;
      background: rgba(255, 255, 255, .08);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0
    }
    .launch-notice-icon svg {
      width: 14px;
      height: 14px;
      stroke: var(--teal-light);
      fill: none;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round
    }
    .launch-notice-text {
      font-size: .75rem;
      color: rgba(233, 237, 243, .65);
      line-height: 1.45
    }
    .launch-notice-text strong {
      color: #fff;
      font-weight: 500;
      display: block;
      margin-bottom: .08rem
    }
    section.cs {
      padding: 5rem 2rem
    }
    .si {
      max-width: 1140px;
      margin: 0 auto
    }
    .stag {
      font-family: 'JetBrains Mono', monospace;
      font-size: .68rem;
      letter-spacing: .1em;
      text-transform: uppercase;
      color: var(--teal);
      font-weight: 500;
      margin-bottom: .9rem;
      display: flex;
      align-items: center;
      gap: .55rem
    }
    .stag::before {
      content: '';
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: currentColor;
      display: inline-block;
      animation: dotpulse 2.2s ease-in-out infinite
    }
    .stitle {
      font-size: 2.15rem;
      font-weight: 600;
      color: var(--text);
      margin-bottom: .95rem
    }
    .ssub {
      font-size: .97rem;
      color: var(--muted);
      max-width: 560px;
      line-height: 1.78
    }
    .steps {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 2.2rem;
      margin-top: 3.5rem
    }
    .step {
      position: relative;
      border-top: 1px solid var(--border);
      padding-top: 1.6rem;
      transition: border-color .3s
    }
    .step:hover {
      border-color: var(--teal)
    }
    .step-num {
      font-family: 'JetBrains Mono', monospace;
      font-size: 1.9rem;
      font-weight: 500;
      color: var(--teal);
      opacity: .55;
      line-height: 1;
      margin-bottom: 1.1rem
    }
    .step h3 {
      font-size: .92rem;
      font-weight: 500;
      color: var(--text);
      margin-bottom: .42rem
    }
    .step p {
      font-size: .82rem;
      color: var(--muted);
      line-height: 1.65
    }
    .step-line {
      display: none
    }
    .step:last-child .step-line {
      display: none
    }
    .warm-bg {
      background: var(--warm)
    }
    .photo-strip {
      display: grid;
      grid-template-columns: 1.3fr 1fr 1fr;
      gap: 1rem;
      margin-top: 2.75rem
    }
    .photo-strip img {
      width: 100%;
      height: 220px;
      object-fit: cover;
      display: block;
      filter: grayscale(1) contrast(1.1) brightness(.92)
    }
    .photo-strip a:nth-child(1) img {
      border-radius: 14px 4px 14px 4px
    }
    .photo-strip a:nth-child(2) img {
      border-radius: 4px 14px 4px 14px;
      height: 220px
    }
    .photo-strip a:nth-child(3) img {
      border-radius: 14px 4px 14px 4px
    }
    .photo-strip a {
      display: block;
      border: 1px solid var(--border)
    }
    .services-grid {
      display: flex;
      gap: 1.1rem;
      margin-top: 3rem;
      overflow-x: auto;
      padding-bottom: 1rem;
      scroll-snap-type: x proximity;
      -ms-overflow-style: none;
      scrollbar-width: none
    }
    .services-grid::-webkit-scrollbar {
      display: none
    }
    .svc {
      flex: 0 0 250px;
      scroll-snap-align: start
    }
    .svc {
      background: var(--card);
      border: 1px solid var(--border);
      border-radius: var(--radius);
      padding: 1.7rem;
      transition: transform .2s, border-color .2s
    }
    .svc:hover {
      transform: translateY(-3px);
      border-color: rgba(47, 125, 253, .45)
    }
    .svc-icon {
      width: 44px;
      height: 44px;
      border-radius: 9px;
      background: var(--mint);
      border: 1px solid rgba(255, 255, 255, .10);
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 1.05rem
    }
    .svc-icon svg {
      width: 20px;
      height: 20px;
      stroke: var(--teal);
      fill: none;
      stroke-width: 1.75;
      stroke-linecap: round;
      stroke-linejoin: round
    }
    .svc h3 {
      font-size: .95rem;
      font-weight: 500;
      color: var(--text);
      margin-bottom: .4rem
    }
    .svc p {
      font-size: .82rem;
      color: var(--muted);
      line-height: 1.65
    }
    .svc-tags {
      display: flex;
      flex-wrap: wrap;
      gap: .3rem;
      margin-top: .8rem
    }
    .tag {
      font-size: .65rem;
      background: var(--mint);
      color: var(--teal-light);
      padding: .2rem .6rem;
      border-radius: 5px;
      border: 1px solid rgba(255, 255, 255, .08);
      letter-spacing: .02em
    }
    .portal-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 4rem;
      align-items: center;
      margin-top: 3rem
    }
    .portal-copy h2 {
      font-size: 2rem
    }
    .portal-copy p {
      color: var(--muted);
      margin-top: .9rem;
      margin-bottom: 1.9rem;
      font-size: .96rem;
      line-height: 1.78
    }
    .pf {
      display: flex;
      gap: .7rem;
      margin-bottom: .95rem;
      align-items: flex-start
    }
    .pf-dot {
      width: 20px;
      height: 20px;
      border-radius: 5px;
      background: var(--mint);
      border: 1px solid rgba(255, 255, 255, .2);
      flex-shrink: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 2px
    }
    .pf-dot svg {
      width: 10px;
      height: 10px;
      stroke: var(--teal);
      fill: none;
      stroke-width: 2.5
    }
    .pf h4 {
      font-size: .87rem;
      font-weight: 500;
      margin-bottom: .14rem
    }
    .pf p {
      font-size: .79rem;
      color: var(--muted)
    }
    .dash-wrap {
      position: relative
    }
    .dash-photo {
      position: absolute;
      left: -2.2rem;
      bottom: -2.2rem;
      width: 180px;
      height: 130px;
      border-radius: 10px;
      overflow: hidden;
      box-shadow: 0 14px 34px rgba(0, 0, 0, .5);
      border: 4px solid var(--cream);
      z-index: 2
    }
    .dash-photo img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      filter: grayscale(1) brightness(.9);
      animation: floatWatch 8s ease-in-out infinite
    }
    .dash {
      background: var(--card);
      border: 1px solid var(--border);
      border-radius: 14px;
      overflow: hidden;
      box-shadow: var(--shadow);
      position: relative;
      z-index: 1
    }
    .dash-head {
      background: var(--mint);
      border-bottom: 1px solid var(--border);
      padding: .95rem 1.2rem;
      display: flex;
      justify-content: space-between;
      align-items: center
    }
    .dash-title {
      font-family: 'Space Grotesk', sans-serif;
      font-size: .92rem;
      font-weight: 600;
      color: #fff
    }
    .dash-sub {
      font-size: .67rem;
      color: var(--muted)
    }
    .dash-date {
      font-family: 'JetBrains Mono', monospace;
      font-size: .65rem;
      color: var(--muted);
      text-align: right
    }
    .dash-body {
      padding: 1.15rem
    }
    .dlbl {
      font-size: .62rem;
      text-transform: uppercase;
      letter-spacing: .12em;
      color: var(--muted);
      font-weight: 600;
      margin-bottom: .5rem
    }
    .tr {
      display: flex;
      align-items: center;
      gap: .7rem;
      padding: .56rem 0;
      border-bottom: 1px solid var(--border)
    }
    .tr:last-child {
      border-bottom: none
    }
    .tck {
      width: 16px;
      height: 16px;
      border-radius: 4px;
      border: 1.5px solid var(--border);
      flex-shrink: 0;
      position: relative
    }
    .tck.done {
      background: var(--teal);
      border-color: var(--teal)
    }
    .tck.done::after {
      content: '';
      position: absolute;
      left: 3px;
      top: 2px;
      width: 7px;
      height: 4px;
      border-left: 1.5px solid #ffffff;
      border-bottom: 1.5px solid #ffffff;
      transform: rotate(-45deg)
    }
    .tl {
      font-size: .81rem;
      flex: 1;
      color: var(--text)
    }
    .tl.done {
      color: var(--muted);
      text-decoration: line-through
    }
    .tt {
      font-family: 'JetBrains Mono', monospace;
      font-size: .68rem;
      color: var(--muted)
    }
    .appt {
      background: var(--mint);
      border: 1px solid var(--border);
      border-radius: 9px;
      padding: .76rem .9rem;
      display: flex;
      gap: .7rem;
      align-items: center;
      margin-bottom: .45rem
    }
    .appt-time {
      background: var(--cream);
      border: 1px solid var(--border);
      border-radius: 6px;
      padding: .35rem .5rem;
      text-align: center;
      flex-shrink: 0
    }
    .appt-time strong {
      display: block;
      font-family: 'JetBrains Mono', monospace;
      font-size: .7rem;
      color: var(--teal-light);
      font-weight: 700
    }
    .appt-time span {
      font-size: .58rem;
      color: var(--muted)
    }
    .appt-info h4 {
      font-size: .78rem;
      font-weight: 500;
      color: var(--text)
    }
    .appt-info p {
      font-size: .68rem;
      color: var(--muted)
    }
    .appt-badge {
      font-size: .63rem;
      background: var(--teal);
      color: #ffffff;
      font-weight: 600;
      border-radius: 5px;
      padding: .16rem .5rem;
      margin-left: auto;
      flex-shrink: 0
    }
    .vitals {
      display: flex;
      gap: .45rem;
      margin-top: .72rem
    }
    .vchip {
      flex: 1;
      background: var(--cream);
      border: 1px solid var(--border);
      border-radius: 7px;
      padding: .5rem .65rem;
      text-align: center
    }
    .vchip .val {
      font-size: .93rem;
      font-weight: 600;
      font-family: 'JetBrains Mono', monospace;
      color: var(--teal-light)
    }
    .vchip .vl {
      font-size: .61rem;
      color: var(--muted);
      margin-top: 2px
    }
    .watch-badge {
      display: inline-flex;
      align-items: center;
      gap: .5rem;
      color: var(--gold);
      font-size: .72rem;
      letter-spacing: .14em;
      text-transform: uppercase;
      margin-bottom: 1.4rem;
      font-weight: 600
    }
    .watch-badge-dot {
      width: 5px;
      height: 5px;
      border-radius: 50%;
      background: var(--gold);
      display: inline-block;
      animation: dotpulse 2.2s ease-in-out infinite
    }
    .watch-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 4rem;
      align-items: center;
      margin-top: 3rem
    }
    .watch-photo-wrap {
      position: relative;
      border-radius: 16px;
      overflow: hidden;
      border: 1px solid var(--border);
      box-shadow: 0 24px 60px rgba(0, 0, 0, .5)
    }
    .watch-photo-wrap img {
      width: 100%;
      height: 420px;
      object-fit: cover;
      display: block;
      filter: grayscale(1) contrast(1.1) brightness(.92);
      animation: floatWatch 7s ease-in-out infinite
    }
    .watch-photo-wrap::after {
      content: '';
      position: absolute;
      inset: 0;
      background: linear-gradient(180deg, transparent 40%, rgba(6, 8, 11, .75) 100%)
    }
    @keyframes floatWatch {
      0%,
      100% {
        transform: scale(1.07) translateY(0) rotate(-1deg)
      }
      50% {
        transform: scale(1.07) translateY(-10px) rotate(1deg)
      }
    }
    .watch-feats {
      list-style: none;
      margin-top: 1.9rem
    }
    .watch-feats li {
      display: flex;
      gap: .8rem;
      margin-bottom: 1rem;
      align-items: flex-start;
      font-size: .88rem;
      color: rgba(255, 255, 255, .72)
    }
    .watch-feats li svg {
      width: 16px;
      height: 16px;
      stroke: var(--gold);
      fill: none;
      stroke-width: 2.2;
      flex-shrink: 0;
      margin-top: .2rem
    }
    .watch-cta {
      margin-top: 2rem;
      display: inline-flex;
      align-items: center;
      gap: .6rem;
      background: var(--teal);
      color: #ffffff;
      padding: .82rem 1.7rem;
      border-radius: 8px;
      font-weight: 600;
      font-size: .9rem;
      transition: background .2s
    }
    .watch-cta:hover {
      background: var(--teal-light)
    }
    .ref-photos {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 1.2rem;
      margin-top: 2.5rem;
      margin-bottom: 1rem
    }
    .ref-photo-card {
      border: 1px solid var(--border);
      border-radius: 14px;
      overflow: hidden;
      background: var(--card)
    }
    .ref-photo-card img {
      width: 100%;
      height: 260px;
      object-fit: cover;
      display: block;
      filter: grayscale(1) contrast(1.05) brightness(.94);
      animation: floatWatch 9s ease-in-out infinite
    }
    .ref-photo-label {
      padding: .9rem 1.1rem;
      border-top: 1px solid var(--border)
    }
    .ref-photo-label .rl-tag {
      font-size: .63rem;
      letter-spacing: .12em;
      text-transform: uppercase;
      color: var(--muted);
      font-weight: 600;
      margin-bottom: .2rem
    }
    .ref-photo-label .rl-title {
      font-size: .85rem;
      color: var(--text)
    }
    .dark-bg {
      filter: grayscale(1);
      background: linear-gradient(rgba(6, 8, 11, .95), rgba(6, 8, 11, .95)), url('https://images.unsplash.com/photo-1777496410128-926b2d0083f9?auto=format&fit=crop&w=1800&q=80') center/cover
    }
    .dark-bg .stag {
      color: var(--gold)
    }
    .dark-bg .stitle {
      color: #fff
    }
    .dark-bg .ssub {
      color: rgba(255, 255, 255, .5)
    }
    .mission-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 1.2rem;
      margin-top: 3rem
    }
    .mcard {
      background: rgba(255, 255, 255, .03);
      border: 1px solid rgba(255, 255, 255, .08);
      border-radius: var(--radius);
      padding: 1.75rem;
      transition: border-color .2s
    }
    .mcard:hover {
      border-color: rgba(47, 125, 253, .45)
    }
    .mcard-icon {
      width: 44px;
      height: 44px;
      border-radius: 9px;
      background: rgba(255, 255, 255, .05);
      border: 1px solid rgba(255, 255, 255, .09);
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 1.1rem
    }
    .mcard-icon svg {
      width: 20px;
      height: 20px;
      stroke: var(--gold);
      fill: none;
      stroke-width: 1.75;
      stroke-linecap: round;
      stroke-linejoin: round
    }
    .mcard h3 {
      font-size: .97rem;
      font-weight: 500;
      color: #fff;
      margin-bottom: .45rem
    }
    .mcard p {
      font-size: .82rem;
      color: rgba(255, 255, 255, .5);
      line-height: 1.65
    }
    .mint-bg {
      background: var(--warm)
    }
    .ref-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 4rem;
      align-items: center;
      margin-top: 3rem
    }
    .ref-form {
      background: var(--card);
      border: 1px solid var(--border);
      border-radius: 14px;
      padding: 2rem
    }
    .ref-form h3 {
      font-family: 'Space Grotesk', sans-serif;
      font-size: 1.15rem;
      font-weight: 600;
      margin-bottom: .15rem
    }
    .ref-form p {
      font-size: .75rem;
      color: var(--muted);
      margin-bottom: .2rem
    }
    .fg {
      margin-top: .9rem
    }
    .fg label {
      display: block;
      font-size: .67rem;
      font-weight: 600;
      color: var(--muted);
      margin-bottom: .3rem;
      text-transform: uppercase;
      letter-spacing: .08em
    }
    .fg input,
    .fg select,
    .fg textarea {
      width: 100%;
      padding: .64rem .86rem;
      border: 1px solid var(--border);
      border-radius: 7px;
      font-family: 'Inter', sans-serif;
      font-size: .87rem;
      color: var(--text);
      background: var(--warm);
      transition: border .2s;
      outline: none
    }
    .fg input::placeholder,
    .fg textarea::placeholder {
      color: #4c5462
    }
    .fg input:focus,
    .fg select:focus,
    .fg textarea:focus {
      border-color: var(--teal)
    }
    .fg textarea {
      height: 84px;
      resize: none
    }
    .fg2 {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 1rem
    }
    .ref-submit {
      width: 100%;
      margin-top: 1.4rem;
      background: var(--teal);
      color: #ffffff;
      border: none;
      border-radius: 8px;
      padding: .84rem;
      font-family: 'Inter', sans-serif;
      font-size: .9rem;
      font-weight: 600;
      cursor: pointer;
      transition: background .2s
    }
    .ref-submit:hover {
      background: var(--teal-light)
    }
    .ref-info h3 {
      font-family: 'Space Grotesk', sans-serif;
      font-size: 1.7rem;
      font-weight: 600;
      margin-bottom: .95rem
    }
    .ref-info p {
      color: var(--muted);
      line-height: 1.78;
      margin-bottom: 1.4rem;
      font-size: .95rem
    }
    .ref-steps {
      list-style: none
    }
    .ref-steps li {
      display: flex;
      gap: .9rem;
      margin-bottom: 1.15rem;
      align-items: flex-start
    }
    .sc {
      width: 28px;
      height: 28px;
      border-radius: 7px;
      background: var(--mint);
      border: 1px solid rgba(255, 255, 255, .2);
      color: var(--teal-light);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: .75rem;
      font-weight: 700;
      flex-shrink: 0
    }
    .ref-steps li div h4 {
      font-size: .87rem;
      font-weight: 500;
      margin-bottom: .14rem
    }
    .ref-steps li div p {
      font-size: .78rem;
      color: var(--muted)
    }
    .faq-wrap {
      margin-top: 3rem;
      max-width: 680px;
      margin-left: auto;
      margin-right: auto
    }
    .faq-item {
      background: var(--card);
      border: 1px solid var(--border);
      border-radius: var(--radius);
      margin-bottom: .58rem;
      overflow: hidden;
      transition: border-color .2s
    }
    .faq-item.open {
      border-color: rgba(255, 255, 255, .2)
    }
    .faq-q {
      padding: 1.15rem 1.45rem;
      font-weight: 500;
      cursor: pointer;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: .9rem;
      gap: 1rem;
      user-select: none
    }
    .faq-q:hover {
      background: rgba(255, 255, 255, .02)
    }
    .faq-chev {
      width: 15px;
      height: 15px;
      stroke: var(--muted);
      fill: none;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
      transition: transform .3s;
      flex-shrink: 0
    }
    .faq-item.open .faq-chev {
      transform: rotate(180deg);
      stroke: var(--teal)
    }
    .faq-a {
      padding: 0 1.45rem;
      font-size: .84rem;
      color: var(--muted);
      line-height: 1.75;
      max-height: 0;
      overflow: hidden;
      transition: max-height .35s ease, padding .35s
    }
    .faq-item.open .faq-a {
      max-height: 200px;
      padding-bottom: 1.15rem
    }
    footer {
      background: #06080b;
      color: rgba(255, 255, 255, .45);
      padding: 3rem 2rem 2rem;
      border-top: 1px solid var(--border)
    }
    .footer-inner {
      max-width: 1140px;
      margin: 0 auto
    }
    .footer-top {
      display: grid;
      grid-template-columns: 2fr 1fr 1fr;
      gap: 3rem;
      margin-bottom: 2.5rem
    }
    .footer-brand-name {
      font-family: 'Space Grotesk', sans-serif;
      font-size: .92rem;
      font-weight: 700;
      color: #fff;
      display: flex;
      align-items: center;
      gap: .5rem;
      margin-bottom: .7rem;
      letter-spacing: .08em;
      text-transform: uppercase
    }
    .footer-brand-name span {
      font-weight: 400;
      color: rgba(255, 255, 255, .4);
      letter-spacing: .14em;
      margin-left: .05em
    }
    .footer-brand p {
      font-size: .81rem;
      line-height: 1.65
    }
    .footer-release {
      font-size: .63rem;
      letter-spacing: .1em;
      text-transform: uppercase;
      color: rgba(255, 255, 255, .22);
      margin-top: .5rem
    }
    .footer-col h4 {
      font-size: .67rem;
      text-transform: uppercase;
      letter-spacing: .13em;
      color: rgba(255, 255, 255, .7);
      font-weight: 600;
      margin-bottom: .8rem
    }
    .footer-col ul {
      list-style: none
    }
    .footer-col li {
      margin-bottom: .46rem;
      font-size: .81rem
    }
    .footer-col a:hover {
      color: var(--teal-light)
    }
    .footer-bottom {
      border-top: 1px solid var(--border);
      padding-top: 1.4rem;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: .72rem
    }
    .footer-bottom a {
      color: rgba(255, 255, 255, .3)
    }
    .footer-bottom a:hover {
      color: rgba(255, 255, 255, .65)
    }
    .toast {
      position: fixed;
      bottom: 2rem;
      right: 2rem;
      background: var(--teal);
      color: #ffffff;
      padding: .86rem 1.4rem;
      border-radius: 9px;
      box-shadow: 0 8px 32px rgba(0, 0, 0, .4);
      transform: translateY(120px);
      opacity: 0;
      transition: all .4s;
      z-index: 999;
      font-size: .85rem;
      font-weight: 500;
      display: flex;
      align-items: center;
      gap: .6rem
    }
    .toast.show {
      transform: translateY(0);
      opacity: 1
    }
    .toast.error {
      background: #e5484d;
      color: #fff
    }
    .tck-sm {
      width: 17px;
      height: 17px;
      border-radius: 50%;
      background: rgba(4, 7, 10, .2);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0
    }
    .tck-sm svg {
      width: 9px;
      height: 9px;
      stroke: #ffffff;
      fill: none;
      stroke-width: 2.5;
      stroke-linecap: round;
      stroke-linejoin: round
    }
    .lp-back {
      position: absolute;
      top: 1.75rem;
      left: 2rem;
      display: flex;
      align-items: center;
      gap: .45rem;
      font-size: .78rem;
      color: rgba(255, 255, 255, .35);
      cursor: pointer;
      transition: color .2s;
      z-index: 10
    }
    .lp-back:hover {
      color: rgba(255, 255, 255, .7)
    }
    .lp-back svg {
      width: 14px;
      height: 14px;
      stroke: currentColor;
      fill: none;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round
    }
    .lp-input {
      flex: 1;
      background: rgba(255, 255, 255, .05);
      border: 1px solid rgba(255, 255, 255, .12);
      border-radius: 8px;
      padding: .7rem 1.2rem;
      font-family: 'Inter', sans-serif;
      font-size: .87rem;
      color: #fff;
      outline: none;
      transition: border .2s;
      min-width: 0
    }
    .lp-input::placeholder {
      color: rgba(255, 255, 255, .3)
    }
    .lp-input:focus {
      border-color: rgba(255, 255, 255, .3)
    }
    .lp-btn {
      background: var(--teal);
      color: #ffffff;
      border: none;
      border-radius: 8px;
      padding: .7rem 1.45rem;
      font-family: 'Inter', sans-serif;
      font-size: .87rem;
      font-weight: 600;
      cursor: pointer;
      transition: background .2s;
      white-space: nowrap
    }
    .lp-btn:hover {
      background: var(--teal-light)
    }
    .loading {
      opacity: 0.6;
      cursor: wait;
      pointer-events: none
    }
    @media(max-width:900px) {
      .hero-inner,
      .portal-grid,
      .ref-grid,
      .footer-top {
        grid-template-columns: 1fr
      }
      .steps,
      .mission-grid {
        grid-template-columns: 1fr 1fr
      }
      .hero h1 {
        font-size: 2.6rem
      }
      .info-card {
        max-width: 100%
      }
    }
    @media(max-width:600px) {
      .steps,
      .mission-grid,
      .fg2,
      .photo-strip,
      .ref-photos {
        grid-template-columns: 1fr
      }
      .nav-links {
        display: none
      }
      .dash-photo {
        left: 1rem;
        bottom: -1.6rem;
        width: 140px;
        height: 100px
      }
      .hero h1 {
        font-size: 2.1rem
      }
    }

    /* SCROLL REVEAL */
    .reveal {
      opacity: 0;
      transform: translateY(28px);
      transition: opacity .9s cubic-bezier(.16,.8,.3,1), transform .9s cubic-bezier(.16,.8,.3,1);
    }
    .reveal.revealed {
      opacity: 1;
      transform: translateY(0);
    }
    .reveal-stagger.revealed > * {
      animation: none;
    }

    /* INVESTOR PAGE */
    .inv-lede {
      font-size: 1.15rem;
      color: rgba(255,255,255,.7);
      max-width: 680px;
      line-height: 1.75;
      margin-top: 1.2rem;
      font-weight: 300;
    }
    .inv-divider {
      border: none;
      border-top: 1px solid var(--border);
      margin: 3.5rem 0;
    }
    .stat-row {
      display: flex;
      flex-wrap: wrap;
      margin-top: 2.5rem;
    }
    .stat-row .stat {
      flex: 1 1 180px;
      padding: 0 2rem 1.5rem 0;
      border-left: 1px solid var(--border);
      padding-left: 2rem;
      margin-left: -1px;
    }
    .stat-row .stat:first-child {
      border-left: none;
      padding-left: 0;
      margin-left: 0;
    }
    .stat .stat-num {
      font-family: 'JetBrains Mono', monospace;
      font-size: 2.6rem;
      font-weight: 700;
      color: #fff;
      line-height: 1;
      letter-spacing: -.02em;
    }
    .stat .stat-label {
      font-size: .72rem;
      text-transform: uppercase;
      letter-spacing: .1em;
      color: var(--muted);
      margin-top: .8rem;
      font-weight: 600;
    }
    .stat .stat-note {
      font-size: .82rem;
      color: var(--muted);
      margin-top: .4rem;
      line-height: 1.5;
    }
    .inv-section-label {
      font-family: 'JetBrains Mono', monospace;
      font-size: .68rem;
      letter-spacing: .1em;
      text-transform: uppercase;
      color: var(--gold);
      font-weight: 500;
      margin-bottom: .9rem;
      display: flex;
      align-items: center;
      gap: .55rem
    }
    .inv-section-label::before {
      content: '';
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: currentColor;
      display: inline-block
    }
    .inv-heading {
      font-size: 1.5rem;
      font-weight: 600;
      color: var(--text);
      margin-bottom: 1.2rem;
      max-width: 640px;
    }
    .milestones {
      list-style: none;
      margin-top: 1.5rem;
    }
    .milestones li {
      display: grid;
      grid-template-columns: 200px 1fr;
      gap: 2rem;
      padding: 1.4rem 0;
      border-top: 1px solid var(--border);
      align-items: baseline;
    }
    .milestones li:last-child {
      border-bottom: 1px solid var(--border);
    }
    .milestones .m-value {
      font-family: 'JetBrains Mono', monospace;
      font-size: 1.3rem;
      font-weight: 700;
      color: #fff;
    }
    .milestones .m-body h4 {
      font-size: .92rem;
      font-weight: 500;
      color: var(--text);
      margin-bottom: .3rem;
    }
    .milestones .m-body p {
      font-size: .82rem;
      color: var(--muted);
      line-height: 1.6;
    }
    .flow-list {
      list-style: none;
      margin-top: 1.4rem;
      counter-reset: flow;
    }
    .flow-list li {
      display: flex;
      align-items: baseline;
      gap: .9rem;
      padding: .55rem 0;
      font-size: .95rem;
      color: rgba(255,255,255,.78);
    }
    .flow-list li::before {
      counter-increment: flow;
      content: counter(flow);
      font-family: 'JetBrains Mono', monospace;
      font-size: .78rem;
      font-weight: 700;
      color: var(--gold);
      width: 22px;
      flex-shrink: 0;
    }
    .inv-considerations {
      margin-top: 1.4rem;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: .6rem 2.5rem;
    }
    .inv-considerations li {
      list-style: none;
      font-size: .85rem;
      color: var(--muted);
      padding-left: 1.1rem;
      position: relative;
      line-height: 1.6;
    }
    .inv-considerations li::before {
      content: '';
      position: absolute;
      left: 0;
      top: .55em;
      width: 5px;
      height: 5px;
      border-radius: 50%;
      background: var(--muted);
    }
    @media(max-width:700px) {
      .milestones li {
        grid-template-columns: 1fr;
        gap: .3rem;
      }
      .inv-considerations {
        grid-template-columns: 1fr;
      }
    }