*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--slate:#8a9ab8;--steel:#9aaac0;--cool-gray:#7888a5;--warm-gray:#b0a898;--gold:#c89050;--amber:#d4a038;--cream:#eedda8}html,body,#root{width:100%;height:100%}.page{background:#8a9ab8;justify-content:center;align-items:center;min-height:100dvh;display:flex;position:relative;overflow:hidden}.gradient-bg{filter:blur(130px)saturate(1.05);z-index:0;position:absolute;inset:0}.page:after{content:"";z-index:1;pointer-events:none;opacity:.055;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");background-size:200px 200px;position:absolute;inset:0}.blob{opacity:.92;will-change:transform, border-radius;border-radius:50%;position:absolute}.blob-blue{background:var(--slate);width:95vw;height:95vw;animation:20s ease-in-out infinite driftBlue;top:-25vw;left:-20vw}.blob-purple{background:var(--steel);width:80vw;height:80vw;animation:25s ease-in-out infinite driftPurple;bottom:-20vw;left:-15vw}.blob-magenta{background:var(--cool-gray);width:70vw;height:70vw;animation:18s ease-in-out infinite driftMagenta;top:20%;left:-10vw}.blob-indigo{background:var(--gold);width:75vw;height:75vw;animation:22s ease-in-out infinite driftIndigo;top:-15vw;right:-20vw}.blob-cyan{background:var(--amber);width:70vw;height:70vw;animation:19s ease-in-out infinite driftCyan;bottom:-20vw;right:-15vw}.blob-red{background:var(--cream);width:50vw;height:50vw;animation:16s ease-in-out infinite driftRed;top:15%;right:5%}.blob-pink{background:var(--warm-gray);width:65vw;height:65vw;animation:28s ease-in-out infinite driftPink;top:25%;right:15%}@keyframes driftBlue{0%{border-radius:50%;transform:translate(0)scale(1)}15%{border-radius:30% 70% 60% 40%/55% 40% 60% 45%;transform:translate(35%,-40%)scale(1.1)}30%{border-radius:65% 35% 40% 60%/40% 65% 35% 60%;transform:translate(55%,20%)scale(.9)}50%{border-radius:40% 60% 70% 30%/60% 35% 65% 40%;transform:translate(20%,50%)scale(1.08)}65%{border-radius:70% 30% 35% 65%/35% 70% 30%;transform:translate(-30%,35%)scale(.95)}80%{border-radius:35% 65% 55% 45%/65% 30% 70% 35%;transform:translate(-45%,-20%)scale(1.05)}to{border-radius:50%;transform:translate(0)scale(1)}}@keyframes driftPurple{0%{border-radius:50%;transform:translate(0)scale(1)}20%{border-radius:60% 40% 30% 70%/45% 60% 40% 55%;transform:translate(-40%,30%)scale(1.07)}40%{border-radius:35% 65% 65% 35%/65% 35% 55% 45%;transform:translate(30%,50%)scale(.92)}60%{border-radius:70% 30% 45% 55%/30% 70% 40% 60%;transform:translate(50%,-25%)scale(1.1)}80%{border-radius:45% 55% 60% 40%/60% 40% 65% 35%;transform:translate(-20%,-45%)scale(.96)}to{border-radius:50%;transform:translate(0)scale(1)}}@keyframes driftMagenta{0%{border-radius:50%;transform:translate(0)scale(1)}18%{border-radius:65% 35% 50% 50%/40% 60% 35% 65%;transform:translate(45%,-30%)scale(1.06)}38%{border-radius:30% 70% 65% 35%/65% 30% 60% 40%;transform:translate(60%,35%)scale(.94)}55%{border-radius:55% 45% 35% 65%/35% 65% 45% 55%;transform:translate(15%,55%)scale(1.09)}72%{border-radius:40% 60% 60% 40%/60% 40% 55% 45%;transform:translate(-40%,25%)scale(.97)}88%{border-radius:60% 40% 40% 60%/45% 55% 40% 60%;transform:translate(-25%,-40%)scale(1.04)}to{border-radius:50%;transform:translate(0)scale(1)}}@keyframes driftCyan{0%{border-radius:50%;transform:translate(0)scale(1)}22%{border-radius:70% 30% 40% 60%/55% 45% 65% 35%;transform:translate(40%,40%)scale(1.08)}45%{border-radius:35% 65% 60% 40%/40% 60% 35% 65%;transform:translate(-35%,50%)scale(.93)}65%{border-radius:55% 45% 30% 70%/65% 35% 55% 45%;transform:translate(-50%,-20%)scale(1.06)}82%{border-radius:40% 60% 65% 35%/30% 70% 45% 55%;transform:translate(20%,-45%)scale(.97)}to{border-radius:50%;transform:translate(0)scale(1)}}@keyframes driftIndigo{0%{border-radius:50%;transform:translate(0)scale(1)}25%{border-radius:60% 40% 55% 45%/35% 65% 40% 60%;transform:translate(-50%,-35%)scale(1.09)}48%{border-radius:30% 70% 40% 60%/60% 40% 65% 35%;transform:translate(25%,-50%)scale(.91)}68%{border-radius:65% 35%/45% 55% 35% 65%;transform:translate(50%,30%)scale(1.07)}85%{border-radius:45% 55% 35% 65%/65% 35% 60% 40%;transform:translate(-25%,45%)scale(.95)}to{border-radius:50%;transform:translate(0)scale(1)}}@keyframes driftRed{0%{border-radius:50%;transform:translate(0)scale(1)}20%{border-radius:35% 65% 55% 45%/60% 40% 50% 50%;transform:translate(50%,30%)scale(1.05)}42%{border-radius:60% 40% 35% 65%/35% 65% 60% 40%;transform:translate(40%,-45%)scale(.95)}60%{border-radius:50% 50% 65% 35%/65% 35% 40% 60%;transform:translate(-20%,-50%)scale(1.08)}78%{border-radius:70% 30% 45% 55%/40% 60% 55% 45%;transform:translate(-50%,20%)scale(.93)}92%{border-radius:40% 60% 60% 40%/55% 45% 35% 65%;transform:translate(10%,45%)scale(1.04)}to{border-radius:50%;transform:translate(0)scale(1)}}@keyframes driftPink{0%{border-radius:50%;transform:translate(0)scale(1)}28%{border-radius:55% 45% 30% 70%/40% 60% 55% 45%;transform:translate(45%,40%)scale(1.07)}52%{border-radius:30% 70% 60% 40%/65% 35% 45% 55%;transform:translate(-30%,50%)scale(.92)}74%{border-radius:65% 35% 50% 50%/35% 65% 60% 40%;transform:translate(-50%,-30%)scale(1.06)}90%{border-radius:45% 55% 40% 60%/55% 45% 30% 70%;transform:translate(25%,-40%)scale(.97)}to{border-radius:50%;transform:translate(0)scale(1)}}.content{z-index:2;text-align:center;opacity:1;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;transition:opacity .3s;display:flex;position:relative}.content--hidden{opacity:0;pointer-events:none}.logo{letter-spacing:-.07em;color:#fff;-webkit-user-select:none;user-select:none;margin-bottom:.5rem;font-family:Inter,sans-serif;font-size:clamp(3rem,14vw,10rem);font-weight:700;line-height:1;transition:opacity .3s}.pronunciation{color:#ffffffbf;letter-spacing:.02em;margin-bottom:2rem;font-family:Roboto Mono,monospace;font-size:.9rem;font-weight:300}.logo--hidden{opacity:0}.logo--alt{font-family:Roboto Mono,monospace}.logo-svg{width:auto;height:clamp(2.8rem,9.8vw,7rem);margin-bottom:2.5rem;transition:opacity .3s;overflow:visible}.tagline{color:#ffffffbf;letter-spacing:.02em;max-width:36ch;font-family:Roboto Mono,monospace;font-size:.9rem;font-weight:300;line-height:1.6}.product-link{letter-spacing:.04em;color:#ffffffd9;background:0 0;border:none;align-items:center;gap:.45rem;font-family:Roboto Mono,monospace;font-size:.9rem;font-weight:400;text-decoration:none;transition:color .2s;display:inline-flex}.product-link:hover{color:#fff}.product-icon{opacity:.7;width:16px;height:16px;transition:opacity .2s,transform .2s}.product-link:hover .product-icon{opacity:1;transform:translate(1px,-1px)}.footer-btns{bottom:calc(1.75rem + env(safe-area-inset-bottom));z-index:2;white-space:nowrap;align-items:center;gap:.6rem;display:flex;position:fixed;left:50%;transform:translate(-50%)}.footer-btn{letter-spacing:.02em;color:#ffffffbf;cursor:pointer;text-transform:capitalize;background:0 0;border:none;padding:.75rem .25rem;font-family:Roboto Mono,monospace;font-size:.7rem;font-weight:300;transition:color .2s}.footer-btn:hover{color:#fff}.footer-btns--hidden{opacity:0;pointer-events:none}.footer-sep{color:#fff6;-webkit-user-select:none;user-select:none;font-family:Roboto Mono,monospace;font-size:.7rem}@keyframes fadeInModal{0%{opacity:0;transform:scale(.96)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(28px)saturate(.6);background:#0000001a;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-glass{-webkit-backdrop-filter:blur(70px)saturate(2.2)brightness(1.45);color:#fff;background:#ffffff24;border:1px solid #ffffff59;border-radius:20px;width:100%;max-width:480px;padding:2.5rem;animation:.3s cubic-bezier(.22,1,.36,1) both fadeInModal;position:relative;box-shadow:0 4px 32px #0000002e,inset 0 1px #fff6}.modal-glass--large{width:70vw;max-width:70vw;max-height:70vh;overflow-y:auto}.modal-close{color:#fff9;cursor:pointer;background:0 0;border:none;font-family:Roboto Mono,monospace;font-size:1.6rem;line-height:1;transition:color .2s;position:absolute;top:1rem;right:1.25rem}.modal-close:hover{color:#fff}.modal-title{letter-spacing:.02em;color:#ffffffbf;margin-bottom:1.5rem;font-family:Roboto Mono,monospace;font-size:.9rem;font-weight:300}.modal-body{letter-spacing:.02em;color:#ffffffbf;flex-direction:column;gap:1rem;font-family:Roboto Mono,monospace;font-size:.9rem;font-weight:300;line-height:1.6;display:flex}.modal-body a{color:#ffffffd9;text-underline-offset:3px;text-decoration:underline}.modal-note{color:#ffffff80;border-top:1px solid #ffffff1a;padding-top:1rem;font-size:.7rem;line-height:1.7}@media (width<=480px){.content{gap:1rem;padding:1.5rem}.pronunciation{margin-bottom:1rem}.modal-glass{border-radius:16px;padding:1.5rem}.modal-glass--large{width:100%;max-width:100%;max-height:80vh}.modal-overlay{align-items:flex-end;padding:1rem}}