@property --snake-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes btn-snake-spin{to{--snake-angle: 360deg}}@keyframes btn-snake-glow{0%,to{filter:drop-shadow(0 0 8px rgba(86,194,255,.18))}50%{filter:drop-shadow(0 0 14px rgba(86,194,255,.32))}}.btn-snake.btn-primary{background:transparent;box-shadow:none}.btn-snake.btn-primary:hover{box-shadow:none}.btn-snake.btn-primary:hover:after{background:#f0f0f0}.btn-snake{position:relative;z-index:0;isolation:isolate;overflow:visible;animation:btn-snake-glow 3.2s ease-in-out infinite}.btn-snake:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:9px;background:conic-gradient(from var(--snake-angle),transparent 0deg,rgba(86,194,255,.06) 50deg,rgba(86,194,255,.9) 115deg,rgba(160,225,255,.55) 145deg,rgba(86,194,255,.08) 210deg,transparent 285deg);animation:btn-snake-spin 2.6s linear infinite;z-index:-2}.btn-snake:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:7px;background:var(--ash-50);z-index:-1}.btn-snake__label{position:relative;z-index:1}@media(prefers-reduced-motion:reduce){.btn-snake,.btn-snake:before{animation:none!important}}.landing-uses{width:calc(100% + var(--page-bleed-left) + var(--page-bleed-right));max-width:none;margin-left:calc(-1 * var(--page-bleed-left));margin-right:calc(-1 * var(--page-bleed-right));margin-top:clamp(32px,6vh,64px);padding:clamp(40px,7vh,72px) 0 clamp(24px,4vh,40px);overflow:hidden}.landing-uses__viewport{position:relative;display:flex;align-items:center;width:100%;min-height:clamp(96px,14vh,132px);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 10%,#000 90%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 10%,#000 90%,transparent 100%)}.landing-uses__viewport [data-landing-uses-track]{display:flex;align-items:center;width:100%;min-height:100%}.landing-uses__track{display:flex;align-items:center;gap:clamp(28px,4vw,48px);width:max-content;padding:0;animation:landing-uses-scroll 55s linear infinite}.landing-uses__track.is-static{animation:none;flex-wrap:wrap;justify-content:center;width:100%;padding:12px 0;gap:20px 32px}@keyframes landing-uses-scroll{0%{transform:translate(-50%)}to{transform:translate(0)}}.landing-uses__item{display:flex;flex-shrink:0;align-items:center;justify-content:center;opacity:.7;transition:opacity .2s ease,transform .2s ease}.landing-uses__item:hover{opacity:.95;transform:scale(1.06)}.landing-uses__logo{display:block;width:auto;height:clamp(44px,6vw,58px);max-width:clamp(52px,7vw,72px)}.landing-uses__item--bright-mono .landing-uses__logo path{fill:#e8e8e8}.landing-uses__label{position:absolute;left:50%;top:50%;z-index:2;margin:0;padding:0 clamp(12px,2vw,24px);font-size:clamp(1.35rem,2.8vw,1.75rem);line-height:1;color:var(--snow);white-space:nowrap;transform:translate(-50%,-50%);pointer-events:none;isolation:isolate;text-shadow:0 1px 2px rgba(4,5,6,.22)}.landing-uses__label:before{content:"";position:absolute;left:50%;top:50%;z-index:-1;width:calc(100% + 2.5em);height:calc(100% + 2.2em);border-radius:999px;background:#04050652;filter:blur(12px);transform:translate(-50%,-50%)}@media(prefers-reduced-motion:reduce){.landing-uses__track{animation:none!important}}@media(min-width:1800px){.site-shell--landing{--page-gutter: clamp(96px, 11.5vw, 268px);--page-bleed-left: max(var(--page-gutter), env(safe-area-inset-left, 0px));--page-bleed-right: max(var(--page-gutter), env(safe-area-inset-right, 0px));--page-gutter-inline: var(--page-bleed-left) var(--page-bleed-right)}}@media(min-width:2200px){.site-shell--landing{--page-gutter: clamp(128px, 16vw, 384px);--page-bleed-left: max(var(--page-gutter), env(safe-area-inset-left, 0px));--page-bleed-right: max(var(--page-gutter), env(safe-area-inset-right, 0px));--page-gutter-inline: var(--page-bleed-left) var(--page-bleed-right)}}.site-shell--landing{overflow-x:clip}.site-shell--landing .site-nav{border-bottom:none;max-width:none;width:100%;margin-inline:0;padding-block:20px;padding-inline:var(--page-bleed-left) var(--page-bleed-right);box-sizing:border-box}.site-shell--landing .site-main{max-width:none;width:100%;margin-inline:0;padding-block:0 100px;padding-inline:var(--page-bleed-left) var(--page-bleed-right);box-sizing:border-box}.site-shell--landing .footer-inner{max-width:none;width:100%;margin-inline:0;padding-inline:var(--page-bleed-left) var(--page-bleed-right);box-sizing:border-box}.landing-hero{position:relative;isolation:isolate;min-height:min(78vh,720px);display:flex;flex-direction:column;justify-content:flex-end;padding:0 0 clamp(48px,8vh,96px);overflow:hidden}.landing-hero__content{position:relative;z-index:2;pointer-events:none}.landing-hero__content a,.landing-hero__content button{pointer-events:auto}.landing-hero__content .landing-title{text-shadow:0 2px 20px rgba(4,5,6,.9),0 0 48px rgba(4,5,6,.75)}.landing-kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 20px;color:var(--slate-300);font-size:calc(12px * var(--text-scale));font-weight:500;letter-spacing:.12em;text-transform:uppercase}.landing-title{margin:0;max-width:11.5em;font-size:clamp(2.4rem,7.5vw,4.5rem);font-weight:500;line-height:1.05;letter-spacing:-.02em;color:var(--snow)}.landing-deck{margin:28px 0 0;max-width:34em;font-size:clamp(calc(15px * var(--text-scale)),1.6vw,calc(17px * var(--text-scale)));line-height:1.65;color:var(--slate-300)}.landing-cta{display:flex;flex-wrap:wrap;align-items:center;gap:20px 28px;margin-top:36px}.landing-cta .btn-primary{min-height:42px;padding:10px 22px;font-size:calc(14px * var(--text-scale))}.landing-cta-links{display:flex;flex-wrap:wrap;gap:16px 22px}.landing-cta-links a{color:var(--slate-200);font-size:calc(14px * var(--text-scale));text-decoration:none;border-bottom:1px solid var(--graphite-500);padding-bottom:2px;transition:color .14s ease,border-color .14s ease}.landing-cta-links a:hover{color:var(--snow);border-color:var(--slate-300);text-decoration:none}.landing-panels{--panel-w: min(288px, 34vw);position:absolute;z-index:1;top:clamp(48px,10vh,120px);right:var(--page-bleed-right);left:auto;width:calc(var(--panel-w) + 120px);height:min(420px,46vh);min-height:388px;pointer-events:none;-webkit-user-select:none;user-select:none}.landing-panel{position:absolute;width:var(--panel-w);margin:0;pointer-events:auto;transition:transform .32s cubic-bezier(.22,1,.36,1),box-shadow .32s cubic-bezier(.22,1,.36,1),opacity .24s ease;will-change:transform}.landing-panel--selection{z-index:1;top:0;right:0;left:auto;transform:rotate(1.2deg)}.landing-panel--video{z-index:2;top:50%;left:0;right:auto;transform:translateY(-50%) rotate(-2.2deg)}.landing-panel--page{z-index:3;bottom:0;top:auto;right:0;left:auto;transform:rotate(.9deg)}.landing-panels:has(.landing-panel:hover),.landing-panels:has(.landing-panel:focus-within){z-index:3}.landing-panels:has(.landing-panel:hover) .landing-panel:not(:hover):not(:focus-within){opacity:.8}@media(hover:hover){.landing-panel:hover,.landing-panel:focus-within{z-index:10;opacity:1}.landing-panel--selection:hover,.landing-panel--selection:focus-within{transform:rotate(0) translate(10px,-10px) scale(1.02)}.landing-panel--video:hover,.landing-panel--video:focus-within{transform:translate(-18px,-50%) rotate(0) scale(1.02)}.landing-panel--page:hover,.landing-panel--page:focus-within{transform:rotate(0) translate(10px,10px) scale(1.02)}}.landing-panel:hover .landing-panel-inner,.landing-panel:focus-within .landing-panel-inner{box-shadow:var(--shadow-highlight),0 28px 90px #00000080,0 0 0 1px #56c2ff24}.landing-panel-inner{border-radius:10px;background:var(--surface-base);box-shadow:var(--shadow-ring),0 24px 80px #00000073,0 0 0 1px #56c2ff14;overflow:hidden;transition:box-shadow .32s cubic-bezier(.22,1,.36,1)}.landing-panel-bar{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.06)}.landing-panel-dot{width:7px;height:7px;border-radius:999px;background:var(--signal-sky);box-shadow:0 0 10px #56c2ff73}.landing-panel-dot--mint{background:var(--signal-mint);box-shadow:0 0 10px #59d49966}.landing-panel-dot--amber{background:var(--signal-amber);box-shadow:0 0 10px #e8b84a59}.landing-panel-bar span{font-size:calc(11px * var(--text-scale));color:var(--slate-300);letter-spacing:.04em}.landing-panel-body{padding:14px}.landing-panel-q{margin:0;padding:10px 12px;border-radius:8px;background:#ffffff0d;box-shadow:var(--shadow-ring);font-size:calc(12px * var(--text-scale));color:var(--ash-50);line-height:1.45}.landing-panel-a{margin:12px 0 0;font-size:calc(12px * var(--text-scale));line-height:1.55;color:var(--slate-200)}.landing-panel-a strong{display:block;margin-bottom:4px;font-weight:500;color:var(--signal-mint);font-size:calc(11px * var(--text-scale));letter-spacing:.04em}.landing-beats-wrap{display:flex;align-items:flex-start;gap:clamp(16px,3vw,48px);margin-top:clamp(64px,12vh,120px);padding-bottom:40px}.landing-beats-tabbi-col{flex-shrink:0;display:flex;flex-direction:column;align-items:center;margin-top:clamp(180px,32vh,400px)}.landing-beats-tabbi{width:clamp(160px,24vw,293px);height:auto;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.landing-beats-tabbi-caption{margin:clamp(10px,2vh,16px) 0 0;max-width:14em;font-size:clamp(1.05rem,2.2vw,1.35rem);line-height:1.35;text-align:center;color:var(--slate-200)}.landing-beats-wrap .landing-beats{flex:1;min-width:0;margin-top:0}.landing-beat{position:relative;max-width:36rem;margin-bottom:clamp(48px,8vh,88px)}.landing-beat:last-child{margin-bottom:0}.landing-beat-1{margin-left:0}.landing-beat-2{transform:translate(clamp(40px,12vw,220px));max-width:32rem}.landing-beat-3{transform:translate(clamp(20px,5vw,96px));max-width:28rem}.landing-beat-num{display:block;margin-bottom:12px;font-size:clamp(3rem,8vw,5rem);font-weight:500;line-height:1;letter-spacing:-.04em;color:#ffffff0f}.landing-beat h2{font-size:clamp(1.1rem,2.2vw,1.35rem);font-weight:500;color:var(--snow);line-height:1.3}.landing-beat p{margin-top:10px;font-size:calc(14px * var(--text-scale));line-height:1.65;color:var(--slate-300)}.landing-cap-intro{max-width:22em}.landing-cap-lead{margin:0;font-size:clamp(1.25rem,2.5vw,1.65rem);font-weight:500;line-height:1.35;color:var(--snow)}.landing-cap-deck{margin:14px 0 0;font-size:calc(15px * var(--text-scale));line-height:1.65;color:var(--slate-300)}.landing-points{list-style:none;margin:0;padding:0;overflow-x:clip}.landing-cap .landing-point{max-width:34rem}.landing-cap .landing-point:nth-child(1){margin-left:0;padding-bottom:32px}.landing-cap .landing-point:nth-child(2){margin-left:clamp(10%,16vw,24%);max-width:30rem;padding-bottom:40px}.landing-cap .landing-point:nth-child(3){margin-left:clamp(2%,5vw,8%);max-width:28rem;padding-bottom:36px}.landing-cap .landing-point:nth-child(4){margin-left:clamp(14%,22vw,30%);max-width:31rem;padding-bottom:0}@media(max-width:720px){.landing-cap .landing-point{margin-left:0!important;transform:none!important;max-width:none;padding-bottom:28px!important}.landing-cap .landing-point:last-child{padding-bottom:0!important}}.landing-beats[data-beats-scroll] .landing-beat{opacity:.32;transition:opacity .55s ease}.landing-beats[data-beats-scroll] .landing-beat.is-active{opacity:1}.landing-section,.landing-install{position:relative;border-top:none}.landing-section:before,.landing-install:before{content:"";position:absolute;top:0;left:calc(-1 * var(--page-bleed-left));width:calc(100% + var(--page-bleed-left) + var(--page-bleed-right));height:1px;background:#ffffff0f;pointer-events:none}.landing-section{min-height:min(72vh,680px);padding:clamp(56px,9vh,88px) 0;box-sizing:border-box}.landing-inline-demo.landing-section{display:flex;flex-direction:column;gap:clamp(32px,5vh,48px);align-items:center;margin-top:clamp(48px,8vh,80px);min-height:auto;padding-bottom:clamp(56px,9vh,88px)}.landing-cap.landing-section{display:grid;grid-template-columns:1fr;gap:48px;align-content:center;margin-top:0;min-height:auto;padding-top:clamp(56px,9vh,88px);padding-bottom:clamp(28px,4vh,40px)}@media(min-width:900px){.landing-cap.landing-section{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:64px}}.landing-inline-demo__copy{order:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:640px;text-align:center}.landing-inline-demo__demo{order:2;display:flex;flex-direction:column;gap:12px;width:100%;max-width:640px;overflow:visible}.landing-inline-demo__title{margin:0;font-size:clamp(1.25rem,2.5vw,1.65rem);font-weight:500;line-height:1.3;color:var(--snow)}.landing-inline-demo__deck{margin:14px 0 0;max-width:36em;font-size:calc(15px * var(--text-scale));line-height:1.65;color:var(--slate-300)}.landing-inline-demo__deck strong{color:var(--slate-200);font-weight:500}.landing-inline-demo__page{position:relative;padding:24px 22px 22px;font-family:"Instrument Serif",Georgia,Times New Roman,serif;font-style:italic;font-size:calc(16px * var(--text-scale));line-height:1.65;letter-spacing:.02em;color:#9c9c9d;overflow:visible}.landing-demo-cursor{position:absolute;left:0;top:0;z-index:5;width:22px;height:22px;opacity:1;pointer-events:none;transform:translate(0) scale(1);transition:left 1.4s cubic-bezier(.22,1,.36,1),top 1.4s cubic-bezier(.22,1,.36,1),transform .22s cubic-bezier(.22,1,.36,1);filter:drop-shadow(0 2px 6px rgba(0,0,0,.55))}.landing-demo-cursor.is-clicking{transform:translate(0) scale(.82)}.landing-demo-cursor svg{display:block}.landing-inline-demo__page-title{margin:0 0 12px;font-size:calc(13px * var(--text-scale));font-weight:400;letter-spacing:.06em;text-transform:none;color:#6a6b6c}.landing-inline-demo__para{margin:0 0 10px}.landing-inline-demo__interaction{position:relative;margin:0 0 10px;overflow:visible}.landing-inline-demo__line{margin:0}.landing-inline-demo__sel-anchor{position:relative;display:inline}.landing-inline-demo__sel{display:inline;padding:2px 0;border-radius:3px;color:#9c9c9d;background-image:linear-gradient(to right,#5691ff6b,#5691ff6b);background-repeat:no-repeat;background-size:0% 100%;background-position:left center;box-decoration-break:clone;-webkit-box-decoration-break:clone}.landing-inline-demo[data-phase=toolbar] .landing-inline-demo__sel,.landing-inline-demo[data-phase=result] .landing-inline-demo__sel{background-size:100% 100%}.tw-selection-toolbar{position:absolute;left:0;top:-44px;bottom:auto;transform:none;z-index:2;display:block;width:max-content;max-width:min(360px,calc(100vw - 48px));padding:5px;border:1px solid #343a46;border-radius:10px;background:#0b0d10;box-shadow:0 14px 40px #00000061;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s ease,visibility .35s ease}.landing-inline-demo[data-phase=toolbar] .tw-selection-toolbar,.landing-inline-demo[data-phase=result] .tw-selection-toolbar{opacity:1;visibility:visible}.landing-inline-demo[data-phase=result] .tw-selection-toolbar{width:min(360px,calc(100vw - 48px))}.landing-inline-demo.is-resetting .tw-selection-toolbar,.landing-inline-demo.is-resetting .tw-selection-toolbar__result{opacity:0!important;visibility:hidden!important;transition:none!important}.landing-inline-demo.is-resetting .landing-inline-demo__sel{color:#9c9c9d!important;background-size:0% 100%!important}.tw-selection-toolbar__actions{display:flex;gap:4px;align-items:center}.tw-selection-toolbar__actions button{border:0;border-radius:7px;background:transparent;color:#f3f5f7;font:500 12px/1 Inter,ui-sans-serif,system-ui,sans-serif;padding:7px 8px;transition:background .2s ease}.landing-inline-demo.is-explain-pressed .tw-selection-toolbar__actions button[data-action=explain]{background:#1d222a}.tw-selection-toolbar__result{display:none;margin-top:5px;padding:8px 7px 6px;border-top:1px solid #252a32;color:#d8dde6;font:12px/1.45 Inter,ui-sans-serif,system-ui,sans-serif;max-height:190px;overflow:auto;white-space:normal}.landing-inline-demo[data-phase=result] .tw-selection-toolbar__result{display:flex;align-items:flex-start;gap:4px;width:100%;box-sizing:border-box}.tw-selection-toolbar__result-text{flex:1 1 auto;min-width:0;white-space:pre-wrap}@media(prefers-reduced-motion:reduce){.landing-beats[data-beats-scroll] .landing-beat{opacity:1!important;transition:none!important}.landing-inline-demo[data-phase] .tw-selection-toolbar{opacity:1}.landing-inline-demo[data-phase] .landing-inline-demo__sel{background-size:100% 100%}.landing-inline-demo[data-phase=result] .tw-selection-toolbar__result{display:block}.landing-demo-cursor{display:none}}.landing-install{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:clamp(80px,12vh,120px);padding-block:clamp(48px,8vh,72px);padding-inline:0}.landing-install .icon-wrap--xl{width:72px;height:72px;border-radius:16px;margin-bottom:24px}.landing-install .icon-wrap--xl svg{width:36px;height:36px}.landing-install-title{margin:0;max-width:16em;font-size:clamp(1.35rem,3vw,1.75rem);font-weight:500;line-height:1.25;letter-spacing:-.01em;color:var(--snow)}.landing-install-deck{margin:16px 0 0;max-width:36em;font-size:calc(15px * var(--text-scale));line-height:1.65;color:var(--slate-300)}.landing-install-btn{margin-top:28px;min-height:44px;padding:11px 28px;font-size:calc(14px * var(--text-scale))}.landing-install-note{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 14px;margin:18px 0 0;font-size:calc(13px * var(--text-scale));color:var(--slate-300)}.landing-install-note a{color:var(--slate-200);text-decoration:none;border-bottom:1px solid var(--graphite-500);padding-bottom:2px}.landing-install-note a:hover{color:var(--snow);border-color:var(--slate-300);text-decoration:none}.landing-install-note span{color:var(--graphite-400)}@media(max-width:960px){.landing-panels{--panel-w: min(280px, 78vw);top:clamp(24px,6vh,72px);right:var(--page-bleed-right);left:auto;width:calc(var(--panel-w) + 88px);height:360px;min-height:360px}.landing-hero{min-height:min(88vh,760px)}}@media(max-width:520px){.landing-panels{--panel-w: min(260px, 88vw);width:calc(var(--panel-w) + 56px);height:340px;min-height:340px}}@media(min-width:1800px){.landing-beats-tabbi-col{margin-top:clamp(96px,14vh,200px)}.landing-beats-tabbi{width:clamp(240px,36vw,440px)}}@media(max-width:720px){.landing-beats-wrap{flex-direction:column;align-items:center;gap:clamp(24px,5vw,40px)}.landing-beats-tabbi-col{margin-top:0}.landing-beats-tabbi{width:min(213px,56vw)}}@media(max-width:640px){.landing-beat-2,.landing-beat-3{transform:none}}
