:root{--marketing-base:oklch(0.05 0.003 240);--marketing-surface:oklch(0.08 0.003 240);--marketing-surface-alt:oklch(0.11 0.004 240);--marketing-elevated:oklch(0.13 0.003 240);--marketing-accent:oklch(0.88 0.01 75);--marketing-accent-hover:oklch(0.95 0.005 75);--marketing-accent-foreground:oklch(0.08 0 0);--marketing-accent-muted:oklch(0.15 0.005 75);--marketing-heading:oklch(0.88 0.01 75);--marketing-body:oklch(0.45 0 0);--marketing-muted:oklch(0.35 0 0);--marketing-success:oklch(0.60 0.12 145);--marketing-negative:oklch(0.65 0.15 25);--wa-green:#25D366;--wa-bubble-outgoing:#DCF8C6;--wa-bubble-incoming:#1f2c34;--wa-bubble-border:#c8e6b8}[role=button],a,button{touch-action:manipulation}.marketing-glass{background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,.01));backdrop-filter:blur(16px) saturate(110%);-webkit-backdrop-filter:blur(16px) saturate(110%);border:1px solid rgba(255,255,255,.06);box-shadow:0 4px 24px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.03)}.marketing-glass-elevated{background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.02));backdrop-filter:blur(20px) saturate(120%);-webkit-backdrop-filter:blur(20px) saturate(120%);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.05)}.nav-link-hover{transition:color .2s ease}.nav-cta-btn{background:linear-gradient(135deg,rgba(30,30,30,1),rgba(20,20,20,1) 40%,rgba(40,40,40,1));box-shadow:0 1px 2px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.08)}.nav-cta-btn:hover{background:linear-gradient(135deg,rgba(40,40,40,1),rgba(28,28,28,1) 40%,rgba(50,50,50,1));box-shadow:0 2px 8px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.12)}.cta-glow{box-shadow:0 0 40px rgba(255,255,255,.12);transition:box-shadow .25s ease}.cta-glow:hover{box-shadow:0 0 56px rgba(255,255,255,.2),0 0 20px rgba(255,255,255,.08)}.cta-glow:active{box-shadow:0 0 24px rgba(255,255,255,.1)}.section-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06) 30%,rgba(255,255,255,.06) 70%,transparent)}.marketing-grain:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");background-repeat:repeat;background-size:128px 128px}@media (prefers-reduced-motion:reduce){.cta-glow,.cta-glow:active,.cta-glow:hover{box-shadow:0 0 40px rgba(255,255,255,.12)}}.section-glow-left:after{left:-10%;top:10%}.section-glow-left:after,.section-glow-right:after{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(255,255,255,.06) 0,transparent 70%);filter:blur(100px);pointer-events:none;z-index:0}.section-glow-right:after{right:-10%;bottom:10%}.section-glow-accent:after{left:50%;top:-80px;transform:translateX(-50%);width:700px;height:350px;background:radial-gradient(ellipse,rgba(255,255,255,.05) 0,transparent 70%);filter:blur(60px)}.section-fade-in-top:before,.section-glow-accent:after{content:"";position:absolute;pointer-events:none;z-index:0}.section-fade-in-top:before{top:0;left:0;right:0;height:120px;background:linear-gradient(to bottom,var(--marketing-surface),transparent)}.ps-reality-card{background:linear-gradient(135deg,rgba(255,255,255,.02),rgba(255,255,255,.005));border:1px solid rgba(255,255,255,.05)}.ps-cell{border:1px solid rgba(255,255,255,.06);padding:4px 8px;font-size:10px;font-family:var(--font-mono)}.ps-cell-warn{background:rgba(255,200,50,.08)}.ps-cell-error{background:rgba(255,80,80,.08)}.ps-bracket-line{border-left:1px solid rgba(255,255,255,.15);border-top:1px solid rgba(255,255,255,.15)}.ps-bracket-line-dashed{border-left:1px dashed rgba(255,255,255,.1);border-top:1px dashed rgba(255,255,255,.1)}.hero-texture{position:absolute;inset:0;z-index:0;background-image:url(/backgrounds/bg-hero-1.jpg);background-size:cover;background-position:50%;background-color:var(--marketing-base)}.hero-texture:after{content:"";position:absolute;inset:0;z-index:2;opacity:.55;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");background-size:200px 200px;mix-blend-mode:overlay}.hero-fade{position:absolute;inset:0;z-index:4;pointer-events:none;background:radial-gradient(ellipse 70% 60% at 50% 45%,transparent 0,rgba(10,10,10,.5) 70%,rgba(10,10,10,.95) 100%),linear-gradient(180deg,rgba(10,10,10,.7) 0,transparent 18%,transparent 70%,rgba(10,10,10,1))}.hero-cta:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(255,255,255,.15)}.hero-dashboard-glow{position:absolute;inset:-160px -120px -100px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 80% 50% at 50% 20%,rgba(255,255,255,.18) 0,transparent 60%),radial-gradient(ellipse 55% 45% at 25% 25%,rgba(170,180,230,.14) 0,transparent 55%),radial-gradient(ellipse 55% 45% at 75% 25%,rgba(170,195,230,.14) 0,transparent 55%),radial-gradient(ellipse 70% 55% at 50% 45%,rgba(255,255,255,.1) 0,transparent 65%),radial-gradient(ellipse 100% 75% at 50% 40%,rgba(130,140,190,.08) 0,transparent 75%);filter:blur(60px)}.hero-dashboard-glass{background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.03) 50%,rgba(255,255,255,.05));backdrop-filter:blur(20px) saturate(120%);-webkit-backdrop-filter:blur(20px) saturate(120%);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 40px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.08),inset 0 -1px 0 rgba(255,255,255,.02)}.hero-dashboard{position:relative}.hero-dashboard:before{inset:-1px;border-radius:17px;padding:1px;background:linear-gradient(180deg,rgba(255,255,255,.15),rgba(255,255,255,.06) 40%,rgba(255,255,255,.02));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:1}.hero-dashboard:after,.hero-dashboard:before{content:"";position:absolute;pointer-events:none}.hero-dashboard:after{bottom:0;left:0;right:0;height:80px;background:linear-gradient(to bottom,transparent,var(--marketing-base));border-radius:0 0 16px 16px;z-index:2}.hero-dashboard-card{background:rgba(14,14,14,.85);border:none;border-radius:16px;box-shadow:0 4px 24px rgba(0,0,0,.5),0 0 80px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.04);backdrop-filter:blur(24px)}.hero-metric-card{background:#1a1a1a;border:1px solid rgba(255,255,255,.08)}.hero-subtitle{text-shadow:0 2px 20px rgba(0,0,0,.8)}.hero-center-overlay{position:absolute;inset:0;z-index:5;pointer-events:none;background:radial-gradient(ellipse 50% 45% at 50% 40%,rgba(10,10,10,.45) 0,transparent 100%)}.hero-wa-bubble{background:var(--wa-bubble-outgoing);color:#111;border-radius:8px 8px 8px 0}.hero-wa-bubble,.hero-wa-bubble-incoming{padding:8px 12px;font-size:13px;line-height:1.4}.hero-wa-bubble-incoming{background:var(--wa-bubble-incoming);color:#fff;border-radius:8px 8px 0 8px}.hero-wa-timestamp{font-size:10px;opacity:.5;text-align:right;margin-top:2px}.hero-match-card-live{border-left:2px solid var(--marketing-success)}.hero-match-live{width:6px;height:6px;border-radius:50%;background:var(--marketing-success);animation:hero-pulse 2s ease-in-out infinite}@keyframes hero-pulse{0%,to{opacity:1}50%{opacity:.4}}@media (prefers-reduced-motion:reduce){.hero-cta:hover{transform:none}.hero-match-live{animation:none}}.showcase-phone-frame{position:relative;display:flex;flex-direction:column;aspect-ratio:9/19.5;border-radius:36px;border:2px solid rgba(255,255,255,.12);background:rgba(10,10,10,.95);box-shadow:0 0 0 1px rgba(255,255,255,.04),0 8px 40px rgba(0,0,0,.6);overflow:hidden}.showcase-table-row{transition:background .15s ease}.showcase-table-row,.showcase-table-row-selected{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:6px}.showcase-table-row-selected{background:rgba(255,255,255,.04)}.showcase-checkbox{border-radius:3px;border:1px solid rgba(255,255,255,.12);place-items:center}.showcase-checkbox,.showcase-checkbox-checked{width:14px;height:14px;flex-shrink:0;display:grid}.showcase-checkbox-checked{border-radius:3px;border:1px solid var(--marketing-accent);background:var(--marketing-accent);place-items:center}.showcase-filter-chip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-weight:500;color:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.08)}.showcase-filter-chip,.showcase-variable-tag{font-size:10px;background:rgba(255,255,255,.05)}.showcase-variable-tag{display:inline;padding:1px 4px;border-radius:3px;font-family:var(--font-mono);color:var(--marketing-accent)}@media (prefers-reduced-motion:reduce){.showcase-phone-frame{animation:none}}.hero-mobile-glow{position:absolute;top:8%;left:50%;transform:translateX(-50%);width:340px;height:280px;background:radial-gradient(ellipse 100% 80% at 50% 50%,rgba(255,255,255,.07) 0,transparent 60%),radial-gradient(ellipse 70% 60% at 50% 55%,rgba(170,180,220,.06) 0,transparent 65%);filter:blur(50px);pointer-events:none;z-index:1}.hero-product-teaser{position:relative;width:100%;max-width:320px;aspect-ratio:16/9;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:rgba(14,14,14,.6);backdrop-filter:blur(12px);box-shadow:0 4px 24px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.03)}.hero-product-teaser img{width:100%;height:100%;object-fit:cover;object-position:left top;transform:scale(1.3);transform-origin:left top}.hero-product-teaser:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(180deg,transparent,rgba(10,10,10,.8));pointer-events:none}@media (max-width:767px){.section-glow-accent:after,.section-glow-left:after,.section-glow-right:after{display:none}.hero-dashboard-glow{background:radial-gradient(ellipse 80% 50% at 50% 20%,rgba(255,255,255,.18) 0,transparent 60%),radial-gradient(ellipse 100% 75% at 50% 40%,rgba(130,140,190,.08) 0,transparent 75%);filter:blur(30px)}.hero-dashboard-glass{backdrop-filter:blur(10px) saturate(110%);-webkit-backdrop-filter:blur(10px) saturate(110%)}}