*,*::before,*::after{box-sizing:border-box}
html{background:#0E1120}
body{margin:0;background:#0E1120;font-family:'DM Sans',sans-serif;font-variation-settings:'opsz' 14;color:#fff;-webkit-font-smoothing:antialiased}
a{color:#FF9EBE;text-decoration:none}a:hover{color:#FF3F7B}
button{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer}
img{display:block}
.mono{font-family:'DM Mono',monospace;font-weight:500}
.grad{background:linear-gradient(90deg,#FF3F7B,#9699FC);-webkit-background-clip:text;background-clip:text;color:transparent;}
.wrap{max-width:1184px;margin:0 auto}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;border-radius:8px;white-space:nowrap;transition:filter 150ms ease-out,transform 150ms ease-out}
.btn:hover{filter:brightness(.92);transform:translateY(-1px)}.btn:active{filter:brightness(.85);transform:none}
.btn:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(255,255,255,.6)}
.btn-primary{background:linear-gradient(90deg,#FF3F7B,#5A60F6);color:#fff;height:48px;padding:0 24px;font-size:16px}
.btn-primary:hover{color:#fff}
.btn-lg{height:52px;padding:0 28px;font-size:17px}
.btn-white{background:#fff;color:#33405E;height:36px;padding:0 16px;font-size:14px;border-radius:6px}
.btn-white:hover{color:#33405E}
/* top bar */
.topbar{background:#000;display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap;padding:12px 24px}
.topbar .mono{font-size:12px;letter-spacing:1.2px;color:#C9CFE5;white-space:nowrap}
.topbar a{color:#fff;font-weight:700;font-size:14px;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.topbar a:hover{color:#FF3F7B}
.lang{display:flex;gap:4px;font-size:12px;letter-spacing:1px}
.topbar .lang a{padding:3px 8px;border-radius:999px;color:#C9CFE5;font-size:12px;font-weight:500;text-decoration:none}
.topbar .lang a:hover{color:#FF3F7B}
.topbar .lang a.on{background:#fff;color:#0E1120}
/* hero */
.hero{position:relative;overflow:hidden;background:radial-gradient(900px 600px at 85% 10%,rgba(90,96,246,.45),transparent 70%),radial-gradient(700px 500px at 100% 90%,rgba(255,63,123,.32),transparent 70%),radial-gradient(700px 500px at 0% 100%,rgba(18,114,142,.30),transparent 70%),repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0 1px,transparent 1px 160px),#0E1120}
.nav{border-bottom:1px solid rgba(255,255,255,.1)}
.nav-in{max-width:1280px;margin:0 auto;height:72px;padding:0 48px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.nav-links{display:flex;gap:32px;font-size:15px;font-weight:500}
.nav a.l{color:#C9CFE5;white-space:nowrap}.nav a.l:hover{color:#FF3F7B}
.nav-right{display:flex;gap:10px;align-items:center}
.hero-in{max-width:1280px;margin:0 auto;padding:72px 48px 56px;display:flex;flex-direction:column;gap:24px;align-items:flex-start}
.crumb{display:flex;align-items:center;gap:8px;font-size:12px;letter-spacing:1.2px;color:#8CA5C3;white-space:nowrap}
.crumb a{color:#8CA5C3}.crumb a:hover{color:#FF3F7B}
.pill{display:flex;align-items:center;gap:8px;padding:7px 14px;border:1px solid rgba(255,255,255,.16);border-radius:999px;font-size:11px;letter-spacing:1px;color:#C9CFE5}
h1{margin:0;font:400 clamp(64px,8.5vw,120px)/.88 'Anton',sans-serif;text-transform:uppercase}
h1 span{display:block}
h1 .g2{background:linear-gradient(90deg,#FF3F7B 10%,#9699FC 90%);-webkit-background-clip:text;background-clip:text;color:transparent;padding:0 .05em .12em 0;margin-bottom:-.12em}
.lead{margin:0;max-width:620px;font-size:20px;line-height:1.45;color:#C9CFE5;text-wrap:pretty}
.search{display:flex;align-items:center;gap:12px;width:100%;max-width:560px;padding:0 18px;height:56px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16)}
.search:focus-within{border-color:rgba(255,255,255,.4)}
.search input{all:unset;flex:1;font-size:16px;color:#fff}
.search input::placeholder{color:#8CA5C3}
.tape{position:relative;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);overflow:hidden;padding:14px 0;background:rgba(0,0,0,.25)}
.tape-track{display:flex;width:max-content;animation:bfTape 40s linear infinite}
.tape-row{display:flex;gap:40px;padding-right:40px}
.tape-row span{font:400 22px/1 'Anton',sans-serif;letter-spacing:1px;white-space:nowrap}
.tape-row .pk{color:#FF3F7B}
@keyframes bfTape{from{transform:translateX(0)}to{transform:translateX(-50%)}}
/* mcp */
.mcp{padding:80px 48px 0}
.mcp-box{display:flex;flex-direction:column;gap:28px;padding:40px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12)}
.mcp-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.eyebrow{font-size:12px;letter-spacing:1.2px;color:#FF9EBE}
h2{margin:0;font-weight:400;text-wrap:balance}
.mcp h2{font-size:clamp(28px,3.4vw,40px);line-height:1.1;letter-spacing:-1.5px}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px}
.step{display:flex;flex-direction:column;gap:10px;padding:22px;border-radius:12px;background:#151A30;border:1px solid rgba(255,255,255,.08)}
.step .n{font:400 36px/1 'Anton',sans-serif}
.step b{font-size:17px}
.step p{margin:0;font-size:14px;line-height:1.5;color:#AABAD4}
.step .links{display:flex;gap:16px;flex-wrap:wrap}
.step .links a{font-size:14px;font-weight:700}
/* templates */
.tpl{padding:56px 48px 120px}
.tpl-in{display:flex;flex-wrap:wrap;gap:40px;align-items:flex-start}
aside{flex:0 0 220px;display:flex;flex-direction:column;gap:28px}
.fg{display:flex;flex-direction:column;gap:10px}
.fg-t{font-size:12px;letter-spacing:1.2px}
.fg-items{display:flex;flex-direction:column;gap:4px}
.fi{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border-radius:8px;font-size:15px;color:#C9CFE5;text-align:left;width:100%}
.fi:hover{background:rgba(255,255,255,.08)}
.fi.on{background:rgba(255,63,123,.16);color:#fff;font-weight:700}
.fi .c{font-size:11px;color:#8CA5C3}
.linkbtn{font-size:14px;font-weight:700;color:#FF9EBE;text-align:left}.linkbtn:hover{color:#FF3F7B}
.main{flex:1 1 480px;min-width:0;display:flex;flex-direction:column;gap:20px}
.bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.bar b{font-size:15px}
.bar .mono{font-size:12px;letter-spacing:1px;color:#8CA5C3}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:20px}
.card{display:flex;flex-direction:column;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;transition:transform 250ms ease-out,border-color 250ms ease-out}
.card:hover{transform:translateY(-3px);border-color:#FF3F7B}
.thumb{position:relative;aspect-ratio:5/4;background:radial-gradient(120% 80% at 50% 0%,rgba(90,96,246,.38),rgba(14,17,32,0) 70%),#151A30;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;padding:20px 24px 0;width:100%}
.thumb img{width:100%;height:100%;object-fit:contain;object-position:bottom}
.stage{position:absolute;top:14px;left:14px;font-size:10px;letter-spacing:1px;padding:4px 8px;border-radius:999px;color:#fff}
.body{display:flex;flex-direction:column;gap:10px;padding:18px 20px 20px;flex:1}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.chip{display:flex;align-items:center;gap:5px;font-size:10px;letter-spacing:.8px;padding:4px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.14);color:#C9CFE5}
.chip i{font-size:12px}
.name{font-size:19px;line-height:1.25;letter-spacing:-.4px}
.short{font-size:14px;line-height:1.5;color:#AABAD4;flex:1;text-wrap:pretty}
.acts{display:flex;gap:8px;padding-top:6px}
.acts button{flex:1;text-align:center;padding:10px 0;border-radius:8px;font-size:14px;font-weight:700}
.b-ghost{border:1px solid rgba(255,255,255,.2)!important;color:#fff}
.b-ghost:hover{border-color:#FF9EBE!important;color:#FF9EBE}
.b-grad{background:linear-gradient(90deg,#FF3F7B,#5A60F6)!important;color:#fff}
.b-grad:hover{filter:brightness(.92)}
.copy{display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 0;border-radius:8px;background:rgba(255,255,255,.06);font-size:12px;letter-spacing:.8px;color:#C9CFE5;width:100%}
.copy:hover{background:rgba(255,255,255,.12)}
.copy i{font-size:15px}
.copy.ok{color:#52CC57}
.empty{display:none;flex-direction:column;align-items:flex-start;gap:12px;padding:40px;border-radius:16px;border:1px dashed rgba(255,255,255,.2)}
.empty span{font-size:20px}
/* modal */
.modal{position:fixed;inset:0;z-index:200;background:rgba(8,10,20,.78);display:none;padding:24px;overflow:auto}
.modal.open{display:flex}
.dlg{position:relative;margin:auto;width:100%;max-width:980px;background:#11152A;border:1px solid rgba(255,255,255,.12);border-radius:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));overflow:hidden;box-shadow:0 24px 64px rgba(0,0,0,.45);animation:pop 400ms cubic-bezier(.34,1.56,.64,1)}
@keyframes pop{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
.dlg-l{background:radial-gradient(120% 80% at 50% 0%,rgba(90,96,246,.4),rgba(14,17,32,0) 70%),#151A30;display:flex;align-items:center;justify-content:center;padding:32px;min-height:520px}
.phone{width:340px;max-width:100%;height:600px;border-radius:28px;background:#fff;color:#3A3D5C;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 0 0 8px #0B0E1C,0 24px 48px rgba(0,0,0,.4)}
.ph-head{display:flex;align-items:center;gap:10px;padding:14px 16px;color:#fff}
.ph-av{width:34px;height:34px;border-radius:999px;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}
.ph-id{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.ph-id b{font-size:15px}.ph-id span{font-size:11px;opacity:.8}
.ph-live{font-size:9px;letter-spacing:1px;padding:4px 8px;border:1px solid rgba(255,255,255,.4);border-radius:999px}
.ph-log{flex:1;overflow-y:auto;padding:16px 14px;display:flex;flex-direction:column;gap:8px;background:#F7F7F9}
.msg{max-width:82%;padding:10px 13px;font-size:14px;line-height:1.4;box-shadow:0 1px 2px rgba(51,64,94,.08);text-wrap:pretty;animation:in 250ms ease-out}
@keyframes in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.msg.bot{align-self:flex-start;background:#fff;color:#3A3D5C;border-radius:14px 14px 14px 4px}
.msg.me{align-self:flex-end;color:#fff;border-radius:14px 14px 4px 14px}
.msg.typing{color:#8CA5C3;letter-spacing:2px}
.ph-opts{display:flex;flex-wrap:wrap;gap:8px;padding:12px 14px 16px;border-top:1px solid #EFEFF2;min-height:52px}
.opt{padding:9px 14px;border-radius:999px;border:1.5px solid;font-size:13px;font-weight:700}
.opt:hover{filter:brightness(.85)}
.restart{padding:9px 14px;border-radius:999px;background:#F1F1F4;color:#3A3D5C;font-size:13px;font-weight:700}
.restart:hover{background:#E5E6EA}
.dlg-r{display:flex;flex-direction:column;gap:18px;padding:48px 40px 40px}
.dlg-meta{display:flex;gap:12px;font-size:11px;letter-spacing:1px;color:#8CA5C3}
.dlg-meta .num{color:#FF3F7B}
h3{margin:0;font-size:32px;line-height:1.12;font-weight:400;letter-spacing:-1.2px}
.dlg-r p{margin:0;text-wrap:pretty}
.d-desc{font-size:17px;line-height:1.55;color:#C9CFE5}
.d-why{font-size:15px;line-height:1.55;color:#8CA5C3}.d-why strong{color:#fff}
.d-note{margin-top:auto!important;padding-top:12px;font-size:13px;line-height:1.5;color:#8CA5C3}
.d-acts{display:flex;flex-wrap:wrap;gap:12px}
.d-copy{display:flex;align-items:center;gap:8px;padding:0 18px;height:48px;border-radius:8px;border:1px solid rgba(255,255,255,.24);font-size:15px;font-weight:700;color:#fff}
.d-copy:hover{border-color:#FF9EBE}.d-copy.ok{color:#52CC57}.d-copy i{font-size:17px}
.d-req{font-size:13px;line-height:1.5;color:#8CA5C3}
.close{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:999px;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:#fff}
.close:hover{background:rgba(255,255,255,.18)}.close i{font-size:18px}
/* build your own */
.own{padding:0 48px 120px}
.own-box{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:32px;align-items:center;padding:56px;border-radius:16px;background:radial-gradient(600px 400px at 100% 0%,rgba(255,63,123,.28),transparent 70%),radial-gradient(600px 400px at 0% 100%,rgba(90,96,246,.4),transparent 70%),#151A30;border:1px solid rgba(255,255,255,.1)}
.own h2{font-size:clamp(32px,4vw,48px);line-height:1.08;letter-spacing:-2px}
.own p{margin:0;font-size:18px;line-height:1.5;color:#C9CFE5;text-wrap:pretty}
.own .cta{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.own .cta span{font-size:13px;color:#8CA5C3}
footer{border-top:1px solid rgba(255,255,255,.1);padding:32px 48px}
.ft{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font-size:14px}
.ft div{display:flex;gap:24px;flex-wrap:wrap}.ft a{color:#8CA5C3}.ft a:hover{color:#FF3F7B}
@media (max-width:900px){.nav-links{display:none}}
@media (max-width:640px){
  .nav-in,.hero-in{padding-left:24px;padding-right:24px}
  .mcp,.tpl,.own,footer{padding-left:24px;padding-right:24px}
  .mcp-box,.own-box{padding:28px}
  .tpl{padding-bottom:64px}.own{padding-bottom:64px}
  .pill span{white-space:normal}
  aside{flex-basis:100%}
  .nav-right .l{display:none}
}
@media (prefers-reduced-motion:reduce){.tape-track,.dlg,.msg{animation:none!important}.card,.btn{transition:none}}
html body{font-size:16px;line-height:normal}.search{margin-bottom:0;font-weight:400}
@font-face{font-family:"hgi-stroke-rounded";src:url(data:font/woff2;base64,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) format("woff2");font-display:block}.hgi-stroke{font-family:"hgi-stroke-rounded"!important;font-style:normal;font-weight:400;-webkit-font-smoothing:antialiased;display:inline-block}.hgi-stroke.hgi-cancel-01:before{content:"\3d42"}.hgi-stroke.hgi-copy-01:before{content:"\3e74"}.hgi-stroke.hgi-globe-02:before{content:"\40ca"}.hgi-stroke.hgi-megaphone-01:before{content:"\4355"}.hgi-stroke.hgi-plug-socket:before{content:"\4542"}.hgi-stroke.hgi-search-01:before{content:"\4695"}.hgi-stroke.hgi-tick-02:before{content:"\4908"}.hgi-stroke.hgi-whatsapp:before{content:"\4a50"}