.gsap-reveal{visibility:hidden}.film-grain{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>");width:100%;height:100%;position:absolute;inset:0}.bg-grid-theme{background-size:60px 60px;background-image:linear-gradient(to right, color-mix(in srgb, var(--color-foreground) 5%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--color-foreground) 5%, transparent) 1px, transparent 1px);-webkit-mask-image:radial-gradient(#000 0%,#0000 70%);mask-image:radial-gradient(#000 0%,#0000 70%)}.text-3d-matte{color:var(--color-foreground);text-shadow:0 10px 30px color-mix(in srgb, var(--color-foreground) 20%, transparent), 0 2px 4px color-mix(in srgb, var(--color-foreground) 10%, transparent)}.text-silver-matte{color:var(--color-foreground);background:linear-gradient(180deg, var(--color-foreground) 0%, color-mix(in srgb, var(--color-foreground) 80%, transparent) 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0px 10px 20px color-mix(in srgb, var(--color-foreground) 15%, transparent)) drop-shadow(0px 2px 4px color-mix(in srgb, var(--color-foreground) 10%, transparent));-webkit-background-clip:text;background-clip:text;padding-bottom:.15em;transform:translateZ(0)}.text-card-silver-matte{background:linear-gradient(#fff 0%,#a1a1aa 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 12px 24px #000c)drop-shadow(0 4px 8px #0009);-webkit-background-clip:text;background-clip:text;transform:translateZ(0)}.premium-depth-card{background:linear-gradient(145deg,#1a3300 0%,#0a1400 100%);border:1px solid #ffffff0a;position:relative;box-shadow:0 40px 100px -20px #000000e6,0 20px 40px -20px #000c,inset 0 1px 2px #fff3,inset 0 -2px 4px #000c}.card-sheen{border-radius:inherit;pointer-events:none;z-index:50;background:radial-gradient(800px circle at var(--mouse-x,50%) var(--mouse-y,50%), #ffffff0f 0%, transparent 40%);mix-blend-mode:screen;transition:opacity .3s;position:absolute;inset:0}.iphone-bezel{transform-style:preserve-3d;background-color:#111;box-shadow:inset 0 0 0 2px #52525b,inset 0 0 0 7px #000,0 40px 80px -15px #000000e6,0 15px 25px -5px #000000b3}.hardware-btn{background:linear-gradient(90deg,#404040 0%,#171717 100%);border-left:1px solid #ffffff0d;box-shadow:-2px 0 5px #000c,inset -1px 0 1px #ffffff26,inset 1px 0 2px #000c}.screen-glare{background:linear-gradient(110deg,#ffffff14 0%,#fff0 45%)}.widget-depth{background:linear-gradient(#ffffff0a 0%,#ffffff03 100%);border:1px solid #ffffff08;box-shadow:0 10px 20px #0000004d,inset 0 1px 1px #ffffff0d,inset 0 -1px 1px #00000080}.floating-ui-badge{-webkit-backdrop-filter:blur(24px);background:linear-gradient(135deg,#ffffff14 0%,#ffffff03 100%);box-shadow:0 0 0 1px #ffffff1a,0 25px 50px -12px #000c,inset 0 1px 1px #fff3,inset 0 -1px 1px #00000080}.btn-modern-light,.btn-modern-dark{transition:all .4s cubic-bezier(.25,1,.5,1)}.btn-modern-light{color:#0f172a;background:linear-gradient(#fff 0%,#f1f5f9 100%);box-shadow:0 0 0 1px #0000000d,0 2px 4px #0000001a,0 12px 24px -4px #0000004d,inset 0 1px 1px #fff,inset 0 -3px 6px #0000000f}.btn-modern-light:hover{transform:translateY(-3px);box-shadow:0 0 0 1px #0000000d,0 6px 12px -2px #00000026,0 20px 32px -6px #0006,inset 0 1px 1px #fff,inset 0 -3px 6px #0000000f}.btn-modern-light:active{background:linear-gradient(#f1f5f9 0%,#e2e8f0 100%);transform:translateY(1px);box-shadow:0 0 0 1px #0000001a,0 1px 2px #0000001a,inset 0 3px 6px #0000001a,inset 0 0 0 1px #00000005}.btn-modern-dark{color:#fff;background:linear-gradient(#27272a 0%,#18181b 100%);box-shadow:0 0 0 1px #ffffff1a,0 2px 4px #0009,0 12px 24px -4px #000000e6,inset 0 1px 1px #ffffff26,inset 0 -3px 6px #000c}.btn-modern-dark:hover{background:linear-gradient(#3f3f46 0%,#27272a 100%);transform:translateY(-3px);box-shadow:0 0 0 1px #ffffff26,0 6px 12px -2px #000000b3,0 20px 32px -6px #000,inset 0 1px 1px #fff3,inset 0 -3px 6px #000c}.btn-modern-dark:active{background:#18181b;transform:translateY(1px);box-shadow:0 0 0 1px #ffffff0d,inset 0 3px 8px #000000e6,inset 0 0 0 1px #00000080}.progress-ring{transform-origin:50%;stroke-dasharray:402;stroke-dashoffset:402px;stroke-linecap:round;transform:rotate(-90deg)}