: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-panel img{max-width:100%;height:auto;display:block}.glass-panel .grid{overflow-x:hidden}.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);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}}.modal-overlay{will-change:opacity;transform:translateZ(0);backface-visibility:hidden}.modal-card{will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden}.costs-grid{align-items:stretch}.value-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .6rem;font-size:.75rem;font-weight:600;border-radius:999px;background-color:hsla(var(--secondary),.45);color:hsl(var(--primary))}.scenario-card{border-radius:18px;border:1px solid hsla(var(--border),.6);background:linear-gradient(180deg,hsl(var(--card)/.65),hsl(var(--card)/.35));padding:1.25rem;box-shadow:0 18px 45px -20px hsl(var(--primary)/.28);backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%)}.scenario-label{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:hsl(var(--muted-foreground));font-weight:600}.scenario-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .75rem;border-radius:999px;background:hsla(var(--secondary),.55);color:hsl(var(--primary));font-size:.8rem;font-weight:600;box-shadow:inset 0 0 0 1px hsla(var(--primary),.15)}.scenario-chip--highlight{background:hsla(var(--accent),.22);color:hsl(var(--accent));box-shadow:inset 0 0 0 1px hsla(var(--accent),.35)}.scenario-subtext{margin-top:1rem;font-size:.85rem;color:hsl(var(--muted-foreground))}.scenario-proof{margin-top:.5rem;font-size:.8rem;color:hsl(var(--accent));font-weight:600}.cost-highlight{position:relative;overflow:hidden;border-radius:24px;padding:2rem 1.5rem;background-image:var(--gradient-primary);color:hsl(var(--primary-foreground));text-align:center;box-shadow:0 24px 70px -28px hsl(var(--primary)/.45);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.cost-highlight:after{content:"";position:absolute;inset:0;background:radial-gradient(500px 300px at 50% 0%,hsla(var(--accent),.22),transparent 60%);opacity:.9;pointer-events:none}.cost-highlight__chip{position:relative;display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .9rem;border-radius:999px;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;background-color:hsla(var(--primary-foreground),.12);color:hsl(var(--primary-foreground));box-shadow:inset 0 0 0 1px hsla(var(--primary-foreground),.35)}.cost-highlight__percentage{position:relative;font-size:clamp(2.75rem,4vw,3.5rem);font-weight:700;line-height:1;letter-spacing:-.02em}.cost-highlight__text{position:relative;font-size:.9rem;max-width:18rem;color:hsla(var(--primary-foreground),.9)}.cost-highlight__support{position:relative;font-size:.85rem;max-width:18rem;color:hsla(var(--primary-foreground),.9);font-weight:600}.offset-card{position:relative;padding:1.6rem;border-radius:20px;overflow:hidden;border:1px solid hsla(var(--accent),.35);background:linear-gradient(135deg,hsla(var(--accent),.14),hsla(var(--primary),.08));box-shadow:0 26px 60px -28px hsl(var(--accent)/.35)}.offset-card__glow{position:absolute;inset:-30% -20% auto;height:140%;background:radial-gradient(35% 35% at 50% 0%,hsla(var(--accent),.45),transparent 75%);opacity:.85;pointer-events:none}.offset-card__icon{width:42px;height:42px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:hsla(var(--accent),.2);color:hsl(var(--accent));box-shadow:inset 0 0 0 1px hsla(var(--accent),.25)}.offset-card__title{font-size:1rem;font-weight:600;color:hsl(var(--foreground))}.offset-card__desc{margin-top:.35rem;font-size:.9rem;color:hsl(var(--muted-foreground))}.offset-card__badge{display:inline-flex;align-items:center;justify-content:center;padding:.35rem .85rem;border-radius:999px;font-size:.75rem;font-weight:600;background:hsl(var(--accent));color:hsl(var(--accent-foreground));white-space:nowrap;box-shadow:0 10px 25px -12px hsl(var(--accent)/.55)}.widgets-header{max-width:56rem;margin:0 auto 3rem;text-align:center;display:grid;gap:.75rem}.widgets-heading{font-size:clamp(2.25rem,4vw,2.9rem);font-weight:600;letter-spacing:-.015em}.widgets-subtitle{max-width:44rem;margin:0 auto;font-size:1rem;color:hsl(var(--muted-foreground))}.widgets-showcase{display:grid;gap:1.5rem;margin-bottom:2.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.widget-card{position:relative;padding:1.5rem;border-radius:18px;border:1px solid hsla(var(--border),.55);background:linear-gradient(180deg,hsl(var(--card)/.75),hsl(var(--card)/.4));box-shadow:0 18px 45px -28px hsl(var(--primary)/.35);backdrop-filter:saturate(150%) blur(16px);-webkit-backdrop-filter:saturate(150%) blur(16px);transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;gap:.75rem;min-height:180px}.widget-card:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,hsla(var(--accent),.12),transparent 70%);opacity:0;transition:opacity .2s ease;pointer-events:none}.widget-card:hover{transform:translateY(-4px);box-shadow:0 22px 50px -26px hsl(var(--primary)/.4)}.widget-card:hover:after{opacity:1}.widget-card__icon{width:42px;height:42px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:hsla(var(--primary),.14);color:hsl(var(--primary));box-shadow:inset 0 0 0 1px hsla(var(--primary),.28)}.widget-card__title{font-size:1rem;font-weight:600;color:hsl(var(--foreground))}.widget-card__desc{font-size:.9rem;color:hsl(var(--muted-foreground));line-height:1.55}.widgets-panel{display:grid;gap:1.5rem;padding:2rem;border-radius:22px;border:1px solid hsla(var(--border),.55);background:linear-gradient(140deg,hsl(var(--card)/.85),hsl(var(--card)/.5));box-shadow:0 28px 70px -36px hsl(var(--primary)/.38);backdrop-filter:saturate(160%) blur(18px);-webkit-backdrop-filter:saturate(160%) blur(18px)}@media (min-width: 992px){.widgets-panel{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start}}.widgets-panel__steps{display:grid;gap:1.5rem}.widgets-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem 1rem;border-radius:999px;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border:1px solid hsla(var(--accent),.35);background:hsla(var(--accent),.15);color:hsl(var(--accent));width:fit-content}.widgets-steps{display:grid;gap:0rem}.widgets-steps li{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.4rem;padding:.75rem 1rem;border-radius:16px;border:1px solid hsla(var(--border),.55);background:hsla(var(--secondary),.4);color:hsl(var(--foreground));font-size:.9rem;line-height:1.5}.widgets-step__num{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;font-weight:600;font-size:.85rem;background:hsla(var(--accent),.18);color:hsl(var(--accent));box-shadow:inset 0 0 0 1px hsla(var(--accent),.35)}.widgets-panel__code{display:grid;gap:.75rem}.widgets-code-shell{position:relative;border-radius:20px;border:1px solid hsla(var(--border),.55);background:radial-gradient(140% 140% at 0% 0%,#1f2937,#0f172a 60%);color:#f8fafc;padding:1.5rem;box-shadow:0 24px 60px -32px hsl(var(--primary)/.45);overflow:hidden}.widgets-code{margin:0;font-family:JetBrains Mono,Fira Code,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.85rem;line-height:1.6;white-space:pre-wrap;word-break:break-word}.widgets-copy{position:absolute;top:1rem;right:1rem;border-radius:999px;border:1px solid hsla(var(--accent),.4);background:hsla(var(--accent),.18);color:hsl(var(--accent-foreground));padding:.3rem .9rem;font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;transition:transform .15s ease,box-shadow .15s ease}.widgets-copy:hover{transform:translateY(-1px);box-shadow:0 12px 30px -18px hsl(var(--accent)/.5)}.widgets-copy:active{transform:translateY(0)}.widgets-note{font-size:.8rem;color:hsla(var(--muted-foreground),.9)}.demo-playground{display:grid;gap:1.75rem;overflow:visible;position:relative}.demo-controls-wrapper{align-self:start;height:fit-content}@media (min-width: 1024px){.demo-playground{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start}.demo-controls-wrapper{position:sticky;top:6rem;z-index:10;align-self:start}}.demo-controls{padding:1.75rem;border-radius:22px;border:1px solid hsla(var(--border),.6);backdrop-filter:saturate(160%) blur(16px);-webkit-backdrop-filter:saturate(160%) blur(16px);box-shadow:0 30px 70px -40px hsl(var(--primary)/.4);display:grid;gap:1.5rem}.demo-controls__fields{display:grid;gap:1.25rem}.demo-field{display:grid;gap:.5rem}.demo-label{font-size:.85rem;font-weight:600;color:hsl(var(--foreground))}.demo-input{width:100%;border-radius:12px;border:1px solid hsla(var(--border),.7);padding:.55rem .75rem;background:hsl(var(--card));font-size:.9rem;transition:border-color .15s ease,box-shadow .15s ease}.demo-input:focus{outline:none;border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsla(var(--primary),.18)}.demo-textarea{resize:vertical}.demo-color-grid{display:grid;gap:1.25rem}@media (min-width: 768px){.demo-color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.demo-color-inputs{display:flex;align-items:center;gap:.65rem}.demo-swatch{width:3rem;height:2.5rem;border-radius:12px;border:1px solid hsla(var(--border),.6);cursor:pointer}.demo-toggles{display:grid;gap:.85rem}.demo-toggle{display:grid;grid-template-columns:auto 1fr;gap:.85rem;align-items:start;padding:.85rem 1rem;border-radius:16px;border:1px solid hsla(var(--border),.5);background:hsla(var(--card),.7);box-shadow:inset 0 0 0 1px hsla(var(--primary),.05)}.demo-toggle input[type=checkbox]{margin-top:.25rem;width:1.15rem;height:1.15rem;accent-color:hsl(var(--primary))}.demo-toggle__title{font-weight:600;font-size:.9rem}.demo-toggle__desc{font-size:.8rem;color:hsl(var(--muted-foreground))}.demo-preview{display:grid;gap:.75rem;overflow:hidden}.demo-preview-frame{position:relative;border-radius:24px;border:1px dashed hsla(var(--border),.6);background:linear-gradient(135deg,hsla(var(--card),.8),hsla(var(--card),.6));box-shadow:inset 0 0 0 1px hsla(var(--primary),.06),0 25px 55px -35px hsl(var(--primary)/.35);overflow:hidden}.demo-preview-canvas{border-radius:18px;overflow:hidden;background:hsl(var(--background));max-width:100%;width:100%;pointer-events:none;isolation:isolate}.demo-preview-canvas .donation-page{width:100%!important;max-width:100%!important;margin:0 auto;box-shadow:none}.demo-preview-note{font-size:.75rem;color:hsl(var(--muted-foreground));text-align:center}.demo-tip{margin-top:1.5rem;font-size:.85rem;text-align:center;color:hsl(var(--muted-foreground))}.secure-shell{display:grid;gap:2rem;padding:2.5rem;border-radius:26px;background:linear-gradient(135deg,hsl(var(--card)/.7),hsl(var(--card)/.45));box-shadow:0 40px 80px -60px hsl(var(--primary)/.45);border:1px solid hsla(var(--border),.6)}@media (min-width: 1024px){.secure-shell{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center}}.secure-main{display:grid;gap:1.25rem}.secure-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;border-radius:999px;background:hsla(var(--accent),.16);color:hsl(var(--accent));box-shadow:inset 0 0 0 1px hsla(var(--accent),.25)}.secure-heading{font-size:clamp(2.25rem,4vw,2.9rem);font-weight:600;line-height:1.08;background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent)));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.secure-copy{font-size:1rem;max-width:32rem}.secure-seals{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:.5rem}.secure-seal{display:inline-flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:16px;background:hsla(var(--secondary),.6);border:1px solid hsla(var(--border),.5);box-shadow:inset 0 0 0 1px hsla(var(--primary),.05)}.secure-seal__icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;background:hsla(var(--primary),.16);color:hsl(var(--primary))}.secure-seal__title{font-weight:600;font-size:.9rem;color:hsl(var(--foreground))}.secure-seal__desc{font-size:.8rem;color:hsl(var(--muted-foreground))}.secure-cards{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.secure-card{position:relative;padding:1.5rem;border-radius:20px;border:1px solid hsla(var(--border),.6);background:linear-gradient(180deg,hsl(var(--card)/.65),hsl(var(--card)/.4));box-shadow:0 24px 60px -35px hsl(var(--primary)/.4);display:grid;gap:.65rem}.secure-card__icon{width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:hsla(var(--primary),.18);color:hsl(var(--primary))}.secure-card__title{font-weight:600;font-size:1rem}.secure-card__desc{font-size:.9rem;color:hsl(var(--muted-foreground))}