:root{
  --bg:#030507;
  --text:#f4f6f8;
  --muted:#a9b0b8;
  --line:rgba(255,255,255,.12);
  --red:#ff3346;
  --red2:#c9152d;
  --glass:rgba(10,15,20,.38);
  --glass2:rgba(255,255,255,.055);
  --shadow:0 30px 80px rgba(0,0,0,.34);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:transparent;overflow-x:hidden;letter-spacing:-.01em}
a{color:inherit;text-decoration:none}
.page-bg{position:fixed;inset:0;z-index:-4;background:#020407 url('../assets/space-bg.png') center center/cover no-repeat;transform:scale(1.02)}
.page-bg:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 42%,transparent 0,transparent 62%,rgba(0,0,0,.28) 100%);pointer-events:none}
.cursor-glow{position:fixed;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(255,45,69,.08),transparent 68%);filter:blur(8px);pointer-events:none;z-index:-2;transform:translate(-50%,-50%);opacity:.75}
.section-shell{width:min(1180px,calc(100% - 48px));margin:0 auto}
.hero{min-height:92vh;display:grid;place-items:center;text-align:center;position:relative;padding:90px 0 80px}
.hero:after{content:"";position:absolute;left:50%;bottom:2.8%;width:min(800px,72vw);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),rgba(255,51,70,.62),rgba(255,255,255,.2),transparent)}
.hero-inner{display:flex;flex-direction:column;align-items:center;max-width:1180px;width:100%}
.brand-logo{width:min(260px,37vw);height:auto;filter:drop-shadow(0 18px 32px rgba(0,0,0,.42));margin-bottom:28px}
.eyebrow,.section-kicker{font-size:12px;font-weight:800;letter-spacing:.35em;color:var(--red);margin:0 0 15px}
.hero h1{font-size:clamp(22px,3.1vw,41px);line-height:.98;letter-spacing:-.055em;margin:0;max-width:1100px;text-shadow:0 12px 42px rgba(0,0,0,.5)}
.hero h1 span{color:var(--red)}
.hero-copy{max-width:none;width:max-content;margin:26px auto 0;color:#c4c9cf;font-size:clamp(13px,1.55vw,21px);line-height:1.7;white-space:nowrap}
.hero-copy-sub{margin-top:14px;color:#9aa0a8;font-size:clamp(11px,1.2vw,16px)}
.status-pill{margin-top:32px;display:flex;align-items:center;gap:13px;padding:13px 18px 13px 16px;border:1px solid rgba(255,82,98,.5);border-radius:999px;background:rgba(8,11,15,.46);backdrop-filter:blur(18px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 0 34px rgba(255,39,65,.13);transition:.3s ease}
.status-pill:hover{transform:translateY(-2px);border-color:rgba(255,88,102,.85);box-shadow:0 0 42px rgba(255,39,65,.2)}
.status-pill i{width:9px;height:9px;border-radius:50%;background:var(--red);box-shadow:0 0 16px var(--red)}
.status-pill span{font-size:13px;font-weight:650;color:#edf0f3}.status-pill b{font-size:17px;font-weight:500;color:#d9dde1;margin-left:5px}
.scroll-mark{position:absolute;right:6px;bottom:7.5%;display:flex;align-items:center;gap:10px;transform:rotate(90deg);transform-origin:right bottom;color:#7f8790;font-size:9px;letter-spacing:.3em}
.scroll-mark i{display:block;width:54px;height:1px;background:linear-gradient(90deg,#4e5560,var(--red))}
.services{padding:90px 0 105px}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:34px}
.section-heading h2,.contact-panel h2{font-size:clamp(38px,5vw,62px);line-height:1;margin:0;letter-spacing:-.045em}
.section-heading>p{max-width:470px;margin:0 0 4px;color:var(--muted);font-size:16px;line-height:1.65}
.service-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.service-card{position:relative;min-height:310px;padding:26px 23px 22px;border:1px solid rgba(255,255,255,.15);border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.025)),var(--glass);backdrop-filter:blur(18px) saturate(115%);-webkit-backdrop-filter:blur(18px) saturate(115%);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 -1px 0 rgba(255,255,255,.03),var(--shadow);overflow:hidden;transition:transform .35s ease,border-color .35s ease,background .35s ease,box-shadow .35s ease}
.service-card:before{content:"";position:absolute;inset:0;background:radial-gradient(300px circle at var(--mx,50%) var(--my,0%),rgba(255,70,88,.16),transparent 46%);opacity:0;transition:.35s ease;pointer-events:none}
.service-card:after{content:"";position:absolute;left:18%;right:18%;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,52,70,.7),transparent);opacity:.55}
.service-card:hover{transform:translateY(-7px);border-color:rgba(255,255,255,.27);background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.03)),rgba(7,12,17,.42);box-shadow:0 34px 90px rgba(0,0,0,.46),0 0 38px rgba(255,36,62,.07)}
.service-card:hover:before{opacity:1}
.icon-wrap{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,57,76,.18),rgba(255,255,255,.03));border:1px solid rgba(255,84,100,.22);box-shadow:0 0 28px rgba(255,45,69,.12);margin-bottom:24px}
.icon-wrap svg{width:30px;height:30px;fill:none;stroke:var(--red);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 7px rgba(255,45,69,.28))}
.service-card h3{font-size:18px;line-height:1.2;margin:0 0 13px;letter-spacing:-.02em}.service-card p{font-size:13.5px;line-height:1.65;color:#b5bbc2;margin:0 0 42px}.card-arrow{position:absolute;left:23px;bottom:20px;width:32px;height:32px;border:1px solid rgba(255,255,255,.25);border-radius:50%;display:grid;place-items:center;font-size:16px;color:#f3f5f6;transition:.3s ease}.service-card:hover .card-arrow{border-color:rgba(255,63,83,.8);color:var(--red);transform:translateX(4px)}
.contact{padding:85px 0 120px}
.contact-panel{max-width:830px;margin:0 auto;text-align:center;padding:56px 40px 48px;border:1px solid rgba(255,255,255,.14);border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02)),rgba(5,9,13,.34);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 40px 100px rgba(0,0,0,.38);position:relative;overflow:hidden}
.contact-panel:before{content:"";position:absolute;inset:-80px;background:radial-gradient(circle at 50% 0,rgba(255,48,70,.15),transparent 48%);pointer-events:none}
.contact-panel>p:not(.section-kicker){max-width:600px;margin:22px auto 0;color:var(--muted);font-size:16px;line-height:1.7}
.mail-button{position:relative;margin:30px auto 0;width:min(390px,100%);display:flex;align-items:center;gap:15px;padding:15px 18px;border:1px solid rgba(255,63,83,.72);border-radius:999px;background:rgba(7,10,14,.48);box-shadow:0 0 34px rgba(255,42,66,.12),inset 0 1px 0 rgba(255,255,255,.05);transition:.3s ease}
.mail-button:hover{transform:translateY(-2px);box-shadow:0 0 45px rgba(255,42,66,.2)}
.mail-button svg{width:22px;height:22px;fill:none;stroke:var(--red);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.mail-button span{font-weight:650;letter-spacing:.01em}.mail-button b{margin-left:auto;color:var(--red);font-size:20px;font-weight:500}
footer{border-top:1px solid rgba(255,255,255,.09);background:rgba(1,3,5,.7);backdrop-filter:blur(18px)}
.footer-inner{width:min(1180px,calc(100% - 48px));margin:0 auto;min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:#8f969e}.footer-inner>div{display:flex;flex-direction:column;gap:4px}.footer-inner strong{color:#e7eaed;font-size:13px;letter-spacing:.08em}.footer-inner span{font-size:9px;letter-spacing:.27em}.footer-inner p{font-size:10px;letter-spacing:.09em}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease var(--delay,0s),transform .8s ease var(--delay,0s)}.reveal.is-visible{opacity:1;transform:none}
@media (max-width:1100px){.service-grid{grid-template-columns:repeat(2,1fr)}.service-card:last-child{grid-column:1/-1}.service-card{min-height:270px}.section-heading{align-items:flex-start;flex-direction:column;gap:16px}.section-heading>p{max-width:640px}}
@media (max-width:700px){.section-shell{width:min(100% - 28px,1180px)}.hero{min-height:86vh;padding-top:70px}.brand-logo{width:min(210px,43vw)}.eyebrow{font-size:10px}.hero-copy{font-size:14px;white-space:normal;max-width:92vw}.scroll-mark{display:none}.services{padding:60px 0 70px}.service-grid{grid-template-columns:1fr;gap:12px}.service-card:last-child{grid-column:auto}.service-card{min-height:auto;padding-bottom:72px}.section-heading h2,.contact-panel h2{font-size:42px}.contact{padding:50px 0 80px}.contact-panel{padding:42px 20px 36px;border-radius:22px}.footer-inner{width:calc(100% - 28px);padding:24px 0;flex-direction:column;align-items:flex-start}.footer-inner p{margin:0}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.service-card,.mail-button,.status-pill{transition:none}.cursor-glow{display:none}}