:root{--blue:#087ed8;--cyan:#18c7eb;--navy:#07131f;--navy2:#0c2032;--cream:#f7f5ef}.agency-hero{background:var(--navy);color:#fff;min-height:760px;padding:110px 0 80px;position:relative;overflow:hidden}.agency-hero:before{content:"";position:absolute;inset:-30% -20% auto 42%;height:720px;background:radial-gradient(circle,rgba(24,199,235,.18),transparent 60%);pointer-events:none}.agency-hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,#000,transparent 90%);pointer-events:none}.agency-hero .container{position:relative;z-index:1}.agency-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:76px;align-items:center}.agency-hero h1{font-size:clamp(4rem,7.8vw,7.5rem);line-height:.91;letter-spacing:-.055em;margin:18px 0 28px}.agency-hero .lead{color:#c6d5df;font-size:1.22rem}.agency-hero .eyebrow{color:#58ddf1}.agency-hero .btn{border-color:#fff;color:#fff}.agency-hero .btn.primary{border-color:var(--cyan);background:var(--cyan);color:#04131d}.agency-hero .btn.primary:hover{background:#fff}.hero-showcase{min-height:560px;position:relative}.browser-panel{position:absolute;inset:32px 0 82px 42px;background:#f9f8f4;color:#15202a;border:1px solid rgba(255,255,255,.18);box-shadow:0 32px 90px rgba(0,0,0,.35);padding:28px;transform:rotate(-2deg)}.browser-top{display:flex;gap:7px;border-bottom:1px solid #d6ddd9;padding-bottom:18px}.browser-top i{width:8px;height:8px;border-radius:50%;background:#b8c1bf}.browser-content{padding-top:42px}.browser-content small{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:#087ed8}.browser-content h3{font-size:3.4rem;line-height:1;margin:18px 0}.browser-content p{max-width:390px;color:#53606a}.showcase-chip{position:absolute;right:0;bottom:30px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;width:250px;padding:28px;box-shadow:0 25px 65px rgba(0,0,0,.28)}.showcase-chip strong{font:600 2rem 'Playfair Display',serif;display:block}.showcase-chip span{font-size:.76rem;text-transform:uppercase;letter-spacing:.11em}.proof-bar{background:#fff;border-bottom:1px solid var(--line)}.proof-grid{display:grid;grid-template-columns:repeat(5,1fr)}.proof-grid div{padding:25px 18px;border-right:1px solid var(--line);font-size:.76rem;text-transform:uppercase;letter-spacing:.1em}.proof-grid div:last-child{border-right:0}.service-editorial{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:90px .8fr 1.2fr auto;gap:30px;align-items:start;padding:40px 0;border-bottom:1px solid var(--line)}.service-row b{color:var(--blue);font-size:.74rem;letter-spacing:.12em}.service-row h3{font-size:2rem;margin:0}.service-row p{margin:0;color:var(--muted)}.service-row a{font-weight:600;color:var(--blue);white-space:nowrap}.launch-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:25px}.launch-column{display:grid;gap:25px}.launch-card{min-height:390px;padding:36px;background:#e8eceb;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;border:1px solid rgba(0,0,0,.05)}.launch-card.large{min-height:805px;background:#dbe7f1}.launch-card.dark-card{background:#102231;color:#fff}.launch-card.warm{background:#eee3dc}.launch-card:before{content:"";position:absolute;width:280px;height:280px;border:1px solid currentColor;opacity:.12;border-radius:50%;right:-35px;top:35px}.launch-card>*{position:relative}.launch-card h3{font-size:clamp(2.3rem,4vw,4.4rem);line-height:1;margin:10px 0}.launch-card p{max-width:520px}.launch-card .tag{font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;color:var(--blue)}.dark-card .tag{color:#61def1}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.package-card{border:1px solid var(--line);background:#fff;padding:34px;display:flex;flex-direction:column;min-height:490px}.package-card.featured{background:var(--navy);color:#fff;border-color:var(--navy)}.package-card h3{font-size:2.1rem;margin:18px 0 10px}.package-card .for{color:var(--muted);min-height:52px}.package-card.featured .for{color:#b8c9d4}.package-card ul{padding:0;margin:28px 0;list-style:none}.package-card li{padding:10px 0;border-bottom:1px solid var(--line)}.package-card.featured li{border-color:#314453}.package-card .btn{margin-top:auto}.talent-band{background:linear-gradient(125deg,#07131f,#0c2940);color:#fff;position:relative;overflow:hidden}.talent-band:after{content:"";position:absolute;width:500px;height:500px;border:1px solid rgba(24,199,235,.28);border-radius:50%;right:-170px;top:-180px}.talent-band .section-head p{color:#bfd0da}.talent-values{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #405362}.talent-value{padding:28px 24px;border-right:1px solid #405362}.talent-value:last-child{border-right:0}.talent-value b{color:#59dff2}.talent-value h3{margin:28px 0 8px;font-size:1.55rem}.mini-student{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end;padding:42px;border:1px solid var(--line);background:#fff}.mini-student h3{font-size:2.6rem;margin:8px 0}.agency-process{grid-template-columns:repeat(6,1fr)}.agency-process .step{min-height:290px}.trust-list{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.trust-list div{background:var(--bg);padding:28px}.trust-list strong{display:block;font:600 1.5rem 'Playfair Display',serif;margin-bottom:8px}.talent-hero{background:#0a1723;color:#fff}.talent-hero p{color:#c1d0da}.talent-form-note{padding:22px;background:#e8f4f8;border-left:3px solid var(--cyan);margin-bottom:24px}.application-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.role-card{background:var(--bg);padding:28px;min-height:235px}.role-card h3{font-size:1.55rem}.social-proof-note{font-size:.86rem;color:var(--muted);border-left:2px solid var(--blue);padding-left:16px}.wa-float{position:fixed;right:20px;bottom:20px;z-index:80;background:#0e9f6e;color:#fff;padding:13px 18px;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.04em;box-shadow:0 12px 32px rgba(0,0,0,.24)}.wa-float:hover{background:#087f59}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:1050px){.agency-hero-grid,.launch-grid,.application-grid{grid-template-columns:1fr}.hero-showcase{min-height:540px}.service-row{grid-template-columns:60px 1fr}.service-row p,.service-row a{grid-column:2}.package-grid{grid-template-columns:1fr 1fr}.package-card:last-child{grid-column:1/-1}.agency-process{grid-template-columns:repeat(3,1fr)}.talent-values,.trust-list{grid-template-columns:1fr 1fr}.proof-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:680px){.agency-hero{padding:80px 0 60px;min-height:auto}.agency-hero h1{font-size:3.65rem}.hero-showcase{min-height:460px}.browser-panel{inset:20px 10px 80px 0;padding:22px}.browser-content h3{font-size:2.55rem}.showcase-chip{width:205px;padding:20px}.proof-grid,.package-grid,.talent-values,.trust-list,.role-grid{grid-template-columns:1fr}.proof-grid div{border-right:0;border-bottom:1px solid var(--line)}.package-card:last-child{grid-column:auto}.service-row{grid-template-columns:42px 1fr;gap:18px}.launch-card.large{min-height:500px}.launch-card{min-height:360px}.agency-process{grid-template-columns:1fr}.mini-student{grid-template-columns:1fr;padding:28px}.talent-value{border-right:0;border-bottom:1px solid #405362}.wa-float{right:14px;bottom:14px;padding:11px 14px}.agency-hero .actions .btn{width:100%}}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}
/* Desktop hero fits the visible screen below the sticky navigation. */
@media (min-width: 1024px) {
  .agency-hero {
    min-height: calc(100vh - 78px);
    min-height: calc(100dvh - 78px);
    padding: clamp(22px, 4vh, 52px) 0;
    display: flex;
    align-items: center;
  }
  .agency-hero > .container { width: min(var(--max), calc(100% - 48px)); }
  .agency-hero-grid { gap: clamp(28px, 4vw, 60px); }
  .agency-hero h1 { font-size: clamp(3rem, min(5.2vw, 8.4vh), 5.8rem); line-height: .98; margin: 12px 0 18px; }
  .agency-hero .lead { font-size: clamp(1rem, 1.15vw, 1.17rem); line-height: 1.5; }
  .agency-hero .actions { margin-top: 20px; }
  .agency-hero .hero-showcase { min-height: clamp(320px, 55vh, 500px); }
.form-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
}
@media (min-width: 1024px) and (max-height: 700px) {
  .agency-hero { padding: 18px 0; }
  .agency-hero h1 { font-size: clamp(2.65rem, 6.8vh, 4.2rem); }
  .agency-hero .hero-showcase { min-height: clamp(270px, 48vh, 360px); }
}

/* Showcase copy stays legible and balanced as the hero scales across devices. */
.browser-content {
  padding-top: clamp(28px, 4vw, 42px);
}

.browser-content h3 {
  max-width: 13ch;
  font-size: clamp(2.1rem, 2.65vw, 2.9rem);
  line-height: 0.98;
  letter-spacing: -0.045em;
  margin: clamp(14px, 2vw, 20px) 0;
}

.browser-content p {
  max-width: 35ch;
  margin-bottom: clamp(22px, 3vw, 30px);
  line-height: 1.55;
}

@media (min-width: 1024px) {
  .browser-panel {
    inset: 10px 0 10px 28px;
    padding: 22px;
    transform: rotate(-1deg);
  }

  .browser-content {
    max-width: 220px;
  }

  .browser-content h3 {
    max-width: 9ch;
    font-size: clamp(1.85rem, 2.2vw, 2.35rem);
  }

  .browser-content p {
    font-size: 0.9rem;
  }
}

@media (max-width: 680px) {
  .browser-content {
    padding-top: 30px;
  }

  .browser-content h3 {
    max-width: 11ch;
    font-size: clamp(2.15rem, 9.5vw, 2.8rem);
    margin: 14px 0;
  }

  .browser-content p {
    max-width: 31ch;
    margin-bottom: 22px;
    font-size: 0.96rem;
  }

  .browser-content .btn {
    padding: 12px 16px;
  }
}