@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--brand: #5B5BD6;--brand-dark: #4A4AC4;--brand-light: #EEF0FF;--brand-border: #CDCFF5;--grad: linear-gradient(135deg, #5B5BD6 0%, #7C3AED 100%);--bg: #F9F8F6;--bg-2: #F2F0EC;--surface: #FFFFFF;--surface-2: #F7F5F2;--surface-3: #EFEDE8;--bd: #E2DDD7;--bd-2: #D0CBC3;--bd-str: #B8B2AA;--t1: #0F0D0A;--t2: #5C5650;--t3: #9E9890;--t4: #C4BEB8;--green: #16A34A;--green-bg: #F0FDF4;--green-bd: #86EFAC;--red: #DC2626;--red-bg: #FEF2F2;--red-bd: #FCA5A5;--amber: #D97706;--amber-bg: #FFFBEB;--amber-bd: #FCD34D;--s1: 0 1px 2px rgba(0,0,0,.06);--s2: 0 2px 8px rgba(0,0,0,.07), 0 1px 2px rgba(0,0,0,.04);--s3: 0 4px 20px rgba(0,0,0,.09), 0 2px 6px rgba(0,0,0,.05);--s4: 0 12px 40px rgba(0,0,0,.12), 0 4px 10px rgba(0,0,0,.06);--r: 10px;--r-s: 7px;--r-l: 14px;--r-xl: 20px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--sidebar: 228px;--header: 54px}html,body,#root{height:100%;font-family:var(--font);background:var(--bg);color:var(--t1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}button,input,textarea,select{font-family:var(--font)}a{color:inherit}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bd-2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--bd-str)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--brand)!important;box-shadow:0 0 0 3px #5b5bd61f}.t-display{font-size:36px;font-weight:800;letter-spacing:-.04em;line-height:1.1}.t-h1{font-size:24px;font-weight:700;letter-spacing:-.025em;line-height:1.2}.t-h2{font-size:18px;font-weight:600;letter-spacing:-.015em;line-height:1.3}.t-h3{font-size:15px;font-weight:600;letter-spacing:-.01em}.t-body{font-size:14px;font-weight:400;color:var(--t2);line-height:1.65}.t-small{font-size:12px;color:var(--t3)}.t-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--t3)}.card{background:var(--surface);border:1px solid var(--bd);border-radius:var(--r-l);box-shadow:var(--s2)}.card-sm{background:var(--surface);border:1px solid var(--bd);border-radius:var(--r);box-shadow:var(--s1)}.card-flush{background:var(--surface);border:1px solid var(--bd);border-radius:var(--r)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 18px;border:none;border-radius:var(--r);cursor:pointer;font-size:13px;font-weight:500;line-height:1;transition:all .15s;white-space:nowrap}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--grad);color:#fff;box-shadow:0 1px 3px #5b5bd64d}.btn-primary:hover:not(:disabled){box-shadow:0 4px 14px #5b5bd666;transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--t2);border:1px solid var(--bd)}.btn-ghost:hover:not(:disabled){background:var(--bg-2)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideR{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.65)}72%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}@keyframes progressIn{0%{width:0}}.anim-up{animation:fadeUp .38s cubic-bezier(.2,0,0,1) both}.anim-in{animation:fadeIn .25s ease both}.anim-right{animation:slideR .3s cubic-bezier(.2,0,0,1) both}.anim-pop{animation:popIn .42s cubic-bezier(.2,0,0,1) both}.spin{width:18px;height:18px;flex-shrink:0;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .65s linear infinite;display:inline-block}.spin-dark{border-color:var(--bd-2);border-top-color:var(--brand)}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:600px 100%;animation:shimmer 1.6s ease-in-out infinite;border-radius:var(--r-s)}.tag{display:inline-flex;align-items:center;font-size:11px;font-weight:600;letter-spacing:.01em;padding:2px 8px;border-radius:20px;line-height:1.6}.progress-track{height:4px;background:var(--bd);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:var(--grad);border-radius:2px;transition:width .6s cubic-bezier(.4,0,.2,1)}.field{width:100%;padding:10px 14px;border:1px solid var(--bd);border-radius:var(--r);font-size:14px;background:var(--surface);color:var(--t1);transition:border-color .15s,box-shadow .15s}.field::placeholder{color:var(--t4)}.divider{height:1px;background:var(--bd);margin:0}.onb-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 16px}.opt-card{width:100%;padding:13px 16px;border:1.5px solid var(--bd);border-radius:var(--r);background:var(--surface);cursor:pointer;text-align:left;transition:all .14s;display:flex;align-items:flex-start;gap:12px}.opt-card:hover{border-color:var(--brand);background:var(--brand-light)}.opt-card.selected{border-color:var(--brand);background:var(--brand-light);box-shadow:0 0 0 3px #5b5bd61a}@media (max-width: 640px){.sidebar-hide{display:none!important}:root{--sidebar: 0px}}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.stats-strip{display:flex;gap:28px;justify-content:center;flex-wrap:wrap}.hero-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.section-pad{padding:80px 32px}.section-pad-sm{padding:60px 24px}@media (max-width: 768px){.grid-4,.grid-3{grid-template-columns:1fr 1fr;gap:12px}.grid-2{grid-template-columns:1fr;gap:12px}.section-pad{padding:52px 20px}.section-pad-sm{padding:44px 16px}.hero-title{font-size:clamp(30px,8vw,44px)!important}.hero-sub{font-size:16px!important}.hide-mobile{display:none!important}.stats-strip{gap:20px}.nav-hint{display:none!important}.pricing-grid{grid-template-columns:1fr!important;max-width:380px!important}.onb-card{padding:24px 20px!important}}@media (max-width: 480px){.grid-4,.grid-3{grid-template-columns:1fr}.hero-btns{flex-direction:column;align-items:stretch}.hero-btns button,.hero-btns>*{width:100%!important}.stats-strip{flex-direction:column;align-items:center;gap:16px}}