:root{--background: 40 25% 96%;--foreground: 25 25% 18%;--card: 40 25% 98%;--card-foreground: 25 25% 18%;--popover: 40 25% 98%;--popover-foreground: 25 25% 18%;--primary: 165 20% 30%;--primary-foreground: 40 30% 96%;--secondary: 30 30% 90%;--secondary-foreground: 25 25% 18%;--muted: 40 15% 92%;--muted-foreground: 25 10% 40%;--accent: 20 80% 45%;--accent-foreground: 40 30% 96%;--destructive: 0 70% 40%;--destructive-foreground: 40 30% 96%;--border: 25 15% 80%;--input: 25 15% 80%;--ring: 165 20% 30%;--radius: .75rem;--gradient-primary: linear-gradient(135deg, hsl(var(--primary)) 0%, hsl(165 25% 22%) 100%);--gradient-subtle: radial-gradient(1200px 600px at 10% 0%, hsl(var(--accent)/.08) 0%, transparent 60%), radial-gradient(1200px 600px at 90% 0%, hsl(var(--primary)/.1) 0%, transparent 60%), linear-gradient(180deg, hsl(40 25% 96%) 0%, hsl(40 20% 94%) 100%);--shadow-elegant: 0 10px 30px -10px hsl(var(--primary)/.25);--shadow-glow: 0 0 40px hsl(var(--accent)/.25)}*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));color:hsl(var(--foreground));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:var(--gradient-subtle);background-attachment:fixed}.glass-nav{backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);background:color-mix(in oklab,oklch(1 0 0) 40%,transparent);border-bottom:1px solid hsl(var(--border)/.6)}.hero-surface{background:radial-gradient(1000px 600px at 20% -10%,hsl(var(--accent)/.06),transparent 60%),radial-gradient(1000px 600px at 80% -10%,hsl(var(--primary)/.06),transparent 60%)}.glass-card{border-radius:16px;border:1px solid hsl(var(--border)/.6);background:linear-gradient(180deg,hsl(var(--card)/.6),hsl(var(--card)/.4));box-shadow:0 10px 30px -12px hsl(var(--primary)/.15);backdrop-filter:saturate(140%) blur(12px);-webkit-backdrop-filter:saturate(140%) blur(12px)}.glass-panel{border-radius:20px;border:1px solid hsl(var(--border)/.6);background:linear-gradient(180deg,hsl(var(--card)/.5),hsl(var(--card)/.3));backdrop-filter:saturate(160%) blur(16px);-webkit-backdrop-filter:saturate(160%) blur(16px);box-shadow:0 20px 60px -24px hsl(var(--primary)/.25)}.glass-subtle{border-radius:14px;border:1px solid hsl(var(--border)/.5);background:hsl(var(--card)/.45);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.glass-media{border-radius:18px;border:1px solid hsl(var(--border)/.6);box-shadow:0 18px 50px -20px hsl(var(--primary)/.3)}.glass-cta{border:1px solid hsl(var(--border)/.6);backdrop-filter:saturate(160%) blur(16px);-webkit-backdrop-filter:saturate(160%) blur(16px);box-shadow:0 24px 80px -28px hsl(var(--primary)/.35)}.story-link{position:relative;display:inline-block}.story-link:after{content:"";position:absolute;left:0;bottom:-2px;height:2px;width:100%;transform-origin:bottom right;transform:scaleX(0);background-color:hsl(var(--primary));transition:transform .3s ease}.story-link:hover:after{transform-origin:bottom left;transform:scaleX(1)}.hover-scale{transition:transform .2s}.hover-scale:hover{transform:scale(1.05)}.gradient-text{background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent)));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pill{display:inline-flex;align-items:center;gap:6px;border:1px solid hsla(var(--accent),.4);background:hsla(var(--accent),.08);color:hsl(var(--accent));padding:2px 8px;border-radius:999px}.blob{position:absolute;filter:blur(40px);opacity:.35}.blob--one{width:220px;height:220px;border-radius:50%;background:radial-gradient(circle at 30% 30%,hsl(var(--accent)) 0%,transparent 60%);top:-30px;left:-20px}.blob--two{width:260px;height:260px;border-radius:50%;background:radial-gradient(circle at 70% 70%,hsl(var(--primary)) 0%,transparent 60%);bottom:-30px;right:-20px}.features-grid .feature-card{position:relative;overflow:hidden}.features-grid .feature-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,hsla(var(--primary),.06) 100%);pointer-events:none}.pricing-card{transition:transform .2s,box-shadow .2s}.pricing-card:hover{transform:translateY(-2px);box-shadow:0 20px 40px -20px hsl(var(--primary)/.25)}.pricing-card--primary:before{content:"";position:absolute;inset:0;background:radial-gradient(600px 300px at 0% 0%,hsla(var(--accent),.1),transparent 70%);pointer-events:none}.badge-floating{position:absolute;top:12px;right:12px;background:hsl(var(--accent));color:hsl(var(--accent-foreground));font-size:10px;padding:4px 8px;border-radius:999px;letter-spacing:.3px}.avatar-ring{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,hsl(var(--accent)),hsl(var(--primary)));color:#fff;font-weight:600;box-shadow:0 0 0 3px #fff,0 0 0 5px hsl(var(--primary)/.2)}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.spotlight{background:radial-gradient(600px circle at var(--spot-x, 50%) var(--spot-y, 50%),hsl(var(--accent)/.18),transparent 40%);transition:background .15s ease}.bg-gradient-primary{background-image:var(--gradient-primary)}.marquee{position:relative;overflow:hidden}.marquee-track{display:inline-flex;gap:16px;white-space:nowrap;animation:marquee 20s linear infinite}.marquee:before,.marquee:after{content:"";position:absolute;top:0;bottom:0;width:80px;pointer-events:none}.marquee:before{left:0;background:linear-gradient(90deg,hsl(var(--card)) 0%,transparent 100%)}.marquee:after{right:0;background:linear-gradient(-90deg,hsl(var(--card)) 0%,transparent 100%)}.brand-chip{padding:6px 12px;border-radius:999px;background:hsl(var(--card)/.7);border:1px solid hsl(var(--border));font-size:12px}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.bg-card{background-color:hsl(var(--card))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.border-primary\/20{border-color:hsla(var(--primary),.2)}.text-muted-foreground{color:hsl(var(--muted-foreground))}.bg-background{background-color:hsl(var(--background))}.text-primary{color:hsl(var(--primary))}.bg-secondary\/50{background-color:hsla(var(--secondary),.5)}.bg-accent\/5{background-color:hsla(var(--accent),.05)}.border-accent\/40{border-color:hsla(var(--accent),.4)}.bg-secondary{background-color:hsl(var(--secondary))}.text-primary-foreground\/90{color:hsla(var(--primary-foreground),.9)}.animate-enter{animation:fade-in .3s ease-out,scale-in .2s ease-out}.animate-scale-in{animation:scale-in .2s ease-out}.animate-fade-in{animation:fade-in .3s ease-out}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}
