:root{--bg-ink:oklch(17% .03 285);--bg-purple:oklch(52% .2 285);--bg-gold:oklch(78% .15 92)}.bg-landing{min-height:100vh;color:var(--foreground);background:var(--background);touch-action:pan-y;overscroll-behavior-x:none;overflow-x:clip}.bg-container{width:min(1240px,100% - 32px);margin:0 auto}.bg-nav{z-index:50;border:1px solid color-mix(in oklab,var(--border) 88%,var(--primary));background:var(--background);min-height:64px;box-shadow:0 10px 28px color-mix(in oklab,var(--foreground) 5%,transparent);border-radius:18px;margin-top:12px;padding:10px 12px;position:sticky;top:12px}.bg-logo{color:var(--foreground);letter-spacing:-.03em;font-weight:850}.bg-logo-mark{box-shadow:0 8px 24px color-mix(in oklab,var(--primary) 25%,transparent)}.bg-nav-link{font-weight:650}.bg-btn{letter-spacing:-.01em;border-radius:11px;min-height:42px;font-weight:750;transition:transform .16s,box-shadow .16s,background-color .16s}.bg-btn:hover{transform:translateY(-1px)}.bg-btn-primary{background:linear-gradient(135deg,#7c3aed,#a855f7 58%,#d946ef);box-shadow:0 12px 28px #7c3aed3d}.bg-btn-primary:hover{box-shadow:0 16px 38px #7c3aed57}.bg-btn-ghost{border:1px solid var(--border);background:color-mix(in oklab,var(--card) 94%,transparent)}.bg-hero{padding:88px 0 72px}.bg-eyebrow,.bg-kicker{color:var(--primary);letter-spacing:.14em;text-transform:uppercase;font-weight:850}.bg-hero h1{letter-spacing:-.065em;max-width:820px;font-size:clamp(3rem,7vw,6.2rem);font-weight:820;line-height:.96}.bg-gradient-text{background:linear-gradient(120deg,var(--primary),color-mix(in oklab,var(--primary) 72%,var(--accent)));color:#0000;-webkit-background-clip:text;background-clip:text}.bg-hero-copy{max-width:690px;color:var(--muted-foreground);font-size:clamp(1rem,2vw,1.2rem);line-height:1.75}.bg-proof{color:var(--muted-foreground);font-size:.8rem;font-weight:650}.bg-product-frame{border-radius:26px}.bg-window{border-color:color-mix(in oklab,var(--primary) 24%,var(--border));box-shadow:0 32px 90px -45px color-mix(in oklab,var(--primary) 40%,transparent)}.bg-preview-side{border-right-color:var(--border)}.bg-preview-nav span{border-radius:8px}.bg-preview-nav span:first-child{background:color-mix(in oklab,var(--primary) 11%,var(--card));color:var(--primary)}.bg-stat,.bg-chart,.bg-feature,.bg-price,.bg-step{border-color:var(--border);box-shadow:0 14px 36px color-mix(in oklab,var(--foreground) 4%,transparent)}.bg-stat b{letter-spacing:-.05em}.bg-section{padding:88px 0}.bg-section-head{max-width:760px}.bg-section-head h2{letter-spacing:-.045em;font-weight:800}.bg-section-copy{color:var(--muted-foreground);line-height:1.7}.bg-feature{transition:transform .18s,border-color .18s,box-shadow .18s}.bg-feature:hover{border-color:color-mix(in oklab,var(--primary) 30%,var(--border));box-shadow:0 20px 44px color-mix(in oklab,var(--primary) 8%,transparent);transform:translateY(-3px)}.bg-feature-icon{color:var(--primary);background:color-mix(in oklab,var(--primary) 10%,var(--card));border-color:color-mix(in oklab,var(--primary) 18%,var(--border))}.bg-step-number{color:var(--primary);font-weight:850}.bg-price.featured{border-color:color-mix(in oklab,var(--primary) 38%,var(--border));box-shadow:0 24px 58px color-mix(in oklab,var(--primary) 13%,transparent)}.bg-price .price{letter-spacing:-.05em}.bg-cta{border:1px solid color-mix(in oklab,var(--primary) 28%,var(--border));background:linear-gradient(135deg,color-mix(in oklab,var(--primary) 13%,var(--card)),color-mix(in oklab,var(--accent) 7%,var(--card)));box-shadow:0 26px 70px color-mix(in oklab,var(--primary) 10%,transparent);border-radius:24px}.bg-cta h2{letter-spacing:-.045em}.bg-footer{border-top-color:var(--border)}.workspace-page{background:radial-gradient(42rem 22rem at 100% 0%,color-mix(in oklab,var(--primary) 5%,transparent),transparent 70%)}.workspace-page-header{padding:6px 0 4px}.workspace-page-header .cosmic-workspace-title{font-size:clamp(2rem,4vw,3.1rem);font-weight:820}.workspace-page-eyebrow{font-size:9px}.workspace-page-header .cosmic-workspace-subtitle{font-size:13px}.cosmic-tabs-list{box-shadow:0 12px 32px color-mix(in oklab,var(--foreground) 5%,transparent)}.cosmic-workspace-card{border-radius:16px}.cosmic-workspace-card>[data-slot=card-header]{padding:18px 20px 14px}.cosmic-workspace-card>[data-slot=card-content]{padding:18px 20px}.cosmic-workspace-card [data-slot=card-title]{font-size:15px;font-weight:800}.cosmic-workspace-card [data-slot=card-description]{color:var(--muted-foreground);font-size:12px}.workspace-stat-grid{gap:14px}.workspace-activity-stat{border-radius:15px}.workspace-inline-action,.cosmic-inline-card{border-radius:12px}.cosmic-workspace-card input,.cosmic-workspace-card textarea,.cosmic-workspace-card [role=combobox]{border-radius:10px}.cosmic-workspace-card button{border-radius:10px;font-weight:700}.cosmic-primary-btn{box-shadow:0 9px 22px color-mix(in oklab,var(--primary) 16%,transparent);background:linear-gradient(135deg,#7c3aed,#a855f7 58%,#d946ef)}.cosmic-primary-btn:hover{filter:brightness(1.04);transform:translateY(-1px)}.cosmic-secondary-btn:hover{border-color:color-mix(in oklab,var(--primary) 30%,var(--border))}.workspace-sidebar-quick-create{box-shadow:0 12px 30px color-mix(in oklab,var(--primary) 7%,transparent)}@media (width<=900px){.bg-container{width:min(100% - 20px,1240px)}.bg-nav{margin-top:8px;top:8px}.bg-hero{padding:58px 0 44px}.bg-section{padding:58px 0}.workspace-page-header .cosmic-workspace-title{font-size:2rem}.cosmic-workspace-card>[data-slot=card-header]{padding:15px 15px 12px}.cosmic-workspace-card>[data-slot=card-content]{padding:15px}}@media (prefers-reduced-motion:reduce){.bg-btn,.bg-feature,.cosmic-primary-btn{transition:none}.bg-btn:hover,.bg-feature:hover,.cosmic-primary-btn:hover{transform:none}}