/* Hero driven by typography and two clear calls to action. */
.cp-home-mockup #main>#top.hero{padding-block:clamp(58px,6vw,88px) 48px}
.cp-home-mockup #main #top.hero>.wrap{display:block}
.cp-home-mockup #top .hero-copy{max-width:1100px;margin-inline:auto;text-align:center}
.cp-home-mockup #main #top .eyebrow{justify-content:center;font-size:.78rem!important;letter-spacing:.11em;margin-bottom:32px;line-height:1.8}
.cp-home-mockup #main #top .eyebrow:before{display:none}
.cp-home-mockup #main #top h1{font-size:clamp(2.6rem,6.1vw,5.5rem);line-height:1.1;letter-spacing:-.035em;margin:0 auto 29px}
.cp-home-mockup #main #top .hero-primary{display:block}
.cp-home-mockup #main #top .hero-secondary{display:block;font-size:.78em;line-height:1.17;margin-top:12px;color:#e6c681}
.cp-home-mockup #main #top .hero-one-line{max-width:none!important;margin:0 auto;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.75;color:#d7dfeb}
.cp-home-mockup #main #top .cta-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:780px;margin:35px auto 36px}
.cp-home-mockup #main #top .cta-row .btn{padding:19px 23px;font-size:.95rem;text-align:left;gap:20px;line-height:1.5}
.cp-home-mockup #main #top .home-credentials{max-width:930px!important;margin:0 auto;padding:22px 28px 24px;border:1px solid #d7b77740;border-top:2px solid #d7b777;border-radius:6px;background:#ffffff04;text-align:center}
.cp-home-mockup #main #top .credential-name{font-size:1rem;line-height:1.65}
.cp-home-mockup #main #top .credential-details{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:6px 24px!important;font-size:.84rem;line-height:1.8;margin-top:10px}
.cp-home-mockup #main #top .credential-details span{white-space:normal}
.cp-home-mockup #main #top .launch{margin-top:25px;font-size:.72rem;letter-spacing:.08em;line-height:1.9;text-wrap:balance}
.cp-home-mockup #main #top .launch b{color:#d7b777}
/* Only the four existing image frames are filled. */
.cp-home-mockup #zones .age-photo.zone-line-art{padding:0;position:relative;overflow:hidden;background:#101f35;color:#d7b777}
.cp-home-mockup #zones .zone-line-art svg{display:block;position:absolute;inset:0;width:100%;height:100%}
.cp-home-mockup #zones .zone-line-art svg *{fill:none;stroke:#d7b777;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.cp-home-mockup #zones .zone-line-art .zone-art-age{position:absolute;z-index:1;top:15px;left:18px;color:#d7b777;font:400 italic clamp(.9rem,1.25vw,1.15rem)/1.1 var(--serif);letter-spacing:0}
@media(max-width:700px){.cp-home-mockup #main>#top.hero{padding-block:52px 35px}.cp-home-mockup #main #top .eyebrow{font-size:.67rem!important;letter-spacing:.08em;max-width:330px;margin:0 auto 29px}.cp-home-mockup #main #top h1{font-size:clamp(2.1rem,7.9vw,3.3rem);line-height:1.13;letter-spacing:-.035em;margin-bottom:24px}.cp-home-mockup #main #top .hero-secondary{font-size:.83em;line-height:1.25;margin-top:12px}.cp-home-mockup #main #top .hero-one-line{max-width:34ch!important;font-size:1rem}.cp-home-mockup #main #top .cta-row{grid-template-columns:1fr;max-width:440px;margin:28px auto}.cp-home-mockup #main #top .cta-row .btn{padding:17px 20px;font-size:.9rem}.cp-home-mockup #main #top .home-credentials{padding:22px 20px;max-width:440px!important}.cp-home-mockup #main #top .credential-name{font-size:.92rem}.cp-home-mockup #main #top .credential-name strong{display:block}.cp-home-mockup #main #top .credential-details{flex-direction:column;font-size:.8rem;gap:4px!important}.cp-home-mockup #main #top .launch{max-width:430px;margin:23px auto 0;font-size:.65rem;letter-spacing:.05em}.cp-home-mockup #zones .zone-line-art .zone-art-age{font-size:1.1rem}}
@media(min-width:701px){.cp-home-mockup #main #top .cta-row{max-width:930px;align-items:stretch}.cp-home-mockup #main #top .cta-row .btn{height:100%;min-height:62px}}