.presence{--ink:#173541;--blue:#004d6e;--mint:#00c49a;--pale:#f1f6f7;color:var(--ink);font-size:1rem;line-height:1.65}
.presence .section{padding:72px 0}
.presence .eyebrow{font-size:.82rem;letter-spacing:.11em;text-transform:uppercase;font-weight:700;color:#006e58}
.presence h1{font-size:clamp(2.65rem,5.1vw,4.6rem);line-height:1.06;letter-spacing:-.045em;font-weight:750}
.presence h2{font-size:clamp(1.8rem,3vw,2.55rem);line-height:1.16;letter-spacing:-.025em;font-weight:700}
.presence h3{font-size:1.25rem;font-weight:700}
.presence .intro{font-size:1.18rem;max-width:660px;color:#526a75}
.presence .presence-hero{background:linear-gradient(135deg,rgba(0,77,110,.93),rgba(0,40,61,.96)),url('/images/layer_3.jpg') center/cover no-repeat;color:#fff;padding:88px 0}
.presence .presence-hero .eyebrow{color:#7fe9d0}
.presence .presence-hero h1,.presence .presence-hero h2,.presence .presence-hero h3{color:#fff}
.presence .presence-hero .intro,.presence .presence-hero>.container>p,.presence .presence-hero li{color:#dce8ec}
.presence .presence-hero .fine{color:#cddbe1}
.presence .presence-hero a:not(.button){color:#fff}
.presence .presence-hero .button{background:var(--mint);border-color:var(--mint);color:#00323f}
.presence .presence-hero .button:hover{background:#00b48d;border-color:#00b48d;color:#00323f}
.presence .presence-hero .button.alt{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
.presence .presence-hero .button.alt:hover{background:rgba(255,255,255,.12);color:#fff}
/* cards/forms that sit inside a hero keep readable dark text on their own light background */
.presence .presence-hero .form-card,.presence .presence-hero .form-card *:not(.button),.presence .presence-hero .offer,.presence .presence-hero .offer h2,.presence .presence-hero .offer h3{color:var(--ink)}
.presence .presence-hero .form-card .fine,.presence .presence-hero .offer .fine{color:#526a75}
.presence .presence-hero .offer .price{color:var(--blue)}
.presence .presence-hero .form-card a:not(.button),.presence .presence-hero .offer a:not(.button){color:var(--blue)}
/* single-column centered hero */
.presence .presence-hero.hero-centered{text-align:center;padding:104px 0}
.presence .presence-hero.hero-centered p{max-width:660px;margin-left:auto;margin-right:auto}
.presence .presence-hero.hero-centered h1{margin-left:auto;margin-right:auto}
.presence .presence-hero.hero-centered .d-flex{justify-content:center}
.presence .hero-image{width:100%;aspect-ratio:1.28;object-fit:cover;object-position:top;border:1px solid #ccdce1;border-radius:12px;box-shadow:0 22px 45px #00344d18}
.presence .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 23px;background:var(--blue);color:white;border:2px solid var(--blue);border-radius:7px;font-weight:650;text-decoration:none;min-height:48px}
.presence .button:hover{background:#003a54;color:white}
.presence .button.alt{background:transparent;color:var(--blue)}
.presence a:focus-visible,.presence button:focus-visible,.presence summary:focus-visible{outline:3px solid #00a982;outline-offset:4px}
.presence .proof-line{border-bottom:1px solid #dce6e9;padding:22px 0}
.presence .surface{background:var(--pale)}
.presence .tint-mint{background:#e9f8f3}
.presence .project-image{display:block;width:100%;height:auto;border:1px solid #ccdce1;border-radius:12px;box-shadow:0 22px 45px #00344d18}
.presence .quote-card{background:#fff;border-radius:12px;padding:26px 28px;box-shadow:0 12px 34px #00344d14;height:100%}
.presence .quote-card .stars{color:#f5a623;letter-spacing:.12em;font-size:1rem}
.presence .offer{border:1px solid #cfdfe4;border-radius:12px;padding:28px;height:100%;display:flex;flex-direction:column;background:white}
.presence .offer.featured{border-top:5px solid var(--mint);padding-top:24px}
.presence .price{font-size:2.45rem;font-weight:750;letter-spacing:-.04em;color:var(--blue);line-height:1.3}
.presence .price small{font-size:1rem;letter-spacing:0;font-weight:400}
.presence .offer ul{padding-left:1.2rem;margin:20px 0}
.presence .offer li{margin-bottom:9px}
.presence .offer .button{margin-top:auto}
.presence .step{border-top:3px solid var(--mint);padding-top:22px}
.presence .step .number{font-size:.85rem;font-weight:700;color:#006c55;margin-bottom:12px}
.presence .detail{border-bottom:1px solid #d4e0e4;padding:22px 0}
.presence .detail summary{font-weight:650;cursor:pointer}
.presence .detail p{margin:14px 0 0;max-width:850px;color:#526a75}
.presence .fine{font-size:.9rem;color:#526a75}
.presence .dark{background:#004d6e;color:white}
.presence .dark .button{background:#00c49a;border-color:#00c49a;color:#003043}
.presence .dark p{color:#e1edf0}
.presence .portrait{width:150px;height:150px;object-fit:cover;object-position:top;border-radius:50%}
.presence .quote{border-left:3px solid var(--mint);padding-left:24px;margin:0}
.presence .feature-row{padding:22px 0;border-bottom:1px solid #d4e0e4}
.presence .form-card{background:white;padding:30px;border:1px solid #d4e0e4;border-radius:12px}
.presence .form-label{font-weight:650}
.presence .form-control,.presence .form-select{min-height:48px;font-size:1rem}
.presence .form-check-input{margin-top:.35em}
.presence .honeypot{position:absolute;left:-9999px;visibility:hidden}
.presence .anchor{scroll-margin-top:30px}
.presence .report-example{border:1px solid #d4e0e4;border-top:5px solid var(--mint);padding:28px;background:white;border-radius:8px}
@media(max-width:767px){.presence .section,.presence .presence-hero{padding:42px 0}
.presence .offer,.presence .form-card{padding:22px}
.presence .hero-image{aspect-ratio:1.6}
.presence .button{padding:12px 18px}
.presence .presence-hero h1{max-width:15ch}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}
}
/* Preserve the complete homepage project screenshot at every breakpoint. */
.presence .presence-hero .homepage-project-image{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
