/* A single wedding-planning photograph with smaller actual software previews. */
body.modern-home .planner-hero{position:relative;isolation:isolate;min-height:620px;background:#161716;color:#fff;overflow:hidden}
body.modern-home .planner-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;z-index:-2}
body.modern-home .planner-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,10,9,.92),rgba(8,10,9,.75) 31%,rgba(8,10,9,.22) 53%,transparent 72%)}
body.modern-home .planner-hero-inner{position:relative;max-width:1480px;min-height:620px;margin:auto;padding:54px clamp(28px,4vw,64px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:60px;align-items:center}
body.modern-home .planner-hero-copy{max-width:500px;min-width:0}
body.modern-home .planner-hero-copy>.eyebrow{color:#e6c78b;font:600 12px/1.5 Arial,sans-serif;letter-spacing:.12em;margin:0 0 20px}
body.modern-home .planner-hero-copy h1{font:400 clamp(48px,4.6vw,66px)/1.08 Georgia,serif;letter-spacing:-.035em;margin:0 0 22px;color:#fff}
body.modern-home .planner-hero-copy h1 em{font-style:italic;color:#e4bd73;padding-right:6px}
body.modern-home .planner-hero-copy h1>span{display:block;font:400 clamp(29px,2.7vw,39px)/1.2 Georgia,serif;letter-spacing:-.02em;margin-top:12px;color:#fff}
body.modern-home .planner-problem{font:600 18px/1.55 Arial,sans-serif;max-width:450px;margin:0 0 12px;color:#fff}
body.modern-home .planner-solution{font:400 16px/1.65 Arial,sans-serif;max-width:430px;margin:0 0 24px;color:#efefeb}
body.modern-home .planner-hero-actions{display:flex;align-items:stretch;flex-wrap:wrap;gap:12px}
body.modern-home .planner-hero-actions .gold-btn,body.modern-home .planner-learn-button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 21px;border-radius:3px;font:600 14px/1.4 Arial,sans-serif;text-decoration:none;white-space:nowrap}
body.modern-home .planner-learn-button{background:#ffffff12;border:1px solid #ffffffb3;color:#fff;backdrop-filter:blur(6px)}
body.modern-home .planner-learn-button:hover{background:#fff;color:#111}
body.modern-home .planner-hero-price{font:400 14px/1.6 Arial,sans-serif;color:#f0ece4;margin:20px 0 8px}
body.modern-home .planner-hero-terms{font:400 12px/1.7 Arial,sans-serif;color:#ddd8ce;margin:0}
body.modern-home .planner-software-previews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-self:end;max-width:570px;margin:0 0 -10px auto;width:100%;min-width:0}
body.modern-home .planner-software-previews>figure{margin:0;padding:8px;background:#fff;border:1px solid #ddd6c8;border-radius:4px;box-shadow:0 12px 34px #0003;min-width:0}
body.modern-home .planner-software-previews .software-shot{transform:none;border-radius:2px;border-color:#eee;box-shadow:none}
body.modern-home .planner-software-previews img{display:block;width:100%;height:auto}
body.modern-home .planner-software-previews figcaption{font:400 12px/1.5 Arial,sans-serif;color:#555;padding:10px 2px 2px;text-align:center}
@media(max-width:1100px){body.modern-home .planner-hero-inner{gap:32px;padding-inline:30px}body.modern-home .planner-hero-photo{object-position:58% center}body.modern-home .planner-hero-copy h1{font-size:52px}body.modern-home .planner-software-previews{gap:10px}}
@media(max-width:800px){body.modern-home .planner-hero{background:#151716}body.modern-home .planner-hero-photo{position:relative;inset:auto;width:100%;height:330px;object-position:72% center;z-index:0}body.modern-home .planner-hero:after{display:none}body.modern-home .planner-hero-inner{min-height:0;display:block;padding:30px 28px 36px}body.modern-home .planner-hero-copy{max-width:620px;margin:auto;text-align:center}body.modern-home .planner-hero-copy h1{font-size:54px}body.modern-home .planner-problem,body.modern-home .planner-solution{margin-inline:auto;max-width:540px}body.modern-home .planner-hero-actions{justify-content:center}body.modern-home .planner-software-previews{margin:30px auto 0;max-width:620px}}
@media(max-width:600px){body.modern-home .planner-hero-photo{height:260px;object-position:72% center}body.modern-home .planner-hero-inner{padding:26px 22px 32px}body.modern-home .planner-hero-copy>.eyebrow{font-size:11px;letter-spacing:.08em;margin-bottom:18px}body.modern-home .planner-hero-copy h1{font-size:clamp(40px,11vw,52px)}body.modern-home .planner-hero-copy h1>span{font-size:30px}body.modern-home .planner-problem{font-size:17px}body.modern-home .planner-hero-actions .gold-btn,body.modern-home .planner-learn-button{flex:1 1 175px;min-height:48px;padding:12px 16px}body.modern-home .planner-software-previews{gap:12px;margin-top:26px}body.modern-home .planner-software-previews>figure{padding:5px}}

/* Mobile visitors see the message and primary actions before the photography. */
@media(max-width:800px){
 body.modern-home .planner-hero{display:flex;flex-direction:column;min-height:0}
 body.modern-home .planner-hero-inner{display:contents}
 body.modern-home .planner-hero-photo{order:1;height:clamp(190px,45vw,300px)}
 body.modern-home .planner-hero-copy{order:0;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;width:100%;padding:18px 20px 20px}
 body.modern-home .planner-hero-copy>.eyebrow{order:0;display:block;margin:0 0 10px;font-size:12px;line-height:1.4;letter-spacing:.06em}
 body.modern-home .planner-hero-copy h1{order:1;margin:0 0 14px!important}
 body.modern-home .planner-hero-actions{order:2;width:100%;gap:8px;margin:0 0 16px}
 body.modern-home .planner-hero-actions .gold-btn,body.modern-home .planner-learn-button{flex:1 1 150px;min-height:46px;box-sizing:border-box;padding:11px 12px;white-space:normal;font-size:14px}
 body.modern-home .planner-problem{order:3;margin:0 0 8px}
 body.modern-home .planner-solution{order:4;margin:0 0 12px}
 body.modern-home .planner-hero-price{order:5;margin:0 0 6px}
 body.modern-home .planner-hero-terms{order:6;margin:0}
 body.modern-home .planner-software-previews{order:2;align-self:center;width:calc(100% - 40px);margin:20px auto 24px}
}
@media(max-width:360px){body.modern-home .planner-hero-copy{padding:16px 16px 20px}}
@media(max-width:800px) and (max-height:500px){body.modern-home .planner-hero-copy h1{font-size:1.75rem!important;line-height:1.15!important}body.modern-home .planner-hero-copy h1 br{display:none}body.modern-home .planner-hero-copy h1>span{font-size:1.25rem!important;margin-top:4px!important}}

/* Pricing follows the photos in its own light section, outside the hero. */
body.modern-home .planner-offer{background:#fff;color:#222;text-align:center;padding:24px 20px;border-bottom:1px solid #e7e3db}
body.modern-home .planner-offer .planner-hero-price{color:#222;font-size:16px;line-height:1.5;margin:0 0 10px}
body.modern-home .planner-offer .planner-hero-terms{color:#555;font-size:14px;line-height:1.6;margin:0}
@media(max-width:800px){body.modern-home .planner-offer{padding:22px 20px}body.modern-home .planner-offer p{max-width:600px;margin-inline:auto}}