/* Shared mobile rhythm and three optional art directions. No external fonts. */
html{scroll-padding-top:20px}body{overflow-wrap:break-word}button,input,select{min-width:0}button,a,input,select{-webkit-tap-highlight-color:transparent}input,select{font-size:16px!important}h1,h2,h3,p{overflow-wrap:break-word}.hero-grid>*{min-width:0}#makeGrid{margin-top:18px}.option{position:relative}.option:hover{border-color:#0879bd;box-shadow:0 3px 12px #00106809}.option:active{transform:translateY(1px)}
@media(max-width:600px){
 .wrap{padding-inline:20px}.hero-grid{gap:0}.hero{padding-top:30px}.hero h1{margin:20px 0;letter-spacing:-.04em}.hero .intro{margin-bottom:24px}.hero .quote{padding:18px;margin-top:20px}.hero-art{max-height:240px}.hero-bottom{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-block:20px;justify-content:stretch}.hero-bottom span{display:flex;align-items:baseline;line-height:1.45}.hero-bottom b{flex-shrink:0}.tabs{display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:6px}.tab{padding:12px 6px;font-size:14px;min-height:46px}.ziprow{gap:10px}.ziprow input{font-size:16px;min-height:52px}.ziprow .btn{min-height:52px}.card{grid-template-columns:minmax(0,1fr);padding:24px}.card-art{grid-row:1;width:64px;height:64px}.card-art svg{width:48px}.card p{margin-bottom:12px}.section-head{margin-bottom:24px}.section h2 br{display:none}.local-art{min-height:230px}.footgrid{gap:20px}.cta .btn{width:100%}header{gap:12px}.call{gap:4px}.call>span:first-child{display:none}header .logo{width:125px}.welcome{padding:18px 20px}.welcome svg{width:68px;height:40px}.welcome h1{font-size:26px;margin-top:6px}.welcome p{font-size:14px}main#question{padding-inline:20px;margin:16px auto 40px;max-width:620px}.formtop{margin-bottom:18px}#fields h2{font-size:26px;line-height:1.23;margin-bottom:12px}#fields>.help{margin-bottom:22px}.options{grid-template-columns:1fr;gap:10px}.tapgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.option{min-height:58px;padding:16px;font-size:16px}.option.chosen{padding:15px}.row{grid-template-columns:1fr;gap:0}nav ol{padding-inline:20px;gap:6px}nav li{font-size:11px;gap:4px;padding-block:16px}nav li span{width:20px;height:20px;flex-shrink:0}.record{align-items:flex-start;gap:10px}.record>div:first-child{flex:1 1 100%}.record>div:last-child{display:flex;gap:8px}.record button{margin:0;min-width:64px}.reviewgroup h3{gap:12px}.reviewgroup p{overflow-wrap:anywhere}.permissions{margin-inline:0;padding:16px}.permissions legend{max-width:100%;font-size:18px}.permission span{min-width:0}.preview{font-size:11px;padding:8px 20px}.reassure{font-size:12px}.btn{white-space:normal;min-height:54px}footer{padding-inline:20px}
}
@media(max-width:360px){header img{max-width:110px}.phone{font-size:12px}.phone small{font-size:10px}nav li{font-size:10px}nav ol{padding-inline:16px}main#question,.wrap{padding-inline:16px}.tapgrid{gap:8px}.option{font-size:15px}.hero h1{font-size:38px}}
/* A — bold navy panels, crisp edges, strong contrast. */
html[data-style=bold] .hero{background:#001068;color:white}html[data-style=bold] .hero h1{color:white}html[data-style=bold] .hero h1 em{color:#73cbff}html[data-style=bold] .hero .intro,html[data-style=bold] .hero .eyebrow,html[data-style=bold] .hero-bottom,html[data-style=bold] .hero-bottom b{color:#d6eaff}html[data-style=bold] .hero .quote{color:#172446;border-radius:12px;box-shadow:0 12px 30px #0002}html[data-style=bold] .hero-bottom{border-color:#ffffff30}html[data-style=bold] .welcome{background:#001068}html[data-style=bold] .welcome h1{color:white}html[data-style=bold] .welcome p{color:#cee6ff}html[data-style=bold] h1,html[data-style=bold] h2{font-weight:800}html[data-style=bold] .option{border-radius:6px;border-left:3px solid #d3e8fa}html[data-style=bold] .option:hover,html[data-style=bold] .option.chosen{border-left-color:#14a0ff}html[data-style=bold] .btn{border-radius:6px}html[data-style=bold] .card{border-top:4px solid #14a0ff}
/* B — rounded shapes, pale blues, relaxed spacing. */
html[data-style=friendly] body{background:#fbfdff}html[data-style=friendly] .hero{background:radial-gradient(ellipse at 85% 15%,#bfe6ff,transparent 55%),#eef8ff}html[data-style=friendly] .quote,html[data-style=friendly] .card{border-radius:26px}html[data-style=friendly] .btn{border-radius:28px}html[data-style=friendly] .welcome{background:radial-gradient(ellipse at 20% 0,#c3e8ff,transparent 65%),#f0f9ff;border-radius:0 0 36px 36px}html[data-style=friendly] .option{border-radius:16px;background:#f7fbff;border-color:#d1e1f0}html[data-style=friendly] .option.chosen{background:#e3f3ff;border-color:#0879bd}html[data-style=friendly] .record{border-radius:18px}html[data-style=friendly] h1,html[data-style=friendly] h2{letter-spacing:-.035em}
/* C — editorial serif headlines and restrained blue accents. */
html[data-style=editorial] h1,html[data-style=editorial] h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.04em}html[data-style=editorial] .hero{background:#f5f8fc;border-bottom:1px solid #d8e5f2}html[data-style=editorial] .quote{border-radius:4px;box-shadow:none;border:1px solid #b9d0e6;border-top:4px solid #14a0ff}html[data-style=editorial] .card{border-radius:4px}html[data-style=editorial] .welcome{background:#f5f8fc;border-block:1px solid #d8e5f2}html[data-style=editorial] .welcome h1{font-size:36px}html[data-style=editorial] #fields h2{font-size:32px}html[data-style=editorial] .option,html[data-style=editorial] .btn{border-radius:4px}html[data-style=editorial] .welcome svg{display:none}@media(max-width:600px){html[data-style=editorial] .welcome h1{font-size:29px}html[data-style=editorial] #fields h2{font-size:29px}}