:root{font-family:'DM Sans',sans-serif;color:#f6f2ea;background:#10131d;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-optical-sizing:auto;--accent:#d3edaa;--accent-rgb:211,237,170}*{box-sizing:border-box}html,body{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100svh}.scene{--hue:83;--accent:#d3edaa;--accent-rgb:211,237,170;position:relative;isolation:isolate;display:flex;min-height:100svh;flex-direction:column;overflow:hidden;padding:30px clamp(22px,5vw,76px) 25px;background:radial-gradient(ellipse at 50% 44%,hsl(var(--hue) 29% 17%) 0%,#141722 42%,#0f121b 100%);transition:background 1.1s ease}.scene:after{position:absolute;z-index:-1;inset:0;border:1px solid rgba(255,255,255,.055);border-radius:0;content:"";pointer-events:none}.ambient{position:absolute;z-index:-1;width:38vw;height:38vw;min-width:330px;min-height:330px;border-radius:50%;filter:blur(100px);opacity:.14;pointer-events:none;transition:background 1s}.ambient-one{top:-17%;left:-12%;background:hsl(var(--hue) 68% 45%)}.ambient-two{right:-15%;bottom:-28%;background:hsl(calc(var(--hue) + 70) 68% 40%)}.grain{position:absolute;z-index:-1;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.15'/%3E%3C/svg%3E");opacity:.15;mix-blend-mode:soft-light;pointer-events:none}.topbar,.footer{display:flex;align-items:center;justify-content:space-between}.wordmark{display:inline-flex;align-items:center;gap:10px;color:rgba(255,255,255,.8);font-size:12px;font-weight:600;letter-spacing:.04em;text-decoration:none}.brand-mark,.footer-icon{color:var(--accent);font-size:18px}.live-time{display:flex;align-items:center;gap:9px;color:rgba(255,255,255,.9);font-size:12px;font-variant-numeric:tabular-nums}.live-time>span:last-child{margin-left:6px;color:rgba(255,255,255,.42);font-size:9px;letter-spacing:.15em}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent);animation:breathe 2.5s ease-in-out infinite}.experience{position:relative;z-index:1;display:flex;width:min(100%,780px);flex:1;flex-direction:column;align-items:center;justify-content:center;align-self:center;padding:50px 0 38px;text-align:center}.eyebrow{display:flex;align-items:center;justify-content:center;gap:14px;margin:0 0 39px;color:rgba(255,255,255,.56);font-size:9px;font-weight:600;letter-spacing:.23em}.eyebrow-line{width:25px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35))}.eyebrow-line:last-child{transform:rotate(180deg)}.phrase-wrap{position:relative;display:flex;min-height:190px;flex-direction:column;align-items:center;justify-content:center}.prefix{display:none;margin:0 0 5px;color:var(--accent);font-family:'Playfair Display',serif;font-size:clamp(20px,3vw,30px);font-style:italic}.prefix.visible{display:block;animation:prefix-in .5s both}h1{max-width:760px;margin:0;font-family:'Playfair Display',serif;font-size:clamp(48px,8vw,92px);font-weight:500;line-height:1.08;letter-spacing:-.055em;text-wrap:balance;text-shadow:0 10px 60px rgba(0,0,0,.16)}h1 em{color:var(--accent);font-weight:500}.phrase-update{animation:phrase-in .72s cubic-bezier(.18,.75,.25,1) both}.sparkle{position:absolute;color:var(--accent);opacity:.78}.sparkle-a{top:9%;right:-45px;font-size:19px;animation:twinkle 3s ease-in-out infinite}.sparkle-b{bottom:12%;left:-48px;font-size:22px;animation:twinkle 3.5s .8s ease-in-out infinite}.supporting{margin:25px 0 30px;color:rgba(244,241,233,.59);font-size:clamp(12px,1.6vw,15px);letter-spacing:.015em;transition:opacity .25s}.reveal-button{display:inline-flex;min-height:58px;align-items:center;justify-content:center;gap:17px;padding:0 21px;border:1px solid rgba(255,255,255,.17);border-radius:999px;background:rgba(255,255,255,.055);box-shadow:0 8px 30px rgba(0,0,0,.12),inset 0 1px rgba(255,255,255,.07);color:#fff;font:600 12px 'DM Sans',sans-serif;letter-spacing:.03em;cursor:pointer;backdrop-filter:blur(12px);transition:transform .25s,border-color .25s,background .25s,box-shadow .25s}.reveal-button:hover{transform:translateY(-3px);border-color:rgba(var(--accent-rgb),.5);background:rgba(var(--accent-rgb),.1);box-shadow:0 13px 36px rgba(0,0,0,.2),0 0 35px rgba(var(--accent-rgb),.12)}.reveal-button:active,.reveal-button.pressed{transform:scale(.96)}.reveal-button:focus-visible,.sound-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.button-icon{color:var(--accent);font-size:15px;transition:transform .45s}.reveal-button:hover .button-icon{transform:rotate(90deg) scale(1.15)}.button-arrow{color:var(--accent);font-size:16px;transition:transform .25s}.reveal-button:hover .button-arrow{transform:translate(3px,-3px)}.hint{margin:16px 0 0;color:rgba(255,255,255,.37);font-size:10px;letter-spacing:.04em;transition:opacity .3s}.hint span{padding:0 5px;color:var(--accent)}.progress{position:absolute;bottom:5px;width:94px;height:2px;overflow:hidden;border-radius:10px;background:rgba(255,255,255,.1)}.progress span{display:block;width:0;height:100%;border-radius:inherit;background:var(--accent);box-shadow:0 0 8px var(--accent);transition:width .65s ease}.footer{color:rgba(255,255,255,.43);font-size:10px;letter-spacing:.035em}.footer>span{display:flex;align-items:center;gap:8px}.footer-icon{font-size:14px}.sound-toggle{display:flex;align-items:center;gap:8px;padding:9px 0 9px 12px;border:0;background:none;color:rgba(255,255,255,.46);font:600 9px 'DM Sans',sans-serif;letter-spacing:.14em;cursor:pointer;transition:color .2s}.sound-toggle:hover,.sound-toggle[aria-pressed="true"]{color:var(--accent)}.sound-icon{font-size:14px}.toast{position:absolute;right:50%;bottom:80px;z-index:2;transform:translate(50%,10px);padding:10px 15px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(20,23,34,.85);color:#fff;font-size:11px;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;backdrop-filter:blur(12px)}.toast.show{transform:translate(50%,0);opacity:1}.scene.pop .ambient{animation:ambient-pop .7s ease-out}.scene.pop .reveal-button{animation:button-pop .4s ease-out}.scene.pop .progress span{filter:brightness(1.3)}@keyframes phrase-in{from{opacity:0;transform:translateY(20px) scale(.97);filter:blur(8px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes prefix-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes twinkle{0%,100%{opacity:.35;transform:scale(.8) rotate(-15deg)}50%{opacity:1;transform:scale(1.15) rotate(12deg)}}@keyframes breathe{0%,100%{opacity:.6;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}@keyframes button-pop{50%{box-shadow:0 0 35px rgba(var(--accent-rgb),.27)}}@keyframes ambient-pop{50%{opacity:.3;transform:scale(1.12)}}@media(max-width:600px){.scene{padding:22px 21px 18px}.live-time>span:last-child{display:none}.experience{padding:42px 0}.eyebrow{margin-bottom:32px;font-size:8px;letter-spacing:.17em}.eyebrow-line{width:17px}.phrase-wrap{min-height:160px}h1{font-size:clamp(43px,11vw,68px)}.sparkle-a{right:2px;top:0}.sparkle-b{left:0;bottom:0}.supporting{max-width:280px;line-height:1.7}.footer{font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}