/* Local Designbase-inspired composition; existing content and recordings retained. */
#designbase-preview.db-preview{--ft-margin:clamp(20px,5vw,72px);--db-bg:#fff;--db-ink:#111827;--db-muted:#526075;--db-soft:#f3f8ff;--db-line:#e3e9f1;--db-blue:#005bab;--db-accent-text:#005bab;background:var(--db-bg);color:var(--db-ink)}
:root[data-theme=dark] #designbase-preview.db-preview{--db-bg:#111827;--db-ink:#f8fafc;--db-muted:#b8c6da;--db-soft:#19263b;--db-line:#34435b;--db-blue:#005bab;--db-accent-text:#a4ceff}
#designbase-preview.db-preview .wrap,#designbase-preview.db-preview .hero-intro{max-width:1384px}
#designbase-preview.db-preview .md-header{top:0;left:0;right:0;min-height:82px;padding:18px var(--ft-margin);align-items:center;border-bottom:1px solid var(--db-line);background:var(--db-bg);box-shadow:none;transform:none}
#designbase-preview.db-preview .md-navbox,#designbase-preview.db-preview .md-controls{height:46px;border:0;background:transparent;box-shadow:none}
#designbase-preview.db-preview .wordmark{border:0;font-size:25px;font-weight:750;padding:0 32px 0 0;letter-spacing:-.055em}
#designbase-preview.db-preview .md-navbox__list{gap:28px}
#designbase-preview.db-preview .md-navbox__list li,#designbase-preview.db-preview .md-navbox__list a{border:0;background:transparent}
#designbase-preview.db-preview .md-navbox__list a{padding:10px 0;font-size:15px;font-weight:600;color:var(--db-muted)}
#designbase-preview.db-preview .md-navbox__list a[aria-current]{color:var(--db-accent-text)}
#designbase-preview.db-preview .md-controls{gap:10px}
#designbase-preview.db-preview .theme-toggle,#designbase-preview.db-preview .menu-toggle{border:1px solid var(--db-line);border-radius:8px;padding:10px 14px;color:var(--db-ink);background:var(--db-bg)}
#designbase-preview.db-preview .header-contact{border:0;border-radius:8px;background:var(--db-blue);color:var(--db-bg);padding:12px 20px;font-size:15px;font-weight:650}
#designbase-preview.db-preview .hero{padding-top:138px;padding-bottom:64px;border:0;background:radial-gradient(ellipse at 75% 90%,#dcecff80,transparent 55%),var(--db-soft)}
:root[data-theme=dark] #designbase-preview.db-preview .hero{background:var(--db-soft)}
#designbase-preview.db-preview .hero-intro{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:64px;align-items:center}
#designbase-preview.db-preview .hero h1{font-size:clamp(38px,4.05vw,60px);line-height:1.25;font-weight:750;letter-spacing:-.055em;text-wrap:initial;max-width:760px}
#designbase-preview.db-preview .hero-foot{margin-top:30px;display:block}
#designbase-preview.db-preview .hero-foot>p{font-size:18px;line-height:1.85;color:var(--db-muted);max-width:unset}
#designbase-preview.db-preview .hero-links{margin-top:30px;gap:12px}
#designbase-preview.db-preview .hero-links .text-link{font-size:15px;font-weight:650;border:1px solid var(--db-line);border-radius:8px;background:var(--db-bg);padding:14px 20px;min-height:48px}
#designbase-preview.db-preview .hero-links .text-link:first-child{background:var(--db-blue);border-color:var(--db-blue);color:var(--db-bg)}
:root #designbase-preview.db-preview.center-management .app-showcase.video-showcase{width:100%;max-width:440px;background:var(--db-bg);padding:26px 30px 16px;border:1px solid var(--db-line);border-radius:24px;box-shadow:0 20px 55px #17365a0d}
#designbase-preview.db-preview .video-stage{width:230px;margin-bottom:12px}
#designbase-preview.db-preview .video-controls{margin-top:0}
#designbase-preview.db-preview .video-controls button{border:0;font-size:13px;color:var(--db-muted)}
#designbase-preview.db-preview .sec{padding-block:76px;border-color:var(--db-line)}
#designbase-preview.db-preview .h2,#designbase-preview.db-preview .feature-intro .h2{font-size:clamp(30px,3vw,42px);font-weight:720;line-height:1.3;letter-spacing:-.045em}
#designbase-preview.db-preview .eyebrow{font-size:14px;font-weight:650;color:var(--db-accent-text);margin-bottom:18px}
#designbase-preview.db-preview .feature-intro{padding-top:76px;padding-bottom:32px}
#designbase-preview.db-preview .feature-intro>p:last-child{font-size:16px;line-height:1.8;color:var(--db-muted);max-width:670px}
#designbase-preview.db-preview .feature-pin{background:var(--db-bg)}
#designbase-preview.db-preview .feature-copy h3{font-weight:700;font-size:clamp(28px,3vw,40px);letter-spacing:-.04em}
#designbase-preview.db-preview .feature-kicker{color:var(--db-accent-text);font-weight:650}
#designbase-preview.db-preview .feature-copy>p{color:var(--db-muted)}
#designbase-preview.db-preview .feature-nav{border:1px solid var(--db-line);border-radius:12px;padding:8px;background:var(--db-soft)}
#designbase-preview.db-preview .feature-tabs [aria-selected=true]{background:var(--db-blue);color:var(--db-bg);border-radius:8px;border-color:transparent}
#designbase-preview.db-preview .feature-actions button{border-radius:8px;border:1px solid var(--db-line);padding:10px 16px}
#designbase-preview.db-preview #faq{background:var(--db-bg)}
#designbase-preview.db-preview .faq-list{margin-top:32px;border:1px solid var(--db-line);border-radius:16px;padding-inline:26px}
#designbase-preview.db-preview .faq-list details{border-color:var(--db-line)}
#designbase-preview.db-preview .faq-list details:last-child{border-bottom:0}
#designbase-preview.db-preview .faq-list summary{font-size:18px;font-weight:600;padding-block:24px}
#designbase-preview.db-preview .fn-next{background:var(--db-soft)}
#designbase-preview.db-preview .fn-next-grid{gap:64px;margin-top:24px}
#designbase-preview.db-preview .fn-next-grid h3{font-size:23px;font-weight:700}
#designbase-preview.db-preview .fn-next-grid p{color:var(--db-muted);font-size:16px;line-height:1.85}
#designbase-preview.db-preview .finder-grid label{border:1px solid var(--db-line);border-radius:10px;background:var(--db-bg)}
#designbase-preview.db-preview .finder-grid label:has(input:checked){outline:0;border-color:var(--db-blue);background:var(--db-bg);box-shadow:inset 0 0 0 1px var(--db-blue)}
#designbase-preview.db-preview .finder-grid input{accent-color:var(--db-blue)}
#designbase-preview.db-preview .text-link{font-size:16px;color:var(--db-accent-text);border-color:var(--db-blue)}
#designbase-preview.db-preview #contact .lead{font-size:17px;color:var(--db-muted);line-height:1.85}
#designbase-preview.db-preview .consult-panel{border:1px solid var(--db-line);border-radius:16px;padding:28px;background:var(--db-soft)}
#designbase-preview.db-preview .consult-panel select{background:var(--db-bg);border:1px solid var(--db-line);border-radius:8px;padding:12px;font-size:16px}
#designbase-preview.db-preview .consult-summary{font-size:18px}
#designbase-preview.db-preview .pill{border-radius:8px;background:var(--db-blue);border-color:var(--db-blue);color:var(--db-bg);font-size:16px;font-weight:650}
#designbase-preview.db-preview #app-pricing{background:var(--db-soft)}
#designbase-preview.db-preview .price-layout{margin-top:32px;gap:32px;align-items:stretch}
#designbase-preview.db-preview .price-layout>div{background:var(--db-bg);border:1px solid var(--db-line);padding:32px;border-radius:16px}
#designbase-preview.db-preview .price-value{color:var(--db-accent-text);font-weight:750}
#designbase-preview.db-preview .price-layout h3{font-weight:700;font-size:23px}
#designbase-preview.db-preview .price-layout ul{font-size:17px}
#designbase-preview.db-preview .price-layout .fn-note{font-size:14px;color:var(--db-muted)}
#designbase-preview.db-preview footer{background:var(--db-bg);border-top:1px solid var(--db-line);color:var(--db-muted)}
#designbase-preview.db-preview .fab .ask{border-radius:10px;background:var(--db-blue);color:var(--db-bg);border-color:var(--db-blue)}
#designbase-preview.db-preview .fab .top{border-radius:10px;border-color:var(--db-line);background:var(--db-bg)}
@media(max-width:1100px){#designbase-preview.db-preview .md-navbox__list{gap:18px}#designbase-preview.db-preview .wordmark{padding-right:24px;font-size:23px}#designbase-preview.db-preview .md-navbox__list a{font-size:14px}#designbase-preview.db-preview .hero-intro{gap:32px}#designbase-preview.db-preview .hero h1{font-size:44px}}
@media(max-width:900px){#designbase-preview.db-preview .md-header{min-height:72px;padding-block:13px}#designbase-preview.db-preview .hero{padding-top:120px}#designbase-preview.db-preview .hero-intro{grid-template-columns:1fr;gap:36px}#designbase-preview.db-preview .hero h1{font-size:clamp(36px,6vw,50px)}#designbase-preview.db-preview .hero .video-showcase{justify-self:center}#designbase-preview.db-preview .fn-next-grid{gap:36px}#designbase-preview.db-preview .md-controls{gap:8px}#designbase-preview.db-preview .menu-toggle{border:1px solid var(--db-line)}#designbase-preview.db-preview .price-layout>div{padding:24px}}
@media(max-width:600px){#designbase-preview.db-preview .md-header{min-height:68px;padding-block:11px}#designbase-preview.db-preview .wordmark{font-size:22px;padding-right:0}#designbase-preview.db-preview .md-controls,#designbase-preview.db-preview .md-navbox{height:44px}#designbase-preview.db-preview .theme-toggle,#designbase-preview.db-preview .menu-toggle{font-size:13px;padding:10px}#designbase-preview.db-preview .hero{padding-top:110px;padding-bottom:40px}#designbase-preview.db-preview .hero-intro{display:flex;gap:0;align-items:stretch}#designbase-preview.db-preview .hero-copy{display:block;order:1}#designbase-preview.db-preview .hero h1{font-size:clamp(30px,8vw,42px)}#designbase-preview.db-preview .hero-foot{margin-top:22px}#designbase-preview.db-preview .hero-foot>p{font-size:15px}#designbase-preview.db-preview .hero-links{gap:10px;margin-top:22px}#designbase-preview.db-preview .hero-links .text-link{font-size:13px;padding:12px;min-height:44px}:root #designbase-preview.db-preview.center-management .app-showcase.video-showcase{margin-top:30px;padding:22px 20px 12px;order:2;max-width:100%}#designbase-preview.db-preview .video-stage{width:min(210px,100%)}#designbase-preview.db-preview .sec{padding-block:52px}#designbase-preview.db-preview .feature-intro{padding-top:52px}#designbase-preview.db-preview .h2,#designbase-preview.db-preview .feature-intro .h2{font-size:30px}#designbase-preview.db-preview .fn-next-grid{gap:32px}#designbase-preview.db-preview .faq-list{padding-inline:16px}#designbase-preview.db-preview .faq-list summary{font-size:16px}#designbase-preview.db-preview .consult-panel{padding:22px}#designbase-preview.db-preview .price-layout>div{padding:24px}#designbase-preview.db-preview .feature-nav{gap:6px}}

@media(prefers-color-scheme:dark){:root:not([data-theme]) #designbase-preview.db-preview{--db-bg:#111827;--db-ink:#f8fafc;--db-muted:#b8c6da;--db-soft:#19263b;--db-line:#34435b;--db-blue:#005bab;--db-accent-text:#a4ceff}:root:not([data-theme]) #designbase-preview.db-preview .hero{background:var(--db-soft)}}

/* Lead with the approved menu overview, large enough to read on desktop/mobile. */
#designbase-preview.db-preview .video-stage{width:min(300px,100%)}
#designbase-preview.db-preview .video-dialog .overview-image{display:block;max-width:90vw;max-height:86vh;width:auto;height:auto;margin:auto;object-fit:contain}
#designbase-preview.db-preview .video-dialog .overview-image[hidden]{display:none}
#designbase-preview.db-preview .video-dialog video[hidden]{display:none}
@media(max-width:600px){#designbase-preview.db-preview .video-stage{width:min(270px,100%)}}
/* Three-phone composition: overview forward, cleaning/payroll behind. */
#designbase-preview.db-preview .hero-intro{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:36px}
:root #designbase-preview.db-preview.center-management .hero-phones.app-showcase.video-showcase{position:relative;max-width:680px;height:660px;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;isolation:isolate}
#designbase-preview.db-preview .hero-phone{position:absolute;top:60px;filter:drop-shadow(0 20px 22px #18395824);transform-origin:50% 75%}
#designbase-preview.db-preview .hero-phone--main{left:50%;top:14px;width:290px;z-index:3;transform:translateX(-50%)}
#designbase-preview.db-preview .hero-phone--cleaning{left:0;width:238px;z-index:1;transform:rotate(-10deg)}
#designbase-preview.db-preview .hero-phone--salary{right:0;width:238px;z-index:2;transform:rotate(10deg)}
#designbase-preview.db-preview .hero-phone .video-stage{width:100%;margin:0}
#designbase-preview.db-preview .phone-window{position:relative;width:100%;aspect-ratio:410/864;overflow:hidden;border-radius:9% / 4.3%;background:#f2f3f6}
#designbase-preview.db-preview .phone-window img{position:absolute;max-width:none;width:117.073171%;height:120.37037%;left:-8.536585%;top:-10.532407%;object-fit:fill}
#designbase-preview.db-preview .hero-phones .video-controls{position:absolute;bottom:0;right:0;z-index:4;margin:0}
@media(max-width:1200px) and (min-width:901px){#designbase-preview.db-preview .hero-intro{gap:24px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}#designbase-preview.db-preview .hero-phone--main{width:250px}#designbase-preview.db-preview .hero-phone--cleaning,#designbase-preview.db-preview .hero-phone--salary{width:205px}:root #designbase-preview.db-preview.center-management .hero-phones.app-showcase.video-showcase{height:580px}}
@media(max-width:900px){#designbase-preview.db-preview .hero-intro{grid-template-columns:1fr}:root #designbase-preview.db-preview.center-management .hero-phones.app-showcase.video-showcase{width:min(650px,100%);height:660px;justify-self:center}}
@media(max-width:600px){:root #designbase-preview.db-preview.center-management .hero-phones.app-showcase.video-showcase{height:480px;margin-top:40px}#designbase-preview.db-preview .hero-phone--main{width:205px;top:6px}#designbase-preview.db-preview .hero-phone--cleaning,#designbase-preview.db-preview .hero-phone--salary{width:162px;top:60px}#designbase-preview.db-preview .hero-phone--cleaning{left:6px;transform:rotate(-9deg)}#designbase-preview.db-preview .hero-phone--salary{right:6px;transform:rotate(9deg)}#designbase-preview.db-preview .hero h1{font-size:clamp(36px,9vw,46px)}}
@media(max-width:360px){#designbase-preview.db-preview .hero-phone--main{width:180px}#designbase-preview.db-preview .hero-phone--cleaning,#designbase-preview.db-preview .hero-phone--salary{width:142px}:root #designbase-preview.db-preview.center-management .hero-phones.app-showcase.video-showcase{height:430px}}
/* Keep rotated corners inside the page at intermediate/mobile widths. */
#designbase-preview.db-preview .hero-phone--cleaning{left:24px}
#designbase-preview.db-preview .hero-phone--salary{right:24px}
@media(max-width:600px){#designbase-preview.db-preview .hero-phone--cleaning{left:16px}#designbase-preview.db-preview .hero-phone--salary{right:16px}}
@media(max-width:600px){#designbase-preview.db-preview .hero-phone--cleaning{left:22px}#designbase-preview.db-preview .hero-phone--salary{right:22px}}
/* Cleaning is the first section after the hero. */
#designbase-preview.db-preview .cleaning-details{background:var(--db-bg)}
#designbase-preview.db-preview .cleaning-intro{margin-top:20px;font-size:17px;line-height:1.8;color:var(--db-muted)}
#designbase-preview.db-preview .cleaning-layout{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:64px;align-items:center;margin-top:42px}
#designbase-preview.db-preview .cleaning-phone{width:250px;justify-self:center;margin:0;filter:drop-shadow(0 18px 24px #18395816)}
#designbase-preview.db-preview .routine-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
#designbase-preview.db-preview .routine-card{padding:24px;border:1px solid var(--db-line);border-radius:14px;min-width:0;background:var(--db-soft)}
#designbase-preview.db-preview .routine-period{display:inline-block;padding:4px 10px;background:var(--db-bg);color:var(--db-accent-text);font-size:12px;font-weight:650;border-radius:6px}
#designbase-preview.db-preview .routine-card h3{font-size:18px;font-weight:700;line-height:1.5;margin-top:14px}
#designbase-preview.db-preview .routine-card ul{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px;font-size:15px;line-height:1.7;color:var(--db-muted)}
#designbase-preview.db-preview .routine-card li{position:relative;padding-left:17px}
#designbase-preview.db-preview .routine-card li::before{content:'';position:absolute;left:0;top:.6em;width:6px;height:6px;border-radius:50%;background:#0d9488}
/* Native x-scrolling replaces the former vertical sticky timeline. */
#designbase-preview.db-preview .features-horizontal{padding-top:0;background:var(--db-soft)}
#designbase-preview.db-preview .features-horizontal .feature-scroll{height:auto}
#designbase-preview.db-preview .features-horizontal .feature-pin{position:static;height:auto;display:block;padding:0 var(--ft-margin) 36px;background:var(--db-soft)}
#designbase-preview.db-preview .features-horizontal .feature-viewport{position:relative;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;border-radius:20px;border:1px solid var(--db-line);background:var(--db-bg)}
#designbase-preview.db-preview .features-horizontal .feature-rail{display:flex;width:100%;height:auto;transform:none!important;transition:none}
#designbase-preview.db-preview .features-horizontal .feature-slide{flex:0 0 100%;width:100%;min-width:0;height:auto;min-height:650px;scroll-snap-align:start;padding:36px;gap:60px;visibility:visible}
#designbase-preview.db-preview .features-horizontal .feature-slide[aria-hidden=true]{display:grid;visibility:visible}
#designbase-preview.db-preview .features-horizontal .feature-nav,#designbase-preview.db-preview .features-horizontal .feature-actions{display:flex}
#designbase-preview.db-preview .features-horizontal .feature-nav{margin-top:24px}
#designbase-preview.db-preview .features-horizontal .feature-media{height:540px}
#designbase-preview.db-preview .features-horizontal .feature-tabs{gap:16px}
#designbase-preview.db-preview .features-horizontal .feature-status{margin-top:12px}
@media(max-width:900px){#designbase-preview.db-preview .cleaning-layout{gap:32px;grid-template-columns:1fr 1.5fr}#designbase-preview.db-preview .routine-grid{grid-template-columns:1fr}#designbase-preview.db-preview .cleaning-phone{width:min(240px,100%)}#designbase-preview.db-preview .routine-card{padding:20px}#designbase-preview.db-preview .features-horizontal .feature-slide{gap:28px;padding:28px}}
@media(max-width:600px){#designbase-preview.db-preview .cleaning-layout{grid-template-columns:1fr;gap:36px;margin-top:30px}#designbase-preview.db-preview .cleaning-phone{width:230px}#designbase-preview.db-preview .routine-grid{gap:14px}#designbase-preview.db-preview .routine-card h3{font-size:18px}#designbase-preview.db-preview .features-horizontal .feature-slide,#designbase-preview.db-preview .features-horizontal .feature-slide[aria-hidden=true]{display:flex;flex-direction:column;min-height:0;padding:22px 18px;gap:12px}#designbase-preview.db-preview .features-horizontal .feature-media{height:430px}#designbase-preview.db-preview .features-horizontal .feature-copy h3{font-size:28px;margin-top:14px}#designbase-preview.db-preview .features-horizontal .feature-tabs{gap:4px}#designbase-preview.db-preview .features-horizontal .feature-tabs button{font-size:12px;padding:8px}#designbase-preview.db-preview .features-horizontal .feature-nav{gap:6px}#designbase-preview.db-preview .features-horizontal .feature-nav>button{padding:0 7px}#designbase-preview.db-preview .features-horizontal .feature-pin{padding-bottom:28px}#designbase-preview.db-preview .features-horizontal .feature-copy>p{font-size:15px}}
/* Media-rich side drawer, opened only after an interest signal. */
#designbase-preview.db-preview .interest-drawer{top:0;right:0;bottom:0;width:min(430px,100vw);max-height:100dvh;height:100dvh;overflow-y:auto;overscroll-behavior:contain;padding:54px 28px 26px;border:0;border-left:1px solid var(--db-line);background:var(--db-bg);color:var(--db-ink);box-shadow:-16px 0 48px #10213a25;animation:interest-drawer-in .28s ease-out}
#designbase-preview.db-preview .interest-drawer h2{font-size:25px;line-height:1.45;font-weight:700;margin-bottom:18px}
#designbase-preview.db-preview .interest-drawer .interest-label{color:var(--db-accent-text);font-size:13px;font-weight:650}
#designbase-preview.db-preview .interest-drawer>p:not(.interest-label){color:var(--db-muted);font-size:15px;line-height:1.85}
#designbase-preview.db-preview .interest-media{margin:24px 0}
#designbase-preview.db-preview .interest-media video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#101827;border-radius:12px}
#designbase-preview.db-preview .interest-media figcaption{font-size:12px;line-height:1.6;color:var(--db-muted);margin-top:10px}
#designbase-preview.db-preview .interest-drawer .text-link{display:inline-block;padding:13px 18px;background:var(--db-blue);border:1px solid var(--db-blue);border-radius:8px;color:var(--db-bg);font-size:15px;font-weight:650}
#designbase-preview.db-preview .interest-drawer .interest-later{color:var(--db-muted);margin-top:14px}
@keyframes interest-drawer-in{from{transform:translateX(100%);opacity:.4}to{transform:translateX(0);opacity:1}}
@media(max-width:600px){#designbase-preview.db-preview .interest-drawer{width:min(390px,calc(100vw - 12px));padding:54px 22px 24px}#designbase-preview.db-preview .interest-drawer h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){#designbase-preview.db-preview .interest-drawer{animation:none}}
/* Shared Designbase-inspired service layouts and actual media. */
#designbase-preview.db-preview.service-page .hero-intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:60px;align-items:center}
#designbase-preview.db-preview.service-page .hero-label{font-size:14px;color:var(--db-accent-text);font-weight:650;margin-bottom:24px!important}
#designbase-preview.db-preview.service-page .hero h1{font-size:clamp(38px,3.8vw,56px);line-height:1.28;max-width:780px}
#designbase-preview.db-preview .service-hero-visual{margin:0;padding:22px;background:var(--db-bg);border:1px solid var(--db-line);border-radius:22px;box-shadow:0 20px 55px #17365a0d;min-width:0}
#designbase-preview.db-preview .service-hero-visual figcaption{font-size:12px;line-height:1.7;color:var(--db-muted);margin-top:12px}
#designbase-preview.db-preview .video-hero-visual video{display:block;width:100%;height:540px;object-fit:contain;background:#101827;border-radius:12px}
#designbase-preview.db-preview .marketing-hero-visual img{display:block;width:100%;height:410px;object-fit:cover;object-position:top;border-radius:12px}
#designbase-preview.db-preview .service-page .sub{color:var(--db-muted);font-size:17px;line-height:1.9;max-width:76ch}
#designbase-preview.db-preview.service-page .sub{color:var(--db-muted);font-size:17px;line-height:1.9;max-width:76ch}
#designbase-preview.db-preview.service-page .soft{background:var(--db-soft)}
#designbase-preview.db-preview .fv-live-example{margin:0;gap:64px;align-items:center}
#designbase-preview.db-preview .fv-phone-shell{border-radius:24px;border:1px solid var(--db-line);box-shadow:0 18px 40px #17365a12}
#designbase-preview.db-preview .fv-hero-media{margin:0}
#designbase-preview.db-preview .fv-feature{gap:64px;align-items:center}
#designbase-preview.db-preview .fv-compare{gap:32px;margin-top:38px}
#designbase-preview.db-preview .fv-compare>div{padding:24px;border:1px solid var(--db-line);border-radius:18px;background:var(--db-soft)}
#designbase-preview.db-preview .fv-compare h3{font-size:22px;font-weight:700;margin-bottom:20px}
#designbase-preview.db-preview .fv-asset{border:0;background:transparent}
#designbase-preview.db-preview .fv-asset img,#designbase-preview.db-preview .fv-asset video{border-radius:12px}
#designbase-preview.db-preview .fv-asset figcaption{font-size:12px;color:var(--db-muted)}
#designbase-preview.db-preview .fv-frame-sequence{gap:16px}
#designbase-preview.db-preview .fv-steps{gap:22px}
#designbase-preview.db-preview .fv-steps>li{padding:24px;border:1px solid var(--db-line);border-radius:16px;background:var(--db-bg)}
#designbase-preview.db-preview .fv-usage-grid{gap:24px}
#designbase-preview.db-preview .fv-usage-grid>article{padding:24px;border:1px solid var(--db-line);border-radius:16px;background:var(--db-bg)}
#designbase-preview.db-preview.service-page .fn-service-grid{gap:24px;margin-top:36px}
#designbase-preview.db-preview.service-page .fn-service-grid>article{padding:28px;border:1px solid var(--db-line);border-radius:16px;background:var(--db-bg)}
#designbase-preview.db-preview.service-page #scope .fn-service-grid>article{background:var(--db-soft)}
#designbase-preview.db-preview.service-page .fn-service-grid h3{font-size:24px;font-weight:700}
#designbase-preview.db-preview.service-page .fn-service-grid p,#designbase-preview.db-preview.service-page .fn-service-grid li{color:var(--db-muted);font-size:16px;line-height:1.9}
#designbase-preview.db-preview.service-page .package-options{gap:16px}
#designbase-preview.db-preview.service-page .package-options label{border-radius:10px;border:1px solid var(--db-line);background:var(--db-bg);padding:20px;font-size:16px}
#designbase-preview.db-preview.service-page .package-options label:has(input:checked){outline:0;box-shadow:inset 0 0 0 1px var(--db-blue);border-color:var(--db-blue)}
#designbase-preview.db-preview.service-page .package-options input{accent-color:var(--db-blue)}
#designbase-preview.db-preview.service-page .mods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;border:0;margin-top:36px}
#designbase-preview.db-preview.service-page .mod{display:block;padding:26px;border:1px solid var(--db-line);border-radius:14px;background:var(--db-soft)}
#designbase-preview.db-preview.service-page .mod::before{display:block;color:var(--db-accent-text);font-size:14px;font-weight:700;margin-bottom:16px}
#designbase-preview.db-preview.service-page .mod h3{font-size:23px;font-weight:700;line-height:1.4}
#designbase-preview.db-preview.service-page .mod p{font-size:16px;line-height:1.9;margin-top:16px;color:var(--db-muted)}
#designbase-preview.db-preview.subscription-service .hero-intro,#designbase-preview.db-preview.service-support .hero-intro{display:block}
#designbase-preview.db-preview.subscription-service .billing-summary{border-radius:16px;background:var(--db-soft);border-color:var(--db-line)}
#designbase-preview.db-preview.subscription-service .billing-options label{border-color:var(--db-blue);border-radius:10px;background:var(--db-soft);outline:0}
@media(max-width:1100px){#designbase-preview.db-preview.service-page .hero-intro{gap:32px;grid-template-columns:1fr 1fr}#designbase-preview.db-preview .video-hero-visual video{height:480px}}
@media(max-width:900px){#designbase-preview.db-preview.service-page .hero-intro{grid-template-columns:1fr;gap:36px}#designbase-preview.db-preview .service-hero-visual{max-width:640px;width:100%;justify-self:center}#designbase-preview.db-preview.service-page .mods{grid-template-columns:1fr}#designbase-preview.db-preview .fv-feature,#designbase-preview.db-preview .fv-live-example{gap:36px}#designbase-preview.db-preview .marketing-hero-visual img{height:auto}}
@media(max-width:600px){#designbase-preview.db-preview.service-page .hero-intro{display:flex;flex-direction:column;align-items:stretch;gap:28px}#designbase-preview.db-preview.service-page .hero h1{font-size:clamp(34px,8.5vw,44px)}#designbase-preview.db-preview .service-hero-visual{padding:16px;border-radius:18px}#designbase-preview.db-preview .video-hero-visual video{height:440px}#designbase-preview.db-preview .fv-feature,#designbase-preview.db-preview .fv-live-example{display:grid;grid-template-columns:1fr;gap:32px}#designbase-preview.db-preview .fv-compare{gap:16px}#designbase-preview.db-preview .fv-compare>div{padding:16px}#designbase-preview.db-preview .fv-compare h3{font-size:19px}#designbase-preview.db-preview .fv-steps>li,#designbase-preview.db-preview .fv-usage-grid>article{padding:20px}#designbase-preview.db-preview.service-page .fn-service-grid>article{padding:24px}#designbase-preview.db-preview.service-page .hero-foot>p{font-size:16px}#designbase-preview.db-preview.subscription-service .hero-intro,#designbase-preview.db-preview.service-support .hero-intro{display:block}}
#designbase-preview.db-preview.service-page .hero-links{display:flex;flex-wrap:wrap;gap:12px}
#designbase-preview.db-preview .fv-live-example{background:var(--db-soft);border:1px solid var(--db-line);border-radius:20px;padding:32px}
@media(max-width:600px){#designbase-preview.db-preview .fv-live-example{padding:20px}}
#designbase-preview.db-preview.service-page .fn-service-grid .price-value{font-size:clamp(30px,3vw,40px);line-height:1.35;font-weight:750;color:var(--db-accent-text)}
#designbase-preview.db-preview .interest-tab{position:fixed;right:0;top:46%;z-index:45;writing-mode:vertical-rl;min-width:38px;min-height:110px;padding:16px 10px;border:1px solid var(--db-blue);border-radius:10px 0 0 10px;background:var(--db-blue);color:var(--db-bg);font-family:inherit;font-size:13px;font-weight:650;line-height:1.4;cursor:pointer}
#designbase-preview.db-preview .interest-tab[hidden]{display:none}

/* Interactive hit areas follow the six cards in the cropped native menu image. */
#designbase-preview .hero-menu-links{position:absolute;inset:0;z-index:5;pointer-events:none}
#designbase-preview .hero-menu-link{position:absolute;left:6.1%;top:17.48%;width:42.44%;height:17.13%;border:2px solid transparent;border-radius:12px;pointer-events:auto;transition:border-color .15s,box-shadow .15s,background .15s}
#designbase-preview .hero-menu-link:nth-child(even){left:51.46%}
#designbase-preview .hero-menu-link:nth-child(n+3){top:36.23%}
#designbase-preview .hero-menu-link:nth-child(n+5){top:54.98%}
#designbase-preview .hero-menu-link:hover,#designbase-preview .hero-menu-link:focus-visible,#designbase-preview .hero-menu-link[aria-current="location"]{border-color:var(--db-blue,#005bab);box-shadow:0 0 0 3px #005bab30;background:#005bab0a;outline:none}
#designbase-preview .hero-menu-link span{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#designbase-preview .menu-detail-card{margin-top:28px;padding:24px;border:1px solid var(--db-line,#dce5f3);border-radius:16px;background:var(--db-soft,#f3f7ff)}
#designbase-preview .menu-detail-card h3,#designbase-preview .menu-detail-card h4{margin:0 0 10px;font-size:20px}
#designbase-preview .menu-detail-card p{margin:0;color:var(--db-muted,#65748b);line-height:1.7}
#designbase-preview .hero-menu-target{outline:3px solid var(--db-blue,#005bab);outline-offset:6px;border-radius:16px}
#designbase-preview :is(#cleaning-details,#task-instructions,#feature-finance,#fixed-expenses,#feature-payroll,#feature-staff){scroll-margin-top:0px}
@media(prefers-reduced-motion:reduce){#designbase-preview .hero-menu-link{transition:none}}

/* Dismissible annual-price notice sits above the persistent header. */
#designbase-preview{--price-notice-height:42px}
#designbase-preview .price-notice{position:fixed;top:0;left:0;right:0;z-index:1200;min-height:42px;display:flex;align-items:center;justify-content:center;gap:18px;padding:4px 14px;background:#005bab;color:#fff;font-size:13px}
#designbase-preview .price-notice[hidden]{display:none}
#designbase-preview .price-notice a{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;color:#fff;text-decoration:none;line-height:1.6}
#designbase-preview .price-notice a:hover strong{text-decoration:underline;text-underline-offset:3px}
#designbase-preview .price-notice button{flex:0 0 32px;width:32px;height:32px;padding:0;border:0;border-radius:6px;background:transparent;color:#fff;font-size:24px;cursor:pointer}
#designbase-preview .price-notice :focus-visible{outline:2px solid #fff;outline-offset:2px}
#designbase-preview.db-preview .md-header{top:var(--price-notice-height)}
#designbase-preview #main{padding-top:var(--price-notice-height)}
#designbase-preview #app-pricing{scroll-margin-top:var(--price-notice-height)}
#designbase-preview :is(#cleaning-details,#task-instructions,#feature-finance,#fixed-expenses,#feature-payroll,#feature-staff){scroll-margin-top:var(--price-notice-height)}
@media(max-width:360px){#designbase-preview .price-notice{font-size:11px;gap:8px}#designbase-preview .price-notice a{gap:4px 8px}}

#designbase-preview .interest-comparison{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin:24px 0 12px}
#designbase-preview .interest-comparison figure{min-width:0;margin:0}
#designbase-preview .comparison-label{display:block;font-size:11px;font-weight:700;color:var(--db-accent-text);margin-bottom:10px}
#designbase-preview .interest-comparison img,#designbase-preview .interest-comparison video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;border-radius:10px;background:#101827}
#designbase-preview .interest-comparison figcaption{font-size:11px}
#designbase-preview .interest-drawer .comparison-note{font-size:12px;margin:0 0 24px}

#designbase-preview .cleaning-phone .phone-window video{position:absolute;max-width:none;width:117.073171%;height:120.37037%;left:-8.536585%;top:-10.532407%;object-fit:fill}
#designbase-preview .cleaning-toggle{display:block;margin:14px auto 0;padding:8px 14px;border:1px solid var(--db-line);border-radius:8px;background:var(--db-bg);color:var(--db-muted);font-size:12px;cursor:pointer}

/* Reference button sampled from the approved screenshot: RGB(0,91,171). */
#designbase-preview.db-preview :is(.eyebrow,.feature-kicker,.hero-label){font-size:18px;line-height:1.6}
#designbase-preview.db-preview.service-page .hero-label{font-size:18px}
#designbase-preview.db-preview .hero-links .text-link,#designbase-preview.db-preview .text-link{font-size:18px;line-height:1.5}
#designbase-preview.db-preview .header-contact{font-size:16px}
#designbase-preview.db-preview .routine-period{font-size:15px}
#designbase-preview.db-preview .interest-drawer .interest-label{font-size:16px}
#designbase-preview .comparison-label{font-size:14px;line-height:1.6}
#designbase-preview.db-preview.service-page .mod::before{font-size:17px}
#designbase-preview.db-preview .interest-tab{font-size:15px}
#designbase-preview .price-notice{font-size:15px;background:#005bab}
#designbase-preview.db-preview :is(.header-contact,.pill,.interest-tab),#designbase-preview.db-preview .hero-links .text-link:first-child,#designbase-preview.db-preview .feature-tabs [aria-selected=true],#designbase-preview.db-preview .interest-drawer .text-link{color:#fff}
@media(max-width:600px){
 #designbase-preview.db-preview :is(.eyebrow,.feature-kicker,.hero-label),#designbase-preview.db-preview.service-page .hero-label{font-size:16px}
 #designbase-preview.db-preview .hero-links .text-link,#designbase-preview.db-preview .text-link{font-size:16px}
 #designbase-preview.db-preview .features-horizontal .feature-tabs{min-width:0;flex:1}
 #designbase-preview.db-preview .features-horizontal .feature-tabs button{min-width:0;font-size:15px;line-height:1.4;padding:8px 6px;white-space:normal}
 #designbase-preview .price-notice{font-size:14px}
}

/* Landscape six-panel member story replaces only the service hero video. */
#designbase-preview.db-preview .member-story-visual{padding:14px}
#designbase-preview.db-preview .member-story-visual>a{display:block;border-radius:12px;overflow:hidden}
#designbase-preview.db-preview .member-story-visual img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
#designbase-preview.db-preview .member-story-visual figcaption{padding:0 6px;font-size:16px;line-height:1.6}
#designbase-preview.db-preview .member-story-visual figcaption small{display:block;font-size:13px;margin-top:6px}
@media(min-width:901px){#designbase-preview.db-preview.fitness-video .fv-hero .hero-intro{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:44px}}
@media(max-width:600px){#designbase-preview.db-preview .member-story-visual{padding:10px}#designbase-preview.db-preview .member-story-visual figcaption{font-size:15px}}

/* Native original-app recording has no baked mockup margins. */
#designbase-preview.db-preview .cleaning-phone--native .phone-window{aspect-ratio:auto;border:5px solid #191919;border-radius:26px;background:#f2f3f6}
#designbase-preview.db-preview .cleaning-phone--native .phone-window video{position:static;display:block;max-width:100%;width:100%;height:auto;aspect-ratio:480/1040;object-fit:contain;left:auto;top:auto}

/* 2026-11-04: restore the archived Mother visual language only.
   HTML, section order, six-menu hit areas, media and application scripts stay intact. */
:root #designbase-preview.db-preview {
  --ft-margin:clamp(20px,3.5vw,64px);
  --db-bg:#fff;--db-ink:#181818;--db-muted:#666;
  --db-soft:#f0f1ee;--db-line:#cdcecb;
  --db-blue:#181818;--db-accent-text:#181818;
}
:root[data-theme=dark] #designbase-preview.db-preview {
  --db-bg:#111;--db-ink:#f5f5f3;--db-muted:#bdbdb8;
  --db-soft:#1d1d1c;--db-line:#454543;
  --db-blue:#e9e9e5;--db-accent-text:#e9e9e5;
}
#designbase-preview.db-preview .wrap,
#designbase-preview.db-preview .hero-intro{max-width:1600px}
#designbase-preview.db-preview .md-header{
  top:calc(var(--price-notice-height,0px) + 20px);
  left:var(--ft-margin);right:var(--ft-margin);min-height:50px;
  padding:0;border:0;background:transparent;align-items:flex-start;
  box-shadow:none;backdrop-filter:none;gap:16px;
}
#designbase-preview.db-preview .md-navbox,
#designbase-preview.db-preview .md-controls{
  height:50px;border:1px solid var(--db-ink);background:var(--db-bg);gap:0;
}
#designbase-preview.db-preview .wordmark{font-size:22px;font-weight:600;padding:0 20px;border-right:1px solid var(--db-ink);letter-spacing:-1px}
#designbase-preview.db-preview .md-navbox__list{gap:0}
#designbase-preview.db-preview .md-navbox__list li{border:0}
#designbase-preview.db-preview .md-navbox__list li+li{border-left:1px solid var(--db-ink)}
#designbase-preview.db-preview .md-navbox__list a{padding:0 20px;height:48px;display:flex;align-items:center;font-size:18px;font-weight:400;color:var(--db-ink)}
#designbase-preview.db-preview .md-navbox__list a[aria-current]{color:var(--db-ink);background:var(--db-bg)}
#designbase-preview.db-preview .header-contact{height:48px;padding:0 20px;border:0;background:var(--db-bg);color:var(--db-ink);font-size:16px;font-weight:400;border-radius:0}
#designbase-preview.db-preview .theme-toggle,
#designbase-preview.db-preview .menu-toggle{height:48px;padding:0 16px;border:0;border-radius:0;background:var(--db-bg);color:var(--db-ink);font-weight:400}
#designbase-preview.db-preview .theme-toggle{border-right:1px solid var(--db-ink)}
#designbase-preview.db-preview .menu-toggle{border-left:1px solid var(--db-ink)}
#designbase-preview.db-preview .hero,
:root[data-theme=dark] #designbase-preview.db-preview .hero{background:var(--db-bg);border-bottom:1px solid var(--db-line);padding-top:190px;padding-bottom:100px}
#designbase-preview.db-preview .hero h1,
#designbase-preview.db-preview.service-page .hero h1{font-weight:400;letter-spacing:-.055em}
#designbase-preview.db-preview.center-management .hero h1{font-size:clamp(38px,4.2vw,64px);line-height:1.22}
#designbase-preview.db-preview .hero-links .text-link,
#designbase-preview.db-preview .hero-links .text-link:first-child{padding:10px 0;min-height:44px;background:transparent;border:0;border-bottom:1px solid currentColor;border-radius:0;color:var(--db-ink);font-weight:400}
#designbase-preview.db-preview .hero-links{gap:16px 28px}
#designbase-preview.db-preview .text-link{font-weight:400;color:var(--db-ink)}
#designbase-preview.db-preview .h2,
#designbase-preview.db-preview .feature-intro .h2,
#designbase-preview.db-preview .feature-copy h3,
#designbase-preview.db-preview .routine-card h3,
#designbase-preview.db-preview .fn-next-grid h3,
#designbase-preview.db-preview .price-layout h3,
#designbase-preview.db-preview.service-page .mod h3,
#designbase-preview.db-preview.service-page .fn-service-grid h3{font-weight:400}
#designbase-preview.db-preview .eyebrow,
#designbase-preview.db-preview .feature-kicker,
#designbase-preview.db-preview.service-page .hero-label{font-weight:400;color:var(--db-muted)}
#designbase-preview.db-preview .sec{padding-block:90px}
#designbase-preview.db-preview .routine-card,
#designbase-preview.db-preview .menu-detail-card,
#designbase-preview.db-preview .consult-panel,
#designbase-preview.db-preview .finder-grid label,
#designbase-preview.db-preview .feature-nav,
#designbase-preview.db-preview .feature-actions button,
#designbase-preview.db-preview .cleaning-toggle,
#designbase-preview.db-preview .consult-panel select,
#designbase-preview.db-preview .package-options label,
#designbase-preview.db-preview .billing-options label,
#designbase-preview.db-preview .billing-summary,
#designbase-preview.db-preview.service-page .fn-service-grid>article,
#designbase-preview.db-preview.service-page .mod,
#designbase-preview.db-preview .fv-compare>div,
#designbase-preview.db-preview .fv-live-example,
#designbase-preview.db-preview .fv-steps>li,
#designbase-preview.db-preview .fv-usage-grid>article{border-radius:0;box-shadow:none}
#designbase-preview.db-preview .routine-period{border-radius:0;background:var(--db-bg);color:var(--db-muted);font-weight:400}
#designbase-preview.db-preview .routine-card li::marker{color:var(--db-muted)}
#designbase-preview.db-preview .cleaning-intro{color:var(--db-muted)}
#designbase-preview.db-preview .faq-list{border:0;border-top:1px solid var(--db-line);border-radius:0;padding:0}
#designbase-preview.db-preview .faq-list details:last-child{border-bottom:1px solid var(--db-line)}
#designbase-preview.db-preview .faq-list summary{font-weight:400}
#designbase-preview.db-preview .pill{border-radius:0;font-weight:400;background:var(--db-ink);border-color:var(--db-ink);color:var(--db-bg)}
#designbase-preview.db-preview .feature-tabs [aria-selected=true]{border-radius:0;background:var(--db-ink);color:var(--db-bg)}
#designbase-preview.db-preview .price-layout>div{border:0;border-top:1px solid var(--db-line);border-radius:0;padding:32px 0;background:transparent}
#designbase-preview.db-preview .price-value{color:var(--db-ink);font-weight:400}
#designbase-preview.db-preview .price-layout .fn-note{font-size:16px}
#designbase-preview.db-preview .service-hero-visual,
#designbase-preview.db-preview .member-story-visual{padding:0;border:0;border-radius:0;box-shadow:none;background:transparent}
#designbase-preview.db-preview .member-story-visual>a,
#designbase-preview.db-preview .service-hero-visual img,
#designbase-preview.db-preview .service-hero-visual video{border-radius:0}
#designbase-preview.db-preview .hero-menu-link:hover,
#designbase-preview.db-preview .hero-menu-link:focus-visible,
#designbase-preview.db-preview .hero-menu-link[aria-current=location]{border-color:var(--db-ink);box-shadow:0 0 0 3px #7773;background:#7771}
#designbase-preview.db-preview .hero-menu-target{outline-color:var(--db-ink);border-radius:0}
#designbase-preview .price-notice{background:#181818;color:#fff}
#designbase-preview.db-preview .fab .top{border-radius:0;background:var(--db-bg);color:var(--db-ink);border:1px solid var(--db-ink)}
#designbase-preview.db-preview footer{background:var(--db-soft)}
#designbase-preview.db-preview :is(#mobile-menu,.video-dialog){border-radius:0}
@media(max-width:1100px){
  #designbase-preview.db-preview .md-navbox__list a{padding-inline:14px;font-size:16px}
  #designbase-preview.db-preview .wordmark{padding-inline:16px}
}
@media(max-width:900px){
  #designbase-preview.db-preview .md-header{gap:8px}
  #designbase-preview.db-preview .hero{padding-top:155px}
}
@media(max-width:600px){
  #designbase-preview.db-preview .md-header{left:16px;right:16px;top:calc(var(--price-notice-height,0px) + 14px)}
  #designbase-preview.db-preview .wordmark{padding:0 12px;font-size:20px;border-right:0}
  #designbase-preview.db-preview .header-contact{padding:0 12px;font-size:14px}
  #designbase-preview.db-preview .theme-toggle,
  #designbase-preview.db-preview .menu-toggle{padding:0 10px;font-size:13px}
  #designbase-preview.db-preview .hero{padding-top:135px;padding-bottom:60px}
  #designbase-preview.db-preview.center-management .hero h1{font-size:clamp(34px,8.5vw,46px)}
  #designbase-preview.db-preview .sec{padding-block:60px}
}
@media(max-width:360px){
  #designbase-preview.db-preview .md-header{left:10px;right:10px;gap:6px}
  #designbase-preview.db-preview .wordmark{padding:0 10px;font-size:18px}
  #designbase-preview.db-preview .header-contact{padding:0 8px;font-size:13px}
  #designbase-preview.db-preview .menu-toggle{padding:0 8px;font-size:12px}
}

#designbase-preview.db-preview .routine-card li::before{background:var(--db-muted)}
#designbase-preview.db-preview .features-horizontal .feature-viewport{border-radius:0}