/* Clear section boundaries, with compact orientation on phones. */
.v2-home{--section-warm:#f2ece3;--section-blue:#e5edf5;--section-rule:#a5b3c7}
.v2-home main>section:not(#hero){border-top:1px solid var(--section-rule);border-bottom:0}
.v2-home :is(.reviews-section,.photo-section){background:var(--section-warm)}
.v2-home :is(.designs.flow-section,.planning-section){background:var(--section-blue)}
.v2-home main>section:not(#hero) h2{position:relative;padding-bottom:20px;font-weight:600}
.v2-home main>section:not(#hero) h2:focus{outline:2px solid #33588b;outline-offset:6px;border-radius:2px}
.v2-home main>section:not(#hero) h2:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--section-rule);transform-origin:left}
.section-nav-links{display:flex;align-items:center;gap:40px;width:100%}
.mobile-section-menu,.feature-picker{display:none}
.section-reading-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--line);pointer-events:none}
.section-reading-progress>span{display:block;width:100%;height:100%;background:var(--ink);transform:scaleX(var(--section-progress,0));transform-origin:left}
.section-reading-progress[hidden]{display:none}
.scroll-arriving[data-scroll-kind=section]{animation:none;will-change:auto}
.scroll-arriving[data-scroll-kind=section]:after{animation:section-rule-reveal 650ms cubic-bezier(.16,1,.3,1) both}
@keyframes section-rule-reveal{from{transform:scaleX(.15);opacity:.45}to{transform:scaleX(1);opacity:1}}
@media(max-width:700px){
 .v2-home #setup{display:none}
 .v2-home .flow-section{padding-top:52px;padding-bottom:36px}
 body.v2-home:not(.preview-expanded) .live-section{padding-top:36px;padding-bottom:28px}
 .v2-home main>section:not(#hero) h2{font-size:34px;line-height:1.16;letter-spacing:-.03em;padding-bottom:18px;text-wrap:balance}
 .v2-home .live-section .section-heading{margin-bottom:24px}
 .v2-home .flow-heading{margin-bottom:28px}
 .section-nav-links{justify-content:space-between;gap:20px}
 .sections-ready .section-nav-links{display:none}
 .sections-ready .mobile-section-menu{display:flex;align-items:center;gap:20px;width:100%;min-height:50px;font-family:var(--heading-font)}
 .mobile-section-menu>span{flex:none;color:var(--muted);font-size:12px}
 .mobile-section-menu select{flex:1;min-width:0;width:100%;min-height:44px;margin:0;padding:8px 28px 8px 12px;background:var(--paper);color:var(--ink);border:1px solid transparent;font:500 15px/1.4 var(--heading-font);border-radius:6px}
 .mobile-section-menu select:focus-visible,.feature-picker select:focus-visible{outline:3px solid #33588b;outline-offset:2px}
 .section-reading-progress{display:block}
 .sections-ready .feature-tabs{display:none}
 .sections-ready .feature-picker{display:block;grid-column:1;margin:0;font-family:var(--heading-font)}
 .feature-picker>span{display:block;font-size:12px;color:var(--body);margin-bottom:8px}
 .feature-picker select{display:block;width:100%;min-height:48px;padding:11px 36px 11px 14px;border:1px solid #8796ae;border-radius:6px;background:var(--paper);color:var(--ink);font:500 16px/1.4 var(--heading-font)}
 .feature-explorer{gap:24px}
}
@media(min-width:701px){.section-reading-progress{display:none}}
@media(prefers-reduced-motion:reduce){.scroll-arriving[data-scroll-kind=section]:after{animation:none}}
@media print{.mobile-section-menu,.section-reading-progress,.feature-picker{display:none!important}.sections-ready .feature-tabs{display:flex}.scroll-arriving[data-scroll-kind=section]:after{animation:none}}

/* Phones move directly from the film to the page content. */
@media(max-width:700px){
 .v2-home .section-nav{display:none}
 html:has(body.v2-home){scroll-padding-top:calc(var(--v2-nav-height,70px) + 20px)}
}