@import "https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Syne:wght@400;500;600;700;800&display=swap";:root{--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-geist:"Geist", var(--font-sans);--font-heading:"Syne", sans-serif;--bg-primary:#f5f2eb;--color-text:#2f2c28;--color-text-muted:#726e67;--color-text-inverse:#fff;--clay-bg:#fdfdfc;--clay-shadow-out:12px 12px 30px #a69b9138, -12px -12px 30px #fff;--clay-shadow-in:inset 6px 6px 12px #a69b911f, inset -6px -6px 12px #fff;--accent-emerald:#005a36;--accent-emerald-hover:#004529;--accent-orange:#f97316;--accent-orange-hover:#ea580c;--accent-purple:#8b5cf6;--accent-pink:#ec4899;--glass-bg:#fdfdfc99;--glass-bg-hover:#fdfdfcd9;--glass-border:#fff9;--glass-shadow:0 10px 30px #968c821a;--glass-blur:blur(20px);--clay-btn-shadow:6px 6px 16px #a69b9133, -6px -6px 16px #fff, inset 0 2px 3px #fffc;--clay-btn-shadow-active:inset 4px 4px 8px #a69b9138, inset -4px -4px 8px #fff;--transition-smooth:all .4s cubic-bezier(.25, .8, .25, 1);--transition-bounce:all .5s cubic-bezier(.175, .885, .32, 1.275);--ref-green-card:linear-gradient(135deg, #004d3d 0%, #002e24 100%);--ref-orange-card:linear-gradient(135deg, #ff9e80 0%, #f57c00 100%);--ref-purple-card:linear-gradient(135deg, #8b5cf6 0%, #5b21b6 100%);--ref-pink-card:linear-gradient(135deg, #ec4899 0%, #be185d 100%);--ref-cream-card:#fdfdfc}[data-theme=dark]{--bg-primary:#12110e;--color-text:#f0ede9;--color-text-muted:#a39f98;--color-text-inverse:#12110e;--clay-bg:#1c1a16;--clay-shadow-out:12px 12px 32px #0009, -12px -12px 32px #ffffff08;--clay-shadow-in:inset 6px 6px 12px #00000080, inset -6px -6px 12px #ffffff0a;--accent-emerald:#10b981;--accent-emerald-hover:#059669;--glass-bg:#1c1a16b3;--glass-bg-hover:#26231ed9;--glass-border:#ffffff0f;--glass-shadow:0 10px 30px #00000080;--clay-btn-shadow:6px 6px 16px #00000080, -6px -6px 16px #ffffff05, inset 0 1px 1px #ffffff0d;--clay-btn-shadow-active:inset 4px 4px 8px #0000008c, inset -4px -4px 8px #ffffff0d;--ref-green-card:linear-gradient(135deg, #00362b 0%, #001f18 100%);--ref-orange-card:linear-gradient(135deg, #e65100 0%, #ff6d00 100%);--ref-cream-card:#1c1a16}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--color-text);background-color:var(--bg-primary);min-height:100vh;line-height:1.6;transition:background-color .5s,color .3s;position:relative;overflow-x:hidden}.surreal-bg-container{z-index:-10;pointer-events:none;background-color:var(--bg-primary);width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.glowing-orb{filter:blur(100px);opacity:.35;mix-blend-mode:multiply;transition:var(--transition-smooth);border-radius:50%;animation:25s ease-in-out infinite alternate floatOrb;position:absolute}.glowing-orb-1{background:radial-gradient(circle, var(--accent-purple) 0%, transparent 70%);width:500px;height:500px;animation-duration:20s;top:-10%;left:-10%}.glowing-orb-2{background:radial-gradient(circle, var(--accent-pink) 0%, transparent 70%);width:600px;height:600px;animation-duration:28s;animation-delay:-5s;bottom:-20%;right:-10%}.glowing-orb-3{background:radial-gradient(circle,#fcd34d 0%,#0000 70%);width:450px;height:450px;animation-duration:22s;animation-delay:-10s;top:40%;left:50%}[data-theme=dark] .glowing-orb{opacity:.15;mix-blend-mode:screen}@keyframes floatOrb{0%{transform:translate(0)scale(1)rotate(0)}33%{transform:translate(80px,-60px)scale(1.15)rotate(120deg)}66%{transform:translate(-50px,40px)scale(.9)rotate(240deg)}to{transform:translate(0)scale(1)rotate(360deg)}}.plant-leaf-container{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.plant-leaf{opacity:.15;filter:drop-shadow(4px 4px 6px #00000014);animation:8s ease-in-out infinite alternate floatLeaf;position:absolute}.plant-leaf-1{width:80px;animation-duration:9s;top:15%;right:5%;transform:rotate(45deg)}.plant-leaf-2{width:100px;animation-duration:11s;animation-delay:-3s;bottom:25%;left:3%;transform:rotate(-30deg)}@keyframes floatLeaf{0%{transform:translateY(0) rotate(var(--rot,15deg))}to{transform:translateY(-15px) rotate(calc(var(--rot,15deg) + 10deg))}}.clay-card{background-color:var(--clay-bg);box-shadow:var(--clay-shadow-out);transition:var(--transition-bounce);border:1px solid #ffffffbf;border-radius:28px;position:relative;overflow:hidden}.clay-card-inset{box-shadow:var(--clay-shadow-in);background-color:#00000004;border:1px solid #00000005;border-radius:18px}.clay-btn{font-family:var(--font-heading);cursor:pointer;transition:var(--transition-bounce);box-shadow:var(--clay-btn-shadow);border:none;border-radius:9999px;justify-content:center;align-items:center;padding:12px 28px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.clay-btn-soft{background-color:var(--clay-bg);color:var(--color-text);border:1px solid #ffffffb3}.clay-btn-soft:hover{transform:translateY(-2px);box-shadow:6px 6px 15px #968c8240,-6px -6px 15px #fff}.clay-btn-soft:active{box-shadow:var(--clay-btn-shadow-active);transform:translateY(1px)}.clay-btn-accent{background-color:var(--accent-emerald);color:var(--color-text-inverse);border:1px solid #ffffff1a;box-shadow:4px 4px 12px #005a3633,inset 0 2px 3px #ffffff40}.clay-btn-accent:hover{background-color:var(--accent-emerald-hover);transform:translateY(-3px);box-shadow:6px 6px 18px #005a3659,inset 0 2px 3px #fff3}.clay-btn-accent:active{transform:translateY(1px);box-shadow:inset 2px 2px 5px #00000040}.clay-btn-orange{background-color:var(--accent-orange);color:var(--color-text-inverse);border:1px solid #ffffff26;box-shadow:4px 4px 12px #f9731633,inset 0 2px 3px #ffffff40}.clay-btn-orange:hover{background-color:var(--accent-orange-hover);transform:translateY(-3px);box-shadow:6px 6px 18px #f9731659,inset 0 2px 3px #fff3}.clay-btn-orange:active{transform:translateY(1px);box-shadow:inset 2px 2px 5px #00000040}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);transition:var(--transition-bounce);border-radius:24px}.glass-card:hover{background:var(--glass-bg-hover);border-color:#ffffffd9;box-shadow:0 12px 36px #968c8226}h1,h2,h3,h4{font-family:var(--font-heading);color:var(--color-text);font-weight:700;line-height:1.25}h1{letter-spacing:-.04em;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:800}h2{letter-spacing:-.03em;font-size:clamp(2rem,3.5vw,2.75rem);font-weight:700}h3{font-weight:700}p{color:var(--color-text-muted)}::-webkit-scrollbar{width:10px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{border:2px solid var(--bg-primary);background:#d4cfc5;border-radius:20px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.scroller{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:24px;padding:40px 20px;display:flex;overflow-x:auto}.scroller::-webkit-scrollbar{display:none}.scroller>*{scroll-snap-align:center;flex:0 0 320px}@media (width>=768px){.scroller>*{flex:0 0 360px}}.grid-container{gap:32px;width:100%;display:grid}.grid-cols-2{grid-template-columns:1fr}@media (width>=768px){.grid-cols-2{grid-template-columns:repeat(2,1fr)}}.grid-cols-3{grid-template-columns:1fr}@media (width>=768px){.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.grid-cols-3{grid-template-columns:repeat(3,1fr)}}section{max-width:1280px;margin:0 auto;padding:100px 24px;position:relative}.hover-float{transition:var(--transition-bounce)}.hover-float:hover{transform:translateY(-8px)scale(1.015)}.card-perspective{perspective:1000px}.card-inner{transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.card-perspective:hover .card-inner{transform:rotateY(8deg)rotateX(4deg)}.tilt-card{transform-style:preserve-3d;transition:transform .25s cubic-bezier(.25,.8,.25,1),box-shadow .3s,border-color .3s}.tilt-card-inner{transform-style:preserve-3d;transition:transform .25s cubic-bezier(.25,.8,.25,1);transform:translateZ(32px)}@keyframes revealUp{0%{opacity:0;transform:translateY(50px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes textReveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-text-reveal{opacity:0;animation:1s cubic-bezier(.16,1,.3,1) forwards textReveal}@media (prefers-reduced-motion:no-preference){.js-reveal-container .scroll-reveal{opacity:0;transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1);transform:translateY(40px)scale(.97)}.js-reveal-container .scroll-reveal.is-visible{opacity:1;transform:translateY(0)scale(1)}.scroll-reveal>*{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(20px)}.scroll-reveal.is-visible>*{opacity:1;transform:translateY(0)}.scroll-reveal.is-visible>:first-child{transition-delay:.1s}.scroll-reveal.is-visible>:nth-child(2){transition-delay:.25s}.scroll-reveal.is-visible>:nth-child(3){transition-delay:.4s}.scroll-reveal.is-visible>:nth-child(4){transition-delay:.55s}.scroll-reveal.is-visible>:nth-child(5){transition-delay:.7s}@supports (animation-timeline:view()) and (animation-range:entry){.js-reveal-container .scroll-reveal{opacity:0;animation:linear both revealUp;animation-timeline:view();animation-range:entry 10% entry 40%;transform:translateY(40px)scale(.97);transition:none!important}.scroll-reveal>*{opacity:1;transform:translateY(0);transition:none!important}}}input[type=range].clay-slider{-webkit-appearance:none;background:#d4cfc5;border-radius:10px;outline:none;width:100%;height:12px;box-shadow:inset 1px 1px 3px #0000001a}input[type=range].clay-slider::-webkit-slider-thumb{appearance:none;background:var(--accent-orange);cursor:pointer;width:28px;height:28px;transition:var(--transition-bounce);border:3px solid #fff;border-radius:50%;box-shadow:0 4px 10px #00000026}input[type=range].clay-slider::-webkit-slider-thumb:hover{background:var(--accent-orange-hover);transform:scale(1.2)}input[type=range].clay-slider::-moz-range-thumb{background:var(--accent-orange);cursor:pointer;width:28px;height:28px;transition:var(--transition-bounce);border:3px solid #fff;border-radius:50%;box-shadow:0 4px 10px #00000026}input[type=range].clay-slider::-moz-range-thumb:hover{background:var(--accent-orange-hover);transform:scale(1.2)}@keyframes softPulse{0%{opacity:.6;transform:scale(1)}to{opacity:.9;transform:scale(1.1)}}.status-pulse{animation:1.5s ease-in-out infinite alternate softPulse}.delay-1{transition-delay:.15s!important;animation-delay:.15s!important}.delay-2{transition-delay:.3s!important;animation-delay:.3s!important}.delay-3{transition-delay:.45s!important;animation-delay:.45s!important}.delay-4{transition-delay:.6s!important;animation-delay:.6s!important}.delay-5{transition-delay:.75s!important;animation-delay:.75s!important}.clay-card-green{background:var(--ref-green-card)!important;color:#fff!important;border:1.5px solid #ffffff26!important;box-shadow:12px 12px 30px #00362359,inset 0 2px 4px #fff3!important}.clay-card-green p,.clay-card-green span{color:#ffffffbf!important}.clay-card-green h1,.clay-card-green h2,.clay-card-green h3,.clay-card-green h4{color:#fff!important}.clay-card-green:after{content:"";background:linear-gradient(90deg,#0000,#10b98126,#0000);width:150%;height:100%;animation:8s linear infinite neonSweep;position:absolute;top:0;left:-150%;transform:skew(-20deg)}@keyframes neonSweep{0%{left:-150%}30%{left:150%}to{left:150%}}.clay-card-orange{background:var(--ref-orange-card)!important;color:#fff!important;border:1.5px solid #ffffff40!important;box-shadow:12px 12px 30px #f973164d,inset 0 2px 4px #ffffff4d!important}.clay-card-orange p,.clay-card-orange span{color:#ffffffd9!important}.clay-card-orange h1,.clay-card-orange h2,.clay-card-orange h3,.clay-card-orange h4{color:#fff!important}.clay-card-purple{background:var(--ref-purple-card)!important;color:#fff!important;border:1.5px solid #fff3!important;box-shadow:12px 12px 30px #8b5cf64d,inset 0 2px 4px #ffffff40!important}.clay-card-purple p,.clay-card-purple span{color:#ffffffd9!important}.clay-card-purple h1,.clay-card-purple h2,.clay-card-purple h3,.clay-card-purple h4{color:#fff!important}.clay-card-pink{background:var(--ref-pink-card)!important;color:#fff!important;border:1.5px solid #fff3!important;box-shadow:12px 12px 30px #ec48994d,inset 0 2px 4px #ffffff40!important}.clay-card-pink p,.clay-card-pink span{color:#ffffffd9!important}.clay-card-pink h1,.clay-card-pink h2,.clay-card-pink h3,.clay-card-pink h4{color:#fff!important}.clay-card-cream{background:var(--ref-cream-card)!important;box-shadow:var(--clay-shadow-out)!important;border:1.5px solid #fffc!important}.shape-donut{z-index:10;background:#eae8e3;border:22px solid #ccc9be;border-radius:50%;width:90px;height:90px;animation:8s ease-in-out infinite alternate floatDonut;position:absolute;top:-40px;left:-50px;box-shadow:inset 8px 8px 16px #0000001f,inset -8px -8px 16px #fff,8px 12px 24px #0000001a}@keyframes floatDonut{0%{transform:translateY(0)rotate(0)scale(1)}to{transform:translateY(-15px)rotate(45deg)scale(1.05)}}.shape-glow-sphere{z-index:-1;background:radial-gradient(circle at 30% 30%,#fff 0%,#fffbf2 40%,#ffedd5 100%);border-radius:50%;width:140px;height:140px;animation:10s ease-in-out infinite alternate floatGlowSphere;position:absolute;top:-60px;right:-70px;box-shadow:0 0 60px #fdba7466,10px 15px 30px #00000014}@keyframes floatGlowSphere{0%{opacity:.8;transform:translateY(0)scale(1)}to{opacity:1;transform:translateY(12px)scale(1.1)}}.shape-orange-sphere{z-index:10;background:radial-gradient(circle at 30% 30%,#ffa726,#f57c00);border-radius:50%;width:32px;height:32px;animation:6s ease-in-out infinite alternate floatOrangeSphere;position:absolute;bottom:-20px;right:-10px;box-shadow:4px 6px 12px #f57c004d,inset -2px -2px 6px #0003}@keyframes floatOrangeSphere{0%{transform:translateY(0)scale(1)}to{transform:translateY(-10px)scale(1.1)}}.shape-leaf-3d{z-index:11;width:50px;height:50px;animation:7s ease-in-out infinite alternate floatLeaf3d;position:absolute;bottom:-30px;left:-20px;transform:rotate(-15deg)}@keyframes floatLeaf3d{0%{transform:translateY(0)rotate(-15deg)scale(1)}to{transform:translateY(10px)rotate(-5deg)scale(1.08)}}.clay-card-pastel-green{color:var(--color-text)!important;background:linear-gradient(135deg,#dcefe1 0%,#b8e2c4 100%)!important;border:1.5px solid #005a362e!important;box-shadow:8px 8px 24px #00362314,-8px -8px 24px #fff!important}.clay-card-pastel-purple{color:var(--color-text)!important;background:linear-gradient(135deg,#e7e0f8 0%,#cfc0f2 100%)!important;border:1.5px solid #8b5cf62e!important;box-shadow:8px 8px 24px #8b5cf614,-8px -8px 24px #fff!important}.clay-card-pastel-pink{color:var(--color-text)!important;background:linear-gradient(135deg,#fae0dc 0%,#f4c0b8 100%)!important;border:1.5px solid #ec48992e!important;box-shadow:8px 8px 24px #ec489914,-8px -8px 24px #fff!important}.clay-card-pastel-orange{color:var(--color-text)!important;background:linear-gradient(135deg,#faebd9 0%,#f4cca8 100%)!important;border:1.5px solid #f973162e!important;box-shadow:8px 8px 24px #f9731614,-8px -8px 24px #fff!important}[data-theme=dark] .clay-card-pastel-green{background:#0f1c16!important;border:1.5px solid #10b98133!important;box-shadow:12px 12px 30px #0006!important}[data-theme=dark] .clay-card-pastel-purple{background:#191624!important;border:1.5px solid #8b5cf633!important;box-shadow:12px 12px 30px #0006!important}[data-theme=dark] .clay-card-pastel-pink{background:#24161c!important;border:1.5px solid #ec489933!important;box-shadow:12px 12px 30px #0006!important}[data-theme=dark] .clay-card-pastel-orange{background:#241b16!important;border:1.5px solid #f9731633!important;box-shadow:12px 12px 30px #0006!important}