/* Quick Sites 2: scoped additions to the existing editorial template. */
html{scroll-padding-top:110px}
body{overflow-x:visible}
main{overflow:clip}
.wrap{min-width:0}
a,button,input,select,textarea,summary{touch-action:manipulation}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #2447E0;outline-offset:4px}
.dark :focus-visible{outline-color:#b7c4ff}
.skip-link{position:fixed;top:8px;left:8px;z-index:1000;padding:12px;background:#fff;color:#0B1642;transform:translateY(-160%)}
.skip-link:focus{transform:none}
.topbar{gap:16px;flex-wrap:wrap}
.topbar__nav{display:flex!important;flex-wrap:wrap;gap:6px 18px}
.topbar__nav>a{padding:9px 0;font-size:.83rem;min-height:40px}
.hero{padding-top:64px;padding-bottom:65px}
.hero h1{font-size:clamp(2.65rem,5.8vw,4.4rem)}
.deck{margin:20px}
.sec h2{font-size:clamp(2rem,4.8vw,3.35rem);max-width:22ch}
.lead{max-width:68ch;color:var(--slate);margin:18px 0 24px}
.dark .lead{color:var(--porcelain)}
.tier-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.tier{padding:26px 22px;border-radius:3px;box-shadow:none}
.tier:nth-child(2){border:2px solid var(--klein)}
.tier .amt{font-size:2.2rem}
.timing,.fine{font-size:.85rem;color:var(--slate);margin:18px 0}
.dark .fine{color:#c7ccdf}
.timing{border-top:1px solid var(--line-ink);padding-top:14px;margin-top:auto}
.tier .btn{margin-top:10px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(25px,6vw,80px)}
.split p{margin:18px 0}
.reference-steps{padding-left:22px}
.reference-steps li{padding:0 0 20px 6px}
.dark details{border-top:1px solid #647090;margin-top:25px}
.dark summary{cursor:pointer;padding:18px 0}
#price,.brand-help,#terms{background:var(--porcelain)}
.upgrade-list{margin-top:30px;border-top:1px solid var(--line-ink)}
.upgrade-list details{border-bottom:1px solid var(--line-ink);padding:0 4px}
.upgrade-list summary{display:flex;justify-content:space-between;gap:20px;padding:18px 0;cursor:pointer;font-size:1rem;list-style:none}
.upgrade-list summary::-webkit-details-marker{display:none}
.upgrade-list summary>span:first-child:before{content:'\ff0b ';margin-right:12px;color:var(--klein)}
.upgrade-list details[open] summary>span:first-child:before{content:'\2212 '}
.upgrade-list summary>span:last-child{white-space:nowrap;color:var(--klein-deep)}
.upgrade-list p{max-width:80ch;margin:4px 0 18px}
.estimate-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:40px}
.estimate-layout label,.estimate-layout legend{display:block;font-size:.95rem}
.estimate-layout input:not([type=checkbox]),.estimate-layout select,.estimate-layout textarea{width:100%;font:inherit;font-size:1rem;padding:12px;border:1px solid #8390ba;background:#fff;color:var(--midnight);border-radius:2px;margin:7px 0 18px}
.estimate-layout fieldset{border:0;min-width:0;margin:20px 0}
.checks{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;margin-top:12px}
.checks .check{display:flex;gap:10px;align-items:flex-start;padding:10px 0;cursor:pointer}
.check input{flex:0 0 auto;margin-top:4px;accent-color:#2447E0;width:20px;height:20px}
.check small{display:block;color:#c7ccdf;font-size:.8rem}
.estimate-summary{border-top:2px solid #8ca3ff;padding:24px 0;align-self:start}
.estimate-summary h3{font-size:1.5rem}
.estimate-summary output{font-family:var(--serif);font-size:clamp(2rem,5vw,3.5rem);display:block;margin:12px 0}
.estimate-summary .cta{display:flex;gap:16px;flex-wrap:wrap;margin-top:18px;align-items:center}
.estimate-summary a:not(.btn){color:#c7d2ff}
.estimate-summary [hidden],form[hidden]{display:none}
#prepared-enquiry{margin-top:24px}
#selection-note,#value-tip{color:#fff;font-size:.9rem}
.examples,.terms-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:30px}
.examples p{border-top:1px solid var(--line-ink);padding-top:20px}
.terms-grid{grid-template-columns:1fr 1fr}
.terms-grid h3{font-size:1.5rem;margin-bottom:12px}
.faq-group{font-family:var(--sans);font-size:.8rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin:36px 0 8px;color:var(--klein-deep)}
.faq summary{font-size:1.2rem;min-height:48px}
.faq .a{max-width:80ch}
.callbar .w,.btn--wa{background:#176f40;border-color:#176f40}
.callbar{padding-bottom:env(safe-area-inset-bottom);background:#0b1642}
.contact__row a{white-space:normal;overflow-wrap:anywhere}
.tcard{border-radius:3px;box-shadow:none}
.step{border-radius:3px;box-shadow:none}
p,a,li{overflow-wrap:break-word}

@media(max-width:1000px){.tier-grid{grid-template-columns:1fr}
.tier{display:grid;grid-template-columns:1fr 1fr;gap:6px 25px}
.tier .k,.tier h3,.tier .amt,.tier .for{grid-column:1}
.tier ul{grid-column:2;grid-row:1/6}
.tier .timing{grid-column:1}
.tier .btn{grid-column:2}
.estimate-layout{grid-template-columns:1fr}
.estimate-summary{max-width:640px}
.split{gap:35px}
.hero .wrap{gap:10px}
}

@media(max-width:640px){html{scroll-padding-top:140px}
.topbar{padding:14px 4vw}
.topbar__nav{width:100%;justify-content:space-between;gap:4px}
.hero{padding-top:35px}
.deck{margin:25px 20px 30px}
.split,.terms-grid,.examples{grid-template-columns:1fr}
.tier{display:flex;gap:0}
.tier .timing{margin-top:0}
.checks{grid-template-columns:1fr}
.upgrade-list summary{font-size:.9rem;gap:8px}
.upgrade-list summary>span:first-child:before{margin-right:5px}
.contact__row{flex-direction:column;align-items:stretch}
.contact__row a{padding:14px 9px;font-size:.8rem}
body{padding-bottom:calc(70px + env(safe-area-inset-bottom))}
.hero h1{font-size:clamp(2.4rem,10.5vw,3.3rem)}
}

@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}
.deck:hover .card{transform:none}
}

.topbar__nav a:not(.btn){display:block;color:#e0e4f2}