@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');:root{color-scheme:dark;--bg:#080d17;--panel:#111a29;--line:#28364b;--white:#f3f7ff;--muted:#a1adc1;--cyan:#6bcaff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Manrope,system-ui,sans-serif}a{color:inherit;text-decoration:none}.nav{height:84px;padding:0 max(5%,calc((100vw - 1250px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1a2535;background:#080d17e8;position:sticky;top:0;z-index:5;backdrop-filter:blur(15px)}.brand{font-size:27px;font-weight:800;letter-spacing:.18em;line-height:1}.brand span{display:block;font-size:8px;color:var(--cyan);letter-spacing:.3em;margin-top:7px}.nav nav{display:flex;gap:35px;font-size:13px;color:#c0cbd9}.nav a:hover{color:var(--cyan)}.nav-cta,.primary{background:var(--cyan);color:#06101d!important;border-radius:7px;padding:14px 19px;font-weight:800;font-size:13px}.hero{min-height:640px;display:flex;align-items:center;position:relative;overflow:hidden;padding:90px max(5%,calc((100vw - 1250px)/2));background:radial-gradient(ellipse at 75% 40%,#143957 0%,transparent 44%)}.hero-inner{position:relative;z-index:2;max-width:690px}.eyebrow{font-size:11px;letter-spacing:.22em;font-weight:800;color:var(--cyan)}.eyebrow i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--cyan);margin-right:8px;box-shadow:0 0 15px var(--cyan)}h1{font-size:clamp(46px,6.4vw,91px);line-height:1.08;letter-spacing:-.06em;margin:26px 0;font-weight:800}em{font-style:normal;color:var(--cyan)}.hero p{color:#bdc8d7;max-width:520px;font-size:16px;line-height:1.9}.actions{display:flex;gap:14px;flex-wrap:wrap;margin:36px 0 64px}.actions a{padding:17px 24px;font-size:13px}.primary span{margin-left:20px}.secondary{border:1px solid #456078;border-radius:7px}.hero-footer{display:flex;gap:24px;flex-wrap:wrap;color:#9baec5;font-size:11px}.visual{position:absolute;right:7%;top:17%;width:480px;height:480px;opacity:.78}.orb{position:absolute;inset:75px;border-radius:50%;background:radial-gradient(circle at 38% 35%,#78dcff,#22658d 30%,#0c253c 60%,#040d19 75%);box-shadow:0 0 110px #187ab65c, inset -25px -15px 65px #000b}.rings{position:absolute;inset:5px;border:1px solid #438fc452;border-radius:50%;box-shadow:0 0 0 45px #235a7a0b,0 0 0 90px #235a7a09}.sound{position:absolute;top:47%;left:4%;font-size:40px;letter-spacing:4px;color:#b9f0ff;text-shadow:0 0 20px #36baff}.section{max-width:1250px;margin:auto;padding:100px 5%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px}.section-heading h2,.order-copy h2{font-size:clamp(32px,4vw,51px);letter-spacing:-.045em;margin:16px 0 0}.section-heading>p{color:var(--muted);max-width:310px;line-height:1.8;font-size:13px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service{border:1px solid var(--line);background:linear-gradient(155deg,#162439,#0e1724);border-radius:14px;padding:30px;min-height:330px;display:flex;flex-direction:column;position:relative}.service-icon{font-size:35px;color:var(--cyan)}.pill{position:absolute;right:18px;top:24px;font-size:9px;letter-spacing:.08em;background:#183f55;color:#8cddff;padding:7px;border-radius:4px}.service h3{font-size:21px;margin:30px 0 8px}.service p,.steps p{color:var(--muted);font-size:13px;line-height:1.8}.price{font-size:23px;font-weight:800;margin-top:auto;padding-top:20px}.service>a{border-top:1px solid var(--line);margin-top:20px;padding-top:18px;display:flex;justify-content:space-between;color:var(--cyan);font-size:13px;font-weight:800}.note{font-size:11px;color:#8292a8}.portfolio{border-top:1px solid #1a2738}.player{display:flex;gap:32px;background:linear-gradient(115deg,#17283c,#0f1826);padding:25px;border:1px solid var(--line);border-radius:15px;align-items:center}.cover{width:210px;height:210px;flex-shrink:0;background:radial-gradient(circle at 50% 70%,#4b4b5b,#121522 55%,#070a13);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:space-around;padding:30px 5px;letter-spacing:.2em;color:#e8e2d6}.cover strong{font-size:21px}.player-info{flex:1}.player-info h3{font-size:27px;margin:12px 0}.player-info p{font-size:13px;color:var(--muted);line-height:1.8}.player audio{width:100%;margin-top:15px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.steps>div{border-top:1px solid #31516a;padding-top:24px}.steps b{font-size:34px;color:var(--cyan)}.steps h3{margin:20px 0 5px}.order-section{display:grid;grid-template-columns:1fr 1fr;gap:60px}.order-copy p{color:var(--muted);line-height:1.9}.notice{border:1px solid #35536b;background:#102436;padding:18px;border-radius:9px;font-size:12px;color:#b6d9ef;margin-top:25px}.form{padding:28px;background:#111b2a;border:1px solid var(--line);border-radius:14px;display:grid;gap:18px}.form label{display:grid;gap:9px;font-size:12px;font-weight:700}.form input,.form textarea,.form select{background:#0a121e;color:#e9f3ff;border:1px solid #304158;border-radius:7px;padding:14px;font:inherit;width:100%}.form textarea{resize:vertical}.form .check{display:flex;align-items:start;gap:10px;color:var(--muted);font-weight:400;line-height:1.5}.check input{width:auto;margin:3px}.form button{background:var(--cyan);border:0;border-radius:7px;padding:16px;font-weight:800;color:#071421;cursor:pointer}.result{border-top:1px solid var(--line);padding-top:20px}.result p{font-size:12px;color:var(--muted)}.result textarea{margin:12px 0}footer{border-top:1px solid var(--line);padding:45px 5%;display:flex;align-items:center;justify-content:space-between;gap:30px}footer p,footer small{color:var(--muted);font-size:11px}@media(max-width:900px){.nav nav{display:none}.visual{right:-230px;opacity:.3}.cards,.steps{grid-template-columns:1fr}.order-section{grid-template-columns:1fr}.section{padding:65px 6%}.section-heading{display:block}.hero{padding:100px 6%;min-height:600px}.hero-footer{gap:12px}footer{flex-wrap:wrap}.player{align-items:start}}@media(max-width:540px){.nav{height:72px;padding:0 5%}.brand{font-size:20px}.nav-cta{padding:11px;font-size:11px}.hero{min-height:600px}.visual{right:-330px}.hero p{font-size:14px}.actions{margin-bottom:45px}.player{flex-direction:column}.cover{width:100%;height:210px}.form{padding:18px}.hero-footer{flex-direction:column}}

.song-gallery{display:grid;gap:22px}.song-gallery .player{margin:0}.song-gallery .cover strong{font-size:clamp(14px,2vw,23px);overflow-wrap:anywhere;text-align:center}

.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
#sendStatus{min-height:1.5em}
