.kx{--background:#131210;--band:#171613;--card:#1c1b18;--card-2:#221f1a;--foreground:#f3f1ea;--muted-foreground:#9c9890;--border:#312f29;--primary:#5b84ff;--primary-foreground:#0b1030;--accent:#22283f;--accent-foreground:#b7c7ff;--success:#34d399;--radius:16px;--radius-btn:12px;--font:var(--font-rubik),"Rubik","Segoe UI",system-ui,sans-serif;--gutter:clamp(20px,5vw,56px)}.kx *,.kx :before,.kx :after{box-sizing:border-box}.kx{background:var(--background);color:var(--foreground);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:17px;font-weight:300;line-height:1.7;overflow-x:hidden}.kx :focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:6px}.kx .wrap{max-width:1120px;padding-inline:var(--gutter);margin-inline:auto}.kx h1,.kx h2,.kx h3,.kx .disp{font-family:var(--font);letter-spacing:-.02em;text-wrap:balance;margin:0;line-height:1.1}.kx h1{font-weight:900}.kx h2{font-weight:800}.kx h3{font-weight:700}.kx p{margin:0}.kx .eyebrow{letter-spacing:.15em;color:var(--primary);font-size:12.5px;font-weight:500}.kx .num{font-variant-numeric:tabular-nums}.kx .center{text-align:center}.kx .lede{color:var(--muted-foreground);font-size:17px;line-height:1.65}.kx .btn{--lift:0px;color:var(--primary-foreground);background:var(--primary);border-radius:var(--radius-btn);transform:translateY(var(--lift));box-shadow:0 10px 26px -14px var(--primary);justify-content:center;align-items:center;padding:14px 32px;font-size:16px;font-weight:700;text-decoration:none;transition:transform .2s cubic-bezier(.2,.7,.3,1),background .2s,box-shadow .2s;display:inline-flex;position:relative;overflow:hidden}.kx .btn:hover{--lift:-2px;box-shadow:0 18px 34px -16px var(--primary);background:#7699ff}.kx .btn:active{--lift:0px}.kx .btn:after{content:"";background:linear-gradient(100deg,#0000 35%,#fff6 50%,#0000 65%);position:absolute;inset:0;transform:translate(-120%)}.kx .btn:hover:after{animation:.7s ease-out sheen}@keyframes sheen{to{transform:translate(120%)}}.kx .btn--sm{padding:9px 18px;font-size:14px}.kx .btn--quiet{color:var(--muted-foreground);box-shadow:none;background:0 0;padding:9px 10px;font-weight:500}.kx .btn--quiet:hover{color:var(--foreground);--lift:0px;background:0 0}.kx .btn--quiet:after{display:none}.kx .top{z-index:50;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--background) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0}.kx .top .wrap{justify-content:space-between;align-items:center;gap:14px;height:66px;display:flex}.kx .top img{width:116px;height:auto;display:block}.kx .top div{align-items:center;gap:8px;display:flex}.kx .hero{padding-block:clamp(52px,8vw,88px) 0;position:relative}.kx .hero:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(ellipse 60% 50% at 50% 0%,var(--accent),transparent 70%);width:min(900px,120vw);height:520px;margin-inline:auto;animation:18s ease-in-out infinite alternate breathe;position:absolute;inset-block-start:-120px;inset-inline:0}@keyframes breathe{0%{opacity:.75;transform:scale(1)}to{opacity:1;transform:scale(1.06)}}.kx .hero .wrap{z-index:1;position:relative}.kx .hero h1{margin-block:16px 20px;font-size:clamp(36px,6vw,62px)}.kx .hero h1 .q{color:var(--primary)}.kx .hero .lede{max-width:38ch;color:var(--foreground);margin-inline:auto;font-size:clamp(17px,1.9vw,20px)}.kx .hero .lede+.lede{color:var(--muted-foreground);margin-top:12px;font-size:17px}.kx .cta{flex-direction:column;align-items:center;gap:12px;margin-top:30px;display:flex}.kx .fine{color:var(--muted-foreground);font-size:13px}.kx .fine b{color:var(--foreground);font-weight:600}.kx .rise{opacity:0;animation:.7s cubic-bezier(.2,.7,.3,1) forwards rise;transform:translateY(14px)}.kx .rise:first-child{animation-delay:40ms}.kx .rise:nth-child(2){animation-delay:.12s}.kx .rise:nth-child(3){animation-delay:.2s}.kx .rise:nth-child(4){animation-delay:.28s}.kx .rise:nth-child(5){animation-delay:.36s}@keyframes rise{to{opacity:1;transform:none}}.kx .stage{margin-top:clamp(38px,5vw,58px);padding-bottom:clamp(0px,4vw,58px);position:relative}.kx .frame{border:1px solid var(--border);background:var(--card);border-radius:var(--radius);opacity:0;animation:.8s cubic-bezier(.2,.7,.3,1) .42s forwards rise;overflow:hidden;transform:translateY(18px);box-shadow:0 40px 80px -50px #000,0 20px 25px -5px #00000059}.kx .frame-bar{border-bottom:1px solid var(--border);align-items:center;gap:6px;padding:12px 16px;display:flex}.kx .frame-bar i{border-radius:50%;width:10px;height:10px;display:block}.kx .frame-bar i:first-child{background:#f2635b66}.kx .frame-bar i:nth-child(2){background:#f2a93c66}.kx .frame-bar i:nth-child(3){background:#34d39966}.kx .frame img{width:100%;height:auto;display:block}.kx .frame--video{opacity:1;animation:none;transform:none}.kx .frame--video video{background:#000;width:100%;height:auto;display:block}.kx .rail{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);opacity:0;margin-top:18px;padding:18px;animation:.8s cubic-bezier(.2,.7,.3,1) .6s forwards rise;transform:translateY(18px);box-shadow:0 40px 70px -40px #000}@media (min-width:900px){.kx .rail{width:352px;margin-top:0;position:absolute;inset-block-end:0;inset-inline-start:clamp(-8px,-1vw,0px)}}.kx .rail-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding-bottom:13px;display:flex}.kx .rail-head .eyebrow{letter-spacing:.09em;color:var(--muted-foreground);font-size:11.5px}.kx .dot{background:var(--success);vertical-align:middle;border-radius:50%;width:7px;height:7px;margin-inline-end:7px;animation:2.4s ease-in-out infinite blip;display:inline-block}@keyframes blip{0%,to{opacity:1}50%{opacity:.25}}.kx .rail ul{flex-direction:column;gap:9px;margin:14px 0 0;padding:0;list-style:none;display:flex}.kx .rem{background:var(--card-2);border:1px solid var(--border);border-radius:12px;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:11px 13px;animation:10.5s ease-in-out infinite remcycle,10.5s ease-in-out infinite outgoing;display:grid}.kx .rem:first-child{animation-delay:0s}.kx .rem:nth-child(2){animation-delay:.9s}.kx .rem:nth-child(3){animation-delay:1.8s}@keyframes remcycle{0%{opacity:.35;transform:translateY(7px)}10%{opacity:1;transform:none}86%{opacity:1;transform:none}96%,to{opacity:.35;transform:translateY(7px)}}.kx .rem-who{font-size:14.5px;font-weight:500;line-height:1.3}.kx .rem-meta{color:var(--muted-foreground);margin-top:3px;font-size:12.5px;line-height:1.4}.kx .tag{white-space:nowrap;font-size:11.5px;font-weight:700;display:inline-grid;position:relative}.kx .tag span{border-radius:999px;grid-area:1/1;place-items:center;padding:5px 10px;display:grid}.kx .tag .paid{color:var(--success);background:#34d39924}.kx .tag .sent{background:var(--accent);color:var(--accent-foreground)}.kx .tag .wait{color:var(--muted-foreground);background:#9c989021}.kx .rem .wait{animation:10.5s ease-in-out infinite waitfade}.kx .rem .sent{animation:10.5s ease-in-out infinite sentfade}.kx .rem:nth-child(2) .wait,.kx .rem:nth-child(2) .sent{animation-delay:.9s}.kx .rem:nth-child(3) .wait,.kx .rem:nth-child(3) .sent{animation-delay:1.8s}@keyframes waitfade{0%,17%{opacity:1}23%,to{opacity:0}}@keyframes sentfade{0%,16%{opacity:0}22%,46%{opacity:1}52%,to{opacity:0}}@keyframes outgoing{0%,16%{box-shadow:0 0 #5b84ff00}22%{box-shadow:0 0 0 3px #5b84ff42}32%,to{box-shadow:0 0 #5b84ff00}}.kx .count{text-align:center;display:inline-grid}.kx .count b{color:var(--foreground);grid-area:1/1;font-weight:600;animation:none}.kx .count b:first-child{animation-name:d3}.kx .count b:nth-child(2){animation-name:d2}.kx .count b:nth-child(3){animation-name:d1}.kx .count b:nth-child(4){color:var(--success);animation-name:d0}@keyframes d3{0%,50%{opacity:1}53%,93%{opacity:0}96%,to{opacity:1}}@keyframes d2{0%,50%{opacity:0}53%,58%{opacity:1}61%,to{opacity:0}}@keyframes d1{0%,58%{opacity:0}61%,66%{opacity:1}69%,to{opacity:0}}@keyframes d0{0%,66%{opacity:0}69%,93%{opacity:1}96%,to{opacity:0}}.kx .rail-foot{border-top:1px solid var(--border);color:var(--muted-foreground);margin-top:14px;padding-top:12px;font-size:12.5px;line-height:1.5}.kx .band{padding-block:clamp(64px,9vw,100px)}.kx .band--fill{background:var(--band);border-block:1px solid var(--border)}.kx .band h2{font-size:clamp(27px,4vw,40px)}.kx .band .lede{margin-top:14px;max-width:48ch;margin-inline:auto}.kx .flow{grid-template-columns:1fr;gap:34px 26px;margin:clamp(40px,5vw,60px) 0 0;padding:0;list-style:none;display:grid;position:relative}@media (min-width:760px){.kx .flow{grid-template-columns:repeat(4,1fr)}.kx .flow:before{content:"";background:linear-gradient(to left,var(--primary),var(--border));transform-origin:100%;height:1px;position:absolute;inset-block-start:24px;inset-inline:12.5%}.kx .flow:after{content:"";inset-block-start:21px;background:var(--primary);border-radius:50%;width:7px;height:7px;margin-right:-3px;animation:6s cubic-bezier(.45,0,.5,1) infinite travel;position:absolute;right:12.5%;box-shadow:0 0 12px 3px #5b84ff80}@keyframes travel{0%{opacity:0;right:12.5%}5%{opacity:1}52%{opacity:1;right:87.5%}58%,to{opacity:0;right:87.5%}}.kx .stepc-mark:after{animation:6s ease-out infinite ring}.kx .stepc:first-child .stepc-mark:after{animation-delay:0s}.kx .stepc:nth-child(2) .stepc-mark:after{animation-delay:1.06s}.kx .stepc:nth-child(3) .stepc-mark:after{animation-delay:2.12s}.kx .stepc:nth-child(4) .stepc-mark:after{animation-delay:3.18s}}.kx .stepc{text-align:center;justify-items:center;gap:8px;display:grid;position:relative}.kx .stepc-mark{background:var(--primary);width:48px;height:48px;color:var(--primary-foreground);box-shadow:0 0 0 6px var(--band);border-radius:50%;place-items:center;font-size:18px;font-weight:700;line-height:1;display:grid;position:relative}.kx .stepc-mark b{grid-area:1/1;font-weight:700}.kx .stepc-mark .v{font-size:20px}.kx .stepc-mark:after{content:"";border:2px solid var(--primary);opacity:0;pointer-events:none;border-radius:50%;position:absolute;inset:0}.kx .stepc:nth-child(3) .n{animation:6s ease-in-out infinite tickoff}.kx .stepc:nth-child(3) .v{animation:6s ease-in-out infinite tickon}@keyframes tickon{0%,36%{opacity:0}41%,86%{opacity:1}91%,to{opacity:0}}@keyframes tickoff{0%,36%{opacity:1}41%,86%{opacity:0}91%,to{opacity:1}}@keyframes ring{0%{opacity:.9;transform:scale(1)}13%,to{opacity:0;transform:scale(1.62)}}.kx .stepc h3{margin-top:8px;font-size:19px}.kx .stepc p{color:var(--muted-foreground);max-width:26ch;font-size:15.5px}.kx .flow-out{border-top:1px solid var(--border);text-align:center;margin-top:clamp(40px,5vw,56px);padding-top:28px}.kx .flow-out .disp{font-size:clamp(21px,3vw,28px);font-weight:800}.kx .flow-out p{color:var(--muted-foreground);margin-top:8px}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){.kx .top{animation:linear both settle;animation-timeline:scroll();animation-range:0 160px}@keyframes settle{0%{border-bottom-color:#0000;box-shadow:0 0 #0000}to{border-bottom-color:var(--border);box-shadow:0 14px 34px -26px #000}}}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.kx .flow:before{animation:linear both draw;animation-timeline:view();animation-range:entry 10% cover 45%}@keyframes draw{0%{scale:.04 1}to{scale:1}}.kx .stepc{animation:linear both pop;animation-timeline:view()}.kx .stepc:first-child{animation-range:entry 12% cover 26%}.kx .stepc:nth-child(2){animation-range:entry 17% cover 31%}.kx .stepc:nth-child(3){animation-range:entry 22% cover 36%}.kx .stepc:nth-child(4){animation-range:entry 27% cover 41%}@keyframes pop{0%{opacity:.4;transform:translateY(14px)}to{opacity:1;transform:none}}.kx .reveal{animation:linear both pop;animation-timeline:view();animation-range:entry 6% cover 38%}}}.kx .shot{border:1px solid var(--border);background:var(--card);border-radius:var(--radius);margin-top:clamp(36px,4.5vw,52px);overflow:hidden;box-shadow:0 40px 80px -55px #000}.kx .shot img{width:100%;height:auto;display:block}.kx .claim{background:var(--primary);border-radius:var(--radius);text-align:center;max-width:820px;margin-inline:auto;padding:clamp(44px,6vw,64px) clamp(26px,5vw,54px);position:relative;overflow:hidden}.kx .claim .disp{color:var(--primary-foreground);letter-spacing:-.025em;font-size:clamp(24px,4.2vw,40px);font-weight:900;line-height:1.18}.kx .claim .note{color:#0b1030b8;margin-top:16px;max-width:44ch;margin-inline:auto;font-size:16px;font-weight:400;line-height:1.55}.kx .claim:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 38%,#ffffff38 50%,#0000 62%);animation:9s ease-in-out infinite passby;position:absolute;inset:0;transform:translate(-130%)}@keyframes passby{0%,72%{transform:translate(-130%)}88%,to{transform:translate(130%)}}.kx .close{text-align:center;padding-block:clamp(64px,9vw,100px)}.kx .close h2{font-size:clamp(27px,4.2vw,42px)}.kx .close .fine{margin-top:14px}.kx .close .btn{margin-top:26px}.kx .foot{border-top:1px solid var(--border);padding-block:34px}.kx .foot .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.kx .foot img{width:100px;height:auto;display:block}.kx .foot small{color:var(--muted-foreground);margin-top:6px;font-size:13px;display:block}.kx .foot nav{flex-wrap:wrap;gap:6px 20px;font-size:14px;display:flex}.kx .foot a{color:var(--muted-foreground);text-decoration:none}.kx .foot a:hover{color:var(--foreground);text-decoration:underline}@media (prefers-reduced-motion:reduce){.kx *{transition:none!important;animation:none!important}.kx .rise,.kx .frame,.kx .rail,.kx .rem{opacity:1;transform:none}.kx .tag .sent,.kx .tag .wait,.kx .stepc-mark .v{opacity:0}.kx .flow:after{display:none}.kx .count b{opacity:0}.kx .count b:first-child{opacity:1}}
