:root{--crystal-white:#fff;--crystal-off-white:#fafafa;--crystal-ice:#e8ecef;--crystal-ice-light:#f5f7f8;--crystal-teal:#0d9488;--crystal-teal-light:#14b8a6;--crystal-obsidian:#0a0a0a;--crystal-graphite:#1a1a1a;--crystal-graphite-light:#2a2a2a;--crystal-rose:#8b7355;--crystal-amber:#9a8b6f;--gradient-ice:linear-gradient(135deg,#e8ecef 0%,#fff 50%,#f5f7f8 100%);--gradient-obsidian:linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 50%,#2a2a2a 100%);--gradient-subtle:linear-gradient(135deg,#0d94880d 0%,transparent 100%);--gradient-crystal:linear-gradient(135deg,#e8ecef80 0%,#fffc 50%,#f5f7f880 100%);--glass-bg:#ffffffb3;--glass-border:#ffffff4d;--glass-blur:20px;--shadow-sharp-sm:0 2px 4px #0000000d,0 1px 2px #0000001a;--shadow-sharp-md:0 4px 8px #0000000d,0 2px 4px #0000001a;--shadow-sharp-lg:0 8px 16px #0000000d,0 4px 8px #0000001a;--shadow-sharp-xl:0 16px 32px #0000001a,0 8px 16px #0000000d;--shadow-glow:0 0 40px #0d948826;--shadow-glow-lg:0 0 60px #0d948840;--ease-crystal:cubic-bezier(.16,1,.3,1);--ease-sharp:cubic-bezier(.65,0,.35,1);--ease-bounce:cubic-bezier(.34,1.56,.64,1);--ease-spring:cubic-bezier(.175,.885,.32,1.275);--duration-fast:.2s;--duration-normal:.4s;--duration-slow:.6s;--duration-slower:1s;--perspective-default:1000px}.dark{--glass-bg:#1a1a1acc;--glass-border:#ffffff1a;--gradient-crystal:linear-gradient(135deg,#0d94881a 0%,#1a1a1acc 50%,#f4a2610d 100%)}:root{--marketing-bg:var(--crystal-off-white);--marketing-text:var(--crystal-graphite);--marketing-text-secondary:#4b5563;--marketing-text-muted:#9ca3af;--marketing-border:#0000001a;--marketing-accent:var(--crystal-teal);--marketing-accent-hover:var(--crystal-teal-light);--marketing-bg-alt:var(--crystal-ice-light)}.dark{--marketing-bg:var(--crystal-obsidian);--marketing-text:var(--crystal-white);--marketing-text-secondary:#d1d5db;--marketing-text-muted:#6b7280;--marketing-border:#ffffff1a;--marketing-bg-alt:var(--crystal-graphite)}.reveal{opacity:0;transition:opacity var(--duration-slow)var(--ease-crystal),transform var(--duration-slow)var(--ease-crystal);transform:translateY(40px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-stagger>*{opacity:0;transition:opacity var(--duration-normal)var(--ease-crystal),transform var(--duration-normal)var(--ease-crystal);transform:translateY(30px)}.reveal-stagger.visible>:first-child{opacity:1;transition-delay:0s;transform:translateY(0)}.reveal-stagger.visible>:nth-child(2){opacity:1;transition-delay:.1s;transform:translateY(0)}.reveal-stagger.visible>:nth-child(3){opacity:1;transition-delay:.2s;transform:translateY(0)}.reveal-stagger.visible>:nth-child(4){opacity:1;transition-delay:.3s;transform:translateY(0)}.reveal-stagger.visible>:nth-child(5){opacity:1;transition-delay:.4s;transform:translateY(0)}.reveal-stagger.visible>:nth-child(6){opacity:1;transition-delay:.5s;transform:translateY(0)}.reveal-scale{opacity:0;transition:opacity var(--duration-slow)var(--ease-crystal),transform var(--duration-slow)var(--ease-crystal);transform:scale(.9)}.reveal-scale.visible{opacity:1;transform:scale(1)}.reveal-left{opacity:0;transition:opacity var(--duration-slow)var(--ease-crystal),transform var(--duration-slow)var(--ease-crystal);transform:translate(-60px)}.reveal-right{opacity:0;transition:opacity var(--duration-slow)var(--ease-crystal),transform var(--duration-slow)var(--ease-crystal);transform:translate(60px)}.reveal-left.visible,.reveal-right.visible{opacity:1;transform:translate(0)}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--shadow-sharp-md);transition:transform var(--duration-fast)var(--ease-sharp),box-shadow var(--duration-fast)var(--ease-sharp);border-radius:1rem}.glass-card:hover{box-shadow:var(--shadow-sharp-xl);transform:translateY(-4px)}.faceted-border{position:relative}.faceted-border:before{content:"";border-radius:inherit;background:linear-gradient(135deg,var(--crystal-teal)0%,var(--crystal-ice)50%,var(--crystal-rose)100%);-webkit-mask-composite:xor;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.crystal-btn{letter-spacing:.025em;transition:all var(--duration-fast)var(--ease-sharp);border-radius:.5rem;justify-content:center;align-items:center;padding:.875rem 2rem;font-size:.9375rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.crystal-btn-primary{background:var(--crystal-obsidian);color:var(--crystal-white);border:1px solid #0000}.dark .crystal-btn-primary{background:var(--crystal-white);color:var(--crystal-obsidian)}.crystal-btn-primary:hover{box-shadow:var(--shadow-sharp-lg);transform:translateY(-2px)}.crystal-btn-secondary{color:var(--crystal-obsidian);border:1px solid var(--crystal-obsidian);background:0 0}.dark .crystal-btn-secondary{color:var(--crystal-white);border-color:var(--crystal-white)}.crystal-btn-secondary:hover{background:var(--crystal-obsidian);color:var(--crystal-white)}.dark .crystal-btn-secondary:hover{background:var(--crystal-white);color:var(--crystal-obsidian)}.crystal-btn:after{content:"";transition:transform .6s var(--ease-crystal);background:linear-gradient(90deg,#0000 0%,#fff3 50%,#0000 100%);position:absolute;inset:0;transform:translate(-100%)}.crystal-btn:hover:after{transform:translate(100%)}.text-display{font-family:var(--font-display);letter-spacing:-.03em;font-weight:700;line-height:1.1}.text-display-xl{font-size:clamp(3rem,8vw,6rem)}.text-display-lg{font-size:clamp(2.5rem,6vw,4.5rem)}.text-display-md{font-size:clamp(2rem,4vw,3rem)}.text-body-lg{font-size:clamp(1.125rem,2vw,1.375rem);line-height:1.6}.text-gradient{background:linear-gradient(135deg,var(--crystal-teal)0%,var(--crystal-obsidian)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.dark .text-gradient{background:linear-gradient(135deg,var(--crystal-teal-light)0%,var(--crystal-white)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.crystal-grid-bg{position:relative}.crystal-grid-bg:before{content:"";pointer-events:none;background-image:linear-gradient(90deg,#00000008 1px,#0000 1px),linear-gradient(#00000008 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0}.dark .crystal-grid-bg:before{background-image:linear-gradient(90deg,#ffffff08 1px,#0000 1px),linear-gradient(#ffffff08 1px,#0000 1px)}.perspective-container{perspective:var(--perspective-default);transform-style:preserve-3d}.tilt-card{transition:transform var(--duration-fast)var(--ease-spring),box-shadow var(--duration-fast)var(--ease-sharp);transform-style:preserve-3d;will-change:transform}.tilt-card:hover{box-shadow:var(--shadow-glow)}.magnetic-hover{transition:transform var(--duration-fast)var(--ease-spring);will-change:transform}.glow-teal{box-shadow:var(--shadow-glow)}.glow-teal-lg{box-shadow:var(--shadow-glow-lg)}@keyframes morph{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}25%{border-radius:30% 60% 70% 40%/50% 60% 30%}50%{border-radius:50% 60% 30%/30% 60% 70% 40%}75%{border-radius:60% 40% 60% 30%/70% 30% 50% 60%}}.animate-morph{animation:8s ease-in-out infinite morph}.particle-field-container{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.marketing-section{padding:6rem 1.5rem;position:relative;overflow:hidden}@media (min-width:768px){.marketing-section{padding:8rem 2rem}}@media (min-width:1024px){.marketing-section{padding:10rem 2rem}}.marketing-container{max-width:1280px;margin:0 auto}@media (prefers-reduced-motion:reduce){.reveal,.reveal-scale,.reveal-left,.reveal-right,.reveal-stagger>*{opacity:1;transition:none;transform:none}.glass-card:hover{transform:none}.crystal-btn:after{display:none}}@keyframes crystal-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes crystal-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-float{animation:float 4s var(--ease-crystal)infinite}.animate-pulse-slow{animation:crystal-pulse 3s var(--ease-crystal)infinite}.animate-shimmer{background:linear-gradient(90deg,#0000 0%,#fff6 50%,#0000 100%) 0 0/200% 100%;animation:2s infinite shimmer}
