﻿ :root{--ink: #0B0B0D;--ink-2: #111413;--green: #7FE3A1;--green-dim: rgba(127,227,161,.35);--green-faint: rgba(127,227,161,.12);--pink: #FF3EA5;--cream: #F4F6F5;--muted: #8E9692;--line: #1E2622;--pad: clamp(16px,5vw,72px);--max: 1280px}*{box-sizing: border-box;margin: 0;padding: 0}html{background: var(--ink)}html.lenis,html.lenis body{height: auto}body{background: transparent;color: var(--cream);font-family: Inter,system-ui,sans-serif;font-size: 17px;line-height: 1.6;-webkit-font-smoothing: antialiased;overflow-x: hidden}a{color: inherit;text-decoration: none}img,video{display: block;max-width: 100%}.bg{position: fixed;inset: 0;z-index: -1;overflow: hidden;background: var(--ink)}.bg-grid{position: absolute;inset: -50% 0;background-image: radial-gradient(rgba(127,227,161,.16) 1px,transparent 1.2px);background-size: 26px 26px;mask-image: radial-gradient(ellipse 90% 70% at 50% 40%,#000 30%,transparent 85%)}.bg-glow{position: absolute;width: 70vw;height: 70vw;left: 15vw;top: -20vw;border-radius: 50%;background: radial-gradient(circle,rgba(127,227,161,.10),transparent 62%);filter: blur(20px)}.mono{font-family: "IBM Plex Mono",ui-monospace,monospace;font-weight: 500;font-size: 12px;letter-spacing: .14em;text-transform: uppercase;color: var(--muted)}.green{color: var(--green)}.mono.green{color: var(--green)}.dim{color: var(--muted)}.pink{color: var(--pink)}.kicker{font-family: "IBM Plex Mono",monospace;font-size: 12px;letter-spacing: .14em;text-transform: uppercase;color: var(--green);margin-bottom: 18px}h1,h2,h3{text-transform: lowercase;letter-spacing: -0.035em;font-weight: 900}h1{font-size: clamp(46px,6.6vw,104px);line-height: .92}h2{font-size: clamp(38px,5.4vw,80px);line-height: .95;max-width: 17ch;margin-bottom: 44px}h3{font-size: clamp(24px,2.3vw,32px);font-weight: 800;line-height: 1.1}.lead{font-size: clamp(17px,1.4vw,20px);color: #C9CFCC;max-width: 46ch;margin-top: 24px}.pink-strike{color: var(--cream)}.pink-strike .w{position: relative}.pink-strike .w::after{content: "";position: absolute;left: -0.06em;right: -0.06em;top: 54%;height: .09em;background: var(--pink);box-shadow: 0 0 18px rgba(255,62,165,.6);transform-origin: left;transform: scaleX(var(--strike,0))}.line-mask{display: block;overflow: hidden;padding-bottom: .06em}.line-mask>span{display: inline-block}.pill{display: inline-flex;align-items: center;gap: 8px;min-height: 44px;padding: 0 18px;border-radius: 6px;font-family: "IBM Plex Mono",monospace;font-weight: 500;font-size: 13px;letter-spacing: .1em;text-transform: uppercase;transition: transform .15s ease,box-shadow .2s ease,background .2s}.pill-green{background: var(--green);color: var(--ink);box-shadow: 0 0 0 rgba(127,227,161,0)}.pill-green:hover{transform: translateY(-2px);box-shadow: 0 8px 30px rgba(127,227,161,.35)}.pill-outline{border: 1px solid var(--green-dim);color: var(--cream)}.pill-outline:hover{border-color: var(--green)}.cta-row{display: flex;flex-wrap: wrap;gap: 12px;margin-top: 32px}.nav{position: fixed;top: 0;left: 0;right: 0;z-index: 50;display: flex;justify-content: space-between;align-items: center;padding: 14px var(--pad);background: linear-gradient(rgba(11,11,13,.85),rgba(11,11,13,0))}.wordmark{font-weight: 900;font-size: 22px;letter-spacing: -0.045em;text-transform: lowercase}.wordmark span{color: var(--green)}.wordmark.small{font-size: 18px}.nav nav{display: flex;align-items: center;gap: 26px;font-family: "IBM Plex Mono",monospace;font-size: 13px;letter-spacing: .08em;text-transform: uppercase}.nav nav a:not(.pill){color: var(--muted)}.nav nav a:not(.pill):hover{color: var(--green)}.nav .pill{min-height: 36px;font-size: 12px}.chrome{display: flex;justify-content: space-between;gap: 16px;border-top: 1px solid var(--line);padding-top: 14px;margin-bottom: 36px}.hero{position: relative;height: 320vh}.hero-stage{position: sticky;top: 0;height: 100vh;overflow: hidden}.hero-canvas{position: absolute;inset: 0;width: 100%;height: 100%}.hero-shade{position: absolute;inset: 0;background: linear-gradient(90deg,rgba(11,11,13,.92) 0%,rgba(11,11,13,.55) 45%,rgba(11,11,13,.1) 100%),linear-gradient(0deg,rgba(11,11,13,.9),transparent 30%)}.hud{position: absolute;top: 84px}.hud-tl{left: var(--pad)}.hud-tr{right: var(--pad)}.hero-prompt{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);font-size: clamp(16px,2vw,26px);letter-spacing: .06em;color: var(--green);padding: 18px 26px;border: 1px solid var(--green-dim);background: rgba(11,11,13,.7);backdrop-filter: blur(6px);border-radius: 8px;white-space: nowrap}.caret{animation: blink 1s steps(1) infinite;color: var(--green)}@keyframes blink{50%{opacity: 0}}.hero-copy{position: absolute;left: var(--pad);bottom: clamp(56px,10vh,120px);max-width: min(760px,88vw)}.hero-meter{position: absolute;right: var(--pad);bottom: 36px;display: flex;align-items: center;gap: 12px}.meter{display: inline-block;width: 120px;height: 2px;background: var(--line);position: relative;overflow: hidden}.meter b{position: absolute;inset: 0;width: 0%;background: var(--green)}.meter.wide{width: 100%;height: 3px;margin: 14px 0}.stats{max-width: var(--max);margin: 0 auto;padding: 0 var(--pad);display: grid;grid-template-columns: repeat(4,1fr);gap: 24px;position: relative}.stat{border-top: 1px solid var(--line);padding-top: 20px;display: flex;flex-direction: column;gap: 10px}.stat-value{font-weight: 900;font-size: clamp(40px,4.4vw,64px);letter-spacing: -0.04em;line-height: 1;color: var(--green);font-variant-numeric: tabular-nums}.wipe{position: relative;height: 260vh;margin-top: 120px}.wipe-stage{position: sticky;top: 0;height: 100vh;max-width: var(--max);margin: 0 auto;padding: 92px var(--pad) 40px;display: flex;flex-direction: column}.wipe-stage h2{margin-bottom: 28px;max-width: 22ch}.wipe-frame{position: relative;flex: 1;min-height: 0;max-height: calc((100vw - 2 * var(--pad)) * 9 / 16);border: 1px solid var(--line);border-radius: 10px;overflow: hidden}.wipe-img{position: absolute;inset: 0}.wipe-img img{width: 100%;height: 100%;object-fit: cover}.wipe-img.good{clip-path: inset(0 0 0 100%)}.wipe-line{position: absolute;top: 0;bottom: 0;left: 100%;width: 2px;background: var(--green);box-shadow: 0 0 24px 4px rgba(127,227,161,.6)}.corner-label{position: absolute;left: 18px;top: 16px;padding: 6px 10px;background: rgba(11,11,13,.75);border-radius: 4px}.good .corner-label{left: auto;right: 18px}.tag{position: absolute;font-family: "IBM Plex Mono",monospace;font-size: 12px;letter-spacing: .1em;text-transform: uppercase;padding: 6px 10px;border-radius: 4px;background: rgba(11,11,13,.82);border: 1px solid currentColor}.tag.pink{color: var(--pink)}.tag.green{color: var(--green)}.t1{left: 46%;top: 36%}.t2{left: 48%;top: 64%}.t3{left: 81%;top: 18%}.t4{right: 3%;bottom: 7%}.lock-box{position: absolute;left: 70.6%;top: 50%;width: 19%;height: 82%;transform: translate(-50%,-50%)}.lock-shot .lock-box{left: 50%;top: 52%;width: 44%;height: 76%}.lock-box i{position: absolute;width: 26px;height: 26px;border: 2px solid var(--green);filter: drop-shadow(0 0 6px rgba(127,227,161,.7))}.lock-box i:nth-child(1){left: 0;top: 0;border-right: 0;border-bottom: 0}.lock-box i:nth-child(2){right: 0;top: 0;border-left: 0;border-bottom: 0}.lock-box i:nth-child(3){left: 0;bottom: 0;border-right: 0;border-top: 0}.lock-box i:nth-child(4){right: 0;bottom: 0;border-left: 0;border-top: 0}.pipeline{position: relative;height: 420vh}.pipeline-stage{position: sticky;top: 0;height: 100vh;max-width: var(--max);margin: 0 auto;padding: 92px var(--pad) 40px;display: flex;flex-direction: column}.pipeline-grid{flex: 1;min-height: 0;display: grid;grid-template-columns: 1fr 1.15fr;gap: clamp(28px,4vw,64px);align-items: center}.pipeline-left h2{margin-bottom: 28px;font-size: clamp(34px,4.2vw,64px)}.steps{list-style: none;display: grid;gap: 4px}.steps li{display: grid;grid-template-columns: 40px 1fr;column-gap: 8px;padding: 10px 0;border-top: 1px solid var(--line);color: var(--muted);transition: color .3s}.steps li strong{font-size: 22px;font-weight: 800;letter-spacing: -0.03em;text-transform: lowercase;color: #5B625F;transition: color .3s}.steps li em{grid-column: 2;font-style: normal;font-size: 15px;line-height: 1.45;max-height: 0;opacity: 0;overflow: hidden;transition: max-height .4s ease,opacity .3s}.steps li .mono{padding-top: 6px}.steps li.is-active strong{color: var(--cream)}.steps li.is-active .mono{color: var(--green)}.steps li.is-active em{max-height: 80px;opacity: 1}.terminal{border: 1px solid var(--green-dim);border-radius: 10px;background: rgba(11,14,13,.82);backdrop-filter: blur(8px);box-shadow: 0 0 60px rgba(127,227,161,.08);height: min(62vh,540px);display: flex;flex-direction: column}.term-bar{display: flex;justify-content: space-between;padding: 12px 16px;border-bottom: 1px solid var(--line)}.term-step{color: var(--green)}.term-body{position: relative;flex: 1}.stage{position: absolute;inset: 0;padding: 22px;display: flex;flex-direction: column;gap: 12px;opacity: 0;visibility: hidden;transition: opacity .35s,visibility .35s}.stage.is-on{opacity: 1;visibility: visible}.stage .line{font-family: "IBM Plex Mono",monospace;font-size: 15px;color: var(--muted);border-bottom: 1px dashed var(--line);padding: 8px 0}.stage .line b{color: var(--cream);font-weight: 500}.boards{display: grid;grid-template-columns: repeat(4,1fr);gap: 10px;flex: 1;min-height: 0;align-items: center}.boards img{width: 100%;height: auto;max-height: 100%;object-fit: contain;border-radius: 6px;border: 1px solid var(--line);background: #e9ece9}.lock-shot{position: relative;flex: 1;min-height: 0;border-radius: 6px;overflow: hidden}.lock-shot img{width: 100%;height: 100%;object-fit: cover;object-position: center 60%}.lock-shot .tag{left: 14px;bottom: 14px}.gen-count{font-weight: 900;font-size: clamp(64px,8vw,120px);letter-spacing: -0.05em;line-height: 1;color: var(--green);margin-top: auto;font-variant-numeric: tabular-nums}.gen-count .dim{font-size: .4em;letter-spacing: 0}.gen-log{margin-bottom: auto}.stage.s5 video{flex: 1;min-height: 0;width: auto;max-width: 100%;height: 100%;margin: 0 auto;border-radius: 8px;object-fit: cover;aspect-ratio: 9/16}.work{position: relative}.work-head{max-width: var(--max);margin: 0 auto;padding: 92px var(--pad) 0}.work-head .lead.wide{margin: -26px 0 22px;font-size: clamp(15px,1.2vw,18px)}.rail-wrap{overflow: hidden}.rail{--card-h: clamp(240px,calc(100svh - 440px),520px);display: flex;gap: 18px;padding: 0 var(--pad);width: max-content;align-items: stretch}.phone-card,.wide-card{position: relative;border: 1px solid var(--line);border-radius: 14px;overflow: hidden;background: var(--ink-2)}.phone-card,.wide-card{flex: none;display: flex;flex-direction: column}.phone-card video,.wide-card video{display: block;height: var(--card-h);width: auto;object-fit: cover}.phone-card video{aspect-ratio: 9 / 16}.wide-card video{aspect-ratio: 16 / 9}.phone-card figcaption,.wide-card figcaption{width: 0;min-width: 100%;padding: 10px 14px 12px;display: grid;gap: 2px;border-top: 1px solid var(--line)}.snd{position: absolute;top: 12px;right: 12px;z-index: 2;padding: 7px 12px;border-radius: 999px;border: 1px solid rgba(255,255,255,.28);background: rgba(11,11,13,.62);color: #fff;font-size: 12px;letter-spacing: .04em;cursor: pointer;backdrop-filter: blur(6px)}.snd:hover,.snd[aria-pressed="true"]{border-color: var(--green,#7FE3A1);color: var(--green,#7FE3A1)}.snd:focus-visible{outline: 2px solid var(--green,#7FE3A1);outline-offset: 2px}figcaption strong{font-size: clamp(14px,1.15vw,17px);line-height: 1.2;font-weight: 800;letter-spacing: -0.02em;text-transform: lowercase}figcaption .mono{font-size: 11px}.section{max-width: var(--max);margin: 0 auto;padding: clamp(100px,12vw,160px) var(--pad) 0}.offers{display: grid;grid-template-columns: 1fr 1fr;gap: 18px}.panel{border: 1px solid var(--line);border-radius: 10px;background: rgba(17,20,19,.7);backdrop-filter: blur(6px)}.panel-bar{display: flex;justify-content: space-between;gap: 12px;padding: 12px 18px;border-bottom: 1px solid var(--line)}.offer{display: grid;gap: 18px;align-content: start;padding-bottom: 28px}.offer>*:not(.panel-bar){margin: 0 28px}.offer h3{margin-top: 10px}.offer.featured{border-color: var(--green-dim);box-shadow: 0 0 60px rgba(127,227,161,.07)}.offer.featured .panel-bar span:first-child{color: var(--green)}.price{font-weight: 900;font-size: clamp(38px,3.6vw,54px);letter-spacing: -0.04em;color: var(--green);font-variant-numeric: tabular-nums}.price small{font-family: "IBM Plex Mono",monospace;font-size: 13px;letter-spacing: .08em;color: var(--muted);font-weight: 500;text-transform: uppercase}.slash{list-style: none;display: grid;gap: 12px}.slash li{position: relative;padding-left: 24px;color: #C9CFCC}.slash li::before{content: "/";position: absolute;left: 0;font-family: "IBM Plex Mono",monospace;color: var(--green)}html,body{overflow-x: clip}.stamp{max-width: 100%;margin-top: 26px;display: inline-flex;flex-wrap: wrap;align-items: center;gap: 12px;padding: 14px 18px;border: 1px solid var(--green);border-radius: 8px;color: var(--green);font-size: 13px}.stamp em{font-style: normal;color: var(--muted);text-transform: none;letter-spacing: 0;font-family: Inter,sans-serif;font-size: 15px}.stamp-check{display: inline-grid;place-items: center;width: 26px;height: 26px;border-radius: 50%;background: var(--green);color: var(--ink)}.lead.wide{max-width: 62ch;margin: -18px 0 44px}.system-grid{display: grid;grid-template-columns: 1.4fr 1fr;gap: 18px;align-items: start}.tree ul{list-style: none;padding: 10px 0}.tree .panel-bar span:first-child{overflow-wrap: anywhere}.tree li{display: grid;grid-template-columns: 200px 1fr;gap: 18px;padding: 14px 22px;border-bottom: 1px solid var(--line)}.tree li:last-child{border-bottom: 0}.tree b{font-family: "IBM Plex Mono",monospace;font-weight: 500;font-size: 14px;color: var(--green)}.tree span{color: #C9CFCC;font-size: 15px}.evidence{display: grid;gap: 22px;padding-bottom: 24px}.evidence>*:not(.panel-bar){margin: 0 22px}.labels{display: grid;gap: 8px;margin-top: 22px !important}.label{font-family: "IBM Plex Mono",monospace;font-size: 12px;letter-spacing: .12em;text-transform: uppercase;padding: 10px 14px;border-radius: 6px;border: 1px solid var(--line);display: flex;align-items: center;gap: 10px}.label::before{content: "";width: 8px;height: 8px;border-radius: 50%;background: currentColor}.l1{color: var(--green);border-color: var(--green-dim)}.l2{color: #B5E8C6}.l3{color: var(--muted)}.l4{color: #5E6662;border-style: dashed}.evidence blockquote{font-size: 18px;line-height: 1.45;color: var(--cream);border-left: 2px solid var(--green);padding-left: 16px}.evidence .mono{line-height: 1.6}.offers.ladder{grid-template-columns: repeat(4,1fr)}.ladder .offer>*:not(.panel-bar){margin: 0 22px}.ladder .price{font-size: clamp(34px,2.8vw,44px)}.ladder .slash li{font-size: 15px}.modes{display: grid;grid-template-columns: 1fr 1fr;gap: 18px;margin-top: 18px}.mode{padding: 22px;display: grid;gap: 10px;align-content: start}.mode p:not(.mono){color: #C9CFCC}.mode strong{color: var(--cream)}.anchor-note{margin-top: 26px;color: var(--muted);max-width: 70ch}.faq{display: grid;max-width: 880px}.faq details{border-top: 1px solid var(--line);padding: 20px 0}.faq details:last-child{border-bottom: 1px solid var(--line)}.faq summary{cursor: pointer;list-style: none;font-weight: 700;font-size: 19px;display: flex;justify-content: space-between;gap: 16px}.faq summary::-webkit-details-marker{display: none}.faq summary::after{content: "+";font-family: "IBM Plex Mono",monospace;color: var(--green)}.faq details[open] summary::after{content: "–"}.faq p{margin-top: 12px;color: var(--muted);max-width: 70ch}.cta{padding: clamp(110px,13vw,180px) var(--pad) clamp(80px,10vw,140px)}.cta-inner{max-width: var(--max);margin: 0 auto}.cta h2{max-width: 19ch}.prompt-box{display: flex;align-items: center;gap: 14px;max-width: 760px;padding: 12px 12px 12px 20px;border: 1px solid var(--green-dim);border-radius: 10px;background: rgba(11,14,13,.85);box-shadow: 0 0 50px rgba(127,227,161,.1);margin-bottom: 18px;transition: border-color .2s}.prompt-box:hover{border-color: var(--green)}.prompt-text{flex: 1;font-family: "IBM Plex Mono",monospace;color: var(--muted);font-size: 15px}.link{color: var(--green);border-bottom: 1px solid var(--green-dim)}.footer{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;gap: 12px 24px;padding: 28px var(--pad);border-top: 1px solid var(--line)}@media (max-width: 1200px){.offers.ladder{grid-template-columns: 1fr 1fr}}@media (max-width: 1000px){.stats{grid-template-columns: repeat(2,1fr);row-gap: 32px}.pipeline-grid{grid-template-columns: 1fr;align-content: start;gap: 18px}.pipeline-left h2{display: none}.steps li{padding: 6px 0}.steps li em{display: none}.terminal{height: 46vh}.system-grid{grid-template-columns: 1fr}}@media (max-width: 680px){body{font-size: 16px}.nav nav a:not(.pill){display: none}.hud{top: 70px}.hero-prompt{top: 24%;font-size: 15px;padding: 12px 16px}h1{font-size: 40px}.hero-copy{bottom: 72px}.hero-copy .lead{font-size: 16px;margin-top: 14px}.hero-meter{bottom: 20px}.nav .pill{padding: 0 12px}.hero-shade{background: linear-gradient(0deg,rgba(11,11,13,.95) 25%,rgba(11,11,13,.35) 70%,rgba(11,11,13,.2))}.offers,.offers.ladder,.modes{grid-template-columns: 1fr}.tree li{grid-template-columns: 1fr;gap: 4px;padding: 12px 16px}.lead.wide{margin-top: -24px}.chrome .mono:last-child{text-align: right}.wipe-stage{justify-content: center}.wipe-frame{flex: none;aspect-ratio: 16 / 9}.tag{font-size: 9px;padding: 3px 5px}.t1{left: 30%}.t2{left: 32%}.t3{left: auto;right: 1%;top: 6%}.corner-label{font-size: 9px}.rail{--card-h: clamp(220px,calc(100svh - 508px),480px)}.prompt-box{flex-wrap: wrap}.prompt-box .pill{width: 100%;justify-content: center}}.no-motion .hero,.no-motion .wipe,.no-motion .pipeline{height: auto}.no-motion .hero-stage,.no-motion .wipe-stage,.no-motion .pipeline-stage{position: relative;height: auto;min-height: 100vh}.no-motion .wipe-img.good{clip-path: inset(0 0 0 50%)}.no-motion .wipe-line{left: 50%}.no-motion .rail-wrap{overflow-x: auto}