:root{--ink: #0a0500;--navy-deep: #0F2D3D;--navy: #0E457B;--teal: #2EB7B1;--teal-deep: #0E6080;--mint: #38B889;--mint-soft: #5BB682;--sky: #4BAAD7;--text: #F7F8FA;--text-dim: rgba(247, 248, 250, .56);--text-faint: rgba(247, 248, 250, .34);--cta-grad: linear-gradient(135deg, #11998E, #0F8F84);--font: "Manrope", "Inter", system-ui, sans-serif;--cat-glow: #2EB7B1;--cat-hue: 0deg}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:auto}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{background:var(--ink);color:var(--text);font-family:var(--font);font-weight:400;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:#2eb7b159;color:var(--text)}a{color:inherit;text-decoration:none}button{font-family:inherit}.grain{position:fixed;top:-50%;right:-50%;bottom:-50%;left:-50%;width:200%;height:200%;pointer-events:none;z-index:90;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain-shift .9s steps(4) infinite}@keyframes grain-shift{0%{transform:translate(0)}25%{transform:translate(-2%,1.5%)}50%{transform:translate(1.5%,-2%)}75%{transform:translate(-1%,-1%)}to{transform:translate(2%,2%)}}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:91;background:radial-gradient(ellipse 120% 90% at 50% 45%,transparent 55%,rgba(4,2,0,.55) 100%)}.kicker{font-size:.72rem;font-weight:600;letter-spacing:.34em;text-transform:uppercase;color:var(--teal)}.ruo-note{font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--text-faint)}.hero{position:relative;height:100vh;height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(ellipse 70% 50% at 50% 110%,rgba(14,96,128,.28),transparent 65%),radial-gradient(ellipse 90% 70% at 50% -20%,rgba(15,45,61,.55),transparent 70%),var(--ink);overflow:hidden}.hero-title{font-size:clamp(3.4rem,14vw,11rem);font-weight:800;letter-spacing:.04em;line-height:.95;display:flex;-webkit-user-select:none;user-select:none}.hero-title .ch{opacity:0;transform:translateY(.35em);filter:blur(14px);letter-spacing:.4em;animation:ch-in 1.1s cubic-bezier(.16,1,.3,1) forwards}@keyframes ch-in{to{opacity:1;transform:translateY(0);filter:blur(0);letter-spacing:.04em}}.hero-title .ch-med{color:var(--teal)}.hero-tag{margin-top:1.6rem;font-size:clamp(.85rem,1.6vw,1.1rem);font-weight:400;letter-spacing:.28em;text-transform:uppercase;color:var(--text-dim);opacity:0;animation:fade-up 1.2s ease 1.5s forwards}.hero-ruo{margin-top:1.1rem;opacity:0;animation:fade-up 1.2s ease 2s forwards}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.hero-load{position:absolute;bottom:7.5rem;font-size:.65rem;letter-spacing:.3em;text-transform:uppercase;color:var(--text-faint);transition:opacity .6s ease}.scroll-hint{position:absolute;bottom:2.6rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.7rem;color:var(--text-faint);font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;text-indent:.3em;opacity:0;animation:hint-in 1.2s ease 2.4s forwards;transition:opacity .5s ease}@keyframes hint-in{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}.scroll-hint .line{width:1px;height:44px;background:linear-gradient(to bottom,transparent,var(--teal));animation:hint-pulse 2s ease-in-out infinite}@keyframes hint-pulse{0%,to{opacity:.35;transform:scaleY(.7);transform-origin:top}50%{opacity:1;transform:scaleY(1)}}.scrub-section{position:relative}.scrub-sticky{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}.scrub-sticky canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.scrub-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:12vh;pointer-events:none}.beat-line{position:absolute;bottom:14vh;left:0;right:0;text-align:center;font-size:clamp(1.5rem,3.6vw,2.6rem);font-weight:300;letter-spacing:.12em;color:var(--text);opacity:0;will-change:opacity,transform}.beat-line em{font-style:normal;color:var(--teal);font-weight:600}.scrub-kicker{position:absolute;top:9vh;left:0;right:0;text-align:center;opacity:0;transition:opacity 1s ease}.scrub-kicker.on{opacity:1}.recon-note{position:absolute;bottom:7vh;left:0;right:0;text-align:center;opacity:0;transition:opacity 1s ease}.recon-note.on{opacity:.85}.catalog{position:relative;padding:14vh 6vw 16vh;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(15,45,61,.4),transparent 70%),var(--ink)}.catalog-head{text-align:center;margin-bottom:8vh}.catalog-head h2{margin-top:1.2rem;font-size:clamp(1.9rem,4.4vw,3.4rem);font-weight:300;letter-spacing:.08em}.catalog-grid{display:grid;grid-template-columns:1fr minmax(300px,44vw) 1fr;gap:3.5rem;align-items:center;max-width:1400px;margin:0 auto}.catalog-stage{position:sticky;top:12vh;display:flex;align-items:center;justify-content:center}.vial-wrap{position:relative;width:100%}.vial-glow{position:absolute;top:6%;right:2%;bottom:6%;left:2%;border-radius:50%;background:radial-gradient(ellipse 52% 46% at 50% 64%,var(--cat-glow),transparent 68%);opacity:.55;filter:blur(30px);transition:background .7s ease,opacity .7s ease}.vial-tint{position:absolute;top:30%;right:26%;bottom:8%;left:26%;border-radius:40% 40% 46% 46%;background:radial-gradient(ellipse 60% 70% at 50% 80%,var(--cat-glow),transparent 72%);opacity:.5;mix-blend-mode:screen;filter:blur(10px);transition:background .7s ease,opacity .7s ease;pointer-events:none}.vial-img{position:relative;width:100%;display:block;mix-blend-mode:screen;filter:drop-shadow(0 0 26px color-mix(in srgb,var(--cat-glow) 70%,transparent));transition:filter .7s ease}.cat-col{display:flex;flex-direction:column;gap:.9rem}.cat-tile{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.05rem 1.3rem;border:1px solid rgba(247,248,250,.08);border-radius:14px;background:#0f2d3d24;cursor:pointer;transition:border-color .35s ease,background .35s ease,transform .35s ease;min-height:56px}.cat-tile .dot{width:9px;height:9px;border-radius:50%;background:var(--tile-c);box-shadow:0 0 12px 1px var(--tile-c);flex:none;transition:box-shadow .35s ease}.cat-tile .name{flex:1;font-size:.95rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.cat-tile .arrow{color:var(--text-faint);font-size:.85rem;transition:transform .35s ease,color .35s ease}.cat-tile:hover,.cat-tile.active{border-color:color-mix(in srgb,var(--tile-c) 55%,transparent);background:color-mix(in srgb,var(--tile-c) 9%,rgba(15,45,61,.2));transform:translate(4px)}.cat-tile:hover .arrow,.cat-tile.active .arrow{transform:translate(3px);color:var(--tile-c)}.trust{position:relative;padding:16vh 6vw;background:linear-gradient(to bottom,transparent,rgba(15,45,61,.22) 40%,transparent),var(--ink);text-align:center}.trust h2{margin-top:1.2rem;font-size:clamp(1.9rem,4.4vw,3.2rem);font-weight:300;letter-spacing:.08em}.trust-grid{margin:9vh auto 0;max-width:1200px;display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}.trust-card{padding:2.6rem 2rem;border:1px solid rgba(247,248,250,.08);border-radius:18px;background:linear-gradient(160deg,#0f2d3d52,#0a05001a);text-align:left}.trust-card .t-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#2eb7b11a;border:1px solid rgba(46,183,177,.25);color:var(--teal);margin-bottom:1.6rem}.trust-card h3{font-size:1.05rem;font-weight:700;letter-spacing:.06em;margin-bottom:.7rem}.trust-card p{font-size:.9rem;line-height:1.65;color:var(--text-dim)}.finale{position:relative;min-height:88vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10vh 6vw;background:radial-gradient(ellipse 60% 45% at 50% 58%,rgba(17,153,142,.14),transparent 70%),var(--ink);overflow:hidden}.finale h2{font-size:clamp(2.2rem,6vw,4.6rem);font-weight:300;letter-spacing:.06em;line-height:1.15;max-width:900px}.finale h2 strong{font-weight:800}.cta-btn{margin-top:4.2rem;display:inline-flex;align-items:center;gap:.9rem;padding:1.25rem 3.2rem;border:none;border-radius:999px;background:var(--cta-grad);color:var(--text);font-size:1rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;box-shadow:0 0 0 1px #2eb7b159,0 18px 60px -12px #11998e8c;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease}.cta-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 0 0 1px #2eb7b199,0 26px 80px -10px #11998ebf}.cta-btn .arrow{font-size:1.1rem}.finale .ruo-note{margin-top:2.4rem}.footer{border-top:1px solid rgba(247,248,250,.07);padding:4rem 6vw 3rem;background:#070300}.footer-inner{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;gap:2.5rem}.footer-brand{font-weight:800;font-size:1.25rem;letter-spacing:.06em}.footer-brand span{color:var(--teal)}.footer-links{display:flex;flex-wrap:wrap;gap:1.8rem;font-size:.82rem;color:var(--text-dim)}.footer-links a{transition:color .3s ease}.footer-links a:hover{color:var(--teal)}.footer-disclaimer{width:100%;margin-top:1rem;padding-top:2rem;border-top:1px solid rgba(247,248,250,.05);font-size:.72rem;line-height:1.7;color:var(--text-faint);letter-spacing:.04em}@media (max-width: 900px){.catalog-grid{grid-template-columns:1fr;gap:2rem}.catalog-stage{position:relative;top:0;max-width:420px;margin:0 auto}.cat-col{gap:.7rem}.cat-tile{min-height:52px;padding:.95rem 1.1rem}.trust-grid{grid-template-columns:1fr}.beat-line{bottom:10vh;padding:0 8vw}.grain{animation:none}}