.demo{position:relative;margin:0 auto;max-width:980px;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 30px 60px -30px rgba(27,22,34,.35);overflow:hidden;min-height:380px}.demo-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--paper-2);font:.75rem var(--font-mono);color:var(--muted)}.demo-bar i{width:10px;height:10px;border-radius:50%;background:var(--line)}.demo-bar span{margin-left:10px}.demo-app{display:grid;grid-template-columns:180px 1fr;min-height:340px;font-size:.9rem}.demo-app aside{background:#f3ede3;border-right:1px solid var(--line);padding:18px 14px;display:flex;flex-direction:column;gap:6px;color:var(--muted)}.demo-app aside b{color:var(--ink);margin-bottom:10px}.demo-app aside .on{color:var(--ink);font-weight:600}.demo-app section{padding:18px 20px}.demo-app table{width:100%;border-collapse:collapse;margin-top:16px}.demo-app td{padding:10px 6px;border-bottom:1px solid var(--paper-2)}.demo-app td:nth-child(3){text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.demo-app td.late{color:var(--brick);font-weight:600}.fake-btn{display:inline-block;padding:6px 12px;border-radius:7px;background:#24425f;color:#fff;font-weight:600;font-size:.82rem}.fake-btn.ghost{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}@media (max-width:640px){.demo-app{grid-template-columns:1fr}.demo-app aside{display:none}.demo{min-height:430px}}.demo-ring{position:absolute;border-radius:9px;box-shadow:0 0 0 3px var(--flame),0 0 0 9999px rgba(27,22,34,.1);pointer-events:none;transition:all .25s ease}.demo-card{position:absolute;z-index:2;background:#fff;border-radius:10px;padding:16px 16px 12px;box-shadow:0 12px 40px rgba(0,0,0,.22),0 0 0 1px rgba(0,0,0,.06);transition:top .25s ease,left .25s ease;font-size:.92rem}.demo-card h4{margin:0 26px 6px 0;font-size:1rem;font-weight:650}.demo-card p{margin:0 0 12px;color:#444}.demo-card .x{position:absolute;top:6px;right:6px;width:28px;height:28px;border:0;background:none;cursor:pointer;font-size:20px;color:#888;border-radius:6px}.demo-card .n{font-size:.75rem;color:#888}.demo-card .b{border:0;border-radius:7px;padding:7px 14px;cursor:pointer;font:600 .88rem var(--font-body);background:var(--flame);color:#fff}.demo-card .b.g{background:#f0f0f0;color:#333}.demo-nps{right:16px;bottom:16px;width:min(340px,calc(100% - 32px))}.scale{display:grid;grid-template-columns:repeat(11,1fr);grid-gap:4px;gap:4px;margin:8px 0 6px}.scale button{padding:7px 0;border:1px solid #ddd;background:#fff;border-radius:6px;cursor:pointer;font:.8rem var(--font-body)}.scale button:hover{border-color:var(--flame);color:#8a4b12}.lab{display:flex;justify-content:space-between;font-size:.75rem;color:#888}.hw{--night:#0b0d1a;--violet:#8f6bff;--sky:#4CC9F0;--mint:#3dffc2;--gt:linear-gradient(90deg,#b8a9ff,#4CC9F0);background:var(--night);color:#fff;font-family:var(--font-tight),system-ui,sans-serif}.hw h1,.hw h2,.hw h3{font-family:var(--font-bold),system-ui,sans-serif;font-weight:800;letter-spacing:-.01em}.hw a{color:inherit}.hw p{color:#ffffffcc}.hw .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.hw-wrap{max-width:1280px;margin:0 auto;padding:0 clamp(16px,3vw,40px)}.hw-grad-text{background:var(--gt);-webkit-background-clip:text;background-clip:text;color:transparent}.hw code{color:var(--sky)}.hw-hero{background:radial-gradient(700px 500px at 78% 30%,#4cc9f033,transparent),radial-gradient(600px 600px at 0 0,#5B3FD655,transparent),linear-gradient(160deg,#150d45,#2a1a85 60%,#0b0d1a);padding:clamp(36px,4.5vw,64px) 0 clamp(56px,7vw,96px);overflow:hidden}.hw-hero .hw-wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-gap:clamp(28px,4vw,64px);gap:clamp(28px,4vw,64px);align-items:start}.hw-pillnote{display:inline-block;margin:0 0 18px;padding:6px 14px;border-radius:99px;background:#0b0d1a;border:1px solid #ffffff26;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff}.hw-hero h1{font-size:clamp(2.3rem,4.2vw,3.9rem);line-height:1.04;margin:0 0 20px}.hw-hero h1 span{color:var(--sky)}.hw-hero .lede{font-size:1.15rem;margin:0 0 28px;max-width:30rem}.hw-cta{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.hw-cta small{font-weight:600;opacity:.85;flex-basis:100%}.hw-stage{position:relative;padding-bottom:56px}.hw-glass{padding:clamp(8px,1.2vw,14px);border-radius:28px;background:#ffffff1f;border:1px solid #ffffff40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 50px 90px -30px #000c;transform:rotate(1.4deg)}.hw-glass .demo{border:0;border-radius:20px;color:var(--ink)}.hw-float{position:absolute;left:-4%;bottom:0;width:230px;padding:16px 18px;border-radius:18px;background:#fff;color:var(--night);box-shadow:0 24px 50px -16px #000b;transform:rotate(-3deg);z-index:3}.hw-float .sub{font-size:.8rem;color:#4a4d5e}.hw-float .big{font:800 2.6rem/1.1 var(--font-bold),sans-serif}.hw-float .bar{height:10px;border-radius:5px;background:#eceaf3;overflow:hidden;display:flex;margin-top:8px}.hw-float .bar span{height:100%}.hw-sec{padding:clamp(64px,8vw,112px) 0;background:radial-gradient(520px 520px at 92% 0,#8f6bff24,transparent),var(--night)}.hw-sec.alt{background:#10132a}.hw-sec h2{font-size:clamp(2rem,4.2vw,3.2rem);line-height:1.08;margin:0 0 18px}.hw-sec .intro{max-width:40rem;font-size:1.1rem;margin:0 0 clamp(32px,4vw,56px)}.hw-hl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #ffffff33}.hw-hl a{display:block;padding:28px clamp(0px,2vw,28px) 8px 0;text-decoration:none}.hw-hl a+a{padding-left:clamp(0px,2vw,28px);border-left:1px solid #ffffff1f}.hw-hl b{display:block;font:800 1.5rem var(--font-bold),sans-serif;margin-bottom:8px}.hw-hl span{color:#ffffffb3;display:block;margin-bottom:14px}.hw-hl em{font-style:normal;font-weight:700;color:var(--sky)}.hw-hl a:hover em{text-decoration:underline}.hw-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:clamp(32px,6vw,96px);gap:clamp(32px,6vw,96px);align-items:center;padding:clamp(36px,5vw,72px) 0}.hw-row+.hw-row{border-top:1px solid #ffffff1f}.hw-row.flip>:first-child{order:2}.hw-row .tag{display:block;margin-bottom:14px;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--sky)}.hw-row h2{font-size:clamp(1.9rem,3.4vw,2.7rem);margin:0 0 14px}.hw-row ul{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-gap:10px;gap:10px}.hw-row li{padding-left:26px;position:relative;font-weight:600;color:#ffffffe0}.hw-row li:before{content:"\2713";position:absolute;left:0;color:var(--mint)}.hw-pic{position:relative;min-height:280px;display:grid;place-items:center;border-radius:28px;background:radial-gradient(circle at 30% 20%,#5B3FD655,transparent 70%),#141836;border:1px solid #ffffff1f;overflow:hidden;padding:28px}.pic-app{width:100%;max-width:380px;padding:18px;border-radius:14px;background:#fff;color:var(--night);box-shadow:0 30px 60px -20px #000a;transform:rotate(-1.5deg)}.pic-app .line{height:10px;border-radius:5px;background:#e4e4ee;margin:8px 0}.pic-app .line.w60{width:60%}.pic-app .line.w80{width:80%}.pic-app .btnrow{display:flex;gap:8px;margin-top:14px}.pic-ring{display:inline-block;padding:6px 14px;border-radius:8px;background:#24425f;color:#fff;font-weight:600;font-size:.85rem;box-shadow:0 0 0 3px #5B3FD6,0 0 0 7px #5B3FD633}.pic-tip{margin-top:14px;max-width:260px;padding:14px;border-radius:10px;background:#fff;color:var(--night);box-shadow:0 12px 34px #0006,0 0 0 1px #0000000f}.pic-tip b{display:block;margin-bottom:4px}.pic-tip p{color:#444!important;margin:0 0 8px;font-size:.9rem}.pic-tip small{color:#888}.pic-nps{width:100%;max-width:360px;padding:18px;border-radius:14px;background:#fff;color:var(--night);box-shadow:0 30px 60px -20px #000a;transform:rotate(1.5deg)}.pic-nps b{display:block;margin-bottom:10px}.pic-nps .sc{display:grid;grid-template-columns:repeat(11,1fr);grid-gap:3px;gap:3px}.pic-nps .sc i{font-style:normal;text-align:center;padding:6px 0;font-size:.75rem;border:1px solid #ddd;border-radius:5px}.pic-nps .sc i.on{background:#5B3FD6;color:#fff;border-color:#5B3FD6}.pic-nps .why{margin-top:12px;padding:10px;border-radius:8px;background:#f1f0f8;font-size:.85rem;color:#4a4d5e}.pic-funnel{width:100%;max-width:400px;display:grid;grid-gap:12px;gap:12px}.pic-funnel div{display:grid;grid-gap:4px;gap:4px;font-size:.88rem;font-weight:600}.pic-funnel i{display:block;height:14px;border-radius:7px;background:linear-gradient(90deg,#5B3FD6,#4CC9F0)}.pic-funnel span{color:#ffffffb3;font-weight:500}.hw-install{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-gap:40px;gap:40px;align-items:center}.hw-install p{font-size:1.08rem;margin:0 0 26px}.hw-install .code{border-radius:22px;border:1px solid #ffffff2e;background:#060812;box-shadow:0 30px 60px -24px #5B3FD6;padding:22px 24px}.hw-plans{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #ffffff33}.hw-plans>div{padding:32px 0 8px}.hw-plans>div+div{padding-left:clamp(24px,4vw,56px);border-left:1px solid #ffffff1f}.hw-plans h3{margin:0 0 6px;font-size:1.2rem}.hw-plans .amt{font:800 3.4rem/1 var(--font-bold),sans-serif;margin:6px 0 18px}.hw-plans .amt small{font:500 1rem var(--font-tight),sans-serif;opacity:.7}.hw-plans ul{margin:0 0 20px;padding-left:18px;color:#ffffffcc;display:grid;grid-gap:6px;gap:6px}.hw-left{margin:0;padding:0;list-style:none;display:grid;grid-gap:14px;gap:14px;max-width:46rem}.hw-left li{padding-left:18px;border-left:3px solid var(--violet);color:#ffffffb3}.hw-left b{color:#fff;margin-right:8px}.hw-faq{max-width:820px}.hw-q{border-left:4px solid var(--violet);padding:2px 0 2px 22px;margin-bottom:34px}.hw-q:nth-child(3n+2){border-color:var(--sky)}.hw-q:nth-child(3n){border-color:var(--mint)}.hw-q h3{font-size:1.25rem;margin:0 0 6px}.hw-q p{margin:0}.hw-prose{max-width:44rem}.hw-prose p{font-size:1.12rem;margin:0 0 1.2em}.hw-prose a{color:var(--sky)}.hw-close{background:radial-gradient(600px 400px at 100% 100%,#4cc9f040,transparent),linear-gradient(135deg,#2a1a85,#5B3FD6);padding:clamp(64px,8vw,104px) 0}.hw-close .hw-wrap{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}.hw-close h2{font-size:clamp(2.2rem,5vw,4rem);line-height:1.06;margin:0 0 14px}.hw-close p{font-size:1.15rem;max-width:34rem;margin:0;color:#fff}.hw :focus-visible{outline:3px solid var(--mint);outline-offset:2px}@media (max-width:900px){.hw-hero .hw-wrap,.hw-hl,.hw-install,.hw-plans,.hw-row{grid-template-columns:1fr}.hw-row.flip>:first-child{order:0}.hw-hl a+a,.hw-plans>div+div{padding-left:0;border-left:0;border-top:1px solid #ffffff1f}.hw-glass{transform:none}.hw-float{left:8px;width:190px}}.hw .site-foot{margin-top:0}.hw .page-hero .wrap,.hw .site-foot .wrap{width:100%;max-width:1280px;padding:0 clamp(16px,3vw,40px)}.hw .demo-card p{color:#3d4052}.hw .demo-card h4{color:var(--night)}.hw .demo-card .lab,.hw .demo-card .n{color:#6b6e80}.hw .demo-card .tag{display:inline-block;margin-bottom:6px;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--flame)}.hw-float{width:270px}.hw-float h5{margin:0 0 10px;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#6b6e80}.hw-float .use{display:grid;grid-template-columns:1fr auto;grid-gap:2px 10px;gap:2px 10px;font-size:.84rem;margin-top:10px}.hw-float .use i{grid-column:1/-1;height:6px;border-radius:3px;background:#eceaf3;overflow:hidden;margin-bottom:6px}.hw-float .use i b{display:block;height:100%;background:var(--flame)}.hw-float .nps{display:flex;align-items:baseline;gap:8px;padding-top:10px;border-top:1px solid #eceaf3}.hw-float .nps strong{font:800 1.6rem/1 var(--font-bold),sans-serif}.hw-glass .demo{min-height:440px}.demo-mini{position:absolute;right:14px;bottom:14px;width:min(300px,calc(100% - 28px));padding:10px 12px;border-radius:10px;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.18),0 0 0 1px rgba(0,0,0,.06);font-size:.78rem;color:var(--night)}.demo-mini .tag{display:block;font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--flame)}.demo-mini b{display:block;margin:2px 0 6px;font-weight:650}.demo-mini .dots{display:grid;grid-template-columns:repeat(11,1fr);grid-gap:3px;gap:3px}.demo-mini .dots i{font-style:normal;text-align:center;padding:3px 0;border:1px solid #ddd;border-radius:4px;font-size:.68rem}.demo-mini .dots i:nth-child(10){background:var(--flame);border-color:var(--flame);color:#fff}@media (max-width:640px){.demo-mini{display:none}}@media (max-width:1200px){.hw-stage{padding-bottom:0}.hw-float{position:static;transform:none;width:auto;max-width:340px;margin:18px 0 0}}