/* Shared visual finish for existing landing pages and guides. Form logic stays in place. */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap');
[hidden]{display:none!important}
:root{--navy:#252b3b;--navy-deep:#1d2433;--ink:#282d3c;--soft:#596373;--ground:#f3f5f7}
body{font-family:'Manrope',sans-serif;line-height:1.85}
body.variant-b{--g1:#626bb9;--g2:#6288c2}
body.variant-a{--g1:#337f91;--g2:#5387ae}
h1,h2,h3,.kicker,.brand,.btn,.big-btn{font-family:'Montserrat',sans-serif}
.photo-hero{min-height:690px;padding:155px 30px 105px;background-position:center 53%}
.photo-hero:before,body.variant-a .photo-hero:before{background:linear-gradient(90deg,#182332c9,#24344c91)}
.photo-hero>.masthead{position:absolute;top:0;left:0;right:0;max-width:1320px;padding:30px 40px;animation:none}
.photo-hero h1{font-size:clamp(33px,4.6vw,68px);font-weight:300;letter-spacing:-.035em;max-width:1000px}
.photo-hero h1 em{font-weight:500}
.photo-hero .lede{font-size:17px;line-height:1.85;max-width:650px;color:#f0f3f8}
.photo-hero .btn{background:#61bac8;border-color:#61bac8;color:#183e49;padding:17px 28px;letter-spacing:.15em}
.photo-hero .btn:hover{background:#8bd4df}
.masthead .brand{font-size:16px;letter-spacing:.08em;text-transform:none}
.masthead nav a{font-size:11px;letter-spacing:.1em;opacity:1;border-bottom:1px solid #ffffff70;padding:8px 3px}
.grad-band{background:linear-gradient(115deg,#656fb7,#7165aa)}
body.variant-a .grad-band{background:linear-gradient(115deg,#387f91,#4c739f)}
.grad-band blockquote{font-size:clamp(19px,2vw,25px);font-weight:400}
.prodcard,.panel,.form-panel,.dim,.card{box-shadow:none;border:1px solid #e1e5ed}
.prodcard{border-top:3px solid var(--g1)}
.prodcard li,.panel{font-size:15px;line-height:1.9}
.prodcard li strong{color:var(--ink)}
.panel.yes{border-color:var(--navy)}
.form-panel{box-shadow:0 20px 60px #11182735;padding:45px;position:relative}
.fieldrow label{font-size:11px;letter-spacing:.14em}
input[type=text],input[type=email],input[type=number],textarea{font-family:'Manrope',sans-serif;font-size:16px;border-radius:2px}
.form-panel .micro{font-size:12px;line-height:1.8;letter-spacing:0}
.btn{font-size:10px;letter-spacing:.17em;min-height:46px}
.btn.fill{background:#61bac8;color:#183e49;font-weight:600}
.btn.fill:hover{background:#82cfda;opacity:1}
button:disabled{cursor:wait;opacity:.65}
.ghost{opacity:.045}
.doc .wrap{max-width:790px;padding-bottom:35px}
.doc p,.doc li{font-size:15px;line-height:1.9}
.doc h1{font-size:clamp(30px,4vw,45px);letter-spacing:-.03em}
.doc .hero{padding-top:40px}
.doc .qs{font-size:14px}
.topbar{max-width:790px;padding-top:30px}
.dim{border-left:3px solid var(--g1);border-top:1px solid #e1e5ed}
.footer-min{max-width:790px;font-size:12px}
.form-panel:focus-within{outline:1px solid #61bac866;outline-offset:8px}
:focus-visible{outline:3px solid #61bac8;outline-offset:4px}
@media(max-width:820px){.masthead nav .navlink{display:block}.photo-hero>.masthead{padding:25px 27px}.photo-hero{min-height:630px}.photo-hero .lede{font-size:15px}}
@media(max-width:560px){.photo-hero{min-height:660px;padding:130px 25px 85px}.photo-hero h1{font-size:37px;line-height:1.4}.photo-hero .kicker{font-size:8px;letter-spacing:.18em}.photo-hero .kicker:before,.photo-hero .kicker:after{width:15px;margin:0 8px}.photo-hero .lede{font-size:15px}.form-panel{padding:30px 24px}.prodcard li,.panel{font-size:14px}.wrap{padding:0 24px}.footer-min{padding:30px 24px}.fieldrow label{letter-spacing:.08em}.photo-hero .btn{font-size:9px}.doc .wrap{padding-bottom:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}