:root{--landing-ease:cubic-bezier(.22, 1, .36, 1)}html.landing-root{overflow-x:clip}.landing-header{border-bottom:1px solid #0000;transition:background-color .3s,border-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s}.landing-header.is-scrolled{-webkit-backdrop-filter:blur(14px);background-color:#020617b8;border-bottom-color:#33415599}.hero-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-bg-img{-o-object-fit:cover;object-fit:cover;-o-object-position:center 40%;object-position:center 40%;opacity:.55;filter:saturate(.9);width:108%;height:108%;animation:38s ease-in-out infinite alternate hero-kenburns;position:absolute;inset:-4%}.hero-fog{mix-blend-mode:screen;background:radial-gradient(40% 50% at 20% 60%,#94a3b82e,#0000 70%),radial-gradient(35% 45% at 70% 40%,#94a3b824,#0000 70%),radial-gradient(30% 40% at 45% 75%,#cbd5e11a,#0000 70%);animation:60s linear infinite fog-drift;position:absolute;inset:-20% -40%}.hero-fog-b{opacity:.7;animation-duration:90s;animation-direction:reverse;inset:-30% -50%}.hero-vignette{background:radial-gradient(60% 60% at 50% 35%,#0000 30%,#0206178c 100%),linear-gradient(#0206178c 0%,#02061726 30%,#02061740 70%,#020617 100%);position:absolute;inset:0}.hero-glow{filter:blur(20px);pointer-events:none;background:radial-gradient(closest-side,#fbbf2429,#0000 70%);width:70vw;height:60vh;position:absolute;top:-10%;left:50%;transform:translate(-50%)}.text-shimmer{background:linear-gradient(100deg,#fcd34d 0%,#fef3c7 35%,#fbbf24 50%,#fef3c7 65%,#fcd34d 100%) 0 0/220% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:7s linear infinite shimmer}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#fde68a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fbbf2414;border:1px solid #fbbf244d;border-radius:9999px;align-items:center;gap:.5rem;padding:.3rem .85rem;font-size:.7rem;font-weight:600;display:inline-flex}.eyebrow-dot{background:#fbbf24;border-radius:9999px;width:.45rem;height:.45rem;animation:2.2s ease-out infinite pulse-ring;box-shadow:0 0 #fbbf24b3}.btn-glow{transition:transform .2s var(--landing-ease), box-shadow .2s ease, background-color .2s ease;position:relative;box-shadow:0 0 0 1px #fbbf2466,0 10px 30px -8px #fbbf248c}.btn-glow:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #fbbf2499,0 16px 40px -10px #fbbf24b3}.btn-ghost{transition:transform .2s var(--landing-ease), border-color .2s ease, color .2s ease}.btn-ghost:hover{transform:translateY(-2px)}.diorama{-webkit-user-select:none;user-select:none;filter:drop-shadow(0 30px 40px #0000008c);width:100%;position:relative}.diorama-layer{will-change:transform;transition:transform .25s ease-out;position:absolute;inset:0}.diorama-ground{filter:saturate(.85)brightness(.9)}.diorama-ground .iso-cell{opacity:0;animation:cell-in .7s var(--landing-ease) forwards}.diorama-building{opacity:0;animation:drop-in .9s var(--landing-ease) forwards, float-y 6s ease-in-out infinite;animation-delay:var(--d,0s), calc(var(--d,0s) + .9s);margin:0;position:absolute}.diorama-building .iso-sprite{transition:filter .2s,transform .2s}.diorama-building:hover .iso-sprite{filter:drop-shadow(0 14px 12px #00000073)drop-shadow(0 0 16px #fbbf2499)brightness(1.08);transform:translateY(-3px)}.diorama-building .iso-label{top:12%}.diorama-building:hover .iso-label{opacity:1}.diorama-actor{opacity:0;animation:drop-in .9s var(--landing-ease) forwards, float-y 4.5s ease-in-out infinite;margin:0;animation-delay:1.6s,2.5s;position:absolute}.diorama-actor img{filter:drop-shadow(0 10px 10px #0000008c);width:100%;height:auto;display:block}.diorama-actor-ring{aspect-ratio:2;pointer-events:none;border:2px solid #fbbf248c;border-radius:9999px;width:70%;animation:2.4s ease-in-out infinite ring-pulse;position:absolute;bottom:-3%;left:50%;transform:translate(-50%);box-shadow:0 0 18px #fbbf2459,inset 0 0 18px #fbbf2440}.diorama-hud{pointer-events:none;opacity:0;animation:fade-up .8s var(--landing-ease) 2.2s forwards;justify-content:space-between;align-items:flex-end;gap:.5rem;padding:0 2%;display:flex;position:absolute;bottom:2%;left:0;right:0}.diorama-toast{color:#d1fae5;opacity:0;transition:opacity .35s ease, transform .35s var(--landing-ease);background:#022c22eb;border:1px solid #10b98180;border-radius:.5rem;align-items:center;gap:.4rem;padding:.4rem .75rem;font-size:.75rem;display:inline-flex;transform:translateY(8px)scale(.98);box-shadow:0 10px 24px -8px #0009}.diorama-toast.is-on{opacity:1;transform:translateY(0)scale(1)}.diorama-bag{transition:transform .25s var(--landing-ease)}.diorama-bag.is-bump{transform:scale(1.12)}.stage-fallback-box{animation:6s ease-in-out infinite float-y}[data-reveal]{opacity:0;transition:opacity .7s ease, transform .8s var(--landing-ease);transition-delay:var(--d,0s);transform:translateY(22px)}[data-reveal].is-visible{opacity:1;transform:none}.step-card{transition:transform .3s var(--landing-ease), border-color .3s ease, box-shadow .3s ease;background:linear-gradient(#0f172ad9,#020617b3);border:1px solid #334155b3;border-radius:1.25rem;padding:1.75rem;position:relative;overflow:hidden}.step-card:before{content:"";opacity:0;background:radial-gradient(60% 60% at 80% 0,#fbbf241f,#0000 70%);transition:opacity .3s;position:absolute;inset:0}.step-card:hover{border-color:#fbbf2473;transform:translateY(-6px);box-shadow:0 24px 50px -20px #000c,0 0 0 1px #fbbf2426}.step-card:hover:before{opacity:1}.step-num{font-variant-numeric:tabular-nums;letter-spacing:.25em;color:#fbbf24b3;font-size:.7rem}.step-art{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 12px 14px #0000008c);width:auto;max-width:100%;height:7.5rem;transition:transform .4s var(--landing-ease);animation:7s ease-in-out infinite float-y;animation-delay:var(--d,0s)}.step-card:hover .step-art{transform:scale(1.06)rotate(-2deg)}.stat-tile{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a8c;border:1px solid #33415599;border-radius:1rem;padding:1.1rem 1.25rem}.stat-value{font-variant-numeric:tabular-nums;color:#fef3c7;font-size:2rem;font-weight:800;line-height:1}.suspect-card{text-align:center;transition:transform .3s var(--landing-ease), border-color .3s ease, box-shadow .3s ease;background:linear-gradient(#1e293b80,#02061799);border:1px solid #33415599;border-radius:1.25rem;padding:1rem 1rem 1.1rem;position:relative;overflow:hidden}.suspect-card:after{content:"";background:radial-gradient(closest-side,#0009,#0000);border-radius:9999px;width:70%;height:.9rem;position:absolute;bottom:3.6rem;left:50%;transform:translate(-50%)}.suspect-card:hover{border-color:#fbbf2473;transform:translateY(-6px);box-shadow:0 24px 50px -20px #000c}.suspect-sprite{z-index:1;-o-object-fit:contain;object-fit:contain;-o-object-position:bottom;object-position:bottom;filter:drop-shadow(0 10px 10px #00000080);width:auto;height:11rem;transition:transform .35s var(--landing-ease), filter .3s ease;margin:0 auto;position:relative}.suspect-card:hover .suspect-sprite{filter:drop-shadow(0 10px 10px #00000080)drop-shadow(0 0 14px #fbbf2473);transform:scale(1.05)}.suspect-card .hotspot-label{opacity:0}.suspect-card:hover .hotspot-label{opacity:1}.evidence-chip{text-align:center;width:7rem;transition:transform .3s var(--landing-ease), border-color .3s ease;background:#0f172a99;border:1px solid #33415599;border-radius:1rem;flex-direction:column;flex:none;align-items:center;gap:.5rem;padding:.9rem .5rem .75rem;display:flex}.evidence-chip:hover{border-color:#fbbf2473;transform:translateY(-4px)rotate(-1.5deg)}.evidence-chip img{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 6px 6px #00000080);width:3.5rem;height:3.5rem;animation:5s ease-in-out infinite float-y;animation-delay:var(--d,0s)}.evidence-hidden{color:#94a3b8b3;border:1px dashed #94a3b866;border-radius:.75rem;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;font-size:1.4rem;display:flex}.case-file{transition:transform .4s var(--landing-ease);position:relative;transform:rotate(-1.5deg)}.case-file:hover{transform:rotate(0)scale(1.01)}.case-file-tape{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:2;background:#fef3c78c;width:6rem;height:1.5rem;position:absolute;top:-.7rem;left:50%;transform:translate(-50%)rotate(-2deg);box-shadow:0 2px 6px #00000059}.case-file-stamp{z-index:2;letter-spacing:.25em;text-transform:uppercase;color:#fecacaf2;mix-blend-mode:screen;background:#7f1d1d40;border:2px solid #f87171cc;border-radius:.375rem;padding:.15rem .5rem;font-size:.65rem;font-weight:800;position:absolute;top:1rem;right:1rem;transform:rotate(8deg)}.case-card{transition:transform .3s var(--landing-ease), border-color .3s ease, box-shadow .3s ease;background:#0f172ab3;border:1px solid #334155b3;border-radius:1rem;display:block;overflow:hidden;box-shadow:0 10px 30px -15px #000000b3}.case-card:hover{border-color:#fbbf2480;transform:translateY(-6px);box-shadow:0 30px 50px -20px #000000e6,0 0 0 1px #fbbf2426}.case-card img{transition:transform .6s var(--landing-ease)}.case-card:hover img{transform:scale(1.06)}.pipe-step{background:#0f172a80;border:1px solid #33415599;border-radius:1rem;padding:1.25rem;position:relative}.pipe-step+.pipe-step:before{content:"";background:linear-gradient(90deg,#0000,#fbbf2499);width:1.5rem;height:1px;position:absolute;top:50%;left:-1.5rem}@media (width<=767px){.pipe-step+.pipe-step:before{display:none}}.cta-panel{background:radial-gradient(70% 90% at 85% 100%,#fbbf242e,#0000 60%),linear-gradient(135deg,#1e293be6,#020617f2);border:1px solid #fbbf244d;border-radius:1.5rem;position:relative;overflow:hidden;box-shadow:0 40px 80px -30px #000000e6}.cta-detective{-o-object-fit:contain;object-fit:contain;-o-object-position:bottom;object-position:bottom;filter:drop-shadow(0 20px 20px #0009);pointer-events:none;width:auto;height:96%;animation:6s ease-in-out infinite float-y;position:absolute;bottom:0;right:3%}.grain:after{content:"";z-index:60;pointer-events:none;opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.6 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:fixed;inset:0}@keyframes hero-kenburns{0%{transform:scale(1)translate(0,0)}to{transform:scale(1.08)translate(-1.5%,1%)}}@keyframes fog-drift{0%{transform:translate(-6%)}50%{transform:translate(6%,-2%)}to{transform:translate(-6%)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-20% 0}}@keyframes pulse-ring{0%{box-shadow:0 0 #fbbf2499}to{box-shadow:0 0 0 10px #fbbf2400}}@keyframes float-y{0%,to{translate:0}50%{translate:0 -6px}}@keyframes drop-in{0%{opacity:0;transform:translateY(-34px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes cell-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes ring-pulse{0%,to{opacity:.55;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.06)}}@media (prefers-reduced-motion:reduce){.hero-bg-img,.hero-fog,.text-shimmer,.eyebrow-dot,.diorama-building,.diorama-actor,.diorama-actor-ring,.diorama-hud,.diorama-ground .iso-cell,.step-art,.evidence-chip img,.cta-detective,.stage-fallback-box{opacity:1;animation:none!important}[data-reveal]{opacity:1;transition:none;transform:none}.diorama-layer{transform:none!important}}@media (width<=640px){.stat-value{font-size:1.5rem}}.style-card{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);background-color:#0f172a99;border-width:1px;border-color:#1e293bcc;border-radius:1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);overflow:hidden}.style-card:hover{--tw-translate-y:-.125rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-color:#fbbf2466}.style-card-swatches{background-color:#02061799;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;height:7rem;display:grid}.style-card-swatches img{-o-object-fit:contain;object-fit:contain;width:100%;height:7rem;padding:.5rem}.style-card-placeholder{--tw-text-opacity:1;height:7rem;color:rgb(51 65 85/var(--tw-text-opacity,1));grid-column:span 3/span 3;justify-content:center;align-items:center;font-size:1.875rem;line-height:2.25rem;display:flex}
