@font-face{font-family:Barlow;src:url('assets/fonts/Barlow-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Barlow;src:url('assets/fonts/Barlow-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Barlow;src:url('assets/fonts/Barlow-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Barlow;src:url('assets/fonts/Barlow-ExtraBold.ttf') format('truetype');font-weight:800;font-display:swap}
.commercial-proposal{--font-body:Barlow,Arial,sans-serif;--font-display:Barlow,Arial,sans-serif}
.agency-brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:700;letter-spacing:.12em}.agency-brand img{height:39px;width:43px;object-fit:contain}.agency-brand small{display:block;font-size:8px;letter-spacing:.16em;color:var(--muted);margin-top:4px}
.commercial-proposal .hero{padding-top:150px}.commercial-proposal .hero h1{font-size:clamp(3rem,6.7vw,7.1rem);letter-spacing:-.055em}.proposal-meta{display:flex;gap:36px;margin-top:32px}.proposal-meta span{color:var(--pink);font-size:9px;letter-spacing:.16em}.proposal-meta strong{display:block;color:#c7c0c4;font-weight:400;letter-spacing:0;font-size:14px;margin-top:7px}
.strategy,.maintenance{padding:120px 0;background:#0c0b0d}.phase-grid,.scope-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.phase-grid .contribution{min-height:340px}.phase-grid .contribution h3{margin-top:45px}.scope-grid .engine-card{min-height:570px;padding:35px}.scope-grid .engine-card>div{margin-top:65px}.scope-grid .engine-card p{max-width:100%;font-size:17px}.scope-grid ul,.maintenance-panel ul{list-style:none;padding:0;margin:25px 0 0}.scope-grid li,.maintenance-panel li{position:relative;padding:12px 0 12px 22px;border-top:1px solid #393038;color:#c2bac0;font-size:16px;line-height:1.55}.scope-grid li:before,.maintenance-panel li:before{content:'↗';position:absolute;left:0;color:var(--pink)}.scope-grid .card-number{max-width:80%;line-height:1.6}
.brand-reference{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;margin:85px 0 0}.brand-reference img{width:100%;max-height:570px;object-fit:contain;background:#070708}.brand-reference figcaption>span,.payment-plan>div>span,.monthly-price>span,.future-equity>span{font-size:10px;letter-spacing:.2em;font-weight:700;color:var(--pink)}.brand-reference h3{font:800 clamp(2.8rem,5vw,5rem)/1.05 var(--font-display);letter-spacing:-.04em;margin:25px 0}.brand-reference p{font-size:17px;color:var(--muted);line-height:1.6;max-width:350px}
.payment-plan{display:grid;grid-template-columns:1.3fr 1fr;gap:45px;padding:40px;margin-top:18px;border:1px solid #ff2f9170;background:#1a1017}.payment-plan strong{display:block;color:var(--pink);font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.04em;margin:15px 0}.payment-plan strong span{font-size:.75em;margin-right:10px}.payment-plan p{color:#c2b8be;font-size:17px;line-height:1.6;margin:0}.payment-plan>p{align-self:center}
.maintenance-panel{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:45px;border:1px solid #3c3038;background:#151115}.monthly-price strong{display:block;color:var(--pink);font-size:clamp(3rem,6vw,6rem);letter-spacing:-.05em;margin-top:18px}.monthly-price strong span{font-size:.5em}.monthly-price p{margin:0 0 25px;color:#d0c2ca;font-size:19px}.monthly-price .billing-note{display:block;max-width:310px;line-height:1.6;color:#b6a9b0;font-size:14px;letter-spacing:0;font-weight:400}.maintenance-panel ul{margin:0;align-self:center}.future-equity{border-top:1px solid #47313e;padding-top:28px;margin-top:55px}.future-equity p{color:#bdb2b9;font-size:18px;line-height:1.65;max-width:880px}.future-equity strong{color:var(--pink)}
.commercial-proposal .mazurs-signature{margin:20px auto;width:min(70vw,640px);font-weight:600;letter-spacing:.15em;text-align:center}.mazurs-monogram{display:block;width:clamp(100px,15vw,190px);height:auto;margin:0 auto 28px;filter:drop-shadow(0 0 15px #ff2f9170)}.mazurs-signature>span{display:block;font-size:clamp(2.6rem,7vw,6rem);line-height:1.1}.mazurs-signature small{display:block;font-size:clamp(12px,1.8vw,22px);letter-spacing:.6em;margin:20px 0 25px;padding-left:.6em}.commercial-proposal .reveal-content .brand-tagline{font-size:clamp(9px,1.2vw,14px);letter-spacing:.23em}.show-brand .mazurs-monogram path{stroke-dasharray:700;stroke-dashoffset:700;animation:drawMark 1.7s ease .1s forwards}@keyframes drawMark{to{stroke-dashoffset:0}}
@media(max-width:850px){.commercial-proposal .header-label{display:none}.phase-grid,.scope-grid{grid-template-columns:1fr}.brand-reference{gap:30px}.maintenance-panel{gap:32px}.payment-plan{grid-template-columns:1fr;gap:20px}}
@media(max-width:600px){.agency-brand{font-size:15px}.agency-brand img{height:31px;width:34px}.agency-brand small{font-size:7px}.commercial-proposal .header-link{font-size:9px;letter-spacing:.08em}.commercial-proposal .hero{padding-top:120px}.proposal-meta{flex-direction:column;gap:14px}.strategy,.maintenance{padding:85px 0}.scope-grid .engine-card{padding:26px;min-height:0}.scope-grid .engine-card>div{margin-top:55px}.brand-reference{grid-template-columns:1fr;gap:20px}.brand-reference img{max-height:450px}.payment-plan,.maintenance-panel{padding:28px;grid-template-columns:1fr;gap:28px}.commercial-proposal .eyebrow{font-size:9px;letter-spacing:.15em}.commercial-proposal .eyebrow-index{display:none}.commercial-proposal .mazurs-signature{width:85vw}.mazurs-signature>span{font-size:clamp(2.2rem,9vw,4rem)}}
@media(prefers-reduced-motion:reduce){.show-brand .mazurs-monogram path{stroke-dashoffset:0;animation:none}}
.mazurs-wordmark{display:block;width:100%;height:auto;margin:0 auto;filter:drop-shadow(0 0 9px #ff2f9180)}
.commercial-proposal .page-sound-toggle{position:fixed;right:24px;bottom:24px;z-index:110;display:flex;align-items:center;gap:12px;min-height:46px;padding:12px 18px;background:#100b10ed;border:1px solid #70334f;color:#efc4d9;font-size:10px;font-weight:700;letter-spacing:.15em;box-shadow:0 8px 30px #0008}
.commercial-proposal .page-sound-toggle:hover{border-color:var(--pink);color:var(--pink)}
.commercial-proposal .unlock-button>span:first-child{display:inline-block;font-size:22px}
.commercial-proposal .footer{padding-bottom:100px}
@media(max-width:600px){.commercial-proposal .page-sound-toggle{right:14px;bottom:14px;padding:10px 14px}}
.brand-finale{position:relative;min-height:780px;min-height:100svh;display:grid;place-items:center;padding:100px 24px;background:#000;isolation:isolate;text-align:center}
.brand-finale .reveal-campaign{opacity:1;transform:none}
.brand-finale:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,#000a,transparent 30%,transparent 75%,#0008);pointer-events:none}
.brand-finale .reveal-content{opacity:1;transform:none;width:100%;z-index:2}
.brand-finale .mazurs-monogram path{stroke-dasharray:700;stroke-dashoffset:0}
.brand-finale.visible .mazurs-monogram path{animation:drawMark 1.7s ease forwards}
.brand-finale .reveal-rule{width:min(50vw,320px)}
.brand-finale .reveal-lights span{opacity:.25;animation:revealBeam 4s ease-in-out infinite alternate}
.brand-finale .reveal-corner{z-index:2}
@media(prefers-reduced-motion:reduce){.brand-finale.visible .mazurs-monogram path{animation:none}}

/* Splash Screen / Entry Screen */
.splash-screen {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: radial-gradient(ellipse at 50% 45%, #22121e 0%, #0d0a0f 45%, #050506 90%);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  overflow: hidden;
  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.8s;
}

.splash-screen.is-hidden {
  opacity: 0;
  visibility: hidden;
  transform: scale(1.04);
  pointer-events: none;
}

body.splash-active {
  overflow: hidden !important;
}

.splash-atmosphere {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
}

.splash-atmosphere span {
  position: absolute;
  top: -25%;
  width: 20vw;
  height: 150%;
  transform: rotate(20deg);
  background: linear-gradient(90deg, transparent, rgba(255, 47, 145, 0.08) 50%, transparent);
  filter: blur(40px);
  animation: splashStrobe 8s ease-in-out infinite alternate;
}

.splash-atmosphere span:nth-child(1) { left: 20%; }
.splash-atmosphere span:nth-child(2) { left: 55%; animation-delay: -3s; width: 12vw; }
.splash-atmosphere span:nth-child(3) { left: 75%; animation-delay: -6s; width: 16vw; }

@keyframes splashStrobe {
  0% { opacity: 0.2; transform: rotate(18deg) translateX(-30px); }
  100% { opacity: 0.8; transform: rotate(22deg) translateX(30px); }
}

.splash-content {
  position: relative;
  z-index: 2;
  text-align: center;
  max-width: 520px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 26px;
  animation: splashFadeIn 0.9s cubic-bezier(0.16, 1, 0.3, 1) both;
}

@keyframes splashFadeIn {
  from { opacity: 0; transform: translateY(22px) scale(0.96); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

.splash-collab {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 8px 18px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.09);
  backdrop-filter: blur(10px);
}

.splash-agency-logo {
  height: 22px;
  width: auto;
  object-fit: contain;
}

.splash-collab-text {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.2em;
  color: #c7bfc4;
}

.splash-brand {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  width: 100%;
}

.splash-monogram {
  width: 105px;
  height: auto;
  color: #ff2f91;
  filter: drop-shadow(0 0 25px rgba(255, 47, 145, 0.7));
}

.splash-wordmark {
  width: min(80%, 300px);
  height: auto;
  filter: drop-shadow(0 0 14px rgba(255, 47, 145, 0.4));
}

.splash-tagline {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.35em;
  color: #cbbcc4;
}

.splash-desc {
  margin: 0;
  font-size: 14px;
  color: #8c8389;
  letter-spacing: 0.08em;
}

.enter-proposal-btn {
  position: relative;
  background: #ff2f91;
  color: #070708;
  border: none;
  border-radius: 999px;
  padding: 18px 42px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  cursor: pointer;
  box-shadow: 0 0 45px rgba(255, 47, 145, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.4);
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.2s;
  overflow: hidden;
}

.enter-proposal-btn:hover {
  transform: translateY(-2px) scale(1.025);
  background: #ff4aa0;
  box-shadow: 0 0 65px rgba(255, 47, 145, 0.8), inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

.enter-proposal-btn:active {
  transform: translateY(1px) scale(0.98);
}

.btn-primary-text {
  font-family: var(--font-display);
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0.2em;
}

.btn-audio-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  opacity: 0.9;
}

.audio-waves {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  height: 10px;
}

.audio-waves i {
  display: block;
  width: 2px;
  height: 8px;
  background: currentColor;
  border-radius: 1px;
  animation: wavePulse 0.7s ease-in-out infinite alternate;
}
.audio-waves i:nth-child(2) { animation-delay: -0.2s; height: 12px; }
.audio-waves i:nth-child(3) { animation-delay: -0.4s; height: 6px; }

@keyframes wavePulse {
  0% { height: 3px; }
  100% { height: 12px; }
}

@media (max-width: 600px) {
  .splash-monogram { width: 85px; }
  .splash-wordmark { width: 230px; }
  .enter-proposal-btn { padding: 16px 28px; width: 100%; }
  .btn-primary-text { font-size: 14px; }
}