:root{--background:oklch(10.5% .028 285);--foreground:oklch(96.5% .012 285);--card:oklch(14.5% .035 285);--card-foreground:oklch(96.5% .012 285);--popover:oklch(14.5% .035 285);--popover-foreground:oklch(96.5% .012 285);--primary:oklch(66% .23 293);--primary-foreground:oklch(98.5% .005 285);--secondary:oklch(20% .045 285);--secondary-foreground:oklch(92% .02 285);--muted:oklch(18% .035 285);--muted-foreground:oklch(69% .035 285);--accent:oklch(73% .19 325);--accent-foreground:oklch(16% .03 285);--destructive:oklch(65% .22 25);--destructive-foreground:oklch(99% 0 0);--border:oklch(28% .045 285);--input:oklch(28% .045 285);--ring:oklch(67% .2 293);--sidebar:oklch(12% .032 285);--sidebar-foreground:oklch(94% .015 285);--sidebar-primary:oklch(66% .23 293);--sidebar-primary-foreground:oklch(98.5% .005 285);--sidebar-accent:oklch(20% .045 285);--sidebar-border:oklch(26% .04 285);--sidebar-ring:oklch(67% .2 293)}html{background:var(--background)}body{min-height:100vh;color:var(--foreground);background:radial-gradient(65rem 42rem at 8% -12%,#7c3aed3d,#0000 65%),radial-gradient(58rem 40rem at 100% 8%,#d946ef26,#0000 68%),radial-gradient(52rem 36rem at 50% 110%,#4f46e521,#0000 70%),#090617}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{transition:transform .18s,background-color .18s,border-color .18s,color .18s,box-shadow .18s,opacity .18s}.bg-brand-gradient{background:linear-gradient(135deg,#7c3aed,#a855f7 55%,#d946ef)}.bg-app-canvas,[data-bg=app-canvas]{background:radial-gradient(42rem 30rem at 8% 0,#7c3aed29,#0000 70%),radial-gradient(40rem 28rem at 100% 20%,#d946ef1c,#0000 70%),linear-gradient(#0b0718,#090617 55%,#0c081a);min-height:100vh}.card,[class*=rounded-xl][class*=border],[class*=rounded-lg][class*=border]{border-color:color-mix(in oklab,#a78bfa 22%,var(--border))}aside{background:linear-gradient(#0e081ef5,#090617fa)!important;border-color:#a78bfa2e!important}header{border-color:#a78bfa29!important}input,textarea,select{background-color:color-mix(in oklab,var(--card) 88%,transparent);border-color:color-mix(in oklab,#a78bfa 22%,var(--border))}input:focus,textarea:focus,select:focus{border-color:#a78bfa;outline:none;box-shadow:0 0 0 3px #8b5cf624}.bg-landing{background:radial-gradient(55rem 35rem at 10% -8%,#7c3aed42,#0000 65%),radial-gradient(48rem 34rem at 94% 12%,#d946ef2e,#0000 66%),radial-gradient(42rem 30rem at 50% 100%,#4f46e524,#0000 70%),#090617;min-height:100vh;position:relative;overflow:hidden}.bg-landing:before{content:"";pointer-events:none;opacity:.58;background-image:radial-gradient(circle at 7% 13%,#ffffffe6 0 1px,#0000 1.6px),radial-gradient(circle at 18% 31%,#c4b5fdb3 0 .8px,#0000 1.5px),radial-gradient(circle at 29% 9%,#ffffffb8 0 .65px,#0000 1.5px),radial-gradient(circle at 41% 24%,#d8b4fe8c 0 1.1px,#0000 1.9px),radial-gradient(circle at 53% 11%,#ffffffd1 0 .7px,#0000 1.5px),radial-gradient(circle at 66% 34%,#c4b5fd9e 0 .9px,#0000 1.7px),radial-gradient(circle at 79% 15%,#ffffffc2 0 1.2px,#0000 1.9px),radial-gradient(circle at 91% 28%,#d8b4fe85 0 .7px,#0000 1.5px),radial-gradient(circle at 13% 61%,#ffffffa6 0 .8px,#0000 1.6px),radial-gradient(circle at 35% 72%,#c4b5fd94 0 1.15px,#0000 2px),radial-gradient(circle at 57% 57%,#ffffffb8 0 .65px,#0000 1.5px),radial-gradient(circle at 73% 78%,#d8b4fe80 0 .9px,#0000 1.7px),radial-gradient(circle at 88% 63%,#ffffffad 0 1.25px,#0000 2px),radial-gradient(circle at 96% 91%,#c4b5fd80 0 .7px,#0000 1.5px);position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 45%,#000 0%,#000000d1 65%,#0000 100%);mask-image:radial-gradient(at 50% 45%,#000 0%,#000000d1 65%,#0000 100%)}.bg-container{z-index:1;width:min(1180px,100% - 32px);margin:0 auto;position:relative}.bg-nav{justify-content:space-between;align-items:center;gap:20px;padding:22px 0;display:flex}.bg-logo{color:#fff;letter-spacing:-.025em;align-items:center;gap:11px;font-weight:800;display:inline-flex}.bg-logo-mark{background:linear-gradient(135deg,#7c3aed,#a855f7 55%,#d946ef);border-radius:12px;place-items:center;width:38px;height:38px;font-size:15px;display:grid;box-shadow:0 10px 32px #7c3aed59}.bg-nav-links{align-items:center;gap:7px;display:flex}.bg-nav-link{color:#e9e5ffb8;border-radius:999px;padding:8px 11px;font-size:13px}.bg-nav-link:hover{color:#fff;background:#ffffff0f}.bg-nav-actions{align-items:center;gap:9px;display:flex}.bg-btn{border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:13px;font-weight:700;display:inline-flex}.bg-btn-ghost{color:#f5f3ffd1;background:#ffffff09;border:1px solid #a78bfa2e}.bg-btn-ghost:hover{background:#ffffff12;border-color:#a78bfa59}.bg-btn-primary{color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7 58%,#d946ef);border:1px solid #ffffff14;box-shadow:0 14px 36px #7c3aed47}.bg-btn-primary:hover{transform:translateY(-1px);box-shadow:0 18px 42px #7c3aed61}.bg-mobile-menu{color:#fff;background:#ffffff09;border:1px solid #a78bfa2e;border-radius:11px;place-items:center;width:42px;height:42px;display:none}.bg-mobile-panel{display:none}.bg-hero{grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);align-items:center;gap:56px;padding:76px 0 82px;display:grid}.bg-eyebrow{color:#ddd6fe;letter-spacing:.03em;background:#7c3aed1a;border:1px solid #a78bfa3d;border-radius:999px;align-items:center;gap:8px;padding:7px 11px;font-size:11px;font-weight:700;display:inline-flex}.bg-dot{background:#c084fc;border-radius:999px;width:6px;height:6px;box-shadow:0 0 12px #c084fc}.bg-hero h1{letter-spacing:-.055em;color:#fff;max-width:720px;margin:19px 0 17px;font-size:clamp(44px,6vw,76px);font-weight:820;line-height:.98}.bg-gradient-text{background:linear-gradient(110deg,#c4b5fd 5%,#e879f9 70%,#f0abfc);color:#0000;-webkit-background-clip:text;background-clip:text}.bg-hero-copy{color:#e2def4b8;max-width:590px;font-size:17px;line-height:1.75}.bg-hero-actions{flex-wrap:wrap;gap:10px;margin-top:27px;display:flex}.bg-proof{color:#d8d3ec8c;flex-wrap:wrap;gap:16px;margin-top:22px;font-size:11px;display:flex}.bg-proof span{align-items:center;gap:6px;display:inline-flex}.bg-proof svg{color:#a78bfa}.bg-product-frame{position:relative}.bg-glow{filter:blur(25px);background:radial-gradient(circle,#a855f759,#0000 67%);position:absolute;inset:12% 8% -8%}.bg-window{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f091fc7;border:1px solid #c4b5fd3d;border-radius:22px;position:relative;overflow:hidden;box-shadow:0 30px 90px #00000073,inset 0 0 0 1px #ffffff05}.bg-window-bar{border-bottom:1px solid #c4b5fd1f;align-items:center;gap:6px;padding:13px 15px;display:flex}.bg-window-bar i{background:#ffffff38;border-radius:50%;width:7px;height:7px}.bg-window-title{color:#ffffff6b;margin-left:7px;font-size:10px}.bg-dashboard-preview{grid-template-columns:118px 1fr;min-height:390px;display:grid}.bg-preview-side{background:#ffffff05;border-right:1px solid #c4b5fd1a;padding:17px 10px}.bg-preview-side strong{color:#fff;margin:0 5px 18px;font-size:10px;display:block}.bg-preview-nav{gap:5px;display:grid}.bg-preview-nav span{color:#e1dcf47a;border-radius:7px;padding:8px;font-size:9px}.bg-preview-nav span:first-child{color:#fff;background:#8b5cf629}.bg-preview-main{padding:18px}.bg-preview-heading{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.bg-preview-heading h3{color:#fff;letter-spacing:-.02em;font-size:17px}.bg-preview-chip{color:#ddd6fe;background:#7c3aed29;border-radius:7px;padding:5px 8px;font-size:8px}.bg-stat-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.bg-stat{background:#ffffff06;border:1px solid #c4b5fd1c;border-radius:10px;padding:11px}.bg-stat label{color:#e1dcf46b;font-size:8px;display:block}.bg-stat b{color:#fff;margin-top:5px;font-size:17px;display:block}.bg-chart{background:#ffffff06;border:1px solid #c4b5fd1c;border-radius:10px;margin-top:9px;padding:13px}.bg-chart-head{color:#e1dcf47a;justify-content:space-between;font-size:8px;display:flex}.bg-bars{align-items:end;gap:7px;height:130px;padding-top:16px;display:flex}.bg-bars span{opacity:.88;background:linear-gradient(#d946ef,#7c3aed);border-radius:5px 5px 2px 2px;flex:1;min-width:0}.bg-section{padding:84px 0}.bg-section-head{max-width:670px;margin-bottom:30px}.bg-kicker{color:#c4b5fd;text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:800}.bg-section h2{color:#fff;letter-spacing:-.04em;margin-top:9px;font-size:clamp(30px,4vw,48px);line-height:1.05}.bg-section-copy{color:#e2def49e;margin-top:11px;font-size:14px;line-height:1.7}.bg-feature-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.bg-feature{background:linear-gradient(160deg,#ffffff0b,#ffffff05);border:1px solid #c4b5fd21;border-radius:17px;min-height:190px;padding:23px;box-shadow:0 16px 50px #0000002e}.bg-feature-icon{color:#ddd6fe;background:#7c3aed24;border:1px solid #a78bfa2e;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.bg-feature h3{color:#fff;margin-top:18px;font-size:15px}.bg-feature p{color:#e2def48f;margin-top:7px;font-size:12px;line-height:1.65}.bg-workflow{grid-template-columns:.9fr 1.1fr;align-items:center;gap:50px;display:grid}.bg-steps{gap:10px;display:grid}.bg-step{background:#ffffff06;border:1px solid #c4b5fd1a;border-radius:13px;grid-template-columns:32px 1fr;gap:12px;padding:15px;display:grid}.bg-step-number{color:#ddd6fe;background:#7c3aed26;border-radius:9px;place-items:center;width:30px;height:30px;font-size:10px;font-weight:800;display:grid}.bg-step h3{color:#fff;font-size:13px}.bg-step p{color:#e2def480;margin-top:3px;font-size:11px;line-height:1.55}.bg-pricing{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.bg-price{background:#ffffff06;border:1px solid #c4b5fd21;border-radius:17px;padding:25px}.bg-price.featured{background:linear-gradient(155deg,#7c3aed26,#d946ef0b);border-color:#a855f77a;box-shadow:0 20px 60px #7c3aed21}.bg-price h3{color:#fff;font-size:15px}.bg-price .price{color:#fff;letter-spacing:-.04em;margin:13px 0 5px;font-size:31px;font-weight:800}.bg-price p{color:#e2def485;font-size:11px;line-height:1.6}.bg-price ul{color:#ebe8f8a8;gap:9px;margin:19px 0 22px;padding:0;font-size:11px;list-style:none;display:grid}.bg-price li{align-items:center;gap:7px;display:flex}.bg-price li svg{color:#c4b5fd;flex:none}.bg-cta{text-align:center;background:radial-gradient(circle at 50% 0,#a855f72e,#0000 55%),#ffffff06;border:1px solid #c4b5fd29;border-radius:23px;margin:35px 0 70px;padding:55px 28px}.bg-cta h2{color:#fff;letter-spacing:-.045em;font-size:clamp(29px,4vw,45px)}.bg-cta p{color:#e2def491;max-width:550px;margin:10px auto 22px;font-size:13px;line-height:1.7}.bg-footer{color:#e2def46b;border-top:1px solid #c4b5fd1c;flex-wrap:wrap;justify-content:space-between;gap:15px;padding:24px 0 30px;font-size:10px;display:flex}.bg-footer-links{flex-wrap:wrap;gap:14px;display:flex}.bg-footer a:hover{color:#fff}@media (width<=900px){.bg-nav-links{display:none}.bg-mobile-menu{display:grid}.bg-mobile-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f091fe6;border:1px solid #a78bfa26;border-radius:13px;gap:4px;margin-bottom:8px;padding:9px;display:grid}.bg-mobile-panel a{color:#ebe8f8b8;border-radius:9px;padding:11px 12px;font-size:13px}.bg-mobile-panel a:hover{color:#fff;background:#8b5cf61f}.bg-hero,.bg-workflow{grid-template-columns:1fr;gap:38px;padding-top:50px}.bg-feature-grid,.bg-pricing{grid-template-columns:1fr}.bg-section{padding:60px 0}}@media (width<=560px){.bg-container{width:min(100% - 22px,1180px)}.bg-nav{padding:15px 0}.bg-nav-actions .bg-btn-ghost{display:none}.bg-hero{padding:42px 0 55px}.bg-hero h1{font-size:clamp(40px,13vw,56px)}.bg-hero-copy{font-size:15px}.bg-dashboard-preview{grid-template-columns:82px 1fr;min-height:320px}.bg-preview-main{padding:12px}.bg-preview-side{padding:13px 7px}.bg-stat-grid{grid-template-columns:1fr}.bg-stat{justify-content:space-between;align-items:center;display:flex}.bg-chart{display:none}.bg-cta{padding:38px 18px}}
