[hidden]{display:none!important}
.ng{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.nc{border:1px solid var(--line);border-radius:22px;background:var(--card);overflow:hidden;display:flex;flex-direction:column;transition:.3s}
.nc:hover{border-color:rgba(162,56,255,.6);transform:translateY(-4px)}
.nc img{width:100%;aspect-ratio:16/10;object-fit:cover}
.nb{padding:20px;display:flex;flex-direction:column;gap:10px;flex:1}.nb time{font-size:13px;color:var(--mut)}
.nt{color:#d6d9f5;font-size:15px;overflow-wrap:anywhere}.nt a,.doc a{color:var(--c1)}.ng.cl .nt{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}
.nb>a{margin-top:auto;color:var(--c1);font-weight:600;font-size:14px}
.doc{max-width:820px;margin:0 auto;padding:50px 0 20px}.doc h1{font-size:clamp(28px,4vw,40px);margin:0 0 6px}.doc h2{font-size:21px;margin:34px 0 10px}.doc p,.doc li{color:#c9cdee;margin-bottom:10px}.doc ul{padding-left:22px}.doc .d{color:var(--mut);font-size:14px}
mark.ph{background:#ffe066;color:#000;padding:0 5px;border-radius:5px}
@media(max-width:900px){.ng{grid-template-columns:1fr 1fr}}@media(max-width:560px){.ng{grid-template-columns:1fr}}
.nc{cursor:pointer}.rd{margin-top:auto;color:var(--c1);font-weight:600;font-size:14px}
.md{position:fixed;inset:0;z-index:50;background:rgba(4,5,15,.78);backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px}
.mb{position:relative;max-width:680px;width:100%;max-height:88vh;overflow:auto;background:var(--bg2);border:1px solid var(--line);border-radius:24px}
.mc{padding:24px 28px 28px}.mc img{width:calc(100% + 56px);margin:-24px -28px 20px;max-height:380px;object-fit:cover}
.mc time{font-size:13px;color:var(--mut)}.mc .nt{font-size:16px;line-height:1.7;margin:8px 0 24px}
.mx{position:sticky;top:12px;float:right;margin:12px 12px 0 0;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:rgba(7,8,22,.85);color:#fff;font-size:22px;line-height:1;cursor:pointer;z-index:2}

.phone img.ss{aspect-ratio:auto;height:auto;object-fit:initial}
.pg .plan{padding:24px 18px}.pg .pr{font-size:30px}.pg .plan .pr small,.tri .pr small{display:block;font-size:13px}
.pg .plan .btn{margin-top:auto}.pg .plan{display:flex;flex-direction:column}
.tri{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}.tri .plan{padding:24px}.tri .pr{font-size:28px}
.tbl{overflow-x:auto;border:1px solid var(--line);border-radius:20px;background:var(--card)}
.tbl table{width:100%;border-collapse:collapse;min-width:560px;font-size:14.5px}
.tbl th,.tbl td{padding:12px 16px;text-align:center;border-bottom:1px solid var(--line)}
.tbl th:first-child,.tbl td:first-child{text-align:left;font-weight:700}.tbl th{color:var(--mut);font-weight:600}.tbl tr:last-child td{border-bottom:0}
@media(max-width:900px){.tri{grid-template-columns:1fr}}

/* v5: phone frames show the whole screenshot, less stretched */
.phone{width:min(310px,80vw)}
.phone img.ss{width:100%!important;height:auto!important;aspect-ratio:640/1193!important;object-fit:fill!important;display:block}

/* v5: pricing cards */
.pg{align-items:stretch}
.pg .plan{padding:28px 22px}
.plan h3{margin:0;min-height:20px}
.pg .plan .pr,.tri .plan .pr{display:flex;align-items:baseline;gap:6px;flex-wrap:nowrap;white-space:nowrap;margin:10px 0 18px;line-height:1.1}
.pg .plan .pr{font-size:32px}
.plan .pr small,.pg .plan .pr small,.tri .pr small{display:inline;font-size:14px}
.plan ul{flex:1;align-content:start;margin-bottom:22px}
.plan li{display:flex;gap:8px;line-height:1.45}.plan li:before{margin-right:0;flex:none}
.tri{align-items:stretch}.tri .plan{display:flex;flex-direction:column}

/* v5: price table */
.tbl{box-shadow:0 20px 50px -30px rgba(120,70,255,.5)}
.tbl table{min-width:620px;font-size:15px;font-variant-numeric:tabular-nums}
.tbl thead th{background:rgba(255,255,255,.04);font-size:12.5px;letter-spacing:.8px;text-transform:uppercase;padding:14px 16px;white-space:nowrap}
.tbl td{white-space:nowrap}
.tbl tbody tr{transition:background .2s}.tbl tbody tr:hover{background:rgba(162,56,255,.08)}
.tbl th:last-child,.tbl td:last-child{background:rgba(162,56,255,.07);border-left:1px solid var(--line)}
.tbl td b{font-weight:800}
@media(max-width:900px){.pg .plan .pr{font-size:30px}}

/* v7: chat window drawn in HTML/CSS (no screenshot) */
.cw{position:relative;width:min(430px,100%);margin:0 auto;border-radius:30px;padding:0;background:linear-gradient(170deg,#141735,#0a0b1e);border:1px solid rgba(255,255,255,.14);box-shadow:0 40px 90px -25px rgba(120,70,255,.65),0 0 0 6px rgba(255,255,255,.04);transition:transform .2s;transform-style:preserve-3d;text-align:left}
.cw:before{content:"";position:absolute;inset:-2px;border-radius:32px;background:var(--grad);z-index:-1;filter:blur(24px);opacity:.5}
.cwh{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.03);border-radius:30px 30px 0 0}
.cwa{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:20px;flex:none}
.cwh b{display:block;font-size:16px}.cwh small{color:var(--mut);font-size:13px}
.cwl{margin-left:auto;font-size:12px;color:#3dff9a;font-weight:600}
.cwb{padding:16px 16px 18px;display:grid;gap:12px}
.cwp{border-radius:18px;background:rgba(255,255,255,.06);border:1px solid var(--line);overflow:hidden}
.cwc{background:#000;padding:10px 8px 6px}.cwc svg{display:block;width:100%;height:auto}
.cwi{display:block;width:100%;height:auto}
.cwt{padding:14px 16px 6px}.cwt h4{font-size:16px;line-height:1.3;margin:0 0 8px}.cwt p{font-size:14.5px;line-height:1.55;color:#d6d9f5;margin:0 0 10px}
.cwf{display:flex;justify-content:space-between;gap:10px;padding:2px 16px 12px;font-size:13px}.cwf span:first-child{color:var(--c1)}.cwf span:last-child{color:var(--mut)}
.cwk{display:inline-flex;gap:5px;padding:11px 14px;border-radius:16px;background:rgba(255,255,255,.06);width:max-content}
.cwk i{width:7px;height:7px;border-radius:50%;background:var(--mut);animation:cwd 1.2s infinite}.cwk i:nth-child(2){animation-delay:.2s}.cwk i:nth-child(3){animation-delay:.4s}
@keyframes cwd{0%,80%,100%{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
@media(max-width:560px){.cwt p{font-size:14px}}
.cw{background:#0d0f26}
.cw:before{display:none}
.cwh{background:#12152f}
.cwp{background:#161936}
.float.f2{top:auto;bottom:-16px;right:-26px}
.float.f1{left:-30px;top:-14px}