.gsap-reveal{visibility:hidden}.film-grain{pointer-events:none;z-index:50;opacity:.03;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{background:linear-gradient(180deg, var(--color-foreground) 0%, color-mix(in srgb, var(--color-foreground) 40%, 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;transform:translateZ(0)}.text-card-dark-matte{background:linear-gradient(#09090b 0%,#71717a 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 10px 20px #09090b26)drop-shadow(0 2px 4px #09090b1a);-webkit-background-clip:text;background-clip:text;transform:translateZ(0)}.premium-depth-card{background:linear-gradient(145deg,#fff 0%,#f4f4f5 100%);border:1px solid #09090b0f;position:relative;box-shadow:0 40px 100px -20px #09090b1f,0 20px 40px -20px #09090b14,inset 0 1px 2px #fffc,inset 0 -2px 4px #09090b0d}.card-sheen{border-radius:inherit;pointer-events:none;z-index:50;background:radial-gradient(800px circle at var(--mx,50%) var(--my,50%), #09090b08 0%, transparent 40%);mix-blend-mode:multiply;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 #0a0a0a,0 40px 80px -15px #09090b40,0 15px 25px -5px #09090b26}.hardware-btn{background:linear-gradient(90deg,#3f3f46 0%,#27272a 100%);border-left:1px solid #0003;box-shadow:-2px 0 5px #0000004d,inset -1px 0 1px #ffffff1a}.screen-glare{background:linear-gradient(110deg,#ffffff14 0%,#fff0 45%)}.widget-depth{background:linear-gradient(#ffffff08 0%,#ffffff03 100%);border:1px solid #ffffff0a;box-shadow:0 5px 15px #00000040,inset 0 1px 1px #ffffff0d}.floating-ui-badge{-webkit-backdrop-filter:blur(20px);background:#ffffffd9 linear-gradient(135deg,#fffc 0%,#fff6 100%);box-shadow:0 0 0 1px #09090b0f,0 15px 35px -10px #09090b1a,inset 0 1px 1px #fff9}.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-circle{transform-origin:50%;stroke-dasharray:402;stroke-dashoffset:402px;stroke-linecap:round;transition:stroke-dashoffset .1s;transform:rotate(-90deg)}