@font-face{font-family:Inter;src:url(fonts/inter-latin.ttf) format("truetype");font-weight:100 900;font-display:swap}
:root{--ink:#0b1220;--ink2:#3b4557;--mute:#6b7487;--line:#e7e9ee;--bg:#fbfbfa;--soft:#f3f4f1;--acc:#2f5bff;--acc2:#e9eeff}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--bg);line-height:1.65;font-size:17px;-webkit-font-smoothing:antialiased}
a{color:var(--acc)}.w{max-width:1120px;margin:0 auto;padding:0 24px}
h1,h2,h3{letter-spacing:-.025em;line-height:1.1;margin:0}
h1{font-size:clamp(2.4rem,6vw,4.2rem);font-weight:750}h2{font-size:clamp(1.9rem,4vw,2.8rem);font-weight:700}h3{font-size:1.15rem;font-weight:650;letter-spacing:-.01em}
.eyebrow{display:inline-block;font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--acc);margin-bottom:16px}
.lead{font-size:clamp(1.05rem,2vw,1.25rem);color:var(--ink2);max-width:36em}
.top{position:sticky;top:0;z-index:10;background:rgba(251,251,250,.85);backdrop-filter:saturate(1.6) blur(12px);border-bottom:1px solid var(--line)}
.top .w{display:flex;align-items:center;justify-content:space-between;height:68px}
.logo{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--ink);text-decoration:none;letter-spacing:-.02em}
.mark{width:26px;height:26px;border-radius:7px;background:var(--ink);position:relative}.mark:after{content:"";position:absolute;inset:7px;border-radius:3px;background:var(--acc)}
nav{display:flex;gap:28px;align-items:center}nav a{color:var(--ink2);text-decoration:none;font-size:.93rem;font-weight:500}nav a:hover{color:var(--ink)}
.btn{display:inline-flex;align-items:center;gap:8px;background:var(--ink);color:#fff;padding:14px 24px;border-radius:999px;font-weight:600;font-size:.98rem;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px -10px rgba(11,18,32,.5)}.btn.acc{background:var(--acc)}
.btn.ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}
nav .btn{padding:10px 18px;color:#fff;font-size:.88rem}
.hero{padding:96px 0 110px;overflow:hidden}.hero .w{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center}
.hero h1 em{font-style:normal;color:var(--acc)}.hero .lead{margin:24px 0 36px}.cta{display:flex;gap:12px;flex-wrap:wrap}
/* browser frames */
.stage{position:relative;height:440px}
.browser{position:absolute;background:#fff;border-radius:14px;box-shadow:0 1px 0 var(--line),0 30px 60px -20px rgba(11,18,32,.25),0 0 0 1px rgba(11,18,32,.06);overflow:hidden}
.bar{height:34px;background:var(--soft);display:flex;align-items:center;gap:6px;padding:0 12px;border-bottom:1px solid var(--line)}.bar i{width:9px;height:9px;border-radius:50%;background:#d6d9df}
.bar span{margin-left:12px;height:16px;flex:1;max-width:180px;border-radius:5px;background:#fff;border:1px solid var(--line)}
.old{width:62%;left:0;top:30px;transform:rotate(-3deg);filter:saturate(.7);animation:float 7s ease-in-out infinite}
.old .pg{padding:14px;background:#f2efe1;height:250px;font-family:"Times New Roman",serif}
.old .t{background:#7a1f1f;color:#ffe;font-size:13px;padding:6px;text-align:center}.old .m{color:#00e;text-decoration:underline;font-size:11px;margin:8px 0}
.old .bl{height:8px;background:#c9c3a8;margin:6px 0;width:90%}.old .img{width:60px;height:44px;background:repeating-linear-gradient(45deg,#ddd 0 6px,#ccc 6px 12px);float:right;margin-left:8px}
.new{width:74%;right:0;top:110px;animation:float 7s ease-in-out -3.5s infinite}
.new .pg{padding:22px;height:280px}.nv{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.nv b{width:60px;height:10px;border-radius:4px;background:var(--ink)}.nv s{width:54px;height:20px;border-radius:999px;background:var(--acc)}
.h1l{height:16px;border-radius:5px;background:var(--ink);margin:8px 0;width:80%}.h1l.s{width:55%}.pl{height:7px;border-radius:4px;background:#e3e6ec;margin:12px 0 6px;width:70%}.pl.s{width:50%}
.row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}.row div{height:62px;border-radius:9px;background:var(--soft);border:1px solid var(--line)}.row div:first-child{background:var(--acc2)}
.tag{position:absolute;z-index:3;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:6px 11px;border-radius:999px;background:#fff;box-shadow:0 6px 16px -6px rgba(0,0,0,.2)}
.tag.b{left:4%;top:4px;color:var(--mute)}.tag.a{right:4%;top:84px;color:#fff;background:var(--acc)}
@keyframes float{50%{translate:0 -10px}}
@keyframes up{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.hero .copy>*{animation:up .8s cubic-bezier(.2,.7,.2,1) both}.hero .copy>*:nth-child(2){animation-delay:.08s}.hero .copy>*:nth-child(3){animation-delay:.16s}.hero .copy>*:nth-child(4){animation-delay:.24s}.stage{animation:up 1s .2s cubic-bezier(.2,.7,.2,1) both}
section{padding:112px 0}.sh{max-width:640px;margin-bottom:56px}.sh p{color:var(--ink2);margin:16px 0 0;font-size:1.1rem}
.dark{background:var(--ink);color:#e8ebf2}.dark .lead,.dark .sh p{color:#aab3c5}.dark .eyebrow{color:#8fa6ff}
.feats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:18px;overflow:hidden}
.feat{background:#fff;padding:32px 28px}.feat p{color:var(--ink2);margin:10px 0 0;font-size:.97rem}
.ic{width:40px;height:40px;border-radius:11px;background:var(--acc2);display:grid;place-items:center;margin-bottom:22px}.ic svg{width:20px;height:20px;stroke:var(--acc);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.prices{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
.pc{background:#fff;border:1px solid var(--line);border-radius:20px;padding:36px 32px;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}
.pc:hover{transform:translateY(-4px);box-shadow:0 24px 48px -24px rgba(11,18,32,.25)}
.pc .k{font-size:.85rem;font-weight:600;color:var(--mute);text-transform:uppercase;letter-spacing:.08em}
.amt{font-size:3.2rem;font-weight:750;letter-spacing:-.04em;margin:18px 0 4px;line-height:1}.amt small{font-size:1rem;font-weight:500;color:var(--mute);letter-spacing:0}
.pc .per{color:var(--mute);font-size:.92rem;margin-bottom:24px}.pc ul{list-style:none;padding:0;margin:0 0 28px;flex:1}.pc li{padding:9px 0 9px 28px;position:relative;border-top:1px solid var(--line);font-size:.96rem;color:var(--ink2)}
.pc li:before{content:"";position:absolute;left:2px;top:15px;width:12px;height:7px;border-left:2px solid var(--acc);border-bottom:2px solid var(--acc);transform:rotate(-45deg)}
.pc.hot{background:var(--ink);color:#fff;border-color:var(--ink);position:relative}.pc.hot .k,.pc.hot .per,.pc.hot .amt small{color:#9aa4b8}.pc.hot li{color:#d5dae5;border-color:#232c3d}.pc.hot li:before{border-color:#8fa6ff}
.pill{position:absolute;top:-12px;left:32px;background:var(--acc);color:#fff;font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:5px 12px;border-radius:999px}
.pc .btn{justify-content:center}.pc.hot .btn{background:var(--acc)}
.fine{color:var(--mute);font-size:.88rem;margin-top:24px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;counter-reset:s}.step{border-top:2px solid var(--ink);padding-top:26px}
.step:before{counter-increment:s;content:"0" counter(s);display:block;font-size:.85rem;font-weight:600;color:var(--acc);margin-bottom:14px;letter-spacing:.06em}.step p{color:var(--ink2);margin:10px 0 0}
.ai{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.call{background:#121a2b;border:1px solid #232c3d;border-radius:20px;padding:26px}
.msg{max-width:88%;padding:12px 16px;border-radius:16px;font-size:.94rem;margin:10px 0;animation:up .6s both}.msg.ai{background:#1e2a44;color:#dfe5f1;border-bottom-left-radius:4px}.msg.me{background:var(--acc);color:#fff;margin-left:auto;border-bottom-right-radius:4px}
.msg:nth-child(2){animation-delay:.2s}.msg:nth-child(3){animation-delay:.4s}.msg:nth-child(4){animation-delay:.6s}
.who{font-size:.75rem;color:#8a94a8;text-transform:uppercase;letter-spacing:.08em;display:flex;align-items:center;gap:8px;margin-bottom:6px}.who i{width:8px;height:8px;border-radius:50%;background:#3ddc97;box-shadow:0 0 0 0 #3ddc97;animation:pulse 2s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 8px transparent}}
.disc{margin-top:28px;padding:20px 22px;border-radius:14px;background:rgba(143,166,255,.08);border:1px solid rgba(143,166,255,.25);font-size:.95rem;color:#c9d1e2}.disc b{color:#fff}
.ai ul{padding:0;list-style:none;margin:28px 0 0}.ai li{padding:10px 0;border-top:1px solid #232c3d;color:#c9d1e2}
.faq{max-width:780px}details{border-top:1px solid var(--line);padding:22px 0}details:last-child{border-bottom:1px solid var(--line)}
summary{list-style:none;cursor:pointer;font-weight:600;font-size:1.08rem;display:flex;justify-content:space-between;gap:16px}summary::-webkit-details-marker{display:none}
summary:after{content:"+";font-weight:400;font-size:1.4rem;line-height:1;color:var(--mute);transition:transform .2s}details[open] summary:after{transform:rotate(45deg)}details p{color:var(--ink2);margin:12px 0 0}
.contact{text-align:center}.contact .box{background:var(--ink);color:#fff;border-radius:28px;padding:80px 32px;background-image:radial-gradient(600px 300px at 50% 0,rgba(47,91,255,.35),transparent)}
.contact p{color:#aab3c5;max-width:520px;margin:18px auto 32px}.contact .em{display:block;margin-top:18px;color:#8fa6ff;font-weight:500}
footer{padding:40px 0;color:var(--mute);font-size:.9rem}footer .w{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}footer a{color:var(--ink2)}
.prose{max-width:680px;padding:96px 24px}.prose h1{font-size:2.6rem;margin-bottom:28px}.prose p{color:var(--ink2)}
@media(max-width:960px){.hero .w,.ai{grid-template-columns:1fr;gap:48px}.feats{grid-template-columns:1fr 1fr}.prices,.steps{grid-template-columns:1fr}.hero{padding:64px 0 80px}nav a:not(.btn){display:none}section{padding:80px 0}}
@media(max-width:560px){body{font-size:16px}.w{padding:0 20px}.feats{grid-template-columns:1fr}.stage{height:330px}.old .pg{height:180px}.new .pg{height:210px;padding:16px}.new{top:90px;width:80%}.row div{height:44px}.contact .box{padding:56px 22px;border-radius:20px}.amt{font-size:2.7rem}.cta .btn{flex:1;justify-content:center}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.btn,.logo{white-space:nowrap}
@media(max-width:560px){nav .btn{padding:9px 14px;font-size:.82rem}.logo{font-size:.95rem;gap:8px}.mark{width:22px;height:22px}.mark:after{inset:6px}.cta .btn{padding:14px 18px}}
@media(max-width:380px){nav .btn{display:none}}
.flow{display:grid;grid-template-columns:1fr 1.6fr;gap:20px;align-items:start}
.s1,.s2{background:#fff;border:1px solid var(--line);border-radius:20px;padding:36px 32px}
.sn{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:var(--ink);color:#fff;padding:5px 12px;border-radius:999px;margin-bottom:16px}
.s1 p{color:var(--mute);margin:6px 0 0}.s1 .amt small,.plan .amt small{font-size:1rem;font-weight:500;color:var(--mute);letter-spacing:0}
.ck{list-style:none;padding:0;margin:20px 0 0}.ck li{padding:9px 0 9px 28px;position:relative;border-top:1px solid var(--line);font-size:.96rem;color:var(--ink2)}
.ck li:before{content:"";position:absolute;left:2px;top:15px;width:12px;height:7px;border-left:2px solid var(--acc);border-bottom:2px solid var(--acc);transform:rotate(-45deg)}
.plans{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0}
.plan{position:relative;border:1px solid var(--line);border-radius:16px;padding:22px}.plan .k{font-size:.85rem;font-weight:600;color:var(--mute);text-transform:uppercase;letter-spacing:.08em}
.plan .amt{font-size:2.4rem;margin:10px 0 12px}.plan.hot{border:2px solid var(--acc)}.plan .pill{left:20px}
.tot{font-size:.9rem;color:var(--ink2);background:var(--soft);border-radius:10px;padding:10px 12px}.tot b{color:var(--ink)}
.cmp{width:100%;border-collapse:collapse;font-size:.95rem}.cmp th{text-align:center;font-weight:600;padding:12px 8px;border-bottom:2px solid var(--ink)}.cmp th:first-child{text-align:left}.cmp th small{color:var(--mute);font-weight:500}
.cmp td{padding:12px 8px;border-bottom:1px solid var(--line);color:var(--ink2)}.cmp td.y{text-align:center;color:var(--acc);font-weight:700}.cmp td.n{text-align:center;color:#b3b9c6}
@media(max-width:960px){.flow{grid-template-columns:1fr}}
@media(max-width:560px){.plans{grid-template-columns:1fr}.s1,.s2{padding:28px 20px}.cmp{font-size:.88rem}.cmp th,.cmp td{padding:10px 4px}}

.logo img{display:block;height:36px;width:auto}@media(max-width:560px){.logo img{height:28px}}
/* before/after transformation */
.tf{padding-top:40px}.tf .sh p{max-width:40em}
.tf-ctl{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 16px}
.tf-ex{font-size:.8rem;font-weight:600;color:var(--mute);background:var(--soft);border:1px solid var(--line);padding:6px 12px;border-radius:999px}
.tf-tg{display:inline-flex;background:var(--soft);border:1px solid var(--line);border-radius:999px;padding:4px}
.tf-tg button{font:inherit;font-size:.88rem;font-weight:600;border:0;background:none;color:var(--ink2);padding:8px 20px;border-radius:999px;cursor:pointer}
.tf-tg button[aria-pressed=true]{background:var(--ink);color:#fff}
.tf-tg button:focus-visible,.tf-h:focus-visible{outline:3px solid var(--acc);outline-offset:3px}
.tf-win{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 0 var(--line),0 30px 60px -24px rgba(11,18,32,.3),0 0 0 1px rgba(11,18,32,.07)}
.tf-url{display:flex;align-items:center;padding:0 8px;font-size:11px;color:var(--mute);max-width:260px!important;height:20px!important;overflow:hidden;white-space:nowrap}
.tf-view{position:relative;aspect-ratio:16/9;container-type:inline-size;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:pan-y;cursor:ew-resize}
.tf-old,.tf-new{position:absolute;inset:0;overflow:hidden}
.tf-new{clip-path:inset(0 calc(100% - var(--p)) 0 0);background:#fbfbfa;font-family:Inter,system-ui,sans-serif;color:var(--ink);padding:2.6cqw 4cqw;display:flex;flex-direction:column;gap:2.6cqw}
/* old */
.tf-old{font-family:"Times New Roman",Times,serif;color:#555;background-color:#c9c27a;background-image:repeating-linear-gradient(45deg,#d7cf86 0 6px,#bdb46a 6px 12px),repeating-linear-gradient(-45deg,rgba(150,60,120,.15) 0 6px,transparent 6px 12px);font-size:1.15cqw}
.o-mq{background:#000080;color:#ff0;font-weight:700;font-size:1.3cqw;padding:.4cqw 0;white-space:nowrap;overflow:hidden}
.o-mq span{display:inline-block;padding-left:100%;animation:tfmq 14s linear infinite}
@keyframes tfmq{to{transform:translateX(-100%)}}
.o-hd{text-align:center;padding:1cqw}.o-t{font-family:"Comic Sans MS","Comic Neue","Chalkboard SE",cursive;font-size:4cqw;color:#c00;text-shadow:2px 2px 0 #ff0,3px 3px 0 #00f;font-weight:700}
.o-nav{font-size:1.1cqw;color:#00e}.o-nav a{color:#00e;text-decoration:underline}
.o-body{display:grid;grid-template-columns:22% 1fr;gap:1.5cqw;padding:0 2cqw}
.o-side{display:flex;flex-direction:column;gap:.8cqw;align-items:flex-start}
.o-b{font-size:1.2cqw;padding:.4cqw .9cqw}.o-b1{background:linear-gradient(#f0f,#909);color:#fff;border:3px outset #f6f;font-family:Arial}.o-b2{background:#0f0;color:red;border-radius:50%;font-family:"Comic Sans MS",cursive;font-weight:700}.o-b3{background:#ccc;border:2px inset #999;font-family:Courier,monospace;color:#333}
.o-ctr{background:#000;color:#0f0;font-family:Courier,monospace;font-size:1cqw;padding:.3cqw .6cqw}.o-uc{font-size:1cqw;color:#a00;font-style:italic}
.o-main{background:rgba(255,255,240,.7);border:2px ridge #999;padding:1cqw 1.4cqw}.o-h{font-size:2cqw;color:#060;margin:0 0 .6cqw;font-style:italic;text-decoration:underline}
.o-p{font-size:1cqw;line-height:1.3;color:#888;margin:0 0 .8cqw}.o-img{height:9cqw;width:60%;background:repeating-linear-gradient(90deg,#ddd 0 2px,#bbb 2px 4px);border:2px dashed #888;display:grid;place-items:center;color:#777;font-size:1cqw;margin-bottom:.8cqw}
/* new */
.n-nav{display:flex;align-items:center;gap:2.4cqw;font-size:1.3cqw;color:var(--ink2)}.n-nav b{margin-right:auto;color:var(--ink);font-size:1.5cqw;display:flex;align-items:center;gap:.8cqw;letter-spacing:-.01em}.n-nav b i{width:1.9cqw;height:1.9cqw;border-radius:.5cqw;background:var(--acc)}
.n-call{display:inline-flex;align-items:center;gap:.6cqw;background:var(--acc);color:#fff;font-weight:650;font-size:1.6cqw;padding:1.2cqw 2.2cqw;border-radius:999px;box-shadow:0 1cqw 2cqw -1cqw rgba(47,91,255,.6)}.n-call.sm{font-size:1.15cqw;padding:.7cqw 1.4cqw;box-shadow:none}
.n-hero{display:grid;grid-template-columns:1.5fr 1fr;gap:3cqw;align-items:center}
.n-k{margin:0;font-size:1.1cqw;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--acc)}.n-h{margin:.6cqw 0;font-size:4.2cqw;font-weight:750;letter-spacing:-.03em;line-height:1.05}.n-s{margin:0 0 2cqw;font-size:1.5cqw;color:var(--ink2);line-height:1.45}
.n-hrs{background:#fff;border:1px solid var(--line);border-radius:1.4cqw;padding:2cqw;display:flex;flex-direction:column;gap:.7cqw;font-size:1.3cqw;color:var(--ink2)}.n-hrs b{color:var(--ink);font-size:1.5cqw}.n-hrs span{display:flex;justify-content:space-between}.n-hrs em{font-style:normal;color:var(--ink);font-weight:600}
.n-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6cqw}.n-cards div{background:#fff;border:1px solid var(--line);border-radius:1.4cqw;padding:1.6cqw;display:flex;align-items:center;gap:1cqw;font-size:1.4cqw}.n-cards i{font-style:normal;width:3.4cqw;height:3.4cqw;border-radius:1cqw;background:var(--acc2);display:grid;place-items:center;font-size:1.7cqw}
/* chips + handle */
.tf-chip{position:absolute;font-family:Inter,system-ui,sans-serif;font-size:max(11px,1.2cqw);font-weight:600;padding:.35em .8em;border-radius:999px;white-space:nowrap;opacity:0;transform:translateY(6px) scale(.96);transition:opacity .3s,transform .3s;pointer-events:none;z-index:2}
.tf-chip.on{opacity:1;transform:none}.c-new{background:var(--ink);color:#fff;box-shadow:0 6px 16px -6px rgba(11,18,32,.5)}.c-new:before{content:"✓ ";color:#3ddc97}
.c-old{background:#fff1f0;color:#b42318;border:1px solid #fecdca}.c-old:before{content:"✕ "}
.tf-h{position:absolute;top:0;bottom:0;left:var(--p);width:44px;margin-left:-22px;z-index:3;cursor:ew-resize;touch-action:none}
.tf-h:before{content:"";position:absolute;left:21px;top:0;bottom:0;width:2px;background:#fff;box-shadow:0 0 0 1px rgba(11,18,32,.15)}
.tf-h span{position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;background:#fff;box-shadow:0 6px 18px rgba(11,18,32,.3),0 0 0 1px rgba(11,18,32,.08)}
.tf-h span:before,.tf-h span:after{content:"";position:absolute;top:50%;margin-top:-6px;border:6px solid transparent}.tf-h span:before{left:7px;border-right-color:var(--ink)}.tf-h span:after{right:7px;border-left-color:var(--ink)}
.tf-h:focus-visible{outline:none}.tf-h:focus-visible span{outline:3px solid var(--acc);outline-offset:3px}
.tf-view.anim .tf-new{transition:clip-path .5s cubic-bezier(.4,0,.2,1)}.tf-view.anim .tf-h{transition:left .5s cubic-bezier(.4,0,.2,1)}
.tf-foot{margin:28px 0 0;text-align:center}
@media(max-width:560px){.tf-view{aspect-ratio:3/4}
.tf-old{font-size:2.6cqw}.o-mq{font-size:2.8cqw}.o-t{font-size:7cqw}.o-nav{font-size:2.6cqw}.o-body{grid-template-columns:1fr}.o-side{flex-direction:row;flex-wrap:wrap;gap:1.5cqw}.o-b,.o-ctr,.o-uc{font-size:2.6cqw}.o-h{font-size:4.4cqw}.o-p{font-size:2.6cqw}.o-img{height:18cqw;font-size:2.6cqw}.o-main{padding:2cqw 3cqw}
.tf-new{padding:4cqw 5cqw;gap:4cqw}.n-nav{font-size:3cqw}.n-nav span{display:none}.n-nav b{font-size:3.6cqw;gap:1.6cqw}.n-nav b i{width:4cqw;height:4cqw;border-radius:1cqw}
.n-hero{grid-template-columns:1fr;gap:4cqw}.n-k{font-size:2.6cqw}.n-h{font-size:8.6cqw;margin:1.4cqw 0}.n-s{font-size:3.6cqw;margin-bottom:4cqw}.n-call{font-size:3.8cqw;padding:2.6cqw 5cqw;gap:1.4cqw}.n-call.sm{font-size:2.8cqw;padding:1.6cqw 3cqw}
.n-hrs{font-size:3.2cqw;padding:3.4cqw;border-radius:3cqw;gap:1.2cqw}.n-hrs b{font-size:3.6cqw}.n-cards{gap:2cqw}.n-cards div{flex-direction:column;align-items:flex-start;padding:2.6cqw;font-size:2.9cqw;border-radius:3cqw;gap:1.6cqw}.n-cards i{width:6.4cqw;height:6.4cqw;font-size:3.4cqw;border-radius:2cqw}
.tf-chip{font-size:10.5px}.tf-ex{font-size:.74rem}}
.o-mq span{padding-left:0;animation:tfmq 14s linear infinite}@keyframes tfmq{from{transform:translateX(100cqw)}to{transform:translateX(-100%)}}
.tf-new{justify-content:space-between}.n-h{font-size:3.7cqw}
.n-ft{display:flex;gap:2.4cqw;align-items:center;font-size:1.25cqw;color:var(--mute);border-top:1px solid var(--line);padding-top:1.8cqw}.n-ft a{margin-left:auto;color:var(--acc);font-weight:600}
.k1{left:44%;top:46%}.k2{left:4%;top:86%}.k3{left:5%;top:51.5%}.k4{left:70%;top:5%}.k5{left:66%;top:66.5%}
@media(max-width:560px){.tf-ex{border-radius:12px}.n-ft{font-size:2.7cqw;padding-top:3cqw;gap:3cqw}.n-ft span+span{display:none}
.k1{left:40%;top:48%}.k2{left:5%;top:90%}.k3{left:52%;top:31%}.k4{left:46%;top:43%}.k5{left:46%;top:66%}}
.k1{top:36%}.k5{left:50%;top:91%}
@media(max-width:560px){.n-h{font-size:8cqw}.k1{left:40%;top:40%}.k3{left:52%;top:38.5%}.k4{left:44%;top:50.5%}.k5{left:30%;top:94.5%}}
@media(max-width:560px){.tf-view{aspect-ratio:2/3}}
@media(max-width:560px){.k5{left:40%;top:88.6%}}
/* slider mobile fix v2 */
.tf-view{touch-action:pan-y;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}
.tf-new{-webkit-clip-path:inset(0 calc(100% - var(--p)) 0 0)}
.tf-view.anim .tf-new{-webkit-transition:-webkit-clip-path .5s cubic-bezier(.4,0,.2,1),clip-path .5s cubic-bezier(.4,0,.2,1)}
.tf-h{touch-action:none}
.tf-tg button{touch-action:manipulation;min-height:44px}
.tf-hint{position:absolute;left:var(--p);top:calc(50% + 34px);transform:translateX(-50%);z-index:4;pointer-events:none;background:rgba(11,18,32,.85);color:#fff;font:600 12px/1 Inter,system-ui,sans-serif;padding:7px 12px;border-radius:999px;white-space:nowrap;display:flex;gap:6px;align-items:center;transition:opacity .3s}
.tf-hint b{display:inline-block;animation:tfnudge 1.2s ease-in-out infinite}.tf-hint b+b{animation-direction:reverse}
@keyframes tfnudge{0%,100%{transform:translateX(0)}50%{transform:translateX(-4px)}}
.tf-view.used .tf-hint{opacity:0}
.tf-view.anim .tf-hint{transition:left .5s cubic-bezier(.4,0,.2,1),opacity .3s}
@media(max-width:560px){.tf-h{width:60px;margin-left:-30px}.tf-h:before{left:29px;width:3px}.tf-h span{width:52px;height:52px;margin:-26px 0 0 -26px}.tf-h span:before{left:9px}.tf-h span:after{right:9px}.tf-hint{top:calc(50% + 38px)}}
@media(prefers-reduced-motion:reduce){.tf-hint b{animation:none}}