main{display:block}.cta{flex-wrap:wrap;align-items:center;gap:12px 18px;margin:28px 0 0;display:flex}.k-label.dot{align-items:center;gap:10px;margin:0 0 14px;display:inline-flex}.k-label.dot:before{content:"";background:var(--k-on-pick);border-radius:50%;width:9px;height:9px}.section .k-label.dot:before{background:var(--k-pick)}.k-chip{background:var(--k-white);margin:0}.hero{text-align:center;grid-template-areas:"spot""text";justify-items:center;padding:16px 0 104px;display:grid}.hero-text{flex-direction:column;grid-area:text;align-items:center;max-width:640px;padding:28px 16px 0;display:flex}.hero .k-display{margin-top:18px;font-size:clamp(44px,12.6vw,64px)}.hero .k-display .k-accent{width:max-content;margin:.06em auto 0;display:block}.sub{max-width:30em;margin:18px 0 0}.count{justify-content:center;gap:clamp(12px,4vw,28px);margin:28px 0 0;display:flex}.count>div{flex-direction:column;align-items:center;display:flex}.count b{font:800 clamp(40px, 11vw, 56px)/1 var(--k-font-display);letter-spacing:-.045em;font-variant-numeric:tabular-nums;text-align:center;min-width:2ch;display:block}.count span{font:600 12px/1 var(--k-font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--k-graphite);margin-top:6px}.count b.tick{animation:.35s ease-out slide}.count[hidden],.live[hidden],#launch[hidden]{display:none}.live{font:800 40px/1 var(--k-font-display);letter-spacing:-.045em;margin:20px 0 0}.spot{flex-direction:column;grid-area:spot;align-items:center;margin:0;display:flex}.spot .phone{--k-phone:min(calc(100vw - 32px), calc((100svh - 150px) / 1.716));position:relative}.k-phone__screen video{background:#000}.play{border:1px solid var(--k-ink);background:var(--k-orange);width:72px;height:72px;color:var(--k-ink);cursor:pointer;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.play[hidden]{display:none}.controls{right:calc(var(--k-phone) * .04 + 8px);z-index:3;flex-direction:column;gap:10px;display:flex;position:absolute;top:50%}.ctl,.sound{cursor:pointer;width:44px;height:44px;color:var(--k-paper);background:#111111d1;border:1px solid #f4f1ea80;border-radius:999px;place-items:center;padding:0;display:grid}.ctl .i-play,.ctl.paused .i-pause{display:none}.ctl.paused .i-play{display:block}.sound{order:-1}.sound span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.sound .waves{display:none}.sound[aria-pressed=true] .waves{display:inline}.sound[aria-pressed=true] .x{display:none}.ctl:focus-visible,.sound:focus-visible,.play:focus-visible{outline:2px solid var(--k-orange);outline-offset:2px}.spot figcaption{margin:14px 16px 0;font-size:15px}.band{overflow:visible}.band-copy{z-index:1;max-width:640px;position:relative}.band .k-h2{margin-bottom:18px}.band p{margin:0 0 14px}.band .k-hue{z-index:0}@media (width>=721px){.band .k-hue{height:clamp(300px,34vw,480px)}}.section{max-width:1120px;margin:0 auto;padding:64px 16px 96px;scroll-margin-top:16px}.section .k-h2{margin-bottom:28px}.samples{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 28px;display:grid}.sample{margin:0}.sample .k-phone{--k-phone:100%;width:100%}.soon{background:repeating-linear-gradient(135deg, var(--k-graphite-dark) 0 14px, #262624 14px 28px);place-items:center;display:grid;position:absolute;inset:0}.soon span{color:var(--k-fog);font:600 13px/1 var(--k-font-body);letter-spacing:.14em;text-transform:uppercase}.k-phone__demo{z-index:2;pointer-events:none}.sample figcaption{flex-direction:column;margin:14px 4px 0;display:flex}.sample figcaption b{font:800 22px/1.15 var(--k-font-display);letter-spacing:-.025em}.steps{gap:14px;margin:0;padding:0;list-style:none;display:grid}.steps li{border-radius:var(--k-radius-card);background:var(--k-white);border:var(--k-line);align-items:flex-start;gap:16px;padding:22px;display:flex}.steps b{border:var(--k-line);background:var(--k-orange);width:48px;height:48px;color:var(--k-on-orange);font:800 22px/1 var(--k-font-display);border-radius:50%;flex:none;place-items:center;display:grid}.steps p{font-size:var(--k-lead);margin:10px 0 0;font-weight:600;line-height:1.35}.review{border-left:3px solid var(--k-ink);max-width:46em;margin:28px 0 0;padding-left:18px}.pricing .fine{font-size:15px}.pricing .k-h3{margin:26px 0 8px}.agree{font-size:15px}.agree a,.monthly a{text-underline-offset:3px}.monthly{font-weight:600;margin-top:22px!important}.badge{z-index:2;--k-badge:120px;position:absolute}.faq{gap:12px;max-width:800px;display:grid}.faq details{background:var(--k-white);border:var(--k-line);border-radius:18px}.faq summary{cursor:pointer;font:800 20px/1.2 var(--k-font-display);letter-spacing:-.02em;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";border:var(--k-line);width:32px;height:32px;font:600 20px/1 var(--k-font-body);border-radius:50%;flex:none;place-items:center;display:grid}.faq details[open] summary:after{content:"–";background:var(--k-orange)}.faq details p{margin:0;padding:0 20px 20px}.signup{text-align:center;scroll-margin-top:16px}.signup .k-h2{max-width:14em;margin:0 auto 8px}.art{aspect-ratio:2560/1420;width:100%;max-width:600px;margin:0 auto;position:relative;container-type:inline-size}.art .hue{z-index:2;pointer-events:none;filter:drop-shadow(0 10px #11111124);transform-origin:30% 60%;width:45.3125%;height:auto;animation:3.6s ease-in-out infinite breathe;position:absolute;top:0;left:0}.box{z-index:1;background:var(--k-white);border:max(2px, .5cqw) solid var(--k-ink);border-radius:3.6cqw;align-items:center;gap:2cqw;width:94.9%;height:46.06%;padding:0 2.4cqw 0 6.5cqw;display:flex;position:absolute;top:41.69%;left:4.1%}.box:focus-within{box-shadow:0 0 0 3px var(--k-white), 0 0 0 5px var(--k-ink)}.box input{min-width:0;height:70%;color:var(--k-ink);font:400 max(16px, 3.9cqw) / 1.2 var(--k-font-body);letter-spacing:-.01em;text-overflow:ellipsis;background:0 0;border:0;outline:none;flex:auto;padding:0}.box input::placeholder{color:var(--k-graphite);opacity:1}.box button{border:1px solid var(--k-ink);background:var(--k-ink);height:62%;color:var(--k-paper);cursor:pointer;font:600 max(15px, 4.2cqw) / 1 var(--k-font-body);white-space:nowrap;border-radius:999px;flex:none;padding:0 4cqw}.box button:hover{background:var(--k-violet);color:var(--k-white)}.box button:focus-visible{outline:2px solid var(--k-ink);outline-offset:2px}.box button:disabled{cursor:default;opacity:.85}.art.done .box button{background:var(--k-lime);color:var(--k-ink);opacity:1}.hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.note{max-width:34em;font-size:15px;margin:10px auto 0!important}.status{min-height:1.4em;font-weight:600;margin:8px 0 0!important}.status a{color:var(--k-white);text-underline-offset:3px}@media (width<=959px){.samples{scroll-snap-type:x mandatory;grid-template-columns:none;grid-auto-columns:min(66%,300px);grid-auto-flow:column;margin:0 -16px;padding:0 16px 10px;scroll-padding:0 16px;overflow-x:auto}.sample{scroll-snap-align:start}}@media (width<=720px){.badge{--k-badge:96px;top:28px;left:20px}.pricing{padding-top:150px}}@media (width>=721px){.badge{--k-badge:150px;top:56px;right:clamp(260px,30vw,420px)}}@media (width>=960px){.hero{text-align:left;grid-template-columns:minmax(0,660px) auto;grid-template-areas:"text spot";justify-content:center;align-items:center;column-gap:72px;padding:56px 32px 88px}.hero-text{align-items:flex-start;padding:0}.hero .k-display{font-size:min(var(--k-display), 7vw)}.hero .k-display .k-accent{margin-left:0}.count{justify-content:flex-start}.spot .phone{--k-phone:330px}.controls{flex-direction:row;justify-content:center;position:absolute;top:calc(100% + 16px);left:0;right:0}.ctl,.sound{background:var(--k-white);border:var(--k-line);color:var(--k-ink)}.ctl:hover,.sound:hover{background:var(--k-orange)}.sound{width:auto;font:600 15px/1 var(--k-font-body);order:0;gap:8px;padding:0 16px;display:inline-flex}.sound span{clip:auto;width:auto;height:auto;position:static;overflow:visible}.spot figcaption{margin-top:80px}.section{padding:96px 32px;scroll-margin-top:80px}.signup{scroll-margin-top:80px}.steps{grid-template-columns:repeat(3,1fr)}.steps li{flex-direction:column}}@keyframes slide{0%{opacity:.35;transform:translateY(-.14em)}to{opacity:1;transform:none}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.006,1.018)}}@media (prefers-reduced-motion:reduce){.count b.tick,.art .hue{animation:none}}
