:root{--bg: #050505;--ink: #0a0a0a;--raised: #131312;--raised2: #181817;--cream: #f1ece5;--olive: #a8c152;--olive-hi: #bed56f;--teal: #7b9aab;--fg80: rgba(241, 236, 229, .85);--fg60: rgba(241, 236, 229, .6);--fg45: rgba(241, 236, 229, .45);--fg30: rgba(241, 236, 229, .3);--fg20: rgba(241, 236, 229, .2);--hairline: rgba(241, 236, 229, .09);--display: "Inter Tight", "Inter", system-ui, sans-serif;--body: "Inter", system-ui, -apple-system, sans-serif;--mono: "JetBrains Mono", "SF Mono", Menlo, monospace;--scrub-h: 66px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--cream);font-family:var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:48;pointer-events:none;opacity:.045;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}::selection{background:var(--olive);color:var(--ink)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--olive);outline-offset:3px;border-radius:6px}.skip-link{position:fixed;top:14px;left:14px;z-index:100;padding:10px 18px;border-radius:999px;background:var(--olive);color:var(--ink);font-size:13.5px;font-weight:600;transform:translateY(-64px);opacity:0;transition:transform .2s ease,opacity .2s ease}.skip-link:focus-visible{transform:none;opacity:1;outline:none}.mono{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:lowercase}.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:lowercase;color:var(--fg30)}.eyebrow b{color:var(--olive);font-weight:400}.klo-mark{display:inline-block;aspect-ratio:607 / 429;background-color:var(--cream);-webkit-mask:url(/klo-logo.svg) no-repeat center / contain;mask:url(/klo-logo.svg) no-repeat center / contain}.nav{position:fixed;inset:0 0 auto 0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:22px 30px}.nav-logo{height:24px;width:34px;filter:drop-shadow(0 1px 10px rgba(0,0,0,.55));transition:opacity .15s,background-color .3s ease}.nav-logo:hover{opacity:.7}body.on-cream .nav-logo{background-color:var(--ink);filter:none}.nav-right{display:flex;align-items:center;gap:24px}.nav .pill-cream{box-shadow:0 4px 20px #00000059;transition:transform .16s ease,background .3s ease,color .3s ease}body.on-cream .nav .pill-cream{background:var(--ink);color:var(--cream);box-shadow:none}.pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:600;transition:transform .16s ease,opacity .16s ease}.pill:hover{transform:scale(1.03)}.pill:active{transform:scale(.98)}.pill-cream{background:var(--cream);color:var(--ink)}.pill-ghost{box-shadow:inset 0 0 0 1px #f1ece538;color:var(--cream)}.pill-ghost:hover{box-shadow:inset 0 0 0 1px #f1ece573}.pill-ink{background:var(--ink);color:var(--cream)}.pill-nav{padding:10px 20px;font-size:14px}.hero{min-height:100vh;min-height:100svh;position:relative;display:flex;align-items:flex-end}.hero-inner{position:relative;z-index:46;display:flex;flex-direction:column;align-items:flex-start;gap:clamp(16px,2.4vh,24px);padding:0 clamp(26px,4.5vw,64px) calc(var(--scrub-h) + 76px);text-align:left}.hero .eyebrow{display:flex;align-items:center;gap:12px}.hero .eyebrow .klo-mark{height:17px;width:24px;background-color:var(--fg60)}.hero .eyebrow{color:var(--fg45)}.hero h1{font-family:var(--display);font-weight:600;font-size:clamp(46px,6.6vw,100px);line-height:1;letter-spacing:-.045em;color:var(--cream);text-shadow:0 2px 44px rgba(0,0,0,.5)}.hero-prompt{display:flex;align-items:center;gap:11px;min-height:20px;font-family:var(--mono);font-size:13.5px;letter-spacing:.05em;text-transform:lowercase;color:var(--fg60);text-shadow:0 1px 12px rgba(0,0,0,.6)}.hero-prompt .pm{color:var(--olive);font-weight:500}.hero-prompt .pcaret{display:inline-block;width:7px;height:14px;margin-left:3px;background:var(--olive);vertical-align:-2px;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.monitor{position:fixed;top:0;left:0;z-index:45;overflow:hidden;background:#000;will-change:transform}.monitor video{width:100%;height:100%;object-fit:cover;display:block;transition:filter .8s ease}.monitor.fx-warm video{filter:sepia(.26) saturate(1.18) contrast(1.02)}.monitor.g1 video{filter:sepia(.24) saturate(1.16) contrast(1.02)}.monitor.g2 video{filter:sepia(.24) saturate(1.16) contrast(1.07) brightness(1.02)}.monitor.g3 video{filter:sepia(.24) saturate(1.16) contrast(1.07) brightness(1.02)}.monitor.pip{box-shadow:0 24px 70px #0009}.monitor.pip.g3{box-shadow:0 0 0 1.5px #f1ece58c,0 24px 70px #0009}.monitor-scrim{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to top,rgba(5,5,5,.82),rgba(5,5,5,.25) 34%,transparent 55%),linear-gradient(to bottom,rgba(5,5,5,.65),transparent 26%);transition:opacity .4s ease}.monitor.pip .monitor-scrim{opacity:0}.m-chip{position:absolute;bottom:10px;padding:3.5px 9px;border-radius:999px;background:#0505059e;font-family:var(--mono);font-size:9px;letter-spacing:.07em;text-transform:lowercase;color:var(--fg60);opacity:0;transition:opacity .35s ease}.monitor.pip .m-chip{opacity:1}.m-chip.left{left:12px}.m-chip.right{right:12px;color:var(--olive);font-variant-numeric:tabular-nums}.hero .sub{margin-top:clamp(18px,2.6vh,28px);font-size:clamp(14.5px,1.4vw,17px);color:var(--fg60);max-width:44ch;line-height:1.55}.hero .sub strong{color:var(--fg80);font-weight:500}.hero-ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:clamp(16px,2.6vh,26px)}.pill-hero{padding:16px 28px;font-size:15.5px}.hero .down{position:absolute;z-index:46;bottom:calc(var(--scrub-h) + 26px);left:50%;transform:translate(-50%);color:var(--fg30);font-family:var(--mono);font-size:10px;letter-spacing:.1em;animation:sink 2.6s ease-in-out infinite}@keyframes sink{0%,to{transform:translate(-50%);opacity:.55}50%{transform:translate(-50%,6px);opacity:1}}section{position:relative}.section-head{max-width:1120px;margin:0 auto;padding:clamp(90px,14vh,160px) 28px 0}.section-head .eyebrow{display:block;margin-bottom:22px}.section-head h2{font-family:var(--display);font-weight:600;font-size:clamp(36px,5.6vw,76px);letter-spacing:-.04em;line-height:1.02;color:var(--cream)}.section-head .lede{margin-top:18px;font-size:clamp(15px,1.5vw,18px);color:var(--fg45);max-width:52ch;line-height:1.6}.say-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1120px;margin:clamp(48px,7vh,80px) auto 0;padding:0 28px}.say-card{display:flex;flex-direction:column;justify-content:space-between;gap:56px;min-height:262px;padding:30px 28px 26px;border-radius:18px;background:linear-gradient(180deg,var(--raised2),var(--raised));transition:transform .25s ease,background .25s ease}.say-card:hover{transform:translateY(-4px)}.say-card .q{font-family:var(--display);font-weight:500;font-size:clamp(24px,2.4vw,31px);letter-spacing:-.025em;line-height:1.16;color:var(--cream)}.say-card .q:before{content:"“";color:var(--fg30)}.say-card .q:after{content:"”";color:var(--fg30)}.say-card .r{font-family:var(--mono);font-size:11px;letter-spacing:.05em;color:var(--fg45);display:flex;align-items:center;gap:9px}.say-card .r:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--olive);flex-shrink:0}.demo{max-width:1020px;margin:clamp(52px,8vh,96px) auto 0;padding:0 28px clamp(100px,14vh,170px)}.demo-prompt{display:flex;align-items:baseline;justify-content:center;gap:14px;min-height:46px;text-align:center}.demo-prompt .typed{font-family:var(--display);font-weight:500;font-size:clamp(21px,2.6vw,32px);letter-spacing:-.02em;color:var(--cream)}.demo-prompt .typed:before{content:"“";color:var(--fg30)}.demo-prompt .typed:after{content:"”";color:var(--fg30)}.demo-prompt .caret{display:inline-block;width:2px;height:.9em;background:var(--olive);vertical-align:-.1em;animation:blink 1s steps(1) infinite}.demo-status{display:flex;align-items:center;justify-content:center;gap:8px;height:30px;margin:10px 0 26px;color:var(--fg45);transition:opacity .25s ease}.demo-status .dot{width:6px;height:6px;border-radius:50%;background:var(--olive);animation:breathe 1.1s ease-in-out infinite}@keyframes breathe{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(.7);opacity:.4}}.demo-status.idle{opacity:0}.tl{position:relative}.tl-ruler{display:flex;justify-content:space-between;padding:0 2px 10px;color:var(--fg20);font-family:var(--mono);font-size:9px;letter-spacing:.06em}.tl-lane{position:relative;height:clamp(52px,7vw,72px);margin-bottom:7px;border-radius:9px;background:#f1ece507}.tl-lane.audio{height:clamp(24px,3.4vw,32px);background:#f1ece505}.clip{position:absolute;top:3px;bottom:3px;border-radius:8px;background:var(--raised);overflow:hidden;box-shadow:inset 0 0 0 1px #f1ece512;transition:left .85s cubic-bezier(.3,.9,.2,1),width .85s cubic-bezier(.3,.9,.2,1),box-shadow .3s ease}.clip.selected{box-shadow:inset 0 0 0 1.5px var(--olive)}.clip .thumb{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.02) brightness(.9)}.clip .strip{position:absolute;top:0;right:0;bottom:0;left:0;display:flex}.clip .strip i{flex:1;border-right:1px solid rgba(0,0,0,.5);background:rgba(5,5,5,calc((1.1 - var(--fb, 1)) * .9))}.clip .name{position:absolute;left:7px;bottom:6px;padding:2.5px 8px;border-radius:999px;background:#05050599;color:var(--fg80);font-family:var(--mono);font-size:8.5px;letter-spacing:.05em;white-space:nowrap}.clip .fade-tri{position:absolute;right:0;bottom:0;width:36px;height:17px;opacity:0;transition:opacity .4s ease}.clip .fade-tri.on{opacity:1}.clip .fade-tri:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top left,transparent 48%,rgba(168,193,82,.85) 49.5%,transparent 52%)}.awave{position:absolute;top:4px;right:0;bottom:4px;left:0;display:flex;align-items:flex-end;gap:2px;padding:0 5px;transition:left .85s cubic-bezier(.3,.9,.2,1),width .85s cubic-bezier(.3,.9,.2,1)}.awave i{flex:1;background:#7b9aab80;border-radius:1px}.playhead{position:absolute;top:24px;bottom:26px;width:1.5px;background:var(--olive);z-index:3;transition:left 1.1s linear;box-shadow:0 0 14px #a8c1528c}.playhead:before{content:"";position:absolute;top:-7px;left:-4.25px;border:5px solid transparent;border-top:7px solid var(--olive)}.tl-readout{display:flex;justify-content:space-between;align-items:center;padding:12px 2px 0;color:var(--fg30);font-family:var(--mono);font-size:10px;letter-spacing:.06em}.tl-readout .dur{color:var(--fg60);transition:color .3s}.tl-readout .dur.hot{color:var(--olive-hi)}.ship{background:var(--cream);color:var(--ink);text-align:center;padding:clamp(100px,15vh,180px) 28px calc(var(--scrub-h) + 12px);overflow:hidden}.ship .eyebrow{color:#0a0a0a66;display:block;margin-bottom:26px}.ship .eyebrow b{color:#708632}.ship h2{font-family:var(--display);font-weight:600;font-size:clamp(44px,8vw,116px);letter-spacing:-.045em;line-height:1.03;color:var(--ink)}.ship .ctas{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-top:clamp(36px,5vh,54px)}.ship .pill-ink{padding:19px 36px;font-size:16.5px}.ship .quiet-link{font-size:14.5px;font-weight:500;color:#0a0a0a80;transition:color .15s}.ship .quiet-link:hover{color:var(--ink)}.ship .receipts{margin-top:clamp(40px,6vh,60px);font-family:var(--mono);font-size:10.5px;letter-spacing:.07em;text-transform:lowercase;color:#0a0a0a6b;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px}.foot-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px 24px;max-width:1120px;margin:clamp(80px,12vh,130px) auto 0}.foot-row a{font-family:var(--mono);font-size:10.5px;letter-spacing:.07em;text-transform:lowercase;color:#0a0a0a73;transition:color .15s}.foot-row a:hover{color:var(--ink)}.foot-row .side{display:flex;gap:22px}.foot-row .copyright{font-family:var(--mono);font-size:10.5px;letter-spacing:.07em;text-transform:lowercase;color:#0a0a0a73}.giant{display:block;width:min(920px,88vw);margin:clamp(36px,6vh,60px) auto -2px;aspect-ratio:607 / 258;background-color:var(--ink);-webkit-mask:url(/klo-logo.svg) no-repeat top center / 100%;mask:url(/klo-logo.svg) no-repeat top center / 100%}.scrub{position:fixed;inset:auto 0 0 0;z-index:55;height:var(--scrub-h);background:var(--bg);border-top:1px solid var(--hairline);display:flex;align-items:stretch;gap:0;padding:9px 14px 9px 12px}.scrub-clips{position:relative;flex:1;display:flex;gap:5px}.scrub-clip{position:relative;border-radius:8px;background:#f1ece50a;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;text-align:left;padding:6px 10px 5px;overflow:hidden;white-space:nowrap;transition:background .25s ease}.scrub-clip:hover{background:#f1ece513}.scrub-clip.active{background:#f1ece512}.sc-label{font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:lowercase;color:var(--fg30);transition:color .25s ease}.scrub-clip:hover .sc-label{color:var(--fg60)}.scrub-clip.active .sc-label{color:var(--fg80)}.sc-label .t{margin-left:6px}.sc-wave{display:flex;align-items:flex-end;gap:2px;height:18px}.sc-wave i{flex:1;border-radius:1px;background:#f1ece521;transition:background .2s ease}.sc-wave i.past{background:#a8c1528c}.scrub-clip.active .sc-wave i.past{background:#a8c152b3}.scrub-playhead{position:absolute;top:-10px;bottom:-10px;width:1.5px;background:var(--olive);box-shadow:0 0 12px #a8c152a6;pointer-events:none}.scrub-playhead:before{content:"";position:absolute;top:0;left:-4px;border:4.5px solid transparent;border-top:6px solid var(--olive)}.scrub-tc{display:flex;align-items:center;padding-left:16px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--olive);font-variant-numeric:tabular-nums}.gs-lines .line{display:block;overflow:hidden;padding-bottom:.16em;margin-bottom:-.16em}.gs-lines .lineIn{display:block;will-change:transform}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}@media (max-width: 760px){:root{--scrub-h: 56px}body:after{display:none}.nav{padding:16px 18px}.say-grid{grid-template-columns:1fr}.say-card{min-height:0;gap:34px}.tl-ruler span:nth-child(2n){display:none}.scrub{padding:7px 10px}.scrub-clip{padding:5px 8px 4px}.sc-label .t{display:none}.sc-wave{height:14px}.foot-row{justify-content:center}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.hero .down,.demo-status .dot,.caret{animation:none}.reveal{opacity:1;transform:none}}.legal{max-width:640px;margin:0 auto;padding:96px 24px 80px;min-height:100vh}.legal-home{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:lowercase;color:var(--fg45);text-decoration:none;transition:color .2s ease}.legal-home b{color:var(--cream);font-weight:600}.legal-home:hover{color:var(--fg80)}.legal-head{margin:56px 0 40px}.legal-head h1{font-family:var(--display);font-size:clamp(34px,6vw,52px);font-weight:600;letter-spacing:-.03em;color:var(--cream);margin:10px 0 8px}.legal-date{font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--fg30)}.legal-body h2{font-family:var(--display);font-size:17px;font-weight:600;letter-spacing:-.01em;color:var(--cream);margin:36px 0 10px}.legal-body p{font-size:15px;line-height:1.75;color:var(--fg60)}.legal-body p b{color:var(--fg80);font-weight:600}.legal-body a{color:var(--olive);text-decoration:none}.legal-body a:hover{color:var(--olive-hi)}.legal-foot{margin-top:72px;padding-top:20px;border-top:1px solid var(--hairline);display:flex;gap:18px;align-items:baseline;font-family:var(--mono);font-size:11px;letter-spacing:.12em}.legal-foot a{color:var(--fg45);text-decoration:none}.legal-foot a:hover{color:var(--fg80)}.legal-foot span{margin-left:auto;color:var(--fg30)}.bridge{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;padding:24px}.bridge-mark{width:44px;height:20px;background:var(--cream);-webkit-mask:url(/klo-logo.svg) no-repeat center / contain;mask:url(/klo-logo.svg) no-repeat center / contain;margin-bottom:8px}.bridge-status{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:lowercase;color:var(--fg45)}.bridge-dot{width:5px;height:5px;border-radius:999px;background:var(--olive)}.bridge-dot.pulse{animation:bridge-pulse 1.4s ease-in-out infinite}@keyframes bridge-pulse{0%,to{opacity:1}50%{opacity:.35}}.bridge h1{font-family:var(--display);font-size:clamp(30px,5vw,44px);font-weight:600;letter-spacing:-.03em;color:var(--cream)}.bridge p{font-size:14.5px;line-height:1.7;color:var(--fg60)}.bridge-btn{margin-top:6px;padding:12px 26px;border-radius:999px;border:1px solid var(--fg20);color:var(--cream);text-decoration:none;font-size:13.5px;transition:border-color .2s ease}.bridge-btn:hover{border-color:var(--fg45)}