/* Editorial hero: shared illustrated, ink-and-paper language. */
main .brand-entry-hero{position:relative;isolation:isolate;overflow:hidden;padding:68px 24px 78px;text-align:center;background:radial-gradient(ellipse at 4% 25%,#e1eaff 0,transparent 48%),radial-gradient(ellipse at 98% 80%,#ffead8 0,transparent 40%),#fcfcff;border-bottom:1px solid #e2eafa}
.brand-entry-inner{position:relative;max-width:840px;margin:auto}
main .brand-entry-hero .eyebrow{font-size:12px;letter-spacing:.09em;margin:0 0 25px}
main .brand-entry-hero h1{font-size:clamp(38px,4.2vw,54px);line-height:1.13;letter-spacing:-.04em;margin:0 0 24px;max-width:none}
main .brand-entry-hero h1 em{color:#194bea;background-size:100% 7px}
.brand-entry-lead{font-size:18px;line-height:1.65;max-width:680px;margin:0 auto;color:#526580}
/* Non-interactive illustrated benefits with visible text labels. */
.entry-benefits{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;list-style:none;padding:0;margin:30px auto 34px;max-width:590px}
.entry-benefits::before{content:'';position:absolute;top:35px;left:12%;right:12%;border-top:1px dashed #bdcde7;z-index:-1}
.entry-benefits li{display:flex;flex-direction:column;align-items:center;gap:13px;color:#30476b;font-size:13px;font-weight:500;line-height:1.35}
.entry-benefit-icon{display:grid;place-items:center;width:78px;height:70px;background:#fff;border:1px solid #cfdaed;border-radius:13px 13px 20px 13px;box-shadow:3px 4px 0 #dfe8f7}
.entry-benefit-site .entry-benefit-icon{transform:rotate(-4deg)}
.entry-benefit-google .entry-benefit-icon{transform:rotate(3deg);border-radius:17px 13px 15px 13px}
.entry-benefit-opportunities .entry-benefit-icon,.entry-benefit-follow .entry-benefit-icon{transform:none;overflow:hidden}
.entry-benefit-follow .entry-benefit-icon{box-shadow:3px 4px 0 #ffe3cc}

.entry-benefit-icon svg{display:block;width:62px;height:62px}
.entry-benefit-icon img{display:block;width:38px;height:38px}
.entry-art{display:block;width:80px;height:80px;background:url('assets/signals-icons.png') no-repeat;background-size:200% 200%;mix-blend-mode:multiply;margin:-5px;flex:none}
.entry-art-project{background-position:0 100%}.entry-art-reminder{background-position:100% 100%}
.brand-entry-actions{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:790px;margin:auto}
.brand-entry-actions a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:84px;padding:17px 21px;text-align:left;border:1px solid #0b2349;border-radius:12px 12px 20px 12px;font-size:16px;line-height:1.4;text-decoration:none;transition:background .18s,transform .18s,box-shadow .18s}
.brand-entry-actions strong{max-width:250px;font-weight:600}
.brand-entry-actions .brand-entry-primary{color:#fff;background:#194bea;box-shadow:3px 5px 0 #b9ccee}
.brand-entry-actions .brand-entry-secondary{color:#0b2349;background:#fff;border-color:#b6c7e2;box-shadow:3px 5px 0 #dfe7f5}
.brand-entry-actions a:hover{transform:translateY(-2px);box-shadow:3px 7px 0 #bdcfee}
.brand-entry-actions .brand-entry-primary:hover{background:#103cc4}
.brand-entry-actions .brand-entry-secondary:hover{background:#f1f5ff}
.brand-entry-actions a:focus-visible{outline:3px solid #ff742b;outline-offset:6px}
.entry-choice-arrow{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:#ff742b;color:#0b2349;border:1px solid #ffac78}
.brand-entry-secondary .entry-choice-arrow{background:#edf3ff;border-color:#d1def5}
.entry-choice-arrow svg{width:22px;height:22px}
.entry-choice-description{font-size:12px;line-height:1.5;margin:15px 0 0;color:#526580}
/* Edge details leave the copy on a clear, readable surface. */
.entry-decor{position:absolute;inset:0;pointer-events:none;z-index:-1}
.entry-decor::before{content:'';position:absolute;width:360px;height:350px;left:-30px;bottom:5%;background-image:radial-gradient(#879fc9 1px,transparent 1px);background-size:18px 18px;opacity:.32;mask-image:radial-gradient(ellipse,#000 10%,transparent 68%)}
.entry-decor::after{content:'';position:absolute;width:420px;height:420px;right:-220px;top:12%;border:1px solid #e5c9b3;border-radius:50%;box-shadow:0 0 0 22px #fff8f280,0 0 0 23px #f0ddce80}
.entry-decor i{display:block;position:absolute}
.entry-decor i:nth-child(1){width:80px;height:30px;left:max(3%,calc(50% - 550px));top:38%;border-top:1px solid #9bb4df;border-radius:50%;transform:rotate(-24deg)}
.entry-decor i:nth-child(2){width:11px;height:11px;right:10%;top:24%;background:#ffb98b;border:1px solid #d8854c;border-radius:50%;box-shadow:0 0 0 6px #fff0e7}
.entry-decor i:nth-child(3){width:30px;height:30px;left:12%;bottom:13%;border:1px solid #b3c6e5;border-radius:7px;transform:rotate(-14deg)}
.home-project-section{padding-top:32px;padding-bottom:80px}
.home-project-section .hero-request{max-width:750px;margin:0 auto;scroll-margin-top:115px}
@media(max-width:1000px){.entry-decor i:nth-child(1),.entry-decor i:nth-child(3){display:none}.entry-decor::before{left:-160px}.entry-decor::after{right:-315px}}
@media(max-width:700px){main .brand-entry-hero{padding:50px 22px 62px}main .brand-entry-hero .eyebrow{font-size:10px;letter-spacing:.06em;margin-bottom:23px}main .brand-entry-hero h1{font-size:clamp(32px,6vw,42px)}.brand-entry-lead{font-size:16px;line-height:1.65}.entry-benefits{gap:10px;margin:27px auto 30px}.entry-benefits li{font-size:12px;gap:10px}.entry-benefit-icon{width:60px;height:58px;border-radius:11px 11px 17px 11px}.entry-benefit-icon svg{width:52px;height:52px}.entry-benefit-icon img{width:31px;height:31px}.entry-art{width:68px;height:68px}.entry-benefits::before{top:29px}.brand-entry-actions{grid-template-columns:1fr;max-width:400px;gap:23px}.brand-entry-actions a{min-height:78px;padding:16px 18px}.entry-choice-description{margin-top:13px}.entry-decor i:nth-child(2){right:6%;top:4%;width:7px;height:7px}.entry-decor::after{top:36%}}
@media(max-width:420px){.brand-entry-hero h1 br{display:none}.brand-entry-actions a{font-size:15px;gap:12px}.entry-benefits{gap:6px}.entry-benefits li{font-size:11px}.entry-choice-description{font-size:11px}}
@media(prefers-reduced-motion:reduce){.brand-entry-actions a{transition:none}}
/* One quiet entrance; animate the list item to preserve each icon's tilt. */
@media(prefers-reduced-motion:no-preference){
  .entry-benefits-reveal>li{animation:entry-benefit-appear .55s cubic-bezier(.22,1,.36,1) backwards;animation-delay:.08s}
  .entry-benefits-reveal>li:nth-child(2){animation-delay:.24s}
  .entry-benefits-reveal>li:nth-child(3){animation-delay:.40s}
  .entry-benefits-reveal>li:nth-child(4){animation-delay:.56s}
}
@keyframes entry-benefit-appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

/* Clip the source artwork inside the shared white card; keep its outer shadow. */

/* Keep the revised first-contact copy easy to scan within the existing cards. */
.first-contact-intro{max-width:900px;margin:22px 0 32px;color:#526580;font-size:18px;line-height:1.65}
.first-contact-intro p{margin:0 0 10px}.first-contact-intro p+p:last-child{margin-bottom:0;color:#0b2349;font-weight:500}
main .first-contact .three h3{font-size:clamp(24px,2.3vw,28px);font-weight:600;line-height:1.2;margin:0 0 20px}
main .first-contact .three .first-contact-benefit{font-size:18px;line-height:1.5;color:#0b2349;font-weight:600;margin:0 0 12px}
main .first-contact .three article>p:not(.first-contact-benefit){font-size:15px;line-height:1.65;font-weight:400;color:#526580;margin:0}
@media(max-width:700px){.first-contact-intro{font-size:16px}}

/* Center only the introduction above the three cards. */
#avant-contact>.wrap>.eyebrow{justify-content:center;text-align:center}
#avant-contact>.wrap>h2{text-align:center;margin-left:auto;margin-right:auto}
#avant-contact .first-contact-intro{text-align:center;margin-left:auto;margin-right:auto}

#avant-contact>.wrap>h2>.home-title-mark{display:inline-block;max-width:100%;text-wrap:balance}

/* Current two-offer hero: retain the existing cards and button interactions. */
.brand-entry-hero .entry-art-maps{background-position:0 0}
.brand-entry-hero .entry-benefit-opportunities .entry-benefit-icon{position:relative}
.brand-entry-hero .entry-benefit-icon .entry-detail-art{width:80px;height:80px;max-width:none;mix-blend-mode:multiply}

@media(min-width:701px){main .brand-entry-hero h1 em{white-space:nowrap}}
@media(max-width:700px){.brand-entry-hero .entry-benefit-icon .entry-detail-art{width:68px;height:68px}}
.brand-entry-hero .entry-benefit-google .entry-benefit-icon{overflow:hidden}

/* Give the desktop hero a broader, more open composition. */
@media(min-width:1001px){
 .brand-entry-hero .brand-entry-inner{max-width:1120px}
 main .brand-entry-hero h1{margin-bottom:28px}
 .brand-entry-hero .brand-entry-lead{max-width:780px}
 .brand-entry-hero .entry-benefits{max-width:900px;gap:32px;margin-top:38px;margin-bottom:40px}
 .brand-entry-hero .entry-benefits li{font-size:14px;gap:15px}
 .brand-entry-hero .brand-entry-actions{max-width:1000px;gap:28px}
 .brand-entry-hero .brand-entry-actions a{padding-inline:26px}
 .brand-entry-hero .brand-entry-actions strong{max-width:none}
}

/* Keep the label and arrow together inside the wider hero buttons. */
.brand-entry-hero .brand-entry-actions a{justify-content:center;gap:18px}

/* Compact desktop CTAs without changing the wider illustration row. */
@media(min-width:701px){.brand-entry-hero .brand-entry-actions{display:flex;justify-content:center;gap:22px;max-width:none}.brand-entry-hero .brand-entry-actions a{padding-inline:22px}.brand-entry-hero .brand-entry-actions strong{max-width:none}}