/* v1 pages kept for their widgets (build-my-website, design-request-thanks): keep the new header and footer on top of the old styles */
.v1-wrap{display:block}
/* align the two kept v1 pages (builder, design thanks) with the new design - styles only, markup untouched */
.v1-wrap h1,.v1-wrap h2,.v1-wrap h3,.v1-wrap .h4-look{font-family:'DM Sans',system-ui,sans-serif!important;font-weight:400!important;letter-spacing:-.015em}
.v1-wrap .banner.one{background:#05070F!important;background-image:radial-gradient(900px 420px at 50% 130%,rgba(26,102,255,.45),transparent 70%)!important;padding:64px 0 72px!important}
.v1-wrap .banner.one:before,.v1-wrap .banner.one:after{display:none!important}
.v1-wrap .banner-heading h1{font-size:56px!important;line-height:64px!important;color:#fff!important}
.v1-wrap .hero-lead,.v1-wrap .hero-desc{color:rgba(255,255,255,.78)!important}
.v1-wrap .btns.one{background:#1A66FF!important;border-color:#1A66FF!important;border-radius:12px!important;min-height:48px;font-weight:600}
.v1-wrap .hero-secondary{border-radius:12px!important}
.v1-wrap .hk-proofbar{background:#fff;border-bottom:1px solid #E6E6EA}
.v1-wrap .section-heading h2,.v1-wrap .hk-request h2{font-size:40px!important;line-height:48px!important}
.v1-wrap .hk-step,.v1-wrap .hk-request-form{border-radius:20px!important}
.v1-wrap .hk-thanks-next,.v1-wrap .sectionbg1{background:#F5F5F6!important}
@media (max-width:640px){.v1-wrap .banner-heading h1{font-size:36px!important;line-height:44px!important}.v1-wrap .section-heading h2,.v1-wrap .hk-request h2{font-size:30px!important;line-height:38px!important}}
/* 27 Oct: hero, proof line and text match the new pages */
.v1-wrap .v1-hero{padding:72px 0 0}
.v1-wrap .v1-hero-in{max-width:880px;margin:0 auto;padding:0 24px 56px}
.v1-wrap .v1-hero h1{font-size:56px!important;line-height:64px!important;color:#fff!important;margin:0 auto!important}
.v1-wrap .v1-hero .art-lede{margin:18px auto 0;color:rgba(255,255,255,.78)!important}
.v1-wrap .v1-hero .art-lede-sm{font-size:16px;line-height:26px;color:rgba(255,255,255,.6)!important}
.v1-wrap .v1-hero .dhero-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:28px}
.v1-wrap .v1-proof{border-top:1px solid rgba(255,255,255,.12)}
.v1-wrap .xh-stars svg{width:16px;height:16px}
.v1-wrap{color:var(--ink);font-size:16px;line-height:1.6}
.v1-wrap p,.v1-wrap li,.v1-wrap small{color:var(--muted);letter-spacing:0}
.v1-wrap label{position:relative;color:var(--ink);letter-spacing:0}
.v1-wrap h2,.v1-wrap h3,.v1-wrap h4,.v1-wrap .h2-look,.v1-wrap .h3-look,.v1-wrap .h4-look{color:var(--ink)!important;font-weight:400!important;letter-spacing:-.015em}
.v1-wrap h4,.v1-wrap .h4-look{font-weight:600!important;letter-spacing:0}
.v1-wrap input,.v1-wrap select,.v1-wrap textarea,.v1-wrap button{font-family:'DM Sans',system-ui,sans-serif}
@media (max-width:640px){.v1-wrap .v1-hero{padding-top:44px}.v1-wrap .v1-hero h1{font-size:36px!important;line-height:44px!important}}
/* builder's "sections" chips and "own page" tick (added by its script): normal ticks inside their pills,
   not pinned to the top-left of the page by the form's custom-checkbox rule */
.v1-wrap .hk-request .hk-request-form .hkp-chips input[type=checkbox],
.v1-wrap .hk-request .hk-request-form .hkp-check input[type=checkbox]{position:static!important;appearance:auto!important;-webkit-appearance:checkbox!important;width:16px!important;height:16px!important;border:0!important;margin:0!important;flex:0 0 auto;accent-color:#1A66FF}
.v1-wrap .hkp-chips label{position:relative}
.v1-wrap .hkp-chips label.on{border-color:#1A66FF!important;background:#EEF3FF!important}
.v1-wrap .v1-hero h1{letter-spacing:-.015em!important}
/* one font everywhere: the old theme's serif (Newsreader) is not used on the new site */
.v1-wrap,.v1-wrap *:not(code):not(pre):not([class^="ri-"]):not([class*=" ri-"]){font-family:'DM Sans',system-ui,sans-serif!important}
.v1-wrap .v1-hero .btn{white-space:normal;text-align:center;max-width:100%;height:auto;min-height:48px}
/* the old theme's link and body rules must not reach the shared header and footer on these two pages */
body{font-weight:400!important}
.nav .nav-links>li>a{font-size:15px!important;font-weight:400!important;line-height:22.5px!important}
.nav,.nav *{letter-spacing:normal}
.v1-wrap .btn,.v1-wrap .btns{border-radius:12px!important}
.v1-wrap .btn-glass{border:1px solid rgba(255,255,255,.35)!important}
/* old step cards and FAQ: match the shared look */
.v1-wrap .sectionbg1,.v1-wrap .hk-thanks-next,.v1-wrap [class*="beige"],.v1-wrap .hk-steps{background:var(--soft)!important}
.v1-wrap .hk-step{background:#fff!important;border:1px solid var(--line)!important;box-shadow:none!important}
.v1-wrap .hk-step h3,.v1-wrap .hk-step h4{font-weight:500!important}
.v1-wrap details{border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;background:none!important;padding:0!important}
.v1-wrap details>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0!important;font-size:18px!important;font-weight:400!important;color:var(--ink)!important}
.v1-wrap details>summary::-webkit-details-marker{display:none}
.v1-wrap details>summary::before{display:none!important;content:none!important}
.v1-wrap details>summary::after{content:"+";font-size:22px;line-height:1;color:var(--ink);flex:0 0 auto}
.v1-wrap details[open]>summary::after{content:"\00d7"}
.v1-wrap details>*:not(summary){padding-bottom:18px}