:root{--brand: #D94800;--brand-light: #E55A00;--brand-hover: #C03E00;--brand-glow: rgba(217, 72, 0, .25);--bg-primary: #F5F2EE;--bg-secondary: #EDE8E1;--bg-card: #FFFFFF;--bg-dark: #1A1A1A;--bg-dark-surface: #222222;--border: rgba(200, 191, 180, .4);--border-strong: rgba(200, 191, 180, .6);--text-primary: #1A1A1A;--text-secondary: #6B6B6B;--text-muted: #9A9A9A;--success: #34C759;--warning: #FF9500;--danger: #FF3B30;--font-display: "Plus Jakarta Sans", sans-serif;--font-body: "Inter", sans-serif;--text-xs: clamp(.75rem, .7rem + .25vw, .8125rem);--text-sm: clamp(.8125rem, .8rem + .375vw, .875rem);--text-base: clamp(.875rem, .9rem + .5vw, 1rem);--text-lg: clamp(1rem, 1rem + .625vw, 1.125rem);--text-xl: clamp(1.125rem, 1rem + 1.25vw, 1.375rem);--text-2xl: clamp(1.375rem, 1.25rem + 1.25vw, 1.75rem);--text-3xl: clamp(1.75rem, 1.5rem + 2.5vw, 2.5rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.25, .46, .45, .94);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--duration-parallax: .6s}@keyframes fadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes heroPhoneFloat{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-12px) rotate(.5deg)}66%{transform:translateY(-6px) rotate(-.3deg)}}@keyframes heroGlow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes orbitSlow{0%{transform:rotate(0) translate(120px) rotate(0)}to{transform:rotate(360deg) translate(120px) rotate(-360deg)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes phonePulse{0%,to{box-shadow:0 40px 80px -20px #d948004d}50%{box-shadow:0 50px 100px -20px #d9480073}}.scroll-reveal{opacity:0;transform:translateY(40px);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out)}.scroll-reveal.revealed{opacity:1;transform:translateY(0)}.scroll-reveal-left{opacity:0;transform:translate(-60px);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out)}.scroll-reveal-left.revealed{opacity:1;transform:translate(0)}.scroll-reveal-right{opacity:0;transform:translate(60px);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out)}.scroll-reveal-right.revealed{opacity:1;transform:translate(0)}.scroll-reveal-scale{opacity:0;transform:scale(.9);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out)}.scroll-reveal-scale.revealed{opacity:1;transform:scale(1)}.stagger>*{opacity:0;animation:fadeUp .6s var(--ease-out) forwards}.stagger>*:nth-child(1){animation-delay:80ms}.stagger>*:nth-child(2){animation-delay:.16s}.stagger>*:nth-child(3){animation-delay:.24s}.stagger>*:nth-child(4){animation-delay:.32s}.stagger>*:nth-child(5){animation-delay:.4s}.stagger>*:nth-child(6){animation-delay:.48s}.parallax-container{perspective:1000px;overflow:hidden}.parallax-slow,.parallax-fast{will-change:transform;transition:transform .1s linear}.hero-phone-main{animation:heroPhoneFloat 8s ease-in-out infinite,phonePulse 4s ease-in-out infinite}.hero-phone-left{animation:heroPhoneFloat 9s ease-in-out infinite;animation-delay:-2s}.hero-phone-right{animation:heroPhoneFloat 10s ease-in-out infinite;animation-delay:-4s}.hero-glow-orb{animation:heroGlow 6s ease-in-out infinite}.orbit-element{animation:orbitSlow 20s linear infinite}.gradient-animate{background-size:200% 200%;animation:gradientShift 8s ease infinite}.demo-carousel{display:flex;gap:1.5rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;padding:2rem 1rem}.demo-carousel::-webkit-scrollbar{display:none}.demo-carousel{-ms-overflow-style:none;scrollbar-width:none}.demo-card{scroll-snap-align:center;flex-shrink:0;transition:transform .5s var(--ease-out),opacity .5s var(--ease-out)}.demo-card:hover{transform:translateY(-8px) scale(1.02)}.phone-frame:before{content:"";position:absolute;top:12px;left:50%;transform:translate(-50%);width:100px;height:28px;background:#000;border-radius:20px;z-index:10}.phone-frame-inner{border-radius:2.5rem;overflow:hidden;position:relative;background:#1a1a1a}.phone-frame-inner img{display:block;width:100%;height:auto}.phone-frame-sm{border-radius:2.2rem;padding:5px}.phone-frame-sm:before{width:70px;height:20px;top:8px}.phone-frame-sm .phone-frame-inner{border-radius:1.9rem}.feature-sticky{position:sticky;top:5rem;height:fit-content}.glass-card{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.4)}.glass-card-dark{background:#1a1a1acc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08)}.grain-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.025;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}@keyframes meshGradient{0%,to{background-position:0% 50%}25%{background-position:50% 0%}50%{background-position:100% 50%}75%{background-position:50% 100%}}.mesh-gradient{background-size:400% 400%;animation:meshGradient 20s ease infinite}.glow-card{position:relative;overflow:hidden}.glow-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#d948004d,#eed86833,#469b8833,#d9480026);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:0;transition:opacity .5s ease}.glow-card:hover:before{opacity:1}.premium-glass{background:#fff9;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 30px #0000000a,inset 0 1px #fff6}.premium-glass-dark{background:#1a1a1ab3;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.06);box-shadow:0 4px 30px #0000004d,inset 0 1px #ffffff0d}.spotlight{position:relative}.spotlight:after{content:"";position:absolute;top:-50%;left:50%;transform:translate(-50%);width:120%;height:60%;background:radial-gradient(ellipse at center,rgba(217,72,0,.08) 0%,transparent 70%);pointer-events:none}@keyframes borderRotate{0%{--angle: 0deg}to{--angle: 360deg}}@keyframes shimmerText{0%{background-position:-200% center}to{background-position:200% center}}.shimmer-text{background:linear-gradient(90deg,#d94800,#ff9a5c,#eed868,#ff9a5c,#d94800);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmerText 6s linear infinite}.perspective-container{perspective:1200px}.tilt-phone{transform:rotateY(-5deg) rotateX(2deg);transition:transform .6s var(--ease-out)}.tilt-phone:hover{transform:rotateY(0) rotateX(0)}@keyframes floatBadge{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(2deg)}}.float-badge{animation:floatBadge 5s ease-in-out infinite}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-track{display:flex;gap:2rem;animation:marquee 40s linear infinite;width:max-content}.marquee-track:hover{animation-play-state:paused}.bento-item{transition:transform .4s var(--ease-out),box-shadow .4s var(--ease-out)}.bento-item:hover{transform:translateY(-4px);box-shadow:0 20px 60px -15px #d9480026,0 0 0 1px #d9480014}.section-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(217,72,0,.15),rgba(238,216,104,.1),transparent)}.phone-frame{position:relative;background:linear-gradient(160deg,#333,#1c1c1c 30%,#111);border-radius:2.75rem;padding:5px;box-shadow:0 40px 80px -20px #00000080,0 0 0 .5px #ffffff1a,inset 0 .5px #ffffff1f}.deco-blob{position:absolute;border-radius:50%;pointer-events:none;filter:blur(80px)}.deco-blob-orange{background:#d948001f}.deco-blob-teal{background:#469b881a}.deco-blob-gold{background:#eed8681a}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.animate-scroll{animation:scroll 60s linear infinite}.animate-scroll:hover{animation-play-state:paused}@keyframes float-slow{0%,to{transform:translateY(0) rotate(12deg)}50%{transform:translateY(-20px) rotate(18deg)}}@keyframes float-medium{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes float-gentle{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-8px) rotate(1deg)}75%{transform:translateY(-4px) rotate(-1deg)}}.animate-float-slow{animation:float-slow 8s ease-in-out infinite}.animate-float-medium{animation:float-medium 6s ease-in-out infinite}.animate-float-gentle{animation:float-gentle 7s ease-in-out infinite}.shadow-soft{box-shadow:0 4px 20px -2px #0000000d}.dark .shadow-soft{box-shadow:0 10px 40px -4px #0006}.pressable{transition:transform .15s var(--ease-spring)}.pressable:active{transform:scale(.97)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.safe-area-pb{padding-bottom:env(safe-area-inset-bottom,0px)}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){.scroll-reveal,.scroll-reveal-left,.scroll-reveal-right,.scroll-reveal-scale{opacity:1;transform:none;transition:none}.hero-phone-main,.hero-phone-left,.hero-phone-right,.hero-glow-orb,.orbit-element,.gradient-animate,.animate-float-slow,.animate-float-medium,.animate-float-gentle,.animate-scroll{animation:none}}@media(max-width:640px){.phone-frame{border-radius:2.2rem;padding:5px}.phone-frame:before{width:70px;height:20px;top:8px}.phone-frame-inner{border-radius:1.9rem}}
