.welcome{z-index:100;background:var(--paper);--cx:50vw;--cy:50vh;place-items:center;transition:transform .52s cubic-bezier(.7,0,.25,1),border-radius .52s cubic-bezier(.7,0,.25,1);display:grid;position:fixed;inset:0;overflow:hidden}.welcome-canvas{aspect-ratio:720/480;width:min(720px,94vw);height:auto}.welcome-curtain{background:var(--brand);clip-path:circle(0 at var(--cx) var(--cy));transition:clip-path .4s cubic-bezier(.55,0,.25,1);position:absolute;inset:0}.welcome.is-curtain .welcome-curtain,.welcome.is-lift .welcome-curtain{clip-path:circle(150vmax at var(--cx) var(--cy))}.welcome.is-lift{border-radius:0 0 40px 40px;transform:translateY(-104%)}.welcome-skip{font:600 13px var(--font);color:var(--soft);opacity:0;animation:.4s .7s forwards welcome-hint;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.welcome.is-curtain .welcome-skip,.welcome.is-lift .welcome-skip{display:none}@keyframes welcome-hint{to{opacity:1}}.backdrop{z-index:-1;pointer-events:none;background:#f7f5ef;position:fixed;inset:0;overflow:hidden}.bd-grain{opacity:.18;mix-blend-mode:multiply;background:url(/brand/grain.png) 0 0/200px 200px;position:absolute;inset:0}.ycta-wrap{isolation:isolate;align-self:flex-start;display:inline-flex;position:relative}.ycta{z-index:1;font:800 17px var(--font);box-shadow:4px 4px 0 var(--ink);border-radius:999px;align-items:center;gap:12px;padding:16px 18px 16px 24px;text-decoration:none;transition:transform .35s cubic-bezier(.3,1.6,.5,1),box-shadow .35s;display:inline-flex;position:relative}.ycta-brand{background:var(--brand);color:#fff}.ycta-yapa{background:var(--yapa);color:var(--ink)}.ycta-white{color:var(--ink);background:#fff}.ycta:hover{box-shadow:6px 7px 0 var(--ink);transform:translate(-2px,-3px)rotate(-1deg)}.ycta:active{box-shadow:0 0 0 var(--ink);transform:translate(2px,2px)}.ycta-arrow{background:#ffffff2e;border-radius:50%;place-items:center;width:30px;height:30px;transition:transform .35s cubic-bezier(.3,1.6,.5,1);display:grid}.ycta-yapa .ycta-arrow,.ycta-white .ycta-arrow{background:#17191d14}.ycta:hover .ycta-arrow{transform:translate(4px)}.ycta-peek{z-index:0;pointer-events:none;transition:transform .5s cubic-bezier(.3,1.6,.5,1);animation:7s ease-in-out 2s infinite ycta-peek;position:absolute;top:8px;right:26px;transform:translateY(0)rotate(8deg)}.ycta-wrap:hover .ycta-peek{animation:none;transform:translateY(-34px)rotate(-6deg)}@keyframes ycta-peek{0%,78%,to{transform:translateY(0)rotate(8deg)}84%,94%{transform:translateY(-30px)rotate(-4deg)}}.ycta-tag{background:var(--yapa);color:var(--ink);font:800 11px var(--font);letter-spacing:.02em;box-shadow:2px 2px 0 var(--ink);white-space:nowrap;border-radius:999px;padding:3px 10px;transition:transform .4s cubic-bezier(.3,1.6,.5,1);position:absolute;top:-13px;left:18px;transform:rotate(-5deg)}.ycta-yapa .ycta-tag{background:#fff}.ycta:hover .ycta-tag{transform:rotate(3deg)scale(1.06)}@media (prefers-reduced-motion:reduce){.ycta-peek{animation:none}}.cin{color:#fff;background:radial-gradient(120% 80% at 70% 45%,#6c3fe6 0%,#6032d9 45%,#5129c4 100%);height:520vh;margin:90px calc(50% - 50vw) 0;padding:0 max(20px,50vw - 580px);position:relative}.cin:before,.cin:after{content:"";background:#6032d9;height:40px;position:absolute;left:0;right:0;-webkit-mask:url(/brand/torn.svg) 0 0/100% 100%;mask:url(/brand/torn.svg) 0 0/100% 100%}.cin:before{top:-38px}.cin:after{background:#5129c4;bottom:-38px;transform:scaleY(-1)}.cin-stage{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:32px;height:100vh;display:grid;position:sticky;top:0}.cin-copy{z-index:2;flex-direction:column;gap:30px;display:flex;position:relative}.cin-bars{gap:6px;display:flex}.cin-bars i{background:#fff3;border-radius:4px;width:46px;height:4px;position:relative;overflow:hidden}.cin-bars i:after{content:"";background:var(--yapa);transform:scaleX(var(--f,0));transform-origin:0;position:absolute;inset:0}.cin-beats{display:grid}.cin-beat{--in:0;flex-direction:column;grid-area:1/1;gap:18px;display:flex}.cin-beat h2{color:#fff;letter-spacing:-.058em;font-size:clamp(40px,4.6vw,68px);line-height:.95}.cin-beat .w{--wv:clamp(0, calc((var(--in) * 1.8 - var(--wi) * .1) * 2.6), 1);opacity:var(--wv);transform:translateY(calc((1 - var(--wv)) * .35em));filter:blur(calc((1 - var(--wv)) * 8px));display:inline-block}.cin-beat .cin-cta{opacity:clamp(0, calc(var(--in) * 2.4 - 1.4), 1);margin-top:22px}.cin-beat p{color:#e6dcfb;max-width:36ch;opacity:clamp(0, calc(var(--in) * 2 - 1), 1);transform:translateY(calc((1 - var(--in)) * 14px));margin:0;font-size:19px}.cin-view{justify-content:center;align-items:center;height:min(86vh,760px);margin-right:calc(-1*max(20px,50vw - 580px));display:flex;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 9%);mask-image:linear-gradient(90deg,#0000,#000 9%)}.cin-fit{transform-origin:50%;flex:none;width:760px;height:620px}.cin-world{transform-origin:380px 310px;will-change:transform;width:760px;height:620px;position:relative}.cin-world>*{position:absolute}.cw-wall{background:linear-gradient(#f3efe4,#fffdf7 40%);width:680px;height:340px;top:110px;left:40px;box-shadow:inset 0 26px 26px -18px #17191d2e}.cw-awning{border-top:8px solid var(--ink);background:repeating-linear-gradient(90deg, var(--yapa) 0 45px, #fffdf7 45px 90px);z-index:1;border-radius:6px 6px 0 0;width:720px;height:62px;top:52px;left:20px}.cw-awning:after{content:"";background:repeating-linear-gradient(90deg, var(--yapa) 0 45px, #fffdf7 45px 90px);filter:drop-shadow(0 5px 4px #17191d26);height:20px;position:absolute;top:100%;left:0;right:0;-webkit-mask:radial-gradient(23px at 50% 0,#000 98%,#0000) 0 0/45px 20px repeat-x;mask:radial-gradient(23px at 50% 0,#000 98%,#0000) 0 0/45px 20px repeat-x}.cw-sign{text-align:center;background:var(--ink);color:#fff;width:220px;font:800 24px var(--display);letter-spacing:-.04em;z-index:1;border-radius:12px;padding:10px 0;top:146px;left:270px;transform:rotate(-2deg);box-shadow:0 10px 18px -10px #17191d80}.cw-sign b{color:var(--yapa)}.cw-yapi{z-index:1;top:194px;left:56px}.cw-cups{z-index:2;align-items:flex-end;gap:12px;display:flex;top:376px;left:300px}.cw-cups i{clip-path:polygon(0 0,100% 0,84% 100%,16% 100%);border-top:7px solid #ffffff8c;width:40px;height:60px}.cw-cups .u1{background:#ff8a3d}.cw-cups .u2{background:#7bc24a;height:66px}.cw-cups .u3{background:var(--yapa)}.cw-counter{background:var(--ink);z-index:3;border-radius:8px;width:720px;height:16px;top:440px;left:20px}.cw-front{z-index:3;border:2px solid var(--ink);background:repeating-linear-gradient(90deg,#fff4d6 0 40px,#fffdf7 40px 80px);border-top:0;border-radius:0 0 18px 18px;width:680px;height:170px;top:456px;left:40px}.cw-front:before{content:"";background:repeating-linear-gradient(90deg, var(--brand) 0 20px, var(--yapa) 20px 40px);height:12px;position:absolute;top:0;left:0;right:0}.cw-card{box-sizing:border-box;z-index:4;--l:clamp(0, calc((var(--k1,0) - var(--j) * .18) / .64), 1);background:#e9d3a6;border-radius:10px;grid-template-columns:repeat(4,1fr);align-content:center;gap:8px;width:150px;height:96px;padding:14px;display:grid;box-shadow:0 8px 14px -8px #17191d73}.cw-card i{aspect-ratio:1;border:2px dashed #b08b52;border-radius:50%}.cw-card i.on{background:#b5452f;border:0}.cw-card.c0{transform:translate(calc(var(--l) * -150px), calc(var(--l) * 470px)) rotate(calc(-8deg - var(--l) * 50deg)) scale(calc(1 + var(--l) * .5));opacity:calc(1 - var(--l) * var(--l));top:344px;left:486px}.cw-card.c1{transform:translate(calc(var(--l) * 40px), calc(var(--l) * 500px)) rotate(calc(5deg + var(--l) * 35deg)) scale(calc(1 + var(--l) * .6));opacity:calc(1 - var(--l) * var(--l));top:338px;left:556px}.cw-card.c2{transform:translate(calc(var(--l) * 190px), calc(var(--l) * 430px)) rotate(calc(-3deg + var(--l) * 70deg)) scale(calc(1 + var(--l) * .4));opacity:calc(1 - var(--l) * var(--l));top:348px;left:606px}.cw-card .stain{width:70px;height:54px;opacity:clamp(0, calc(var(--k1,0) * 5), 1);transform:scale(clamp(.3, calc(var(--k1,0) * 4), 1));background:radial-gradient(circle at 40% 40%,#ff8a3dbf,#ff8a3d59 60%,#0000 72%);border-radius:46% 54% 40% 60%;position:absolute;top:18px;left:60px}.cw-card.hero-card{--j:0;z-index:6;opacity:calc(clamp(0, calc(var(--k2,0) * 3), 1) * (1 - clamp(0, calc((var(--k2b,0) - .7) * 3.4), 1)));transform:translate(calc(var(--k2b,0) * 128px), calc(var(--k2b,0) * -152px)) rotate(calc(-6deg + var(--k2b,0) * 6deg)) scale(calc(.7 + var(--k2,0) * .3 + var(--k2b,0) * .2));top:330px;left:400px}.cw-phone{background:var(--ink);z-index:5;width:214px;height:430px;opacity:clamp(0, calc(var(--k2,0) * 1000), 1);transform:translateY(calc((1 - var(--k2,0)) * 620px)) rotate(calc((1 - var(--k2,0)) * 10deg));border-radius:38px;top:108px;left:500px;box-shadow:inset 0 0 0 2px #2c2f36,0 50px 70px -30px #0e0628a6}.cw-phone:before{content:"";background:#f7f6f2;border-radius:30px;position:absolute;inset:9px}.cw-phone>*{position:absolute}.cw-island{background:var(--ink);z-index:2;border-radius:12px;width:70px;height:20px;margin-left:-35px;top:20px;left:50%}.cw-notice{z-index:2;font:500 10.5px/1.25 var(--font);color:var(--ink);opacity:var(--k3,0);transform:translateY(calc((1 - var(--k3,0)) * -60px)) scale(calc(.9 + var(--k3,0) * .1));background:#fff;border-radius:16px;align-items:center;gap:8px;padding:8px 10px;display:flex;top:50px;left:18px;right:18px;box-shadow:0 10px 20px -10px #17191d59}.cw-notice b{font-weight:800;display:block}.cw-notice .ic{background:var(--brand);color:#fff;border-radius:8px;flex:none;place-items:center;width:28px;height:28px;display:grid}.cw-pass{background:var(--brand);color:#fff;opacity:var(--k2b,0);transform:translateY(calc((1 - var(--k2b,0)) * 24px));border-radius:16px;flex-direction:column;gap:10px;padding:12px;display:flex;top:110px;left:18px;right:18px}.cw-pass .top{font:800 13px var(--display);letter-spacing:-.02em;justify-content:space-between;align-items:baseline;display:flex}.cw-pass .top b{font:700 9px var(--font);color:var(--yapa);letter-spacing:.04em;text-transform:uppercase}.cw-pass .slots{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.cw-pass .slots span{aspect-ratio:1;color:var(--ink);border:1.5px dashed #fff6;border-radius:50%;place-items:center;display:grid}.cw-pass .slots span svg{opacity:0;transition:opacity .2s,transform .35s cubic-bezier(.3,1.6,.5,1);transform:scale(1.8)rotate(-20deg)}.cw-pass .slots span.on{background:var(--yapa);border-color:#0000;transition:background .15s}.cw-pass .slots span.on svg{opacity:1;transform:none}.cw-pass .foot{font:600 11px/1.2 var(--font);display:grid}.cw-pass .foot small{letter-spacing:.08em;color:#c9b8f5;margin-bottom:3px;font-size:8px}.cw-pass .foot span{grid-area:2/1}.cw-pass .msg-a{opacity:calc(1 - var(--k4,0))}.cw-pass .msg-b{opacity:var(--k4,0);color:var(--yapa);font-weight:800}.cw-qr{width:86px;height:86px;opacity:var(--k2b,0);background:conic-gradient(var(--ink) 25%, transparent 0 50%, var(--ink) 0 75%, transparent 0) 0 0 / 14px 14px, #fff;box-shadow:0 0 0 6px #fff, 0 0 0 7px var(--line);border-radius:10px;margin-left:-43px;bottom:34px;left:50%}.cw-plus{z-index:7;font:800 26px var(--display);letter-spacing:-.04em;color:var(--ink);background:var(--yapa);box-shadow:3px 3px 0 var(--ink);opacity:var(--k4,0);transform:translateY(calc((1 - var(--k4,0)) * 40px)) scale(calc(.5 + var(--k4,0) * .5)) rotate(var(--r));border-radius:999px;padding:4px 14px}.cw-plus.p1{--r:-10deg;top:170px;left:430px}.cw-plus.p2{--r:8deg;top:250px;left:722px}.cw-plus.p3{--r:-4deg;font-size:20px;top:120px;left:700px}@media (width<=860px){.cin{height:480vh}.cin-stage{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;align-items:start;gap:8px;padding-top:84px;padding-bottom:20px}.cin-copy{gap:16px}.cin-beat{gap:10px}.cin-beat h2{font-size:32px}.cin-beat p{font-size:16px}.cin-view{height:100%;margin-left:calc(-1*max(20px,50vw - 580px));-webkit-mask-image:none;mask-image:none}}@media (prefers-reduced-motion:reduce){.cin-beat .w{filter:none}}.hw{color:#fff;background:#17191d;height:640vh;margin:110px calc(50% - 50vw) 0;padding:0 max(20px,50vw - 600px);position:relative}.hw:before{content:"";background:#17191d;height:40px;position:absolute;top:-38px;left:0;right:0;-webkit-mask:url(/brand/torn.svg) 0 0/100% 100%;mask:url(/brand/torn.svg) 0 0/100% 100%}.hw:after{content:"";background:#17191d;height:40px;position:absolute;bottom:-38px;left:0;right:0;transform:scaleY(-1);-webkit-mask:url(/brand/torn.svg) 0 0/100% 100%;mask:url(/brand/torn.svg) 0 0/100% 100%}.hw-stage{grid-template-columns:minmax(0,1fr) 320px minmax(0,1fr);align-items:center;gap:56px;height:100vh;display:grid;position:sticky;top:0}.hw-words{font:800 clamp(52px, 6.4vw, 104px)/.92 var(--display);letter-spacing:-.065em;margin:0;padding:0;list-style:none}.hw-words li{--f:0;transform-origin:0;transition:opacity .4s,transform .6s cubic-bezier(.3,1.4,.5,1)}.hw-words button{all:unset;cursor:pointer;background:linear-gradient(90deg, var(--yapa) calc(var(--f) * 100%), #ffffff17 calc(var(--f) * 100%));color:#0000;-webkit-background-clip:text;background-clip:text;padding-right:.06em;display:inline-block}.hw-words button:focus-visible{outline:2px solid var(--yapa);outline-offset:4px;border-radius:6px}.hw-words li.past button{color:#ffffff38;background:0 0}.hw-words li.on{transform:translate(14px)rotate(-1.5deg)}.hw-words li:not(.on):hover{opacity:.8}.hw-device{perspective:1200px;place-items:center;display:grid}.hw-phone{--tilt:0deg;width:300px;height:620px;transform:rotateY(var(--tilt)) rotateX(2deg);background:#0d0e11;border-radius:46px;padding:10px;transition:transform .2s linear;position:relative;box-shadow:inset 0 0 0 1.5px #34373f,0 0 0 1px #ffffff0f,0 60px 90px -40px #6032d98c,0 40px 60px -30px #000000b3}.hw-island{z-index:3;background:#0d0e11;border-radius:16px;width:92px;height:26px;margin-left:-46px;position:absolute;top:22px;left:50%}.hw-screens{height:100%;color:var(--ink);background:#f7f5ef;border-radius:37px;position:relative;overflow:hidden}.hw-slot{opacity:0;pointer-events:none;transition:opacity .45s,transform .6s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:translateY(40px)scale(.96)}.hw-slot.past{transform:translateY(-40px)scale(.96)}.hw-slot.on{opacity:1;transform:none}.hw-scr{font:500 13px/1.3 var(--font);flex-direction:column;gap:12px;padding:58px 16px 18px;display:flex;position:absolute;inset:0}.hw-scr>*{flex-shrink:0}.hw-scr b{font-weight:800}.qr{background:conic-gradient(var(--ink) 25%, transparent 0 50%, var(--ink) 0 75%, transparent 0) 0 0 / 12px 12px, #fff;border-radius:6px;display:block}@keyframes hw-pop{0%{opacity:0;transform:scale(1.8)rotate(-25deg)}}.scr-0 .u-cam{background:#2a2c31;border-radius:22px;place-items:center;height:300px;transition:height .5s cubic-bezier(.22,1,.36,1),opacity .4s;display:grid;position:relative;overflow:hidden}.u-poster{text-align:center;background:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:6px;width:150px;padding:12px;display:flex;transform:rotate(-4deg)}.u-poster small{color:var(--muted);font-size:10px}.u-poster b{font:800 13px/1.1 var(--display);letter-spacing:-.02em}.u-poster .qr{width:90px;height:90px}.u-cam .br{border:3px solid var(--yapa);width:34px;height:34px;transition:all .4s cubic-bezier(.3,1.5,.5,1);position:absolute}.u-cam .tl{border-bottom:0;border-right:0;border-radius:10px 0 0;top:50px;left:40px}.u-cam .tr{border-bottom:0;border-left:0;border-radius:0 10px 0 0;top:50px;right:40px}.u-cam .bl{border-top:0;border-right:0;border-radius:0 0 0 10px;bottom:50px;left:40px}.u-cam .bra{border-top:0;border-left:0;border-radius:0 0 10px;bottom:50px;right:40px}.scr-0.s0 .u-cam .br{animation:1.4s ease-in-out infinite hw-breathe}@keyframes hw-breathe{50%{transform:scale(.88)}}.u-form,.u-pass{opacity:0;flex-direction:column;gap:8px;transition:opacity .4s,transform .55s cubic-bezier(.22,1,.36,1);display:flex;transform:translateY(30px)}.u-form{background:#fff;border-radius:18px;padding:14px;box-shadow:0 10px 24px -14px #17191d59}.u-form b{font:800 16px var(--display);letter-spacing:-.03em}.u-form label{color:var(--muted);flex-direction:column;gap:2px;font-size:10px;display:flex}.u-form label span{color:var(--ink);background:#f1f2f5;border-radius:10px;padding:7px 10px;font-size:14px}.u-btn,.s-btn,.v-btn{background:var(--brand);color:#fff;font:800 13px var(--font);border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:10px;display:inline-flex}.scr-0.s1 .u-cam,.scr-0.s2 .u-cam,.scr-0.s3 .u-cam{opacity:.55;height:90px}.scr-0.s1 .u-form{opacity:1;transform:none}.scr-0.s2 .u-form,.scr-0.s3 .u-form{display:none}.scr-0.s2 .u-pass,.scr-0.s3 .u-pass{opacity:1;transform:none}.mini-pass{background:var(--brand);color:#fff;height:120px;font:800 15px var(--display);border-radius:16px;justify-content:space-between;align-items:flex-start;padding:14px;display:flex;box-shadow:0 14px 24px -14px #6032d9b3}.mini-pass b{color:var(--yapa)}.w-apple,.w-google{font:700 13px var(--font);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px;display:flex}.w-apple{color:#fff;background:#000}.w-google{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line);background:#fff}.scr-0.s3 .w-apple{animation:.5s hw-press}@keyframes hw-press{40%{transform:scale(.94)}}.s-top{font:700 11px var(--font);color:var(--muted);justify-content:space-between;align-items:center;display:flex}.s-mode{background:#e9eaee;border-radius:999px;padding:2px;display:inline-flex;position:relative}.s-mode i{border-radius:999px;padding:3px 9px;font-style:normal;transition:background .3s,color .3s}.s-mode .a{background:var(--ink);color:#fff}.scr-1.s3 .s-mode .a{color:var(--muted);background:0 0}.scr-1.s3 .s-mode .b{background:var(--ink);color:#fff}.s-view{background:#2a2c31;border-radius:20px;place-items:center;height:210px;display:grid;position:relative;overflow:hidden}.s-view .qr{width:110px;height:110px;transform:rotate(3deg)}.s-view .line{background:var(--yapa);height:2px;animation:1.6s ease-in-out infinite alternate hw-scan;position:absolute;top:30%;left:30px;right:30px;box-shadow:0 0 14px 2px #ffc947b3}@keyframes hw-scan{to{top:70%}}.scr-1:not(.s0) .s-view .line{opacity:0;animation:none}.scr-1:not(.s0) .s-view{box-shadow:inset 0 0 0 3px #7bc24a}.s-card{opacity:0;background:#fff;border-radius:18px;flex-direction:column;gap:10px;padding:14px;transition:opacity .4s,transform .55s cubic-bezier(.22,1,.36,1);display:flex;transform:translateY(30px);box-shadow:0 10px 24px -14px #17191d59}.scr-1:not(.s0) .s-card{opacity:1;transform:none}.s-who{grid-template-columns:auto 1fr;align-items:baseline;gap:0 8px;display:grid}.s-who b{font:800 18px var(--display)}.s-who span{color:var(--muted);opacity:0;grid-area:1/2;font-size:12px;transition:opacity .3s}.scr-1.s1 .m-a,.scr-1.s2 .m-b,.scr-1.s3 .m-c{opacity:1}.s-stamps{grid-template-columns:repeat(8,1fr);gap:4px;display:grid}.s-stamps span{aspect-ratio:1;color:#fff;border:1.5px dashed #c9cbd2;border-radius:50%;place-items:center;display:grid}.s-stamps span svg{opacity:0}.s-stamps span.on{background:var(--brand);border:0}.s-stamps span.on svg{opacity:1}.scr-1.s2 .s-stamps span.new,.scr-1.s3 .s-stamps span.new{background:var(--brand);border:0;animation:.45s cubic-bezier(.3,1.6,.5,1) hw-pop}.scr-1.s2 .s-stamps span.new svg,.scr-1.s3 .s-stamps span.new svg{opacity:1}.s-btn .m-c{display:none}.scr-1.s2 .s-btn{animation:.5s hw-press}.scr-1.s3 .s-btn{background:var(--yapa);color:var(--ink)}.scr-1.s3 .s-btn .m-a{display:none}.scr-1.s3 .s-btn .m-c{display:inline}.scr-2{color:#fff;background:linear-gradient(170deg,#4c24b3,#6032d9 45%,#f0a95b)}.a-lock{flex-direction:column;align-items:center;margin-top:18px;display:flex}.a-lock b{font:800 64px/1 var(--display);letter-spacing:-.04em}.a-lock span{opacity:.85;text-transform:capitalize;font-size:13px}.a-list{flex-direction:column;gap:8px;margin-top:20px;display:flex}.a-list .n{opacity:0;transition:opacity .35s,transform .55s cubic-bezier(.3,1.4,.5,1);transform:translateY(-24px)scale(.94)}.scr-2.s1 .n1,.scr-2.s2 .n1,.scr-2.s2 .n2,.scr-2.s3 .n{opacity:1;transform:none}.hw-notice{color:var(--ink);-webkit-backdrop-filter:blur(10px);background:#ffffffdb;border-radius:16px;align-items:flex-start;gap:9px;padding:10px;font-size:12px;display:flex}.hw-notice .ic{background:var(--brand);color:#fff;border-radius:8px;flex:none;place-items:center;width:30px;height:30px;display:grid}.hw-notice .tx b{align-items:center;gap:6px;font-size:12px;display:flex}.hw-notice em{font-style:normal;font:700 9px var(--font);background:var(--yapa);color:var(--ink);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:1px 6px}.c-tier{background:var(--ink);color:#fff;border-radius:18px;flex-direction:column;gap:10px;padding:14px;display:flex}.c-names{font:700 11px var(--font);color:#8f939c;justify-content:space-between;display:flex}.c-names span{transition:color .3s,transform .4s cubic-bezier(.3,1.6,.5,1)}.scr-3 .t1,.scr-3:not(.s0) .t2{color:var(--yapa)}.scr-3:not(.s0) .t2{transform:scale(1.12)}.c-bar{background:#2c2f36;border-radius:8px;height:8px;overflow:hidden}.c-bar i{background:var(--yapa);border-radius:8px;width:28%;height:100%;transition:width .8s cubic-bezier(.22,1,.36,1);display:block}.scr-3:not(.s0) .c-bar i{width:56%}.c-pts{color:#c9cbd2;grid-template-columns:auto 1fr;align-items:baseline;gap:6px;font-size:12px;display:grid}.c-pts b{font:800 32px/1 var(--display);color:#fff;grid-area:1/1;transition:opacity .3s,transform .4s}.c-pts .p-b{opacity:0;transform:translateY(10px)}.scr-3.s3 .p-a{opacity:0;transform:translateY(-10px)}.scr-3.s3 .p-b{opacity:1;transform:none}.c-list{flex-direction:column;gap:8px;display:flex}.c-item{opacity:0;transition:opacity .35s ease calc(var(--d,0) * 1ms), transform .5s cubic-bezier(.22, 1, .36, 1), box-shadow .3s ease;background:#fff;border-radius:14px;justify-content:space-between;align-items:center;padding:12px;display:flex;transform:translate(30px);box-shadow:0 6px 16px -12px #17191d66}.c-item.i1{--d:80}.c-item.i2{--d:160}.scr-3.s2 .c-item,.scr-3.s3 .c-item{opacity:1;transform:none}.c-item small{color:var(--muted);font-size:11px;display:block}.c-cta{font:800 11px var(--font);color:var(--muted);display:grid}.c-cta i{grid-area:1/1;align-items:center;gap:4px;font-style:normal;transition:opacity .3s;display:inline-flex}.c-item.i1 .c-cta .go{background:var(--brand);color:#fff;border-radius:999px;padding:6px 10px}.c-item.i1 .c-cta .ok{opacity:0;color:#2f7a4f}.scr-3.s2 .c-item.i1{box-shadow:0 0 0 2px var(--brand), 0 12px 22px -12px #6032d999}.scr-3.s3 .c-item.i1 .go{opacity:0}.scr-3.s3 .c-item.i1 .ok{opacity:1}.m-kpis{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.m-kpis div{background:#fff;border-radius:14px;flex-direction:column;padding:10px 8px;display:flex;box-shadow:0 6px 16px -12px #17191d66}.m-kpis b{font:800 22px/1 var(--display);letter-spacing:-.04em}.m-kpis span{color:var(--muted);font-size:10px}.m-chart{background:#fff;border-radius:16px;align-items:flex-end;gap:8px;height:140px;padding:12px;display:flex;box-shadow:0 6px 16px -12px #17191d66}.m-chart i{height:8%;transition:height .7s cubic-bezier(.3, 1.3, .5, 1) calc(var(--k) * 50ms), background .3s ease;background:#e2dbf8;border-radius:6px 6px 3px 3px;flex:1}.scr-4:not(.s0) .m-chart i{height:calc(var(--h) * 1%)}.scr-4:not(.s0) .m-chart i:nth-child(6){background:var(--brand)}.m-rows{flex-direction:column;gap:6px;display:flex}.m-row{opacity:0;background:#fff;border-radius:12px;grid-template-columns:28px auto 1fr;align-items:center;gap:8px;padding:8px 10px;transition:opacity .3s,transform .45s cubic-bezier(.22,1,.36,1);display:grid;transform:translateY(14px)}.m-row small{text-align:right;color:var(--muted);font-size:11px}.m-row .av{background:var(--yapa);width:28px;height:28px;font:800 12px var(--display);border-radius:50%;place-items:center;display:grid}.m-row.r2 small{color:var(--brand);font-weight:800}.scr-4.s2 .r0,.scr-4.s2 .r1,.scr-4.s3 .m-row{opacity:1;transform:none}.scr-4.s2 .r1{transition-delay:80ms}.m-note{text-align:center;color:var(--soft);margin-top:auto;font-size:10px}.v-share{background:var(--brand);color:#fff;border-radius:18px;flex-direction:column;gap:6px;padding:16px;display:flex}.v-share b{font:800 17px/1.1 var(--display);letter-spacing:-.03em}.v-share span{color:#e6dcfb;font-size:12px}.v-btn{background:var(--yapa);color:var(--ink);margin-top:6px}.scr-5.s0 .v-btn{animation:1.2s infinite hw-press}.v-plus{justify-content:center;gap:8px;display:flex}.v-plus span{font:800 13px var(--display);background:var(--yapa);color:var(--ink);box-shadow:2px 2px 0 var(--ink);opacity:0;border-radius:999px;padding:6px 12px;transition:opacity .3s,transform .5s cubic-bezier(.3,1.6,.5,1);transform:translateY(16px)scale(.6)}.v-plus span+span{transition-delay:.12s}.scr-5:not(.s0) .v-plus span{opacity:1;transform:rotate(-4deg)}.scr-5:not(.s0) .v-plus span+span{transform:rotate(5deg)}.v-branches{opacity:0;background:#fff;border-radius:18px;flex-direction:column;gap:8px;padding:14px;transition:opacity .4s,transform .55s cubic-bezier(.22,1,.36,1);display:flex;transform:translateY(30px);box-shadow:0 6px 16px -12px #17191d66}.scr-5.s2 .v-branches,.scr-5.s3 .v-branches{opacity:1;transform:none}.v-br{background:#f1f2f5;border-radius:12px;align-items:center;gap:8px;padding:9px 10px;font-weight:700;display:flex}.v-br svg{color:var(--brand)}.v-br.add{box-shadow:inset 0 0 0 1.5px dashed;color:var(--muted);background:0 0;border:1.5px dashed #c9cbd2}.scr-5.s3 .v-br.add{border-color:var(--brand);color:var(--brand)}.hw-copy{flex-direction:column;gap:16px;animation:.6s cubic-bezier(.22,1,.36,1) hw-copy;display:flex}@keyframes hw-copy{0%{opacity:0;transform:translateY(22px)}}.hw-copy h3{color:#fff;letter-spacing:-.05em;font-size:clamp(30px,2.8vw,44px)}.hw-copy p{color:#b9bcc4;max-width:34ch;margin:0;font-size:17px}.hw-tags{flex-direction:column;gap:8px;margin:8px 0 0;padding:0;list-style:none;display:flex}.hw-tags li{font:700 15px var(--font);animation:.55s cubic-bezier(.3,1.5,.5,1) both hw-tag;animation-delay:calc(.2s + var(--k) * .11s);background:#24262c;border-radius:14px;align-self:flex-start;align-items:center;gap:10px;padding:9px 14px 9px 10px;display:flex;box-shadow:inset 0 0 0 1px #33363e}@keyframes hw-tag{0%{opacity:0;transform:translate(-16px)rotate(-3deg)}}.hw-tags svg{color:var(--yapa);flex:none}.hw-tags em{font:700 10px var(--font);text-transform:uppercase;letter-spacing:.06em;color:var(--ink);background:var(--yapa);border-radius:999px;padding:2px 7px;font-style:normal}.hw-side{flex-direction:column;min-width:0;display:flex}.hw-cta{margin-top:26px}@media (width<=980px){.hw-cta{display:none}.hw{height:600vh}.hw-stage{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:1fr;align-items:start;gap:12px;padding:22px 0 18px}.hw-words{flex-wrap:wrap;gap:0 10px;font-size:30px;display:flex}.hw-words li.on{transform:none}.hw-device{height:100%;min-height:0;position:relative;overflow:visible}.hw-phone{transform-origin:50%;translate:-50% -50%;scale:var(--ps,.62);position:absolute;top:50%;left:50%}.hw-copy{gap:8px;height:236px;overflow:hidden}.hw-copy h3{font-size:24px}.hw-copy p{font-size:14.5px}.hw-tags{flex-flow:wrap;gap:6px;margin-top:2px}.hw-tags li{gap:6px;padding:6px 10px 6px 8px;font-size:12.5px}.hw-tags em{display:none}}@media (prefers-reduced-motion:reduce){.hw-phone{transform:none}.scr-0.s0 .u-cam .br,.s-view .line,.scr-5.s0 .v-btn{animation:none}}.rc{justify-self:center;width:min(100%,400px);padding:6px 0 30px;position:relative;transform:rotate(1.2deg)}.rc-paper{--edge:conic-gradient(from -45deg at 50% 100%, #000 90deg, #0000 0) bottom / 14px 9px repeat-x;text-transform:uppercase;letter-spacing:.02em;color:#2b2c30;-webkit-mask:conic-gradient(from 135deg at 50% 0, #000 90deg, #0000 0) top / 14px 9px repeat-x, linear-gradient(#000 0 0) center / 100% calc(100% - 18px) no-repeat, var(--edge);-webkit-mask:conic-gradient(from 135deg at 50% 0, #000 90deg, #0000 0) top / 14px 9px repeat-x, linear-gradient(#000 0 0) center / 100% calc(100% - 18px) no-repeat, var(--edge);mask:conic-gradient(from 135deg at 50% 0, #000 90deg, #0000 0) top / 14px 9px repeat-x, linear-gradient(#000 0 0) center / 100% calc(100% - 18px) no-repeat, var(--edge);clip-path:inset(0 0 100%);background:#fdfdfa;padding:30px 26px 40px;font:500 12.5px/1.5 IBM Plex Mono,ui-monospace,Menlo,monospace;position:relative}.rc:before{content:"";z-index:-1;border-radius:6px;position:absolute;inset:18px 10px 40px;box-shadow:0 30px 50px -24px #17191d61}.rc-paper:after{content:"";pointer-events:none;opacity:.55;mix-blend-mode:multiply;background:linear-gradient(90deg,#00000009,#0000 12% 88%,#00000009),url(/brand/grain.png) 0 0/160px 160px;position:absolute;inset:0}.rc.in .rc-paper{animation:2.2s steps(26,end) forwards rc-print}@keyframes rc-print{to{clip-path:inset(0)}}.rc-head{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.rc-logo{filter:grayscale()contrast(1.5)brightness(.85);margin-bottom:4px}.rc-head b{letter-spacing:.18em;color:#1d1e22;font:700 22px/1.1 IBM Plex Mono,monospace}.rc-head>span{color:#6b6d73;font-size:11.5px}.rc-meta{color:#4a4c52;justify-content:space-between;width:100%;margin-top:12px;font-size:11.5px;display:flex}.rc hr{border:0;border-top:1.5px dashed #b9bbc1;margin:12px 0}.rc hr.dbl{border-top:3px double #2b2c30}.rc-group{margin-bottom:8px}.rc-group h4{letter-spacing:.08em;color:#1d1e22;margin:0 0 2px;font:700 12.5px IBM Plex Mono,monospace}.rc-group h4:before{content:"» ";color:var(--brand)}.rc-group p{justify-content:space-between;gap:12px;margin:0;padding-left:18px;display:flex}.rc-group p i{color:var(--brand);font-style:normal;font-weight:700}.rc-sum{justify-content:space-between;margin:0;font-weight:700;display:flex}.rc-total{justify-content:space-between;align-items:baseline;display:flex}.rc-total span{letter-spacing:.1em;font-size:15px;font-weight:700}.rc-total b{letter-spacing:-.02em;color:#1d1e22;font:700 30px/1 IBM Plex Mono,monospace}.rc-per{text-align:right;color:#6b6d73;margin:2px 0 0;font-size:11.5px}.rc-stamp{z-index:2;width:124px;height:124px;color:var(--brand);text-align:center;mix-blend-mode:multiply;opacity:0;border:3px solid;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;font-family:IBM Plex Mono,monospace;display:flex;position:absolute;bottom:74px;right:8px;transform:rotate(-14deg)scale(2.2);box-shadow:inset 0 0 0 5px #fdfdfa,inset 0 0 0 7px}.rc-stamp:after{content:"";opacity:.55;background:radial-gradient(circle,#fdfdfa .8px,#0000 1.2px) 0 0/6px 7px,radial-gradient(circle,#fdfdfa .6px,#0000 1px) 3px 2px/9px 8px;border-radius:50%;position:absolute;inset:-4px}.rc-stamp small{letter-spacing:.14em;font-size:12px;font-weight:700}.rc-stamp b{font:800 30px/1 var(--display);letter-spacing:-.04em;text-transform:none;margin:2px 0}.rc.in .rc-stamp{animation:.5s cubic-bezier(.2,1.4,.4,1) 2.4s forwards rc-stamp}@keyframes rc-stamp{60%{opacity:.95;transform:rotate(-14deg)scale(.94)}to{opacity:.92;transform:rotate(-14deg)scale(1)}}.rc.in{animation:.35s 2.68s rc-thud}@keyframes rc-thud{40%{transform:rotate(1.2deg)translateY(4px)}}.rc-foot{text-align:center;color:#4a4c52;flex-direction:column;align-items:center;gap:6px;margin-top:16px;font-size:11.5px;display:flex}.rc-foot img{width:96px;height:96px;image-rendering:pixelated}.rc-thanks{margin-top:8px;line-height:1.5}@media (width<=760px){.rc{transform:none}.rc-paper{padding:26px 18px 36px;font-size:11.5px}.rc-stamp{width:104px;height:104px;bottom:96px;left:2px;right:auto}.rc-stamp b{font-size:22px}.rc-stamp small{font-size:10px}}@media (prefers-reduced-motion:reduce){.rc-paper,.rc.in .rc-paper{clip-path:none;animation:none}.rc-stamp,.rc.in .rc-stamp{opacity:.92;animation:none;transform:rotate(-14deg)}.rc.in{animation:none}}html.yapi-cursor-on,html.yapi-cursor-on *{cursor:none!important}html.yapi-cursor-on input,html.yapi-cursor-on textarea,html.yapi-cursor-on select{cursor:text!important}.ycur{z-index:200;pointer-events:none;transition:opacity .2s;position:fixed;inset:0}.ycur.is-hidden{opacity:0}.ycur-arrow{will-change:transform;margin:-2px 0 0 -2px;position:absolute;top:0;left:0}.ycur-arrow svg{filter:drop-shadow(0 2px 3px #17191d40);transition:transform .15s cubic-bezier(.3,1.6,.5,1);display:block}.ycur.is-pressed .ycur-arrow svg{transform:scale(.82)}.ycur-pill{will-change:transform;color:#fff;white-space:nowrap;transform-origin:0 0;background:#6032d9;border-radius:999px 999px 999px 6px;align-items:center;gap:6px;padding:4px 11px 4px 6px;font:700 12.5px DM Sans,system-ui,sans-serif;display:inline-flex;position:absolute;top:0;left:0;box-shadow:0 6px 14px -6px #4c24b399}.ycur-pill span{animation:.35s cubic-bezier(.3,1.6,.5,1) ycur-label;display:inline-block}.ycur.is-pressed .ycur-pill{background:#4c24b3}@keyframes ycur-label{0%{opacity:0;transform:translateY(6px)}}.hx-head{z-index:30;transition:background .3s,box-shadow .3s;position:sticky;top:0}.hx-in{justify-content:space-between;align-items:center;gap:16px;height:72px;display:flex}.hx-in>a{text-decoration:none;display:flex}.hx-login{font:700 15px var(--font);color:var(--ink);border-radius:999px;padding:10px 14px;text-decoration:none;transition:background .2s}.hx-login:hover{background:#17191d0f}.cup.c1{background:#ff8a3d}.cup.c2{background:#7bc24a;height:62px}.cup.c3{background:var(--yapa)}.hxc-head{position:relative}.hxc-dock{z-index:40;visibility:hidden;pointer-events:none;background:#1e2025;border-radius:16px;align-items:center;gap:2px;padding:6px;transition:transform .55s cubic-bezier(.3,1.3,.5,1),visibility 0s linear .55s;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%)translateY(calc(100% + 40px));box-shadow:0 0 0 1px #ffffff14,0 18px 40px -12px #17191d8c}.hxc-dock.shown{visibility:visible;pointer-events:auto;transition:transform .6s cubic-bezier(.3,1.4,.5,1),visibility;transform:translate(-50%)}.hxc-mini{z-index:40;background:var(--yapa);color:var(--ink);font:800 14px var(--font);box-shadow:0 0 0 2px var(--ink), 3px 4px 0 2px var(--ink);visibility:hidden;border-radius:999px;align-items:center;gap:8px;padding:8px 10px 8px 8px;text-decoration:none;transition:transform .5s cubic-bezier(.3,1.4,.5,1),visibility 0s linear .5s;display:inline-flex;position:fixed;bottom:16px;right:16px;transform:translateY(calc(100% + 40px))rotate(6deg)}.hxc-mini.shown{visibility:visible;transition:transform .55s cubic-bezier(.3,1.6,.5,1),visibility;transform:rotate(-2deg)}.hxc-mini.shown:hover{transform:rotate(1deg)translateY(-2px)}.hxc-mini em{background:var(--ink);color:var(--yapa);border-radius:999px;padding:2px 7px;font-size:11px;font-style:normal}.hxc-mini svg{transform-origin:50% 90%;animation:3.2s ease-in-out infinite hxc-wave}@keyframes hxc-wave{0%,80%,to{transform:rotate(0)}86%{transform:rotate(-12deg)}93%{transform:rotate(10deg)}}.hxc-sel{background:var(--brand);border-radius:10px;height:40px;transition:transform .45s cubic-bezier(.3,1.4,.5,1),width .45s cubic-bezier(.3,1.4,.5,1);position:absolute;top:6px;left:0}.hxc-tool{color:#c9cbd2;min-width:40px;height:40px;font:600 14px var(--font);white-space:nowrap;border-radius:10px;place-items:center;padding:0 12px;text-decoration:none;transition:color .25s;display:grid;position:relative}.hxc-tool:hover,.hxc-tool.on{color:#fff}.hxc-sep{background:#ffffff24;width:1px;height:24px;margin:0 4px}.hxc-go{white-space:nowrap;background:var(--yapa);height:40px;color:var(--ink);font:800 14px var(--font);border-radius:10px;align-items:center;gap:8px;padding:0 16px 0 10px;text-decoration:none;transition:transform .3s cubic-bezier(.3,1.6,.5,1);display:inline-flex;position:relative}.hxc-go:hover{transform:translateY(-2px)rotate(-1.5deg)}.hxc{padding:44px 0 120px}@keyframes hxc-rubro{0%{opacity:0;transform:translateY(14px)rotate(-6deg)}}@keyframes hxc-next{50%{transform:scale(.94)}}@media (width<=760px){.hx-in{height:64px}.hx-login{padding:8px 10px;font-size:14px}.hxc{padding-top:30px}.hxc-tool.hxc-text{display:none}.hxc-dock{bottom:16px}}@media (prefers-reduced-motion:reduce){.hxc-dock{animation:none}}.hxd{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:40px;min-height:min(100vh - 72px,860px);padding:10px 0 70px;display:grid}.hxd-copy{z-index:2;flex-direction:column;gap:24px;display:flex;position:relative}.hxd-title{letter-spacing:-.072em;margin:0;font-size:clamp(56px,6.6vw,100px);line-height:.86}.hxd-title .ln{padding:.04em 0 .1em;display:block;overflow:hidden}.hxd-title .ln>span{animation:.9s cubic-bezier(.2,.9,.25,1) forwards ln-up;display:inline-block;transform:translateY(105%)}.hxd-title .ln:nth-child(2)>span{animation-delay:.1s}.hxd-title em{color:var(--brand);font-style:normal}.hxd-plus{vertical-align:top;font:800 .22em/1 var(--display);background:var(--yapa);width:2.5em;height:2.5em;color:var(--ink);letter-spacing:-.03em;box-shadow:3px 3px 0 var(--ink);border-radius:50%;place-items:center;margin:.9em 0 0 .3em;font-style:normal;animation:.55s cubic-bezier(.3,1.7,.5,1) hxd-pop;display:inline-grid;transform:rotate(12deg)}@keyframes hxd-pop{0%{transform:scale(.2)rotate(-40deg)}}.hxd-copy p{color:#3d4048;max-width:36ch;margin:0;font-size:20px}.hxd-ctas{flex-wrap:wrap;align-items:center;gap:22px;margin-top:8px;display:flex}.hxd-more{font:700 16px var(--font);color:var(--ink);border-bottom:2px solid var(--yapa);padding-bottom:2px;text-decoration:none;transition:border-color .2s}.hxd-more:hover{border-color:var(--brand)}.hxd-fine{color:var(--muted);font-weight:600}.hxd-stage{--px:0;--py:0;place-items:center;height:680px;display:grid;position:relative}.hxd-disc{width:590px;height:590px;transform:translate(calc(var(--px) * -10px), calc(var(--py) * -10px));background:radial-gradient(circle at 35% 30%,#7d55ec,#6032d9 55%,#4c24b3);border-radius:50%;margin:-295px 0 0 -295px;transition:transform .4s ease-out;position:absolute;top:50%;left:50%;box-shadow:0 50px 80px -40px #4c24b38c}.hxd-ring{width:100%;height:100%;animation:48s linear infinite hxd-spin;position:absolute;inset:0}.hxd-ring text{font:700 8.6px var(--font);letter-spacing:.26em;fill:#fffc}@keyframes hxd-spin{to{transform:rotate(360deg)}}.hxd-phone{z-index:2;width:300px;height:620px;transform:perspective(1200px) rotateY(calc(var(--px) * 9deg)) rotateX(calc(var(--py) * -7deg)) rotate(-4deg);background:#0d0e11;border-radius:48px;padding:10px;transition:transform .4s ease-out;position:relative;box-shadow:inset 0 0 0 1.5px #34373f,0 0 0 1px #ffffff0d,0 60px 90px -40px #0e0628b3}.hxd-island{z-index:5;background:#0d0e11;border-radius:16px;width:94px;height:27px;margin-left:-47px;position:absolute;top:22px;left:50%}.hxd-screen{background:#f2f2f7;border-radius:38px;height:100%;padding:64px 14px 0;position:relative;overflow:hidden}.hxd-wtop{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.hxd-wtop b{font:800 30px var(--display);letter-spacing:-.03em}.hxd-wtop span{color:#0a84ff;background:#e3e3ea;border-radius:50%;place-items:center;width:30px;height:30px;font:600 22px/1 system-ui;display:grid}.hxd-stack{height:420px;position:relative}.hxd-pass{all:unset;box-sizing:border-box;cursor:pointer;background:var(--bg);height:206px;color:var(--fg);transform:translateY(calc(var(--pos) * 44px));border-radius:13px;flex-direction:column;gap:12px;padding:12px 14px;transition:transform .75s cubic-bezier(.3,1.25,.45,1),box-shadow .3s;display:flex;position:absolute;top:0;left:0;right:0;box-shadow:inset 0 -1px #ffffff24,0 -8px 18px -10px #00000059}.hxd-pass.front{transform:translateY(calc(var(--pos) * 44px + 18px));box-shadow:inset 0 -1px #ffffff24,0 16px 30px -14px #00000073}.hxd-pass:not(.front):hover{transform:translateY(calc(var(--pos) * 44px - 6px))}.hxd-pass:focus-visible{outline:3px solid var(--yapa);outline-offset:2px}.hxd-pass .wp-h{align-items:center;gap:8px;height:22px;display:flex}.hxd-pass .wp-h .ic{background:var(--fg);width:22px;height:22px;color:var(--bg);border-radius:6px;place-items:center;display:grid}.hxd-pass .wp-h b{font:800 14px var(--display);letter-spacing:-.02em;flex:1}.hxd-pass .wp-ct{font:800 15px/1 var(--display);flex-direction:column;align-items:flex-end;display:flex}.hxd-pass .wp-ct small{font:700 7.5px var(--font);letter-spacing:.08em;color:var(--lb);margin-bottom:2px}.hxd-pass .wp-st{grid-template-columns:repeat(var(--cols), 1fr);gap:8px;padding:6px 2px;display:grid}.hxd-pass .wp-st i{aspect-ratio:1;border:1.5px dashed var(--lb);color:var(--bg);border-radius:50%;place-items:center;display:grid}.hxd-pass .wp-st i svg{opacity:0}.hxd-pass .wp-st i.on{background:var(--fg);border-color:#0000}.hxd-pass .wp-st i.on svg{opacity:1}.hxd-pass .wp-st i.new{animation:.5s cubic-bezier(.3,1.6,.5,1) hxd-thump}@keyframes hxd-thump{0%{opacity:0;transform:scale(1.9)rotate(-30deg)}}.hxd-pass .wp-f{font:600 11.5px/1.25 var(--font);justify-content:space-between;align-items:flex-end;gap:10px;margin-top:auto;display:flex}.hxd-pass .wp-f>span{flex-direction:column;display:flex}.hxd-pass .wp-qr{background:conic-gradient(#111 25%, #fff 0 50%, #111 0 75%, #fff 0) 0 0 / 8px 8px;border:4px solid #fff;border-radius:6px;flex:none;width:46px;height:46px}.hxd-pass .wp-f small{font:700 7.5px var(--font);letter-spacing:.08em;color:var(--lb);margin-bottom:2px}.hxd-notice{z-index:6;-webkit-backdrop-filter:blur(14px);color:var(--ink);font:500 12.5px/1.3 var(--font);background:#ffffffeb;border-radius:20px;align-items:center;gap:10px;padding:11px 12px;animation:.55s cubic-bezier(.3,1.4,.5,1) hxd-in,.35s 2.05s forwards hxd-out;display:flex;position:absolute;top:70px;left:-18px;right:-18px;box-shadow:0 0 0 1px #17191d0f,0 24px 40px -18px #0e06288c}.hxd-notice .ic{border-radius:9px;flex:none;place-items:center;width:34px;height:34px;display:grid}.hxd-notice b{justify-content:space-between;font-weight:800;display:flex}.hxd-notice b small{color:var(--muted);font-weight:500}@keyframes hxd-in{0%{opacity:0;transform:translateY(-40px)scale(.9)}}@keyframes hxd-out{to{opacity:0;transform:translateY(-30px)scale(.94)}}.hxd-yapi{z-index:3;transform:translate(calc(var(--px) * 8px), 0);transition:transform .4s ease-out;position:absolute;bottom:26px;left:calc(50% - 300px)}.hxd-sticker{z-index:4;background:var(--yapa);color:var(--ink);font:800 16px var(--display);letter-spacing:-.02em;box-shadow:3px 3px 0 var(--ink);border-radius:999px;padding:8px 14px;animation:.6s cubic-bezier(.3,1.7,.5,1) .9s both hxd-sticker;position:absolute;top:150px;right:calc(50% - 250px);transform:rotate(8deg)}@keyframes hxd-sticker{0%{opacity:0;transform:scale(.3)rotate(-30deg)}}@media (width<=900px){.hxd{grid-template-columns:1fr;gap:10px;min-height:0;padding-top:14px}.hxd-title{font-size:56px}.hxd-copy p{font-size:18px}.hxd-stage{height:600px;margin:0 -20px;overflow:hidden}.hxd-disc{width:440px;height:440px;margin:-220px 0 0 -220px}.hxd-phone{scale:.82}.hxd-yapi{bottom:30px;left:2px}.hxd-yapi canvas,.hxd-yapi svg{width:130px!important;height:auto!important}.hxd-sticker{top:90px;right:14px}}@media (prefers-reduced-motion:reduce){.hxd-title .ln>span{animation:none;transform:none}.hxd-ring,.hxd-notice,.hxd-sticker,.hxd-plus{animation:none}}html:has(.landing){overflow-x:clip}html:has(.landing) body{overflow-x:clip}.landing{max-width:1200px;margin:0 auto;padding:0 20px}html{scroll-behavior:smooth}.landing section[id]{scroll-margin-top:96px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@keyframes ln-up{to{transform:translateY(0)}}.big-cta{min-height:56px;padding:14px 28px;font-size:17px}@keyframes hp-in{0%{opacity:0;transform:rotate(-14deg)translateY(60px)}}@keyframes notice-drop{0%{opacity:0;transform:translateY(-30px)scale(.94)}}.demo{flex-direction:column;align-items:center;gap:18px;width:100%;min-width:0;display:flex}.demo-stage{width:100%;max-width:560px;height:600px;position:relative}.iphone{z-index:2;background:#0b0b0d;border-radius:52px;width:300px;height:600px;padding:14px;position:absolute;top:0;left:50%;overflow:hidden;transform:translate(-38%);box-shadow:inset 0 0 0 2px #2b2d33,0 40px 70px -40px #17191dbf}.iphone-island{z-index:4;background:#000;border-radius:20px;width:92px;height:26px;position:absolute;top:22px;left:50%;transform:translate(-50%)}.iphone-status{color:#fff;font:700 14px var(--font);justify-content:space-between;align-items:center;height:44px;padding:10px 22px 0;display:flex}.ip-bars{align-items:flex-end;gap:2px;display:flex}.ip-bars i{background:#fff;border-radius:1px;width:3px}.ip-bars i:first-child{height:4px}.ip-bars i:nth-child(2){height:6px}.ip-bars i:nth-child(3){height:8px}.ip-bars i:nth-child(4){height:10px}.pass{border-radius:14px;flex-direction:column;gap:12px;margin-top:18px;padding:14px 14px 16px;transition:background .35s,color .35s;display:flex}.pass-top{justify-content:space-between;align-items:flex-start;display:flex}.pass-name{font:800 17px var(--display);letter-spacing:-.03em}.pass-field{flex-direction:column;gap:1px;display:flex}.pass-field.right{text-align:right}.pass-field small{font:700 9.5px var(--font);letter-spacing:.08em}.pass-field b{font:600 13px/1.3 var(--font)}.pass-field.right b{font:800 22px var(--display);letter-spacing:-.03em}.pass-strip{justify-items:center;gap:8px;margin:0 -14px;padding:10px 18px;display:grid}.ps-stamp{aspect-ratio:1;border-radius:50%;place-items:center;width:100%;max-width:40px;display:grid}.ps-stamp svg{width:56%;height:56%}.ps-stamp.empty{opacity:.75;border:2px dashed}.ps-stamp.new{animation:.5s cubic-bezier(.3,1.8,.5,1) both stamp-in}.pass-fields{justify-content:space-between;gap:10px;display:flex}.pass-qr{background:#fff;border-radius:10px;flex-direction:column;align-self:center;align-items:center;gap:3px;margin-top:4px;padding:9px 9px 5px;display:flex}.pass-qr img{width:96px;height:96px}.pass-qr small{color:var(--muted);font:600 9px var(--font)}.ios-notice{z-index:5;-webkit-backdrop-filter:blur(16px);color:var(--ink);background:#f5f5f7eb;border-radius:20px;align-items:center;gap:10px;padding:10px 12px;animation:.5s cubic-bezier(.3,1.5,.5,1) both notice-in,.35s 2.25s forwards notice-out;display:flex;position:absolute;top:14px;left:10px;right:10px;box-shadow:0 10px 24px #00000059}.ion-icon{border-radius:9px;flex:none;place-items:center;width:34px;height:34px;display:grid}.ion-body{flex-direction:column;min-width:0;font-size:12px;line-height:1.3;display:flex}.ion-body b{font-size:12.5px}.ion-time{color:var(--muted);align-self:flex-start;font-size:11px}@keyframes notice-in{0%{opacity:0;transform:translateY(-120%)}}@keyframes notice-out{to{opacity:0;transform:translateY(-120%)}}.till{z-index:3;width:232px;box-shadow:0 0 0 1px var(--line), 0 26px 44px -26px #17191d8c;background:#fff;border-radius:22px;flex-direction:column;gap:10px;padding:14px;display:flex;position:absolute;bottom:44px;left:0;transform:rotate(-3deg)}.till-head{font:700 12px var(--font);color:var(--muted);align-items:center;gap:6px;display:flex}.till-row b{font:800 18px var(--display);letter-spacing:-.03em;display:block}.till-row small{color:var(--muted);font-size:13px}.till-btn{white-space:nowrap;width:100%;min-height:52px;padding-left:14px;padding-right:14px;font-size:16px}.till-hint{font:600 12px var(--font);color:var(--muted);text-align:center}.demo-mascot{z-index:1;pointer-events:none;position:absolute;bottom:30px;right:-4px;transform:rotate(8deg)}.l-block{padding:64px 0 20px}.l-head{flex-wrap:wrap;align-items:baseline;gap:16px;margin-bottom:28px;display:flex}.l-head h2{letter-spacing:-.055em;font-size:clamp(36px,5vw,64px)}.story{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;padding:40px 0 20px;display:grid}.mp-top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.mp-top b{font:800 18px var(--display);letter-spacing:-.03em}.features{flex-direction:column;gap:18px;margin:0;padding:0;list-style:none;display:flex}.features li{align-items:flex-start;gap:14px;display:flex}.features .ic{width:44px;height:44px;color:var(--brand-deep);background:#ece5fb;border-radius:14px;flex:none;place-items:center;display:grid}.features p{margin-top:3px;font-size:15px}.pricing{grid-template-columns:minmax(0,440px) 1fr;align-items:start;gap:36px;display:grid}@media (width>=761px){.pricing .stamp-wrap{margin-top:30px;position:sticky;top:90px}}.pr-toggle{display:flex}.pr-toggle button{flex:1;justify-content:center}.pr-save{background:var(--yapa);color:var(--ink);border-radius:999px;padding:2px 8px;font-size:11px}.faq{flex-direction:column;gap:10px;max-width:820px;display:flex}.faq details{box-shadow:0 0 0 1px var(--line);background:#fff;border-radius:18px}.faq summary{cursor:pointer;font:800 18px var(--display);letter-spacing:-.03em;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 svg{flex:none;transition:transform .2s}.faq details[open] summary svg{transform:rotate(180deg)}.faq details{transition:box-shadow .25s}.faq details[open]{box-shadow:0 0 0 1.5px var(--ink)}.faq summary svg{transition:transform .45s cubic-bezier(.3,1.5,.5,1)}.faq details::details-content{block-size:0;transition:block-size .45s cubic-bezier(.6,0,.25,1), content-visibility .45s allow-discrete;overflow:hidden}.faq details[open]::details-content{block-size:auto}.faq-body p{color:#3d4048;margin:0;padding:0 20px 18px}.l-cta{background:var(--brand);color:#fff;border-radius:30px;flex-wrap:wrap;align-items:center;gap:32px;margin:70px 0 30px;padding:40px clamp(22px,5vw,56px);display:flex}.l-cta h2{letter-spacing:-.055em;color:#fff;font-size:clamp(34px,4.6vw,58px)}.l-cta p{color:#ece5fb;max-width:40ch;margin:12px 0 22px;font-size:18px}.l-cta>div{flex:1;min-width:260px}.l-foot{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:20px 0 40px;font-size:14px;display:flex}@media (width<=900px){.story{grid-template-columns:1fr;gap:0}.pricing{grid-template-columns:1fr}}@media (width<=480px){.demo-stage{height:640px}.iphone{width:280px;height:560px;transform:translate(-50%)}.till{width:250px;bottom:0;left:50%;transform:translate(-50%)rotate(-2deg)}.demo-mascot{bottom:120px;right:-10px}.demo-mascot svg{width:92px;height:auto}.l-cta{padding:32px 22px}}.poster{letter-spacing:-.065em;flex-direction:column;align-items:flex-start;gap:.02em;margin:0;font-size:clamp(50px,7.4vw,112px);line-height:.9;display:flex}.poster .pr{opacity:0;transform:translateY(-.6em) rotate(var(--t)) scale(1.6);animation:pr-drop 1.1s cubic-bezier(.3, 1.45, .5, 1) var(--d) forwards;transform-origin:30% 80%;align-items:center;gap:.3em;display:inline-flex}@keyframes pr-drop{60%{opacity:1}to{opacity:1;transform:none}}.sticker{outline-offset:3px}.sticker .h{width:7px;height:7px}.sticker .tl{top:-7px;left:-7px}.sticker .tr{top:-7px;right:-7px}.sticker .bl{bottom:-7px;left:-7px}.sticker .br{bottom:-7px;right:-7px}@keyframes st-pop{to{transform:scale(1)rotate(0)}}.cta-sel{outline-offset:6px}.cta-sel .btn{box-shadow:none}.takeover{background:var(--brand);color:#fff;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-left:max(20px,50vw - 580px);padding-right:max(20px,50vw - 580px);position:relative}.torn{background:var(--brand);pointer-events:none;height:40px;position:absolute;top:-38px;left:0;right:0;-webkit-mask:url(/brand/torn.svg) 0 0/100% 100%;mask:url(/brand/torn.svg) 0 0/100% 100%}.torn.flip{top:auto;bottom:-38px;transform:scaleY(-1)}.story.takeover{margin-top:70px;padding-top:70px;padding-bottom:90px}.story.takeover:before{content:"";background:var(--brand);height:40px;position:absolute;top:-38px;left:0;right:0;-webkit-mask:url(/brand/torn.svg) 0 0/100% 100%;mask:url(/brand/torn.svg) 0 0/100% 100%}.story.takeover:after{content:"";background:var(--brand);height:40px;position:absolute;bottom:-38px;left:0;right:0;transform:scaleY(-1);-webkit-mask:url(/brand/torn.svg) 0 0/100% 100%;mask:url(/brand/torn.svg) 0 0/100% 100%}@keyframes chs-in{0%{opacity:0;transform:translateY(24px)}}@keyframes scanline{0%{top:12%}to{top:86%}}.stamp-wrap{perspective:1100px}.stamp-card{--rx:0deg;--ry:0deg;--hole:#0000 5.5px, #000 6px;-webkit-mask:linear-gradient(#000 0 0) content-box, radial-gradient(circle at 0 0, var(--hole)) 0 0 / 18px 18px round border-box, radial-gradient(circle at 100% 0, var(--hole)) 0 0 / 18px 18px round border-box, radial-gradient(circle at 0 100%, var(--hole)) 0 0 / 18px 18px round border-box, radial-gradient(circle at 100% 100%, var(--hole)) 0 0 / 18px 18px round border-box;-webkit-mask-composite:source-over, source-in, source-in, source-in;-webkit-mask:linear-gradient(#000 0 0) content-box, radial-gradient(circle at 0 0, var(--hole)) 0 0 / 18px 18px round border-box, radial-gradient(circle at 100% 0, var(--hole)) 0 0 / 18px 18px round border-box, radial-gradient(circle at 0 100%, var(--hole)) 0 0 / 18px 18px round border-box, radial-gradient(circle at 100% 100%, var(--hole)) 0 0 / 18px 18px round border-box;mask:linear-gradient(#000 0 0) content-box, radial-gradient(circle at 0 0, var(--hole)) 0 0 / 18px 18px round border-box, radial-gradient(circle at 100% 0, var(--hole)) 0 0 / 18px 18px round border-box, radial-gradient(circle at 0 100%, var(--hole)) 0 0 / 18px 18px round border-box, radial-gradient(circle at 100% 100%, var(--hole)) 0 0 / 18px 18px round border-box;transform:rotateX(var(--rx)) rotateY(var(--ry)) rotate(-1.5deg);transform-style:preserve-3d;background:#fff;padding:10px;transition:transform .5s cubic-bezier(.22,1,.36,1);position:relative;-webkit-mask-composite:source-over,source-in,source-in,source-in;mask-composite:add,intersect,intersect,intersect}.stamp-wrap{filter:drop-shadow(0 30px 40px #17191d38)}.stamp-card.hot{transform:rotateX(var(--rx)) rotateY(var(--ry)) rotate(0deg) scale(1.02)}.stamp-inner{border:2px solid var(--ink);background:#fff;flex-direction:column;gap:14px;padding:22px;display:flex;position:relative;overflow:hidden}.stamp-inner:before{content:"";z-index:0;background:radial-gradient(circle at 85% 12%,#f4f0fd 0 26%,#0000 26.5%);position:absolute;inset:0}.stamp-inner>*{z-index:1;position:relative}.stamp-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.stamp-price{font:800 clamp(64px, 7vw, 92px)/1 var(--display);letter-spacing:-.06em;align-items:baseline;gap:6px;padding-top:4px;display:flex}.stamp-price .cur,.stamp-price .per{font:700 16px var(--font);letter-spacing:0;color:var(--muted)}.stamp-sub{color:var(--muted);min-height:24px;margin:0}.stamp-fine{text-align:center;color:var(--muted);margin:0;font-size:12px}.stamp-yapi{opacity:.95;pointer-events:none;position:absolute;top:60px;right:8px;z-index:0!important}.postmark{z-index:3;width:130px;height:130px;color:var(--brand);opacity:.85;mix-blend-mode:multiply;animation:26s linear infinite pm-spin;position:absolute;top:-30px;right:-26px}.postmark text{font:800 10.5px var(--display);letter-spacing:.12em;fill:currentColor}.postmark .pm-mid{letter-spacing:-.02em;font-size:22px}@keyframes pm-spin{to{transform:rotate(360deg)}}.faq-head{justify-content:space-between;align-items:flex-end}.faq-yapi{margin-right:4%;transform:rotate(-8deg)}.faq{grid-template-columns:1fr 1fr;align-items:start;gap:0 22px;max-width:none;display:grid}.faq-col{flex-direction:column;gap:28px;display:flex}.bubble{position:relative}.bubble.rv{opacity:0;transform:scale(1.5) rotate(var(--bt,0deg));transition:opacity .35s,transform 1.1s cubic-bezier(.3,1.45,.5,1)}.bubble.rv.in{opacity:1;transform:rotate(var(--bt,0deg))}.bubble.b1{--bt:.8deg}.bubble.b2{--bt:-.4deg}.bubble details{box-shadow:0 0 0 2px var(--ink);border-radius:26px 26px 26px 8px}.bubble:after{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 19'%3E%3Cpath d='M2 0V16L22 0Z' fill='%23fff'/%3E%3Cpath d='M2 2.5V16L19.5 2' fill='none' stroke='%2317191d' stroke-width='2' stroke-linejoin='round' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat;width:26px;height:19px;position:absolute;bottom:-17px;left:24px}.l-end{margin-top:120px;padding-top:70px;padding-bottom:30px;overflow:hidden}.end-inner{flex-direction:column;gap:18px;display:flex;position:relative}.end-title{letter-spacing:-.06em;color:#fff;font-size:clamp(44px,6.4vw,96px);line-height:.92}.l-end p{color:#e6dcfb;max-width:42ch;margin:0;font-size:19px}.end-mark{margin-top:50px}.end-mark .wordmark{max-width:1180px;width:100%!important;height:auto!important}.sel.end-yapi{position:absolute;top:40px;right:3%;transform:rotate(4deg)}.end-yapi-card{background:#f7f6f2;border-radius:28px;padding:14px 10px 4px;display:block;box-shadow:0 24px 40px -18px #17191d73}.end-foot{color:#cfc3f5;border-top:1px solid #ffffff2e;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:26px;padding:26px 0 10px;font-size:14px;display:flex}.end-foot a{color:#fff}.l-foot{display:none}@media (width<=900px){.faq{flex-direction:column;align-items:stretch;gap:28px;display:flex}.faq-col{display:contents}.sel.end-yapi{display:none}.postmark{width:96px;height:96px;top:-22px;right:-10px}}@media (prefers-reduced-motion:reduce){.poster .pr{opacity:1;animation:none;transform:none}.bubble.rv{transform:none}.postmark{animation:none}}.rack{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.rack-k{font:700 12px var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.rack-row{flex-wrap:wrap;justify-content:center;gap:10px 14px;display:flex}.rack-st{all:unset;cursor:pointer;flex-direction:column;align-items:center;gap:7px;width:82px;display:flex}.rack-ink{width:58px;height:58px;color:var(--bg);transform:rotate(var(--r));background:#fff;border-radius:50%;place-items:center;transition:background .3s,color .3s,box-shadow .3s,transform .45s cubic-bezier(.3,1.6,.5,1);display:grid;position:relative;box-shadow:inset 0 0 0 2px #d9dbe0}.rack-st:hover .rack-ink{box-shadow:inset 0 0 0 2px var(--bg);transform:rotate(0)translateY(-4px)}.rack-st.on .rack-ink{background:var(--bg);color:var(--fg);box-shadow:0 0 0 2px var(--ink), 3px 3px 0 2px var(--ink);animation:.45s cubic-bezier(.3,1.6,.5,1) rack-thump;transform:rotate(-4deg)scale(1.06)}@keyframes rack-thump{0%{transform:scale(1.35)rotate(-18deg)}}.rack-l{font:700 13px var(--font);color:var(--muted);transition:color .25s}.rack-st.on .rack-l{color:var(--ink)}.rack-st:focus-visible .rack-ink{outline:3px solid var(--brand);outline-offset:4px}@media (width<=760px){.rack-row{grid-template-columns:repeat(3,1fr);gap:12px 8px;width:100%;display:grid}.rack-st{width:auto}}.l-cta-row{box-shadow:0 0 0 1.5px var(--ink), 6px 6px 0 var(--ink);background:#fff;border-radius:26px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px 28px;margin-top:46px;padding:22px 26px 22px 28px;display:flex}.l-cta-row p{color:#3d4048;max-width:40ch;margin:0;font-size:19px}.l-cta-row p b{color:var(--ink)}.l-cta-row p a{color:var(--brand);font-weight:700}.l-cta-row .ycta-wrap{align-self:center}@media (width<=760px){.l-cta-row{padding:22px 18px 24px}.l-cta-row p{font-size:17px}}.pcard{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:#fff;border-radius:18px;padding:20px;position:relative}.pcard.paper{background:#f7f5ef}.pcard.paper:after{content:"";border-radius:inherit;opacity:.18;mix-blend-mode:multiply;pointer-events:none;background:url(/brand/grain.png) 0 0/200px 200px;position:absolute;inset:0}.pcard.paper>*{z-index:1;position:relative}.pcard.off{box-shadow:none;border-style:dashed}.pcard.off>:not(.pc-head){opacity:.55}.pcard .pc-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.pcard h3{font-size:19px}.sw{appearance:none;border:2px solid var(--ink);cursor:pointer;background:#fff;border-radius:999px;flex:none;width:54px;height:32px;padding:0;transition:background .25s;position:relative}.sw:after{content:"";background:var(--ink);border-radius:50%;width:22px;height:22px;transition:transform .4s cubic-bezier(.3,1.5,.5,1),background .25s;position:absolute;top:3px;left:3px}.sw[aria-checked=true]{background:var(--brand)}.sw[aria-checked=true]:after{background:var(--yapa);transform:translate(22px)}.sw:focus-visible{outline:3px solid var(--yapa);outline-offset:2px}.sw:disabled{opacity:.4;cursor:default}.sw-row{align-items:center;gap:12px;display:flex}.sw-row b{font-size:15px}.stk{background:var(--yapa);color:var(--ink);font:800 13px/1 var(--display);letter-spacing:-.02em;box-shadow:3px 3px 0 var(--ink);white-space:nowrap;border-radius:6px;align-items:center;gap:4px;padding:7px 10px;display:inline-flex;transform:rotate(-2deg)}.stk.big{padding:10px 14px;font-size:22px}.stk.ink{background:var(--ink);color:#fff;box-shadow:3px 3px 0 var(--yapa)}.stk.flat{transform:none}.mono{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font:600 12px/1.3 IBM Plex Mono,monospace}.mono.ink{color:var(--ink)}.rubber{color:var(--brand);letter-spacing:.14em;text-transform:uppercase;mix-blend-mode:multiply;border:2.5px solid;border-radius:8px;align-items:center;gap:6px;padding:5px 10px;font:700 12px/1 IBM Plex Mono,monospace;display:inline-flex;position:relative;transform:rotate(-4deg)}.rubber:after{content:"";border-radius:inherit;opacity:.5;pointer-events:none;background:radial-gradient(circle,#fff .8px,#0000 1.2px) 0 0/6px 7px,radial-gradient(circle,#fff .6px,#0000 1px) 3px 2px/9px 8px;position:absolute;inset:-3px}.rubber.yapa{color:#b8860b}.rubber.muted{color:var(--soft)}.hit{animation:.5s cubic-bezier(.3,1.8,.5,1) both p2-hit}@keyframes p2-hit{0%{opacity:0;transform:scale(1.9)rotate(-14deg)}60%{opacity:1;transform:scale(.94)rotate(2deg)}to{transform:scale(1)rotate(0)}}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{appearance:none;border:2px solid var(--ink);color:var(--ink);font:700 13px var(--font);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;transition:transform .25s cubic-bezier(.3,1.5,.5,1),background .2s,color .2s;display:inline-flex}.chip:hover{transform:translate(-1px,-1px)}.chip.on{background:var(--ink);color:#fff;box-shadow:3px 3px 0 var(--yapa)}.chip:disabled{opacity:.4;cursor:default}.tk-rows{flex-direction:column;display:flex}.tk-row{border-bottom:1.5px dashed var(--line);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.tk-row:last-child{border-bottom:0}.pcard input,.pcard select,.pcard textarea{border:2px solid var(--ink);background:#fff;border-radius:12px}.pcard input:focus,.pcard select:focus,.pcard textarea:focus{box-shadow:4px 4px 0 var(--yapa);border-color:var(--ink)}.pcard .btn.brand,.pcard .btn.yapa,.pcard .btn.white{box-shadow:4px 4px 0 var(--ink)}.pcard .btn.ghost{box-shadow:inset 0 0 0 2px var(--ink)}.lc-tier{background:#ffffff2e;border-radius:999px;align-items:center;gap:6px;padding:3px 8px;font-size:12px;font-weight:700;display:inline-flex}@media (prefers-reduced-motion:reduce){.hit{animation:none}.sw:after,.chip{transition:none}}.ladder{text-align:center;gap:12px;display:grid}.ladder-step{flex-direction:column;align-items:center;gap:4px;display:flex}.ladder-bar{border:2px solid var(--ink);background:#fff;border-radius:999px;height:10px;margin-top:14px;overflow:hidden}.ladder-bar i{background:var(--yapa);height:100%;transition:width .8s cubic-bezier(.3,1.2,.5,1);display:block}.tier-row{grid-template-columns:auto minmax(120px,1fr) auto minmax(160px,1.4fr) auto;align-items:center;gap:10px;display:grid}.tier-row>*{min-width:0}@media (width<=900px){.tier-row{grid-template-columns:auto 1fr}.tier-row>:nth-child(3),.tier-row>:nth-child(4),.tier-row>:nth-child(5){grid-column:1/-1}.tier-row>:nth-child(5){justify-self:start}}.autos{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start;gap:20px;display:grid}.auto-ic{background:var(--ink);width:42px;height:42px;color:var(--yapa);border-radius:12px;flex:none;place-items:center;display:grid}.notice{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:#fff;border-radius:14px;align-items:flex-start;gap:10px;padding:10px 12px;font-size:13px;line-height:1.35;display:flex}.notice-ic{background:var(--brand);color:#fff;border-radius:6px;flex:none;place-items:center;width:22px;height:22px;margin-top:1px;display:grid}.notice-top{align-items:center;gap:8px;margin-bottom:2px;display:flex}.notice p{margin:0}.dz{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:28px;display:grid}.dz-side{flex-direction:column;gap:14px;display:flex;position:sticky;top:20px}.dz-sec{flex-direction:column;gap:14px;display:flex}.dz-sec>header{align-items:baseline;gap:10px;display:flex}.dz-sec>header h3{font-size:20px}.dz-row{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.dz-row>*{flex:1;min-width:140px}.dz-note{color:var(--muted);font-size:13px}.dz-warn{border:2px solid var(--ink);background:#fff4d6;border-radius:10px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;font-weight:600;display:flex}.dz-templates{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px;display:grid}.dz-tpl{border:2px solid var(--ink);cursor:pointer;text-align:left;font:inherit;background:#fff;border-radius:14px;padding:0;transition:transform .25s cubic-bezier(.3,1.5,.5,1),box-shadow .2s;overflow:hidden}.dz-tpl:hover{box-shadow:4px 4px 0 var(--ink);transform:translate(-2px,-2px)}.dz-tpl-top{place-items:center;height:54px;display:grid}.dz-tpl span{font:700 13px var(--font);padding:7px 10px;display:block}.dz-colors{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.dz-swatches{gap:4px;display:inline-flex}.dz-swatches i{border:2px solid var(--ink);border-radius:5px;width:18px;height:18px}.slot{border:2px dashed var(--line);background:#fff;border-radius:14px;align-items:center;gap:12px;padding:10px;display:flex}.slot.has{border-style:solid;border-color:var(--ink)}.slot-img{background:repeating-conic-gradient(#eee 0 25%, #fff 0 50%) 0 0 / 14px 14px;border-radius:10px;flex:none;place-items:center;width:64px;height:64px;display:grid;overflow:hidden}.slot-img img{object-fit:contain;width:100%;height:100%}.slot-img.wide{width:120px;height:48px}.slot-img.wide img{object-fit:cover}.slot-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.slot-body b{font-size:14px}.slot-actions{flex-wrap:wrap;gap:6px;display:flex}.slot input[type=file]{display:none}.dz-tabs{gap:6px;display:flex}.dz-range{align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.dz-range input{accent-color:var(--brand);box-shadow:none;border:0;flex:1;padding:0}.dz-range input:focus{box-shadow:none}.dz-save{z-index:5;background:var(--ink);color:#fff;box-shadow:4px 4px 0 var(--yapa);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px 12px 18px;animation:.35s cubic-bezier(.3,1.5,.5,1) both dz-up;display:flex;position:sticky;bottom:16px}@keyframes dz-up{0%{opacity:0;transform:translateY(20px)}}.wp{width:100%;max-width:360px;box-shadow:0 0 0 2px var(--ink), 6px 6px 0 var(--ink);font-family:-apple-system, "SF Pro Text", var(--font);border-radius:14px;margin:0 auto;padding:12px 14px 14px;overflow:hidden}.wp-head{justify-content:space-between;align-items:center;gap:10px;min-height:40px;display:flex}.wp-logo{object-fit:contain;max-width:150px;max-height:34px}.wp-logotext{font-size:16px;font-weight:600}.wp-field{flex-direction:column;gap:1px;min-width:0;display:flex}.wp-field.right{text-align:right}.wp-field small{letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:600}.wp-field span{font-size:15px;line-height:1.25}.wp-head .wp-field span{font-size:20px}.wp-strip{aspect-ratio:375/123;margin:8px -14px 10px;position:relative}.wp-strip img{object-fit:cover;width:100%;height:100%;display:block}.wp-primary{flex-direction:column;display:flex;position:absolute;bottom:8px;left:14px}.wp-primary small{letter-spacing:.04em;font-size:10px;font-weight:600}.wp-primary b{font-size:40px;font-weight:300;line-height:1}.wp-fields{justify-content:space-between;gap:10px;margin-top:6px;display:flex}.wp-fields.two .wp-field:last-child{text-align:right}.wp-code{background:#fff;border-radius:8px;flex-direction:column;align-items:center;width:132px;margin:14px auto 0;padding:8px 8px 4px;display:flex}.wp-code img{width:116px;height:116px;image-rendering:pixelated}.wp-code small{color:#333;letter-spacing:.06em;font-size:9px}.wp-back{color:#1c1c1e;background:#f2f2f7;padding:0}.wp-back-head{background:#fff;border-bottom:1px solid #d1d1d6;justify-content:space-between;padding:14px 16px;display:flex}.wp-back-head span{color:#0a7aff;font-weight:600}.wp-back-row{background:#fff;border-bottom:1px solid #e5e5ea;padding:10px 16px}.wp-back-row small{color:#8e8e93;font-size:12px;display:block}.wp-back-row p{white-space:pre-line;margin:2px 0 0;font-size:15px}.wp-back-row a{color:#0a7aff;font-size:15px;text-decoration:none}.jp{border:2px solid var(--ink);width:100%;max-width:360px;box-shadow:6px 6px 0 var(--ink);border-radius:22px;margin:0 auto;overflow:hidden}.jp-cover{background-position:50%;background-size:cover;height:120px}.jp-body{flex-direction:column;gap:10px;padding:14px;display:flex}.jp-body h4{font:800 22px/1.05 var(--display);letter-spacing:-.04em;text-align:center;margin:0}.jp-body p{text-align:center;opacity:.8;margin:0;font-size:13px}.jp-form{color:var(--ink);border:2px solid var(--ink);background:#fff;border-radius:14px;flex-direction:column;gap:8px;padding:12px;display:flex}.jp-form i{border:2px solid var(--line);border-radius:8px;height:30px;display:block}.jp-form b{text-align:center;border-radius:999px;padding:9px;font-size:13px;display:block}@media (width<=1000px){.dz{grid-template-columns:1fr}.dz-side{order:-1;position:static}}@media (width<=520px){.dz-colors{grid-template-columns:1fr}}.ad-tiles{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;display:grid}.ad-tile{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);color:inherit;background:#fff;border-radius:18px;flex-direction:column;gap:6px;padding:16px;text-decoration:none;display:flex}.ad-tile b{font:800 34px/1 var(--display);letter-spacing:-.05em}.ad-tile small{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font:600 11px/1.3 IBM Plex Mono,monospace}.ad-tile.hot{background:var(--yapa)}.ad-tile.dark{background:var(--ink);color:#fff;box-shadow:4px 4px 0 var(--yapa)}.ad-tile.dark small{color:#c9ccd2}a.ad-tile:hover{box-shadow:6px 6px 0 var(--ink);transform:translate(-2px,-2px)}.ad-pill{font:700 12px var(--font);border:2px solid var(--ink);white-space:nowrap;border-radius:999px;align-items:center;padding:3px 9px;display:inline-flex}.ad-pill.ok{background:#d9f5e3}.ad-pill.warn{background:var(--yapa)}.ad-pill.info{background:#ece5fb}.ad-pill.off{color:var(--muted);border-color:var(--line);background:#efede6}.ad-attn{flex-direction:column;display:flex}.ad-attn a{border-bottom:1.5px dashed var(--line);color:inherit;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;text-decoration:none;display:flex}.ad-attn a:last-child{border-bottom:0}.ad-attn a:hover b{text-decoration:underline}.ad-access{border:2px solid var(--ink);background:#f7f5ef;border-radius:14px;flex-direction:column;gap:10px;padding:14px;display:flex}.ad-link{border:1.5px dashed var(--ink);word-break:break-all;background:#fff;border-radius:8px;padding:8px 10px;font:600 12px/1.4 IBM Plex Mono,monospace;display:block}.ad-choice{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;display:grid}.ad-option{text-align:left;border:2px solid var(--line);cursor:pointer;font:inherit;color:var(--ink);background:#fff;border-radius:16px;flex-direction:column;gap:4px;padding:14px;transition:transform .25s cubic-bezier(.3,1.5,.5,1),box-shadow .2s,border-color .2s;display:flex}.ad-option b{font:800 17px var(--display);letter-spacing:-.02em;align-items:center;gap:8px;display:flex}.ad-option span{color:var(--muted);font-size:13px}.ad-option.on{border-color:var(--ink);box-shadow:4px 4px 0 var(--ink);transform:translate(-2px,-2px)}.ad-steps{counter-reset:s;flex-direction:column;gap:20px;display:flex}.ad-kv{grid-template-columns:auto 1fr;gap:6px 16px;font-size:14px;display:grid}.ad-kv dt{color:var(--muted)}.ad-kv dd{text-align:right;margin:0;font-weight:600}.ad-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.ad-head .swatch{border:2px solid var(--ink);width:54px;height:54px;box-shadow:3px 3px 0 var(--ink);border-radius:14px;flex:none;place-items:center;display:grid}.legal{max-width:760px;margin:0 auto;padding:18px 16px 48px}.legal-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:22px;display:flex}.legal-logo img{width:auto;height:32px}.legal-nav{flex-wrap:wrap;gap:6px;display:flex}.legal-nav a{font:700 13px var(--font);color:var(--ink);border:2px solid var(--ink);border-radius:999px;padding:7px 12px;text-decoration:none}.legal-nav a:hover{box-shadow:3px 3px 0 var(--yapa)}.legal-body{border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);background:#fff;border-radius:18px;padding:clamp(20px,4vw,36px)}.legal-body h1{letter-spacing:-.05em;margin-bottom:10px;font-size:clamp(30px,5vw,42px)}.legal-intro{color:var(--muted);margin-bottom:18px}.legal-body h2{margin:26px 0 8px;font-size:19px}.legal-body p,.legal-body li{font-size:15px;line-height:1.55}.legal-body p+p{margin-top:8px}.legal-body ul{margin:6px 0 0;padding-left:20px}.legal-body li{margin-bottom:4px}.legal-body table{border-collapse:collapse;width:100%;margin-top:8px;font-size:14px}.legal-body th,.legal-body td{text-align:left;border-bottom:1.5px dashed var(--line);vertical-align:top;padding:8px 6px}.legal-updated{color:var(--soft);margin-top:28px;font-size:13px}.legal-foot{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:22px;font-size:13px;display:flex}.legal-foot a{color:var(--ink)}.claim-form{gap:14px;margin-top:10px;display:grid}.claim-form .two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.claim-form fieldset{border:2px solid var(--ink);border-radius:14px;gap:12px;margin:0;padding:14px 16px 16px;display:grid}.claim-form legend{font:800 14px var(--display);letter-spacing:-.02em;padding:0 6px}.claim-form .choice{flex-wrap:wrap;gap:8px;display:flex}.claim-form .choice label{border:2px solid var(--ink);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:9px 14px;font-size:14px;font-weight:700;display:inline-flex}.claim-form .choice label:has(input:checked){background:var(--ink);color:#fff;box-shadow:3px 3px 0 var(--yapa)}.claim-form .choice input{width:auto;accent-color:var(--brand)}.claim-done{border:2px solid var(--ink);background:#f7f5ef;border-radius:14px;margin-top:10px;padding:18px}.claim-done b.code{font:800 26px var(--display);letter-spacing:-.03em;margin:6px 0;display:block}@media (width<=560px){.claim-form .two{grid-template-columns:1fr}}.reg{max-width:1180px;min-height:100dvh;margin:0 auto;padding:0 20px 60px}.reg-top{justify-content:space-between;align-items:center;padding:20px 0;display:flex}.reg-top img{width:auto;height:36px}.reg-login{color:var(--muted);font-size:14px;text-decoration:none}.reg-login b{color:var(--ink)}.reg-grid{grid-template-columns:minmax(0,1fr) 420px;align-items:start;gap:56px;padding-top:12px;display:grid}.reg-form{max-width:560px}.reg-title h1{letter-spacing:-.065em;font-size:clamp(40px,5vw,60px)}.reg-title p{margin-top:10px;font-size:17px}.reg-story{grid-template-columns:260px minmax(0,560px);justify-content:center;align-items:center;gap:40px;min-height:60vh;padding:20px 0;display:grid}.reg-story-card{border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);background:#fff;border-radius:26px;padding:18px 18px 0;display:block}.reg-story-yapi{justify-content:center;display:flex}.reg-bubble{padding:26px 28px 24px;animation:.5s cubic-bezier(.3,1.5,.5,1) both reg-pop;position:relative}.reg-bubble:before{content:"";border-left:2px solid var(--ink);border-bottom:2px solid var(--ink);background:#f7f5ef;width:26px;height:26px;position:absolute;top:46px;left:-16px;transform:rotate(45deg)}.reg-bubble p{font:800 clamp(22px, 2.6vw, 30px)/1.2 var(--display);letter-spacing:-.04em;margin-top:8px}.reg-story-actions{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.reg-dots{gap:6px;margin-top:18px;display:flex}.reg-dots i{border:2px solid var(--ink);background:#fff;border-radius:50%;width:10px;height:10px;transition:background .3s}.reg-dots i.on{background:var(--yapa)}.reg-dots i.done{background:var(--ink)}@keyframes reg-pop{0%{opacity:0;transform:translateY(14px)rotate(-1deg)}}.reg-steps{flex-wrap:wrap;gap:8px;margin:0 0 28px;padding:0;list-style:none;display:flex}.reg-steps li{font:700 13px var(--font);color:var(--muted);border:2px solid var(--line);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:5px 12px 5px 5px;display:flex}.reg-steps .dot{width:24px;height:24px;color:var(--muted);background:#efede6;border-radius:50%;place-items:center;font:600 11px IBM Plex Mono,monospace;display:grid}.reg-steps li.on{color:var(--ink);border-color:var(--ink);box-shadow:3px 3px 0 var(--yapa)}.reg-steps li.on .dot{background:var(--ink);color:var(--yapa)}.reg-steps li.done{color:var(--ink);border-color:var(--ink)}.reg-steps li.done .dot{background:var(--yapa);color:var(--ink)}.field-block{flex-direction:column;gap:8px;display:flex}.field-label{font-size:13px;font-weight:700}.reg-row{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.stepper{border:2px solid var(--ink);background:#fff;border-radius:14px;align-items:center;gap:4px;height:52px;padding:4px;display:flex}.stepper button{width:40px;height:40px;font:700 20px var(--font);cursor:pointer;color:var(--ink);background:#f1f2f5;border:0;border-radius:10px}.stepper button:hover{background:var(--yapa)}.stepper b{text-align:center;min-width:34px;font:800 20px var(--display)}.palettes{flex-wrap:wrap;gap:10px;display:flex}.palettes button{border:2px solid var(--ink);width:52px;height:52px;font:800 16px var(--display);cursor:pointer;border-radius:14px;transition:transform .2s cubic-bezier(.3,1.6,.5,1),box-shadow .2s}.palettes button:hover{transform:translate(-1px,-1px)}.palettes button.on{box-shadow:4px 4px 0 var(--ink);transform:translate(-2px,-2px)rotate(-3deg)}.reg-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.reg-actions .btn.brand{flex:1;min-width:200px}.hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.plans{grid-template-columns:1fr 1fr;gap:14px;display:grid}.plan{text-align:left;border:2px solid var(--line);cursor:pointer;font:inherit;color:var(--ink);background:#fff;border-radius:20px;flex-direction:column;gap:4px;padding:20px 18px 16px;transition:transform .25s cubic-bezier(.3,1.5,.5,1),box-shadow .2s,border-color .2s;display:flex;position:relative}.plan b{font:800 18px var(--display);letter-spacing:-.03em}.plan-price{font:800 34px var(--display);letter-spacing:-.05em;margin-top:6px}.plan-price small{font:600 14px var(--font);letter-spacing:0;color:var(--muted)}.plan.on{border-color:var(--ink);box-shadow:5px 5px 0 var(--ink);transform:translate(-2px,-2px)}.plan-tag{background:var(--yapa);color:var(--ink);font:800 12px var(--display);box-shadow:2px 2px 0 var(--ink);border-radius:6px;padding:4px 10px;position:absolute;top:-13px;right:14px;transform:rotate(2deg)}.plan-includes{grid-template-columns:1fr 1fr;gap:8px 16px;margin:0;padding:0;list-style:none;display:grid}.plan-includes li{align-items:center;gap:8px;font-size:14px;display:flex}.plan-includes svg{color:var(--brand);flex:none}.reg-fine{text-align:center}.whop-box{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:#fff;border-radius:20px;min-height:320px;padding:16px}.confirming{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:#fff;border-radius:18px;align-items:center;gap:12px;padding:18px;font-weight:700;display:flex}.spinner{border:3px solid #e6e0f8;border-top-color:var(--brand);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.reg-preview{flex-direction:column;align-items:center;gap:18px;padding-top:12px;display:flex;position:sticky;top:24px}.reg-preview-sel{width:100%}.reg-preview-card{width:100%;transition:transform .4s cubic-bezier(.3,1.5,.5,1);transform:rotate(-2deg)}.reg-preview-sel:hover .reg-preview-card{transform:rotate(0)}.reg-says{align-items:flex-end;gap:10px;width:100%;animation:.5s cubic-bezier(.3,1.5,.5,1) both reg-pop;display:flex}.reg-mascot{flex:none}.reg-bubble-mini{border-radius:16px;padding:12px 14px;font-size:14px;font-weight:600;position:relative}.reg-bubble-mini:before{content:"";border-left:2px solid var(--ink);border-bottom:2px solid var(--ink);background:#fff;width:18px;height:18px;position:absolute;bottom:18px;left:-12px;transform:rotate(45deg)}.reg-note{text-align:center}@media (width<=900px){.reg-grid{grid-template-columns:1fr;gap:28px}.reg-preview{order:-1;gap:14px;width:100%;max-width:380px;margin:0 auto;position:static}.reg-says{align-items:flex-end}.reg-mascot canvas,.reg-mascot svg{width:84px!important;height:auto!important}.reg-preview-card{transform:none}.reg-steps li{padding-right:10px;font-size:12px}.reg-story{grid-template-columns:1fr;gap:30px;min-height:auto;padding-top:10px}.reg-bubble:before{top:-16px;left:40px;transform:rotate(135deg)}}@media (width<=480px){.plans,.plan-includes{grid-template-columns:1fr}.reg-title h1{font-size:38px}}@media (prefers-reduced-motion:reduce){.reg-bubble,.reg-says{animation:none}}:root{--paper:#f7f5ef;--card:#fff;--ink:#17191d;--muted:#686d77;--soft:#a7acb5;--line:#e0e4eb;--brand:#6032d9;--brand-deep:#4c24b3;--brand-light:#aa8bea;--yapa:#ffc947;--ok:#1d8a4e;--danger:#d4372c;--radius:20px;--display:"Manrope", system-ui, sans-serif;--font:"DM Sans", system-ui, -apple-system, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0}body{background:var(--paper);color:var(--ink);font:16px/1.5 var(--font);-webkit-font-smoothing:antialiased}body:not(:has(.landing)):before{content:"";z-index:-1;opacity:.18;pointer-events:none;background:url(/brand/grain.png) 0 0/200px 200px;position:fixed;inset:0}a{color:inherit}h1,h2,h3{font-family:var(--display);letter-spacing:-.045em;margin:0;font-weight:800;line-height:.98}h1{font-size:34px}h2{letter-spacing:-.035em;font-size:24px}h3{letter-spacing:-.02em;font-size:17px;line-height:1.15}p{margin:0}img,svg{display:block}.muted{color:var(--muted)}.small{font-size:13px}.stack{flex-direction:column;gap:12px;display:flex}.stack-lg{flex-direction:column;gap:24px;display:flex}.stack>*,.stack-lg>*{min-width:0;max-width:100%}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.spread{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.btn{appearance:none;min-height:48px;font:700 15px var(--font);background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;text-decoration:none;transition:transform .15s cubic-bezier(.3,1.6,.5,1),box-shadow .15s,background .15s;display:inline-flex}.btn:hover{transform:translate(-1px,-1px)}.btn:active{transform:translate(2px,2px);box-shadow:none!important}.btn:disabled{opacity:.4;cursor:default;transform:none}.btn.brand{background:var(--brand);box-shadow:4px 4px 0 var(--ink)}.btn.brand:hover{background:var(--brand-deep)}.btn.yapa{background:var(--yapa);color:var(--ink);box-shadow:4px 4px 0 var(--ink)}.btn.white{color:var(--ink);box-shadow:4px 4px 0 var(--ink);background:#fff}.btn.ghost{color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink);background:#fff}.btn.ghost:hover{box-shadow:inset 0 0 0 2px var(--ink), 3px 3px 0 var(--yapa)}.btn.danger{color:var(--danger);background:#fff;box-shadow:inset 0 0 0 2px #e9b3ad}.btn.small{min-height:36px;padding:8px 14px;font-size:13px}.btn.big{border-radius:22px;width:100%;min-height:68px;font-size:19px}.btn.block{width:100%}label.field{flex-direction:column;gap:6px;font-size:13px;font-weight:700;display:flex}label.field .hint{color:var(--muted);font-weight:400}label.field input,label.field select,label.field textarea{font-weight:400}input,select,textarea{font:inherit;border:2px solid var(--ink);color:var(--ink);background:#fff;border-radius:12px;width:100%;padding:12px 14px;font-size:16px;transition:box-shadow .15s}input:focus,select:focus,textarea:focus{box-shadow:4px 4px 0 var(--yapa);outline:none}input:disabled,select:disabled{border-color:var(--line);color:var(--muted)}input[type=color]{height:48px;padding:4px}.check{color:var(--muted);align-items:flex-start;gap:10px;font-size:13px;display:flex}.check input{width:20px;height:20px;accent-color:var(--brand);box-shadow:none;border:0;flex:none;margin-top:1px}.panel-card{background:var(--card);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:18px;padding:20px}.error{color:var(--danger);font-size:14px;font-weight:700}.ok-text{color:var(--ok);font-size:14px;font-weight:700}.pill{background:#efede6;border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.pill.yapa{background:var(--yapa);color:var(--ink)}.pill.off{color:var(--danger);background:#f7e3e0}.pill.brand{color:var(--brand-deep);background:#ece5fb}.tape{background:var(--yapa);color:var(--ink);font:700 13px var(--font);padding:4px 10px;display:inline-block;transform:rotate(-2deg)}:root{interpolate-size:allow-keywords}.rv{opacity:0;transition:opacity .7s,transform .9s cubic-bezier(.2,.9,.25,1);transform:translateY(22px)}.rv.in{opacity:1;transform:none}.seg{background:#f1f2f5;border-radius:999px;gap:2px;padding:4px;display:inline-flex;position:relative}.seg button{z-index:1;font:700 14px var(--font);color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;align-items:center;gap:7px;padding:9px 16px;transition:color .3s;display:inline-flex;position:relative}.seg button:hover{color:var(--ink)}.seg button.on{color:#fff}.seg-pill{z-index:0;background:var(--ink);border-radius:999px;transition:transform .55s cubic-bezier(.3,1.35,.5,1),width .55s cubic-bezier(.3,1.35,.5,1);position:absolute;top:4px;bottom:4px;left:0}.logo-lockup{align-items:flex-end;gap:.18em;display:inline-flex}.logo-lockup .mascot{flex:none}@media (prefers-reduced-motion:reduce){.rv{opacity:1;transition:none;transform:none}.seg-pill{transition:none}.hero-title .ln>span{animation:none!important;transform:none!important}}.wordmark{display:block;overflow:visible}.wm-draw path{stroke-dasharray:1;stroke-dashoffset:1px;animation:.5s cubic-bezier(.6,0,.3,1) forwards wm-draw;animation-delay:calc(var(--i) * 70ms + .15s)}@keyframes wm-draw{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.wm-draw path{stroke-dashoffset:0;animation:none}}.mascot .m-head,.mascot .m-spark,.mascot .m-body{transform-box:fill-box;transform-origin:50% 100%;transition:transform .35s cubic-bezier(.3,1.7,.5,1)}.mascot-idle .m-head{animation:3.2s ease-in-out infinite m-bob}.mascot-idle .m-spark{animation:3.2s ease-in-out infinite m-blink}.mascot-wave .m-head{animation:1.2s ease-in-out infinite m-bob}.mascot-wave .m-spark{animation:.6s ease-in-out infinite m-blink}.mascot-cheer .m-head{animation:.7s cubic-bezier(.3,1.7,.5,1) both m-pop}.mascot-cheer .m-body{animation:.7s cubic-bezier(.3,1.7,.5,1) both m-squash}.mascot-cheer .m-spark{animation:.35s ease-in-out 3 m-blink}@keyframes m-bob{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-5px)rotate(-2deg)}}@keyframes m-blink{0%,to{opacity:1}50%{opacity:.25}}@keyframes m-pop{0%{transform:translateY(0)rotate(0)}40%{transform:translateY(-34px)rotate(-12deg)}to{transform:translateY(0)rotate(0)}}@keyframes m-squash{0%{transform:scale(1)}35%{transform:scale(1.05,.94)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.mascot *{animation:none!important}}.loyalty-card{border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);border-radius:20px;flex-direction:column;gap:14px;padding:18px 18px 20px;transition:background .3s,color .3s;display:flex}.loyalty-card .lc-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.loyalty-card .lc-logo{object-fit:contain;max-width:150px;height:34px}.loyalty-card .lc-name{font:800 18px var(--display);letter-spacing:-.03em}.loyalty-card .lc-label{letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:700}.loyalty-card .lc-value{font:800 22px var(--display);letter-spacing:-.03em}.lc-stamps{justify-items:center;gap:10px;padding:4px 0;display:grid}.lc-stamp{aspect-ratio:1;border-radius:50%;place-items:center;width:100%;max-width:46px;display:grid}.lc-stamp svg{width:58%;height:58%}.lc-stamp.new{animation:.45s cubic-bezier(.3,1.8,.5,1) both stamp-in}@keyframes stamp-in{0%{opacity:0;transform:scale(1.8)rotate(-18deg)}60%{opacity:1;transform:scale(.9)rotate(4deg)}to{transform:scale(1)rotate(0)}}.lc-points{font:800 52px var(--display);letter-spacing:-.05em}.lc-strip{margin:0 -18px;position:relative}.lc-strip img{aspect-ratio:375/123;object-fit:cover;width:100%;display:block}.lc-points-over{text-shadow:0 1px 8px #00000059;position:absolute;bottom:6px;left:18px}.wallet-badges{flex-direction:column;align-items:center;gap:10px;display:flex}.wallet-badges a{display:block}.wallet-badges img{width:auto;height:48px}.qr-box{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:#fff;border-radius:18px;flex-direction:column;align-items:center;gap:6px;padding:18px;display:flex}.qr-box img{width:200px;height:200px;image-rendering:pixelated}.qr-box code{font:800 20px var(--display);letter-spacing:.08em}.public{background:color-mix(in srgb, var(--biz,var(--brand)) 7%, var(--paper));justify-content:center;min-height:100dvh;padding:18px 16px 48px;display:flex}.public .btn.brand{background:var(--biz,var(--brand));color:var(--biz-fg,#fff)}.public .btn.brand:hover{background:color-mix(in srgb, var(--biz,var(--brand)) 85%, #000)}.public input:focus,.public textarea:focus{box-shadow:4px 4px 0 var(--biz,var(--yapa))}.public-inner{flex-direction:column;gap:20px;width:100%;max-width:420px;display:flex}.join-cover{border-bottom:2px solid var(--ink);background-position:50%;background-size:cover;height:150px;margin:-18px -16px 0}@media (width>=452px){.join-cover{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:18px;margin:0}}.brand-head{text-align:center;flex-direction:column;align-items:center;gap:12px;padding-top:6px;display:flex}.brand-head img.biz-logo{object-fit:contain;border:2px solid var(--ink);width:88px;height:88px;box-shadow:4px 4px 0 var(--ink);background:#fff;border-radius:22px}.powered{color:var(--muted);opacity:.8;justify-content:center;align-items:center;gap:6px;margin-top:8px;font-size:12px;text-decoration:none;display:flex}.powered:hover{opacity:1}.powered img{width:auto;height:20px}.shell{grid-template-columns:236px 1fr;min-height:100dvh;display:grid}.side{background:var(--ink);color:#fff;flex-direction:column;gap:2px;height:100dvh;padding:22px 14px;display:flex;position:sticky;top:0}.side .logo{padding:0 10px 18px}.side .logo img{width:auto;height:34px}.side .biz{color:var(--soft);padding:0 10px 16px;font-size:13px}.side .biz b{color:#fff;font-size:15px;display:block}.side a,.side button{color:#c9ccd2;font:600 15px var(--font);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;display:flex}.side a.active{background:var(--brand);color:#fff;box-shadow:3px 3px 0 var(--yapa)}.side a:hover:not(.active),.side button:hover{color:#fff;background:#24272d}.side .spacer{flex:1}.main{width:100%;min-width:0;max-width:1120px;padding:30px clamp(16px,4vw,44px) 70px}.main-head{margin-bottom:4px}.main-head h1{font-size:clamp(30px,4vw,44px)}.main-head p{margin-top:8px}.tabbar{display:none}@media (width<=760px){.shell{grid-template-columns:1fr}.side{display:none}.main{padding:18px 16px 104px}.tabbar{z-index:10;background:var(--ink);padding:8px 8px calc(8px + env(safe-area-inset-bottom));justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar a{color:var(--soft);border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:6px 10px;font-size:11px;font-weight:700;text-decoration:none;display:flex}.tabbar a.active{color:#fff;background:var(--brand);box-shadow:2px 2px 0 var(--yapa)}}.stat{background:var(--card);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:18px;padding:18px}.stat .n{font:800 38px/1 var(--display);letter-spacing:-.05em}.stat .l{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-top:8px;font:600 12px/1.3 IBM Plex Mono,monospace}.stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.bars{align-items:flex-end;gap:3px;height:150px;padding-top:10px;display:flex}.bars div{background:var(--brand);border-radius:4px 4px 0 0;flex:1;min-height:3px;position:relative}.bars div:hover{background:var(--yapa)}.bars div:hover:after{content:attr(data-tip);background:var(--ink);color:#fff;white-space:nowrap;z-index:2;border-radius:6px;padding:4px 8px;font-size:12px;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.link-card{align-items:flex-start;gap:14px;text-decoration:none;transition:box-shadow .15s,transform .15s;display:flex}.link-card:hover{box-shadow:6px 6px 0 var(--ink);transform:translate(-2px,-2px)}.link-card .ic{background:var(--ink);width:42px;height:42px;color:var(--yapa);border-radius:12px;flex:none;place-items:center;display:grid}table.list{border-collapse:collapse;width:100%}table.list th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);border-bottom:2px solid var(--ink);padding:12px;font:600 11px IBM Plex Mono,monospace}table.list td{border-bottom:1.5px dashed var(--line);padding:12px}table.list tr:last-child td{border-bottom:0}table.list tr.click{cursor:pointer}table.list tr.click:hover td{background:#f7f5ef}.voided{opacity:.45;text-decoration:line-through}.search{position:relative}.search svg{color:var(--muted);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search input{padding-left:44px}.scanner{aspect-ratio:1;border:3px solid var(--ink);width:100%;max-width:460px;box-shadow:6px 6px 0 var(--ink);background:#000;border-radius:24px;margin:0 auto;position:relative;overflow:hidden}.scanner video{object-fit:cover;width:100%;height:100%}.scan-result{width:100%;max-width:460px;margin:0 auto}.progress{border:2px solid var(--ink);background:#fff;border-radius:999px;height:14px;overflow:hidden}.progress div{background:var(--yapa);border-radius:999px;height:100%;transition:width .5s cubic-bezier(.3,1.4,.5,1)}.ready-banner{background:var(--yapa);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:14px;align-items:center;gap:12px;padding:12px 14px;font-weight:700;display:flex}.toast{z-index:50;background:var(--ink);color:#fff;box-shadow:4px 4px 0 var(--yapa);border-radius:999px;align-items:center;gap:14px;max-width:calc(100vw - 32px);padding:12px 18px;font-weight:700;animation:.35s cubic-bezier(.3,1.6,.5,1) both toast-in;display:flex;position:fixed;bottom:100px;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,20px)}}.toast button{color:var(--yapa);font:inherit;cursor:pointer;background:0 0;border:0;font-weight:800}.stamp-picker{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px;display:grid}.stamp-picker button{border:2px solid var(--line);font:600 11px var(--font);color:var(--muted);cursor:pointer;background:#fff;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:10px 4px 6px;transition:transform .25s cubic-bezier(.3,1.5,.5,1);display:flex}.stamp-picker button:hover{transform:translate(-1px,-1px)}.stamp-picker button.on{border-color:var(--ink);color:var(--ink);background:var(--yapa);box-shadow:3px 3px 0 var(--ink)}.plan-banner{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.plan-banner a{white-space:nowrap;font-weight:800}.plan-banner.trial{color:var(--brand-deep);background:#ece5fb}.plan-banner.warn{background:var(--yapa);color:var(--ink)}.center-page{place-items:center;min-height:100dvh;padding:24px 16px;display:grid}.center-box{width:100%;max-width:400px}.segmented{border:2px solid var(--ink);background:#fff;border-radius:999px;gap:4px;padding:4px;display:flex}.segmented button{font:700 15px var(--font);color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:1;padding:10px;transition:background .2s,color .2s}.segmented button.on{background:var(--ink);color:#fff;box-shadow:3px 3px 0 var(--yapa)}.sel{outline:1.5px solid var(--sel-c,var(--brand));outline-offset:5px;display:inline-flex;position:relative}.sel .h{border:1.5px solid var(--sel-c,var(--brand));pointer-events:none;z-index:2;background:#fff;width:9px;height:9px;position:absolute}.sel .tl{top:-10px;left:-10px}.sel .tr{top:-10px;right:-10px}.sel .bl{bottom:-10px;left:-10px}.sel .br{bottom:-10px;right:-10px}.sel-ink{--sel-c:var(--ink)}.sel-yapa{--sel-c:var(--yapa)}.ph{flex-direction:column;align-items:flex-start;display:flex}.ph-ln{clip-path:inset(-20% 100% -24% 0);display:block}.ph-ln>span{transform:translateY(26px) rotate(var(--t));display:inline-block}.ph.in .ph-ln{clip-path:inset(-20% 0 -24%);transition:clip-path 1.05s cubic-bezier(.65, 0, .35, 1) var(--d)}.ph.in .ph-ln>span{transition:transform 1s cubic-bezier(.3, 1.5, .5, 1) var(--d);transform:none}.slot{font-variant-numeric:tabular-nums;align-items:baseline;display:inline-flex}.slot-col{height:1em;line-height:1;display:inline-block;overflow:hidden}.slot-reel{flex-direction:column;transition:transform .9s cubic-bezier(.3,1.25,.45,1);display:flex}.slot-reel>span{height:1em;line-height:1}.slot-ch{line-height:1}.yw-blink{transform-box:fill-box;transform-origin:50%;animation:5s infinite yw-blink}@keyframes yw-blink{0%,95%,to{transform:scaleY(1)}97%{transform:scaleY(.06)}}@media (prefers-reduced-motion:reduce){.ph-ln{clip-path:none!important}.ph-ln>span{transform:none!important}.slot-reel{transition:none}.yw-blink{animation:none}}.hit-burst{pointer-events:none;z-index:5;place-items:center;display:grid;position:absolute;inset:0}.hit-burst span{background:var(--yapa);color:var(--ink);font:800 clamp(40px, 12vw, 64px)/1 var(--display);letter-spacing:-.05em;border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink);border-radius:16px;padding:14px 26px;animation:1.1s cubic-bezier(.3,1.8,.5,1) both hit-burst;transform:rotate(-6deg)}@keyframes hit-burst{0%{opacity:0;transform:scale(2.2)rotate(-18deg)}25%{opacity:1;transform:scale(.95)rotate(-5deg)}75%{opacity:1;transform:scale(1)rotate(-6deg)}to{opacity:0;transform:scale(1.1)rotate(-6deg)}}@media (prefers-reduced-motion:reduce){.hit-burst span{opacity:0;animation:none}}