/* dbsc.css */
#dbsc-hero{background:#161616;position:relative;overflow:hidden}
#dbsc-hero::before{content:"";position:absolute;top:-30%;right:-10%;width:60%;height:120%;background:radial-gradient(closest-side,rgba(79,39,199,.45),rgba(32,86,223,.18) 60%,transparent);filter:blur(60px);pointer-events:none}
#dbsc-hero .brxe-container,#dbsc-leaks .brxe-container,#dbsc-steps .brxe-container,#dbsc-preview .brxe-container,#dbsc-faq .brxe-container,#dbsc-proof .brxe-container,#scorecard .brxe-container{max-width:1440px}
#dbsc-hero .brxe-container{min-height:88vh;min-height:88svh;padding-top:110px;padding-bottom:56px}
.dbsc-hero-copy{max-width:52%;position:relative;z-index:1;margin-top:auto;margin-bottom:auto;padding-right:48px;display:flex;flex-direction:column;align-items:flex-start}
#dbsc-hero h1{max-width:640px}
.dbsc-hero-photo{position:absolute;top:0;right:0;bottom:0;width:54%;z-index:0;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.06) 14%,rgba(0,0,0,.3) 28%,rgba(0,0,0,.72) 46%,#000 66%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.06) 14%,rgba(0,0,0,.3) 28%,rgba(0,0,0,.72) 46%,#000 66%)}
.dbsc-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;opacity:.92}
.dbsc-hero-photo::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(22,22,22,.9) 0%,rgba(22,22,22,.55) 30%,rgba(22,22,22,.18) 58%,rgba(22,22,22,0) 80%)}
.dbsc-hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#161616 0%,rgba(22,22,22,.55) 20%,rgba(22,22,22,0) 50%),linear-gradient(180deg,rgba(22,22,22,.7) 0%,rgba(22,22,22,.18) 16%,rgba(22,22,22,0) 32%),rgba(22,22,22,.1)}
.dbsc-usp-row{margin-top:0;padding-top:48px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;width:100%;position:relative;z-index:1}
.dbsc-usp{display:flex;gap:14px;align-items:flex-start;background:rgba(255,255,255,.11);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:20px}
.dbsc-usp-ic{display:inline-flex;align-items:center;justify-content:center;flex:none;width:40px;height:40px;border-radius:10px;background:rgba(159,134,255,.22);color:#B9A6FF}
.dbsc-usp-ic svg{width:20px;height:20px}
.dbsc-usp h3{margin:0 0 5px;font-size:16px;font-weight:600;color:#fff}
.dbsc-usp p{margin:0;font-size:14px;color:rgba(255,255,255,.84);line-height:1.5}
#dbsc-hero h1{color:#fff}
#dbsc-hero .dbsc-hero-sub{color:rgba(255,255,255,.86);margin-top:14px;max-width:600px;padding-right:16px}
#dbsc-hero .dbsc-cta-row{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;gap:0;margin-top:34px;width:auto}
#dbsc-hero .dbsc-cta-row .dbsc-hero-btn{margin:0;padding:16px 32px;background:#2056DF;color:#fff;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;height:auto;flex:none;line-height:1.2;white-space:nowrap}
#dbsc-hero .dbsc-hero-micro,#dbsc-hero .dbsc-cta-row .dbsc-hero-micro{color:#A1A1A1;font-size:14px;padding:0;align-self:flex-start;display:block;line-height:1.45;min-width:0;flex:0 1 auto}
#dbsc-hero #brxe-lp0008.dbsc-hero-micro{margin:20px 0 0}
.dbsc-eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:13px;color:#4F27C7;margin-bottom:14px}
.dbsc-eyebrow-plain{color:#9F86FF}
.dbsc-num{color:#6b6b6b;margin-right:2px}
.dbsc-sec-sub{color:#4a4a4a;max-width:640px;margin:10px 0 48px}
#dbsc-leaks{background:#F5F4F0}
#dbsc-leaks .brxe-container{padding-top:100px;padding-bottom:100px}
.dbsc-leak-row{display:grid;grid-template-columns:repeat(4,1fr);gap:48px 40px;width:100%}
.dbsc-leak-card{background:none;border:none;padding:0}
.dbsc-ic{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;background:#ECE6FA;color:#4F27C7;margin-bottom:18px}
.dbsc-ic svg{width:22px;height:22px}
.dbsc-leak-card h3{margin:0 0 10px;font-size:19px}
.dbsc-leak-card p{margin:0;font-size:15px;color:#4a4a4a;line-height:1.55}
#dbsc-steps{background:#161616;position:relative;overflow:hidden}
#dbsc-steps::before{content:"";position:absolute;top:-30%;left:-10%;width:50%;height:120%;background:radial-gradient(closest-side,rgba(79,39,199,.32),transparent 70%);filter:blur(70px);pointer-events:none}
#dbsc-steps .brxe-container{position:relative;z-index:1;padding-top:100px;padding-bottom:100px}
#dbsc-steps .dbsc-eyebrow{color:#9F86FF}
#dbsc-steps .dbsc-num{color:rgba(255,255,255,.5)}
#dbsc-steps h2{color:#fff;margin-bottom:48px}
.dbsc-steps-row{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;width:100%}
.dbsc-step-n{font-size:60px;font-weight:600;line-height:1;color:rgba(159,134,255,.4);margin-bottom:16px}
.dbsc-step h3{margin:0 0 10px;font-size:20px;color:#fff}
.dbsc-step p{margin:0;color:rgba(255,255,255,.72);line-height:1.55}
#dbsc-preview{background:#ECE6FA}
#dbsc-preview .brxe-container{padding-top:100px;padding-bottom:100px}
.dbsc-prev-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;align-items:center;width:100%}
.dbsc-prev-list{list-style:none;margin:20px 0 30px;padding:0}
.dbsc-prev-list li{position:relative;padding-left:30px;margin-bottom:13px}
.dbsc-prev-list li::before{content:"";position:absolute;left:2px;top:7px;width:13px;height:7px;border-left:2px solid #4F27C7;border-bottom:2px solid #4F27C7;transform:rotate(-45deg)}
.dbsc-prev-card{background:#fff;border:1px solid #E4E2DB;border-radius:14px;padding:34px;box-shadow:0 24px 60px rgba(79,39,199,.14)}
.dbsc-prev-head{display:grid;grid-template-columns:104px 1fr;gap:22px;align-items:center;margin-bottom:22px}
.dbsc-prev-ring{width:104px}
.dbsc-prev-score{font-size:26px;font-weight:600;fill:#161616}
.dbsc-prev-kicker{text-transform:uppercase;letter-spacing:.18em;font-size:11px;color:#4F27C7;margin:0 0 4px;font-weight:600}
.dbsc-prev-big{font-size:22px;font-weight:600;margin:0 0 4px}
.dbsc-prev-note{margin:0;color:#6b6b6b;font-size:14px}
.dbsc-prev-brow{display:grid;grid-template-columns:236px 1fr 30px;gap:12px;align-items:center;margin-bottom:9px}
.dbsc-prev-brow span{font-size:13px;color:#161616;display:flex;align-items:center;gap:8px}
.dbsc-prev-brow i{display:block;height:7px;background:#ECE6FA;border-radius:999px;overflow:hidden}
.dbsc-prev-brow b{display:block;height:100%;background:#4F27C7;border-radius:999px}
.dbsc-prev-brow em{font-style:normal;font-size:12px;color:#6b6b6b;text-align:right}
.dbsc-prev-brow .dbsc-chip{font-size:10px;padding:3px 8px}
.dbsc-prev-snip{border-top:1px solid #E4E2DB;margin-top:18px;padding-top:16px}
.dbsc-prev-snip-t{font-weight:600;font-size:13px;margin:0 0 6px}
.dbsc-prev-snip p:last-child{margin:0;font-size:13px;color:#6b6b6b}
#dbsc-faq{background:#F5F4F0}
#dbsc-faq .brxe-container{padding-top:100px;padding-bottom:100px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.45fr);column-gap:72px;align-items:start}
#dbsc-faq .dbsc-eyebrow{grid-column:1}
#dbsc-faq h2{grid-column:1;margin-bottom:0;max-width:360px}
.dbsc-faq-list{grid-column:2;grid-row:1/span 2;width:100%;max-width:none}
.dbsc-faq-list details{background:none;border:none;border-bottom:1px solid #E4E2DB}
.dbsc-faq-list details:first-child{border-top:1px solid #E4E2DB}
.dbsc-faq-list summary{list-style:none;cursor:pointer;padding:26px 56px 26px 0;font-weight:600;font-size:18px;position:relative;line-height:1.4}
.dbsc-faq-list summary::-webkit-details-marker{display:none}
.dbsc-faq-list summary::after{content:"";position:absolute;right:6px;top:50%;width:13px;height:13px;margin-top:-6px;background:linear-gradient(#4F27C7,#4F27C7) center/13px 2px no-repeat,linear-gradient(#4F27C7,#4F27C7) center/2px 13px no-repeat;transition:transform .25s ease}
.dbsc-faq-list details[open] summary::after{transform:rotate(45deg)}
.dbsc-faq-list details p{margin:0;padding:0 56px 26px 0;color:#4a4a4a;font-size:15.5px;line-height:1.65;max-width:720px}
@media (max-width:991px){
 #dbsc-faq .brxe-container{display:flex;flex-direction:column}
 #dbsc-faq h2{margin-bottom:20px;max-width:none}
 .dbsc-faq-list summary{font-size:16px;padding:22px 44px 22px 0}
 .dbsc-faq-list details p{padding:0 44px 22px 0}
}
#dbsc-proof{background:#181818;position:relative;overflow:hidden}
#dbsc-proof::before{content:"";position:absolute;top:-35%;left:-12%;width:58%;height:105%;background:radial-gradient(closest-side,rgba(79,39,199,.34),transparent 68%);filter:blur(64px);pointer-events:none}
#dbsc-proof .brxe-container{position:relative;z-index:1;padding-top:100px;padding-bottom:100px;text-align:center;align-items:center}
#dbsc-proof h2{color:#fff;max-width:640px}
#dbsc-proof .dbsc-proof-sub{color:rgba(255,255,255,.86);max-width:560px;margin:12px auto 26px}
#dbsc-proof .dbsc-proof-trust{color:#A1A1A1;font-size:14px;margin-top:16px}
#dbsc-preview .dbsc-btn,#dbsc-proof .dbsc-btn{background:#2056DF;color:#fff}
#scorecard{background:#181818;position:relative;overflow:hidden}
#scorecard::before{content:"";position:absolute;top:-28%;left:-14%;width:62%;height:100%;background:radial-gradient(closest-side,rgba(79,39,199,.32),transparent 68%);filter:blur(70px);pointer-events:none}
#scorecard::after{content:"";position:absolute;top:-20%;right:-16%;width:50%;height:80%;background:radial-gradient(closest-side,rgba(32,86,223,.15),transparent 70%);filter:blur(80px);pointer-events:none}
#scorecard .brxe-container{position:relative;z-index:1;padding-top:150px;padding-bottom:120px}
#dbsc-app{max-width:1200px;margin:0 auto;width:100%}
#dbsc-app .dbsc-panel{max-width:none;padding:50px;border:none;border-radius:18px;box-shadow:0 32px 90px rgba(0,0,0,.4)}
#dbsc-details{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:50px;grid-template-rows:auto auto 1fr auto;grid-template-areas:"eye fh" "head form" "sub form" "rea act"}
#dbsc-details .dbsc-eyebrow{grid-area:eye}
#dbsc-details h2{grid-area:head;margin:14px 0 12px}
#dbsc-details .dbsc-sub{grid-area:sub;align-self:start;color:#4a4a4a;max-width:560px;margin:0}
#dbsc-details .dbsc-formhead{grid-area:fh;align-self:end;margin:0 0 18px;font-weight:600;font-size:15px;letter-spacing:.01em}
#dbsc-details #dbsc-form-slot{grid-area:form;margin:0}
#dbsc-form-slot,#dbsc-form-slot .fluentform,#dbsc-form-slot form,#dbsc-form-slot form fieldset{width:100%;max-width:none;min-width:0}
#dbsc-details .dbsc-actions{grid-area:act;align-self:start;margin:8px 0 0}
#dbsc-details .dbsc-reassure{display:none}
#dbsc-form-slot .dbsc-err{display:block;margin-top:7px;font-size:13px;color:#C0392B;line-height:1.4}
#dbsc-form-slot .dbsc-has-err .ff-el-form-control{border-color:#C0392B;background:#FDF6F5}
#dbsc-form-slot .dbsc-has-err .ff-el-form-control:focus{box-shadow:0 0 0 3px rgba(192,57,43,.12)}
#dbsc-form-slot .dbsc-has-err input[type=checkbox]{outline:2px solid #C0392B;outline-offset:2px}
#dbsc-form-slot form fieldset{display:grid;grid-template-columns:1fr 1fr;column-gap:26px}
#dbsc-form-slot fieldset > legend{position:absolute}
#dbsc-form-slot .ff-el-group{margin-bottom:20px}
#dbsc-form-slot .ff-el-form-control{background:#fff;padding:14px 16px;transition:border-color .15s,box-shadow .15s}
#dbsc-form-slot .ff-el-form-control:focus{box-shadow:0 0 0 3px rgba(32,86,223,.12)}
#dbsc-form-slot .ff-el-group:has(input[type=checkbox]){grid-column:1/-1;margin:2px 0 4px}
#dbsc-form-slot .ff-el-group:has(input[type=checkbox]) label{font-weight:400;font-size:13.5px;color:#4a4a4a;line-height:1.55;display:flex;align-items:flex-start;gap:10px}
#dbsc-form-slot input[type=checkbox]{width:17px;height:17px;flex:none;margin-top:2px;accent-color:#2056DF}
#dbsc-quiz,#dbsc-results{max-width:none}
.dbsc-res-actions{display:flex;gap:12px;margin-top:22px}
.dbsc-ghost{background:transparent;border:1px solid rgba(255,255,255,.32);color:#fff;border-radius:999px;padding:11px 22px;font-size:14px;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s}
.dbsc-ghost:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.dbsc-vc-video iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:14px;display:block;background:#000}
.dbsc-cards{display:block;margin-bottom:20px}
details.dbsc-card{padding:0 !important;margin-bottom:14px}
details.dbsc-card summary{list-style:none;display:flex;align-items:center;gap:16px;padding:24px 32px;cursor:pointer}
details.dbsc-card summary::-webkit-details-marker{display:none}
details.dbsc-card summary h3{margin:0;font-size:21px;flex:1;min-width:0}
.dbsc-card-meta{display:flex;align-items:center;gap:12px;flex:none}
.dbsc-chev{width:10px;height:10px;border-right:2px solid #6b6b6b;border-bottom:2px solid #6b6b6b;transform:rotate(45deg);margin:-4px 4px 0 4px;transition:transform .2s}
details.dbsc-card[open] .dbsc-chev{transform:rotate(225deg);margin-top:4px}
.dbsc-card-body{padding:2px 32px 28px;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);column-gap:56px;align-items:start;border-top:1px solid #F0EEE8;padding-top:22px}
.dbsc-card-info>p:first-child{margin-top:0}
.dbsc-good{background:#F5F4F0;border-radius:10px;padding:14px 16px;font-size:14px;line-height:1.55;color:#4a4a4a}
.dbsc-good b{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#4F27C7;margin-bottom:5px}
.dbsc-card-todo .dbsc-donext{margin-top:0}
@media (max-width:991px){
 details.dbsc-card summary{padding:20px}
 .dbsc-card-body{display:block;padding:16px 20px 22px}
 .dbsc-card-todo{margin-top:18px}
}
.dbsc-todo{list-style:none;margin:0 0 16px;padding:0}
.dbsc-card-todo .dbsc-todo,.dbsc-todo li{margin-left:0;padding-left:0}
.dbsc-todo li{margin:0 0 3px}
.dbsc-todo label{display:flex;align-items:flex-start;gap:11px;cursor:pointer;padding:6px 0;border-radius:0}
.dbsc-todo label:hover .dbsc-todo-nothing{background:none}
.dbsc-todo input{position:absolute;opacity:0;pointer-events:none}
.dbsc-todo i{flex:none;width:19px;height:19px;border-radius:6px;border:2px solid #d6d3ca;background:#fff;position:relative;margin-top:1px;transition:all .15s}
.dbsc-todo li.is-done i{background:#2056DF;border-color:#2056DF}
.dbsc-todo li.is-done i::after{content:"";position:absolute;left:3px;top:4px;width:8px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
.dbsc-todo span{font-size:15px;line-height:1.5;color:#161616}
.dbsc-todo li.is-done span{color:#9b9b9b;text-decoration:line-through}
@media (max-width:1100px){.dbsc-cards{grid-template-columns:1fr}}
@media print{
 *{-webkit-print-color-adjust:exact !important;print-color-adjust:exact !important}
 #brx-header,#brx-footer,.dbsc-res-actions,.dbsc-vc,.dbsc-cta,.dbsc-offer,#scorecard::before,#scorecard::after,.dbsc-chev{display:none !important}
 #scorecard{background:#fff !important}
 #scorecard .brxe-container{padding-top:16px !important;padding-bottom:16px !important;max-width:100% !important}
 #dbsc-app{max-width:100% !important}
 #dbsc-app .dbsc-panel{box-shadow:none !important;padding:0 !important;border-radius:0 !important}
 #dbsc-results .dbsc-res-head>h2{color:#161616 !important}
 #dbsc-results .dbsc-res-head>.dbsc-res-sub{color:#4a4a4a !important}
 #dbsc-results .dbsc-res-top{box-shadow:none !important;border:1px solid #E4E2DB !important;padding:22px 24px !important;gap:28px !important;display:grid !important;grid-template-columns:170px 1fr !important;align-items:center !important;justify-items:stretch !important;break-inside:avoid}
 #dbsc-results .dbsc-ringwrap{text-align:center}
 #dbsc-results .dbsc-ring{max-width:150px;margin:0 auto}
 #dbsc-results .dbsc-ring-num{font-size:46px}
 #dbsc-results .dbsc-band{margin-top:10px;padding:4px 12px;font-size:11px}
 .dbsc-bfill{transition:none !important;transition-delay:0s !important}
 .dbsc-ring-arc{transition:none !important}
 #dbsc-results .dbsc-brow{display:grid !important;grid-template-columns:150px 1fr 30px !important;gap:12px !important;align-items:center !important;margin-bottom:9px !important}
 #dbsc-results .dbsc-blabel{font-size:12.5px;line-height:1.3}
 #dbsc-results .dbsc-btrack{height:8px !important}
 #dbsc-results .dbsc-bpct{font-size:12.5px;text-align:right !important}
 .dbsc-first{break-inside:avoid}
 details.dbsc-card{box-shadow:none !important;border:1px solid #E4E2DB !important;break-inside:avoid;margin-bottom:10px}
 details.dbsc-card summary{padding:16px 20px}
 .dbsc-card-body{padding:12px 20px 18px;column-gap:32px}
 .dbsc-todo label{padding:3px 0}
 a{text-decoration:none;color:#161616 !important}
}
#dbsc-results{color:#161616}
#dbsc-results .dbsc-res-head>.dbsc-eyebrow{color:#9F86FF}
#dbsc-results .dbsc-res-head>h2{color:#fff;font-size:clamp(28px,3.2vw,40px);line-height:1.15;margin:14px 0 10px}
#dbsc-results .dbsc-res-head>.dbsc-res-sub{color:rgba(255,255,255,.82);max-width:640px;font-size:16.5px}
.dbsc-res-top{margin-top:34px !important;padding:44px !important;gap:52px !important;grid-template-columns:230px 1fr !important;border:none !important;box-shadow:0 24px 60px rgba(0,0,0,.28)}
.dbsc-ringwrap{text-align:center}
.dbsc-ring{width:100%;max-width:230px;display:block}
.dbsc-ring-arc{transition:stroke-dashoffset 1.2s cubic-bezier(.4,0,.2,1)}
.dbsc-ringwrap.is-low .dbsc-ring-arc{stroke:#D9534F}
.dbsc-ringwrap.is-mid .dbsc-ring-arc{stroke:#E0A33C}
.dbsc-ringwrap.is-high .dbsc-ring-arc{stroke:#2E9C6B}
.dbsc-ring-num{font-size:52px;font-weight:600;fill:#161616}
.dbsc-ring-sub{font-size:13px;fill:#8a8a8a}
.dbsc-band{margin:14px 0 0;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;display:inline-block;padding:6px 14px;border-radius:999px}
.dbsc-ringwrap.is-low .dbsc-band{background:#FBEAE9;color:#B23B37}
.dbsc-ringwrap.is-mid .dbsc-band{background:#FBF1E1;color:#9A6D1B}
.dbsc-ringwrap.is-high .dbsc-band{background:#E6F4ED;color:#22764F}
.dbsc-brow{grid-template-columns:190px 1fr 40px !important;margin-bottom:15px !important}
.dbsc-blabel{font-size:14.5px}
.dbsc-btrack{height:10px !important;background:#F0EEE8 !important}
.dbsc-bfill{width:0;transition:width .9s cubic-bezier(.4,0,.2,1)}
.dbsc-brow.is-low .dbsc-bfill{background:#D9534F}
.dbsc-brow.is-mid .dbsc-bfill{background:#E0A33C}
.dbsc-brow.is-high .dbsc-bfill{background:#2E9C6B}
.dbsc-bpct{font-size:14px;font-weight:600;color:#161616}
.dbsc-brow.is-low .dbsc-bpct{color:#B23B37}
.dbsc-brow.is-mid .dbsc-bpct{color:#9A6D1B}
.dbsc-brow.is-high .dbsc-bpct{color:#22764F}
.dbsc-score-pill.is-low{background:#FBEAE9;border-color:#F2CFCD;color:#B23B37}
.dbsc-score-pill.is-mid{background:#FBF1E1;border-color:#EEDCBC;color:#9A6D1B}
.dbsc-score-pill.is-high{background:#E6F4ED;border-color:#C9E6D8;color:#22764F}
.dbsc-card{border:none !important;box-shadow:0 14px 40px rgba(0,0,0,.16)}
#dbsc-results .dbsc-cta{background:transparent !important;border:none !important;box-shadow:none !important;border-radius:0 !important;padding:76px 20px 8px !important;text-align:center}
#dbsc-results .dbsc-cta h2{color:#fff;max-width:640px;margin:0 auto 12px;font-size:clamp(28px,3.2vw,40px);line-height:1.15}
#dbsc-results .dbsc-cta .dbsc-cta-sub{color:rgba(255,255,255,.86);max-width:560px;margin:0 auto 26px}
#dbsc-results .dbsc-cta .dbsc-btn{background:#2056DF;color:#fff}
#dbsc-results .dbsc-cta .dbsc-cta-trust{color:#A1A1A1;font-size:14px;margin-top:16px}
#dbsc-results .dbsc-first,#dbsc-results .dbsc-offer{box-shadow:0 14px 40px rgba(0,0,0,.14)}
@media (max-width:767px){
 .dbsc-res-top{padding:26px !important;gap:26px !important}
 .dbsc-brow{grid-template-columns:1fr !important}
}
#dbsc-quiz{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:50px;align-items:start}
.dbsc-quiz-side{display:flex;flex-direction:column;height:100%}
.dbsc-quiz-side #dbsc-count{color:#4F27C7;margin:0}
.dbsc-quiz-side #dbsc-pillar{font-size:clamp(26px,2.6vw,34px);line-height:1.15;margin:14px 0 30px;max-width:400px}
.dbsc-steps-list{list-style:none;margin:0 0 28px;padding:0;counter-reset:dbscstep}
.dbsc-steps-list li{position:relative;padding-left:32px;margin-bottom:13px;font-size:14px;color:#9b9b9b;line-height:1.4;transition:color .25s}
.dbsc-steps-list li::before{content:"";position:absolute;left:0;top:3px;width:16px;height:16px;border-radius:999px;border:2px solid #E4E2DB;background:#fff;box-sizing:border-box;transition:all .25s}
.dbsc-steps-list li.is-done{color:#6b6b6b}
.dbsc-steps-list li.is-done::before{background:#4F27C7;border-color:#4F27C7}
.dbsc-steps-list li.is-done::after{content:"";position:absolute;left:4.5px;top:7.5px;width:7px;height:3.5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
.dbsc-steps-list li.is-cur{color:#161616;font-weight:600}
.dbsc-steps-list li.is-cur::before{border-color:#4F27C7;box-shadow:0 0 0 4px rgba(79,39,199,.14)}
.dbsc-steps-list li.is-cur::after{content:"";position:absolute;left:5px;top:8px;width:6px;height:6px;border-radius:999px;background:#4F27C7}
#dbsc-back{display:inline-flex;align-items:center;gap:8px;margin:auto 0 0;color:#6b6b6b;text-decoration:none;font-size:14.5px;cursor:pointer;align-self:flex-start;transition:color .15s}
#dbsc-back::before{content:"";width:7px;height:7px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}
#dbsc-back:hover{color:#2056DF}
.dbsc-quiz-top{display:flex;align-items:center;gap:16px;margin-bottom:26px}
.dbsc-quiz-top .dbsc-progress{flex:1;margin:0}
#dbsc-pct{font-size:13px;color:#6b6b6b;white-space:nowrap}
#dbsc-q{font-size:clamp(19px,1.7vw,23px);line-height:1.35;margin:0 0 22px;font-weight:600}
#dbsc-answers{display:flex;flex-direction:column;gap:12px}
.dbsc-ans{display:flex;align-items:flex-start;gap:14px;width:100%;text-align:left;background:#fff;border:1px solid #E4E2DB;border-radius:12px;padding:17px 19px;font-size:15.5px;line-height:1.45;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s;animation:dbscAnsIn .34s ease both}
.dbsc-ans-key{position:relative;flex:none;width:26px;height:26px;border-radius:8px;background:#F5F4F0;border:1px solid #E4E2DB;display:inline-flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:600;color:#6b6b6b;transition:all .15s}
.dbsc-ans-txt{flex:1;min-width:0;padding-top:2px}
.dbsc-ans:hover{border-color:#4F27C7;background:#FCFBFF;box-shadow:0 4px 14px rgba(79,39,199,.07)}
.dbsc-ans:hover .dbsc-ans-key{border-color:#4F27C7;color:#4F27C7}
.dbsc-ans:focus-visible{outline:2px solid #2056DF;outline-offset:2px}
.dbsc-ans.is-picked{border-color:#2056DF;background:#DCE4FB}
.dbsc-ans.is-picked .dbsc-ans-key{background:#2056DF;border-color:#2056DF;color:transparent;border-radius:999px;animation:dbscTickPop .3s ease}
.dbsc-ans.is-picked .dbsc-ans-key::after{content:"";position:absolute;left:7px;top:8px;width:10px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
@keyframes dbscTickPop{0%{transform:scale(.7)}60%{transform:scale(1.12)}100%{transform:scale(1)}}
.dbsc-keyhint{margin:20px 0 0;font-size:12.5px;color:#9b9b9b}
.dbsc-keyhint b{font-weight:600;color:#6b6b6b;background:#F5F4F0;border:1px solid #E4E2DB;border-radius:5px;padding:1px 6px;font-size:11.5px}
@keyframes dbscAnsIn{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.dbsc-ans{animation:none}}
@media (max-width:991px){
 #dbsc-quiz{display:flex;flex-direction:column}
 .dbsc-quiz-side #dbsc-pillar{margin:10px 0 20px;max-width:none}
 .dbsc-steps-list{display:none}
 #dbsc-back{order:2;margin:24px 0 0}
 .dbsc-quiz-main{order:1}
 .dbsc-keyhint{display:none}
}
@media (max-width:991px){
 #scorecard .brxe-container{padding-top:120px}
 #dbsc-app .dbsc-panel{padding:40px 28px}
 #dbsc-details{display:flex;flex-direction:column}
 #dbsc-details h2,#dbsc-details .dbsc-sub{max-width:none}
 #dbsc-details #dbsc-form-slot{margin:26px 0 0}
 #dbsc-details .dbsc-reassure{display:none}
}
@media (max-width:767px){
 #dbsc-form-slot form fieldset{grid-template-columns:1fr}
}
@media (max-width:1480px){
 #dbsc-hero .brxe-container,#dbsc-leaks .brxe-container,#dbsc-steps .brxe-container,#dbsc-preview .brxe-container,#dbsc-faq .brxe-container,#dbsc-proof .brxe-container,#scorecard .brxe-container{padding-left:clamp(20px,4vw,40px);padding-right:clamp(20px,4vw,40px)}
}
@media (max-width:991px){
 #dbsc-hero .brxe-container{min-height:0}
 .dbsc-hero-copy{max-width:100%;margin-top:0;padding-right:0}
 #dbsc-hero .dbsc-hero-sub{padding-right:0;max-width:100%}
 #dbsc-hero #brxe-lp0008.dbsc-hero-micro{margin-top:16px}
 .dbsc-hero-photo{position:relative;width:100%;height:300px;margin-top:40px;border-radius:14px;overflow:hidden;-webkit-mask-image:none;mask-image:none}
 .dbsc-hero-photo::before{background:linear-gradient(180deg,rgba(22,22,22,.55) 0%,rgba(22,22,22,0) 45%)}
 .dbsc-hero-photo::after{background:linear-gradient(0deg,rgba(22,22,22,.4) 0%,rgba(22,22,22,0) 40%)}
 .dbsc-usp-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;scrollbar-width:none;margin-top:44px;padding-top:0;scroll-padding-left:20px;-webkit-overflow-scrolling:touch}
 .dbsc-usp-row::-webkit-scrollbar{display:none}
 .dbsc-usp{flex:0 0 78%;max-width:340px;scroll-snap-align:start}
 .dbsc-leak-row{grid-template-columns:1fr 1fr}
 .dbsc-prev-grid{grid-template-columns:1fr;gap:44px}
}
@media (max-width:767px){
 #dbsc-hero .brxe-container{padding-top:80px;padding-bottom:70px}
 .dbsc-leak-row,.dbsc-steps-row{grid-template-columns:1fr;gap:36px}
 .dbsc-prev-brow{grid-template-columns:1fr;gap:4px}
 .dbsc-prev-brow em{text-align:left}
 #dbsc-leaks .brxe-container,#dbsc-steps .brxe-container,#dbsc-preview .brxe-container,#dbsc-faq .brxe-container,#dbsc-proof .brxe-container,#scorecard .brxe-container{padding-top:64px;padding-bottom:64px}
}
.dbsc-demo{background:#fff;border:1px solid #E4E2DB;border-radius:14px;box-shadow:0 24px 60px rgba(79,39,199,.14);overflow:hidden}
.dbsc-demo-chrome{display:flex;align-items:center;gap:6px;padding:12px 16px;border-bottom:1px solid #E4E2DB}
.dbsc-demo-chrome i{width:9px;height:9px;border-radius:999px;background:#ECE6FA;display:block}
.dbsc-demo-chrome span{margin-left:8px;font-size:12px;color:#6b6b6b}
.dbsc-demo-stage{position:relative;height:430px}
.dbsc-scene{position:absolute;inset:0;padding:28px 32px;opacity:0;visibility:hidden;display:flex;flex-direction:column;justify-content:center}
.dbsc-demo.is-static .dbsc-sc3{opacity:1;visibility:visible}
.dbsc-demo-kick{text-transform:uppercase;letter-spacing:.18em;font-size:11px;color:#4F27C7;font-weight:600;margin:0 0 16px}
.dbsc-demo-kick em{font-style:normal;color:#6b6b6b;margin-left:10px}
.dbsc-demo-prog{height:6px;background:#ECE6FA;border-radius:999px;overflow:hidden;margin-bottom:18px}
.dbsc-demo-prog b{display:block;height:100%;width:30%;background:#4F27C7;border-radius:999px}
.dbsc-demo-q{font-size:20px;font-weight:600;margin:0 0 18px}
.dbsc-demo-ans{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dbsc-demo-opt{display:flex;align-items:center;gap:11px;background:#F5F4F0;border:1px solid #E4E2DB;border-radius:10px;padding:14px 15px;font-size:14px;line-height:1.35}
.dbsc-demo-radio{flex:none;width:19px;height:19px;border-radius:999px;border:2px solid #d6d3ca;background:#fff;display:inline-flex;align-items:center;justify-content:center}
.dbsc-demo-radio svg{width:11px;height:9px}
.dbsc-demo-radio path{stroke-dasharray:16;stroke-dashoffset:16}
.dbsc-demo-cursor{position:absolute;left:0;top:0;width:24px;height:24px;border-radius:999px;background:rgba(32,86,223,.22);border:2px solid #2056DF;opacity:0;visibility:hidden;pointer-events:none}
.dbsc-demo-scorewrap{display:grid;grid-template-columns:132px 1fr;gap:30px;align-items:center}
.dbsc-demo-ringwrap{text-align:center}
.dbsc-demo-ring{width:132px}
.dbsc-demo-num{font-size:26px;font-weight:600;fill:#161616}
.dbsc-demo-outof{margin:6px 0 0;font-size:12px;color:#6b6b6b}
.dbsc-demo-row{display:grid;grid-template-columns:118px 1fr 28px;gap:12px;align-items:center;margin-bottom:11px}
.dbsc-demo-row:last-child{margin-bottom:0}
.dbsc-demo-row span{font-size:13px;display:flex;align-items:center;gap:7px;white-space:nowrap}
.dbsc-demo-fixchip{font-style:normal;text-decoration:none;background:#2056DF;color:#fff;font-size:9.5px;font-weight:600;border-radius:999px;padding:2px 8px;line-height:1.4}
.dbsc-demo-row i{display:block;height:7px;background:#ECE6FA;border-radius:999px;overflow:hidden}
.dbsc-demo-row b{display:block;height:100%;width:0;background:#4F27C7;border-radius:999px}
.dbsc-demo-row b.is-low{background:#9F86FF}
.dbsc-demo-row em{font-style:normal;font-size:12px;color:#6b6b6b;text-align:right}
.dbsc-demo-tiphead{display:flex;align-items:center;gap:12px;margin:0 0 20px}
.dbsc-demo-tiphead b{font-size:17px}
.dbsc-demo-scorepill{text-decoration:none;background:#F5F4F0;border:1px solid #E4E2DB;border-radius:999px;padding:4px 11px;font-size:12px;font-weight:600;margin-left:auto}
.dbsc-demo-tips p{position:relative;margin:0 0 17px;padding-left:32px}
.dbsc-demo-tips p::before{content:"";position:absolute;left:2px;top:7px;width:12px;height:6px;border-left:2px solid #4F27C7;border-bottom:2px solid #4F27C7;transform:rotate(-45deg)}
.dbsc-demo-tips b{display:block;font-size:15.5px;font-weight:600}
.dbsc-demo-tips span{display:block;font-size:13.5px;color:#6b6b6b;margin-top:3px;line-height:1.45}
.dbsc-demo-send{display:flex;align-items:center;margin-top:4px;position:relative;min-height:236px}
.dbsc-demo-bundle{position:relative;width:250px;height:222px;flex:none}
.dbsc-demo-pdf{position:absolute;left:0;top:0;width:160px;background:#fff;border:1px solid #E4E2DB;border-radius:10px;padding:13px;box-shadow:0 12px 28px rgba(22,22,22,.12);z-index:2}
.dbsc-demo-pdf-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.dbsc-demo-pdf-h b{font-size:11px}
.dbsc-demo-pdf-h s{text-decoration:none;background:#ECE6FA;color:#4F27C7;font-size:9px;font-weight:700;border-radius:5px;padding:2px 6px;letter-spacing:.04em}
.dbsc-demo-pdf-mid{display:flex;align-items:center;gap:10px;margin-bottom:11px}
.dbsc-demo-pdf-ring{width:46px;flex:none}
.dbsc-demo-pdf-num{font-size:30px;font-weight:600;fill:#161616}
.dbsc-demo-pdf-bars{flex:1}
.dbsc-demo-pdf-bars i{display:block;height:5px;background:#ECE6FA;border-radius:999px;overflow:hidden;margin-bottom:6px}
.dbsc-demo-pdf-bars i:last-child{margin-bottom:0}
.dbsc-demo-pdf-bars b{display:block;height:100%;background:#4F27C7;border-radius:999px}
.dbsc-demo-pdf u{display:block;height:5px;background:#F0EEE8;border-radius:999px;margin-top:6px}
.dbsc-demo-pdf u:last-of-type{width:68%}
.dbsc-demo-check{position:absolute;left:104px;top:52px;width:152px;background:#fff;border:1px solid #E4E2DB;border-radius:10px;padding:12px;box-shadow:0 12px 28px rgba(22,22,22,.12);z-index:1}
.dbsc-demo-check b{display:block;font-size:11px;margin-bottom:9px}
.dbsc-demo-check p{display:flex;align-items:center;gap:7px;margin:0 0 8px;font-size:10.5px;color:#4a4a4a;line-height:1.3}
.dbsc-demo-check p:last-child{margin-bottom:0}
.dbsc-demo-check i{flex:none;width:12px;height:12px;border-radius:3px;border:1.5px solid #9F86FF;position:relative;background:#F9F8F4}
.dbsc-demo-check i::after{content:"";position:absolute;left:2px;top:2.5px;width:5px;height:2.5px;border-left:1.5px solid #4F27C7;border-bottom:1.5px solid #4F27C7;transform:rotate(-45deg)}
.dbsc-demo-mailwrap{position:relative;margin-left:auto;margin-right:18px;flex:none}
.dbsc-demo-mail{width:66px;height:66px;color:#4F27C7;display:block}
.dbsc-demo-badge{position:absolute;top:-7px;right:-9px;min-width:21px;height:21px;border-radius:999px;background:#2056DF;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 5px;opacity:0;visibility:hidden}
.dbsc-demo-sent{margin:10px 0 0;font-size:13.5px;color:#6b6b6b}
.dbsc-demo-sent b{color:#161616;font-weight:600;margin-right:6px}
.dbsc-demo-dots{display:flex;gap:6px;justify-content:center;padding:0 0 16px}
.dbsc-demo-dots i{width:6px;height:6px;border-radius:999px;background:#ECE6FA;transition:background .3s}
.dbsc-demo-dots i.is-on{background:#4F27C7}
@media (max-width:767px){
 .dbsc-demo-stage{height:560px}
 .dbsc-scene{padding:20px}
 .dbsc-demo-ans{grid-template-columns:1fr}
 .dbsc-demo-scorewrap{grid-template-columns:1fr;gap:20px;justify-items:center}
 .dbsc-demo-allbars{width:100%}
 .dbsc-demo-ring{width:104px}
 .dbsc-demo-row{grid-template-columns:104px 1fr 26px;gap:9px}
 .dbsc-demo-tiphead{flex-wrap:wrap}
 .dbsc-demo-send{min-height:210px}
 .dbsc-demo-bundle{width:200px;height:196px}
 .dbsc-demo-pdf{width:140px}
 .dbsc-demo-check{left:76px;top:48px;width:136px}
 .dbsc-demo-mailwrap{margin-right:6px}
 .dbsc-demo-mail{width:52px;height:52px}
}
@media (prefers-reduced-motion:reduce){
 .dbsc-usp-row{scroll-behavior:auto}
}
.dbsc-hidden-log,#dbsc-ff-holder{display:none}
#dbsc-app .dbsc-eyebrow{color:#161616}
.dbsc-panel{background:#FFFFFF;border:1px solid #E4E2DB;border-radius:14px;padding:48px;max-width:780px;margin:0 auto}
#dbsc-details h2{margin:14px 0 8px}
#dbsc-details .dbsc-reassure{color:#6b6b6b;font-size:14px;margin-top:14px}
#dbsc-form-slot{margin:22px 0 6px}
#dbsc-form-slot form{display:block;width:100%}
#dbsc-form-slot .ff-el-form-control{background:#F5F4F0;border:1px solid #E4E2DB;border-radius:10px;padding:13px 16px;width:100%}
#dbsc-form-slot .ff-el-form-control:focus{border-color:#2056DF;outline:none}
#dbsc-form-slot .ff-el-input--label label{font-weight:600;font-size:15px;color:#161616}
#dbsc-form-slot .ff-el-group{margin-bottom:18px}
#dbsc-form-slot .ff_submit_btn_wrapper,#dbsc-form-slot .ff-btn-submit,#dbsc-form-slot .ff-message-success{display:none}
.dbsc-meta{color:#6b6b6b;font-size:15px;margin-top:10px}
.dbsc-btn{display:inline-block;background:#2056DF;color:#fff;border-radius:999px;padding:14px 26px;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:filter .18s,transform .18s}
.dbsc-btn:hover{filter:brightness(1.08);transform:translateY(-1px);color:#fff}
.dbsc-btn:active{filter:none;transform:none;background:#1A48BD}
.dbsc-progress{height:6px;background:#ECE6FA;border-radius:999px;overflow:hidden;margin-bottom:14px}
#dbsc-bar{display:block;height:100%;width:0;background:#4F27C7;border-radius:999px;transition:width .3s ease}
.dbsc-res-head h2{margin:12px 0 8px}
.dbsc-res-sub{color:#161616}
.dbsc-res-top{display:grid;grid-template-columns:240px 1fr;gap:44px;align-items:center;margin-top:28px;background:#fff;border:1px solid #E4E2DB;border-radius:14px;padding:36px}
.dbsc-ring{width:100%;max-width:240px}
.dbsc-ring-num{font-size:44px;font-weight:600;fill:#161616}
.dbsc-ring-sub{font-size:12px;fill:#6b6b6b}
.dbsc-brow{display:grid;grid-template-columns:200px 1fr 34px;gap:12px;align-items:center;margin-bottom:10px}
.dbsc-blabel{font-size:14px;color:#161616}
.dbsc-btrack{height:8px;background:#ECE6FA;border-radius:999px;overflow:hidden;display:block}
.dbsc-bfill{display:block;height:100%;background:#4F27C7;border-radius:999px}
.dbsc-bpct{font-size:13px;color:#6b6b6b;text-align:right}
.dbsc-vc{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center;background:#161616;border-radius:14px;padding:40px;margin-top:24px;position:relative;overflow:hidden}
.dbsc-vc::before{content:"";position:absolute;top:-40%;right:-15%;width:60%;height:150%;background:radial-gradient(closest-side,rgba(79,39,199,.4),transparent 70%);filter:blur(50px);pointer-events:none}
.dbsc-vc-video,.dbsc-vc-copy{position:relative;z-index:1}
.dbsc-vc-copy h3{color:#fff;margin:0 0 10px}
.dbsc-vc-copy p{color:rgba(255,255,255,.86);margin:0 0 20px}
.dbsc-vc-alt{color:#A1A1A1;font-size:14px;margin-top:14px}
.dbsc-video-ph{aspect-ratio:16/9;background:rgba(255,255,255,.06);border:1px dashed #9F86FF;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#9F86FF;font-weight:600;text-align:center;padding:12px}
.dbsc-first{background:#ECE6FA;border-radius:14px;padding:28px 32px;margin:24px 0}
.dbsc-first h3{margin:0 0 8px}
.dbsc-card{background:#fff;border:1px solid #E4E2DB;border-radius:14px;padding:32px;margin-bottom:20px}
.dbsc-card-top{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:10px}
.dbsc-card-top h3{margin:0}
.dbsc-card-meta{display:flex;align-items:center;gap:10px}
.dbsc-chip{background:#2056DF;color:#fff;font-size:12px;font-weight:600;border-radius:999px;padding:5px 12px;white-space:nowrap}
.dbsc-score-pill{background:#F5F4F0;border:1px solid #E4E2DB;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:600;white-space:nowrap}
.dbsc-p100{color:#6b6b6b;font-weight:400}
.dbsc-donext{font-weight:600;margin-bottom:6px}
.dbsc-card ul{margin:0 0 14px 18px;padding:0}
.dbsc-card li{margin-bottom:7px;line-height:1.45}
.dbsc-svc{font-size:14px;color:#6b6b6b}
.dbsc-svc a{color:#2056DF}
.dbsc-offer{background:#ECE6FA;border-radius:14px;padding:32px;margin:26px 0}
.dbsc-offer h3{margin:0 0 8px}
.dbsc-offer p{margin:0}
.dbsc-cta{text-align:center;background:#fff;border:1px solid #E4E2DB;border-radius:14px;padding:44px 32px}
.dbsc-cta h3{margin:0 0 8px}
.dbsc-cta p{max-width:520px;margin:0 auto 22px}
@media (max-width:860px){
 .dbsc-vc{grid-template-columns:1fr;gap:26px;padding:26px}
 .dbsc-res-top{grid-template-columns:1fr;justify-items:center;padding:26px}
}
@media (max-width:767px){
 .dbsc-panel{padding:26px 20px}
 #dbsc-form-slot form{grid-template-columns:1fr}
 .dbsc-brow{grid-template-columns:1fr;gap:4px}
 .dbsc-bpct{text-align:left}
 .dbsc-card{padding:24px 20px}
}

/* ==== AI growth landing (aig) ==== */
.aig-lift{color:#9F86FF}
#dbsc-hero .aig-ticks{list-style:none;display:flex;flex-wrap:wrap;gap:10px 22px;margin:20px 0 0;padding:0}
#dbsc-hero .aig-ticks li{position:relative;padding-left:24px;font-size:14.5px;color:rgba(255,255,255,.85)}
#dbsc-hero .aig-ticks li::before{content:"";position:absolute;left:0;top:2px;width:15px;height:15px;border-radius:50%;background:#2e9e68 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 5.5 4.2 8.5 11 1.5'/%3E%3C/svg%3E") center/8px no-repeat}
#dbsc-hero .dbsc-cta-row .dbsc-hero-micro{margin-top:20px}
.aig-plan{background:#fff;border:1px solid #E4E2DB;border-radius:14px;padding:18px 20px;box-shadow:0 18px 44px rgba(22,22,22,.10);max-width:440px;margin:4px auto 0}
.aig-plan-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.aig-plan-h b{font-size:16px}
.aig-plan-h s{text-decoration:none;background:#ECE6FA;color:#4F27C7;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:999px}
.aig-pi{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 0;border-bottom:1px solid #F0EEE8}
.aig-pi span{font-size:13.5px;color:#3d3d3d}
.aig-pi em{font-style:normal;font-size:12px;font-weight:700;color:#161616;background:#DCE4FB;border:1px solid rgba(32,86,223,.25);padding:4px 10px;border-radius:999px;white-space:nowrap}
.aig-tot{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px;background:#161616;border-radius:10px;padding:11px 14px}
.aig-tot span{color:#A1A1A1;font-size:12.5px}
.aig-tot b{color:#fff;font-size:14.5px;white-space:nowrap}
#aig-notgpt{background:#F5F4F0}
#aig-notgpt .brxe-container{max-width:1440px;padding-top:100px;padding-bottom:80px}
#aig-notgpt h2{max-width:560px}
#aig-notgpt .aig-sec-sub{color:#4a4a4a;max-width:640px;margin:12px 0 40px}
.aig-eg-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.aig-eg{background:#fff;border:1px solid #E4E2DB;border-radius:14px;padding:26px;display:flex;flex-direction:column}
.aig-eg s{text-decoration:none;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#4F27C7;margin-bottom:12px;display:block}
.aig-eg h3{font-size:19px;margin:0 0 10px;line-height:1.3}
.aig-eg p{font-size:14.5px;line-height:1.6;color:#4a4a4a;margin:0 0 16px}
.aig-eg a{margin-top:auto;font-size:14px;font-weight:600;color:#2056DF;text-decoration:none}
.aig-eg a:hover{text-decoration:underline}
#aig-human{background:#F5F4F0}
#aig-human .brxe-container{max-width:1440px;padding-top:0;padding-bottom:100px}
.aig-human-in{background:#ECE6FA;border-radius:18px;padding:56px;width:100%}
.aig-human-in h2{max-width:520px;margin:0 0 16px}
.aig-human-in p{max-width:680px;color:#3d3d3d;font-size:16px;line-height:1.65;margin:0 0 12px}
.aig-human-in p:last-child{margin-bottom:0}
@media (max-width:991px){
 .aig-eg-row{grid-template-columns:1fr 1fr}
 .aig-human-in{padding:34px 24px}
 #aig-notgpt .brxe-container{padding-top:64px;padding-bottom:56px}
 #aig-human .brxe-container{padding-bottom:64px}
}
@media (max-width:767px){
 .aig-eg-row{grid-template-columns:1fr}
 #aig-notgpt .brxe-container,#aig-human .brxe-container{padding-left:clamp(20px,4vw,40px);padding-right:clamp(20px,4vw,40px)}
 #dbsc-hero .aig-ticks{gap:8px 16px}
}

/* ==== AI growth results extras ==== */
.dbsc-res-plan{margin:22px 0 0}
.dbsc-res-plan .aig-plan{max-width:none;box-shadow:none;border:1px solid #E4E2DB;padding:22px 26px}
.dbsc-res-plan .aig-pi{padding:10px 0}
.dbsc-res-plan .aig-pi span{font-size:14.5px;color:#161616}
.dbsc-res-plan .aig-pi em.is-ok{background:#EAF4EE;border-color:rgba(46,158,104,.35);color:#1d6b45}
.dbsc-res-plan .aig-tot{padding:13px 16px}
.dbsc-res-plan .aig-tot b{font-size:16px}
.aig-plan-note{font-size:12.5px;color:#8a8a8a;margin:10px 4px 0;line-height:1.5}
#dbsc-app[data-app=aig] .dbsc-vc{display:none}
.aig-hum{background:#ECE6FA;border-radius:10px;padding:14px 16px;font-size:14px;line-height:1.55;color:#3d3d3d;margin-top:10px}
.aig-hum b{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#4F27C7;margin-bottom:5px}
@media print{
 .dbsc-res-plan{break-inside:avoid}
 .dbsc-res-plan .aig-plan{box-shadow:none !important}
 .aig-plan-note{color:#6b6b6b}
}

/* eqw app */
#dbsc-app[data-app=eqw] .dbsc-vc{display:none}

/* ==== purple panel: text + media split (aig + eqw) ==== */
.aig-human-in{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,4vw,56px);align-items:center}
.aig-human-copy h2{max-width:520px;margin:0 0 16px}
.aig-human-copy p{max-width:560px;color:#3d3d3d;font-size:16px;line-height:1.65;margin:0 0 12px}
.aig-human-copy p:last-child{margin-bottom:0}
.aig-human-media{position:relative;width:100%;aspect-ratio:4/3;border-radius:14px;background:#fff;border:1px dashed rgba(79,39,199,.35);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:24px;overflow:hidden}
.aig-human-media svg{width:38px;height:38px;stroke:#4F27C7;opacity:.65;fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.aig-human-media b{font-size:13px;font-weight:600;color:#4F27C7;letter-spacing:.02em}
.aig-human-media span{font-size:12.5px;color:#7a7a86;max-width:230px;line-height:1.5}
.aig-human-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:14px}
@media (max-width:991px){
 .aig-human-in{grid-template-columns:1fr;gap:28px}
 .aig-human-media{aspect-ratio:16/9}
}

/* ==== primary + secondary CTA pairing ==== */
.dbsc-cta-btns{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px 22px;min-width:0}
#dbsc-hero .dbsc-cta-row .dbsc-cta-btns{width:100%;align-self:flex-start}
.dbsc-alt{display:inline-flex;align-items:center;gap:7px;font-size:15px;font-weight:600;color:#9F86FF;text-decoration:none;white-space:nowrap;transition:color .18s ease,transform .18s ease}
.dbsc-alt::after{content:"\2192";font-size:16px;transition:transform .18s ease}
.dbsc-alt:hover{color:#B9A6FF}
.dbsc-alt:hover::after{transform:translateX(3px)}
#dbsc-proof .dbsc-cta-btns{justify-content:center;margin-top:4px}
@media (max-width:640px){
 .dbsc-cta-btns{gap:14px}
 .dbsc-alt{white-space:normal}
}

/* db-start-h1-fix (16 Sept 2026)
   The assessment start panels (/ai-growth/start/, /digital-marketing-scorecard/start/,
   /ecommerce-conversion-audit/start/) all render #dbsc-details with an <h1>, but every
   rule in this file targeted #dbsc-details h2. So the heading got no grid-area and no
   sizing: it fell through to the global hero h1 at 80px and auto-placed itself into the
   grid instead of the head area, which pushed the form and button out of line and left
   the dead space bottom right. Rules below cover h1 and h2 so either markup works. */
#dbsc-details h1,
#dbsc-details h2{grid-area:head;margin:14px 0 30px;max-width:560px;font-size:clamp(30px,3.2vw,55px);line-height:1.06;letter-spacing:-.02em;text-wrap:balance}

/* Supporting copy was set tight under an oversized heading; give it its own rhythm. */
#dbsc-details .dbsc-sub{line-height:1.55;font-size:17px}

/* Keep the consent line legible and stop the checkbox drifting away from its text. */
#dbsc-form-slot .ff-el-form-check{display:flex;align-items:flex-start;gap:10px}
#dbsc-form-slot .ff-el-form-check-label{line-height:1.5;font-size:14px;color:#4a4a4a}

@media (max-width:991px){
  #dbsc-details h1,#dbsc-details h2{max-width:none;font-size:clamp(28px,6vw,42px);margin:10px 0 24px}
  #dbsc-details .dbsc-sub{font-size:16px}
  /* align-self:end is for the desktop grid, where it drops the label onto the same
     baseline as the heading. In the mobile flex column it means the cross axis, so
     it was shunting 'Your details' over to the right hand edge. */
  #dbsc-details .dbsc-formhead{align-self:flex-start;margin:4px 0 12px}
  #dbsc-details #dbsc-form-slot{margin:0}
}

/* fluent-forms-public.css */
.fluentform *{box-sizing:border-box}.fluentform .clearfix:after,.fluentform .clearfix:before,.fluentform .ff-el-group:after,.fluentform .ff-el-group:before,.fluentform .ff-el-repeat .ff-el-input--content:after,.fluentform .ff-el-repeat .ff-el-input--content:before,.fluentform .ff-step-body:after,.fluentform .ff-step-body:before{content:" ";display:table}.fluentform .clearfix:after,.fluentform .ff-el-group:after,.fluentform .ff-el-repeat .ff-el-input--content:after,.fluentform .ff-step-body:after{clear:both}@media (min-width:768px){.frm-fluent-form .ff-t-container{display:flex;gap:15px;width:100%}.frm-fluent-form .ff-t-container.ff_cond_v{display:flex!important}.frm-fluent-form .ff-t-container.mobile:not(.ff_excluded){display:block!important}.frm-fluent-form .ff-name-address-wrapper .ff-t-cell,.frm-fluent-form .ff-name-field-wrapper .ff-t-cell{justify-content:flex-end}.frm-fluent-form .ff-t-cell{display:flex;flex-direction:column;vertical-align:inherit;width:100%}.frm-fluent-form .ff-t-cell:first-of-type{padding-left:0}.frm-fluent-form .ff-t-cell:last-of-type{flex-grow:1;padding-right:0}.frm-fluent-form .ff-t-cell .ff_submit_btn_wrapper_custom{align-items:flex-end;display:flex;margin:auto 0 0}.frm-fluent-form .ff-t-cell .ff_submit_btn_wrapper_custom.ff-text-center{justify-content:center}.frm-fluent-form .ff-t-cell .ff_submit_btn_wrapper_custom.ff-text-right{justify-content:flex-end}.frm-fluent-form .ff-t-cell .ff_submit_btn_wrapper_custom button{margin-bottom:20px}}@media (max-width:768px){.ff-t-cell{margin-left:0!important}}.ff-cropper-lity .lity-container{max-width:960px}.ff-cropper-lity .lity-content{box-shadow:none;max-width:960px}.ff-cropper-lightbox{background:#fff;border-radius:6px;max-width:960px;overflow:hidden;width:min(960px,100vw - 40px)}.ff-cropper-lightbox__footer,.ff-cropper-lightbox__header{align-items:center;display:flex;gap:10px;justify-content:space-between;padding:16px 20px}.ff-cropper-lightbox__header{border-bottom:1px solid #ececec}.ff-cropper-lightbox__title{font-size:18px;font-weight:600;margin:0}.ff-cropper-lity .lity-close.ff-cropper-lightbox__close{font-family:Arial,Baskerville,monospace;font-size:28px;height:32px;line-height:32px;padding:0;position:static;right:auto;text-align:center;text-decoration:none;top:auto;width:32px;z-index:auto}.ff-cropper-lity .lity-close.ff-cropper-lightbox__close,.ff-cropper-lity .lity-close.ff-cropper-lightbox__close:active,.ff-cropper-lity .lity-close.ff-cropper-lightbox__close:focus,.ff-cropper-lity .lity-close.ff-cropper-lightbox__close:hover,.ff-cropper-lity .lity-close.ff-cropper-lightbox__close:visited{background:none;border:0;box-shadow:none;color:#000;text-shadow:none}.ff-cropper-lightbox__body{max-height:calc(100vh - 180px);overflow:auto;padding:20px}.ff-cropper-lightbox__canvas{align-items:center;display:flex;justify-content:center;max-height:calc(100vh - 360px);min-height:320px;overflow:hidden}.ff-cropper-lightbox__canvas img{display:block;max-height:100%;max-width:100%}.ff-cropper-lightbox__error,.ff-cropper-lightbox__hint{font-size:13px;margin-top:10px}.ff-cropper-lightbox__toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.ff-cropper-lightbox__toolbar-label{color:#606266;font-size:13px;font-weight:600}.ff-cropper-lightbox__ratio-list{display:flex;flex-wrap:wrap;gap:8px}.ff-cropper-lightbox__ratio-btn{background:#fff;border:1px solid #dcdfe6;border-radius:999px;color:#606266;cursor:pointer;font-size:12px;line-height:1;padding:8px 12px}.ff-cropper-lightbox__ratio-btn.is-active{background:#ecf5ff;border-color:#1a7efb;color:#1a7efb}.ff-cropper-lightbox__error{color:#f56c6c;min-height:18px}.ff-cropper-lightbox__footer{border-top:1px solid #ececec;justify-content:flex-end}.ff-cropper-lightbox__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:1px solid #dcdfe6;border-radius:4px;color:#606266;cursor:pointer;font-family:inherit;line-height:1.2;padding:10px 16px}.ff-cropper-lightbox__btn:focus,.ff-cropper-lightbox__btn:hover{background:#f5f7fa;border-color:#c0c4cc;color:#303133}.ff-cropper-lightbox__btn--primary{background:#1a7efb;border-color:#1a7efb;color:#fff}.ff-cropper-lightbox__btn--primary:focus,.ff-cropper-lightbox__btn--primary:hover{background:#0f6fe8;border-color:#0f6fe8;color:#fff}@media (max-width:767px){.ff-cropper-lightbox{width:calc(100vw - 24px)}.ff-cropper-lightbox__body{max-height:calc(100vh - 150px);padding:16px}.ff-cropper-lightbox__footer,.ff-cropper-lightbox__header{padding:14px 16px}}.fluentform .ff-el-group{margin-bottom:20px}.fluentform .ff-el-group.ff-el-form-top .ff-el-input--label{display:block;float:none;text-align:left}.fluentform .ff-el-group.ff-el-form-top .ff-el-input--content{margin-bottom:0;margin-left:auto}@media (min-width:481px){.fluentform .ff-el-group.ff-el-form-left .ff-el-input--label{text-align:left}.fluentform .ff-el-group.ff-el-form-right .ff-el-input--label{text-align:right}}.fluentform .ff-el-input--label{display:inline-block;margin-bottom:5px;position:relative}.fluentform .ff-el-input--label.ff-el-is-required.asterisk-left label:before{color:var(--fluentform-danger);content:"* ";margin-right:3px}.fluentform .ff-el-input--label.ff-el-is-required.asterisk-right label:after{color:var(--fluentform-danger);content:" *";margin-left:3px}.fluentform .ff-el-form-control{display:block;width:100%}.fluentform .ff-el-ratings{--ff-rating-inactive-color:#d4d4d4;--ff-rating-active-color:#ffb100;display:inline-flex;gap:3px;line-height:40px}.fluentform .ff-el-ratings input[type=radio]{display:none;height:0!important;visibility:hidden!important;width:0!important}.fluentform .ff-el-ratings label{align-items:center;border-radius:4px;display:inline-flex;justify-content:center;margin-right:3px;outline:none}.fluentform .ff-el-ratings label:focus,.fluentform .ff-el-ratings label:focus-within{box-shadow:0 0 0 2px rgba(255,177,0,.25)}.fluentform .ff-el-ratings label .ff-rating-icon{color:var(--ff-rating-inactive-color);display:inline-flex}.fluentform .ff-el-ratings label .ff-rating-icon-svg{display:block;height:22px;transition:all .3s;vertical-align:middle;width:22px}.fluentform .ff-el-ratings label .ff-rating-icon-svg.scale{transition:all .15s}.fluentform .ff-el-ratings label .ff-rating-icon-svg [fill]:not([fill=none]){fill:currentColor!important}.fluentform .ff-el-ratings label .ff-rating-icon-svg [stroke]:not([stroke=none]){stroke:currentColor!important}.fluentform .ff-el-ratings label.active .ff-rating-icon{color:var(--ff-rating-active-color)}.fluentform .ff-el-ratings label:focus,.fluentform .ff-el-ratings label:focus-within,.fluentform .ff-el-ratings label:hover{cursor:pointer}.fluentform .ff-el-ratings label:focus .ff-rating-icon-svg,.fluentform .ff-el-ratings label:focus-within .ff-rating-icon-svg,.fluentform .ff-el-ratings label:hover .ff-rating-icon-svg{transform:scale(1.1)}.fluentform .ff-el-ratings label:focus .ff-rating-icon-svg.scalling,.fluentform .ff-el-ratings label:focus-within .ff-rating-icon-svg.scalling,.fluentform .ff-el-ratings label:hover .ff-rating-icon-svg.scalling{transform:scale(1.2)}.fluentform .ff-el-repeat .ff-el-form-control{margin-bottom:10px;width:100%}.fluentform .ff-el-repeat .ff-t-cell{padding:0 10px;width:100%}.fluentform .ff-el-repeat .ff-t-cell:first-child{padding-left:0}.fluentform .ff-el-repeat .ff-t-cell:last-child{padding-right:0}.fluentform .ff-el-repeat .ff-t-container{display:flex}.fluentform .ff-el-repeat-buttons-list span{cursor:pointer}@media (min-width:481px){.fluentform .ff-el-form-left .ff-el-input--label,.fluentform .ff-el-form-right .ff-el-input--label{float:left;margin-bottom:0;padding:10px 15px 0 0;width:180px}.fluentform .ff-el-form-left .ff-el-input--content,.fluentform .ff-el-form-right .ff-el-input--content{margin-left:180px}.fluentform .ff-el-form-left .ff-t-container .ff-el-input--label,.fluentform .ff-el-form-right .ff-t-container .ff-el-input--label{float:none;margin-bottom:5px;width:auto}.fluentform .ff-el-form-left .ff-t-container .ff-el-input--content,.fluentform .ff-el-form-right .ff-t-container .ff-el-input--content{margin-left:auto}}.fluentform .ff-el-form-right .ff-el-input--label{text-align:right}.fluentform .ff-el-is-error .text-danger{font-size:12px;margin-top:4px}.fluentform .ff-el-is-error .ff-el-form-check-label,.fluentform .ff-el-is-error .ff-el-form-check-label a{color:var(--fluentform-danger)}.fluentform .ff-el-is-error .ff-el-form-control{border-color:var(--fluentform-danger)}.fluentform .ff-el-tooltip{cursor:pointer;display:inline-block;margin-left:2px;position:relative;vertical-align:middle;z-index:2}.fluentform .ff-el-tooltip:hover{color:#000}.fluentform .ff-el-tooltip svg{fill:var(--fluentform-primary)}.fluentform .ff-el-help-message{color:var(--fluentform-secondary);font-size:12px;font-style:italic;margin-top:5px}.fluentform .ff-el-help-message.ff_ahm{margin-bottom:5px;margin-top:-3px}.fluentform .ff-el-progress{background-color:#e9ecef;border-radius:.25rem;font-size:.75rem;height:1.3rem;line-height:1.2rem;overflow:hidden}.fluentform .ff-el-progress-bar{background-color:var(--fluentform-primary);color:#fff;height:inherit;text-align:right;transition:width .3s;width:0}.fluentform .ff-el-progress-bar span{display:inline-block;padding:0 5px 0 0}.fluentform .ff-el-progress-status{font-size:.9rem;margin-bottom:5px}.fluentform .ff-el-progress-title{border-bottom:2px solid #000;display:inline-block;font-weight:600;list-style-type:none;margin:8px 0 0;padding-left:15px;padding-right:15px}.fluentform .ff-el-progress-title li{display:none}.fluentform .ff-float-right{float:right}.fluentform .ff-chat-gpt-loader-svg{border:1px solid #ced4da;box-shadow:0 1px 5px rgba(0,0,0,.1);margin-top:10px;padding:15px;position:relative}.fluentform .ff-hidden{display:none!important}.fluentform .ff-step-t-container{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.fluentform .ff-step-t-container .ff-t-cell{width:auto}.fluentform .ff-step-t-container.ff-inner_submit_container .ff-el-group{margin-bottom:0}.fluentform .ff-step-container{overflow:hidden}.fluentform .ff-step-container[data-progress_indicator=steps_with_nav][data-progress_layout=left],.fluentform .ff-step-container[data-progress_indicator=tabs][data-progress_layout=left]{align-items:stretch;display:flex;gap:12px}.fluentform .ff-step-container[data-progress_indicator=steps_with_nav][data-progress_layout=left] .ff-step-header,.fluentform .ff-step-container[data-progress_indicator=tabs][data-progress_layout=left] .ff-step-header{align-self:stretch;flex:0 0 30%;margin-bottom:0}.fluentform .ff-step-container[data-progress_indicator=steps_with_nav][data-progress_layout=left] .ff-step-body,.fluentform .ff-step-container[data-progress_indicator=tabs][data-progress_layout=left] .ff-step-body{flex:1 1 auto;min-width:0}.fluentform .ff-step-header{margin-bottom:20px}.fluentform .ff-step-header--tabs-left{display:flex;flex-direction:column;margin-bottom:0}.fluentform .ff-step-header--tabs{background:#f5f8ff;border-radius:8px;display:flex;flex-direction:column;padding:16px}.fluentform .ff-step-header--tabs-top .ff-step-titles{justify-content:center}.fluentform .ff-step-header--tabs-top .ff-step-titles.ff-step-titles--overflowing{justify-content:flex-start}.fluentform .ff-step-header--tabs-top .ff-step-titles li .ff-step-title-text{flex:0 1 auto;margin:0 auto;max-width:100%;width:auto}.fluentform .ff-step-header--tabs .ff-step-progress-wrap--tabs{margin-top:16px}.fluentform .ff-step-header--tabs .ff-step-progress-wrap--tabs .ff-el-progress{background:#dce7f6;border-radius:999px;height:8px}.fluentform .ff-step-header--tabs .ff-step-progress-wrap--tabs .ff-el-progress-bar{border-radius:inherit}.fluentform .ff-step-header--tabs .ff-step-progress-wrap--tabs .ff-el-progress-bar span{display:none}.fluentform .ff-step-header--tabs .ff-step-progress-wrap--tabs .ff-el-progress-status{color:#5f6f89;font-size:14px;font-weight:600;margin:8px 0 0;text-align:right}.fluentform .ff-step-header--tabs .ff-step-titles{counter-reset:none;display:flex;flex-wrap:nowrap;gap:12px;margin:0;overflow-x:auto;overflow-y:hidden;padding:0;scrollbar-width:thin;width:100%}.fluentform .ff-step-header--tabs .ff-step-titles.ff-step-titles-navs{cursor:default}.fluentform .ff-step-header--tabs .ff-step-titles li{align-items:center;background:#fff;border:1px solid #d6dee8;border-radius:14px;color:#4b5563;display:flex;flex:0 0 160px;font-size:14px;font-weight:600;gap:8px;justify-content:center;line-height:1.3;margin:0;min-height:48px;padding:12px 14px;text-align:center}.fluentform .ff-step-header--tabs .ff-step-titles li:after,.fluentform .ff-step-header--tabs .ff-step-titles li:before{display:none}.fluentform .ff-step-header--tabs .ff-step-titles li .ff-step-title-icon{align-items:center;color:inherit;display:inline-flex;flex:0 0 auto;font-size:16px;height:16px;justify-content:center;line-height:1;width:16px}.fluentform .ff-step-header--tabs .ff-step-titles li .ff-step-title-text{align-items:center;display:flex;flex:1 1 auto;gap:8px;justify-content:center;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.fluentform .ff-step-header--tabs .ff-step-titles li .ff-step-title-text i,.fluentform .ff-step-header--tabs .ff-step-titles li .ff-step-title-text span[class*=dashicons],.fluentform .ff-step-header--tabs .ff-step-titles li .ff-step-title-text svg{align-items:center;display:inline-flex;flex:0 0 auto;justify-content:center;line-height:1}.fluentform .ff-step-header--tabs .ff-step-titles li .ff-step-title-text svg{height:16px;width:16px}.fluentform .ff-step-header--tabs .ff-step-titles li:first-child,.fluentform .ff-step-header--tabs .ff-step-titles li:last-child{padding-left:14px;padding-right:14px}.fluentform .ff-step-header--tabs .ff-step-titles li:focus-visible,.fluentform .ff-step-header--tabs .ff-step-titles li:hover{background:#f8fbff;border-color:#b8d4fb;color:#007bff}.fluentform .ff-step-header--tabs .ff-step-titles li.ff_completed{background:#f8fbff;border-color:#c8dcfb;color:#007bff}.fluentform .ff-step-header--tabs .ff-step-titles li.ff_active{background:#f2f8ff;border-color:#007bff;color:#007bff}.fluentform .ff-step-header--tabs-left{background:#f5f8ff;border-radius:12px;padding:16px}.fluentform .ff-step-header--tabs-left .ff-step-titles{background:transparent;border:0;border-radius:0;counter-reset:step;display:block;flex:1 1 auto;margin-bottom:0;max-height:240px;min-height:0;overflow-x:hidden;overflow-y:auto;padding:0;scrollbar-width:thin}.fluentform .ff-step-header--tabs-left .ff-step-titles li{align-items:center;background:#fff;border:1px solid #d6dee8;border-radius:8px;box-sizing:border-box;color:#4b5563;display:flex;font-size:14px;font-weight:600;justify-content:flex-start;margin:0 0 16px;min-height:48px;overflow:hidden;padding:12px 14px 12px 48px;position:relative;text-align:left}.fluentform .ff-step-header--tabs-left .ff-step-titles li:before{align-items:center;background:#fff;border:1px solid #c8d1dc;border-radius:8px;color:#4b5563;content:counter(step);counter-increment:step;display:flex;font-size:13px;font-weight:700;height:28px;justify-content:center;left:12px;line-height:1;margin:0;position:absolute;top:50%;transform:translateY(-50%);width:28px;z-index:2}.fluentform .ff-step-header--tabs-left .ff-step-titles li:after{background:#d9e0e8;content:"";height:10px;left:34px;position:absolute;top:calc(100% + 1px);width:2px}.fluentform .ff-step-header--tabs-left .ff-step-titles li .ff-step-title-text{display:block;flex:1 1 auto;justify-content:flex-start;line-height:1.3;min-width:0;overflow:hidden;padding-left:4px;text-overflow:ellipsis;white-space:nowrap;width:auto}.fluentform .ff-step-header--tabs-left .ff-step-titles li .ff-step-title-text i,.fluentform .ff-step-header--tabs-left .ff-step-titles li .ff-step-title-text span[class*=dashicons],.fluentform .ff-step-header--tabs-left .ff-step-titles li .ff-step-title-text svg{align-items:center;display:inline-flex;flex:0 0 auto;justify-content:center;line-height:1}.fluentform .ff-step-header--tabs-left .ff-step-titles li .ff-step-title-text svg{height:16px;width:16px}.fluentform .ff-step-header--tabs-left .ff-step-titles li:focus-visible,.fluentform .ff-step-header--tabs-left .ff-step-titles li:hover{background:#f8fbff;border-color:#b8d4fb;color:#007bff}.fluentform .ff-step-header--tabs-left .ff-step-titles li.ff_completed{background:#f8fbff;border-color:#c8dcfb;color:#007bff}.fluentform .ff-step-header--tabs-left .ff-step-titles li.ff_completed:before{background:#fff;border-color:#007bff;color:#007bff}.fluentform .ff-step-header--tabs-left .ff-step-titles li.ff_completed:after{background:#9ec5fe}.fluentform .ff-step-header--tabs-left .ff-step-titles li.ff_active{background:#f2f8ff;border-color:#007bff;color:#007bff}.fluentform .ff-step-header--tabs-left .ff-step-titles li.ff_active:before{background:#007bff;border-color:#007bff;color:#fff}.fluentform .ff-step-header--tabs-left .ff-step-titles li:first-child{padding-left:48px}.fluentform .ff-step-header--tabs-left .ff-step-titles li:last-child{margin-bottom:0;padding-left:48px;padding-right:14px}.fluentform .ff-step-header--tabs-left .ff-step-titles li:last-child:after{display:none}.fluentform .ff-step-titles{counter-reset:step;display:table;margin:0 0 20px;overflow:hidden;padding:0;position:relative;table-layout:fixed;text-align:center;width:100%}.fluentform .ff-step-titles--clickable li,.fluentform .ff-step-titles-navs{cursor:pointer}.fluentform .ff-step-titles--clickable li:focus-visible{outline:2px solid;outline-offset:2px}.fluentform .ff-step-titles li{color:#333;display:table-cell;font-size:12px;list-style-type:none;padding:0 10px;position:relative;vertical-align:top;width:auto}.fluentform .ff-step-titles li.ff_active,.fluentform .ff-step-titles li.ff_completed{color:#007bff}.fluentform .ff-step-titles li.ff_active:before,.fluentform .ff-step-titles li.ff_completed:before{background:#007bff;border:1px solid transparent;color:#fff}.fluentform .ff-step-titles li.ff_active:after,.fluentform .ff-step-titles li.ff_completed:after{background:#007bff}.fluentform .ff-step-titles li.ff_active:after{right:0}.fluentform .ff-step-titles li:before{background:#fff;border:1px solid;border-radius:3px;color:#333;content:counter(step);counter-increment:step;display:block;font-size:10px;line-height:20px;margin:0 auto 5px;position:relative;vertical-align:top;width:20px;z-index:10}.fluentform .ff-step-titles li:after{background:#000;content:"";height:2px;left:-50%;position:absolute;top:9px;width:100%;z-index:1}.fluentform .ff-step-titles li:first-child{padding-left:0}.fluentform .ff-step-titles li:first-child:after{left:50%}.fluentform .ff-step-titles li:last-child{padding-right:0}.fluentform .ff-step-titles li:last-child:after{left:-50%}.fluentform .ff-step-container[data-progress_indicator=steps_with_nav][data-progress_layout=left] .fluentform .ff-step-titles,.fluentform .ff-step-container[data-progress_indicator=tabs][data-progress_layout=left] .fluentform .ff-step-titles{margin-bottom:0}.fluentform .ff-step-body{left:0;margin-bottom:15px;position:relative;top:0}@media (max-width:767px){.fluentform .ff-step-container[data-progress_indicator=steps_with_nav][data-progress_layout=left],.fluentform .ff-step-container[data-progress_indicator=tabs][data-progress_layout=left]{display:block}.fluentform .ff-step-container[data-progress_indicator=steps_with_nav][data-progress_layout=left] .ff-step-header,.fluentform .ff-step-container[data-progress_indicator=tabs][data-progress_layout=left] .ff-step-header{flex:unset;margin-bottom:20px}.fluentform .ff-step-container[data-progress_indicator=steps_with_nav][data-progress_layout=left] .ff-step-header--tabs-left .ff-step-titles,.fluentform .ff-step-container[data-progress_indicator=tabs][data-progress_layout=left] .ff-step-header--tabs-left .ff-step-titles{background:transparent;border:0;border-radius:0;display:flex;gap:10px;max-height:none;overflow-x:auto;overflow-y:hidden;padding:0}.fluentform .ff-step-container[data-progress_indicator=steps_with_nav][data-progress_layout=left] .ff-step-header--tabs-left .ff-step-titles li,.fluentform .ff-step-container[data-progress_indicator=tabs][data-progress_layout=left] .ff-step-header--tabs-left .ff-step-titles li{border-radius:12px;justify-content:center;margin:0;min-height:56px;padding:14px 12px;text-align:center}.fluentform .ff-step-container[data-progress_indicator=steps_with_nav][data-progress_layout=left] .ff-step-header--tabs-left .ff-step-titles li:after,.fluentform .ff-step-container[data-progress_indicator=steps_with_nav][data-progress_layout=left] .ff-step-header--tabs-left .ff-step-titles li:before,.fluentform .ff-step-container[data-progress_indicator=tabs][data-progress_layout=left] .ff-step-header--tabs-left .ff-step-titles li:after,.fluentform .ff-step-container[data-progress_indicator=tabs][data-progress_layout=left] .ff-step-header--tabs-left .ff-step-titles li:before{display:none}.fluentform .ff-step-container[data-progress_indicator=steps_with_nav][data-progress_layout=left] .ff-step-header--tabs-left .ff-step-titles li .ff-step-title-text,.fluentform .ff-step-container[data-progress_indicator=tabs][data-progress_layout=left] .ff-step-header--tabs-left .ff-step-titles li .ff-step-title-text{justify-content:center}}.fluentform .ff-upload-progress{margin:10px 0}.fluentform .ff-upload-progress-inline{border-radius:3px;height:6px;margin:4px 0;position:relative}.fluentform .ff-upload-preview{border:1px solid #ced4da;border-radius:3px;margin-top:5px}.fluentform .ff-upload-preview:first-child{margin-top:0}.fluentform .ff-upload-preview-img{background-position:50%;background-repeat:no-repeat;background-size:cover;height:70px;width:70px}.fluentform .ff-upload-container-small-column-image{display:flex;flex-wrap:wrap-reverse;justify-content:center;text-align:center}.fluentform .ff-upload-details,.fluentform .ff-upload-preview{zoom:1;overflow:hidden}.fluentform .ff-upload-details,.fluentform .ff-upload-thumb{display:table-cell;vertical-align:middle}.fluentform .ff-upload-thumb{background-color:#eee}.fluentform .ff-upload-details{border-left:1px solid #ebeef0;padding:0 10px;position:relative;width:10000px}.fluentform .ff-upload-details .ff-inline-block,.fluentform .ff-upload-details .ff-upload-error{font-size:11px}.fluentform .ff-upload-remove{box-shadow:none!important;color:var(--fluentform-danger);cursor:pointer;font-size:16px;line-height:1;padding:0 4px;position:absolute;right:0;top:3px}.fluentform .ff-upload-remove:hover{color:var(--fluentform-danger);text-shadow:1px 1px 1px #000!important}.fluentform .ff-upload-filename{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fluentform .ff-table{margin-bottom:0}.fluentform .ff-checkable-grids{border:1px solid #f1f1f1;border-collapse:collapse}.fluentform .ff-checkable-grids thead>tr>th{background:#f1f1f1;border:0;padding:7px 5px;text-align:center}.fluentform .ff-checkable-grids tbody>tr>td{border:0;padding:7px 5px}.fluentform .ff-checkable-grids tbody>tr>td:not(:first-of-type){text-align:center}.fluentform .ff-checkable-grids tbody>tr:nth-child(2n)>td{background:#f1f1f1}.fluentform .ff-checkable-grids tbody>tr:nth-child(2n-1)>td{background:#fff}.fluentform .ff-screen-reader-element{clip:rect(0,0,0,0)!important;word-wrap:normal!important;border:0!important;height:1px!important;margin:0!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important}.fluentform .ff_upload_btn.ff-btn{background:#6f757e;border-color:#6f757e;color:#fff;cursor:pointer;display:inline-block;padding:10px 20px}.fluentform .ff_upload_btn.ff-btn:hover{background-color:#91959b;outline:none}.fluentform .ff_upload_btn.ff-btn:focus-visible{background-color:#91959b;outline:none}.fluentform .ff-el-tc{border:none;border-collapse:collapse;display:table;width:100%}.fluentform .ff-el-tc label.ff_tc_label{display:table-row}.fluentform .ff-el-tc label.ff_tc_label>span{padding-top:8px!important;width:20px}.fluentform .ff-el-tc label.ff_tc_label>div,.fluentform .ff-el-tc label.ff_tc_label>span{display:table-cell}.fluentform .ff-saved-state-input .ff_input-group-text{background-color:#1a7efb;border-color:#1a7efb;margin-left:-1px}.fluentform .ff-saved-state-input .ff_input-group-text:hover{background-color:#4898fc;border-color:#4898fc;opacity:1}.fluentform .ff-saved-state-input .ff_input-group-text img{width:28px}.fluentform .ff-saved-state-link input{text-overflow:ellipsis}.fluentform .ff-hide-group{display:none}.fluentform .ff_t_c{margin:0;padding:0 5px 0 0}.fluentform .ff_t_c p{margin:0;padding:0}.fluentform .force-hide{border:0;display:block;height:0;margin:0;opacity:0;padding:0;visibility:hidden}.fluentform input[type=checkbox],.fluentform input[type=radio]{display:inline-block;margin:0}.fluentform .text-danger{color:var(--fluentform-danger)}.fluentform .iti{width:100%}.fluentform .iti__selected-flag{background:rgba(0,0,0,.1);border-bottom-left-radius:6px;border-top-left-radius:6px}.fluentform .ff_gdpr_field{margin-right:5px}.fluentform form.ff-form-has-steps .ff-btn-submit{visibility:hidden}.fluentform form.ff-form-has-steps .ff_submit_btn_wrapper{text-align:right}.fluentform textarea{max-width:100%}.fluentform .ff-el-form-check{margin-bottom:5px}.fluentform .ff-el-form-check span.ff_span{margin-left:6px}.fluentform .ff-el-form-check-label .ff-el-form-check-input{position:relative;top:-2px;vertical-align:middle}.fluentform .ff-inline-block{display:inline-block}.fluentform .ff-inline-block+.ff-inline-block{margin-left:10px}.fluentform .ff-text-left{text-align:left}.fluentform .ff-text-center{text-align:center}.fluentform .ff-text-right{text-align:right}.fluentform .ff-el-form-control:focus~.ff-el-help-message{display:block!important}.fluentform .ff-el-form-control::-moz-placeholder{color:#868e96;opacity:1}.fluentform .ff-el-form-control::placeholder{color:#868e96;opacity:1}.fluentform .ff-el-form-control:disabled,.fluentform .ff-el-form-control[readonly]:not(.flatpickr-input){background-color:#e9ecef;opacity:1}.fluentform .iti__search-input{min-height:30px}.fluentform-step{float:left;height:1px;overflow-x:hidden;padding:3px}.fluentform-step.active{height:auto;width:100%}.fluentform-step .ff_summary_container{font-size:14px;margin-top:10px}.step-nav .next{float:right}.fluentform .has-conditions{display:none}.ff-message-success{border:1px solid #ced4da;box-shadow:0 1px 5px rgba(0,0,0,.1);margin-top:10px;padding:15px;position:relative}.ff-errors-in-stack{display:none;margin-top:15px}.ff-errors-in-stack .error{font-size:14px;line-height:1.7}.ff-errors-in-stack .error-clear{cursor:pointer;margin-left:5px;padding:0 5px}.ff-chat-reply-container div p{border-radius:6px;margin-top:12px;padding:20px 16px}.ff-chat-reply-container div .skeleton{animation:skeleton-loading 2s linear infinite alternate;padding:24px}@keyframes skeleton-loading{0%{background-color:#e3e6e8}to{background-color:#f0f3f5}}.ff-el-chat-container{position:relative}.ff-el-chat-container textarea{outline:none;position:relative;resize:none}.ff-el-chat-container .ff_btn_chat_style{background:transparent;border:none;position:absolute;right:10px;top:38%}.ff-el-chat-container .ff_btn_chat_style svg:hover{cursor:pointer;opacity:.8;outline:0;text-decoration:none;transition:all .4s}.iti-mobile .iti--container{z-index:9999}.fluentform .hidden_field{display:none!important}.fluentform .ff_force_hide{display:none!important;visibility:hidden!important}.fluentform .ff_scrolled_text{background:#e9ebed;height:200px;overflow:scroll;padding:10px 15px}.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check label{margin:0}.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check label:focus-within span{background-color:#b3d4fc}.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check{display:-moz-inline-stack;display:inline-block;float:none!important;margin:0 0 10px;position:relative;width:auto!important}.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check input{margin:0;opacity:0;outline:none;position:absolute;z-index:-1}.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check label>span{-webkit-appearance:none;background:#fff;border:1px solid #dcdfe6;border-left:0;border-radius:0;box-sizing:border-box;color:#606266;cursor:pointer;display:inline-block;font-size:14px;font-weight:500;line-height:1;margin:0;outline:none;padding:12px 20px;position:relative;text-align:center;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;vertical-align:middle;white-space:nowrap}.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check label>span:hover{color:#1a7efb}.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check.ff-el-image-holder{border:1px solid #dcdfe5;overflow:hidden}.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check.ff-el-image-holder span{border:none!important;border-radius:0!important;margin-left:-1px;width:100%}.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check.ff-el-image-holder.ff_item_selected{border-color:#1a7efb}.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check:first-child label>span{border-left:1px solid #dcdfe6;border-radius:4px 0 0 4px;box-shadow:none!important}.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check:last-child label>span{border-radius:0 4px 4px 0}.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check.ff_item_selected label>span{background-color:#1a7efb;border-color:#1a7efb;box-shadow:-1px 0 0 0 #8cc5ff;color:#fff}.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check.ff_item_selected:first-child label>span{border-left-color:#1a7efb}@media only screen and (max-width:768px){.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check{display:block;width:100%}.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check label>span{border:1px solid!important;border-radius:4px!important;box-shadow:none!important;display:block;width:100%}}.fluentform .ff-el-group.ff-hpsf-container{display:none!important;position:absolute!important;transform:translateX(1000%)!important}.fluentform div.ff-el-form-hide_label>.ff-el-input--label{display:none;visibility:hidden}.fluentform .ff_file_upload_holder{margin-bottom:0}.fluentform .ff-dropzone .ff_upload_btn.ff-btn{background:rgba(223,240,255,.13);border:1px dashed var(--fluentform-primary);border-radius:var(--fluentform-border-radius);color:var(--fluentform-secondary);display:block;padding:35px;text-align:center;transition:all .2s ease;width:100%}.fluentform .ff-dropzone .ff_upload_btn.ff-btn:hover{background:rgba(223,240,255,.49)}.fluentform .ff-dropzone .ff-uploaded-list{margin-top:10px}.fluentform .ff_center{text-align:center}.fluentform .ff_right{text-align:right}.fluentform .ff_left{text-align:left}.fluentform .ff-form-inline .ff-t-container,.fluentform .ff-form-inline>.ff-el-group,.fluentform .ff-form-inline>.ff-name-field-wrapper{display:inline-block;margin-right:10px;vertical-align:top}.fluentform .ff-form-inline .ff-t-container .ff-t-cell .ff-el-input--label,.fluentform .ff-form-inline .ff-t-container>.ff-el-input--label,.fluentform .ff-form-inline>.ff-el-group .ff-t-cell .ff-el-input--label,.fluentform .ff-form-inline>.ff-el-group>.ff-el-input--label,.fluentform .ff-form-inline>.ff-name-field-wrapper .ff-t-cell .ff-el-input--label,.fluentform .ff-form-inline>.ff-name-field-wrapper>.ff-el-input--label{display:none}.fluentform .ff-form-inline .ff-t-container .ff-el-input--content,.fluentform .ff-form-inline>.ff-el-group .ff-el-input--content,.fluentform .ff-form-inline>.ff-name-field-wrapper .ff-el-input--content{margin-left:0}.fluentform .ff-form-inline .ff-t-container:last-child,.fluentform .ff-form-inline>.ff-el-group:last-child,.fluentform .ff-form-inline>.ff-name-field-wrapper:last-child{margin-right:0}.fluentform .ff-t-container .ff-name-title{width:40%}.fluentform .ff_hide_label .ff-el-input--label{display:none}.fluentform .field-value{white-space:pre-line}.fluentform .ff-el-group .ff-read-only{background-color:#e9ecef!important;opacity:1;pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.fluentform .ff-el-group .ff-read-only:focus{outline:none}.fluentform label.ff-el-image-input-src{background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;display:block;height:200px;width:200px}.fluentform .ff-el-image-holder{float:left;margin-bottom:20px;margin-right:20px;width:200px}.fluentform .ff-el-image-holder .ff-el-form-check-label{padding-left:1px}.fluentform .ff_el_checkable_photo_holders{display:block;margin-bottom:-20px;overflow:hidden}.fluentform .ff-other-input-wrapper input{background:inherit}.fluentform .ff-other-input-wrapper{display:none;margin-top:8px}.fluentform .select2-container{width:100%!important}.fluentform .select2-container .select2-selection__rendered li{margin:0}.fluentform .select2-container .select2-search--inline>input{height:calc(2.25rem + 2px);line-height:1.5;margin-top:0;padding:.375rem 1.75rem .375rem .75rem}.fluentform .ff-el-form-bottom{display:flex;flex-direction:column-reverse}.fluentform .ff-el-form-bottom .ff-el-input--label{margin-bottom:0;margin-top:5px}.fluentform .mce-tinymce.mce-container.mce-panel{border:1px solid #ced4da}.fluentform .ff_input-group{align-items:stretch;display:flex;flex-wrap:wrap;position:relative;width:100%}.fluentform .ff_input-group>.ff-el-form-control:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0;display:inline-block;width:auto}.fluentform .ff_input-group>.ff-el-form-control:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.fluentform .ff_input-group .ff-el-form-control{flex:1 1 auto;margin-bottom:0;position:relative;width:1%}.fluentform .ff_input-group-prepend{margin-right:-1px}.fluentform .input-group-append{margin-left:-1px}.fluentform .ff_input-group-append,.fluentform .ff_input-group-prepend{display:flex}.fluentform .ff_input-group>.ff_input-group-prepend>.ff_input-group-text{border-bottom-right-radius:0;border-top-right-radius:0}.fluentform .ff_input-group>.ff_input-group-append>.ff_input-group-text{border-bottom-left-radius:0;border-top-left-radius:0}.fluentform .ff_input-group-text{align-items:center;background-color:#e9ecef;border-radius:.25rem;color:#495057;display:flex;font-size:1rem;font-weight:400;line-height:1.5;margin-bottom:0;padding:.375rem .75rem;text-align:center;white-space:nowrap}.fluentform .ff_coupon_wrapper .ff_input-group-append{cursor:pointer}.fluentform .ff_coupon_wrapper .ff_input-group-append:hover .ff_input-group-text{background:#e3e8ed}.fluentform ul.ff_coupon_responses{list-style:none;margin:0;padding:0}.fluentform ul.ff_coupon_responses li{padding-top:5px}.fluentform ul.ff_coupon_responses span.error-clear{color:#ff5050;font-weight:700;margin-right:10px}.fluentform ul.ff_coupon_responses .ff_error{color:#f56c6c;cursor:pointer}.fluentform ul.ff_coupon_responses .ff_success{color:#28a745}.fluentform .ff-btn.disabled{opacity:.65}.fluentform .ff-btn.ff-working{position:relative;transition:all .3s ease}.fluentform .ff-btn.ff-working:after{animation:ff-progress-anim 4s 0s infinite;background:hsla(0,0%,100%,.4);bottom:0;content:"";height:5px;left:0;position:absolute;right:0}.fluentform .ff-btn-block{display:block;width:100%}.fluentform .ff-btn-block+.ff-el-btn-block{margin-top:8px}.fluentform .ff_submitting{pointer-events:none}@keyframes ff-progress-anim{0%{width:0}5%{width:0}10%{width:15%}30%{width:40%}50%{width:55%}80%{width:100%}95%{width:100%}to{width:0}}.ff_modal_container{background:#fff;max-height:90vh!important;max-width:900px;overflow:auto;padding:30px}@media only screen and (min-width:1000px){.ff_modal_container{width:900px}}.select2-results__option{margin:0}.fluentform span.select2.select2-container:after{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #495057;content:"";position:absolute;right:10px;top:50%;transform:translateY(-50%)}.ff_pointer{cursor:pointer}.ff_net_table{border:0;border-collapse:separate;border-spacing:0;line-height:1.4;margin:0;padding:0;table-layout:fixed;width:100%}.ff_net_table th{border:none;font-size:13px;font-weight:400;padding:8px 0;text-align:center;vertical-align:bottom}.ff_net_table th .ff_not-likely{float:left;text-align:left}.ff_net_table th .ff_extremely-likely{float:right;text-align:right}.ff_net_table tbody tr{background:none;border:0}.ff_net_table tbody tr td{background-color:#fff;border:1px solid #ddd;border-left:0;padding:0;text-align:center;vertical-align:middle}.ff_net_table tbody tr td input[type=radio]:checked+label{background-color:#4caf50;color:#fff}.ff_net_table tbody tr td:first-of-type{border-left:1px solid #ddd;border-radius:5px 0 0 5px}.ff_net_table tbody tr td:last-child{border-radius:0 5px 5px 0}.ff_net_table tbody tr td label{border:0;color:#444;cursor:pointer;display:block;font-size:16px;font-weight:700;height:40px;line-height:40px;margin:0;position:relative;width:100%}.ff_net_table tbody tr td label:after{border:0;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.ff_net_table tbody tr td label:hover:after{border:2px solid #4caf50}.ff-el-pop-content{background-color:#000;border-radius:3px;box-shadow:0 5px 10px rgba(0,0,0,.2);color:#fff;font-size:11px;line-height:1.2;padding:10px;position:absolute;text-align:center;transform-origin:center bottom;z-index:9999}.ff-checkable-grids.mobile{border:0}.ff-checkable-grids.mobile tbody tr{padding-top:0!important}.ff-checkable-grids.mobile tbody tr:nth-child(2n)>td{background:transparent}.ff-checkable-grids.mobile tbody td{padding-left:10px!important;text-align:left!important}.ff-checkable-grids.mobile tbody td.ff_grid_header{background-color:#eee!important;margin:0}.ff-checkable-grids.mobile tbody td:after{content:attr(data-label);display:inline-block;letter-spacing:.5pt;padding-left:10px;white-space:nowrap}span.ff-el-rating-text{line-height:100%;padding-left:5px;vertical-align:bottom}table.ff_repeater_table{background:transparent!important;border:0;border-collapse:collapse;border-spacing:0;margin:0 0 5px;padding:0;table-layout:auto!important;vertical-align:middle;width:100%}table.ff_repeater_table th{font-size:90%;padding:0;text-align:left}table.ff_repeater_table th,table.ff_repeater_table tr{background:transparent!important;border:0;padding-top:5px}table.ff_repeater_table td{background:transparent!important;border:0;max-width:100%;padding:0 15px 15px 0;text-align:left;width:282px}table.ff_repeater_table tbody tr:only-child td .repeat-minus{visibility:hidden}table.ff_repeater_table .ff-el-group{margin:0;padding:0}table.ff_repeater_table .repeat_btn{padding-right:0;vertical-align:middle;width:30px}table.ff_repeater_table .repeat_btn span.ff-icon{cursor:pointer;margin-right:10px}table.ff_repeater_table .repeat_btn span.ff-icon.icon-minus-circle{margin-right:0}table.ff_repeater_table.repeat-maxed .repeat_btn .repeat-plus{visibility:hidden}.ff-repeater-container{display:flex;flex-direction:column}.ff-repeater-container .repeat_btn{align-self:center;display:flex}.ff-repeater-container .ff_repeater_cont_row,.ff-repeater-container .ff_repeater_header{display:flex;flex-wrap:nowrap}.ff-repeater-container .ff_repeater_cont_row:only-child .repeat-minus{visibility:hidden}.ff-repeater-container .ff_repeater_cell,.ff-repeater-container .ff_repeater_header_item{box-sizing:border-box;padding:0 15px 0 0;text-align:left}.ff-repeater-container .ff-el-repeat-buttons-list{display:flex;margin-top:34%}.ff_repeater_table.mobile tbody td{display:block;padding:10px;width:100%}.ff_repeater_table.mobile tbody td .ff-el-group{margin-top:6px}.ff_repeater_table.mobile tbody td:before{clear:both;content:attr(data-label);display:block;font-size:.875em;letter-spacing:.5pt;white-space:nowrap}.ff-el-section-break .ff-el-section-title{font-weight:600;margin-bottom:5px}.ff-el-section-break hr{background-color:#dadbdd;border:none;height:1px;margin-bottom:10px}table.ff_flexible_table.ff-checkable-grids{width:100%}.ff_flexible_table.mobile thead{left:-9999px;position:absolute;top:-9999px}.ff_flexible_table.mobile tbody td{display:block;padding:10px;width:100%}.ff_flexible_table.mobile tbody tr{background:#fff;border-bottom:1px solid #ced4da;border-top:1px solid #ced4da;border-color:#ced4da;border-style:solid;border-width:2px 1px 4px;display:block;margin:16px 0 10px;position:relative}@media only screen and (max-width:400px){.ff_repeater_table{width:100%}.ff_repeater_table thead{display:none}.ff_repeater_table tbody tr{border:1px solid #ddd;display:block;margin-bottom:15px;padding:10px}.ff_repeater_table tbody td{display:block;padding:5px 0;text-align:left;width:100%!important}.ff_repeater_table tbody td .ff-el-input--content{width:100%}.ff_repeater_table .repeat_btn{margin-top:10px;padding:10px 0;text-align:center;width:100%}.ff_repeater_table .repeat_btn .ff-el-repeat-buttons-list{display:flex;justify-content:space-between}.ff_repeater_table .repeat_btn .ff-el-repeat-buttons-list span{background-color:#f0f0f0;border-radius:3px;cursor:pointer;padding:5px 10px}}@media only screen and (min-width:641px){.fluentform .ff-el-group.ff_list_3col .ff-el-form-check{display:-moz-inline-stack;display:inline-block;margin:0 0 2px;min-height:28px;padding-right:16px;vertical-align:top;width:33.3%}.fluentform .ff-el-group.ff_list_2col .ff-el-form-check{display:-moz-inline-stack;display:inline-block;margin:0;min-height:28px;padding-right:16px;vertical-align:top;width:50%}.fluentform .ff-el-group.ff_list_4col .ff-el-form-check{display:-moz-inline-stack;display:inline-block;margin:0;min-height:28px;padding-right:16px;vertical-align:top;width:25%}.fluentform .ff-el-group.ff_list_5col .ff-el-form-check{display:-moz-inline-stack;display:inline-block;margin:0;min-height:28px;padding-right:16px;vertical-align:top;width:20%}.fluentform .ff-el-group.ff_list_inline .ff-el-form-check{display:-moz-inline-stack;display:inline-block;float:none!important;margin:0 15px 10px 0;width:auto!important}}@media (max-width:767px){table.ff_flexible_table,table.ff_flexible_table.ff-checkable-grids{border:0}table.ff_flexible_table.ff-checkable-grids tbody tr{padding-top:0!important}table.ff_flexible_table.ff-checkable-grids tbody tr td.ff_grid_header{background-color:#eee!important;margin:0;text-align:center}table.ff_flexible_table.ff-checkable-grids tbody tr td{text-align:left!important}table.ff_flexible_table.ff-checkable-grids tbody tr td:before{content:none!important}table.ff_flexible_table.ff-checkable-grids tbody tr td:after{content:attr(data-label);display:inline-block;letter-spacing:.5pt;padding-left:10px;white-space:nowrap}table.ff_flexible_table.ff-checkable-grids tbody tr:nth-child(2n)>td{background:transparent}table.ff_flexible_table thead{left:-9999px;position:absolute;top:-9999px}table.ff_flexible_table tbody tr{background:#fff;border-bottom:1px solid #ced4da;border-top:1px solid #ced4da;border-color:#ced4da;border-style:solid;border-width:2px 1px 4px;display:block;margin:16px 0 10px;padding-top:12px!important;position:relative}table.ff_flexible_table tbody tr td{display:block;margin-left:8px;margin-right:8px;padding:5px}table.ff_flexible_table tbody tr td:before{clear:both;content:attr(data-label);display:block;font-size:.875em;letter-spacing:.5pt;white-space:nowrap}table.ff_flexible_table tbody tr td.repeat_btn{background-color:#eee;margin-left:0;padding:10px!important;width:100%!important}table.ff_flexible_table tbody tr td.repeat_btn .ff-el-repeat-buttons-list{float:none;width:100%}}@media only screen and (max-width:768px){.lity-container{width:96%}.fluentform .ff-t-container .ff-name-title{width:100%}.ff_repeater_cont_row{background:#fff;border-bottom:1px solid #ced4da;border-top:1px solid #ced4da;border-color:#ced4da;border-style:solid;border-width:2px 1px 4px;display:flex;flex-direction:column;margin:16px 0 10px;padding-top:12px}.ff_repeater_cont_row .ff_repeater_cell{display:block;margin-left:8px;margin-right:8px;padding:5px}.ff_repeater_cont_row .ff-t-cell{flex-basis:100%!important;max-width:100%;width:100%}.ff_repeater_cont_row .ff_repeater_body[role=rowgroup]{display:flex;flex-direction:column}.ff-repeater-container .ff-el-repeat-buttons-list{margin-top:-28px}.ff-el-repeat-buttons-list{margin-top:0}}

/* fluentform-public-default.css */
:root{--fluentform-primary:#1a7efb;--fluentform-secondary:#606266;--fluentform-danger:#f56c6c;--fluentform-border-color:#dadbdd;--fluentform-border-radius:7px;--fluentform-input-select-height:auto}.ff-default .ff_btn_style{border:1px solid transparent;border-radius:7px;cursor:pointer;display:inline-block;font-size:16px;font-weight:500;line-height:1.5;padding:8px 20px;position:relative;text-align:center;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.ff-default .ff_btn_style:focus,.ff-default .ff_btn_style:hover{opacity:.8;outline:0;text-decoration:none}.ff-default .ff-btn-primary:not(.ff_btn_no_style){background-color:#007bff;border-color:#007bff;color:#fff}.ff-default .ff-btn-primary:not(.ff_btn_no_style):focus,.ff-default .ff-btn-primary:not(.ff_btn_no_style):hover{background-color:#0069d9;border-color:#0062cc;color:#fff}.ff-default .ff-btn-secondary:not(.ff_btn_no_style){background-color:#606266;border-color:#606266;color:#fff}.ff-default .ff-btn-secondary:not(.ff_btn_no_style):focus,.ff-default .ff-btn-secondary:not(.ff_btn_no_style):hover{background-color:#727b84;border-color:#6c757d;color:#fff}.ff-default .ff-btn-lg{border-radius:6px;font-size:18px;line-height:1.5;padding:8px 16px}.ff-default .ff-btn-sm{border-radius:3px;font-size:13px;line-height:1.5;padding:4px 8px}.ff-default .ff-el-form-control{background-clip:padding-box;background-image:none;border:1px solid var(--fluentform-border-color);border-radius:var(--fluentform-border-radius);color:var(--fluentform-secondary);font-family:-apple-system,"system-ui",Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;line-height:1;margin-bottom:0;max-width:100%;padding:11px 15px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.ff-default .ff-el-form-control:focus{background-color:#fff;border-color:var(--fluentform-primary);color:var(--fluentform-secondary);outline:none}.ff-default .ff-el-form-check label.ff-el-form-check-label{cursor:pointer;margin-bottom:7px}.ff-default .ff-el-form-check label.ff-el-form-check-label>span:after,.ff-default .ff-el-form-check label.ff-el-form-check-label>span:before{content:none}.ff-default .ff-el-form-check:last-child label.ff-el-form-check-label{margin-bottom:0}.ff-default textarea{min-height:90px}select.ff-el-form-control:not([size]):not([multiple]){height:var(--fluentform-input-select-height,auto)}.elementor-editor-active .ff-form-loading .ff-step-container .fluentform-step:first-child{height:auto}.ff-upload-preview.ff_uploading{opacity:.8}@keyframes ff_move{0%{background-position:0 0}to{background-position:50px 50px}}.ff_uploading .ff-el-progress .ff-el-progress-bar{animation:ff_move 2s linear infinite;background-image:linear-gradient(-45deg,hsla(0,0%,100%,.2) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.2) 0,hsla(0,0%,100%,.2) 75%,transparent 0,transparent);background-size:50px 50px;border-bottom-left-radius:20px;border-bottom-right-radius:8px;border-top-left-radius:20px;border-top-right-radius:8px;bottom:0;content:"";left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:1}.ff_payment_summary{overflow-x:scroll}.pac-container{z-index:99999!important}.ff-support-sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.ff-default{font-family:inherit}.ff-default .ff-el-input--label label{display:inline-block;font-weight:500;line-height:inherit;margin-bottom:0}

/* quote.css */
/* designbox quote form - step 1 service picker.
   Scoped to .db-q-services so it survives the form-id swap from 12 to 3.
   FluentForm adds .ff_list_buttons to the group and its own pill rules are
   more specific than ours, hence the !important on the layout properties. */
.db-q-head{margin:0 0 44px;text-align:center}
.db-q-head .db-q-h{font-family:'Aeonik', 'Aeonik Fallback','Inter',sans-serif;font-size:42px;line-height:1.12;letter-spacing:-0.02em;font-weight:600;color:#161616;margin:0 0 12px}
.db-q-head .db-q-sub{font-size:17px;line-height:1.5;color:#5b5b5b;margin:0 auto;max-width:52ch}/* group label stays in the DOM for screen readers, hidden visually */
.db-q-services > .ff-el-input--label{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.db-q-services{margin-bottom:8px}

.db-q-services .ff_el_checkable_photo_holders{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:20px!important;align-items:stretch}/* the tile */
.db-q-services .ff-el-form-check.ff-el-image-holder{position:relative;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:0!important;padding:24px 22px 22px!important;margin:0!important;width:auto!important;background:#fff;border:1px solid #E4E2DB;border-radius:14px;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,transform .2s ease,box-shadow .2s ease}
.db-q-services .ff-el-form-check.ff-el-image-holder:hover{border-color:#c9c6bc;transform:translateY(-2px);box-shadow:0 8px 24px rgba(22,22,22,.07)}
.db-q-services .ff-el-form-check.ff-el-image-holder.ff_item_selected{border-color:#2056DF;background:#F1F5FF;box-shadow:inset 0 0 0 1px #2056DF;transform:none}/* icon tile */
.db-q-services label.ff-el-image-input-src{width:34px!important;height:34px!important;margin:0 0 16px!important;padding:0!important;background-size:contain!important;background-position:left center!important;background-repeat:no-repeat!important;background-color:transparent!important;border:0!important;border-radius:0!important;flex:none}/* text block: FluentForm renders <label><input><span><span t><span d> */
.db-q-services .ff-el-form-check-label{display:block!important;margin:0!important;padding:0!important;width:100%;background:none!important;border:0!important}
.db-q-services .ff-el-form-check-label > span{display:block!important;width:100%!important;background:none!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;white-space:normal!important;text-align:left!important;line-height:inherit!important}
.db-q-services .db-svc-t{display:block!important;font-family:"Aeonik", 'Aeonik Fallback',"Inter",sans-serif;font-size:19px;font-weight:600;line-height:1.25;color:#161616;margin:0 0 7px}
.db-q-services .db-svc-d{display:block!important;font-size:15px;line-height:1.45;color:#5b5b5b;font-weight:400}/* real checkbox kept focusable: transparent, sat over the tick */
.db-q-services .ff-el-form-check-input.ff-el-form-check-checkbox{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;opacity:0;cursor:pointer;z-index:4!important;-webkit-appearance:none;appearance:none;border:0!important;border-radius:inherit;outline:none}
.db-q-services .ff-el-form-check.ff-el-image-holder::after{content:"";position:absolute;top:20px;right:20px;width:22px;height:22px;border:1px solid #d9d6cc;border-radius:999px;background:#fff no-repeat center;background-size:13px 13px;transition:background-color .2s ease,border-color .2s ease}
.db-q-services .ff-el-form-check.ff_item_selected::after{background-color:#2056DF;border-color:#2056DF;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E")}
body.db-kb .db-q-services .ff-el-form-check.ff-el-image-holder:has(.ff-el-form-check-input:focus-visible){outline:2px solid #2056DF;outline-offset:3px}

@media (max-width:1180px){
.db-q-services .ff_el_checkable_photo_holders{grid-template-columns:repeat(2,1fr)!important}
}
@media (max-width:900px){
.db-q-head{margin-bottom:32px}
.db-q-head .db-q-h{font-size:34px}
.db-q-head .db-q-sub{font-size:16px}
}
@media (max-width:640px){
.db-q-head{margin-bottom:24px;text-align:left}
.db-q-head .db-q-h{font-size:28px}
.db-q-head .db-q-sub{font-size:15px;margin:0}
.db-q-services .ff_el_checkable_photo_holders{grid-template-columns:1fr!important;gap:10px!important}
.db-q-services .ff-el-form-check.ff-el-image-holder{flex-direction:row!important;align-items:center!important;padding:14px 52px 14px 14px!important;border-radius:12px;min-height:64px}
.db-q-services .ff-el-form-check.ff-el-image-holder:hover{transform:none;box-shadow:none}
.db-q-services label.ff-el-image-input-src{width:44px!important;height:44px!important;margin:0 14px 0 0!important;background-size:24px 24px!important;border-radius:10px!important}
.db-q-services .db-svc-t{font-size:16px;margin:0 0 3px}
.db-q-services .db-svc-d{font-size:13.5px;line-height:1.4}
.db-q-services .ff-el-form-check.ff-el-image-holder::after{top:50%;right:16px;margin-top:-11px;width:22px;height:22px}

}/* Button and step nav styling (originally added for the preview form). *//* Button and step nav styling (originally added for the preview form). */
#fluentform_12 .ff-step-container{display:flex;flex-direction:column}#fluentform_12 .ff-el-progress-bar span{display:none}#fluentform_12 .ff-step-progress-wrap{display:flex;flex-direction:row;justify-content:space-between;width:100%;align-items:center}#fluentform_12 .ff-el-progress{width:26%;border-radius:999px;background-color:#ECE6FA}#fluentform_12 .ff-el-progress-bar{background-color:#4F27C7}#fluentform_12 .ff-step-header.ff-step-header--progress{margin-bottom:56px}#fluentform_12 .ff-btn-secondary:not(.ff_btn_no_style){background-color:#2056DF!important;padding:14px 34px;border-radius:999px;font-size:16px;font-weight:600}#fluentform_12 .ff-btn.ff-btn-prev.ff-btn-secondary{padding-left:0;padding-right:0;color:#5b5b5b;background-color:transparent!important}#fluentform_12 label{color:#161616}
@media (max-width:640px){#fluentform_12 .ff-step-header.ff-step-header--progress{margin-bottom:24px}#fluentform_12 .ff-el-progress{width:45%}

}
/* Whole tile is the hit area. FluentForm only wraps the text in the <label>,so the padding,the icon and the empty space were all dead zones. The label
   already carries for="{input id}", so stretching a pseudo element across the
   tile makes every pixel of it toggle the checkbox, with no JS. */
.db-q-services .ff-el-form-check.ff-el-image-holder{position:relative}

.db-q-services .ff-el-form-check-label > span{position:relative;z-index:2;pointer-events:none}
.db-q-services label.ff-el-image-input-src{position:relative;z-index:2;pointer-events:none}
.db-q-services .ff-el-form-check.ff-el-image-holder::after{pointer-events:none;z-index:3}/* Clicking a label focuses the checkbox, and Chrome counts that as
   :focus-visible, so mouse users were getting a keyboard focus ring on top
   of the selected border. The ring is now gated behind body.db-kb, which the
   script in db-quote.php only sets while the user is tabbing. */
.db-q-services .ff-el-form-check.ff-el-image-holder{-webkit-user-select:none;user-select:none}/* Belt and braces on text selection: the tile behaves as a control, not prose. */
.db-q-services .ff_el_checkable_photo_holders,.db-q-services .ff_el_checkable_photo_holders *{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}
.db-q-services .ff_el_checkable_photo_holders ::selection{background:transparent}
.db-q-services .ff_el_checkable_photo_holders ::-moz-selection{background:transparent}/* The hit area is the checkbox itself, stretched across the tile, rather than
   an overlay on the <label>. Chrome selects a label's text when a label tied
   to a checkbox is clicked twice, which is exactly what toggling a tile does.
   Clicking an input has no such behaviour, so the selection problem goes away
   at source instead of being cleaned up afterwards. */
.db-q-services .ff-el-form-check-label,.db-q-services label.ff-el-image-input-src{pointer-events:none}/* the input lives inside that label, so it has to opt back in */
.db-q-services .ff-el-form-check-input.ff-el-form-check-checkbox{pointer-events:auto!important}
/* FluentForm ships .fluentform .ff-el-group.ff_list_buttons .ff-el-form-check
   input{position:absolute;z-index:-1}/* Design pass: descriptions dropped from all but AI, where the service is the
   one people cannot infer from the name. Title carries the tile on its own. */
which is more specific than our rule
   above,so the checkbox was sitting behind the tile and never receiving a
   click. Hence the !important on z-index. */


.db-q-services .db-svc-t{margin:0}
.db-q-services .db-svc-d{margin-top:7px}/* mobile: plain icon inline with the title */
@media (max-width:640px){
.db-q-services label.ff-el-image-input-src{width:26px!important;height:26px!important;margin:0 12px 0 0!important}
.db-q-services .ff-el-form-check.ff-el-image-holder{padding:15px 50px 15px 16px!important;min-height:58px}
}/* The step nav floats its two buttons,so the wrapper collapses to zero height
   and the button sat tight against the tiles. flow-root contains the floats so
   the margin actually does something. *//* Step nav: FluentForm floats both buttons,which left Back stranded above a
   full-width Next on mobile. One flex row instead,Back as quiet text on the
   left,Next pushed right. On step 1 there is no Back,so margin-left:auto
   keeps Next on the right rather than jumping left. */
#fluentform_12 .step-nav{display:flex;align-items:center;gap:16px;margin-top:44px}#fluentform_12 .step-nav button{float:none!important}#fluentform_12 .ff-btn-next,#fluentform_12 .ff-btn-submit{margin-left:auto}#fluentform_12 .ff-btn.ff-btn-prev.ff-btn-secondary{padding:14px 4px;color:#5b5b5b;font-size:16px;font-weight:500;background:transparent!important;border-radius:0}#fluentform_12 .ff-btn.ff-btn-prev.ff-btn-secondary:hover{color:#161616}
@media (max-width:640px){#fluentform_12 .step-nav{margin-top:28px;gap:12px}#fluentform_12 .ff-btn-next,#fluentform_12 .ff-btn-submit{flex:1 1 auto;padding:15px 20px}#fluentform_12 .ff-btn.ff-btn-prev.ff-btn-secondary{flex:0 0 auto;padding:14px 2px}
}/* Step headings left aligned throughout, and sized down from the old 44px. */
.db-q-head{text-align:left}
.db-q-head .db-q-h{font-size:34px;margin:0 0 8px}
.db-q-head .db-q-sub{margin:0;max-width:none;white-space:nowrap}
@media (max-width:900px){
.db-q-head .db-q-h{font-size:28px}
.db-q-head .db-q-sub{font-size:15px;white-space:normal}
}
@media (max-width:640px){
.db-q-head .db-q-h{font-size:24px}
.db-q-head .db-q-sub{font-size:14.5px}
}/* Website type picker: same tile language as step 1, with a price line. */
.db-q-webtype > .ff-el-input--label{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.db-q-webtype .ff-el-input--content{display:grid!important;grid-template-columns:repeat(3,1fr);gap:16px}
.db-q-webtype .ff-el-form-check{position:relative;margin:0!important;padding:24px 22px 22px!important;background:#fff;border:1px solid #E4E2DB;border-radius:14px;cursor:pointer;transition:border-color .2s ease,background-color .2s ease}
.db-q-webtype .ff-el-form-check:hover{border-color:#c9c6bc}
.db-q-webtype .ff-el-form-check.ff_item_selected{border-color:#2056DF;background:#F1F5FF;box-shadow:inset 0 0 0 1px #2056DF}
.db-q-webtype .ff-el-form-check-label{display:block!important;margin:0!important;padding:0!important;pointer-events:none}
.db-q-webtype .ff-el-form-check-label > span{display:block;background:none!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;white-space:normal!important}
.db-q-webtype .db-svc-t{display:block;font-family:"Aeonik", 'Aeonik Fallback',"Inter",sans-serif;font-size:18px;font-weight:600;line-height:1.25;color:#161616;padding-right:34px}
.db-q-webtype .db-svc-p{display:block;font-size:15px;font-weight:500;color:#2056DF;margin-top:5px}
.db-q-webtype .db-svc-d{display:block;font-size:14.5px;line-height:1.45;color:#5b5b5b;margin-top:10px}
.db-q-webtype .ff-el-form-check-input.ff-el-form-check-radio{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;margin:0!important;opacity:0;cursor:pointer;z-index:4!important;pointer-events:auto!important;display:block!important;-webkit-appearance:none;appearance:none}
.db-q-webtype .ff-el-form-check::after{content:"";position:absolute;top:22px;right:20px;width:22px;height:22px;border:1px solid #d9d6cc;border-radius:999px;background:#fff no-repeat center;background-size:13px 13px;pointer-events:none;transition:background-color .2s ease,border-color .2s ease}
.db-q-webtype .ff-el-form-check.ff_item_selected::after{background-color:#2056DF;border-color:#2056DF;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E")}
.db-q-webtype .ff-el-form-check,.db-q-webtype .ff-el-form-check *{-webkit-user-select:none;user-select:none}
body.db-kb .db-q-webtype .ff-el-form-check:has(.ff-el-form-check-input:focus-visible){outline:2px solid #2056DF;outline-offset:3px}
@media (max-width:900px){
.db-q-webtype .ff-el-input--content{grid-template-columns:1fr;gap:10px}
.db-q-webtype .ff-el-form-check{padding:16px 50px 16px 16px!important;border-radius:12px}
.db-q-webtype .ff-el-form-check::after{top:50%;margin-top:-11px;right:16px}
.db-q-webtype .db-svc-t{font-size:16px;padding-right:0}
.db-q-webtype .db-svc-d{font-size:13.5px;margin-top:7px}
}/* ---- Requirements steps ---- *//* Question labels were 20px,which pushed short questions onto two lines. */
#fluentform_12 .db-q-choice > .ff-el-input--label label,#fluentform_12 .db-q-field > .ff-el-input--label label{font-size:16px!important;font-weight:600;color:#161616;line-height:1.35}#fluentform_12 .db-q-choice > .ff-el-input--label{margin-bottom:10px}#fluentform_12 .db-q-choice > .ff-el-input--label label img{width:18px;height:18px;margin-right:7px!important;vertical-align:-3px}/* Choice chips: smaller so a row of page counts fits two lines,not four. */
#fluentform_12 .db-q-choice .ff-el-input--content{display:flex;flex-wrap:wrap;gap:8px}#fluentform_12 .db-q-choice .ff-el-form-check{margin:0!important}#fluentform_12 .db-q-choice .ff-el-form-check label>span{font-size:14.5px!important;padding:9px 14px!important;border:1px solid #E4E2DB!important;border-radius:999px!important;color:#161616!important;background:#fff!important;box-shadow:none!important;display:inline-block;line-height:1.3;white-space:nowrap}#fluentform_12 .db-q-choice .ff-el-form-check.ff_item_selected label>span{background-color:#2056DF!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:13px center!important;background-size:14px 14px!important;border-color:#2056DF!important;color:#fff!important;padding-left:34px!important}/* Selects and inputs: make a dropdown look like a dropdown. *//* Selects and inputs: make a dropdown look like a dropdown. */
#fluentform_12 .db-q-field{margin-top:8px}#fluentform_12 .db-q-field select.ff-el-form-control{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23161616' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:18px 18px;padding:13px 44px 13px 15px;border:1px solid #E4E2DB;border-radius:10px;font-size:15px;color:#161616;width:100%}#fluentform_12 .db-q-field input.ff-el-form-control{background:#fff;border:1px solid #E4E2DB;border-radius:10px;padding:13px 15px;font-size:15px;color:#161616}#fluentform_12 .db-q-field select.ff-el-form-control:focus,#fluentform_12 .db-q-field input.ff-el-form-control:focus{border-color:#2056DF;outline:none;box-shadow:inset 0 0 0 1px #2056DF}

@media (max-width:640px){#fluentform_12 .db-q-choice > .ff-el-input--label label,#fluentform_12 .db-q-field > .ff-el-input--label label{font-size:15px!important}#fluentform_12 .db-q-choice .ff-el-form-check label>span{font-size:14px!important;padding:8px 13px!important}#fluentform_12 .db-q-field select.ff-el-form-control,#fluentform_12 .db-q-field input.ff-el-form-control{font-size:16px}
}/* ---- Progress ---- *//* Step counts are misleading when branches change how many steps apply,so the
   readout is dropped and the bar carries it on its own. */
#fluentform_12 .ff-step-progress-wrap{display:block}#fluentform_12 .ff-el-progress{width:100%!important;height:8px;border-radius:999px;background-color:#ECE6FA;overflow:hidden}#fluentform_12 .ff-el-progress-bar{height:100%;border-radius:999px;background:linear-gradient(90deg,#2056DF,#4F27C7,#9F86FF,#4F27C7,#2056DF);background-size:300% 100%;animation:dbProgressDrift 7s linear infinite;transition:width .45s cubic-bezier(.2,.7,.2,1)}
@keyframes dbProgressDrift{0%{background-position:0% 50%}100%{background-position:300% 50%}}
@media (prefers-reduced-motion:reduce){#fluentform_12 .ff-el-progress-bar{animation:none;background:linear-gradient(90deg,#2056DF,#4F27C7)}
}#fluentform_12 .ff-step-header.ff-step-header--progress{margin-bottom:44px}
@media (max-width:640px){#fluentform_12 .ff-step-header.ff-step-header--progress{margin-bottom:26px}

}/* URL field: no spaces,and keep mobile keyboards out of autocapitalise. */
#fluentform_12 .db-q-url input.ff-el-form-control{text-transform:lowercase}/* Budget note sits under the dropdown,quiet. */
#fluentform_12 .db-q-headnote{margin-top:10px}#fluentform_12 .db-q-note{font-size:14px;line-height:1.45;color:#5b5b5b;margin:0}#fluentform_12 .db-q-choice{margin-bottom:18px}/* Textareas share the field styling so placeholders and borders match. *//* Textareas share the field styling so placeholders and borders match. */
#fluentform_12 .db-q-textarea textarea.ff-el-form-control{background:#fff;border:1px solid #E4E2DB;border-radius:10px;padding:13px 15px;font-size:15px;line-height:1.5;color:#161616;min-height:92px}#fluentform_12 .db-q-textarea textarea.ff-el-form-control:focus{border-color:#2056DF;outline:none;box-shadow:inset 0 0 0 1px #2056DF}#fluentform_12 .db-q-field textarea.ff-el-form-control::placeholder,#fluentform_12 .db-q-field input.ff-el-form-control::placeholder{color:#9a9a94;font-size:14.5px}
@media (max-width:640px){#fluentform_12 .db-q-field textarea.ff-el-form-control::placeholder,#fluentform_12 .db-q-field input.ff-el-form-control::placeholder{font-size:14px}#fluentform_12 .db-q-textarea textarea.ff-el-form-control{min-height:84px;font-size:16px}
}/* Brief upload + exact budget figure *//* Brief upload + exact budget figure */
#fluentform_12 .db-q-upload .ff-el-input--content{margin-top:2px}#fluentform_12 .ff_upload_btn.ff-btn{background:#fff!important;border:1px dashed #c9c6bc!important;border-radius:12px!important;color:#161616!important;padding:22px 18px!important;width:100%;font-size:15px;font-weight:500;transition:border-color .2s ease,background-color .2s ease}#fluentform_12 .ff_upload_btn.ff-btn:hover{border-color:#2056DF!important;background:#F8FAFF!important}#fluentform_12 .db-q-upload .ff-el-help-message{font-size:13.5px;color:#5b5b5b;margin-top:8px}#fluentform_12 .ff-uploaded-list .ff-upload-preview{border:1px solid #E4E2DB;border-radius:10px;background:#fff}#fluentform_12 .db-q-budget{margin-top:14px}#fluentform_12 .db-q-budget input.ff-el-form-control{background:#fff;border:1px solid #E4E2DB;border-radius:10px;padding:13px 15px;font-size:15px;color:#161616;max-width:260px}
@media (max-width:640px){#fluentform_12 .ff_upload_btn.ff-btn{padding:18px 14px!important;font-size:14.5px}#fluentform_12 .db-q-budget input.ff-el-form-control{max-width:none;font-size:16px}
}/* Chip groups: hide the native control and let the chip itself be the target.
   Same pattern as the service tiles,so the label never receives the click and
   Chrome cannot select its text. */
#fluentform_12 .db-q-choice .ff-el-form-check{position:relative}#fluentform_12 .db-q-choice .ff-el-form-check-input{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;opacity:0;cursor:pointer;z-index:4!important;pointer-events:auto!important;-webkit-appearance:none;appearance:none;border:0!important}#fluentform_12 .db-q-choice .ff-el-form-check-label{margin:0!important;padding:0!important;pointer-events:none}#fluentform_12 .db-q-choice .ff-el-form-check,#fluentform_12 .db-q-choice .ff-el-form-check *{-webkit-user-select:none;user-select:none}#fluentform_12 .db-q-choice .ff-el-form-check label>span{transition:background-color .18s ease,border-color .18s ease,color .18s ease,padding .18s ease}body.db-kb #fluentform_12 .db-q-choice .ff-el-form-check:has(.ff-el-form-check-input:focus-visible) label>span{outline:2px solid #2056DF;outline-offset:3px}/* Tighten the gap above field labels on the brief and budget step. *//* Tighten the gap above field labels on the brief and budget step. */
#fluentform_12 .db-q-field > .ff-el-input--label{margin-bottom:6px}#fluentform_12 .db-q-upload{margin-top:4px}#fluentform_12 .ff-el-group{margin-bottom:16px}/* Chips were wrapping one per line on a phone. Smaller text, tighter padding
   and a shorter tick gap so two sit side by side. */
@media (max-width:640px){#fluentform_12 .db-q-choice .ff-el-input--content{gap:7px}#fluentform_12 .db-q-choice .ff-el-form-check label>span{font-size:13.5px!important;padding:8px 12px!important;white-space:normal!important}#fluentform_12 .db-q-choice .ff-el-form-check.ff_item_selected label>span{padding-left:29px!important;background-position:11px center!important;background-size:13px 13px!important}#fluentform_12 .db-q-choice{margin-bottom:22px}
}/* The e-commerce heading sits inside a container that still carries the old
   padding rules,which left a large gap before the first question. */
#fluentform_12 .form-solo-heading-container{padding:0!important;margin:0!important}#fluentform_12 .form-solo-heading-container .ff-t-cell,#fluentform_12 .form-solo-heading-container .ff-t-column-2{padding:0!important;margin:0!important}#fluentform_12 .form-solo-heading-container .db-q-head{margin-bottom:0!important}#fluentform_12 .db-q-head{margin-bottom:28px}
@media (max-width:640px){#fluentform_12 .db-q-head{margin-bottom:20px}
}/* Branding tiles reuse the website-type layout, but there are only two of them,
   so two across rather than three. */
@media (min-width:901px){#fluentform_12 .db-q-webtype .ff-el-input--content{grid-template-columns:repeat(3,1fr)}}
@media (min-width:901px){#fluentform_12 .db-q-webtype .ff-el-input--content:has(> .ff-el-form-check:nth-child(2):last-child){grid-template-columns:repeat(2,1fr)}}/* the old branding container still carries legacy padding *//* the old branding container still carries legacy padding */
#fluentform_12 .branding-requirements-header{padding:0!important;margin:0!important}#fluentform_12 .branding-requirements-container{padding:0!important}/* The branding container still carries .form-checkboxes-container-styling from
   the Customizer,which puts a bordered 18px box around every label span. Our
   tiles supply their own card,so strip it with an ID-level override. */
#fluentform_12 .db-q-webtype .ff-el-form-check-label > span{border:0!important;border-radius:0!important;padding:0!important;font-size:inherit!important;background:none!important;box-shadow:none!important;color:inherit!important}#fluentform_12 .db-q-webtype .ff-el-input--content{display:grid!important;gap:16px}
@media (max-width:900px){#fluentform_12 .db-q-webtype .ff-el-input--content{grid-template-columns:1fr!important;gap:10px}
}/* The branding step sits inside containers carrying .branding-form-options and
   .form-checkboxes-container-styling,both of which put bordered boxes on any
   descendant span. Reset every span first,then restyle the chip itself. */
#fluentform_12 .db-q-choice .ff-el-form-check{border:0!important;padding:0!important;background:none!important;width:auto!important}#fluentform_12 .db-q-choice .ff-el-form-check-label span{border:0!important;border-radius:0!important;padding:0!important;background:none!important;box-shadow:none!important;width:auto!important}#fluentform_12 .db-q-choice .ff-el-form-check-label > span{display:inline-block!important;border:1px solid #E4E2DB!important;border-radius:999px!important;padding:9px 14px!important;font-size:14.5px!important;color:#161616!important;background:#fff!important;line-height:1.3}#fluentform_12 .db-q-choice .ff-el-form-check.ff_item_selected .ff-el-form-check-label > span{background-color:#2056DF!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:13px center!important;background-size:14px 14px!important;border-color:#2056DF!important;color:#fff!important;padding-left:34px!important}/* Tiles read left aligned like the rest of the form. *//* Tiles read left aligned like the rest of the form. */
#fluentform_12 .db-q-webtype .ff-el-form-check-label > span,#fluentform_12 .db-q-webtype .db-svc-t,#fluentform_12 .db-q-webtype .db-svc-p,#fluentform_12 .db-q-webtype .db-svc-d{text-align:left!important;display:block!important;width:auto!important}#fluentform_12 .db-q-webtype .ff-el-form-check{width:auto!important}/* AI brand skills: one full-width tile,so the label stays visible rather than
   being hidden the way the multi-option pickers do. */
#fluentform_12 .db-q-aiskills{margin-top:22px}#fluentform_12 .db-q-aiskills > .ff-el-input--label{position:static!important;width:auto;height:auto;clip:auto;margin:0 0 10px;white-space:normal}#fluentform_12 .db-q-aiskills > .ff-el-input--label label{font-size:16px!important;font-weight:600;color:#161616}#fluentform_12 .db-q-aiskills .ff-el-input--content{grid-template-columns:1fr!important}#fluentform_12 .db-q-aiskills .db-svc-d{max-width:60ch}/* Branding step: breathing room under the sub-line,and the tick moves to the
   top right on mobile so the description can use the full width instead of
   wrapping around a vertically centred circle. */
#fluentform_12 .db-q-head + .ff-el-group{margin-top:4px}
@media (max-width:900px){#fluentform_12 .db-q-head{margin-bottom:26px!important}#fluentform_12 .db-q-webtype .ff-el-form-check{padding:18px 16px 18px 16px!important}#fluentform_12 .db-q-webtype .ff-el-form-check::after{top:18px!important;right:16px!important;margin-top:0!important}#fluentform_12 .db-q-webtype .db-svc-t{padding-right:38px!important}#fluentform_12 .db-q-webtype .db-svc-p{padding-right:38px!important}#fluentform_12 .db-q-webtype .db-svc-d{padding-right:0!important;margin-top:8px}
}/* The tile styling only hid radio inputs,so the AI brand skills tile,which is
   a checkbox,still drew a native square. Cover both input types. */
#fluentform_12 .db-q-webtype .ff-el-form-check-input,#fluentform_12 .db-q-webtype input[type="checkbox"],#fluentform_12 .db-q-webtype input[type="radio"]{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;opacity:0!important;cursor:pointer;z-index:4!important;pointer-events:auto!important;-webkit-appearance:none!important;appearance:none!important;border:0!important;background:none!important;display:block!important}/* The AI step now uses the same chips as the rest of the form. The last option
   is the escape hatch for people who do not know what they want yet,so it is
   set apart rather than sitting in the list like an equal choice. */
#fluentform_12 .db-q-ai .ff-el-form-check:last-child{width:100%;margin-top:4px}#fluentform_12 .db-q-ai .ff-el-form-check:last-child .ff-el-form-check-label > span{border-style:dashed!important;color:#5b5b5b!important}#fluentform_12 .db-q-ai .ff-el-form-check:last-child.ff_item_selected .ff-el-form-check-label > span{border-style:solid!important;color:#fff!important}/* The heading above already asks the question,so the group label is hidden
   visually but stays in the DOM to name the group for screen readers. */
#fluentform_12 .db-q-ai > .ff-el-input--label{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}/* Tighter chips on the AI step so two fit per row reliably. */
@media (max-width:640px){#fluentform_12 .db-q-ai .ff-el-input--content{gap:6px}#fluentform_12 .db-q-ai .ff-el-form-check-label > span{font-size:13px!important;padding:8px 11px!important}#fluentform_12 .db-q-ai .ff-el-form-check.ff_item_selected .ff-el-form-check-label > span{padding-left:27px!important;background-position:10px center!important}
}/* ---- Final step ---- *//* Two columns collapse to one on mobile,and the name field inherits the same
   control styling as the rest rather than FluentForm defaults. */
#fluentform_12 .ff-el-input--label label{font-size:16px;font-weight:600;color:#161616}#fluentform_12 .ff-el-form-control{background:#fff;border:1px solid #E4E2DB;border-radius:10px;padding:13px 15px;font-size:15px;color:#161616;width:100%}#fluentform_12 .ff-el-form-control:focus{border-color:#2056DF;outline:none;box-shadow:inset 0 0 0 1px #2056DF}#fluentform_12 .ff-el-form-control::placeholder{color:#9a9a94}#fluentform_12 .ff-el-tc{border:1px solid #E4E2DB;border-radius:12px;padding:14px 16px;background:#fff;font-size:14px;line-height:1.5;color:#5b5b5b}#fluentform_12 .ff-el-tc a{color:#2056DF;text-decoration:underline}
@media (max-width:767px){#fluentform_12 .ff-t-cell{display:block;width:100%!important;padding-left:0!important;padding-right:0!important}#fluentform_12 .ff-el-form-control{font-size:16px;padding:14px 15px}
}/* Final step: tighter,and the terms line is a line,not a panel. */
#fluentform_12 .db-q-terms .ff-el-tc,#fluentform_12 .ff-el-tc{border:0!important;background:none!important;padding:0!important;border-radius:0!important;font-size:13.5px;line-height:1.5;color:#5b5b5b}#fluentform_12 .db-q-terms{margin-top:4px;margin-bottom:10px}#fluentform_12 .db-q-terms .ff-el-form-check-label{display:flex;gap:10px;align-items:flex-start}#fluentform_12 .db-q-terms input[type="checkbox"]{flex:none;width:18px!important;height:18px!important;margin:1px 0 0!important;accent-color:#2056DF}#fluentform_12 .ff-el-group{margin-bottom:14px}/* The submit button is .ff-btn-submit,not .ff-btn-secondary,so it was missing
   the pill radius the step buttons have. */
#fluentform_12 .ff-btn-submit,#fluentform_12 button[type="submit"]{background-color:#2056DF!important;color:#fff!important;border:0!important;border-radius:999px!important;padding:15px 34px!important;font-size:16px;font-weight:600;transition:background-color .2s ease}#fluentform_12 .ff-btn-submit:hover,#fluentform_12 button[type="submit"]:hover{background-color:#1A48BD!important}
@media (max-width:640px){#fluentform_12 .ff-btn-submit,#fluentform_12 button[type="submit"]{width:100%;padding:15px 20px!important}#fluentform_12 .ff-el-group{margin-bottom:12px}
}/* Final step buttons: FluentForm puts Back and Submit in two table cells,which
   our mobile rule was stacking. Flex them onto one row like the other steps. */
#fluentform_12 .ff-inner_submit_container{display:flex!important;align-items:center;gap:16px;margin-top:20px}#fluentform_12 .ff-inner_submit_container .ff-t-cell{display:block!important;width:auto!important;padding:0!important;margin:0!important}#fluentform_12 .ff-inner_submit_container .ff-t-column-2{margin-left:auto}#fluentform_12 .ff-inner_submit_container .step-nav{margin-top:0!important;display:block}#fluentform_12 .ff-inner_submit_container .ff_submit_btn_wrapper{margin-bottom:0}
@media (max-width:640px){#fluentform_12 .ff-inner_submit_container{gap:12px;margin-top:16px}#fluentform_12 .ff-inner_submit_container .ff-t-column-2{flex:1 1 auto}#fluentform_12 .ff-btn-submit,#fluentform_12 button[type="submit"]{width:100%}
}/* Final tightening: less air under the sub-line and between label and input. *//* Final tightening: less air under the sub-line and between label and input. */
#fluentform_12 .db-q-head{margin-bottom:16px!important}#fluentform_12 .db-q-head + .ff-el-group{margin-top:0}#fluentform_12 .ff-el-input--label{margin-bottom:4px}#fluentform_12 .ff-el-group{margin-bottom:12px}
@media (max-width:640px){#fluentform_12 .db-q-head{margin-bottom:13px!important}#fluentform_12 .ff-el-input--label{margin-bottom:3px}#fluentform_12 .ff-el-group{margin-bottom:10px}
}/* Thank you page styles moved to quote-thanks.css on 29 Sep 2026: this file
   depends on the FluentForm handles, which do not exist on a page with no form. */
/* ---------------------------------------------------------------
   Tighter vertical rhythm on desktop and laptop. The steps after the
   first were running past the fold, so the Next button sat off screen.
   --------------------------------------------------------------- */
@media (min-width:641px){#fluentform_12 .ff-step-header.ff-step-header--progress{margin-bottom:26px}#fluentform_12 .db-q-head{margin-bottom:20px}#fluentform_12 .ff-el-group{margin-bottom:12px}#fluentform_12 .db-q-choice{margin-bottom:16px}#fluentform_12 .step-nav{margin-top:28px}
  .db-q-services .ff_el_checkable_photo_holders{gap:14px!important}
  .db-q-services .ff-el-form-check.ff-el-image-holder{padding:18px 18px 16px!important}
  .db-q-webtype .ff-el-input--content{gap:12px}
  .db-q-webtype .ff-el-form-check{padding:18px 18px 16px!important}
}/* Short laptop screens need a little more taken out again. */
@media (min-width:641px) and (max-height:880px){#fluentform_12 .ff-step-header.ff-step-header--progress{margin-bottom:18px}#fluentform_12 .db-q-head{margin-bottom:14px}#fluentform_12 .ff-el-group{margin-bottom:10px}#fluentform_12 .db-q-choice{margin-bottom:12px}#fluentform_12 .step-nav{margin-top:22px}
  .db-q-services .ff-el-form-check.ff-el-image-holder{padding:15px 16px 14px!important}
  .db-q-webtype .ff-el-form-check{padding:15px 16px 14px!important}
}/* ---------------------------------------------------------------
   Title and progress share one row on desktop. The h1 is moved into
   the step header by db-quote.php so the two line up properly.
   --------------------------------------------------------------- */
@media (min-width:901px){#fluentform_12 .ff-step-progress-wrap{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:40px;width:100%}#fluentform_12 .ff-el-progress{flex:0 1 420px;width:auto;height:auto;padding:4px;background:#ECE6FA;border:1px solid #E4E2DB;border-radius:999px;overflow:hidden}#fluentform_12 .ff-el-progress-bar{height:8px;border-radius:999px}
}/* ---------------------------------------------------------------
   Consent row: the checkbox and the sentence were not on the same
   baseline. Line them up,and make the whole row a comfortable target.
   --------------------------------------------------------------- */
#fluentform_12 .db-q-terms .ff-el-form-check.ff-el-tc{margin:0}#fluentform_12 .db-q-terms .ff_tc_label{display:flex!important;align-items:flex-start;gap:12px;margin:0;cursor:pointer}#fluentform_12 .db-q-terms .ff_tc_checkbox{flex:0 0 auto;display:flex;align-items:center;height:22px}#fluentform_12 .db-q-terms .ff_tc_checkbox input[type=checkbox]{width:18px;height:18px;margin:0;accent-color:#2056DF;cursor:pointer}#fluentform_12 .db-q-terms .ff_t_c{flex:1 1 auto;min-width:0}#fluentform_12 .db-q-terms .ff_t_c p{margin:0;font-size:15px;line-height:22px;color:#161616}#fluentform_12 .db-q-terms .ff_t_c a{color:#2056DF;text-decoration:none;border-bottom:1px solid rgba(32,86,223,.35)}#fluentform_12 .db-q-terms .ff_t_c a:hover{border-bottom-color:#2056DF}/* Keep the final step's fields to a sensible measure rather than letting
   them stretch the full width of a wide card. */
@media (min-width:901px){#fluentform_12 .db-q-terms{margin-top:6px}
}
@media (min-width:901px){#fluentform_12 .ff-el-progress{flex:0 1 360px}
}/* Back reads as a link rather than body text,without competing with Next. */
#fluentform_12 .ff-btn.ff-btn-prev.ff-btn-secondary{
  text-decoration:none;
  border-bottom:1px solid rgba(91,91,91,.45);
  border-radius:0;
  line-height:1.2;
  padding-bottom:2px!important;
  transition:color .2s ease,border-color .2s ease;
}#fluentform_12 .ff-btn.ff-btn-prev.ff-btn-secondary:hover{color:#161616;border-bottom-color:#161616}/* Step counter is accurate now,so show it,quietly,on the right of the bar. */
#fluentform_12 .ff-step-progress-wrap{display:block}/* FluentForm gives each step heading tabindex=-1 and focuses it on step change,which drew a browser focus ring around the heading block. Keep the focus for
   screen readers,drop the visible box. */
#fluentform_12 .ff-el-group[tabindex="-1"]:focus,#fluentform_12 .ff-el-group[tabindex="-1"]:focus-visible{outline:none!important;box-shadow:none!important}/* Back was picking up link underlines on desktop. *//* Back was picking up link underlines on desktop. */
#fluentform_12 .ff-btn-prev,#fluentform_12 .ff-btn-prev:hover{text-decoration:none!important;border-bottom:0!important}/* FluentForm also writes the step text into the span inside the progress bar,which produced a second Step X of Y sitting above the bar. One counter only. *//* No step numbers. FluentForm owns the numbering and will always count steps
   that do not apply,so the bar carries progress on its own. *//* Desktop: the progress bar sits on the same line as the page title,which is a
   Bricks heading outside the form,so the step header is pulled up alongside it. *//* Breathing room above the step buttons on every step. *//* Breathing room above the step buttons on every step. */
#fluentform_12 .ff-el-progress-status,#fluentform_12 .step-nav{margin-top:36px!important}
@media (max-width:640px){#fluentform_12 .step-nav{margin-top:24px!important}
}/* ---- Header row: title left,progress right,one line ---- */
#fluentform_12 .db-q-header{display:flex!important;align-items:center;justify-content:space-between;gap:40px;width:100%!important;margin:0 0 40px!important;padding:0!important}#fluentform_12 .db-q-header > #brxe-rqh1a1,#fluentform_12 .db-q-header > #brxe-qv2hdg{margin:0!important;flex:none}#fluentform_12 .db-q-header .ff-step-progress-wrap{flex:0 0 44%;display:block}#fluentform_12 .ff-el-progress{width:100%!important;height:6px!important;border-radius:999px;background:#ECE6FA;overflow:hidden}

@media (max-width:767px){#fluentform_12 .db-q-header{flex-direction:column;align-items:stretch;gap:14px;margin-bottom:26px!important}#fluentform_12 .db-q-header .ff-step-progress-wrap{flex:1 1 auto}
}/* FluentForm sizes the track for a text label (1.3rem tall,1.2rem line-height),which left the fill sitting low and clipped once the label was removed. Pin the
   fill to the track edges so both are exactly 6px with nothing to misalign. */
#fluentform_12 .ff-el-progress{position:relative!important;height:6px!important;line-height:0!important;font-size:0!important;padding:0!important;margin:0!important;border-radius:999px!important;overflow:hidden!important}#fluentform_12 .ff-el-progress-bar{position:absolute!important;top:0!important;left:0!important;bottom:0!important;height:auto!important;line-height:0!important;margin:0!important;padding:0!important;border-radius:999px!important;text-align:left!important}/* Bar back to 8px,which is what it was before the counter saga. 6px on mobile. *//* Progress bar: 16px desktop,12px mobile. Final. *//* Progress bar: 13px desktop,10px mobile. *//* Progress bar: counter hidden,bar sized. Single source of truth. */
#fluentform_12 .ff-el-progress-status,#fluentform_12 .ff-el-progress-title,#fluentform_12 .ff-el-progress-bar span{display:none!important}#fluentform_12 .ff-el-progress{height:13px!important}
@media (max-width:767px){#fluentform_12 .ff-el-progress{height:10px!important}
}

/* audit-form.css */
/* designbox audit-template form styling.
   Scoped to #fluentform_13 (website audit) and #fluentform_14 (AI assessment).
   Keep BOTH ids on every selector.
   Do NOT run a regex over this file that splits selectors on commas: comment
   text and media queries contain commas and the word 'and', and both get
   mangled. Edit by hand. 20 Sept 2026. */

.wa-formcard{background:#fff;border-radius:20px;padding:clamp(22px,3vw,44px);box-shadow:0 30px 80px rgba(0,0,0,.34);width:100%}
#dbsc-book .wa-formcard h2,.wa-modal .wa-formcard h2{color:#161616}
.wa-formcard .db-q-head{margin:0 0 30px;text-align:left}
.wa-formcard .db-q-head .db-q-h{font-family:'Aeonik', 'Aeonik Fallback','Inter',sans-serif;font-size:clamp(24px,2.4vw,32px);line-height:1.15;letter-spacing:-.02em;font-weight:600;color:#161616;margin:0 0 8px}
.wa-formcard .db-q-head .db-q-sub{font-size:15.5px;line-height:1.6;color:#5b5b5b;margin:0;max-width:56ch}
#fluentform_13 .ff-el-group,#fluentform_14 .ff-el-group{margin-bottom:20px}
#fluentform_13 .ff-el-input--label label,#fluentform_14 .ff-el-input--label label{font-size:13.5px;font-weight:600;color:#161616;margin-bottom:8px}
#fluentform_13 .ff-el-input--label.asterisk-right label:after,#fluentform_14 .ff-el-input--label.asterisk-right label:after{color:#B5391F}
#fluentform_13 input[type=text],#fluentform_14 input[type=text],#fluentform_13 input[type=email],#fluentform_14 input[type=email],#fluentform_13 input[type=url],#fluentform_14 input[type=url],#fluentform_13 input[type=tel],#fluentform_14 input[type=tel],#fluentform_13 input[type=number],#fluentform_14 input[type=number],#fluentform_13 textarea,#fluentform_14 textarea,#fluentform_13 select,#fluentform_14 select{width:100%;border:1px solid #E4E2DB;border-radius:12px;padding:14px 16px;font-family:inherit;font-size:15.5px;color:#161616;background:#fff;box-shadow:none;transition:border-color .2s ease,box-shadow .2s ease;height:auto}
#fluentform_13 textarea,#fluentform_14 textarea{min-height:110px;resize:vertical}
#fluentform_13 input::placeholder,#fluentform_14 input::placeholder,#fluentform_13 textarea::placeholder,#fluentform_14 textarea::placeholder{color:#a8a8a8}
#fluentform_13 input:focus,#fluentform_14 input:focus,#fluentform_13 textarea:focus,#fluentform_14 textarea:focus,#fluentform_13 select:focus,#fluentform_14 select:focus{border-color:#2056DF;box-shadow:0 0 0 4px rgba(32,86,223,.13);outline:none}
#fluentform_13 .db-q-choice > .ff-el-input--label,#fluentform_14 .db-q-choice > .ff-el-input--label{margin-bottom:10px}
#fluentform_13 .db-q-choice .ff-el-input--content,#fluentform_14 .db-q-choice .ff-el-input--content{display:flex;flex-wrap:wrap;gap:9px}
#fluentform_13 .db-q-choice .ff-el-form-check,#fluentform_14 .db-q-choice .ff-el-form-check{position:relative;margin:0 !important;border:0 !important;padding:0 !important;background:none !important;width:auto !important}
#fluentform_13 .db-q-choice .ff-el-form-check-input,#fluentform_14 .db-q-choice .ff-el-form-check-input{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;margin:0 !important;padding:0 !important;opacity:0;cursor:pointer;z-index:4 !important;pointer-events:auto !important;-webkit-appearance:none;appearance:none;border:0 !important}
#fluentform_13 .db-q-choice .ff-el-form-check-label,#fluentform_14 .db-q-choice .ff-el-form-check-label{margin:0 !important;padding:0 !important;pointer-events:none;display:block}
#fluentform_13 .db-q-choice .ff-el-form-check-label > span,#fluentform_14 .db-q-choice .ff-el-form-check-label > span{display:inline-block !important;border:1px solid #E4E2DB !important;border-radius:999px !important;padding:11px 17px !important;font-size:14.5px !important;line-height:1.3;color:#161616 !important;background:#fff !important;box-shadow:none !important;transition:background-color .18s ease,border-color .18s ease,color .18s ease,padding .18s ease,transform .18s ease}
#fluentform_13 .db-q-choice .ff-el-form-check:hover .ff-el-form-check-label > span,#fluentform_14 .db-q-choice .ff-el-form-check:hover .ff-el-form-check-label > span{border-color:#b8b2d6 !important;transform:translateY(-1px)}
#fluentform_13 .db-q-choice .ff-el-form-check.ff_item_selected .ff-el-form-check-label > span,#fluentform_14 .db-q-choice .ff-el-form-check.ff_item_selected .ff-el-form-check-label > span{background-color:#2056DF !important;background-image:url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22white%22 stroke-width=%223.2%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M20 6L9 17l-5-5%22/%3E%3C/svg%3E') !important;background-repeat:no-repeat !important;background-position:15px center !important;background-size:14px 14px !important;border-color:#2056DF !important;color:#fff !important;padding-left:38px !important}
#fluentform_13 .db-q-choice .ff-el-form-check,#fluentform_14 .db-q-choice .ff-el-form-check,#fluentform_13 .db-q-choice .ff-el-form-check *,#fluentform_14 .db-q-choice .ff-el-form-check *{-webkit-user-select:none;user-select:none}
#fluentform_13 .ff-el-progress,#fluentform_14 .ff-el-progress{height:5px;border-radius:999px;background:#EFEDE7;overflow:hidden;margin-bottom:8px}
#fluentform_13 .ff-el-progress-bar,#fluentform_14 .ff-el-progress-bar{background:linear-gradient(90deg,#4F27C7,#2056DF);height:100%;transition:width .5s cubic-bezier(.22,1,.36,1);font-size:0}
#fluentform_13 .ff-el-progress-status,#fluentform_14 .ff-el-progress-status{font-size:12.5px;color:#6b6b6b}
#fluentform_13 .ff-step-header,#fluentform_14 .ff-step-header{margin-bottom:26px}
#fluentform_13 .ff-step-titles,#fluentform_14 .ff-step-titles{display:none}
#fluentform_13 .ff-step-container,#fluentform_14 .ff-step-container{padding:0 24px 26px;margin:0 -24px -26px}
#fluentform_13 .step-nav,#fluentform_14 .step-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:26px}
#fluentform_13 .step-nav .ff-btn-next,#fluentform_14 .step-nav .ff-btn-next,#fluentform_13 .step-nav .ff-btn-submit,#fluentform_14 .step-nav .ff-btn-submit{margin-left:auto}
#fluentform_13 .step-nav button,#fluentform_14 .step-nav button,#fluentform_13 .ff-btn-submit,#fluentform_14 .ff-btn-submit{appearance:none;border:0;cursor:pointer;font-family:inherit;font-size:15px;font-weight:500;line-height:1;padding:15px 28px;border-radius:999px;background:#2056DF;color:#fff;transition:background .25s ease,transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s ease}
#fluentform_13 .ff-btn.ff-btn-prev,#fluentform_14 .ff-btn.ff-btn-prev{background:#fff !important;background-image:none !important;color:#161616 !important;border:1px solid #E4E2DB !important;box-shadow:none !important}
#fluentform_13 .ff-btn.ff-btn-prev:hover,#fluentform_14 .ff-btn.ff-btn-prev:hover{background:#F5F4F0 !important;color:#161616 !important;border-color:#cfc8ea !important;box-shadow:none !important;transform:translateY(-1px)}
#fluentform_13 .ff-btn.ff-btn-next,#fluentform_14 .ff-btn.ff-btn-next,#fluentform_13 .ff-btn-submit,#fluentform_14 .ff-btn-submit{background:#2056DF !important;background-image:none !important;color:#fff !important;border:0 !important}
#fluentform_13 .ff-btn.ff-btn-next:hover,#fluentform_14 .ff-btn.ff-btn-next:hover,#fluentform_13 .ff-btn-submit:hover,#fluentform_14 .ff-btn-submit:hover{background:#4F27C7 !important;color:#fff !important;box-shadow:0 10px 26px rgba(79,39,199,.32) !important}
#fluentform_13 .ff-btn.ff-btn-next.ff-float-right,#fluentform_14 .ff-btn.ff-btn-next.ff-float-right{float:none;margin-left:auto}
#fluentform_13 .ff_step_start .ff-btn-prev,#fluentform_14 .ff_step_start .ff-btn-prev{visibility:hidden}
#fluentform_13 .ff-btn-submit,#fluentform_14 .ff-btn-submit{width:100%;justify-content:center}
#fluentform_13 .ff-step-container,#fluentform_14 .ff-step-container{padding:0 16px 20px;margin:0 -16px -20px}
#fluentform_13 .ff-t-container.wa-row,#fluentform_14 .ff-t-container.wa-row{display:flex;flex-wrap:nowrap;gap:12px;margin:0}
#fluentform_13 .ff-t-container.wa-row > .ff-t-cell,#fluentform_14 .ff-t-container.wa-row > .ff-t-cell{flex:1 1 50%;min-width:0;padding:0}
#fluentform_13 .ff-t-container.wa-row .ff-el-group,#fluentform_14 .ff-t-container.wa-row .ff-el-group{margin-bottom:14px}
#fluentform_13 .ff-t-container.wa-row input,#fluentform_14 .ff-t-container.wa-row input{padding:12px 14px;font-size:15px}
#fluentform_13 .ff-t-container.wa-row .ff-el-input--label label,#fluentform_14 .ff-t-container.wa-row .ff-el-input--label label{font-size:12.8px}
.wa-sum{background:#FBFAF8;border:1px solid #EFEDE7;border-radius:14px;padding:18px 20px;margin:4px 0 14px}
.wa-sum-top{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding-bottom:13px;margin-bottom:13px;border-bottom:1px solid #EFEDE7}
.wa-sum-top b{font-size:16px;color:#161616}
.wa-sum-top span{font-size:24px;font-weight:600;color:#161616;letter-spacing:-.01em;white-space:nowrap}
.wa-sum-top span i{font-style:normal;font-size:12.5px;font-weight:500;color:#8a8a8a}
.wa-sum ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.wa-sum li{position:relative;padding-left:24px;font-size:14px;line-height:1.5;color:#4a4a4a}
.wa-sum li::before{content:'';position:absolute;left:0;top:3px;width:15px;height:15px;border-radius:50%;background:#2e9e68 url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 12 10%22 fill=%22none%22 stroke=%22white%22 stroke-width=%222.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M1 5.5 4.2 8.5 11 1.5%22/%3E%3C/svg%3E') center/8px no-repeat}
#fluentform_13 .wa-pay-item,#fluentform_14 .wa-pay-item{background:none;border:0;padding:0;margin:0}
#fluentform_13 .wa-pay-item .ff_item_price_wrapper,#fluentform_14 .wa-pay-item .ff_item_price_wrapper,#fluentform_13 .wa-pay-item .ff-el-input--label,#fluentform_14 .wa-pay-item .ff-el-input--label{display:none}
#fluentform_13 .wa-pay-method,#fluentform_14 .wa-pay-method{margin-top:16px}
#fluentform_13 .wa-pay-method .ff-el-input--label label,#fluentform_14 .wa-pay-method .ff-el-input--label label{font-size:12.8px}
#fluentform_13 .ff-el-form-check.ff-el-payment-method-item,#fluentform_14 .ff-el-form-check.ff-el-payment-method-item{margin-bottom:8px}
#fluentform_13 .wa-terms,#fluentform_14 .wa-terms{margin-top:18px}
#fluentform_13 .wa-terms .ff-el-form-check,#fluentform_14 .wa-terms .ff-el-form-check{display:block;background:#FBFAF8;border:1px solid #EFEDE7;border-radius:12px;padding:14px 16px;margin:0;transition:border-color .2s ease,background .2s ease}
#fluentform_13 .wa-terms .ff-el-form-check:hover,#fluentform_14 .wa-terms .ff-el-form-check:hover{border-color:#cfc8ea;background:#fff}
#fluentform_13 .wa-terms .ff-el-tc,#fluentform_14 .wa-terms .ff-el-tc{display:block}
#fluentform_13 .wa-terms .ff_tc_label,#fluentform_14 .wa-terms .ff_tc_label{display:flex;align-items:flex-start;gap:13px;width:100%;margin:0;cursor:pointer}
#fluentform_13 .wa-terms .ff_tc_checkbox,#fluentform_14 .wa-terms .ff_tc_checkbox{flex:0 0 auto;display:block;margin-top:2px;line-height:0}
#fluentform_13 .wa-terms .ff_tc_checkbox input[type=checkbox],#fluentform_14 .wa-terms .ff_tc_checkbox input[type=checkbox]{width:19px;height:19px;margin:0;accent-color:#2056DF;cursor:pointer}
#fluentform_13 .wa-terms .ff-el-tc-html,#fluentform_14 .wa-terms .ff-el-tc-html,#fluentform_13 .wa-terms .ff_tc_label > p,#fluentform_14 .wa-terms .ff_tc_label > p,#fluentform_13 .wa-terms .ff_tc_label > div,#fluentform_14 .wa-terms .ff_tc_label > div{flex:1 1 auto;min-width:0;margin:0}
#fluentform_13 .wa-terms p,#fluentform_14 .wa-terms p{margin:0;font-size:14px;line-height:1.55;color:#4a4a4a}
#fluentform_13 .wa-terms a,#fluentform_14 .wa-terms a{color:#2056DF;text-decoration:underline;text-underline-offset:3px}
.wa-privacy{margin:14px 0 0;font-size:12.8px;line-height:1.6;color:#8a8a8a}
.wa-privacy a{color:#6b6b6b;text-decoration:underline;text-underline-offset:3px}
.wa-note{background:#F3F1FB;border:1px solid #DED8F3;border-radius:14px;padding:18px 20px;margin:2px 0 4px}
.wa-note b{display:block;font-size:15px;color:#161616;margin-bottom:8px}
.wa-note p{margin:0 0 9px;font-size:14.3px;line-height:1.6;color:#4a4a4a}
.wa-note p:last-child{margin-bottom:0}
.wa-trigger{display:none}

/* ---- narrow screens: two-up name/email row stays two-up ---- */
@media (max-width:600px){
  #fluentform_13 .ff-t-container.wa-row,#fluentform_14 .ff-t-container.wa-row{gap:8px}
  #fluentform_13 .ff-t-container.wa-row input,#fluentform_14 .ff-t-container.wa-row input{padding:11px 12px;font-size:14.5px}
  #fluentform_13 .ff-t-container.wa-row input::placeholder,#fluentform_14 .ff-t-container.wa-row input::placeholder{font-size:13px}
}

/* ---- desktop only: trigger panel plus the form inside a modal ---- */
@media (min-width:1025px){
  .wa-trigger{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(26px,3vw,56px);align-items:center;background:#fff;border-radius:20px;padding:clamp(26px,3vw,44px);box-shadow:0 30px 80px rgba(0,0,0,.34);width:100%}
  .wa-trigger h3{margin:0 0 10px;font-family:'Aeonik', 'Aeonik Fallback','Inter',sans-serif;font-size:26px;line-height:1.2;letter-spacing:-.02em;color:#161616}
  .wa-trigger p{margin:0;font-size:15.5px;line-height:1.65;color:#5b5b5b;max-width:46ch}
  .wa-trigger ul{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:9px}
  .wa-trigger li{position:relative;padding-left:26px;font-size:14.5px;color:#4a4a4a}
  .wa-trigger li::before{content:'';position:absolute;left:0;top:4px;width:15px;height:15px;border-radius:50%;background:#2e9e68 url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 12 10%22 fill=%22none%22 stroke=%22white%22 stroke-width=%222.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M1 5.5 4.2 8.5 11 1.5%22/%3E%3C/svg%3E') center/8px no-repeat}
  .wa-trigger .side{text-align:center;border-left:1px solid #EFEDE7;padding-left:clamp(22px,2.4vw,44px)}
  .wa-trigger .side .amt{font-size:46px;font-weight:600;line-height:1;letter-spacing:-.02em;color:#161616}
  .wa-trigger .side .per{display:block;font-size:13.5px;color:#8a8a8a;margin:8px 0 20px}
  .wa-trigger .side .mins{display:block;margin-top:14px;font-size:12.8px;color:#8a8a8a}
  .wa-formcard{display:none}
  .wa-modal{position:fixed;inset:0;z-index:99999;display:none;align-items:flex-start;justify-content:center;padding:4vh 20px;overflow-y:auto;overscroll-behavior:contain}
  .wa-modal.is-open{display:flex}
  .wa-modal-veil{position:fixed;inset:0;background:rgba(12,10,20,.62);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);opacity:0;transition:opacity .3s ease}
  .wa-modal.is-shown .wa-modal-veil{opacity:1}
  .wa-modal-panel{position:relative;z-index:1;width:100%;max-width:780px;margin:auto;opacity:0;transform:translateY(18px) scale(.985);transition:opacity .35s ease,transform .4s cubic-bezier(.22,1,.36,1)}
  .wa-modal.is-shown .wa-modal-panel{opacity:1;transform:none}
  .wa-modal .wa-formcard{display:block;box-shadow:0 40px 100px rgba(0,0,0,.5)}
  .wa-modal-close{position:absolute;top:-14px;right:-14px;z-index:2;width:42px;height:42px;border-radius:50%;border:1px solid #E4E2DB;background:#fff;color:#161616;cursor:pointer;display:grid;place-items:center;box-shadow:0 10px 26px rgba(0,0,0,.28);transition:transform .25s cubic-bezier(.22,1,.36,1),background .25s ease}
  .wa-modal-close:hover{transform:rotate(90deg);background:#F5F4F0}
  .wa-modal-close svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
  .wa-modal-close:focus-visible{outline:2px solid #2056DF;outline-offset:3px}
  body.wa-locked{overflow:hidden}
}

/* ---- below desktop the form sits inline, so the modal never shows ---- */
@media (max-width:1024px){
  .wa-modal{display:none !important}
}

@media (prefers-reduced-motion:reduce){
  .wa-modal-veil,.wa-modal-panel{transition:none}
  .wa-modal-close:hover{transform:none}
}

/* legacy.css */
/* designbox legacy stylesheet.
   Moved out of the WordPress Customizer on 12 Sep 2026 so it can be cached and
   minified instead of being inlined on every page load. Rules for the retired
   quote form (id 3) were dropped at the same time.
   Original backed up at /wp-content/novamira-sandbox/customizer-css.bak-20260912.css */

/* Underline Button */
.db-underline-icon-button{padding:0 !important;color:#fff;background-color:transparent !important;border-bottom:1px solid #fff;transition:ease-in-out all .2s}
.db-underline-icon-button svg{width:15px;height:15px}
.db-underline-icon-button:hover{color:#a1a1a1}
.db-underline-icon-button:hover svg path{transition:.2s ease-in-out all;fill:#a1a1a1}
/* Quote Form */
.quote-form-services .ff-el-input--label.ff-el-is-required.asterisk-right, .quote-website-selection .ff-el-input--label.ff-el-is-required.asterisk-right{width: 100%; display: flex; justify-content: center; text-align: center; padding-bottom: 50px;}
.quote-form-services label.ff-el-image-input-src{width: 65px !important; height: 65px !important;}
.quote-form-services .ff-el-form-check-input.ff-el-form-check-checkbox{display: none;}
.quote-form-services .ff-el-form-check.ff-el-form-check-.ff-el-image-holder.ff_item_selected{background-color: rgb(0, 0, 0, 0.05); border: 1.5px solid #000;}
.quote-form-services .ff-el-form-check.ff-el-form-check-.ff-el-image-holder{padding: 40px; border-radius: 20px; border: 1.5px solid #F3F4F6; transition: ease-in-out all .2s;}
.form-heading-styling{font-size: 22px; font-weight: 600;}
.quote-form-services .ff_el_checkable_photo_holders{display: flex !important; gap: 30px;}
.quote-form-services label.ff-el-image-input-src{margin-bottom: 20px;}
.form-heading-styling{padding-bottom: 10px;}
.ff-btn-secondary:not(.ff_btn_no_style){background-color: #1F56DF !important; padding: 15px 45px; border-radius: 25px;}
.ff-el-group.quote-form-services.ff_list_3col{margin-bottom: 50px;}
#fluentform_5 .ff-step-container{display: flex; flex-direction: column;}
#fluentform_5 .ff-el-progress-bar span{display: none;}
#fluentform_5 .ff-step-progress-wrap{display: flex; flex-direction: row; justify-content: space-between; width: 100%; align-items: center;}
#fluentform_5 .ff-el-progress-status{width: auto; font-weight: 600; font-size: 16px; padding: 8px 25px; border: 2px solid #F3F4F6; border-radius: 25px;}
#fluentform_5 .ff-el-progress{width: 26%; border-radius: 1.25rem;}
.quote-website-selection .ff-el-form-check-input.ff-el-form-check-radio{display: none;}
.quote-website-selection .ff-el-form-check-label span{display: flex !important; flex-direction: row !important; flex-wrap: wrap; column-gap: 10px; row-gap: 0;}
.web-service-description-quote{width: 100%; color: #6A7282;}
.quote-website-selection .ff-el-input--content{display: flex; flex-direction: column; gap: 20px;}
.quote-website-selection .ff-el-form-check.ff-el-form-check-{padding: 25px; border: 2px solid #E5E7EB; border-radius: 16px; transition: all ease-in-out .2s;}
.quote-website-selection .ff-el-form-check.ff-el-form-check-.ff_item_selected{background-color: rgb(0, 0, 0, 0.05); border: 2px solid #000;}
.form-checkboxes-container-styling .ff-el-input--content{display: flex; flex-direction: row; gap: 10px; flex-wrap: wrap;}
.form-checkboxes-container-styling .ff-el-form-check label>span{border: 1px solid #E5E7EB !important; border-radius: 12px !important; font-size: 18px !important; padding: 15px !important; color: #000 !important;}
.form-solo-heading-container{padding-bottom: 50px;}
.form-checkboxes-container-styling label{font-size: 20px; color: #000;}
.form-checkboxes-container-styling .ff-el-form-check.ff_item_selected label>span{background-color: #000 !important; color: #fff !important; box-shadow: none !important;}
.branding-form-options span{display: flex; flex-direction: column; text-align: left !important;}
.branding-form-options .ff-el-form-check.ff-el-form-check-{width: 50% !important;}
.branding-form-options .ff-el-form-check.ff-el-form-check- span{width: 100%;}
.ff-el-group.branding-form-options.ff_list_buttons .ff-el-input--content .ff-el-form-check.ff-el-form-check-{width: 50% !important;}
.branding-form-options .ff-el-input--content{display: flex; gap: 40px;}
.branding-form-options .ff-el-form-check-label span{border: 2px solid #E5E7EB !important; border-radius: 16px !important;}
#fluentform_5 .ff-el-progress-bar{background-color: #572cce;}
.branding-form-options .ff-el-group.ff_list_buttons .ff-el-form-check.ff_item_selected label>span{background-color: rgb(0,0,0,0);}
.branding-form-options .ff-el-form-check label>span{background-color: rgb(0,0,0,0) !important; box-shadow: none !important; border-radius: 16px !important}
.branding-form-options .ff-el-form-check.ff_item_selected{background-color: rgb(0,0,0,0.05) !important; border-radius: 16px;}
.branding-form-options  .ff-el-form-check label>span:hover{color: #606266 !important;}
.branding-form-options .ff-el-form-check.ff_item_selected label>span{color: #000 !important; border: 2px solid #000 !important;}
.branding-requirements-header{padding-bottom: 50px;}
.branding-form-options span h3{padding-bottom: 10px;}
.branding-form-options span p{font-size: 18px;}
.add-ons-container .ff-el-input--content{display: flex; gap: 20px; flex-wrap: wrap !important; font-size: 20px;}
.add-ons-container .ff-el-form-check.ff-el-form-check-{padding: 5px 20px; border: 1px solid #E5E7EB; border-radius: 14px;}
.add-ons-container .ff-el-form-check label.ff-el-form-check-label{margin-bottom: 0 !important; display: flex; gap: 12px; justify-content: center; align-items: center !important; color: #000;}
.add-ons-container .ff-el-form-check-label .ff-el-form-check-input{top: 0 !important;}
.add-ons-container .ff-el-form-check-checkbox{height: 16px !important; width: 16px;}
.ff-t-container.ff-column-container.ff_columns_total_2.brochure-requirements-container{gap: 80px !important;}
.brochure-title-container{padding-bottom: 50px;}
#fluentform_5 .ff-btn.ff-btn-prev.ff-btn-secondary{padding-left: 0; padding-right: 0; color: #4A5565; background-color: transparent !important;}
#fluentform_5 .ff-btn.ff-btn-prev.ff-btn-secondary::before{content: ""; display: inline-block; width: 25px; height: 25px; background-image: url('/wp-content/uploads/2026/07/Icon.svg'); background-size: contain; background-repeat: no-repeat; background-position: center; margin-right: 10px; margin-bottom: 3px; vertical-align: middle;}
#fluentform_5 label{color: #000;}
form.fluent_form_5 .ff-btn-submit:not(.ff_btn_no_style){background-color: #1F56DF !important; border-radius: 30px; padding: 12px 25px; font-size: 18px; font-weight: 600;}
.ff-default .ff-el-form-control:focus{border-color: #1F56DF !important;}
.checkbox-absolute-tick .ff-el-form-check{position: relative;}
.checkbox-absolute-tick .ff-el-form-check.ff_item_selected::after{content: ""; position: absolute; top: 24px; right: 24px; width: 24px; height: 24px; background-image: url('/wp-content/uploads/2026/07/tick-icon-design-box.svg'); background-size: contain; background-repeat: no-repeat; background-position: center;}
.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check label>span{white-space: wrap !important;}
/* Contact Form */
select#ff_4_dropdown{background-color: #fff;}
#fluentform_4 button.ff-btn.ff-btn-submit.ff-btn-md.ff_btn_style{border-radius: 30px; width: 300px; font-size: 18px; font-weight: 600;}
#fluentform_4 button.ff-btn.ff-btn-submit.ff-btn-md.ff_btn_style:hover{opacity: 1; background-color: #fff; color: #000;}
#fluentform_4 .ff_t_c{font-size: 16px;}
/* Support Form */
.reason-for-support .ff-el-form-check-input.ff-el-form-check-radio{display: none;}
.support-form-checkboxes-container-styling .ff-el-input--content{display: flex; flex-direction: row; gap: 10px; flex-wrap: wrap;}
.support-form-checkboxes-container-styling .ff-el-form-check label>span{border: 1px solid #E5E7EB !important; border-radius: 12px !important; font-size: 18px !important; padding: 15px !important; color: #000 !important;}
.support-form-checkboxes-container-styling label{font-size: 20px; color: #000;}
.support-form-checkboxes-container-styling .ff-el-form-check.ff_item_selected label>span{background-color: #000 !important; color: #fff !important; box-shadow: none !important;}
#brxe-vtzinm{position: absolute; top: 20px; right: 20px; height: auto; width: 40px;}
.brx-popup.brxe-popup-2573 .brx-popup-content{position: relative;}
/* Team */

/* Tablet */
@media screen and (max-width:479px){
#brxe-dsyrgt p{text-wrap: wrap;}
/* Forms */
	.quote-form-services .ff_el_checkable_photo_holders{flex-direction: column; gap: 15px;}
.quote-form-services .ff-el-form-check.ff-el-form-check-.ff-el-image-holder{width: 100%;}
.quote-form-services .ff-el-form-check.ff-el-form-check-.ff-el-image-holder{padding: 20px;}
.quote-form-services span{font-size: 14px;}
.form-heading-styling{font-size: 18px;}
.web-service-description-quote{font-size: 12px; padding-top: 10px;}
.form-checkboxes-container-styling .ff-el-form-check label>span{padding: 10px !important;}
.brochure-title-container, .branding-requirements-header, .quote-form-services .ff-el-input--label.ff-el-is-required.asterisk-right, .quote-website-selection .ff-el-input--label.ff-el-is-required.asterisk-right{padding-bottom: 20px;}
.quote-form-services label.ff-el-image-input-src{width: 40px !important; height: 40px !important;}
.quote-form-services .ff-el-form-check.ff-el-form-check-.ff-el-image-holder, .branding-requirements-header, .brochure-title-container{margin-bottom: 0 !important;}
.quote-website-selection .ff-el-input--content{gap: 10px;}
.branding-form-options .ff-el-input--content{flex-direction: column; gap: 10px;}
.ff-el-group.branding-form-options.ff_list_buttons .ff-el-input--content .ff-el-form-check.ff-el-form-check-{width: 100% !important;}
.quote-form-services span, .step-subheading-wording{font-size: 16px !important;}
.form-checkboxes-container-styling label{font-size: 18px;}
.add-ons-container .ff-el-input--content{gap: 10px;}
.support-form-checkboxes-container-styling .ff-el-form-check label>span{font-size: 15px !important; padding: 10px !important;}
}


/* Slider dots: 24px tap targets (29 Sep 2026). The mobile slider dots on the marketing pages were
   7px buttons 9px apart, below the 24x24px minimum touch target (PageSpeed accessibility). Each
   button is now a 24px tap area and the same 7px dot (24px pill when active) is drawn inside it,
   so they look as before but are easy to hit. The pages' own .db-slider-dot rules are overridden
   by specificity (.db-slider-dots.is-on ...), so this wins whatever order the CSS loads in. */
.db-slider-dots.is-on { gap: 0; }
.db-slider-dots.is-on .db-slider-dot { position: relative; width: auto; min-width: 24px; height: 24px; padding: 0 4px; display: inline-flex; align-items: center; justify-content: center; background: transparent; border: 0; border-radius: 999px; }
.db-slider-dots.is-on .db-slider-dot::before { content: ''; display: block; width: 7px; height: 7px; border-radius: 999px; background: var(--line-1, #d9d6ce); transition: width .3s ease, background .3s ease; }
.db-slider-dots.is-on .db-slider-dot.is-active { width: auto; background: transparent; }
.db-slider-dots.is-on .db-slider-dot.is-active::before { width: 24px; background: var(--indigo, #4F27C7); }
.db-act--dark .db-slider-dots.is-on .db-slider-dot { background: transparent; }
.db-act--dark .db-slider-dots.is-on .db-slider-dot::before { background: var(--dline-1, rgba(255,255,255,.25)); }
.db-act--dark .db-slider-dots.is-on .db-slider-dot.is-active::before { background: var(--lift, #9F86FF); }
.db-slider-dots.is-on .db-slider-dot:focus-visible { outline: 2px solid var(--indigo, #4F27C7); outline-offset: 2px; }


/* Offer block eyebrow (29 Sep 2026). 'Before you spend a penny' and its siblings sit on the lavender
   tint (#ECE6FA); at the page's --ink-3 (60% ink) that is 4.43:1, just under WCAG AA. 66% gives ~5.4:1.
   Specificity beats the pages' own .db-eyebrow rule, whatever order the CSS loads in. */
[class*="-offer"] .db-eyebrow { color: rgba(22,22,22,.66); }

/* Marketing hero paragraph: size-matched Inter fallback (29 Sep 2026). It is the mobile LCP on these
   pages and had a bare 'Inter' stack, so it drew in the browser default first and redrew when Inter
   loaded. 'Inter Fallback' is defined in db-font-fallback.php. Visually unchanged once Inter loads. */
#hero .db-sub { font-family: 'Inter', 'Inter Fallback', sans-serif; }

/* site-b8701d3710.css */
/* db-booking-loader */

.db-bkload{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;gap:14px;padding:26px;background:#fff;border-radius:inherit;pointer-events:none}
.db-bkload__bar{height:12px;border-radius:999px;background:#ECE6FA;position:relative;overflow:hidden}
.db-bkload__bar:nth-child(1){width:42%}
.db-bkload__bar:nth-child(2){width:88%;height:150px;border-radius:12px}
.db-bkload__bar:nth-child(3){width:64%}
.db-bkload__bar::after{content:'';position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.85),transparent);animation:dbBkShimmer 1.6s ease-in-out infinite}
.db-bkload__note{margin-top:auto;font-size:13px;color:rgba(22,22,22,.55)}
@keyframes dbBkShimmer{100%{transform:translateX(100%)}}
.db-bkframe{opacity:0;transition:opacity .35s ease}
.db-bkready .db-bkframe{opacity:1}
.db-bkready .db-bkload{opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s}
@media(prefers-reduced-motion:reduce){.db-bkload__bar::after{animation:none}.db-bkframe,.db-bkready .db-bkload{transition:none}}

/* db-dark-stats */

.db-act--dark .ecs-why-stats .n,
.db-act--dark .ecs-why-stats .n span,
.db-act--dark .ecs-why-stats .accent,
.db-act--dark .db-ga-num,
.db-act--dark .db-ga-num span,
.db-act--dark .db-ga-acc,
.db-act--dark .res-metric .n,
.db-act--dark .res-metric .n span,
.db-act--dark .res-metric .accent{color:#fff !important}

/* db-h1-weight */
body h1{font-weight:600}
/* db-reviews-star-align */
.brxe-rvstar{align-self:flex-start;justify-content:flex-start;margin-inline-end:auto;}
/* db-cta-button */

.db-cta{position:relative;display:inline-flex;align-items:center;gap:0;padding:14px 28px;border-radius:999px;background:#2056DF;color:#fff !important;font-size:15px;font-weight:500;line-height:1;text-decoration:none;border:none;overflow:hidden;isolation:isolate;cursor:pointer;transition:color .35s ease,box-shadow .45s ease,transform .35s cubic-bezier(.22,1,.36,1)}
.db-cta::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,#4F27C7 0%,#2056DF 100%);transform:translateX(-101%);transition:transform .6s cubic-bezier(.22,1,.36,1)}
.db-cta:hover::before,.db-cta:focus-visible::before{transform:translateX(0)}
.db-cta:hover,.db-cta:focus-visible{color:#fff !important;box-shadow:0 10px 30px rgba(79,39,199,.4)}
.db-cta::after{content:'\2192';display:inline-block;width:0;opacity:0;transform:translateX(-8px);font-size:1.05em;line-height:1;transition:width .45s cubic-bezier(.22,1,.36,1),opacity .35s ease,transform .45s cubic-bezier(.22,1,.36,1)}
.db-cta:hover::after,.db-cta:focus-visible::after{width:22px;opacity:1;transform:translateX(9px)}
.db-cta:focus-visible{outline:2px solid #9F86FF;outline-offset:3px}
@media (max-width:767px){.db-cta{padding:13px 24px;font-size:14px}}
@media (prefers-reduced-motion:reduce){
  .db-cta::before{display:none}
  .db-cta::after{width:22px;opacity:1;transform:none}
  .db-cta,.db-cta::after{transition:none}
}

/* Legacy .btn anchors (16 Sept 2026).
   Several pages write their CTAs as inline <a class="btn btn-primary"> inside a
   text element rather than as a Bricks button, so they never picked up .db-cta
   and kept their own 10px radius: square next to the pills everywhere else.
   Given the same pill, gradient wipe and lift here rather than rewriting the
   markup on every page.
   No ::after arrow is added: these anchors already carry their own arrow, as a
   glyph in the label or a .arrow span, and would otherwise show two.
   !important on the radius because one page pins it to an element ID. */
body .btn{border-radius:999px !important}
body .btn-primary{position:relative;overflow:hidden;isolation:isolate;background:#2056DF;color:#fff;border:none;transition:color .35s ease,box-shadow .45s ease,transform .18s ease}
body .btn-primary::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,#4F27C7 0%,#2056DF 100%);transform:translateX(-101%);transition:transform .6s cubic-bezier(.22,1,.36,1)}
body .btn-primary:hover::before,body .btn-primary:focus-visible::before{transform:translateX(0)}
body .btn-primary:hover,body .btn-primary:focus-visible{background:#2056DF;color:#fff;box-shadow:0 10px 30px rgba(79,39,199,.4)}
body .btn-primary:focus-visible{outline:2px solid #9F86FF;outline-offset:3px}
@media (prefers-reduced-motion:reduce){body .btn-primary::before{display:none}body .btn-primary{transition:none}}

/* Secondary hover contrast (16 Sept 2026). .btn-secondary inherits its colour
   from the section, and the page rules that flip it on dark surfaces are keyed to
   .dark / .migration / .darkblue only. On a section using a different dark class
   the hover filled white while the text stayed white, so the label disappeared.
   Set explicitly for both surfaces instead of relying on inherit. */
body .btn-secondary:hover,body .btn-secondary:focus-visible{background:#161616;color:#fff;border-color:#161616}
.act--dark .btn-secondary:hover,.act--dark .btn-secondary:focus-visible,
.db-act--dark .btn-secondary:hover,.db-act--dark .btn-secondary:focus-visible,
.act-dark .btn-secondary:hover,.act-dark .btn-secondary:focus-visible,
.dark .btn-secondary:hover,.migration .btn-secondary:hover,.darkblue .btn-secondary:hover{background:#fff !important;color:#161616 !important;border-color:#fff !important}
/* Buttons that carry their own icon (a Bricks button with an icon set renders it as an
   inline svg or <i>) keep just that icon: no extra ::after arrow on hover, which showed
   two arrows side by side (26 Sep 2026). Small gap so the icon does not touch the label. */
.db-cta:has(> svg, > i){gap:10px}
.db-cta:has(> svg, > i)::after{content:none;display:none}
.db-cta > svg{flex:none;width:18px;height:auto}

/* db-why-section */

/* --- Section chrome (six web design pages) --- */
.why-sec{position:relative;overflow-x:clip;overflow-y:visible;padding:clamp(90px,11vw,150px) 0;background:linear-gradient(180deg,#101018 0%,#15151F 48%,#101018 100%)}
.why-sec .why-inner{position:relative;z-index:1;align-items:stretch}
.why-sec .why-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(90px)}
.why-sec .why-orb.a{width:520px;height:520px;background:var(--indigo,#4F27C7);opacity:.20;top:-180px;left:auto;right:-140px}
.why-sec .why-orb.b{width:420px;height:420px;background:var(--blue,#2056DF);opacity:.14;bottom:80px;left:-120px;right:auto;top:auto}
.why-sec .why-orb.c,.why-sec .why-orb.d{display:none}

/* --- Inner content (all pages, including the lead gen block) --- */
.db-why p{color:var(--pale-2,#A1A1A1)}
.db-why h2,.db-why h3,.db-why h5{color:#fff}
.db-why .why-head{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,4vw,60px);align-items:end;margin-bottom:clamp(44px,5vw,70px)}
.db-why .why-head h2{color:#fff;font-family:'Aeonik', 'Aeonik Fallback';font-weight:600;font-size:clamp(2.6rem,3.4vw,3.8rem);line-height:1.06}
.db-why .why-head > div > p{margin-top:16px;color:var(--pale-2,#A1A1A1);max-width:64ch;text-wrap:balance}
.db-why .why-stats{display:flex;gap:clamp(30px,3.8vw,64px);justify-content:flex-end;flex-wrap:wrap}
.db-why .why-stats .num-item{text-align:right}
.db-why .why-stats .num-item .n{font-family:'Aeonik', 'Aeonik Fallback';font-weight:600;font-size:clamp(3rem,4vw,4.2rem);color:#fff !important;line-height:1;display:flex;align-items:baseline;justify-content:flex-end}
body .db-why .why-stats .num-item .n .accent,body .db-why .why-stats .accent,body .db-why .why-stats .num-item .n span,body .db-why .why-stats .num-item .n span[data-count]{color:#fff !important}
.db-why .why-stats .num-item .l{font-size:12.5px;color:var(--pale-2,#A1A1A1);margin-top:8px;max-width:20ch;margin-left:auto;text-wrap:balance;line-height:1.45}
.db-why .why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(20px,2.4vw,34px)}
.db-why .why-grid .why-item{background:var(--dfill-1,rgba(255,255,255,.035));border:1px solid var(--dline-1,rgba(255,255,255,.1));border-radius:16px;padding:clamp(24px,2.6vw,34px)}
.db-why .why-grid .why-item h3{font-family:'Aeonik', 'Aeonik Fallback';font-weight:600;font-size:clamp(1.9rem,2.1vw,2.2rem);color:#fff;margin:0 0 12px;line-height:1.15}
.db-why .why-grid .why-item p{font-size:14.5px;color:var(--pale-2,#A1A1A1);line-height:1.65;margin:0;text-wrap:pretty}

/* --- Team intro copy: needs air before the photos --- */
.db-why .team-wrap{margin-top:clamp(56px,6vw,84px);margin-bottom:clamp(28px,3vw,40px)}
.db-why .team-wrap h3{font-weight:400;font-size:clamp(24px,2.4vw,33px);color:#fff;margin:0 0 12px}
.db-why .team-wrap p{margin:0;max-width:52ch}

/* --- Collage: three wrappers, one result --- */
.db-why .db-team-images,.db-why .team-collage{display:grid;grid-template-columns:repeat(3,1fr);align-items:stretch;gap:clamp(14px,1.6vw,22px);margin-top:clamp(30px,3.6vw,50px)}
.db-why .db-team-images figure,.db-why .db-team-images .brxe-image,.db-why .team-collage .ph,.db-why .team-collage .tphoto{margin:0;border-radius:16px;overflow:hidden;border:1px solid var(--dline-1,rgba(255,255,255,.1));background:var(--dfill-1,rgba(255,255,255,.035));aspect-ratio:3/2}
.db-why .db-team-images img,.db-why .team-collage .ph img,.db-why .team-collage .tphoto img{width:100%;height:100%;object-fit:cover;display:block}

/* --- Carried over from the per page CSS this module replaces --- */
.db-why .askai{position:relative;width:100%;margin-top:clamp(88px,9vw,140px);text-align:center}
.db-why .askai h3{font-weight:400;font-size:clamp(30px,3.4vw,46px);letter-spacing:-.015em;color:#fff;margin:0 0 20px}
.db-why .askai p{max-width:46ch;margin:0 auto 34px;color:var(--pale-2,#A1A1A1)}
.db-why .askai .btns{width:100%}
.db-why .askai .btns p{display:flex !important;gap:14px;row-gap:14px;flex-wrap:wrap;justify-content:center;margin:0 !important;max-width:none !important;width:100%}
.db-why .askai .btns a{display:inline-flex;align-items:center;font-size:14px;font-weight:500;padding:12px 22px;border-radius:12px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.05);color:#fff;text-decoration:none;white-space:nowrap;transition:background .2s ease,color .2s ease,transform .18s ease}
.db-why .askai .btns a:hover{background:#fff;color:#161616;transform:translateY(-1px)}


/* Orphan control (16 Sept 2026). Updated: balance, not pretty.
   pretty only prevents a SINGLE word on the last line, so a two word tail like
   'with us.' still dropped. balance evens the lines instead, and 64ch is wide
   enough that a typical lead sits on one line at desktop widths.
   Original note: A 44ch lead and a 16ch stat label were both just
   narrow enough to drop the last word onto its own line: 'us.' under the lead and
   'year' / 'clients' under the stats. Widened a little and left to text-wrap, which
   balances the label lines and keeps a single word off the end of the lead. Applied
   to the strategy pages too, which had the identical values and the same problem. */
body .ecs-why-lead{max-width:64ch;text-wrap:balance}
body .ecs-why-stats{gap:clamp(30px,3.8vw,64px)}
body .ecs-why-stats .l{max-width:20ch;margin-top:8px;text-wrap:balance;line-height:1.45}
body .ecs-why-grid .why-item p{text-wrap:pretty}

@media (max-width:820px){
  .db-why .why-head{grid-template-columns:1fr;gap:24px}
  .db-why .why-stats{justify-content:flex-start}
  .db-why .why-stats .num-item{text-align:left}
  .db-why .why-stats .num-item .n{justify-content:flex-start}
  .db-why .why-stats .num-item .l{margin-left:0}
  .db-why .why-grid{grid-template-columns:1fr}
  .db-why .db-team-images,.db-why .team-collage{grid-template-columns:1fr}
}
@media (max-width:600px){
  .db-why .askai{margin-top:112px}
  .db-why .askai .btns p{display:grid !important;grid-template-columns:1fr 1fr;gap:12px}
  .db-why .askai .btns a{width:100%;justify-content:center}
}

/* ---- Prefixed why variants (16 Sept 2026) ----------------------------------
   The marketing and AI pages carry the same Why us component under their own
   class prefix: db-ga-why-grid, db-seo-why-item, db-li-num-item and so on, one
   prefix per page. Thirteen copies of one design, which is why they had drifted
   into flat text with small left aligned indigo stats while the strategy pages
   had cards and large white ones.

   Matched on the shared suffix rather than each prefix, so a new page picks the
   design up automatically. Scoped to .db-act--dark because every one of these
   sections is a dark act, which also keeps the attribute selectors off anything
   unrelated and beats the per page rules without needing !important. */
.db-act--dark [class*="-why-head"]{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,4vw,60px);align-items:end;margin-bottom:clamp(44px,5vw,70px)}
.db-act--dark [class*="-why-head"] h2{font-family:'Aeonik', 'Aeonik Fallback';font-weight:600;font-size:clamp(2.6rem,3.4vw,3.8rem);line-height:1.06;color:#fff}
.db-act--dark [class*="-why-lead"] .db-sub{margin-top:16px;max-width:64ch;text-wrap:balance;color:var(--pale-2,#A1A1A1)}
.db-act--dark [class*="-why-stats"]{display:flex;gap:clamp(30px,3.8vw,64px);justify-content:flex-end;flex-wrap:wrap}
.db-act--dark [class*="-num-item"]{text-align:right}
.db-act--dark [class*="-num-item"] > [class*="-num"]:not([class*="-num-l"]){font-family:'Aeonik', 'Aeonik Fallback';font-weight:600;font-size:clamp(3rem,4vw,4.2rem);line-height:1;color:#fff !important}
body .db-act--dark [class*="-num-item"] > [class*="-num"] span{color:#fff !important}
.db-act--dark [class*="-num-l"]{font-size:12.5px;color:var(--pale-2,#A1A1A1);margin-top:8px;max-width:20ch;margin-left:auto;text-wrap:balance;line-height:1.45}
.db-act--dark [class*="-why-grid"]{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(20px,2.4vw,34px)}
.db-act--dark [class*="-why-grid"] > [class*="-why-item"]{background:var(--dfill-1,rgba(255,255,255,.035));border:1px solid var(--dline-1,rgba(255,255,255,.1));border-radius:16px;padding:clamp(24px,2.6vw,34px)}
.db-act--dark [class*="-why-item"] h3{font-family:'Aeonik', 'Aeonik Fallback';font-weight:600;font-size:clamp(1.9rem,2.1vw,2.2rem);color:#fff;margin:0 0 12px;line-height:1.15}
.db-act--dark [class*="-why-item"] p{font-size:14.5px;color:var(--pale-2,#A1A1A1);line-height:1.65;margin:0;text-wrap:pretty}
@media (max-width:820px){
  .db-act--dark [class*="-why-head"]{grid-template-columns:1fr;gap:24px}
  .db-act--dark [class*="-why-stats"]{justify-content:flex-start}
  .db-act--dark [class*="-num-item"]{text-align:left}
  .db-act--dark [class*="-num-l"]{margin-left:0}
  .db-act--dark [class*="-why-grid"]{grid-template-columns:1fr}
}

/* Ask-the-machines line (16 Sept 2026): was running the full section width. */
.db-why .askai p{max-width:1000px !important;margin-inline:auto;text-wrap:pretty}

/* db-faq-tidy */

/* Answer: sized and coloured like body copy, not inherited from the section. */
details .a{font-size:16px !important;line-height:1.7;color:rgba(22,22,22,.86);max-width:68ch}
details .a p{font-size:inherit;line-height:inherit;margin:0 0 14px}
details .a p:last-child{margin-bottom:0}
details .a ul,details .a ol{font-size:inherit;line-height:inherit;margin:0 0 14px;padding-left:20px}
details .a li{margin-bottom:6px}
details .a a{color:#2056DF;text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;text-decoration-color:currentColor;text-decoration-color:color-mix(in srgb,currentColor 45%,transparent)}
details .a a:hover{text-decoration-color:currentColor}
/* Underline added 29 Sep 2026: answer links were told apart from the answer text by colour alone,
   which fails WCAG 1.4.1 (PageSpeed: links rely on colour to be distinguishable). */

/* Question: one size everywhere. Was 17px on some lists and 16.8px on others. */
details > summary{font-size:17px}
details > summary h3.faq-q,details > summary h3{font-size:17px;line-height:1.4}

@media (max-width:767px){
  details .a{font-size:15px !important}
  details > summary,details > summary h3.faq-q,details > summary h3{font-size:15.5px}
}

/* ---- One FAQ toggle, sitewide (16 Sept 2026) --------------------------------
   Standardised on the /website-design/ marker: a light indigo + at the right of
   the row that rotates 45 degrees into a cross when the item opens. No circle.

   Matched on the element, not the class. The FAQ container carries 22 different
   class names across the site and the answer div 16, with many having none, so
   any class based match missed half the pages. Every <details> is an FAQ except
   the plan comparison on the care plans page (.cmp) and the three vs toggles on
   the AI pages (.db-vs-toggle), both excluded.

   Two pages draw their marker as a real element in the markup rather than a
   pseudo element: span.ico on membership and span.faq-tog on branding. Those are
   hidden, or the page shows two markers. Note .eco-faq-q is NOT a marker, it is
   the question text, so it must not be caught by the same rule.

   !important because several pages scope their marker to an element ID
   (#brxe-xxxxxx summary::after), which outranks any class based rule. */
details:not(.cmp):not(.db-vs-toggle) > summary{list-style:none !important;cursor:pointer;display:block;position:relative;padding-right:44px}
details:not(.cmp):not(.db-vs-toggle) > summary::-webkit-details-marker{display:none}
details:not(.cmp):not(.db-vs-toggle) > summary > .ico,
details:not(.cmp):not(.db-vs-toggle) > summary > .faq-tog{display:none !important}
details:not(.cmp):not(.db-vs-toggle) > summary::after{
  content:'+' !important;position:absolute;right:4px;top:50%;
  transform:translateY(-50%) !important;transform-origin:50% 50%;
  font-family:'Aeonik', 'Aeonik Fallback',sans-serif;font-size:24px;font-weight:300;line-height:1;
  color:#4F27C7;background:none;border:none;width:auto;height:auto;border-radius:0;
  display:block;transition:transform .25s ease,color .25s ease;
}
/* !important here too: the per page BASE rule is ID scoped (#brxe-xxxxxx
   summary::after) at 1,0,2 and an id outranks the three classes in this
   selector, so without it the base transform won and the + never rotated. */
details[open]:not(.cmp):not(.db-vs-toggle) > summary::after{transform:translateY(-50%) rotate(45deg) !important;background:none !important;color:#4F27C7}
details:not(.cmp):not(.db-vs-toggle) > summary:hover::after{color:#2056DF}
/* on the dark acts the indigo is too low contrast, lift it */
.db-act--dark details:not(.cmp):not(.db-vs-toggle) > summary::after,
.act-dark details:not(.cmp):not(.db-vs-toggle) > summary::after{color:#9F86FF}
@media (prefers-reduced-motion:reduce){details:not(.cmp):not(.db-vs-toggle) > summary::after{transition:none}}

/* db-seo-prose */

.sp-track,[class*="-sp-inner"]{font-size:14.5px !important;color:rgba(22,22,22,.8) !important}
.seo-prose h3{color:rgba(22,22,22,.62) !important}
@media (max-width:760px){
  .sp-flow{cursor:grab}
  .sp-track{padding-block:2px}
}

/* Real columns, not grid cells (16 Sept 2026).
   The per page rule is #brxe-xxxx .sp-track{display:grid;grid-template-columns:1fr 1fr}.
   A grid puts each paragraph in its own cell, so three paragraphs fill cells 1, 2
   and 3 and leave cell 4 empty: one short column, one long one, and a hole at the
   bottom right. Multi column flows the text instead and balances the two columns
   whatever the paragraph count, which is what this block always wanted.
   !important because the page rules are ID scoped and would otherwise win. */
@media (min-width:761px){
  .sp-track,[class*="-sp-inner"]{display:block !important;columns:2 !important;column-gap:clamp(36px,4vw,72px) !important;column-fill:balance;grid-template-columns:none !important}
  .sp-text,[class*="-sp-text"]{display:block;margin:0 0 18px;break-inside:auto}
  .sp-text:last-child,[class*="-sp-text"]:last-child{margin-bottom:0}
}

/* Links in the prose block (16 Sept 2026). They inherited the grey body colour
   with no underline, so every internal link we added down here was invisible.
   29 Sep 2026: selectors widened to every container this block uses (.sp-track,
   *-sp-inner, *-sp-flow, *-seo-prose). On the digital marketing page the links sat in
   .sp-track, matched none of the originals, and relied on colour alone (PageSpeed
   accessibility: links rely on colour to be distinguishable). */
.sp-text a,[class*="-sp-text"] a,.seo-prose a,.sp-track a,[class*="-sp-inner"] a,[class*="-sp-flow"] a,[class*="-seo-prose"] a{color:#2056DF !important;text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;text-decoration-color:rgba(32,86,223,.45)}
.sp-text a:hover,[class*="-sp-text"] a:hover,.seo-prose a:hover,.sp-track a:hover,[class*="-sp-inner"] a:hover,[class*="-sp-flow"] a:hover,[class*="-seo-prose"] a:hover{color:#1A48BD !important;text-decoration-color:currentColor}

/* db-mnav-css */
/* ===== Design Box Mobile Menu ===== */
.db-mnav{ display:none; }

/* Mobile top bar (hidden by default; shown <=991px) */
/* ===== Floating mobile bar (transparent at top, glass on scroll) ===== */
.db-mnav__topbar{ display:none; }

.db-mnav__topbar{
  position:fixed; top:5px; left:5px; right:5px; height:56px; z-index:99996;
  border-radius:999px;
  background:transparent;
  border:1px solid transparent;
  backdrop-filter:blur(0px); -webkit-backdrop-filter:blur(0px);
  transition:background .4s ease, border-color .4s ease, backdrop-filter .4s ease, box-shadow .4s ease, transform .55s cubic-bezier(.16,.84,.28,1), opacity .45s ease;
  pointer-events:none;
}
/* Hidden while scrolling down, back on scroll up. Matches the desktop header. */
.db-mnav--hidden .db-mnav__topbar{ transform:translateY(-120%); opacity:0; pointer-events:none;
  transition:transform .28s cubic-bezier(.4,0,.7,.2), opacity .2s ease; }
@media (prefers-reduced-motion:reduce){
  .db-mnav__topbar{ transition:background .4s ease, border-color .4s ease; }
  .db-mnav--hidden .db-mnav__topbar{ transform:none; opacity:1; }
}
/* Glass background once scrolled */
.db-mnav.is-scrolled .db-mnav__topbar{
  background:rgba(22,22,26,0.55);
  border-color:rgba(255,255,255,0.12);
  backdrop-filter:blur(16px) saturate(140%); -webkit-backdrop-filter:blur(16px) saturate(140%);
  box-shadow:0 8px 30px rgba(0,0,0,0.28);
}

/* Call icon (left, inside the bar) */
.db-mnav__call{
  position:absolute; top:50%; left:16px; transform:translateY(-50%); z-index:100000;
  width:44px; height:44px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  color:#fff; text-decoration:none; pointer-events:auto;
  transition:background .3s ease, opacity .25s ease;
}
.db-mnav__call:hover{ background:rgba(255,255,255,0.08); }
.db-mnav__call svg{ display:block; width:25px; height:25px; opacity:.92; transform:translateY(-0.5px); }

/* Centered logo */
.db-mnav__logo{
  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:99998;
  height:56px; display:flex; align-items:center; justify-content:center;
  pointer-events:auto;
}
.db-mnav__logo img{ height:34px; width:auto; display:block; }

/* When menu open, hide the call icon + centered logo (keep only the hamburger/X) */
.db-mnav.is-open .db-mnav__call,
.db-mnav.is-open .db-mnav__logo{ opacity:0; pointer-events:none; transition:opacity .25s ease; }

/* Toggle (right, inside the bar) */
.db-mnav__toggle{
  position:fixed; top:11px; right:16px; z-index:100000;
  width:44px; height:44px; border:0; border-radius:50%;
  background:transparent;
  display:flex; align-items:center; justify-content:center;
  cursor:pointer; padding:0; pointer-events:auto;
  transition:background .3s ease;
}
.db-mnav__toggle:hover{ background:rgba(255,255,255,0.08); }
.db-mnav__bars{ position:relative; width:20px; height:14px; display:block; }
.db-mnav__bars i{
  position:absolute; left:0; width:100%; height:2px; border-radius:2px;
  background:#fff; transition:transform .35s cubic-bezier(.7,0,.2,1), opacity .25s ease, top .35s cubic-bezier(.7,0,.2,1);
}
.db-mnav__bars i:nth-child(1){ top:0; }
.db-mnav__bars i:nth-child(2){ top:6px; }
.db-mnav__bars i:nth-child(3){ top:12px; }
.db-mnav.is-open .db-mnav__bars i:nth-child(1){ top:6px; transform:rotate(45deg); }
.db-mnav.is-open .db-mnav__bars i:nth-child(2){ opacity:0; }
.db-mnav.is-open .db-mnav__bars i:nth-child(3){ top:6px; transform:rotate(-45deg); }

/* Overlay */
.db-mnav__overlay{
  position:fixed; inset:0; z-index:99999; display:flex; justify-content:flex-end;
}
.db-mnav__overlay[hidden]{ display:none; }
.db-mnav__backdrop{
  position:absolute; inset:0; background:rgba(8,8,12,0.42);
  opacity:0; transition:opacity .45s ease;
}
.db-mnav.is-open .db-mnav__backdrop{ opacity:1; }

.db-mnav__sheet{
  position:relative; width:100%; max-width:520px; height:100%;
  background:rgba(20,20,26,0.62);
  backdrop-filter:blur(26px) saturate(150%); -webkit-backdrop-filter:blur(26px) saturate(150%);
  border-left:1px solid rgba(255,255,255,0.10);
  box-shadow:-20px 0 60px rgba(0,0,0,.45);
  clip-path:inset(0 0 0 0);
  transform:translateX(100%);
  transition:transform .55s cubic-bezier(.76,0,.24,1);
  display:flex; flex-direction:column;
}
.db-mnav.is-open .db-mnav__sheet{ transform:translateX(0); }

.db-mnav__inner{
  flex:1; display:flex; flex-direction:column;
  padding:96px 32px 36px; overflow-y:auto; -webkit-overflow-scrolling:touch;
}

/* List */
.db-mnav__list{ list-style:none; margin:0; padding:0; flex:1; }
.db-mnav__item{ border-bottom:1px solid rgba(255,255,255,0.035); }
/* Staggered entrance (CSS, not GSAP delay) */
.db-mnav__item, .db-mnav__foot{
  opacity:0; transform:translateY(26px);
  transition:opacity .55s ease, transform .6s cubic-bezier(.22,1,.36,1);
}
.db-mnav.is-open .db-mnav__item,
.db-mnav.is-open .db-mnav__foot{ opacity:1; transform:translateY(0); }
.db-mnav.is-open .db-mnav__item:nth-child(1){ transition-delay:.20s; }
.db-mnav.is-open .db-mnav__item:nth-child(2){ transition-delay:.26s; }
.db-mnav.is-open .db-mnav__item:nth-child(3){ transition-delay:.32s; }
.db-mnav.is-open .db-mnav__item:nth-child(4){ transition-delay:.38s; }
.db-mnav.is-open .db-mnav__item:nth-child(5){ transition-delay:.44s; }
.db-mnav.is-open .db-mnav__item:nth-child(6){ transition-delay:.50s; }
.db-mnav.is-open .db-mnav__foot{ transition-delay:.56s; }
.db-mnav__item:first-child{ border-top:1px solid rgba(255,255,255,0.08); }

.db-mnav__link{
  width:100%; display:flex; align-items:center; justify-content:space-between;
  gap:12px; background:none; border:0; cursor:pointer; text-align:left;
  font-family:"Aeonik", 'Aeonik Fallback',sans-serif; font-weight:500; font-size:26px; line-height:1.15;
  letter-spacing:-.01em; color:#fff; text-decoration:none; text-shadow:0 1px 3px rgba(0,0,0,0.35);
  padding:20px 2px; transition:color .25s ease, opacity .25s ease;
}
.db-mnav__link:hover{ color:#9aa7ff; }

/* Chevron */
.db-mnav__chev{
  position:relative; display:inline-block; width:16px; height:16px; flex:0 0 auto; margin-right:2px;
  color:#ffffff;
  transition:transform .4s cubic-bezier(.76,0,.24,1);
}
.db-mnav__chev::before{
  content:""; position:absolute; top:42%; left:50%;
  width:8px; height:8px;
  border-right:2px solid currentColor; border-bottom:2px solid currentColor;
  border-radius:1px;
  transform:translate(-50%,-50%) rotate(45deg);
  opacity:.85;
}
.db-mnav__trigger[aria-expanded="true"] .db-mnav__chev{ transform:rotate(180deg); color:#fff; }
.db-mnav__trigger[aria-expanded="true"]{ color:#9aa7ff; }

/* Sub (accordion) */
.db-mnav__sub{ display:grid; grid-template-rows:0fr; transition:grid-template-rows .45s cubic-bezier(.76,0,.24,1); }
.db-mnav__trigger[aria-expanded="true"] + .db-mnav__sub{ grid-template-rows:1fr; }
.db-mnav__subinner{ overflow:hidden; }
.db-mnav__sub a{
  display:block; font-family:"Aeonik", 'Aeonik Fallback',sans-serif; font-size:15px; font-weight:400;
  color:rgba(255,255,255,.72); text-decoration:none; text-shadow:0 1px 2px rgba(0,0,0,0.3); padding:8px 2px 8px 4px;
  transition:color .25s ease, padding-left .25s ease;
}
.db-mnav__sub a:first-child{ padding-top:4px; }
.db-mnav__sub a:last-child{ padding-bottom:22px; }
.db-mnav__sub a:hover{ color:#fff; padding-left:10px; }

/* Footer */
.db-mnav__foot{ margin-top:28px; display:flex; flex-direction:column; gap:16px; }
.db-mnav__cta{
  display:flex; align-items:center; justify-content:center; text-align:center;
  font-family:"Aeonik", 'Aeonik Fallback',sans-serif; font-weight:600; font-size:16px; letter-spacing:.01em;
  color:#fff; text-decoration:none; background:#3b5bfd; border-radius:999px;
  padding:18px 24px; transition:transform .25s ease, background .25s ease;
}
.db-mnav__cta:hover{ background:#2f4cf0; transform:translateY(-2px); }
.db-mnav__phone{
  text-align:center; font-family:"Aeonik", 'Aeonik Fallback',sans-serif; font-size:14px; font-weight:500;
  color:rgba(255,255,255,.78); text-decoration:none; letter-spacing:.02em;
  transition:color .25s ease;
}
.db-mnav__phone:hover{ color:#fff; }

/* Lock scroll */
body.db-mnav-lock{ overflow:hidden; }

/* ===== Breakpoint: show mobile menu, hide desktop nav (<=991px) ===== */
@media (max-width:991px){
  .db-mnav{ display:block; }

  /* Suppress the ORIGINAL mega-nav's built-in mobile UI (left burger, panels, dropdowns) */
  #brx-header .mega-nav__burger,
  #brx-header [class*="mega-nav__burger"],
  #brx-header .mega-nav__panel,
  #brx-header [class*="mega-nav__panel"],
  #brx-header .mega-nav__dropdown-wrapper,
  #brx-header [class*="mega-nav__dropdown"],
  #brx-header .mega-nav__backdrop{ display:none !important; }

  /* Hide the desktop nav links */
  #brx-header .mega-nav__bar-inner{ display:none !important; }

  /* Hide the ORIGINAL template mobile header row (centered logo + left burger + phone icon) */
  #brx-header .mega-nav__bar-end,
  #brx-header [class*="mega-nav__bar-end"]{ display:none !important; }

  /* Hide the original mobile bar container (#brxe-egqlea): centered logo + left burger + phone icon */
  #brx-header #brxe-egqlea,
  #brx-header .brxe-container{ display:none !important; }

  /* The slide-out menu already has the phone + CTA, so hide them in the bar
     to give a clean logo-left / hamburger-right layout with no overlap */
  #brx-header .mega-nav__bar-list.is--actions{ display:none !important; }

  /* Hide the entire desktop nav container; my topbar provides the mobile header */
  #brx-header .mega-nav__container{ display:none !important; }

  /* Show my mobile top bar: call icon (left), centered logo, hamburger (right) */
  /* Show the floating bar elements on mobile */
  .db-mnav__topbar{ display:block; }
  .db-mnav__call{ display:flex; }
  .db-mnav__logo{ display:flex; }
}
@media (max-width:520px){
  .db-mnav__link{ font-size:22px; }
  .db-mnav__inner{ padding:88px 24px 30px; }
}
.db-mnav__contact{ text-align:center; font-family:"Aeonik", 'Aeonik Fallback',sans-serif; font-size:15px; font-weight:400; color:rgba(255,255,255,.75); text-decoration:none; transition:color .25s ease; }
.db-mnav__contact:hover{ color:#fff; }

/* wp-custom-css */

/* Moved to wp-content/plugins/designbox-core/assets/legacy.css on 12 Sep 2026.
   Loaded by designbox-core/includes/db-legacy-css.php.
   Pre-move backup: novamira-sandbox/customizer-css.bak-20260912.css
   Do not add CSS here. It overrides Bricks unpredictably. Use the plugin. */


/* db-support-form */
.brx-popup.brxe-popup-2573 .brx-popup-content{max-height:calc(100dvh - 40px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
#fluentform_5 .ff-el-group{margin-bottom:16px}
#fluentform_5 .ff-el-input--label label{font-size:14px;font-weight:500;color:#161616;margin-bottom:6px}
#fluentform_5 input.ff-el-form-control,#fluentform_5 select.ff-el-form-control,#fluentform_5 textarea.ff-el-form-control{font-size:16px;line-height:1.4;padding:13px 15px;border:1px solid #E4E2DB;border-radius:10px;color:#161616;background:#fff;box-shadow:none;height:auto;width:100%}
#fluentform_5 input.ff-el-form-control:focus,#fluentform_5 textarea.ff-el-form-control:focus{border-color:#2056DF;outline:none;box-shadow:none}
#fluentform_5 textarea.ff-el-form-control{min-height:110px}
#fluentform_5 .ff-btn-secondary:not(.ff_btn_no_style){background-color:#2056DF!important;border-radius:999px;padding:14px 30px;font-size:16px;font-weight:600}
#fluentform_5 .ff-btn.ff-btn-prev.ff-btn-secondary{background:transparent!important;color:#5b5b5b;padding:14px 2px;border-radius:0;border-bottom:1px solid rgba(91,91,91,.45)}
@media (max-width:767px){
.brx-popup.brxe-popup-2573 .brx-popup-content{width:calc(100vw - 20px)!important;max-width:none!important;padding:16px 16px 18px!important;border-radius:18px}
.brx-popup.brxe-popup-2573 #brxe-vtzinm{position:absolute!important;top:10px!important;right:10px!important;width:30px!important;height:30px!important;display:flex!important;align-items:center;justify-content:center}
.brx-popup.brxe-popup-2573 #brxe-vtzinm svg{width:16px!important;height:16px!important}
#brxe-cwjiwx{padding:0!important}
#brxe-skhphz{row-gap:12px!important;align-items:flex-start!important}
#brxe-cwnfgo{font-size:20px!important;line-height:1.2!important;margin:0!important;text-align:left!important;padding-right:36px}
#fluentform_5 .ff-el-progress-status{display:none!important}
#fluentform_5 .ff-el-progress{width:100%!important;height:6px!important}
#fluentform_5 .ff-step-header.ff-step-header--progress{margin-bottom:16px!important}
#fluentform_5 .ff-el-group{margin-bottom:12px}
#fluentform_5 .support-form-checkboxes-container-styling .ff-el-input--content{display:flex!important;flex-direction:column!important;gap:6px!important}
#fluentform_5 .support-form-checkboxes-container-styling .ff-el-form-check{width:100%!important;margin:0!important;padding:0!important}
#fluentform_5 .support-form-checkboxes-container-styling .ff-el-form-check label{width:100%;margin:0}
#fluentform_5 .support-form-checkboxes-container-styling .ff-el-form-check label>span{display:block!important;width:100%!important;font-size:15px!important;line-height:1.35!important;padding:11px 14px!important;border-radius:10px!important;text-align:left!important}
#fluentform_5 .support-form-checkboxes-container-styling label{font-size:14px!important}
#fluentform_5 .step-nav{display:flex;align-items:center;gap:12px;margin-top:18px}
#fluentform_5 .ff-btn-next,#fluentform_5 .ff-btn-submit{flex:1 1 auto;padding:13px 18px;font-size:15px!important}
#fluentform_5 .ff-btn.ff-btn-prev.ff-btn-secondary{flex:0 0 auto}
#fluentform_5 .ff_upload_btn.ff-btn{width:100%;padding:15px 14px!important;font-size:15px}
}
/* db-support-scroll */
@media (max-width:767px){
.brx-popup.brxe-popup-2573 #brxe-cwnfgo{position:sticky;top:0;z-index:3;background:#fff;padding-top:2px;padding-bottom:8px}
.brx-popup.brxe-popup-2573 .brx-popup-content::after{content:"";display:block;position:sticky;bottom:-18px;left:0;height:34px;margin-top:-34px;pointer-events:none;background:linear-gradient(rgba(255,255,255,0),#fff 78%)}
}
/* db-support-gate */
#fluentform_5 .db-s-gate{margin-bottom:20px}
#fluentform_5 .db-s-note{background:#F5F4F0;border:1px solid #E4E2DB;border-radius:12px;padding:18px 20px;margin:0 0 20px}
#fluentform_5 .db-s-note__t{margin:0 0 6px;font-size:16px;font-weight:600;color:#161616}
#fluentform_5 .db-s-note__p{margin:0 0 14px;font-size:14px;line-height:1.6;color:#4B5563}
#fluentform_5 .db-s-note__btn{display:inline-block;background:#2056DF;color:#fff;text-decoration:none;border-radius:999px;padding:10px 22px;font-size:15px}
#fluentform_5 .db-s-note__btn:hover{background:#1A48BD;color:#fff}
#fluentform_5 .db-s-note__alt{display:inline-block;margin-left:14px;font-size:14px;color:#2056DF;text-decoration:none;border-bottom:1px solid rgba(32,86,223,.35)}
@media (max-width:767px){
#fluentform_5 .db-s-note__btn{display:block;text-align:center}
#fluentform_5 .db-s-note__alt{display:block;margin:12px 0 0}
}