:root{--bg:#f5f6ff;--bg-soft:#eef2ff;--panel:rgba(255,255,255,0.92);--panel-solid:#ffffff;--text:#1b2350;--muted:#5f6a9a;--brand:#6f5cff;--brand-2:#4d8dff;--brand-3:#8e6bff;--danger:#d04b7b;--border:rgba(116,126,255,0.22);--ring:rgba(111,92,255,0.4)}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{color:var(--text);font-family:Satoshi,General Sans,Plus Jakarta Sans,Avenir Next,sans-serif;background:radial-gradient(circle at 12% 10%,rgba(111,92,255,.2),transparent 38%),radial-gradient(circle at 82% 14%,rgba(77,141,255,.22),transparent 34%),radial-gradient(circle at 88% 82%,rgba(173,187,255,.2),transparent 30%),linear-gradient(180deg,#fafbff,#eef2ff);overflow-x:hidden}a{color:inherit;text-decoration:none}main{max-width:1120px;margin:0 auto;padding:1.2rem 1rem 4rem}.shell{animation:rise .48s ease-out}.nav-wrap{position:-webkit-sticky;position:sticky;top:12px;z-index:20;margin-bottom:1.2rem}.nav{border:1px solid var(--border);background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:.7rem .9rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.brand{font-weight:800;letter-spacing:.02em;background:linear-gradient(110deg,#4f42dd 18%,#6d7cff 54%,#5ea6ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-links{display:flex;flex-wrap:wrap;gap:.5rem}.nav-link{color:var(--muted);border:1px solid transparent;padding:.4rem .7rem;border-radius:999px;font-size:.92rem;transition:.18s ease}.nav-link:hover{border-color:var(--border);color:var(--text);background:rgba(237,241,255,.9)}.hero{border-radius:22px;border:1px solid var(--border);background:linear-gradient(140deg,rgba(255,255,255,.95),rgba(243,246,255,.94)),linear-gradient(120deg,rgba(111,92,255,.14),rgba(77,141,255,.14));padding:1.4rem}.hero-title{margin:0;font-size:clamp(1.8rem,2.8vw,3rem);line-height:1.08}.hero-sub{color:var(--muted);max-width:62ch}.badges{display:flex;flex-wrap:wrap;gap:.5rem}.badge{border:1px solid var(--border);background:rgba(255,255,255,.9);border-radius:999px;padding:.38rem .7rem;font-size:.82rem;color:#485593}.card{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:1rem;box-shadow:0 10px 24px rgba(83,98,178,.12)}.card.solid{background:var(--panel-solid)}.card.pop{border-color:rgba(111,92,255,.52);box-shadow:0 0 0 1px rgba(111,92,255,.2),0 16px 34px rgba(93,116,208,.16)}.grid{display:grid;grid-gap:1rem;gap:1rem}.grid.cols-3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:12px;padding:.72rem 1rem;background:linear-gradient(120deg,var(--brand),var(--brand-2));color:#ffffff;font-weight:700;cursor:pointer;transition:transform .18s ease,filter .18s ease}.button:hover{transform:translateY(-1px);filter:brightness(1.04)}.button.secondary{color:#2a366f;background:linear-gradient(130deg,#dce4ff,#cfd8ff)}.button.warn{color:#ffffff;background:linear-gradient(130deg,#7f66ff,#a788ff)}.input,.select,.textarea{width:100%;border:1px solid var(--border);background:rgba(255,255,255,.95);border-radius:12px;padding:.74rem .82rem;color:var(--text);outline:none}.input:focus,.select:focus,.textarea:focus{border-color:var(--ring);box-shadow:0 0 0 3px rgba(111,92,255,.16)}.textarea{min-height:220px;resize:vertical}.row{display:flex;gap:.75rem;align-items:center}.between{justify-content:space-between}.muted{color:var(--muted)}.kicker{color:#6e61ff;font-size:.82rem;letter-spacing:.11em;text-transform:uppercase}.price{font-size:2rem;font-weight:800;margin:.4rem 0}.plan-list{margin:0;padding-left:1.1rem;color:#3f4d87}.plan-list li{margin:.36rem 0}.section-title{margin:0;font-size:1.4rem}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:780px){main{padding-top:.9rem}.nav{padding:.65rem .7rem}.row{flex-wrap:wrap}}.home-page{display:grid;grid-gap:1rem;gap:1rem}.home-hero{position:relative;overflow:hidden}.home-hero:after{content:"";position:absolute;width:220px;height:220px;right:-70px;top:-80px;border-radius:999px;background:radial-gradient(circle,rgba(111,92,255,.22) 0,rgba(77,141,255,.1) 45%,transparent 70%);pointer-events:none}.typed-wrap{display:inline-flex;align-items:center;color:#5d4cff}.typed-word{min-width:5.4ch;text-shadow:0 0 20px rgba(111,92,255,.25)}.typed-caret{color:#4d8dff;margin-left:2px;animation:blink .9s step-end infinite}@keyframes blink{0%,45%{opacity:1}46%,to{opacity:0}}.feature-tile h3{margin-top:0;margin-bottom:.4rem}.feature-tile p{margin:0}.snippet-showcase{display:grid;grid-gap:1.4rem;gap:1.4rem}.snippet-head{max-width:740px}.snippet-line{width:84px;height:4px;border-radius:999px;background:linear-gradient(120deg,#6f5cff,#4d8dff);margin:.7rem 0}.snippet-intro{max-width:66ch;line-height:1.6}.snippet-stack{display:grid;grid-gap:1.7rem;gap:1.7rem}.snippet-row{display:grid;grid-template-columns:minmax(260px,1fr) minmax(300px,1.05fr);grid-gap:1.4rem;gap:1.4rem;align-items:center;padding:.8rem 0;border-top:1px solid rgba(116,126,255,.14)}.snippet-row.reverse{grid-template-columns:minmax(300px,1.05fr) minmax(260px,1fr)}.snippet-row.reverse .snippet-copy{order:2}.snippet-row.reverse .snippet-media-shell{order:1}.snippet-copy{padding-right:.6rem}.snippet-tag{display:inline-flex;font-size:.7rem;letter-spacing:.09em;text-transform:uppercase;color:#5d56d9;border:1px solid rgba(111,92,255,.25);border-radius:999px;padding:.2rem .55rem;background:rgba(232,236,255,.85)}.snippet-copy h3{margin:.72rem 0 .5rem;font-size:clamp(1.3rem,2.2vw,2rem);line-height:1.1}.snippet-copy h3 span{color:#4d63ff}.snippet-copy p{margin:0;color:var(--muted);line-height:1.7;max-width:50ch}.snippet-media-shell{border-radius:20px;border:1px solid rgba(116,126,255,.22);background:linear-gradient(150deg,rgba(255,255,255,.95),rgba(241,245,255,.94));padding:.7rem;box-shadow:14px 14px 0 rgba(54,71,155,.08),0 16px 30px rgba(81,97,178,.16)}.snippet-video{width:100%;height:100%;max-height:340px;object-fit:cover;border-radius:14px;border:1px solid rgba(116,126,255,.2);background:#eef2ff}@media (max-width:900px){.snippet-row,.snippet-row.reverse{grid-template-columns:1fr;gap:1rem}.snippet-row.reverse .snippet-copy,.snippet-row.reverse .snippet-media-shell{order:0}.snippet-copy{padding-right:0}.snippet-media-shell{box-shadow:0 10px 26px rgba(81,97,178,.14)}}.brand-row{display:inline-flex;align-items:center}.brand-logo{height:34px;width:auto;display:block}@media (max-width:780px){.brand-logo{height:30px}}