.gsap-reveal{visibility:hidden}.cinematic-hero .film-grain{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:50;opacity:.05;mix-blend-mode:overlay;background:url('data:image/svg+xml;utf8,<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><filter id="noiseFilter"><feTurbulence type="fractalNoise" baseFrequency="0.8" numOctaves="3" stitchTiles="stitch"/></filter><rect width="100%" height="100%" filter="url(%23noiseFilter)"/></svg>')}.cinematic-hero .bg-grid-theme{background-size:60px 60px;background-image:linear-gradient(to right,color-mix(in srgb,hsl(var(--foreground)) 5%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,hsl(var(--foreground)) 5%,transparent) 1px,transparent 1px);mask-image:radial-gradient(ellipse at center,#000 0,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,#000 0,transparent 70%)}.cinematic-hero .text-3d-matte{color:hsl(var(--foreground));text-shadow:0 10px 30px color-mix(in srgb,hsl(var(--foreground)) 20%,transparent),0 2px 4px color-mix(in srgb,hsl(var(--foreground)) 10%,transparent)}.cinematic-hero .text-silver-matte{background:linear-gradient(180deg,hsl(var(--foreground)) 0,color-mix(in srgb,hsl(var(--foreground)) 40%,transparent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transform:translateZ(0);filter:drop-shadow(0 10px 20px color-mix(in srgb,hsl(var(--foreground)) 15%,transparent)) drop-shadow(0 2px 4px color-mix(in srgb,hsl(var(--foreground)) 10%,transparent))}.cinematic-hero .text-card-silver-matte{background:linear-gradient(180deg,#fff,#a1a1aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transform:translateZ(0);filter:drop-shadow(0 12px 24px rgba(0,0,0,.8)) drop-shadow(0 4px 8px rgba(0,0,0,.6))}.cinematic-hero .premium-depth-card{background:linear-gradient(145deg,#1a1a1a,#050505);box-shadow:0 40px 100px -20px rgba(0,0,0,.95),0 20px 40px -20px rgba(0,0,0,.85),inset 0 1px 2px hsla(0,0%,100%,.06),inset 0 -2px 4px rgba(0,0,0,.8),inset 0 0 80px rgba(255,107,0,.04);border:1px solid hsla(0,0%,100%,.04);position:relative}.cinematic-hero .card-sheen{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:50;background:radial-gradient(800px circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(255,107,0,.12) 0,transparent 40%);mix-blend-mode:screen;transition:opacity .3s ease}.cinematic-hero .iphone-bezel{background-color:#111;box-shadow:inset 0 0 0 2px #52525b,inset 0 0 0 7px #000,0 40px 80px -15px rgba(0,0,0,.9),0 15px 25px -5px rgba(0,0,0,.7);transform-style:preserve-3d;border:none;padding:0}.cinematic-hero .hardware-btn{background:linear-gradient(90deg,#404040,#171717);box-shadow:-2px 0 5px rgba(0,0,0,.8),inset -1px 0 1px hsla(0,0%,100%,.15),inset 1px 0 2px rgba(0,0,0,.8);border-left:1px solid hsla(0,0%,100%,.05)}.cinematic-hero .screen-glare{background:linear-gradient(110deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,0) 45%)}.cinematic-hero .widget-depth{background:linear-gradient(180deg,hsla(0,0%,100%,.04),hsla(0,0%,100%,.01));box-shadow:0 10px 20px rgba(0,0,0,.3),inset 0 1px 1px hsla(0,0%,100%,.05),inset 0 -1px 1px rgba(0,0,0,.5);border:1px solid hsla(0,0%,100%,.03)}.cinematic-hero .floating-ui-badge{background:linear-gradient(135deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,.01));backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 0 0 1px hsla(0,0%,100%,.1),0 25px 50px -12px rgba(0,0,0,.8),inset 0 1px 1px hsla(0,0%,100%,.2),inset 0 -1px 1px rgba(0,0,0,.5)}.cinematic-hero .btn-modern-dark,.cinematic-hero .btn-modern-light{transition:all .4s cubic-bezier(.25,1,.5,1)}.cinematic-hero .btn-modern-light{background:linear-gradient(180deg,#fff,#f1f5f9);color:#0f172a;box-shadow:0 0 0 1px rgba(0,0,0,.05),0 2px 4px rgba(0,0,0,.1),0 12px 24px -4px rgba(0,0,0,.3),inset 0 1px 1px #fff,inset 0 -3px 6px rgba(0,0,0,.06);cursor:pointer}.cinematic-hero .btn-modern-light:hover{transform:translateY(-3px);box-shadow:0 0 0 1px rgba(0,0,0,.05),0 6px 12px -2px rgba(0,0,0,.15),0 20px 32px -6px rgba(0,0,0,.4),inset 0 1px 1px #fff,inset 0 -3px 6px rgba(0,0,0,.06)}.cinematic-hero .btn-modern-light:active{transform:translateY(1px);background:linear-gradient(180deg,#f1f5f9,#e2e8f0)}.cinematic-hero .btn-modern-dark{background:linear-gradient(180deg,#27272a,#18181b);color:#fff;box-shadow:0 0 0 1px hsla(0,0%,100%,.1),0 2px 4px rgba(0,0,0,.6),0 12px 24px -4px rgba(0,0,0,.9),inset 0 1px 1px hsla(0,0%,100%,.15),inset 0 -3px 6px rgba(0,0,0,.8);cursor:pointer}.cinematic-hero .btn-modern-dark:hover{transform:translateY(-3px);background:linear-gradient(180deg,#3f3f46,#27272a);box-shadow:0 0 0 1px rgba(255,107,0,.4),0 6px 12px -2px rgba(0,0,0,.7),0 20px 32px -6px rgba(255,107,0,.2),inset 0 1px 1px hsla(0,0%,100%,.2),inset 0 -3px 6px rgba(0,0,0,.8)}.cinematic-hero .btn-modern-dark:active{transform:translateY(1px);background:#18181b}.cinematic-hero .progress-ring{transform:rotate(-90deg);transform-origin:center;stroke-dasharray:402;stroke-dashoffset:402;stroke-linecap:round}