:root { --red:#f10c18; --ink:#05070b; --circuit:#d7dce2; }
* { box-sizing:border-box; }
html,body { width:100%; min-width:320px; min-height:100%; margin:0; }
body { font-family:"Montserrat",Arial,sans-serif; background:#fff; color:var(--ink); }
.coming-soon { position:relative; display:grid; place-items:center; width:100%; min-height:100svh; overflow:hidden; background:radial-gradient(circle at center,rgba(251,253,255,.5),#fff 67%); }
.hero { position:relative; z-index:2; display:flex; flex-direction:column; align-items:center; width:min(1240px,88vw); padding:45px 0; text-align:center; }
.logo { display:block; width:clamp(290px,31vw,475px); height:auto; margin:0 0 clamp(35px,5vh,62px); }
h1 { margin:0; font-size:clamp(60px,8.35vw,142px); font-weight:900; line-height:.85; letter-spacing:-.075em; white-space:nowrap; }
h1 strong { color:var(--red); }
.hero p { margin:23px 0 0; font-size:clamp(28px,3.05vw,52px); font-weight:800; line-height:1; letter-spacing:-.055em; }
.hero p em { color:var(--red); font-style:normal; }
.waveform { display:flex; align-items:center; justify-content:center; gap:clamp(2px,.25vw,4px); width:100%; height:132px; margin-top:58px; overflow:hidden; }
.waveform i { display:block; flex:1 1 auto; max-width:3px; min-width:1px; height:var(--height); background:linear-gradient(to bottom,rgba(241,12,24,.12),var(--red),rgba(241,12,24,.12)); border-radius:50%; transform:scaleY(.9); transform-origin:center; animation:pulse 2.8s ease-in-out infinite; animation-delay:var(--delay); }
.developer { display:flex; align-items:center; gap:12px; margin-top:26px; color:#697181; text-align:left; }
.developer img { width:42px; height:auto; }
.developer div { display:flex; flex-direction:column; gap:3px; font-family:Arial,sans-serif; font-size:13px; line-height:1.25; }
.developer strong { color:#080b35; }
.developer a { color:#e80e1a; font-weight:600; text-decoration:none; }
.developer a:hover { text-decoration:underline; }
@keyframes pulse { 0%,100%{transform:scaleY(.72);opacity:.65} 50%{transform:scaleY(1);opacity:1} }
.circuit { position:absolute; z-index:1; width:min(22vw,340px); height:auto; fill:var(--circuit); stroke:var(--circuit); stroke-width:1.5; }
.circuit path { fill:none; }.circuit-left{top:8%;left:0}.circuit-right{top:5%;right:0}.circuit-bottom-left{bottom:2%;left:0}.circuit-bottom-right{bottom:1%;right:0}
@media(max-width:700px){.hero{width:90vw;padding:35px 0}.logo{width:min(300px,75vw);margin-bottom:45px}h1{font-size:clamp(48px,15.5vw,90px);white-space:normal;line-height:.9}h1 strong{display:block}.hero p{font-size:clamp(24px,7vw,40px);line-height:1.1}.waveform{height:90px;margin-top:38px;gap:2px}.developer{margin-top:20px}.developer img{width:36px}.circuit{width:37vw;opacity:.72}.circuit-left{top:3%}.circuit-right{top:2%}.circuit-bottom-left{bottom:0}.circuit-bottom-right{bottom:0}}
@media(prefers-reduced-motion:reduce){.waveform i{animation:none}}