:root{--ink:#2b213e;--muted:#71697d;--line:#eee8f2;--grad:linear-gradient(110deg,#ff663e,#e32b90 55%,#7828d6)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);line-height:1.65;background:#fff}h1,h2,h3{font-family:Manrope,Inter,sans-serif;letter-spacing:-.035em;line-height:1.18}p{color:var(--muted)}a{text-decoration:none;color:inherit}.shell{max-width:1180px;width:calc(100% - 48px);margin:auto}.header{border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:40}.header-inner{min-height:78px;display:flex;justify-content:space-between;align-items:center;gap:25px}.brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:23px;color:#6b20c4;white-space:nowrap}.brand img{height:45px;width:45px;object-fit:contain}.nav{display:flex;align-items:center;gap:23px;font-size:12px;font-weight:750}.drop{position:relative}.drop-panel{position:absolute;top:100%;left:-20px;min-width:230px;background:white;border:1px solid var(--line);border-radius:15px;box-shadow:0 20px 50px #3520471b;padding:10px;display:none}.drop:hover .drop-panel,.drop:focus-within .drop-panel{display:grid}.drop-panel a{padding:10px 12px;border-radius:8px}.drop-panel a:hover{background:#f8f2fc;color:#852dc5}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:30px;padding:13px 22px;background:var(--grad);color:white;font-size:13px;font-weight:800;border:0;transition:transform .2s,box-shadow .2s;cursor:pointer}.btn:hover{transform:translateY(-3px);box-shadow:0 12px 25px #7828d62a}.btn.alt{background:white;color:var(--ink);border:1px solid #e9e2ee;box-shadow:none}.hero{padding:85px 0 78px;background:radial-gradient(ellipse at 90% 20%,#f1e6ff,transparent 46%),radial-gradient(ellipse at 5% 75%,#fff1e9,transparent 44%)}.hero-grid{display:grid;grid-template-columns:.94fr 1.06fr;gap:54px;align-items:center}.eyebrow{display:inline-block;font-size:11px;font-weight:800;color:#8332be;letter-spacing:.1em;border:1px solid #eadff0;background:white;border-radius:50px;padding:9px 14px}.hero h1{font-size:clamp(38px,4.4vw,61px);margin:25px 0 22px}.hero h1 span,.grad{background:var(--grad);background-clip:text;color:transparent}.hero-copy{font-size:15px;max-width:520px}.actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:28px}.mini-proof{display:flex;gap:17px;flex-wrap:wrap;margin-top:25px;font-size:11px;font-weight:700;color:#776e83}.mini-proof span:before{content:'✓';color:#ff663e;margin-right:7px}.demo{background:white;border:1px solid #e9e3ef;border-radius:23px;box-shadow:0 24px 70px #35204716;padding:22px;min-width:0}.demo-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:16px}.demo-head strong{font-size:14px}.demo-head p{font-size:11px;margin:5px 0 0}.demo-tag{background:#f2e8ff;color:#812ec3;border-radius:20px;padding:5px 9px;font-size:10px;font-weight:800;white-space:nowrap}.demo-note{font-size:10px;color:#94899d;margin:14px 0 0;text-align:center}.demo button{font:inherit;cursor:pointer}.demo-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}.demo-tab{border:1px solid #ece5f1;background:#fff;color:#62596e;padding:8px 12px;border-radius:9px;font-size:11px!important;font-weight:800!important}.demo-tab.active{background:#f1e8ff;color:#7326b9;border-color:#d9bff1}.demo-panel[hidden]{display:none!important}.demo-list{display:grid;gap:8px}.demo-item{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fbf9fc;border:1px solid #eee9f1;border-radius:12px;padding:12px;transition:transform .2s,box-shadow .2s,border-color .2s}.demo-item:hover,.demo-item:focus-visible{transform:translateY(-3px);border-color:#d5b8f0;box-shadow:0 10px 25px #482c7117}.demo-item strong{font-size:12px;display:block}.demo-item small{font-size:10px;color:#867d90}.pill{border-radius:20px;padding:5px 9px;font-size:10px;font-weight:800;background:#eee8fa;color:#7335ac;white-space:nowrap}.pill.green{background:#e4f7eb;color:#198255}.pill.orange{background:#fff0e2;color:#bf6529}.pill.blue{background:#e8f2ff;color:#2475bb}.section{padding:86px 0}.section.soft{background:#fbf9fd}.section-head{text-align:center;max-width:790px;margin:0 auto 42px}.section-head h2{font-size:clamp(30px,3.4vw,45px);margin:15px 0}.section-head p{font-size:15px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.service-card{border:1px solid var(--line);border-radius:19px;padding:27px;background:#fff;transition:transform .22s,box-shadow .22s}.service-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px #3620470e}.service-card .mark{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#f7eafa;color:#ab2da3;font-size:13px;font-weight:800}.service-card h3{font-size:18px;margin:17px 0 10px}.service-card p{font-size:13px;margin:0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.step{padding:24px;border:1px solid var(--line);background:#fff;border-radius:18px}.step .num{display:inline-grid;place-items:center;width:37px;height:37px;border-radius:50%;color:white;font-weight:800;background:var(--grad)}.step h3{font-size:17px;margin:17px 0 8px}.step p{font-size:13px;margin:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.split h2{font-size:clamp(30px,3.3vw,43px);margin:0 0 18px}.benefit{display:flex;gap:14px;padding:15px 0;border-bottom:1px solid var(--line)}.benefit i{flex:0 0 30px;height:30px;border-radius:50%;background:#f4e8fc;color:#8629c8;display:grid;place-items:center;font-style:normal;font-weight:800}.benefit strong{font-size:14px}.benefit p{font-size:13px;margin:3px 0}.scenario{border:1px solid #ece1f1;background:radial-gradient(circle at 100% 0%,#f2e8ff,transparent 65%),#fff;border-radius:24px;padding:32px;box-shadow:0 20px 40px #3020400b}.scenario h3{font-size:23px;margin:14px 0}.scenario p{font-size:14px}.faq{max-width:850px;margin:auto}.faq details{padding:20px 0;border-bottom:1px solid var(--line)}.faq summary{font-weight:800;font-size:15px;cursor:pointer}.faq p{font-size:13px}.cta{border:1px solid #eee1f1;border-radius:25px;padding:60px 28px;text-align:center;background:radial-gradient(circle at 90% 0%,#f0e6ff,transparent 48%),radial-gradient(circle at 0% 90%,#fff0e9,transparent 45%),white;margin:0 auto 85px}.cta h2{font-size:clamp(28px,3.5vw,42px);margin:0 0 12px}.cta p{max-width:630px;margin:0 auto 25px}.footer{border-top:1px solid var(--line);padding:30px 0;color:#776c82;font-size:12px}.foot-inner{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:12px}.metric{padding:13px;border:1px solid #eee8f2;border-radius:12px;background:#fbf9fd}.metric strong{display:block;font-size:17px}.metric small{font-size:10px;color:#867b90}.bar{height:6px;background:#eee9f4;border-radius:10px;margin-top:9px;overflow:hidden}.bar i{display:block;height:100%;border-radius:10px;background:var(--grad)}.app-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.app-button{padding:16px 12px;border:1px solid #eee6f2;background:white;border-radius:12px;text-align:left;font-weight:800!important;font-size:12px!important;transition:transform .2s,border-color .2s}.app-button:hover,.app-button.active{transform:translateY(-2px);border-color:#b98cde;background:#faf5ff}.app-detail{border:1px solid #eee6f2;background:#faf8fc;padding:15px;border-radius:12px;margin-top:12px;min-height:86px}.app-detail strong{font-size:13px}.app-detail p{font-size:11px;margin:6px 0 0}.asset-list{display:grid;gap:8px}.server-button{width:100%;text-align:left;border:1px solid #eee6f2;background:#fff;border-radius:11px;padding:12px;display:flex;justify-content:space-between;align-items:center;transition:transform .2s,border-color .2s}.server-button:hover,.server-button.active{transform:translateX(4px);border-color:#b68edb;background:#faf6ff}.server-button strong{font-size:12px}.server-button small{display:block;color:#8b8095;font-size:10px}.server-detail{margin-top:12px;background:#faf8fc;border-radius:12px;padding:14px;font-size:12px;color:#5f566a}.server-detail strong{display:block;margin-bottom:4px}.control{position:relative}.control-detail{display:block;max-height:0;opacity:0;overflow:hidden;color:#756b7e;font-size:11px;transition:max-height .25s,opacity .25s,margin .25s}.control:hover .control-detail,.control:focus-visible .control-detail{max-height:95px;opacity:1;margin-top:8px}@media(max-width:900px){.hero-grid,.split{grid-template-columns:1fr}.grid3{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.nav{gap:12px}.hero{padding:55px 0}.section{padding:62px 0}}@media(max-width:600px){.shell{width:calc(100% - 30px)}.grid3,.steps{grid-template-columns:1fr}.nav{font-size:10px;gap:9px}.nav>a:first-child{display:none}.brand{font-size:16px}.brand img{width:34px;height:34px}.header-inner{min-height:67px}.hero h1{font-size:38px}.demo{padding:15px}.drop-panel{left:auto;right:-80px;min-width:220px}.metrics{grid-template-columns:repeat(3,1fr)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}