@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600&family=Space+Grotesk:wght@400;500;600&display=swap');
:root{--bg:#05070b;--text:#f4f6f8;--muted:#929aa7;--accent:#79aefc}
*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;min-height:100%}body{overflow-x:hidden;background:radial-gradient(circle at 50% 45%,#10213b 0,transparent 38%),var(--bg);color:var(--text);font-family:Manrope,sans-serif}
body:before{content:"";position:fixed;inset:-50%;background:radial-gradient(circle,rgba(121,174,252,.1),transparent 32%);animation:glow 9s ease-in-out infinite alternate;pointer-events:none}
.hero{position:relative;min-height:100svh;display:grid;place-items:center;padding:60px 24px}
.hero-inner{width:min(90%,900px);text-align:center}
.status{display:inline-flex;align-items:center;gap:9px;padding:8px 14px;border:1px solid rgba(121,174,252,.22);border-radius:99px;color:#aacbff;font-size:.7rem;font-weight:600;letter-spacing:.16em}.dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px var(--accent)}
h1{margin:28px 0 0;font-family:"Space Grotesk",sans-serif;font-size:clamp(3rem,9vw,7.2rem);font-weight:500;letter-spacing:-.065em;line-height:.95}
.line{width:56px;height:1px;margin:32px auto;background:linear-gradient(90deg,transparent,var(--accent),transparent)}
.specialties{margin:0;color:#aab1bc;font-size:clamp(.7rem,1.6vw,.9rem);font-weight:500;letter-spacing:.16em;line-height:1.8}
.message{margin:28px auto 0;max-width:480px;color:var(--muted);font-size:1rem;font-weight:300;line-height:1.8}
.scroll-cue{display:inline-block;margin-top:44px;color:var(--muted);font-size:1.3rem;text-decoration:none;opacity:.55;transition:opacity .3s}
.scroll-cue:hover{opacity:1}
.about{position:relative;border-top:1px solid rgba(121,174,252,.15)}
.about-inner{max-width:760px;margin:0 auto;padding:88px 24px 110px;text-align:left}
.about h2{font-family:"Space Grotesk",sans-serif;font-weight:500;font-size:clamp(1.7rem,3.4vw,2.4rem);letter-spacing:-.02em;margin:0 0 28px}
.about h3{font-family:"Space Grotesk",sans-serif;font-weight:500;font-size:1.1rem;letter-spacing:-.01em;color:var(--accent);margin:0 0 10px}
.about p{color:var(--muted);font-weight:300;line-height:1.85;font-size:1.02rem;margin:0 0 22px}
.about strong{color:var(--text);font-weight:500}
.about ul{margin:0 0 22px;padding:0 0 0 1.1em;color:var(--muted);font-weight:300;line-height:1.9}
.about li{margin-bottom:6px}
.about figure{margin:40px 0 0;padding:0}
.about img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid rgba(121,174,252,.18);box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.about figcaption{margin-top:12px;color:#6b7280;font-size:.78rem;letter-spacing:.02em;text-align:center}
.contact-line{margin-top:44px;font-size:.92rem}
.contact-line a{color:inherit}
.reveal{opacity:0;transform:translateY(38px) scale(.96);filter:blur(14px);animation:reveal 1.5s cubic-bezier(.16,1,.3,1) forwards;animation-delay:var(--d)}
@keyframes reveal{0%{opacity:0;transform:translateY(38px) scale(.96);filter:blur(14px)}100%{opacity:1;transform:none;filter:blur(0)}}
@keyframes glow{from{transform:translate(-4%,-2%) scale(.9)}to{transform:translate(4%,2%) scale(1.1)}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;filter:none;animation:none}body:before{animation:none}}