:root{--orange:#fa9415;--ink:#20201e;--muted:#757570;--paper:#faf9f6}
*{box-sizing:border-box}
html{min-width:280px;background:var(--paper)}
body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
::selection{background:#fa9415;color:#191916}
.page{position:relative;display:flex;flex-direction:column;min-height:100svh;padding:0 4.3vw;overflow:hidden}
.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 25%,#fff 0%,#fff 24%,transparent 65%),radial-gradient(ellipse at 100% 65%,#fa94150b,transparent 44%)}
footer{display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:10px;letter-spacing:1.6px;font-weight:600}
.status{font-size:10px;font-weight:600;letter-spacing:2.8px;color:var(--muted);margin:0 0 38px}
main{flex:1;display:grid;place-items:center;padding:80px 0 65px}
.hero{width:100%;text-align:center}
.logo-stage{position:relative;isolation:isolate;width:min(640px,76vw);margin:0 auto 52px;padding:0}
.logo{display:block;position:relative;width:100%;height:auto;mix-blend-mode:multiply;animation:breathe 6s ease-in-out infinite;transition:filter .5s}
.logo:hover{filter:drop-shadow(0 8px 16px #fa94151c)}
h1{font-size:clamp(44px,7.6vw,108px);line-height:.99;letter-spacing:-.075em;font-weight:800;margin:0;white-space:nowrap}
h1>span{color:var(--orange)}
.pulse-control{display:inline-flex;position:relative;flex-direction:column;align-items:center;gap:10px;border:0;background:none;padding:20px 30px 10px;margin-top:30px;color:var(--ink);cursor:pointer;border-radius:12px}
.pulse-control:focus-visible{outline:2px solid var(--orange);outline-offset:4px}
.wave{width:102px;height:26px}.wave svg{width:100%;height:100%;overflow:visible}
.wave-base{stroke:#d9d6cf;stroke-width:1.4}.wave-light{stroke:var(--orange);stroke-width:1.6;stroke-dasharray:40 160;animation:heartbeat 3.8s linear infinite}
.pulse-label{font-size:8px;letter-spacing:2.6px;font-weight:600;color:#77756d}
.control-icon{position:absolute;right:9px;top:28px;font-size:10px;color:#8a877d;opacity:0;transition:opacity .2s}
.pulse-control:hover .control-icon,.pulse-control:focus-visible .control-icon,.paused .control-icon{opacity:1}
footer{min-height:77px;border-top:1px solid #20201e14;font-size:8px;letter-spacing:1.4px;color:#77756d}
.footer-divider{margin:0 10px;color:var(--orange)}
.footer-year{font-size:9px;letter-spacing:.5px}
.paused *, .paused *:before, .paused *:after{animation-play-state:paused!important}
@keyframes breathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.008)}}
@keyframes heartbeat{from{stroke-dashoffset:200}to{stroke-dashoffset:0}}
@media(min-width:1600px){.logo-stage{width:700px;margin-bottom:58px}main{padding:60px 0}h1{font-size:120px}}
@media(max-width:600px){.page{padding:0 24px}main{padding:64px 0 50px}.status{font-size:8px;letter-spacing:2.2px;margin-bottom:32px}.logo-stage{width:88%;margin:0 auto 40px}h1{font-size:clamp(35px,10vw,60px);letter-spacing:-.07em}.pulse-control{margin-top:24px}footer{min-height:70px;gap:10px;padding:20px 0;font-size:7px;letter-spacing:.8px}.footer-year{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.pulse-control{cursor:default}.control-icon{display:none}}