:root {
          --ink: #071B2E;
          --ink-2: #0D2338;
          --bg: #F6F8FA;
          --bg-panel: #E9EEF3;
          --sky: #2E6DA4;
          --sky-light: #4A90D9;
          --sky-glow: #7EC1F0;
          --gold: #B8912F;
          --gold-light: #D4B45C;
          --text-muted: #57697A;
          --line: rgba(7, 27, 46, 0.12);
      }
      
      * {
          box-sizing: border-box;
      }
      
      body {
          font-family: 'Inter', sans-serif;
          background: var(--bg);
          color: var(--ink-2);
          -webkit-font-smoothing: antialiased;
      }
      
      html,
      body {
          overflow-x: hidden;
          max-width: 100%;
      }
      
      h1,
      h2,
      h3,
      h4,
      .display-font {
          font-family: 'Space Grotesk', sans-serif;
          letter-spacing: -0.01em;
      }
      
      .mono {
          font-family: 'IBM Plex Mono', monospace;
          letter-spacing: 0.02em;
      }
      
      a {
          text-decoration: none;
      }
      /* ---------- NAV ---------- */
      
      .navbar-lrr {
          padding: 1.1rem 0;
          background: rgba(7, 27, 46, 0.0);
          transition: background .3s ease, box-shadow .3s ease, padding .3s ease;
          position: fixed;
          top: 0;
          left: 0;
          right: 0;
          z-index: 1000;
      }
      
      .navbar-lrr.scrolled {
          background: rgba(7, 27, 46, 0.94);
          backdrop-filter: blur(8px);
          padding: .7rem 0;
          box-shadow: 0 4px 24px rgba(0, 0, 0, .15);
      }
      
      .navbar-lrr .nav-link {
          color: #EAF1F8 !important;
          font-size: .92rem;
          font-weight: 500;
          margin: 0 .7rem;
          opacity: .85;
      }
      
      .navbar-lrr .nav-link:hover {
          opacity: 1;
      }
      
      .brand-mark {
          display: flex;
          align-items: center;
          gap: .6rem;
          font-family: 'Space Grotesk', sans-serif;
          font-weight: 700;
          font-size: 1.15rem;
          color: #fff;
      }
      
      .brand-sub {
          font-family: 'IBM Plex Mono', monospace;
          font-size: .62rem;
          letter-spacing: .14em;
          color: var(--sky-glow);
          text-transform: uppercase;
          display: block;
          margin-top: -2px;
      }
      
      .btn-gold {
          background: linear-gradient(135deg, var(--gold-light), var(--gold));
          border: none;
          color: #201804;
          font-weight: 600;
          padding: .55rem 1.4rem;
          border-radius: 2px;
          font-size: .88rem;
          transition: .2s;
          box-shadow: 0 4px 14px rgba(184, 145, 47, .25);
      }
      
      .btn-gold:hover {
          filter: brightness(1.06);
          color: #201804;
          box-shadow: 0 6px 18px rgba(184, 145, 47, .35);
      }
      
      .btn-outline-line {
          border: 1px solid rgba(255, 255, 255, .35);
          color: #fff;
          padding: .55rem 1.4rem;
          border-radius: 2px;
          font-size: .88rem;
          font-weight: 500;
          transition: .2s;
      }
      
      .btn-outline-line:hover {
          border-color: #fff;
          background: rgba(255, 255, 255, .06);
          color: #fff;
      }
      /* ---------- HERO ---------- */
      
      .hero {
          position: relative;
          min-height: 100vh;
          background: radial-gradient(ellipse at 75% 15%, rgba(126, 193, 240, 0.18), transparent 55%), linear-gradient(180deg, #071B2E 0%, #0B2C48 55%, #113A5C 100%);
          overflow: hidden;
          display: flex;
          align-items: center;
          padding-top: 6rem;
      }
      
      .hero-glow {
          position: absolute;
          width: 900px;
          height: 900px;
          border-radius: 50%;
          background: radial-gradient(circle, rgba(184, 145, 47, 0.14) 0%, transparent 70%);
          top: -300px;
          right: -200px;
          pointer-events: none;
      }
      
      .mountains {
          position: absolute;
          left: 0;
          right: 0;
          bottom: 0;
          width: 100%;
          line-height: 0;
      }
      
      .eyebrow {
          font-family: 'IBM Plex Mono', monospace;
          font-size: .74rem;
          letter-spacing: .18em;
          text-transform: uppercase;
          color: var(--sky-glow);
          display: flex;
          align-items: center;
          gap: .6rem;
          margin-bottom: 1.2rem;
      }
      
      .eyebrow::before {
          content: "";
          width: 28px;
          height: 1px;
          background: var(--gold-light);
          display: inline-block;
      }
      
      .hero h1 {
          color: #fff;
          font-size: clamp(2.4rem, 5.2vw, 4.4rem);
          font-weight: 700;
          line-height: 1.05;
          margin-bottom: 1.3rem;
      }
      
      .hero h1 em {
          font-style: normal;
          color: var(--sky-glow);
      }
      
      .hero p.lead {
          color: #C7D6E4;
          font-size: 1.12rem;
          max-width: 520px;
          line-height: 1.7;
          font-weight: 400;
      }
      
      .spec-ticker {
          display: flex;
          gap: 0;
          margin-top: 3.2rem;
          border-top: 1px solid rgba(255, 255, 255, .12);
          flex-wrap: wrap;
      }
      
      .spec-item {
          padding: 1.1rem 1.8rem 0 0;
          margin-right: 1.8rem;
          border-right: 1px solid rgba(255, 255, 255, .12);
      }
      
      .spec-item:last-child {
          border-right: none;
      }
      
      .spec-item .num {
          font-family: 'Space Grotesk', sans-serif;
          color: #fff;
          font-size: 1.7rem;
          font-weight: 600;
      }
      
      .spec-item .label {
          font-family: 'IBM Plex Mono', monospace;
          font-size: .68rem;
          letter-spacing: .08em;
          color: #8AA0B8;
          text-transform: uppercase;
      }
      /* ---------- TRUST BAR ---------- */
      
      .trust-bar {
          background: var(--ink);
          border-top: 1px solid rgba(255, 255, 255, .08);
          padding: 1.1rem 0;
      }
      
      .trust-bar .item {
          color: #B7C6D6;
          font-size: .82rem;
          font-weight: 500;
          display: flex;
          align-items: center;
          gap: .55rem;
      }
      
      .trust-bar .item svg {
          flex-shrink: 0;
      }
      /* ---------- SECTION HEADERS ---------- */
      
      .section-pad {
          padding: 6.5rem 0;
      }
      
      .sec-eyebrow {
          font-family: 'IBM Plex Mono', monospace;
          font-size: .72rem;
          letter-spacing: .16em;
          text-transform: uppercase;
          color: var(--sky);
          font-weight: 600;
          margin-bottom: .8rem;
      }
      
      .sec-title {
          font-size: clamp(1.8rem, 3vw, 2.6rem);
          font-weight: 600;
          color: var(--ink-2);
          max-width: 640px;
      }
      
      .sec-desc {
          color: var(--text-muted);
          max-width: 560px;
          font-size: 1rem;
          line-height: 1.7;
      }
      /* ---------- MODEL CARDS ---------- */
      
      .model-card {
          background: #fff;
          border: 1px solid var(--line);
          border-radius: 4px;
          overflow: hidden;
          height: 100%;
          transition: .25s ease;
          position: relative;
      }
      
      .model-card:hover {
          transform: translateY(-4px);
          box-shadow: 0 20px 40px rgba(7, 27, 46, .09);
      }
      
      .model-visual {
          height: 230px;
          position: relative;
          overflow: hidden;
          background: linear-gradient(160deg, #113A5C 0%, #2E6DA4 100%);
          display: flex;
          align-items: center;
          justify-content: center;
      }
      
      .model-visual svg {
          width: 78%;
          opacity: .95;
      }
      
      .model-badge {
          position: absolute;
          top: 1rem;
          left: 1rem;
          font-family: 'IBM Plex Mono', monospace;
          font-size: .66rem;
          letter-spacing: .1em;
          background: rgba(255, 255, 255, .14);
          color: #fff;
          padding: .28rem .65rem;
          border-radius: 2px;
          text-transform: uppercase;
          backdrop-filter: blur(4px);
      }
      
      .model-body {
          padding: 1.7rem 1.6rem 1.9rem;
      }
      
      .model-name {
          font-size: 1.4rem;
          font-weight: 700;
          margin-bottom: .15rem;
      }
      
      .model-tag {
          color: var(--text-muted);
          font-size: .86rem;
          margin-bottom: 1.2rem;
      }
      
      .spec-grid {
          display: grid;
          grid-template-columns: 1fr 1fr;
          gap: .9rem 1rem;
          border-top: 1px solid var(--line);
          padding-top: 1.1rem;
          margin-bottom: 1.3rem;
      }
      
      .spec-grid .k {
          font-family: 'IBM Plex Mono', monospace;
          font-size: .66rem;
          color: var(--text-muted);
          text-transform: uppercase;
          letter-spacing: .06em;
      }
      
      .spec-grid .v {
          font-family: 'Space Grotesk', sans-serif;
          font-weight: 600;
          font-size: 1.02rem;
          color: var(--ink-2);
      }
      
      .model-price {
          font-family: 'IBM Plex Mono', monospace;
          color: var(--sky);
          font-weight: 600;
          font-size: 1.05rem;
      }
      /* ---------- FEATURE GRID ---------- */
      
      .feat-item {
          padding: 2rem 1.6rem;
          border: 1px solid var(--line);
          border-radius: 4px;
          background: #fff;
          height: 100%;
      }
      
      .feat-icon {
          width: 46px;
          height: 46px;
          border-radius: 50%;
          background: rgba(28, 110, 110, .09);
          display: flex;
          align-items: center;
          justify-content: center;
          margin-bottom: 1.1rem;
      }
      
      .feat-item h5 {
          font-weight: 600;
          font-size: 1.05rem;
          margin-bottom: .5rem;
      }
      
      .feat-item p {
          color: var(--text-muted);
          font-size: .9rem;
          line-height: 1.65;
          margin: 0;
      }
      /* ---------- SAVINGS / HYDRO SECTION ---------- */
      
      .savings-panel {
          background: var(--ink);
          border-radius: 6px;
          padding: 3.2rem 3rem;
          color: #fff;
          position: relative;
          overflow: hidden;
      }
      
      .savings-panel::after {
          content: "";
          position: absolute;
          right: -120px;
          top: -120px;
          width: 340px;
          height: 340px;
          border-radius: 50%;
          background: radial-gradient(circle, rgba(184, 145, 47, .18), transparent 70%);
      }
      
      .gauge-wrap {
          display: flex;
          align-items: center;
          gap: 1.4rem;
      }
      
      .gauge-num {
          font-family: 'Space Grotesk', sans-serif;
          font-size: 3.2rem;
          font-weight: 700;
          color: var(--sky-glow);
          line-height: 1;
      }
      
      .gauge-label {
          font-family: 'IBM Plex Mono', monospace;
          font-size: .72rem;
          letter-spacing: .08em;
          color: #9DB4C8;
          text-transform: uppercase;
      }
      /* ---------- PROCESS ---------- */
      
      .process-row {
          border-top: 1px solid var(--line);
          padding: 1.8rem 0;
          display: flex;
          gap: 2rem;
          align-items: flex-start;
      }
      
      .process-row:last-child {
          border-bottom: 1px solid var(--line);
      }
      
      .process-index {
          font-family: 'IBM Plex Mono', monospace;
          font-size: .85rem;
          color: var(--gold);
          font-weight: 600;
          min-width: 48px;
      }
      
      .process-row h5 {
          font-weight: 600;
          margin-bottom: .35rem;
      }
      
      .process-row p {
          color: var(--text-muted);
          font-size: .92rem;
          margin: 0;
          max-width: 520px;
      }
      /* ---------- ABOUT ---------- */
      
      .about-panel {
          background: var(--bg-panel);
          border-radius: 6px;
          padding: 3.4rem;
      }
      
      .stat-block {
          border-left: 2px solid var(--gold);
          padding-left: 1rem;
      }
      
      .stat-block .num {
          font-family: 'Space Grotesk', sans-serif;
          font-weight: 700;
          font-size: 2.1rem;
          color: var(--ink-2);
      }
      
      .stat-block .label {
          font-size: .82rem;
          color: var(--text-muted);
      }
      /* ---------- CONTACT ---------- */
      
      .contact-section {
          background: var(--ink);
          color: #fff;
      }
      
      .contact-section .sec-eyebrow {
          color: var(--sky-glow);
      }
      
      .contact-section .sec-title {
          color: #fff;
      }
      
      .form-control-lrr {
          background: rgba(255, 255, 255, .05);
          border: 1px solid rgba(255, 255, 255, .15);
          color: #fff;
          padding: .75rem 1rem;
          border-radius: 3px;
          font-size: .92rem;
      }
      
      .form-control-lrr:focus {
          background: rgba(255, 255, 255, .08);
          border-color: var(--sky-glow);
          color: #fff;
          box-shadow: none;
      }
      
      .form-control-lrr::placeholder {
          color: #8AA0B8;
      }
      
      .contact-info-item {
          display: flex;
          gap: 1rem;
          padding: 1.1rem 0;
          border-top: 1px solid rgba(255, 255, 255, .1);
      }
      
      .contact-info-item .lbl {
          font-family: 'IBM Plex Mono', monospace;
          font-size: .68rem;
          letter-spacing: .08em;
          color: #8AA0B8;
          text-transform: uppercase;
      }
      /* ---------- FOOTER ---------- */
      
      footer {
          background: #061626;
          color: #8AA0B8;
          padding: 3rem 0 1.5rem;
          font-size: .85rem;
      }
      
      footer a {
          color: #B7C6D6;
      }
      
      footer a:hover {
          color: #fff;
      }
      
      footer hr {
          border-color: rgba(255, 255, 255, .08);
          margin: 2rem 0 1.3rem;
      }
      
      @media (max-width: 767px) {
          .savings-panel {
              padding: 2.2rem 1.5rem;
          }
          .about-panel {
              padding: 2rem;
          }
          .section-pad {
              padding: 4rem 0;
          }
      }
      
      #skywell {
          width: 100%;
          height: 100vh;
          position: relative;
          overflow: hidden;
      }
      
      #skywell-video {
          position: absolute;
          top: 50%;
          left: 50%;
          min-width: 100%;
          min-height: 100%;
          width: auto;
          height: auto;
          transform: translate(-50%, -50%);
          object-fit: cover;
          z-index: 0;
      }
      
      .skywell-video-overlay {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          background: rgba(0, 0, 0, 0.2);
          z-index: 1;
      }
      
      #skywell .container {
          position: relative;
          padding-top: 74px;
          text-align: center;
          z-index: 2;
      }
      
      #skywell h1 {
          margin: 0;
          font-size: 56px;
          font-weight: 700;
          line-height: 64px;
          color: #fff;
          font-family: "Poppins", sans-serif;
      }
      
      #skywell h1 span {
          color: #ffc451;
      }
      
      #skywell h2 {
          color: rgba(255, 255, 255, 0.9);
          margin: 10px 0 0 0;
          font-size: 24px;
      }
      
      #skywell .icon-box {
          padding: 30px 20px;
          transition: ease-in-out 0.3s;
          border: 1px solid rgba(255, 255, 255, 0.3);
          height: 100%;
          text-align: center;
      }
      
      #skywell .icon-box i {
          font-size: 32px;
          line-height: 1;
          color: #ffc451;
      }
      
      #skywell .icon-box h3 {
          font-weight: 700;
          margin: 10px 0 0 0;
          padding: 0;
          line-height: 1;
          font-size: 20px;
          line-height: 26px;
      }
      
      #skywell .icon-box h3 a {
          color: #fff;
          transition: ease-in-out 0.3s;
      }
      
      #skywell .icon-box h3 a:hover {
          color: #ffc451;
      }
      
      #skywell .icon-box:hover {
          border-color: #ffc451;
      }
      
      @media (max-width: 768px) {
          #skywell {
              height: 100vh;
              height: 100svh;
              min-height: 0;
              /* cancel out any min-height so height takes full control */
          }
          #skywell h1 {
              font-size: 28px;
              line-height: 36px;
          }
          #skywell h2 {
              font-size: 20px;
              line-height: 24px;
          }
      }