:root {
                                                               --bg: #050608;
                                                               --panel: #0b0d11;
                                                               --text: #f7f8fa;
                                                               --muted: #949aa5;
                                                               --blue: #2477ff;
                                                               --blue2: #79a6ff;
                                                               --line: rgba(255, 255, 255, .1);
                                                               --progress: 0
                                                           }
                                                           
                                                           * {
                                                               box-sizing: border-box
                                                           }
                                                           
                                                           html {
                                                               scroll-behavior: smooth;
                                                               background: var(--bg)
                                                           }
                                                           
                                                           body {
                                                               margin: 0;
                                                               background: var(--bg);
                                                               color: var(--text);
                                                               font-family: Inter, system-ui, sans-serif;
                                                               overflow-x: hidden
                                                           }
                                                           
                                                           a {
                                                               color: inherit;
                                                               text-decoration: none
                                                           }
                                                           
                                                           .noise {
                                                               position: fixed;
                                                               inset: 0;
                                                               z-index: 99;
                                                               pointer-events: none;
                                                               opacity: .03;
                                                               background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")
                                                           }
                                                           
                                                           .navbar {
                                                               position: fixed;
                                                               top: 0;
                                                               left: 0;
                                                               right: 0;
                                                               height: 78px;
                                                               padding: 0 5vw;
                                                               display: flex;
                                                               align-items: center;
                                                               justify-content: space-between;
                                                               z-index: 50;
                                                               transition: .35s;
                                                               background: linear-gradient(to bottom, rgba(5, 6, 8, .72), transparent)
                                                           }
                                                           
                                                           .navbar.scrolled {
                                                               height: 68px;
                                                               background: rgba(5, 6, 8, .72);
                                                               backdrop-filter: blur(18px);
                                                               border-bottom: 1px solid var(--line)
                                                           }
                                                           
                                                           .brand {
                                                               display: flex;
                                                               align-items: center;
                                                               gap: 10px;
                                                               font-size: 14px;
                                                               font-weight: 800;
                                                               letter-spacing: .22em
                                                           }
                                                           
                                                           .brand-mark {
                                                               width: 30px;
                                                               height: 30px;
                                                               border: 1px solid rgba(255, 255, 255, .2);
                                                               border-radius: 9px;
                                                               display: grid;
                                                               place-items: center;
                                                               letter-spacing: 0;
                                                               background: linear-gradient(145deg, #20242d, #08090c);
                                                               box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 10px 30px #000
                                                           }
                                                           
                                                           .brand-mark img {
                                                               width: 100%;
                                                               height: 100%;
                                                               object-fit: contain;
                                                               display: block;
                                                               border-radius: 9px;
                                                               background: none;
                                                               box-shadow: none
                                                           }
                                                           /* Constrain header logo to avoid covering the page */
                                                           
                                                           .brand-logo,
                                                           .brand>img {
                                                               max-height: 34px;
                                                               height: 34px;
                                                               width: auto;
                                                               display: block;
                                                           }
                                                           /* Ensure brand container doesn't allow overflow */
                                                           
                                                           .brand {
                                                               overflow: hidden;
                                                           }
                                                           
                                                           .nav-button,
                                                           .cta {
                                                               display: inline-flex;
                                                               align-items: center;
                                                               gap: 16px;
                                                               border: 1px solid rgba(255, 255, 255, .17);
                                                               border-radius: 999px;
                                                               padding: 11px 18px;
                                                               font-size: 13px;
                                                               font-weight: 600;
                                                               background: rgba(255, 255, 255, .045);
                                                               transition: .25s
                                                           }
                                                           
                                                           .nav-button:hover,
                                                           .cta:hover {
                                                               background: white;
                                                               color: #07080a;
                                                               transform: translateY(-2px)
                                                           }
                                                           
                                                           .section-dark {
                                                               background: radial-gradient(circle at 50% 12%, #151923 0, #080a0e 28%, var(--bg) 67%)
                                                           }
                                                           
                                                           .capabilities.section-dark {
                                                               background: rgba(255, 255, 255, 0.04);
                                                               border-top: 1px solid rgba(255, 255, 255, 0.08);
                                                               border-bottom: 1px solid rgba(255, 255, 255, 0.08);
                                                               padding: 100px 5vw;
                                                           }
                                                           
                                                           .capabilities .details-head {
                                                               max-width: 720px;
                                                               margin: 0 auto 42px;
                                                               text-align: center;
                                                           }

                                                           .section-intro {
                                                               max-width: 680px;
                                                               margin: 24px auto 0;
                                                               color: var(--muted);
                                                               font-size: 15px;
                                                               line-height: 1.8;
                                                           }

                                                           .flow-grid {
                                                               display: grid;
                                                               grid-template-columns: repeat(2, minmax(0, 1fr));
                                                               gap: 24px;
                                                               max-width: 1180px;
                                                               margin: 0 auto;
                                                           }

                                                           .flow-card {
                                                               padding: 38px;
                                                               border: 1px solid var(--line);
                                                               border-radius: 30px;
                                                               background: linear-gradient(145deg, rgba(26, 31, 42, .74), rgba(8, 10, 14, .94));
                                                               box-shadow: inset 0 1px rgba(255, 255, 255, .06);
                                                           }

                                                           .flow-title {
                                                               display: flex;
                                                               align-items: center;
                                                               gap: 18px;
                                                               padding-bottom: 28px;
                                                               border-bottom: 1px solid var(--line);
                                                           }

                                                           .flow-title>span {
                                                               width: 54px;
                                                               height: 54px;
                                                               flex: 0 0 54px;
                                                               display: grid;
                                                               place-items: center;
                                                               border-radius: 17px;
                                                               color: #fff;
                                                               font-size: 14px;
                                                               font-weight: 800;
                                                               letter-spacing: .06em;
                                                               background: linear-gradient(145deg, var(--blue), #164ba8);
                                                               box-shadow: 0 12px 34px rgba(36, 119, 255, .24);
                                                           }

                                                           .flow-title small {
                                                               display: block;
                                                               margin-bottom: 7px;
                                                               color: var(--blue2);
                                                               font-size: 9px;
                                                               font-weight: 700;
                                                               letter-spacing: .2em;
                                                           }

                                                           .flow-title h3 { margin: 0; font-size: 20px; }
                                                           .flow-card ol { margin: 28px 0 0; padding: 0; list-style: none; counter-reset: flow; }
                                                           .flow-card li { position: relative; min-height: 65px; padding: 0 0 25px 48px; counter-increment: flow; }
                                                           .flow-card li:last-child { min-height: 0; padding-bottom: 0; }
                                                           .flow-card li:before {
                                                               content: counter(flow);
                                                               position: absolute;
                                                               left: 0;
                                                               top: -3px;
                                                               width: 28px;
                                                               height: 28px;
                                                               display: grid;
                                                               place-items: center;
                                                               border: 1px solid rgba(121, 166, 255, .35);
                                                               border-radius: 50%;
                                                               color: var(--blue2);
                                                               font-size: 10px;
                                                               font-weight: 700;
                                                           }
                                                           .flow-card li:not(:last-child):after { content: ""; position: absolute; left: 14px; top: 29px; bottom: 0; width: 1px; background: var(--line); }
                                                           .flow-card b { display: block; margin-bottom: 7px; font-size: 14px; }
                                                           .flow-card p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.65; }
                                                           
                                                           .capability-grid {
                                                               display: grid;
                                                               gap: 24px;
                                                               grid-template-columns: repeat(2, minmax(0, 1fr));
                                                               max-width: 1180px;
                                                               margin: 0 auto;
                                                           }
                                                           
                                                           .capability {
                                                               padding: 32px;
                                                               border: 1px solid rgba(255, 255, 255, .08);
                                                               border-radius: 28px;
                                                               background: rgba(255, 255, 255, .03);
                                                           }

                                                           .card-number { display: block; margin-bottom: 24px; color: var(--blue2); font-size: 11px; font-weight: 700; letter-spacing: .15em; }
                                                           
                                                           .capability h3 {
                                                               margin: 0 0 14px;
                                                               font-size: 1.15rem;
                                                           }
                                                           
                                                           .capability p,
                                                           .capability ul {
                                                               margin: 0;
                                                               color: var(--muted);
                                                               line-height: 1.75;
                                                           }
                                                           
                                                           .capability ul {
                                                               padding-left: 18px;
                                                               margin-top: 12px;
                                                               list-style-type: disc;
                                                           }
                                                           
                                                           .capability ul li {
                                                               margin-bottom: 10px;
                                                           }
                                                           
                                                           .capability-details {
                                                               max-width: 720px;
                                                               margin: 42px auto 0;
                                                               display: grid;
                                                               gap: 18px;
                                                           }
                                                           
                                                           .capability-details h3 {
                                                               margin: 0;
                                                           }
                                                           
                                                           .capability-details ul {
                                                               margin: 0;
                                                               padding-left: 18px;
                                                               color: var(--muted);
                                                               line-height: 1.75;
                                                               list-style-type: disc;
                                                           }
                                                           
                                                           .capability-details p {
                                                               margin: 0;
                                                               color: var(--muted);
                                                               line-height: 1.75;
                                                           }
                                                           
                                                           .hero {
                                                               min-height: 100svh;
                                                               display: grid;
                                                               place-items: center;
                                                               text-align: center;
                                                               position: relative;
                                                               overflow: hidden;
                                                               padding: 120px 24px 80px;
                                                           }
                                                           
                                                           .hero:before {
                                                               content: "";
                                                               position: absolute;
                                                               width: 62vw;
                                                               height: 62vw;
                                                               border-radius: 50%;
                                                               background: radial-gradient(circle, rgba(36, 119, 255, .18), transparent 64%);
                                                               filter: blur(24px);
                                                               top: 12%;
                                                               left: 50%;
                                                               transform: translateX(-50%);
                                                           }
                                                           
                                                           .hero:after {
                                                               content: "";
                                                               position: absolute;
                                                               left: 10%;
                                                               right: 10%;
                                                               bottom: 0;
                                                               height: 1px;
                                                               background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .22), transparent);
                                                           }
                                                           
                                                           .hero-copy {
                                                               position: relative;
                                                               z-index: 2;
                                                               max-width: 1000px;
                                                           }
                                                           
                                                           .eyebrow,
                                                           .kicker {
                                                               font-size: 11px;
                                                               letter-spacing: .32em;
                                                               font-weight: 700;
                                                               color: #7eaaff;
                                                               margin: 0 0 24px;
                                                           }
                                                           
                                                           .hero h1,
                                                           .details h2,
                                                           .finale h2 {
                                                               font-size: clamp(60px, 10vw, 150px);
                                                               line-height: .9;
                                                               letter-spacing: -.065em;
                                                               margin: 0;
                                                               font-weight: 700;
                                                           }
                                                           
                                                           .hero h1 span,
                                                           .details h2 span {
                                                               color: #687080
                                                           }
                                                           
                                                           .hero-description {
                                                               max-width: 600px;
                                                               margin: 34px auto 0;
                                                               color: var(--muted);
                                                               font-size: clamp(16px, 2vw, 20px);
                                                               line-height: 1.7;
                                                           }
                                                           
                                                           .scroll-hint {
                                                               position: absolute;
                                                               bottom: 30px;
                                                               font-size: 11px;
                                                               letter-spacing: .18em;
                                                               text-transform: uppercase;
                                                               color: #737a86;
                                                               display: flex;
                                                               align-items: center;
                                                               gap: 13px;
                                                           }
                                                           
                                                           .scroll-hint span {
                                                               display: block;
                                                               width: 38px;
                                                               height: 1px;
                                                               background: #656c77;
                                                               position: relative;
                                                               overflow: hidden;
                                                           }
                                                           
                                                           .scroll-hint span:after {
                                                               content: "";
                                                               position: absolute;
                                                               inset: 0;
                                                               background: white;
                                                               transform: translateX(-100%);
                                                               animation: scan 2s infinite;
                                                           }
                                                           
                                                           @keyframes scan {
                                                               50%,
                                                               100% {
                                                                   transform: translateX(100%)
                                                               }
                                                           }
                                                           
                                                           .story {
                                                               position: relative;
                                                               background: #060709
                                                           }
                                                           
                                                           .product-stage {
                                                               position: sticky;
                                                               top: 0;
                                                               height: 100svh;
                                                               overflow: hidden;
                                                               display: grid;
                                                               place-items: center;
                                                               z-index: 2;
                                                               pointer-events: none;
                                                               background: radial-gradient(circle at 50% 44%, rgba(32, 42, 64, .7), #07080b 51%, #040506 78%)
                                                           }
                                                           
                                                           .product-stage:after {
                                                               content: "";
                                                               position: absolute;
                                                               inset: 0;
                                                               background: linear-gradient(180deg, rgba(255, 255, 255, .025), transparent 20%, transparent 75%, rgba(0, 0, 0, .38));
                                                               z-index: 0
                                                           }
                                                           
                                                           .product-wrap {
                                                               position: relative;
                                                               width: 100%;
                                                               max-width: 380px;
                                                               margin: 0 auto;
                                                               will-change: transform, filter;
                                                               transform-style: preserve-3d;
                                                               z-index: 3;
                                                           }
                                                           
                                                           .product-halo {
                                                               position: absolute;
                                                               inset: 8% -20%;
                                                               border-radius: 50%;
                                                               background: radial-gradient(circle, rgba(56, 128, 255, .24), transparent 62%);
                                                               filter: blur(35px);
                                                               transform: translateZ(-30px)
                                                           }
                                                           
                                                           #product {
                                                               width: 100%;
                                                               display: block;
                                                               filter: drop-shadow(0 50px 60px rgba(0, 0, 0, .65));
                                                               will-change: transform;
                                                               max-width: 100%;
                                                               height: auto;
                                                               max-height: 60vh;
                                                               object-fit: contain;
                                                           }
                                                           
                                                           .product-reflection {
                                                               position: absolute;
                                                               width: 86%;
                                                               height: 10%;
                                                               left: 7%;
                                                               bottom: -8%;
                                                               background: rgba(42, 108, 255, .22);
                                                               filter: blur(32px);
                                                               border-radius: 50%;
                                                               transform: rotateX(72deg)
                                                           }
                                                           
                                                           .ambient {
                                                               position: absolute;
                                                               border-radius: 50%;
                                                               filter: blur(90px);
                                                               opacity: .25
                                                           }
                                                           
                                                           .ambient-one {
                                                               width: 420px;
                                                               height: 420px;
                                                               background: #114ec8;
                                                               left: 8%;
                                                               top: 20%
                                                           }
                                                           
                                                           .ambient-two {
                                                               width: 320px;
                                                               height: 320px;
                                                               background: #8aaeff;
                                                               right: 7%;
                                                               bottom: 12%;
                                                               opacity: .09
                                                           }
                                                           
                                                           .orbit {
                                                               position: absolute;
                                                               border: 1px solid rgba(137, 177, 255, .11);
                                                               border-radius: 50%;
                                                               z-index: 1
                                                           }
                                                           
                                                           .orbit-a {
                                                               width: 56vw;
                                                               height: 56vw;
                                                               animation: orbit 20s linear infinite
                                                           }
                                                           
                                                           .orbit-b {
                                                               width: 38vw;
                                                               height: 38vw;
                                                               border-style: dashed;
                                                               animation: orbit 14s linear infinite reverse
                                                           }
                                                           
                                                           @keyframes orbit {
                                                               to {
                                                                   transform: rotate(360deg)
                                                               }
                                                           }
                                                           
                                                           .stage-label {
                                                               position: absolute;
                                                               top: 105px;
                                                               left: 6vw;
                                                               z-index: 5;
                                                               display: flex;
                                                               gap: 13px;
                                                               align-items: center;
                                                               font-size: 10px;
                                                               letter-spacing: .22em;
                                                               color: #7f8794
                                                           }
                                                           
                                                           .stage-label span {
                                                               color: #fff;
                                                               font-weight: 800
                                                           }
                                                           
                                                           .stage-label small {
                                                               font-size: 9px
                                                           }
                                                           
                                                           .story-progress {
                                                               position: absolute;
                                                               right: 4vw;
                                                               top: 50%;
                                                               transform: translateY(-50%);
                                                               z-index: 6;
                                                               display: grid;
                                                               justify-items: center;
                                                               gap: 12px;
                                                               font-size: 9px;
                                                               letter-spacing: .16em;
                                                               color: #747c89
                                                           }
                                                           
                                                           .story-progress b {
                                                               width: 1px;
                                                               height: 150px;
                                                               background: rgba(255, 255, 255, .12);
                                                               position: relative;
                                                               overflow: hidden
                                                           }
                                                           
                                                           .story-progress b:after {
                                                               content: "";
                                                               position: absolute;
                                                               left: 0;
                                                               top: 0;
                                                               width: 100%;
                                                               height: calc(var(--progress)*100%);
                                                               background: linear-gradient(#8cb4ff, #2677ff);
                                                               box-shadow: 0 0 15px #2677ff
                                                           }
                                                           
                                                           .story-step {
                                                               height: 110svh;
                                                               position: relative;
                                                               z-index: 4;
                                                               display: flex;
                                                               align-items: center;
                                                               padding: 0 8vw;
                                                               pointer-events: none
                                                           }
                                                           
                                                           .story-text {
                                                               width: min(450px, 40vw);
                                                               opacity: 1;
                                                               filter: none;
                                                               transform: translateY(0) scale(1);
                                                               transition: transform .35s ease
                                                           }
                                                           
                                                           .story-text.active {
                                                               opacity: 1;
                                                               filter: none;
                                                               transform: translateY(0) scale(1)
                                                           }
                                                           
                                                           .story-text.right {
                                                               margin-left: auto
                                                           }
                                                           
                                                           .count {
                                                               font-size: 12px;
                                                               color: #606773;
                                                               display: block;
                                                               margin-bottom: 42px
                                                           }
                                                           
                                                           .story-text h2 {
                                                               font-size: clamp(46px, 6vw, 86px);
                                                               line-height: .94;
                                                               letter-spacing: -.055em;
                                                               margin: 0 0 24px
                                                           }
                                                           
                                                           .story-text p:last-child {
                                                               font-size: 16px;
                                                               line-height: 1.75;
                                                               color: var(--muted);
                                                               max-width: 390px
                                                           }
                                                           
                                                           .details {
                                                               padding: 150px 7vw 180px;
                                                               position: relative;
                                                               z-index: 4
                                                           }
                                                           
                                                           .details-head {
                                                               max-width: 1100px;
                                                               margin-bottom: 100px
                                                           }
                                                           
                                                           .details h2 {
                                                               font-size: clamp(58px, 9vw, 125px)
                                                           }
                                                           
                                                           .feature-grid {
                                                               display: grid;
                                                               grid-template-columns: repeat(4, 1fr);
                                                               border-top: 1px solid var(--line);
                                                               border-bottom: 1px solid var(--line)
                                                           }
                                                           
                                                           .feature {
                                                               padding: 38px 28px 44px;
                                                               border-right: 1px solid var(--line);
                                                               transition: .3s
                                                           }
                                                           
                                                           .feature:hover {
                                                               background: rgba(255, 255, 255, .035);
                                                               transform: translateY(-8px)
                                                           }
                                                           
                                                           .feature:last-child {
                                                               border: 0
                                                           }
                                                           
                                                           .feature span {
                                                               font-size: 11px;
                                                               color: #657083
                                                           }
                                                           
                                                           .feature h3 {
                                                               font-size: 22px;
                                                               margin: 44px 0 12px
                                                           }
                                                           
                                                           .feature p {
                                                               font-size: 14px;
                                                               line-height: 1.7;
                                                               color: var(--muted);
                                                               margin: 0
                                                           }
                                                           
                                                           .finale {
                                                               min-height: 105svh;
                                                               position: relative;
                                                               display: grid;
                                                               grid-template-columns: 1.05fr .95fr;
                                                               align-items: center;
                                                               overflow: hidden;
                                                               padding: 120px 7vw;
                                                               background: #f2f4f7;
                                                               color: #0a0b0d
                                                           }
                                                           
                                                           .finale-glow {
                                                               position: absolute;
                                                               width: 70vw;
                                                               height: 70vw;
                                                               border-radius: 50%;
                                                               background: radial-gradient(circle, rgba(39, 118, 255, .22), transparent 65%);
                                                               left: -20%;
                                                               top: 10%
                                                           }
                                                           
                                                           .finale img {
                                                               width: min(45vw, 620px);
                                                               justify-self: center;
                                                               position: relative;
                                                               filter: drop-shadow(0 50px 55px rgba(20, 25, 35, .24));
                                                               transform: rotate(-5deg)
                                                           }
                                                           
                                                           .finale-copy {
                                                               position: relative;
                                                               max-width: 650px
                                                           }

                                                           .contact-actions {
                                                               display: flex;
                                                               align-items: center;
                                                               gap: 12px;
                                                               flex-wrap: wrap;
                                                           }

                                                           .instagram-cta {
                                                               color: #d8dce4;
                                                               background: rgba(255, 255, 255, .065);
                                                           }
                                                           
                                                           .finale .eyebrow {
                                                               color: #216cff
                                                           }
                                                           
                                                           .finale h2 {
                                                               font-size: clamp(62px, 8vw, 118px)
                                                           }
                                                           
                                                           .finale-copy>p:not(.eyebrow) {
                                                               color: #626a76;
                                                               font-size: 18px;
                                                               line-height: 1.7;
                                                               max-width: 480px;
                                                               margin: 30px 0
                                                           }
                                                           
                                                           .finale .cta {
                                                               background: #0a0b0d;
                                                               color: white;
                                                               border: 0;
                                                               padding: 15px 23px
                                                           }
                                                           
                                                           .finale .cta:hover {
                                                               background: #216cff;
                                                               color: white
                                                           }
                                                           
                                                           footer {
                                                               height: 120px;
                                                               padding: 0 6vw;
                                                               display: flex;
                                                               align-items: center;
                                                               justify-content: space-between;
                                                               border-top: 1px solid var(--line);
                                                               color: #69707b
                                                           }
                                                           
                                                           footer p {
                                                               font-size: 12px
                                                           }

                                                           .instagram-link {
                                                               display: inline-flex;
                                                               align-items: center;
                                                               gap: 8px;
                                                               color: #aeb5c1;
                                                               font-size: 12px;
                                                               font-weight: 600;
                                                               letter-spacing: .04em;
                                                               transition: color .25s, transform .25s;
                                                           }

                                                           .instagram-link:hover {
                                                               color: #fff;
                                                               transform: translateY(-2px);
                                                           }

                                                           .instagram-icon {
                                                               width: 18px;
                                                               height: 18px;
                                                               flex: 0 0 18px;
                                                               fill: none;
                                                               stroke: currentColor;
                                                               stroke-width: 1.8;
                                                           }

                                                           .instagram-icon .instagram-dot {
                                                               fill: currentColor;
                                                               stroke: none;
                                                           }
                                                           
                                                           @media(max-width:900px) {
                                                               .flow-grid,
                                                               .capability-grid {
                                                                   grid-template-columns: 1fr;
                                                               }

                                                               .product-wrap {
                                                                   width: 100%;
                                                                   max-width: 360px;
                                                                   margin: 0 auto;
                                                               }
                                                               .story-step {
                                                                   align-items: flex-end;
                                                                   padding: 0 24px 5vh
                                                               }
                                                               .story-text,
                                                               .story-text.right {
                                                                   width: 100%;
                                                                   max-width: 470px;
                                                                   margin: 0;
                                                                   padding: 28px 30px 30px;
                                                                   border: 1px solid rgba(255, 255, 255, .12);
                                                                   border-radius: 28px;
                                                                   background: linear-gradient(145deg, rgba(18, 21, 28, .94), rgba(6, 8, 11, .98));
                                                                   backdrop-filter: blur(24px);
                                                                   -webkit-backdrop-filter: blur(24px);
                                                                   box-shadow: 0 24px 70px rgba(0, 0, 0, .58), inset 0 1px rgba(255, 255, 255, .08)
                                                               }
                                                               .story-text.right {
                                                                   margin-left: auto
                                                               }

                                                               .story-text .count {
                                                                   position: absolute;
                                                                   right: 30px;
                                                                   top: 29px;
                                                                   margin: 0
                                                               }

                                                               .story-text h2 {
                                                                   max-width: 88%;
                                                                   margin-bottom: 18px
                                                               }
                                                               .story-text h2 {
                                                                   font-size: 48px
                                                               }
                                                               .feature-grid {
                                                                   grid-template-columns: 1fr 1fr
                                                               }
                                                               .feature:nth-child(2) {
                                                                   border-right: 0
                                                               }
                                                               .feature:nth-child(-n+2) {
                                                                   border-bottom: 1px solid var(--line)
                                                               }
                                                               .finale {
                                                                   grid-template-columns: 1fr;
                                                                   text-align: center;
                                                                   padding-top: 100px
                                                               }
                                                               .finale img {
                                                                   width: min(72vw, 520px)
                                                               }
                                                               .finale-copy {
                                                                   margin: 20px auto 0
                                                               }
                                                               .finale-copy>p:not(.eyebrow) {
                                                                   margin: 25px auto
                                                               }
                                                           }
                                                           
                                                           @media(max-width:560px) {
                                                               .capabilities.section-dark {
                                                                   padding: 84px 20px;
                                                               }

                                                               .flow-card,
                                                               .capability {
                                                                   padding: 26px 22px;
                                                                   border-radius: 24px;
                                                               }

                                                               .flow-title {
                                                                   align-items: flex-start;
                                                                   padding-bottom: 22px;
                                                               }

                                                               .flow-title>span {
                                                                   width: 46px;
                                                                   height: 46px;
                                                                   flex-basis: 46px;
                                                                   border-radius: 14px;
                                                               }

                                                               .flow-title h3 {
                                                                   font-size: 17px;
                                                               }

                                                               .flow-card li {
                                                                   padding-left: 42px;
                                                               }

                                                               .navbar {
                                                                   height: 64px;
                                                                   padding: 0 16px
                                                               }
                                                               .navbar.scrolled {
                                                                   height: 60px
                                                               }
                                                               .brand {
                                                                   font-size: 12px
                                                               }
                                                               .brand-mark {
                                                                   width: 27px;
                                                                   height: 27px
                                                               }
                                                               .nav-button {
                                                                   padding: 8px 12px;
                                                                   font-size: 11px
                                                               }
                                                               .hero {
                                                                   min-height: 100dvh;
                                                                   padding: 100px 18px 88px
                                                               }
                                                               .hero:before {
                                                                   width: 130vw;
                                                                   height: 130vw;
                                                                   top: 18%
                                                               }
                                                               .hero h1 {
                                                                   font-size: clamp(50px, 15vw, 66px);
                                                                   line-height: .91
                                                               }
                                                               .hero-description {
                                                                   font-size: 14px;
                                                                   line-height: 1.65;
                                                                   margin-top: 24px
                                                               }
                                                               .scroll-hint {
                                                                   bottom: 22px;
                                                                   font-size: 9px
                                                               }
                                                               .product-stage {
                                                                   height: 100dvh;
                                                                   place-items: start center;
                                                                   padding-top: 18vh;
                                                                   background: radial-gradient(circle at 50% 31%, rgba(35, 63, 112, .82), #07080b 48%, #040506 75%)
                                                               }
                                                               .product-wrap {
                                                                   width: 100%;
                                                                   max-width: 300px;
                                                                   margin: 0 auto;
                                                                   transform-origin: center center
                                                               }
                                                               .stage-label {
                                                                   top: 76px;
                                                                   left: 18px
                                                               }
                                                               .story-progress {
                                                                   right: 15px;
                                                                   top: 35%
                                                               }
                                                               .story-progress b {
                                                                   height: 110px
                                                               }
                                                               .orbit-a {
                                                                   width: 112vw;
                                                                   height: 112vw;
                                                                   top: 3vh
                                                               }
                                                               .orbit-b {
                                                                   width: 82vw;
                                                                   height: 82vw;
                                                                   top: 10vh
                                                               }
                                                               .ambient-one {
                                                                   width: 260px;
                                                                   height: 260px;
                                                                   left: -25%;
                                                                   top: 15%
                                                               }
                                                               .ambient-two {
                                                                   width: 220px;
                                                                   height: 220px;
                                                                   right: -30%;
                                                                   bottom: 32%
                                                               }
                                                               .story-step {
                                                                   height: 100dvh;
                                                                   padding: 0 14px 18px;
                                                                   align-items: flex-end
                                                               }
                                                               .story-text,
                                                               .story-text.right {
                                                                   width: 100%;
                                                                   max-width: none;
                                                                   margin: 0;
                                                                   padding: 23px 21px 24px;
                                                                   border: 1px solid rgba(255, 255, 255, .1);
                                                                   border-radius: 26px;
                                                                   background: linear-gradient(145deg, rgba(20, 23, 30, .76), rgba(7, 8, 11, .92));
                                                                   backdrop-filter: blur(22px);
                                                                   box-shadow: 0 24px 60px rgba(0, 0, 0, .36), inset 0 1px rgba(255, 255, 255, .08)
                                                               }
                                                               .story-text .count {
                                                                   position: absolute;
                                                                   right: 22px;
                                                                   top: 24px;
                                                                   margin: 0
                                                               }
                                                               .story-text .kicker {
                                                                   margin-bottom: 13px;
                                                                   font-size: 9px
                                                               }
                                                               .story-text h2 {
                                                                   font-size: clamp(36px, 10.5vw, 47px);
                                                                   line-height: .96;
                                                                   margin-bottom: 14px;
                                                                   max-width: 85%
                                                               }
                                                               .story-text p:last-child {
                                                                   font-size: 13px;
                                                                   line-height: 1.55;
                                                                   margin: 0;
                                                                   max-width: 92%
                                                               }
                                                               .details {
                                                                   padding: 100px 20px 110px
                                                               }
                                                               .details-head {
                                                                   margin-bottom: 55px
                                                               }
                                                               .details h2 {
                                                                   font-size: clamp(49px, 14vw, 62px)
                                                               }
                                                               .feature-grid {
                                                                   grid-template-columns: 1fr;
                                                                   gap: 0
                                                               }
                                                               .feature {
                                                                   border-right: 0!important;
                                                                   border-bottom: 1px solid var(--line)!important;
                                                                   padding: 28px 4px
                                                               }
                                                               .feature:last-child {
                                                                   border-bottom: 0!important
                                                               }
                                                               .feature h3 {
                                                                   margin-top: 20px;
                                                                   font-size: 20px
                                                               }
                                                               .finale {
                                                                   min-height: 100dvh;
                                                                   padding: 84px 20px 70px
                                                               }
                                                               .finale img {
                                                                   width: min(76vw, 360px)
                                                               }
                                                               .finale h2 {
                                                                   font-size: clamp(50px, 14vw, 64px)
                                                               }
                                                               .finale-copy>p:not(.eyebrow) {
                                                                   font-size: 14px
                                                               }
                                                               .finale .cta {
                                                                   width: 100%;
                                                                   justify-content: center;
                                                                   padding: 15px 22px
                                                               }

                                                               .contact-actions {
                                                                   width: 100%;
                                                                   flex-direction: column;
                                                               }
                                                               footer {
                                                                   height: auto;
                                                                   min-height: 120px;
                                                                   gap: 20px;
                                                                   flex-direction: column;
                                                                   justify-content: center;
                                                                   text-align: center;
                                                                   padding: 30px 20px
                                                               }
                                                           }
                                                           
                                                           @media(max-width:380px) {
                                                               .product-stage {
                                                                   padding-top: 16vh
                                                               }
                                                               .product-wrap {
                                                                   width: 100%;
                                                                   max-width: 260px;
                                                                   margin: 0 auto;
                                                               }
                                                               .story-text {
                                                                   padding: 19px 18px 20px
                                                               }
                                                               .story-text h2 {
                                                                   font-size: 34px
                                                               }
                                                               .story-text p:last-child {
                                                                   font-size: 12px
                                                               }
                                                               .story-progress {
                                                                   display: none
                                                               }
                                                           }
                                                           
                                                           @media(prefers-reduced-motion:reduce) {
                                                               * {
                                                                   scroll-behavior: auto!important;
                                                                   animation: none!important;
                                                                   transition: none!important
                                                               }
                                                               .product-wrap {
                                                                   transform: none!important
                                                               }
                                                           }