*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080a0f;color:#f4f6fb;font-family:Inter,Arial,sans-serif;overflow-x:hidden}a{color:inherit}.noise{position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.035;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='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.topbar{position:fixed;z-index:20;top:0;left:0;width:100%;height:78px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid transparent;transition:.3s}.topbar.scrolled{background:rgba(8,10,15,.76);backdrop-filter:blur(20px);border-color:rgba(255,255,255,.08)}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;font-size:13px;font-weight:900;letter-spacing:.15em}.brandmark{width:31px;height:31px;border-radius:8px;display:grid;place-items:center;background:#7c82ff;color:white;letter-spacing:0}.topbar nav{display:flex;align-items:center;gap:30px}.topbar nav a{text-decoration:none;color:#b7bcc7;font-size:13px;font-weight:600}.nav-button{padding:10px 17px;border:1px solid #343847;border-radius:999px;color:white!important}.hero{min-height:100vh;position:relative;padding:130px 7vw 80px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;overflow:hidden}.hero-copy{z-index:2}.pill{display:inline-flex;align-items:center;gap:10px;border:1px solid #2b3040;border-radius:999px;padding:9px 13px;font-size:10px;font-weight:800;letter-spacing:.17em;color:#aeb5c3}.pill span{width:6px;height:6px;border-radius:50%;background:#7b83ff;box-shadow:0 0 15px #7b83ff}.hero h1{font-size:clamp(60px,8vw,126px);line-height:.84;letter-spacing:-.075em;margin:25px 0 32px;font-weight:900}.hero h1 em{font-style:normal;color:#7d84ff}.hero-text{max-width:650px;color:#9fa6b4;font-size:18px;line-height:1.7}.hero-actions{display:flex;gap:12px;margin-top:34px}.btn{padding:15px 20px;border-radius:11px;text-decoration:none;font-size:13px;font-weight:800}.btn-main{background:#737aff;color:white}.btn-main span{padding-left:25px}.btn-soft{background:#12151d;border:1px solid #282d39}.hero-visual{height:600px;position:relative;display:grid;place-items:center}.glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.2}.glow-a{width:550px;height:550px;background:#525bff;right:-150px;top:80px}.glow-b{width:300px;height:300px;background:#b354ff;left:40%;bottom:-100px}.ring{position:absolute;border:1px solid rgba(124,132,255,.28);border-radius:50%}.ring1{width:490px;height:490px}.ring2{width:365px;height:365px}.glass-card{width:300px;height:410px;border-radius:28px;padding:25px;background:linear-gradient(145deg,rgba(31,35,51,.86),rgba(14,16,24,.62));border:1px solid rgba(255,255,255,.14);box-shadow:0 45px 100px rgba(0,0,0,.55);backdrop-filter:blur(24px);display:flex;flex-direction:column;justify-content:space-between;transform:rotate(5deg);z-index:2}.mini-label{font-size:9px;letter-spacing:.18em;color:#9198a8}.big-k{font-size:160px;line-height:1;font-weight:900;letter-spacing:-.1em;color:#7b82ff;text-shadow:0 0 50px rgba(123,130,255,.25)}.glass-bottom{display:flex;align-items:flex-end;justify-content:space-between}.glass-bottom strong{font-size:23px;line-height:1}.glass-bottom span{font-size:9px;color:#7d8494}.floating-tag{position:absolute;padding:10px 14px;border:1px solid rgba(255,255,255,.12);background:rgba(12,14,21,.72);backdrop-filter:blur(10px);border-radius:999px;font-size:9px;font-weight:800;letter-spacing:.15em;z-index:3}.tag1{top:120px;left:20px}.tag2{right:0;top:270px}.tag3{left:70px;bottom:70px}.scroll{position:absolute;bottom:35px;left:7vw;color:#626978;font-size:9px;letter-spacing:.2em}.scroll span{margin-left:12px;color:#8c93ff}.about{padding:150px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw;border-top:1px solid #1c202a}.kicker{font-size:10px;letter-spacing:.22em;font-weight:900;color:#7e86ff}.about h2,.manifesto h2,.contact h2{font-size:clamp(48px,6vw,88px);line-height:.96;letter-spacing:-.06em;margin:17px 0}.about h2 span,.manifesto h2 span{color:#737bff}.about-copy>p{font-size:18px;line-height:1.75;color:#a1a8b6;margin:45px 0}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #282c37;padding-top:25px}.stats div{display:flex;flex-direction:column;gap:7px}.stats strong{font-size:24px}.stats span{font-size:11px;color:#7e8592}.services{padding:20px 7vw 150px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service{min-height:540px;border:1px solid #242833;border-radius:25px;background:linear-gradient(160deg,#11141c,#0b0d12);padding:28px;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:.35s}.service:hover{transform:translateY(-8px);border-color:#51586d}.service.featured{background:linear-gradient(155deg,#202653,#111426);border-color:#3e477f}.service-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.15em;color:#646b79}.icon{height:190px;display:grid;place-items:center;font-size:110px;font-weight:900;color:#737bff;text-shadow:0 0 50px rgba(115,123,255,.2)}.featured .icon{color:#a7acff}.disc{font-size:145px}.music{font-size:130px}.service-body{margin-top:auto}.service h3{font-size:30px;line-height:1.05;letter-spacing:-.04em;margin:10px 0 18px}.service-body>p:not(.kicker){color:#939aa8;line-height:1.65;font-size:14px}.service a{display:flex;justify-content:space-between;text-decoration:none;border-top:1px solid #292d38;padding-top:20px;margin-top:25px;font-size:12px;font-weight:800}.marquee{overflow:hidden;border-top:1px solid #222630;border-bottom:1px solid #222630;padding:25px 0;white-space:nowrap}.marquee div{font-size:12px;font-weight:900;letter-spacing:.25em;color:#5e6470;animation:move 28s linear infinite}@keyframes move{from{transform:translateX(0)}to{transform:translateX(-45%)}}.manifesto{padding:170px 7vw;background:#f0f1f5;color:#0a0c11}.manifesto h2{font-size:clamp(64px,9vw,135px);max-width:1200px}.manifesto>p:last-child{max-width:650px;font-size:18px;line-height:1.7;color:#555b68;margin-left:auto}.contact{padding:150px 7vw;display:grid;grid-template-columns:1fr .9fr;gap:8vw;align-items:center}.contact-copy>p:last-child{color:#969dab}.email-card{height:310px;padding:30px;border-radius:25px;text-decoration:none;background:linear-gradient(145deg,#171b29,#10121a);border:1px solid #2a3042;display:flex;flex-direction:column;justify-content:space-between;position:relative;transition:.3s}.email-card:hover{transform:rotate(-1deg) scale(1.015);border-color:#6f77ff}.email-card .small{font-size:9px;letter-spacing:.2em;color:#7d8494}.email-card strong{font-size:clamp(25px,3vw,42px);line-height:1.05;letter-spacing:-.04em}.email-card .arrow{position:absolute;right:30px;top:28px;font-size:30px;color:#7b83ff}footer{border-top:1px solid #222630;padding:35px 7vw;display:flex;justify-content:space-between;align-items:center;color:#707785;font-size:11px}.reveal{opacity:0;transform:translateY(25px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.topbar nav a:not(.nav-button){display:none}.hero{grid-template-columns:1fr;padding-top:125px}.hero-visual{height:450px}.glass-card{width:230px;height:320px}.big-k{font-size:120px}.ring1{width:360px;height:360px}.ring2{width:280px;height:280px}.about,.contact{grid-template-columns:1fr}.services{grid-template-columns:1fr}.service{min-height:470px}.about{gap:30px}.manifesto>p:last-child{margin-left:0}.contact{gap:40px}footer{flex-direction:column;align-items:flex-start;gap:20px}.tag2{right:20px}}@media(max-width:560px){.hero h1{font-size:59px}.hero{padding-left:6vw;padding-right:6vw}.hero-actions{flex-direction:column;align-items:flex-start}.hero-visual{height:390px}.floating-tag{display:none}.about,.services,.manifesto,.contact{padding-left:6vw;padding-right:6vw}.stats{gap:12px}.stats strong{font-size:19px}.email-card{height:250px}}
.music-image {
  height: 210px;
  margin: 22px 0 25px;
  border-radius: 18px;
  overflow: hidden;
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.35);
}

.music-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.service:hover .music-image img {
  transform: scale(1.06);
}

.music-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(8, 10, 15, 0.35),
    transparent 55%
  );
  pointer-events: none;
}