.product-showcase{padding:clamp(2.5rem,6vw,4rem) 0 0;border-top:1px solid color-mix(in srgb,#7eb8ff 12%,transparent)}.product-showcase-intro{margin-bottom:clamp(1.5rem,4vw,2.25rem);max-width:40rem}.product-showcase-eyebrow{margin:0 0 .65rem;font-size:.72rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:color-mix(in srgb,#b894f5 80%,transparent)}.product-showcase-title{margin:0 0 .65rem;font-family:Syne,Outfit,sans-serif;font-weight:700;font-size:clamp(1.35rem,3vw,1.75rem);letter-spacing:-.02em;color:#eef2f8}.product-showcase-lede{margin:0;color:#98a8bc;font-size:.98rem;line-height:1.55}.product-showcase-track{position:relative;height:clamp(240vh,320vh,380vh);margin:0 calc(-1*clamp(1.25rem,4vw,2.5rem));padding:0 clamp(1.25rem,4vw,2.5rem)}.product-showcase-sticky{position:sticky;top:0;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(1rem,4vw,2rem) 0;box-sizing:border-box}.product-showcase-hint{margin:0 0 .75rem;font-size:.7rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:color-mix(in srgb,#6ee0c0 55%,transparent);opacity:.85;animation:product-hint-pulse 3s ease-in-out infinite}.product-showcase-stage{position:relative;width:100%;max-width:min(1100px,100%);aspect-ratio:16 / 10;max-height:min(82dvh,620px);display:flex;align-items:center;justify-content:center}.product-showcase-holo-floor{position:absolute;left:50%;bottom:8%;width:88%;height:30%;transform:translate(-50%) rotateX(72deg);transform-origin:center bottom;border-radius:50%;background:radial-gradient(ellipse 80% 55% at 50% 50%,color-mix(in srgb,#4a9fe8 22%,transparent) 0%,color-mix(in srgb,#7c6cf0 12%,transparent) 38%,transparent 72%);box-shadow:0 0 60px 20px color-mix(in srgb,#00e8c8 8%,transparent),0 0 100px 40px color-mix(in srgb,#4a9fe8 6%,transparent);filter:blur(.5px);opacity:.75;pointer-events:none}.product-showcase-scene{position:relative;width:100%;height:100%;perspective:clamp(1000px,125vw,1650px);perspective-origin:50% 42%}.product-showcase-carousel{--carousel-y: 0deg;position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d;transform:rotateY(var(--carousel-y));will-change:transform}.product-showcase-card{--i: 0;--step: 60deg;--card-w: min(50vw, 320px);--radius: min(52vw, 360px);position:absolute;left:50%;top:50%;width:var(--card-w);max-width:340px;margin-left:calc(var(--card-w) / -2);margin-top:-7.875rem;height:15.75rem;transform-style:preserve-3d;transform:rotateY(calc(var(--i) * var(--step))) translateZ(var(--radius));backface-visibility:hidden}.product-showcase-card-inner{position:relative;height:100%;padding:1.35rem 1.25rem;border-radius:16px;overflow:hidden;background:linear-gradient(145deg,color-mix(in srgb,#0e141c 72%,transparent),color-mix(in srgb,#121a28 55%,transparent));border:1px solid color-mix(in srgb,#6ee0c0 22%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,#4a9fe8 12%,transparent) inset,0 0 28px color-mix(in srgb,#4a9fe8 14%,transparent),0 0 48px color-mix(in srgb,#7c6cf0 8%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.product-showcase-card-inner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(125deg,color-mix(in srgb,#7eb8ff 14%,transparent) 0%,transparent 42%,color-mix(in srgb,#b894f5 10%,transparent) 100%);mix-blend-mode:screen;opacity:.45;pointer-events:none}.product-showcase-card-scan{position:absolute;top:-20%;right:-10%;bottom:-20%;left:-10%;background:repeating-linear-gradient(0deg,transparent,transparent 3px,color-mix(in srgb,#6ee0c0 06%,transparent) 3px,color-mix(in srgb,#6ee0c0 06%,transparent) 4px);opacity:.35;animation:product-scan-drift 10s linear infinite;pointer-events:none}.product-showcase-card-category{position:relative;display:inline-block;font-size:.65rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb,#6ee0c0 88%,transparent);margin-bottom:.65rem}.product-showcase-card-title{position:relative;margin:0 0 .5rem;font-family:Syne,Outfit,sans-serif;font-weight:700;font-size:1.2rem;letter-spacing:-.02em;color:#f0f4fa;text-shadow:0 0 20px color-mix(in srgb,#4a9fe8 22%,transparent)}.product-showcase-card-tagline{position:relative;margin:0;font-size:.9rem;line-height:1.52;color:#8c9cb0}@keyframes product-hint-pulse{0%,to{opacity:.55}50%{opacity:.95}}@keyframes product-scan-drift{0%{transform:translateY(0)}to{transform:translateY(12px)}}@media(prefers-reduced-motion:reduce){.product-showcase-hint{animation:none;opacity:.7}.product-showcase-card-scan{animation:none}.product-showcase-carousel{will-change:auto}}@media(max-width:640px){.product-showcase-stage{max-height:min(76dvh,560px)}.product-showcase-card{--card-w: min(78vw, 280px);--radius: min(92vw, 318px);max-width:300px;height:14rem;margin-top:-7rem}.product-showcase-card-title{font-size:1.05rem}.product-showcase-card-tagline{font-size:.84rem}.product-showcase-track{height:clamp(220vh,300vh,340vh)}}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;--stone-deep: #06080c;--stone-mid: #0c1018;--stone-vein: #121a24}.stone{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 100% 55% at 15% -5%,rgba(55,68,88,.22),transparent 52%),radial-gradient(ellipse 80% 50% at 92% 12%,rgba(40,48,62,.18),transparent 48%),radial-gradient(ellipse 70% 45% at 8% 88%,rgba(35,42,54,.2),transparent 50%),radial-gradient(ellipse 90% 60% at 78% 96%,rgba(48,58,72,.15),transparent 55%),linear-gradient(168deg,var(--stone-deep) 0%,var(--stone-mid) 42%,var(--stone-vein) 100%);animation:stone-breathe 18s ease-in-out infinite}.stone:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.35;background-image:repeating-linear-gradient(-18deg,transparent,transparent 2px,rgba(0,0,0,.045) 2px,rgba(0,0,0,.045) 3px);mix-blend-mode:multiply}.grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:overlay}.ambient{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(circle at 30% 40%,rgba(74,159,232,.12) 0%,transparent 45%),radial-gradient(circle at 70% 60%,rgba(124,108,240,.1) 0%,transparent 42%),radial-gradient(circle at 50% 80%,rgba(94,207,154,.08) 0%,transparent 40%);animation:ambient-drift 28s ease-in-out infinite;filter:blur(40px)}.neon-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;overflow:hidden}.neon{position:absolute;will-change:transform,opacity}.neon-orb{border-radius:50%;width:min(28vw,220px);height:min(28vw,220px);background:radial-gradient(circle at 35% 35%,color-mix(in srgb,var(--neon-c) 22%,transparent) 0%,color-mix(in srgb,var(--neon-c) 6%,transparent) 42%,transparent 68%);box-shadow:0 0 28px 12px color-mix(in srgb,var(--neon-c) 14%,transparent),0 0 56px 28px color-mix(in srgb,var(--neon-c) 7%,transparent),inset 0 0 22px color-mix(in srgb,var(--neon-c) 8%,transparent);opacity:var(--neon-base-o, .55);animation:neon-pulse var(--neon-dur, 7s) ease-in-out infinite;animation-delay:var(--neon-delay, 0s)}.neon-a{--neon-c: #4a9fe8;left:8%;top:6%;--neon-dur: 8s;--neon-delay: 0s;--neon-base-o: .45}.neon-b{--neon-c: #7c6cf0;right:4%;top:22%;width:min(22vw,160px);height:min(22vw,160px);--neon-dur: 9.5s;--neon-delay: -2s;--neon-base-o: .38}.neon-c{--neon-c: #5ecf9a;left:2%;bottom:12%;width:min(32vw,240px);height:min(32vw,240px);--neon-dur: 10s;--neon-delay: -4.5s;--neon-base-o: .32}.neon-arc{width:min(42vw,320px);height:min(42vw,320px);border-radius:50%;border:1px solid color-mix(in srgb,var(--neon-c) 28%,transparent);background:transparent;box-shadow:0 0 14px 2px color-mix(in srgb,var(--neon-c) 12%,transparent),0 0 32px 8px color-mix(in srgb,var(--neon-c) 6%,transparent),inset 0 0 12px color-mix(in srgb,var(--neon-c) 5%,transparent);opacity:.4;animation:neon-drift var(--neon-dur, 14s) ease-in-out infinite;animation-delay:var(--neon-delay, 0s)}.neon-d{--neon-c: #5ab0ff;right:-8%;top:38%;clip-path:inset(0 48% 48% 0);--neon-dur: 16s;--neon-delay: -1s}.neon-e{--neon-c: #b894f5;left:-12%;bottom:18%;clip-path:inset(48% 0 0 42%);width:min(48vw,360px);height:min(48vw,360px);--neon-dur: 18s;--neon-delay: -7s;opacity:.32}.neon-dash{height:2px;width:min(36vw,280px);border-radius:999px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--neon-c) 55%,transparent) 22%,color-mix(in srgb,var(--neon-c) 35%,transparent) 78%,transparent);box-shadow:0 0 10px 3px color-mix(in srgb,var(--neon-c) 18%,transparent),0 0 24px 8px color-mix(in srgb,var(--neon-c) 8%,transparent);opacity:.5;animation:neon-shimmer var(--neon-dur, 6s) ease-in-out infinite;animation-delay:var(--neon-delay, 0s)}.neon-f{--neon-c: #4a9fe8;left:18%;top:52%;transform:rotate(-18deg);--neon-dur: 5.5s;--neon-delay: -.8s}.neon-g{--neon-c: #6ee0c0;right:12%;bottom:28%;width:min(28vw,200px);transform:rotate(24deg);--neon-dur: 7s;--neon-delay: -3.2s;opacity:.42}.neon-dot{width:6px;height:6px;border-radius:50%;background:color-mix(in srgb,var(--neon-c) 75%,white);box-shadow:0 0 8px 3px color-mix(in srgb,var(--neon-c) 35%,transparent),0 0 20px 6px color-mix(in srgb,var(--neon-c) 15%,transparent);opacity:.65;animation:neon-blink var(--neon-dur, 3.2s) ease-in-out infinite;animation-delay:var(--neon-delay, 0s)}.neon-h{--neon-c: #7eb8ff;left:72%;top:14%;--neon-dur: 4s;--neon-delay: -1.5s}.neon-i{--neon-c: #9f8fff;left:42%;bottom:8%;--neon-dur: 3.6s;--neon-delay: -2.2s}@keyframes stone-breathe{0%,to{filter:brightness(1)}50%{filter:brightness(1.04)}}@keyframes ambient-drift{0%,to{transform:translate(0) scale(1)}33%{transform:translate(3%,-2%) scale(1.05)}66%{transform:translate(-2%,3%) scale(1.02)}}@keyframes neon-pulse{0%,to{opacity:var(--neon-base-o, .5);transform:scale(1) translate(0)}50%{opacity:calc(var(--neon-base-o, .5) * 1.35);transform:scale(1.06) translate(1%,-.8%)}}@keyframes neon-drift{0%,to{opacity:.28;transform:rotate(0) scale(1)}50%{opacity:.48;transform:rotate(6deg) scale(1.03)}}@keyframes neon-shimmer{0%,to{opacity:.35;filter:brightness(.92)}50%{opacity:.62;filter:brightness(1.08)}}@keyframes neon-blink{0%,to{opacity:.4;transform:scale(1)}45%,55%{opacity:.85;transform:scale(1.15)}}@media(prefers-reduced-motion:reduce){.stone,.ambient{animation:none}.neon-layer .neon{animation:none!important}.neon-orb{opacity:calc(var(--neon-base-o, .5) * .85)}.neon-arc{opacity:.32}.neon-dash{opacity:.42}.neon-dot{opacity:.55}}.page{position:relative;z-index:1;min-height:100dvh;display:flex;flex-direction:column;max-width:1120px;margin:0 auto;padding:0 clamp(1.25rem,4vw,2.5rem)}.header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:clamp(1.25rem,3vw,1.75rem) 0}.logo{display:inline-flex;align-items:center;gap:.6rem;font-family:Syne,Outfit,sans-serif;font-weight:700;font-size:1rem;letter-spacing:-.02em;color:#f0f4fa}.logo-mark{width:10px;height:10px;border-radius:3px;background:linear-gradient(135deg,#5ab0ff,#7c6cf0);box-shadow:0 0 16px color-mix(in srgb,#5ab0ff 45%,transparent)}.nav{display:flex;gap:clamp(1rem,3vw,1.75rem);font-size:.875rem;font-weight:500;color:#a8b4c8}.nav a{transition:color .2s ease}.nav a:hover{color:#e8ecf4}main{flex:1}.hero{padding:clamp(2.5rem,8vw,5rem) 0 clamp(3rem,10vw,6rem)}.eyebrow{margin:0 0 1rem;font-size:.72rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:color-mix(in srgb,#6ee0c0 75%,transparent)}.hero-title{margin:0 0 1.25rem;font-family:Syne,Outfit,sans-serif;font-weight:800;font-size:clamp(2.35rem,6.5vw,3.75rem);line-height:1.05;letter-spacing:-.03em;color:#f0fffe;text-shadow:0 0 40px color-mix(in srgb,#4a9fe8 25%,transparent)}.hero-accent{display:inline-block;background:linear-gradient(120deg,#7eb8ff,#b894f5,#6ee0c0);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-lede{margin:0 0 2rem;max-width:36rem;font-size:1.05rem;color:#b0c0d4;font-weight:400}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1.25rem;border-radius:999px;font-size:.9rem;font-weight:600;border:1px solid transparent;transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}.btn-primary{background:color-mix(in srgb,#00e8c8 18%,#0c1018);border-color:color-mix(in srgb,#00e8c8 35%,transparent);color:#d8fff8;box-shadow:0 0 24px color-mix(in srgb,#00e8c8 15%,transparent)}.btn-primary:hover{background:color-mix(in srgb,#00e8c8 28%,#0c1018);border-color:color-mix(in srgb,#00e8c8 55%,transparent);color:#f0fffe}.btn-ghost{border-color:color-mix(in srgb,#7eb8ff 22%,transparent);color:#c8d8ec;background:transparent}.btn-ghost:hover{border-color:color-mix(in srgb,#7eb8ff 45%,transparent);color:#f0f4fa}.btn-lg{padding:.85rem 1.5rem;font-size:1rem}.section{padding:clamp(2.5rem,6vw,4rem) 0;border-top:1px solid color-mix(in srgb,#7eb8ff 12%,transparent)}.section-tight{padding-bottom:clamp(3rem,8vw,5rem)}.section-title{margin:0 0 .75rem;font-family:Syne,Outfit,sans-serif;font-weight:700;font-size:clamp(1.35rem,3vw,1.75rem);letter-spacing:-.02em;color:#eef2f8}.section-intro{margin:0 0 1.75rem;max-width:40rem;color:#98a8bc;font-size:.98rem}.card-grid{list-style:none;margin:0;padding:0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.card{padding:1.35rem 1.25rem;border-radius:16px;background:color-mix(in srgb,#121a24 88%,transparent);border:1px solid color-mix(in srgb,#4a9fe8 14%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,#000 40%,transparent) inset;transition:border-color .25s ease,transform .25s ease}.card:hover{border-color:color-mix(in srgb,#7c6cf0 28%,transparent);transform:translateY(-2px)}.card-tag{display:inline-block;font-size:.65rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,#6ee0c0 85%,transparent);margin-bottom:.65rem}.card-title{margin:0 0 .5rem;font-size:1.05rem;font-weight:600;color:#e8ecf4}.card-body{margin:0;font-size:.9rem;color:#8c9cb0;line-height:1.55}.pill-row{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}.pill-row li{padding:.45rem .9rem;border-radius:999px;font-size:.82rem;font-weight:500;color:#b8c6d8;background:color-mix(in srgb,#121a24 95%,transparent);border:1px solid color-mix(in srgb,#5ab0ff 16%,transparent)}.cta-block{text-align:left}.cta-block .section-intro{margin-bottom:1.25rem}.footer{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;justify-content:space-between;padding:1.75rem 0 2rem;font-size:.8rem;color:#6c7c90;border-top:1px solid color-mix(in srgb,#fff 6%,transparent)}.footer-meta{color:#5a6a7c}@media(max-width:640px){.header{flex-direction:column;align-items:flex-start}.nav{width:100%;flex-wrap:wrap}}*,*:before,*:after{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-height:100dvh;font-family:Outfit,system-ui,sans-serif;font-weight:400;line-height:1.5;color:#e8ecf4;background:#06080c;-webkit-font-smoothing:antialiased}#root{min-height:100dvh}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}
