/* Fluid layout, content-based breakpoints: web.dev/learn/design/ */
html{scroll-padding-top:18px}body{min-width:280px}main,section,.flow-column,.card,.grid>*{min-width:0}img,svg,video{max-width:100%;height:auto}
.customer-main{width:100%;padding-inline:clamp(12px,3vw,32px);margin-block:clamp(26px,5vw,60px) clamp(40px,6vw,80px)}
.customer-main.landing{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(24px,5vw,70px)}
.flow-column{width:100%}.grid,.admin-main .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
input,select{font-size:16px;max-width:100%}button,a.primary{touch-action:manipulation}.text-button{min-height:44px;display:inline-flex;align-items:center}.actions>*{min-width:0;overflow-wrap:anywhere}.actions{align-items:stretch}h1,h2,h3,p,label,.badge,#message,.note,.summary-row{overflow-wrap:anywhere}
.site-header,body>header{padding-inline:clamp(12px,3vw,32px)}.step-heading{gap:14px;align-items:flex-start}.step-heading>span:last-child{text-align:right}.amount-chip{align-items:center;flex-wrap:wrap;margin-top:8px}.summary-row>span{min-width:0}.check{font-size:12px}.trust{text-align:center;line-height:1.6}footer{padding-inline:clamp(12px,3vw,32px);flex-wrap:wrap}.brand span{letter-spacing:.6px}
.partner-rate{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px;color:#3d54ad;font-size:14px}.partner-rate>span{font-weight:600}.partner-rate a{font-size:12px;color:inherit;padding-block:8px}.partner-terms{max-width:1160px;margin:0 auto 36px;padding:0 clamp(12px,3vw,32px);font-size:12px;line-height:1.7;color:#55617a}.partner-terms summary{cursor:pointer;padding-block:12px}.partner-terms a{color:#405bc2}.partner-terms p{max-width:85ch}
@media(max-width:800px){.customer-main.landing{display:flex;flex-direction:column;gap:24px}.landing-copy{width:100%;text-align:center}.landing-copy>p{margin-inline:auto}.landing-copy .benefits,.landing-copy>small{display:none}.landing-copy h1{font-size:clamp(28px,5.5vw,42px);letter-spacing:-1px;margin-block:12px}.landing-copy .eyebrow{display:none}.partner-rate{justify-content:center;margin-bottom:12px}.landing .flow-column{max-width:650px}}
@media(max-width:560px){.grid,.admin-main .grid{grid-template-columns:minmax(0,1fr)}.card,.landing .card{padding:clamp(18px,5vw,26px)}.site-header,body>header{gap:12px;flex-wrap:wrap}.brand{font-size:27px}.brand span{font-size:10px}.badge{font-size:10px}.lead{font-size:14px;line-height:1.6}.step-heading{font-size:12px}.optional,small{font-size:11px}.summary-row{font-size:12px}.primary{font-size:15px;min-height:48px}.secondary{font-size:14px}.card h2{font-size:clamp(22px,6vw,28px)}.amount-display{margin-block:12px}.phone input{font-size:20px}.phone>span{font-size:20px;padding-left:12px}.phone>span:before{margin-right:6px}.code{letter-spacing:10px}footer{gap:12px}footer>span{font-size:11px}.partner-terms{font-size:12px}.review-group-title{gap:12px;align-items:center}.simple-wait{min-height:180px}}
@media(max-width:360px){.header-actions{align-items:flex-start}.badge{padding:6px 9px}.actions{flex-wrap:wrap}.actions .secondary{flex:1 0 100%}.summary-row{flex-wrap:wrap;gap:4px}.summary-row>span:last-child{max-width:100%;text-align:left}.simple-wait h2{font-size:18px}.landing-points{flex-wrap:wrap}.site-header{padding-block:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Consistent application shell and field geometry on every questionnaire step. */
body:not(.is-landing) .customer-main{width:100%;max-width:714px;margin:38px auto 52px;padding-inline:24px}
body:not(.is-landing) .flow-column{width:100%;max-width:650px;margin-inline:auto}
body:not(.is-landing) .card{width:100%;padding:30px;border-radius:23px}
.grid{align-items:start}.grid>.field{display:flex;flex-direction:column;min-width:0}.grid>.field>label{min-height:36px;margin-bottom:8px;display:flex;align-items:flex-end;flex-wrap:wrap;gap:3px}.grid>.field>input,.grid>.field>select{height:52px;min-height:52px;width:100%}.grid>.field>.phone{width:100%}
.summary-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.summary-row>span:last-child{max-width:none;justify-self:stretch}
@media(max-width:650px){body:not(.is-landing) .customer-main{margin:25px auto 38px;padding-inline:18px}body:not(.is-landing) .card{padding:24px 20px}.grid>.field>label{min-height:22px}}
@media(max-width:360px){body:not(.is-landing) .customer-main{padding-inline:12px}body:not(.is-landing) .card{padding:22px 17px}.summary-row{grid-template-columns:minmax(0,1fr)}.summary-row>span:last-child{text-align:left}}
/* Include a minimal, consistent amount of scrollable space on short screens. */
body{min-height:100dvh}body:not(.is-landing) #screen>h2{min-height:34px}.benefit-section{padding-bottom:50px}
body:not(.is-landing) .phone input{min-height:52px;height:52px;font-size:20px}






.result-brand-mark{width:76px;height:76px;margin:4px auto 24px;display:grid;place-items:center;position:relative;isolation:isolate;border-radius:25px;background:linear-gradient(145deg,#fafbff,#eef1fc);border:1px solid #e6ebfa;box-shadow:0 8px 22px #435ec90a,inset 0 1px 0 #fff}.result-brand-mark>.brand{font-size:58px;line-height:1;display:block}

.result-brand-mark:before{content:'';position:absolute;z-index:-1;width:63px;height:63px;border:1px solid #e4e9fa;border-radius:22px;transform:rotate(-12deg);background:#f5f7ff}.result-brand-mark:after{content:'';position:absolute;width:12px;height:12px;right:10px;top:11px;background:#ffe0a5;border:3px solid #fafbff;border-radius:5px;transform:rotate(12deg)}.result-brand-mark>.brand{position:relative;transform:translateY(1px)}