:root{--bg:#0b1020;--card:#121a33;--line:#24305a;--txt:#eef2ff;--mut:#a3acd1;--a:#7c5cff;--b:#22d3ee;--g:#34d399;--r:16px}
*{box-sizing:border-box}body{margin:0;font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:radial-gradient(1200px 600px at 80% -10%,#2a1f66 0,transparent 60%),radial-gradient(900px 500px at -10% 10%,#0e3b4f 0,transparent 55%),var(--bg);color:var(--txt);min-height:100vh}
a{color:var(--b)}header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 18px;max-width:1040px;margin:auto}
.logo{margin:0;font-weight:800;font-size:1.35rem;display:flex;align-items:center;gap:8px}.logo a{color:var(--txt);text-decoration:none}.logo span:not(.badge){color:var(--b)}
.badge{font-size:.7rem;font-weight:700;padding:3px 8px;border-radius:99px;background:linear-gradient(90deg,var(--a),var(--b));color:#fff;letter-spacing:.02em}
nav a{color:var(--mut);text-decoration:none;margin-left:16px;font-weight:600}nav a:hover{color:var(--txt)}
main{max-width:1040px;margin:auto;padding:0 16px 40px}
.hero{text-align:center;padding:28px 0 18px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--mut);font-size:.85rem;border:1px solid var(--line);padding:4px 12px;border-radius:99px}
.dot{width:8px;height:8px;border-radius:50%;background:var(--g);box-shadow:0 0 10px var(--g);animation:pulse 1.6s infinite}
@keyframes pulse{50%{opacity:.35}}
h1{font-size:clamp(1.8rem,5.5vw,3.2rem);line-height:1.1;margin:.5em 0 .3em;letter-spacing:-.02em}.grad{background:linear-gradient(90deg,#a78bfa,var(--b));-webkit-background-clip:text;background-clip:text;color:transparent}
.sub{color:var(--mut);max-width:620px;margin:0 auto 22px}
.aibox{display:flex;gap:8px;max-width:760px;margin:auto;padding:8px;border-radius:20px;background:rgba(18,26,51,.85);border:1px solid var(--line);box-shadow:0 0 0 1px rgba(124,92,255,.25),0 20px 60px -20px rgba(124,92,255,.55)}
.aibox:focus-within{box-shadow:0 0 0 2px var(--a),0 20px 60px -15px rgba(34,211,238,.5)}
textarea{flex:1;resize:none;border:0;background:transparent;color:var(--txt);font:inherit;font-size:1.05rem;padding:10px 12px;outline:none}
button{font:inherit;cursor:pointer}#go{border:0;border-radius:14px;padding:0 20px;font-weight:700;color:#fff;background:linear-gradient(90deg,var(--a),#4f8cff);white-space:nowrap}#go:disabled{opacity:.6}
.chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:820px;margin:16px auto 6px}.chips button{border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--txt);padding:7px 12px;border-radius:99px;font-size:.88rem}.chips button:hover{border-color:var(--a)}
.micro{color:var(--mut);font-size:.8rem}
.card{background:rgba(18,26,51,.8);border:1px solid var(--line);border-radius:var(--r);padding:18px;margin:16px 0}
.think{display:flex;gap:16px;align-items:flex-start}.spinner{flex:none;width:34px;height:34px;border-radius:50%;background:conic-gradient(var(--a),var(--b),transparent 70%);animation:spin 1s linear infinite;-webkit-mask:radial-gradient(circle 11px,transparent 98%,#000);mask:radial-gradient(circle 11px,transparent 98%,#000)}
@keyframes spin{to{transform:rotate(360deg)}}.tstatus{margin:4px 0;font-weight:700}#tsteps{margin:0;padding-left:18px;color:var(--mut);font-size:.92rem}#tsteps li{animation:fade .3s}
@keyframes fade{from{opacity:0;transform:translateY(4px)}}
.understood{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.understood b{margin-right:4px}.pill{background:rgba(124,92,255,.15);border:1px solid rgba(124,92,255,.4);padding:3px 10px;border-radius:99px;font-size:.85rem}
.sample{background:rgba(251,191,36,.1);border:1px solid rgba(251,191,36,.4);color:#fde68a;padding:10px 14px;border-radius:12px;font-size:.9rem}.sample.live{background:rgba(52,211,153,.1);border-color:rgba(52,211,153,.4);color:#a7f3d0}
.toolbar{display:flex;gap:14px;flex-wrap:wrap;margin:10px 0}.toolbar select{background:var(--card);color:var(--txt);border:1px solid var(--line);border-radius:10px;padding:6px 8px;font:inherit}
.res{display:grid;grid-template-columns:1fr auto;gap:10px 16px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px;margin:10px 0;animation:fade .35s both}
.res.top{border-color:transparent;background:linear-gradient(var(--card),var(--card)) padding-box,linear-gradient(90deg,var(--a),var(--b)) border-box;border:2px solid transparent}
.res h3{margin:0;font-size:1.15rem}.meta{color:var(--mut);font-size:.88rem}.why{grid-column:1/-1;font-size:.92rem;color:#d7dcff;margin:0}.why:before{content:"✦ AI: ";color:var(--b);font-weight:700}
.price{text-align:right}.price strong{font-size:1.6rem}.price small{display:block;color:var(--mut);font-size:.75rem}
.tag{display:inline-block;font-size:.72rem;font-weight:800;padding:3px 8px;border-radius:99px;background:linear-gradient(90deg,var(--a),var(--b));color:#fff;margin-bottom:4px}
.ctas{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px}.ctas a{text-decoration:none;font-weight:700;font-size:.9rem;padding:9px 14px;border-radius:12px;border:1px solid var(--line);color:var(--txt)}.ctas a.main{background:var(--g);color:#052e1d;border-color:var(--g)}
.how{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:26px 0}.how div{background:rgba(18,26,51,.6);border:1px solid var(--line);border-radius:var(--r);padding:16px}.how b{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--a)}.how h3{margin:.5em 0 .2em}.how p{margin:0;color:var(--mut)}
.disc{font-size:.85rem;color:var(--mut);background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.disc.small{font-size:.78rem}
.glist{columns:2;padding-left:18px}@media(max-width:640px){.glist{columns:1}.aibox{flex-direction:column}#go{padding:12px}.res{grid-template-columns:1fr}.price{text-align:left}nav a{margin:0 14px 0 0}}
article.card h1{font-size:clamp(1.6rem,4.5vw,2.3rem)}article.card h2{margin-top:1.4em}table{border-collapse:collapse;width:100%}td,th{border:1px solid var(--line);padding:6px 8px;text-align:left}
.aicta{display:block;text-align:center;text-decoration:none;font-weight:700;color:#fff;padding:14px;border-radius:14px;background:linear-gradient(90deg,var(--a),#4f8cff);margin:16px 0}
footer{text-align:center;color:var(--mut);font-size:.85rem;padding:24px 16px}

.note{margin:10px auto 4px;font-size:.92rem;color:var(--txt)}.origin{margin:2px 0 8px}
.steps{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;padding:0;margin:8px auto;font-size:.88rem;color:var(--mut)}.steps b{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--a);color:#fff;font-size:.75rem;margin-right:4px}
.trust{font-size:.8rem;color:var(--g);max-width:760px;margin:10px auto 4px}
.mnav{display:none}
@media(max-width:640px){body{padding-bottom:64px}.mnav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:50;background:rgba(11,16,32,.96);border-top:1px solid var(--line)}.mnav a{flex:1;text-align:center;padding:14px 4px;color:var(--txt);text-decoration:none;font-weight:700;font-size:.95rem}.mnav a+a{border-left:1px solid var(--line)}}