:root{
  --bg:#070b17;--panel:#11192a;--panel2:#182238;--text:#f7fbff;--muted:#a8b5ca;
  --blue:#55d9ff;--violet:#9f6cff;--line:#ffffff24;--silver:#dceaff;--nav:78px;
  --glass:linear-gradient(145deg,#ffffff1c,#ffffff08 48%,#6cbcff10);
  --glass-strong:linear-gradient(145deg,#ffffff2b,#a5cfff12 46%,#5c36c81c);
  --edge:inset 0 1px 0 #ffffff66,inset 0 -1px 0 #73cfff22,0 18px 55px #02061288,0 0 30px #3acbff12;
}
html{background:#070b17}body{background:
radial-gradient(900px 700px at 8% 5%,#244f9a46,transparent 65%),
radial-gradient(800px 620px at 94% 28%,#7b3ac43b,transparent 65%),
radial-gradient(700px 700px at 28% 76%,#00a8cc22,transparent 68%),#070b17;background-attachment:fixed}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.42;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,#000,transparent 85%)}
.wrap{width:min(1200px,90vw)}
.nav{top:12px;left:3vw;right:3vw;height:64px;padding:0 18px;border:1px solid #ffffff32;border-radius:22px;background:#10192aa8!important;box-shadow:inset 0 1px 0 #ffffff62,0 14px 50px #0008,0 0 24px #41cfff12;backdrop-filter:blur(24px) saturate(1.45);-webkit-backdrop-filter:blur(24px) saturate(1.45)}
body.scrolled .nav{background:#0c1425df!important;border-color:#7edcff4f}
.nav-links{gap:10px}.nav-links>a:not(.button){padding:10px 12px;border-radius:13px}.nav-links>a:not(.button):hover{background:#ffffff0e}.language-button,.language-menu,.menu{border-color:#ffffff35;background:var(--glass);border-radius:14px;box-shadow:inset 0 1px 0 #ffffff48,0 10px 24px #0006;backdrop-filter:blur(18px)}
.language-option{border-radius:10px}.language-option:hover,.language-option.active{background:#65dfff20}
.button{position:relative;overflow:hidden;border:1px solid #b9efff8c;border-radius:999px;padding:14px 23px;background:linear-gradient(120deg,#0b8fffcc,#48d9ffcc 52%,#725cffc7);box-shadow:inset 0 1px 0 #ffffffcc,inset 0 -8px 18px #315be04a,0 9px 24px #1ca7ff3d,0 0 25px #4bdfff34;backdrop-filter:blur(14px);transition:transform .25s,box-shadow .25s,filter .25s}
.button:before{content:"";position:absolute;inset:1px 12% 54%;border-radius:999px;background:linear-gradient(90deg,transparent,#fff9,transparent);filter:blur(5px);opacity:.7}.button:hover{transform:translateY(-3px) scale(1.015);filter:brightness(1.13);box-shadow:inset 0 1px 0 #fff,0 14px 35px #25baff66,0 0 34px #986fff42}.button.ghost{background:linear-gradient(145deg,#ffffff20,#8dbfff0a);border-color:#b6dcff65;box-shadow:inset 0 1px 0 #ffffff85,0 12px 30px #0007,0 0 22px #945fff1e}
.hero{min-height:92vh!important;padding-top:calc(var(--nav) + 70px)!important;background:transparent!important;overflow:hidden}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;filter:blur(18px);pointer-events:none}.hero:before{width:520px;height:520px;right:3%;top:11%;background:radial-gradient(circle,#4edbff42,transparent 67%)}.hero:after{width:420px;height:420px;left:-14%;bottom:-10%;background:radial-gradient(circle,#8f51ff2b,transparent 68%)}
.hero-grid{position:relative;z-index:1;padding:clamp(26px,4vw,54px);border:1px solid #ffffff24;border-radius:42px;background:linear-gradient(135deg,#ffffff12,#ffffff05 47%,#4f71be0c);box-shadow:inset 0 1px 0 #ffffff46,0 35px 100px #0206158c,0 0 80px #2abfff12;backdrop-filter:blur(20px)}
.eyebrow{color:#7eeaff;text-shadow:0 0 18px #36cfff99}.hero h1,.section-head h2,.why h2,.team h2,.final h2{background:linear-gradient(135deg,#fff 12%,#c8ebff 48%,#a89cff 88%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 12px 45px #4a84ff1b}.hero-copy,.section-head p,.why-copy,.team p{color:#aebbd0}.ai-note{border:1px solid #ffffff2c;border-radius:999px;padding:7px 12px;margin:0 0 10px;background:#ffffff0a;box-shadow:inset 0 1px 0 #ffffff35}
.hero-symbol:before{background:radial-gradient(circle,#4ddcff58 0,#6c5cff25 34%,transparent 68%);filter:blur(16px)}.hero-symbol img{filter:contrast(1.08) drop-shadow(0 0 26px #49d8ff73) drop-shadow(0 0 60px #795cff40)}
.ticker{left:5vw;right:5vw;bottom:9px;border:1px solid #ffffff21;border-radius:999px;background:#ffffff08;box-shadow:inset 0 1px 0 #ffffff30;backdrop-filter:blur(14px);color:#b6c6db}
section{position:relative}.performances,.process,.order,.policies,.team,.testimonials,.showcase{background:transparent!important}
.section-head{padding:26px 30px;border:1px solid #ffffff20;border-radius:28px;background:linear-gradient(140deg,#ffffff10,#ffffff05);box-shadow:inset 0 1px 0 #ffffff38,0 20px 60px #02061255;backdrop-filter:blur(18px)}
.performance-filter,.gallery-toggle{border:1px solid #ffffff32;border-radius:999px;background:linear-gradient(145deg,#ffffff18,#ffffff07);box-shadow:inset 0 1px 0 #ffffff4d,0 8px 25px #0005;color:#bfcae0}.performance-filter.active,.performance-filter:hover{background:linear-gradient(120deg,#168ddcaa,#55dcff9c,#7458d5a6);box-shadow:inset 0 1px 0 #fff9,0 0 25px #47d8ff50;color:#fff}
.performance-grid{gap:18px}.performance-card,.service,.step,.quote,.policy-card,.maker-mark{position:relative;overflow:hidden;border:1px solid #ffffff27!important;border-radius:25px;background:var(--glass)!important;box-shadow:var(--edge);backdrop-filter:blur(20px) saturate(1.25)}
.performance-card:before,.service:before,.step:before,.quote:before,.policy-card:before{content:"";position:absolute;z-index:0;inset:0 0 58%;pointer-events:none;background:linear-gradient(115deg,#ffffff26,transparent 43%);border-radius:inherit}.performance-card>* ,.service>* ,.step>* ,.quote>* ,.policy-card>*{position:relative;z-index:1}.performance-card:hover{transform:translateY(-8px);border-color:#62deff7c!important;box-shadow:inset 0 1px 0 #ffffff8c,0 24px 60px #0008,0 0 35px #4fdcff32}.video-launch{border-radius:24px 24px 12px 12px}.performance-info{padding:18px}.performance-info b{font-size:13px}.performance-info span{color:#9dafc7}
.services,.steps,.policy-grid{gap:16px;border:0!important;background:transparent!important}.service,.step{min-height:220px;padding:28px}.service span,.step b,.policy-card b{color:#69e4ff;text-shadow:0 0 15px #3ed4ff80}.service h3,.step h3{margin-top:42px}.service p,.step p,.policy-card p,.policy-card li{color:#a8b7cc}.process{color:var(--text)}
.pricing-card,.form-shell,.express,.payment-plan,.reference-card,.song-card,.deadline-note,.policy-note{border:1px solid #ffffff2b!important;border-radius:30px;background:var(--glass-strong)!important;box-shadow:var(--edge);backdrop-filter:blur(24px) saturate(1.25);overflow:hidden}.price-side{border-color:#ffffff24}.price{color:#dff8ff;text-shadow:0 0 28px #47d8ff52}.addons{gap:12px;border:0;background:transparent}.addon{border:1px solid #ffffff22;border-radius:18px;background:#ffffff09;box-shadow:inset 0 1px 0 #ffffff36}.express{border-left:1px solid #ffffff35!important}.payment-plan,.policy-note,.deadline-note{border-radius:16px}
.form-nav{background:linear-gradient(145deg,#ffffff15,#6279d310);border-right:1px solid #ffffff24}.form-step-link{border-color:#ffffff1f;border-radius:13px;margin-bottom:7px;padding:14px;color:#8fa1ba}.form-step-link.active{background:linear-gradient(120deg,#27b9ff3d,#865cff2b);border:1px solid #6ddfff70;color:#fff;box-shadow:inset 0 1px 0 #ffffff4d,0 0 20px #42cfff24}.form-main{background:#08101b47}.field input,.field select,.field textarea,.range-row input{border:1px solid #ffffff31;border-radius:15px;background:linear-gradient(145deg,#ffffff15,#ffffff07);color:#fff;box-shadow:inset 0 1px 0 #ffffff39,inset 0 -10px 28px #08112680}.field input:focus,.field select:focus,.field textarea:focus,.range-row input:focus{border-color:#58dcff;box-shadow:inset 0 1px 0 #ffffff66,0 0 0 3px #42d8ff1c,0 0 22px #38cfff25}.option{border:1px solid #ffffff25;border-radius:17px;background:#ffffff08}.option:has(input:checked){border-color:#59ddff;background:linear-gradient(130deg,#48cfff20,#865cff1f);box-shadow:0 0 22px #3bcfff1b}.song-card,.reference-card{border-radius:20px}.remove-range,.add-range{border-radius:12px}
.why,.faq-list{padding:34px;border:1px solid #ffffff22;border-radius:32px;background:var(--glass);box-shadow:var(--edge);backdrop-filter:blur(20px)}.pillar,.faq-item{border-color:#ffffff22}.faq-item button{padding:20px 14px}.faq-item.open{background:#ffffff08;border-radius:16px;padding:0 14px}.team .wrap{padding:40px;border:1px solid #ffffff26;border-radius:32px;background:var(--glass-strong);box-shadow:var(--edge);backdrop-filter:blur(24px)}
.final{margin:40px 5vw;border:1px solid #ffffff25;border-radius:42px;background:radial-gradient(circle at 50% 30%,#48d9ff31,transparent 36%),linear-gradient(145deg,#ffffff17,#6a62bf0d)!important;box-shadow:inset 0 1px 0 #ffffff57,0 25px 80px #0008,0 0 60px #4bcdff1f;backdrop-filter:blur(24px)}.final-logo{filter:drop-shadow(0 0 32px #4bdaff77)}
.footer{margin:0 3vw 18px;border:1px solid #ffffff21;border-radius:24px;background:#ffffff08;box-shadow:inset 0 1px 0 #ffffff32;backdrop-filter:blur(18px)}
.mobile-order{border-radius:999px;border:1px solid #c9f5ff9c}
.video-modal{background:#030610d9;backdrop-filter:blur(18px)}.video-dialog{border:1px solid #ffffff43;border-radius:24px;overflow:hidden;box-shadow:inset 0 1px 0 #fff8,0 30px 100px #000,0 0 50px #4bd8ff36}.video-close{border-radius:50%;background:#ffffff16;backdrop-filter:blur(15px)}
@media(max-width:820px){.nav{left:12px;right:12px;top:8px}.nav-links{top:72px;left:0;right:0;border:1px solid #ffffff2c;border-radius:22px;background:#0c1527ed;box-shadow:var(--edge);backdrop-filter:blur(24px)}.hero-grid{border-radius:30px;padding:28px 22px}.section-head{border-radius:24px;padding:22px}.services,.steps{gap:12px}.form-nav{border-right:0;border-bottom:1px solid #ffffff22}.form-shell{border-radius:26px}.final{margin:28px 12px}.footer{margin:0 12px 12px}}
@media(max-width:520px){:root{--nav:70px}.wrap{margin-left:16px;margin-right:16px}.hero{padding-top:94px!important}.hero-grid{padding:24px 18px}.hero h1{font-size:clamp(46px,14vw,56px)}.hero-symbol{min-height:160px}.actions .button{padding:15px 18px}.ticker{left:16px;right:16px}.section-head{padding:19px}.performance-card,.service,.step,.quote,.policy-card{border-radius:21px}.service,.step{padding:22px}.pricing-card,.form-shell{border-radius:23px}.price-side,.include,.form-main{padding:24px 19px}.why{padding:24px 19px}.team .wrap{padding:26px 20px;border-radius:25px}.final{border-radius:28px;padding:38px 0}.footer{border-radius:20px}}
@media(prefers-reduced-transparency:reduce){.nav,.hero-grid,.section-head,.performance-card,.service,.step,.pricing-card,.form-shell,.team .wrap,.final{backdrop-filter:none;background:#111a2b!important}}

/* Full glass-scene transformation: brighter atmosphere and floating sections. */
body{background:
radial-gradient(1000px 850px at -5% 0%,#287be58a,transparent 62%),
radial-gradient(900px 760px at 108% 12%,#b14cff70,transparent 61%),
radial-gradient(900px 700px at 45% 48%,#14dff04d,transparent 66%),
linear-gradient(145deg,#101b38 0%,#10142b 42%,#21143a 100%);background-attachment:fixed}
body:after{content:"";position:fixed;z-index:-2;inset:0;background:linear-gradient(115deg,#83eaff0b,#ffffff00 38%,#d49cff10 64%,#ffffff00);pointer-events:none}
.nav{background:linear-gradient(135deg,#d8f7ff2e,#ffffff12 43%,#d9b9ff25)!important;border-color:#d9f6ff6e;box-shadow:inset 0 1px 0 #fff, inset 0 -8px 22px #669cff18,0 20px 55px #06102c7a,0 0 34px #55dfff32}
.hero-grid{background:linear-gradient(135deg,#e7f9ff26,#ffffff0c 42%,#e1c5ff25);border-color:#e3f8ff70;box-shadow:inset 0 1px 0 #fff,inset 0 -24px 70px #678cff16,0 38px 110px #07102c99,0 0 75px #63dfff2f}
.hero-grid:before{content:"";position:absolute;inset:1px 10% 72%;border-radius:40px;background:linear-gradient(90deg,transparent,#fff4,transparent);filter:blur(12px);pointer-events:none}
main>section:not(.hero):not(.final){padding-left:3vw;padding-right:3vw}
main>section:not(.hero):not(.final)>.wrap{padding:clamp(28px,4vw,52px);border:1px solid #d8f5ff4c;border-radius:38px;background:linear-gradient(145deg,#e4f6ff18,#ffffff08 42%,#cdaeff17);box-shadow:inset 0 1px 0 #ffffffa6,inset 0 -18px 55px #5576d012,0 28px 85px #050b247d,0 0 50px #6ae5ff1c;backdrop-filter:blur(28px) saturate(1.55);-webkit-backdrop-filter:blur(28px) saturate(1.55)}
.section-head{padding:0 0 24px;border:0;border-bottom:1px solid #ffffff38;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}
.performance-card,.service,.step,.quote,.policy-card,.maker-mark,.pricing-card,.form-shell,.express,.why,.faq-list,.team .wrap{border-color:#ddf7ff63!important;background:linear-gradient(145deg,#e6f8ff25,#ffffff0d 42%,#c7aaff20)!important;box-shadow:inset 0 1px 0 #fff,inset 0 -14px 32px #5974c514,0 20px 46px #080d266b,0 0 30px #60dfff22}
.performance-card:hover,.service:hover,.step:hover,.policy-card:hover{border-color:#aef3ffcf!important;box-shadow:inset 0 1px 0 #fff,0 25px 58px #070b238a,0 0 45px #59e6ff55;transform:translateY(-6px)}
.service,.step,.policy-card{transition:transform .28s,border-color .28s,box-shadow .28s}.service h3,.step h3,.policy-card h3{color:#fff}.service p,.step p,.policy-card p,.policy-card li{color:#c0cce0}
.button{background:linear-gradient(120deg,#38a9ffdb,#5be8ffe3 48%,#9767ffe0);border-color:#e7fbffcc;box-shadow:inset 0 2px 1px #fff,inset 0 -12px 22px #4357c45c,0 12px 30px #12bfff60,0 0 34px #a66cff4a}.button.ghost{background:linear-gradient(145deg,#e9faff2b,#ffffff0f 48%,#be9dff25);border-color:#def7ffa6;box-shadow:inset 0 1px 0 #fff,0 14px 32px #090d2970,0 0 28px #6fddff34}
.performance-filter,.gallery-toggle,.language-button,.menu{background:linear-gradient(145deg,#eafaff2b,#ffffff0e 50%,#bd9dff25);border-color:#ddf8ff8c;box-shadow:inset 0 1px 0 #fff,0 10px 25px #07102766}
.form-nav{background:linear-gradient(155deg,#d9f7ff25,#8ec2ff13 48%,#bc8cff25)}.field input,.field select,.field textarea,.range-row input{background:linear-gradient(145deg,#e7f8ff1f,#ffffff0c 55%,#b891ff15);border-color:#d7f4ff61;box-shadow:inset 0 1px 0 #ffffffa8,inset 0 -12px 25px #394b8a18}
.final{background:radial-gradient(circle at 50% 30%,#67ecff65,transparent 38%),radial-gradient(circle at 76% 70%,#b06cff4c,transparent 43%),linear-gradient(145deg,#e2f8ff25,#ffffff0b 48%,#c5a0ff22)!important;border-color:#e0f8ff78;box-shadow:inset 0 1px 0 #fff,inset 0 -30px 80px #6754c019,0 35px 95px #070c288c,0 0 65px #63e7ff39}
.footer{background:linear-gradient(135deg,#dff7ff20,#ffffff0b,#c6a3ff1b);border-color:#d9f6ff55}
@media(max-width:820px){main>section:not(.hero):not(.final){padding-left:12px;padding-right:12px}main>section:not(.hero):not(.final)>.wrap{width:100%;padding:28px 20px;border-radius:28px}.hero-grid:before{inset:1px 8% 82%}}
@media(max-width:520px){body{background:radial-gradient(620px 570px at -10% 0%,#287be58c,transparent 64%),radial-gradient(570px 540px at 108% 30%,#a047df68,transparent 64%),linear-gradient(155deg,#101c39,#17152f 54%,#20143a)}main>section:not(.hero):not(.final)>.wrap{padding:24px 16px;border-radius:25px}.hero-grid{background:linear-gradient(150deg,#e8faff29,#ffffff0d 50%,#d2aeff22)}}

/* Compact rhythm and strict responsive containment. */
.logo-img{filter:drop-shadow(0 0 12px #62dcff3d)}
.hero-symbol img{will-change:transform}
main>section:not(.hero):not(.final){padding-top:26px!important;padding-bottom:26px!important}
main>section:not(.hero):not(.final)>.wrap{padding:clamp(24px,3vw,38px)}
main>section:not(.hero):not(.final) .section-head{margin-bottom:22px;padding-bottom:20px}
.final{margin-top:26px;margin-bottom:26px}

@media(max-width:820px){
  main>section:not(.hero):not(.final){padding:15px 12px!important}
  main>section:not(.hero):not(.final)>.wrap{width:100%;max-width:none;margin:0;padding:21px 17px;border-radius:26px}
  main>section:not(.hero):not(.final) .section-head{gap:14px;margin-bottom:18px;padding-bottom:16px}
  .mobile-order{position:fixed!important;width:auto;max-width:none}
  .hero-grid,.section-head,.services,.steps,.pricing-card,.form-shell,.why,.policy-grid,.faq-list,.team .wrap,.fields,.options,.summary{min-width:0;max-width:100%}
  .section-head>*,.why>*,.form-main,.form-page,.field,.option,.summary>*{min-width:0}
  .final{margin:18px 12px;padding-left:16px!important;padding-right:16px!important}
  .final>div{width:100%;max-width:100%}
  .final h2{overflow-wrap:anywhere}
}

@media(max-width:520px){
  main>section:not(.hero):not(.final){padding:11px 12px!important}
  main>section:not(.hero):not(.final)>.wrap{margin:0;padding:18px 14px;border-radius:23px}
  main>section:not(.hero):not(.final) .section-head{margin-bottom:15px;padding-bottom:14px}
  .mobile-order{left:14px;right:14px;width:auto}
  .final{margin:14px 12px;padding:30px 14px!important}
  .actions,.actions .button,.gallery-toggle,.form-actions{max-width:100%}
  .form-actions{gap:10px}
  .form-actions .button{min-width:0;padding-left:12px;padding-right:12px}
}

/* Phone density pass: preserve the glass look without oversized voids. */
@media(max-width:520px){
  .hero{min-height:auto!important;padding-top:82px!important;padding-bottom:50px!important}
  .hero-grid{padding:18px 14px;border-radius:24px}
  .hero-symbol{min-height:125px}
  .hero-symbol img{width:min(58vw,225px)}
  main>section:not(.hero):not(.final){padding:7px 10px!important}
  main>section:not(.hero):not(.final)>.wrap{padding:14px 12px;border-radius:21px}
  main>section:not(.hero):not(.final) .section-head{gap:8px;margin-bottom:12px;padding-bottom:10px}
  .section-head h2{margin-top:8px}
  .section-head p{margin-bottom:0}
  .performance-grid,.performance-grid.featured,.services,.steps,.policy-grid{gap:8px}
  .video-launch{aspect-ratio:16/9}
  .performance-info{padding:10px}
  .gallery-actions{margin-top:12px}
  .service,.step{display:block;min-height:0!important;padding:15px 14px}
  .service h3,.step h3{margin:10px 0 6px}
  .service p,.step p{line-height:1.45}
  .pricing-card,.form-shell{border-radius:20px}
  .price-side,.include,.form-main{padding:18px 15px}
  .include ul{gap:10px;margin-bottom:18px}
  .addons{gap:8px;margin-top:14px}
  .addon{padding:14px 15px}
  .addon strong{margin-top:4px}
  .express{padding:20px 16px;margin-top:16px}
  .express h3{font-size:28px;margin:6px 0}
  .express p{line-height:1.5}
  .form-nav{padding:10px}
  .form-step-link{padding:10px 8px;margin-bottom:4px}
  .form-main{padding:18px 15px}
  .form-page h3{font-size:30px;margin-bottom:20px}
  .fields{gap:14px}
  .field{gap:6px}
  .field input,.field select,.field textarea{padding:11px}
  .form-actions{margin-top:20px}
  .why{padding:18px 15px}
  .pillars{margin-top:20px}
  .pillar{padding:14px 0}
  .team .wrap{padding:18px 15px}
  .maker-grid{gap:16px}
  .maker-mark{min-height:180px}
  .maker-mark:before{font-size:140px}
  .maker-copy h2{margin:10px 0 16px}
  .maker-copy p{line-height:1.5}
  .maker-proof{margin-top:18px}
  .maker-proof div{padding:12px 0}
  .policy-card{min-height:0;padding:18px 15px}
  .policy-card h3{margin:12px 0 8px;font-size:18px}
  .policy-card p,.policy-card li{line-height:1.55}
  .policy-note{margin-top:14px;padding:15px}
  .faq-list{padding:16px 13px}
  .faq-item button{padding:14px 4px}
  .faq-answer{padding-bottom:14px;line-height:1.55}
  .final{padding:24px 12px!important}
  .final-logo{width:min(68vw,260px)}
}
