/* Focused layout: one decision at a time, readable previews, generous controls. */
:root{--focus:#668449}
.wrap{width:min(1200px,calc(100% - 80px))}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:5px}
.section-dark a:focus-visible,.section-dark button:focus-visible,.site-header a:focus-visible,.site-header button:focus-visible,.site-footer button:focus-visible{outline-color:#e4edcf}
.button{min-height:56px;padding:17px 24px;font-size:16px;line-height:1.4;border-radius:9px;gap:24px}
.button-quiet{border-color:#71826f;color:#edf0e7;background:transparent}
.button-quiet:hover{background:#354138}
.header-inner{min-height:88px;gap:28px}.main-nav{gap:26px}.main-nav a{font-size:14px;min-height:48px;display:flex;align-items:center}
.header-cta{min-height:50px;font-size:14px;padding:14px 20px}.menu-toggle{min-width:48px;min-height:48px}
.hero:before,.hero-spark,.orbit,.floating-note,.type-art,.path-art,.care-art,.custom-star,.result-star{display:none}
.hero-intro{display:block;text-align:center;padding-block:92px 86px}
.hero-copy{max-width:820px;margin:auto}.hero-eyebrow{justify-content:center;font-size:11px;letter-spacing:.12em;margin-bottom:24px}
.hero h1{font-family:var(--font);font-size:clamp(52px,6.3vw,82px);font-weight:600;line-height:1.08;letter-spacing:-.055em;max-width:none}
.hero-lead{font-size:22px;margin-top:26px}.hero-description{max-width:550px;margin:15px auto 0;font-size:17px;line-height:1.8}
.hero-buttons{justify-content:center;gap:16px;margin-top:32px}.hero-price{justify-content:center;font-size:14px;margin-top:26px}.hero-price p>span{font-size:12px}.price-dot{margin-top:9px}
.section{padding-block:88px}.section-heading{align-items:center;gap:36px;margin-bottom:36px}.section-heading .eyebrow{margin-bottom:12px}.eyebrow{font-size:11px;letter-spacing:.1em}
.section-heading h2,.faq-grid h2{font-family:var(--font);font-weight:500;font-size:clamp(32px,3.6vw,46px);line-height:1.18;letter-spacing:-.04em}
.section-intro{font-size:16px;line-height:1.8;max-width:365px}.section-light .section-intro{color:#56614f}
/* Playground: a full-size workspace rather than a miniature hero card. */
.playground-section{background:#ebece3}.playground-workspace{padding:0;max-width:none;width:100%;margin:0;color:var(--ink)}
.playground-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px}
.scene-tabs{display:flex;background:#dfe3d5;border:0;border-radius:10px;padding:6px;gap:6px;flex-wrap:wrap}
.scene-tabs>[role=tab]{min-height:48px;min-width:118px;padding:12px 22px;font-size:15px;border-radius:7px;color:#4d5b43}
.scene-tabs>[role=tab][aria-selected=true]{background:var(--ink);color:#f2f2e9;box-shadow:0 2px 6px #25332d18}
.device-switch{gap:6px;margin:0;background:transparent}
.device-switch button{display:flex;align-items:center;justify-content:center;gap:8px;width:auto;min-height:48px;padding:12px 16px;border:1px solid #87967d;color:#4a5a42;font-size:14px;border-radius:7px}
.device-switch button[aria-pressed=true]{background:#d4ddc9;color:#25332d;border-color:#607552}.device-switch .icon{width:18px;height:18px}
.playground-description{font-size:15px;line-height:1.7;color:#526047;min-height:26px;margin:20px 0}
.playground-canvas{padding:28px;background:#dfe3d7;border:1px solid #c8cfbc;border-radius:16px}
.demo-shell{border:1px solid #aeb6a3;border-radius:10px;box-shadow:0 12px 32px #25332d0d;min-height:0;width:100%;max-width:100%;transition:width .25s}
.browser-chrome{padding:14px 22px;font-size:12px;color:#626c59;gap:14px}.browser-dots{gap:5px}.browser-dots i{width:6px;height:6px}
.scene{min-height:0}.concept-nav{padding:30px 36px;font-size:13px;gap:20px}.concept-nav strong{font-size:16px}.concept-nav>span{font-size:12px;color:inherit;opacity:.8}
.service-concept-main,.booking-concept-main,.retail-concept-main{grid-template-columns:1fr .9fr;gap:48px;padding:16px 44px 36px}
.concept-overline{font-size:11px;line-height:1.6;letter-spacing:.07em}.scene h2{font-size:clamp(46px,5.4vw,72px);line-height:1.03;letter-spacing:-.055em;margin:20px 0;font-weight:500}.scene p{font-size:15px;line-height:1.75}
.concept-button,.scene-retail .concept-button{min-height:50px;font-size:14px;padding:14px 20px;gap:24px;border-radius:6px;margin-top:24px}.concept-button b{font-size:20px}
.service-art svg{height:320px}.vase-art svg{height:300px}.vase-art>span{font-size:13px;padding-bottom:10px}.vase-art>span b{font-size:11px;opacity:1}.concept-bottom{padding:20px 36px;font-size:12px;line-height:1.6;color:#6d6354;gap:24px}
.scene-booking h2{font-size:clamp(44px,5vw,66px)}.scene-retail h2{font-size:clamp(44px,5.1vw,68px)}
.calendar-concept{padding:28px 24px;box-shadow:none;border:1px solid #c7d3b8;border-radius:12px}.calendar-title{font-size:17px}.calendar-title .icon{width:22px;height:22px}.calendar-week{gap:10px;margin-block:24px}.calendar-week span{font-size:12px;color:#5b6d51;opacity:1}.calendar-week b{height:36px;font-size:15px}.sample-label{font-size:11px;color:#526348}.sample-slots{gap:8px;margin-top:12px;flex-wrap:wrap}.sample-slots button{font-size:13px;padding:12px 10px;min-height:48px;min-width:76px;border-radius:6px;border-color:#829b74}.calendar-concept p{font-size:12px;line-height:1.6;margin-top:18px;color:#53684a;min-height:38px}.scene-booking .concept-bottom{color:#526348}.scene-retail .concept-bottom{color:#60536f}
.playground-footer{align-items:flex-start;padding:18px 2px 0;gap:24px}.playground-footer p{font-size:12px;max-width:640px;text-align:left;color:#526047}.playground-footer>span{font-size:12px;color:#526047;white-space:nowrap}
.demo-shell.is-mobile{width:360px;max-width:100%;min-height:0}.demo-shell.is-mobile .browser-chrome{padding:12px 16px;font-size:11px}.demo-shell.is-mobile .concept-nav{padding:24px;font-size:13px}.demo-shell.is-mobile .concept-nav strong{font-size:14px}.demo-shell.is-mobile .concept-nav>span{display:none}
.demo-shell.is-mobile .service-concept-main,.demo-shell.is-mobile .booking-concept-main,.demo-shell.is-mobile .retail-concept-main{grid-template-columns:1fr;padding:8px 24px 24px;gap:28px}.demo-shell.is-mobile .scene h2{font-size:46px}.demo-shell.is-mobile .scene p{font-size:15px;max-width:none}.demo-shell.is-mobile .service-art,.demo-shell.is-mobile .vase-art{position:static;opacity:1;width:100%;pointer-events:auto}.demo-shell.is-mobile .service-art svg,.demo-shell.is-mobile .vase-art svg{height:210px}.demo-shell.is-mobile .vase-art>span{display:block}.demo-shell.is-mobile .concept-bottom{margin-top:0;padding:18px 24px;flex-wrap:wrap;font-size:11px;gap:12px}.demo-shell.is-mobile .concept-button{width:100%;font-size:13px}.demo-shell.is-mobile .calendar-concept{padding:22px 16px}.demo-shell.is-mobile .sample-slots button{min-width:64px;font-size:12px}
/* Three calm explanations, with no duplicate decorative panels. */
.bento-grid{gap:24px}.bento{padding:30px;border-radius:12px;background:transparent;border:1px solid #cbd0c2;min-height:0}.bento-care{background:transparent;color:var(--ink);border-color:#cbd0c2}.bento-top{margin-bottom:26px}.bento-top .eyebrow{font-size:11px}.bento-top .icon{display:none}.bento h3{font-size:22px;line-height:1.35;letter-spacing:-.03em;margin-bottom:14px}.bento>p,.bento-care>p{font-size:15px;line-height:1.85;color:#526047}
/* Two complete sample websites with one visible comparison control. */
.comparison{background:#f0f0e7;border-color:#687661;border-radius:14px;overflow:visible}.comparison-chrome{border-radius:14px 14px 0 0;background:#dce1d2;color:#53614b;padding:16px 28px;font-size:12px}.comparison-label{font-size:10px;color:#53614b}
.comparison-view-labels{display:flex;justify-content:space-between;gap:24px;padding:12px 28px;background:#e8ebdf;color:#53614b;font-size:12px;border-bottom:1px solid #cad2bd}
.comparison-stage{height:510px;position:relative;touch-action:pan-y;cursor:ew-resize;overflow:hidden;background:#f4f1e8}
.compare-layout{padding:34px 44px;display:flex;flex-direction:column;justify-content:space-between;gap:28px;overflow:hidden}
.compare-basic{background:#f4f1e8;color:#4c4b40}.compare-refined{background:#e9ecdf;color:#2c4335;clip-path:inset(0 calc(100% - var(--reveal)) 0 0)}
.basic-site-nav,.refined-site-nav{display:flex;align-items:center;justify-content:space-between;gap:24px}.basic-site-nav strong{font:600 23px Georgia,serif}.basic-site-nav>span{font-size:12px;color:#6d6c60}.refined-site-nav>strong{font:500 28px Georgia,serif;line-height:1.2}.refined-site-nav>strong>span{display:block;font:500 8px var(--font);letter-spacing:.16em;margin-top:7px}.refined-site-nav>span{font-size:12px}.refined-site-nav b{font-weight:500;padding-bottom:5px;border-bottom:1px solid #a8b59b}
.basic-site-grid,.refined-site-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;min-height:0}.study-overline{font-size:10px;letter-spacing:.09em;font-weight:500;line-height:1.5}.compare-layout h3{font-size:40px;line-height:1.15;letter-spacing:-.03em;margin:16px 0;font-weight:500}.compare-layout p{font-size:14px;line-height:1.8;max-width:380px}.study-basic-button{display:inline-flex;align-items:center;min-height:46px;margin-top:22px;padding:10px 22px;font-size:13px;border:1px solid #8d9081;border-radius:3px;color:#4c4b40}
.basic-garden{position:relative;overflow:hidden;background:#d9dbc8;min-height:238px;border-radius:4px}.garden-sun{position:absolute;right:35px;top:26px;width:44px;height:44px;border-radius:50%;background:#f0e7c7}.basic-garden i{position:absolute;background:#a2af90;border-radius:50% 50% 0 0;width:45%;height:150px;bottom:0;left:-10%}.basic-garden i:nth-of-type(2){left:25%;height:125px;background:#8f9e7e}.basic-garden i:nth-of-type(3){left:65%;height:185px;background:#7c8d6c}.basic-garden>span:last-child{position:absolute;bottom:20px;left:24px;color:#fff;font-size:14px;text-shadow:0 1px 4px #34432c}
.refined-site-grid h3{font:400 54px/1.05 Georgia,serif;letter-spacing:-.045em;margin:18px 0}.refined-site-grid h3 em{color:#597250;font-weight:400}.study-refined-button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:48px;background:#354f3c;color:#fff;font-size:13px;padding:13px 20px;border-radius:5px;margin-top:24px}.study-refined-button b{font-weight:400;font-size:18px}
.garden-art{position:relative}.garden-art svg{display:block;width:100%;height:260px;object-fit:cover;border-radius:6px}.garden-art>span{display:block;margin-top:10px;font-size:11px;color:#53664b;text-align:right}.study-services{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #bcc6af;padding-top:20px;font-size:12px;line-height:1.5}.compare-basic .study-services{border-color:#d0d2c2;color:#6d6c60}
.compare-divider{pointer-events:none;background:#f7f8ee;width:2px;box-shadow:0 0 0 1px #344c3766}.compare-handle{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);width:56px;height:56px;border:2px solid #e5ecdb;border-radius:50%;background:#304c38;color:#fff;display:grid;place-items:center;font-size:26px;cursor:ew-resize;pointer-events:auto;touch-action:pan-y;box-shadow:0 3px 12px #22302733}.compare-handle>span{position:static;display:block;width:auto;height:auto;background:none;border:0;font:inherit;transform:none}.compare-handle:focus-visible{outline:3px solid #304c38;outline-offset:5px}
.comparison-controls{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:24px 28px;background:#dce1d2;border-top:1px solid #bdc8af;border-radius:0 0 14px 14px;color:#3f5238}.comparison-range-row{display:grid!important;grid-template-columns:1fr auto!important;gap:8px 20px!important;flex:1}.comparison-range-row label{font-size:13px}.comparison-range-row input{grid-column:1/-1;grid-row:2;width:100%;height:40px;cursor:ew-resize;accent-color:#405b39;margin:0}.comparison-range-row output{font-size:12px;white-space:nowrap}.comparison-presets{display:flex;gap:8px;align-items:center;justify-content:initial;margin:0}.comparison-presets button{min-height:48px;padding:12px 18px;font-size:14px;color:#3f5238;border:1px solid #87967b;border-radius:7px;background:transparent}.comparison-presets button:hover,.comparison-presets button[aria-pressed=true]{background:#304936;border-color:#304936;color:#fff}
.section-caption{font-size:12px;line-height:1.8;margin-top:20px;color:#bac7ae;text-align:left;max-width:800px}
/* Planner and starting actions stay easy to find and touch. */
.planner-controls legend{font-size:18px}.goal-option>span{padding:24px;min-height:148px}.goal-option strong{font-size:16px}.goal-option small{font-size:13px}.page-select-row{gap:24px}.page-select-row label{font-size:15px}.page-select-row p{font-size:12px}.page-select-row select{min-height:52px;font-size:15px;max-width:none}.planner-scope{font-size:12px;line-height:1.8}.planner-result{padding:36px;border-radius:14px}.planner-result h3{font-size:26px}.result-detail{font-size:15px}.result-deposit{font-size:13px;line-height:1.8}.result-footnote{font-size:12px;line-height:1.8}.planner-result .button{width:100%;margin-top:24px}
.pricing-section{padding-top:24px}.price-card{padding:36px;border-radius:14px}.price-card h3{font-family:var(--font);font-size:30px;line-height:1.2;letter-spacing:-.04em}.price-description{font-size:15px}.package-columns{grid-template-columns:1fr;gap:12px}.package-columns h4{font-size:12px}.package-columns ul{font-size:14px;line-height:1.9}.price-card .button{margin-top:auto;width:100%}.pricing-footnote{font-size:12px;line-height:1.9}.custom-work{padding:30px;gap:24px}.custom-work>div{width:auto}.custom-work h3{font-family:var(--font);font-size:27px;line-height:1.3;letter-spacing:-.035em}.custom-work p:not(.eyebrow){font-size:14px}.round-link{width:56px;height:56px;min-width:56px}.payment-strip>div>span{font-size:10px}.payment-strip>div>strong{font-size:18px}
.process-step h3{font-size:20px}.process-step p{font-size:15px;line-height:1.8}.step-number{font-size:32px}.process-step>.icon{display:none}.faq-section{padding-top:16px}.faq-grid{gap:70px}.faq-grid>div>p:not(.eyebrow){font-size:15px}.faq-list summary{font-size:16px;padding-block:23px}.faq-list details p{font-size:15px;line-height:1.8}.text-link{min-height:48px;font-size:15px}.contact-copy h2{font-family:var(--font);font-size:clamp(40px,4.5vw,62px);font-weight:500;line-height:1.15;letter-spacing:-.045em}.contact-copy>p:not(.eyebrow){font-size:16px;line-height:1.9;max-width:420px}.contact-email{font-size:15px;min-height:48px;line-height:1.5}.contact-meta{font-size:10px}.contact-card{padding:36px}.contact-card h3{font-size:25px}.field label{font-size:14px}.field input,.field textarea{font-size:16px;min-height:52px}.form-privacy{font-size:12px;line-height:1.8}.preview-form-note{font-size:12px}.contact-card-header{display:none}.inquiry-status{font-size:14px}
.motion-toggle{width:auto;height:auto;min-height:48px;min-width:48px;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border-radius:7px;color:#c2cdb9}.motion-label{font-size:13px}.footer-main{gap:24px;flex-wrap:wrap}.footer-main>p{margin-right:auto}.back-top{display:inline-flex;align-items:center;min-height:48px;font-size:14px}.footer-bottom{font-size:11px}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.header-inner{gap:20px}.main-nav{gap:18px}.main-nav a{font-size:13px}.header-cta{font-size:13px;padding:14px 16px}.concept-nav{padding:26px}.service-concept-main,.booking-concept-main,.retail-concept-main{padding:12px 28px 28px;gap:28px}.scene h2{font-size:54px}.scene-booking h2,.scene-retail h2{font-size:50px}.calendar-concept{padding:24px 16px}.comparison-stage{height:520px}.compare-layout{padding:30px}.refined-site-grid h3{font-size:46px}.basic-site-grid,.refined-site-grid{gap:28px}.comparison-controls{gap:24px}.comparison-presets button{padding:12px 14px}.bento{padding:24px}.bento h3{font-size:20px}.bento>p{font-size:14px}.planner-grid{gap:28px}.planner-result{padding:28px}.goal-option>span{padding:20px 16px}.goal-option strong{font-size:14px}.goal-option small{font-size:12px}.page-select-row{align-items:stretch;flex-direction:column;gap:12px}.page-select-row select{width:100%;max-width:none}.price-card{padding:28px}.faq-grid{gap:40px}.contact-card{padding:28px}.contact-email{font-size:13px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header-inner{width:calc(100% - 32px);gap:12px;min-height:78px}.brand-symbol{width:32px;height:34px;font-size:29px}.brand-word{font-size:12px}.brand-word small{font-size:6px}.brand{gap:8px}.header-actions{gap:10px}.header-cta{display:inline-flex;min-height:48px;font-size:13px;padding:13px 15px;gap:8px}.header-cta .icon{display:none}.menu-toggle{display:block;width:48px;height:48px;padding:14px}.main-nav{display:none;position:absolute;top:100%;left:0;right:0;padding:16px 20px;background:#25332d;flex-direction:column;gap:0;align-items:stretch}.main-nav.is-open{display:flex}.main-nav a{font-size:16px;padding:14px 8px;min-height:52px}.main-nav a:after{display:none}
.hero-intro{padding:64px 0 60px}.hero-copy{max-width:620px}.hero-eyebrow{font-size:10px;gap:8px;margin-bottom:24px}.hero h1{font-size:clamp(46px,9vw,64px);line-height:1.1}.hero-lead{font-size:19px;max-width:360px;margin:24px auto 0}.hero-description{font-size:16px;max-width:460px;margin-top:16px}.hero-buttons{gap:12px;margin-top:28px}.hero-buttons .button{font-size:16px;min-height:56px;padding:16px 22px;gap:16px}.hero-price{font-size:13px;gap:8px;margin-top:24px}.hero-price p>span{font-size:11px}
.section{padding-block:64px}.section-heading{display:block;margin-bottom:30px}.section-heading h2,.faq-grid h2{font-size:36px}.section-heading .eyebrow{font-size:11px;margin-bottom:12px}.section-intro{font-size:16px;margin-top:16px;max-width:500px}.playground-toolbar{align-items:stretch;flex-direction:column;gap:16px}.scene-tabs{flex-wrap:nowrap}.scene-tabs>[role=tab]{flex:1;min-width:0;min-height:48px;font-size:14px;padding:12px}.device-switch{justify-content:flex-end;gap:8px}.device-switch button{min-height:48px;font-size:14px;padding:12px 16px}.playground-description{font-size:14px;line-height:1.8;margin:18px 0;min-height:50px}.playground-canvas{padding:16px;border-radius:12px}.browser-chrome{font-size:11px;padding:12px 16px}.concept-nav{padding:24px;font-size:12px}.concept-nav strong{font-size:14px}.concept-nav>span{font-size:11px}.service-concept-main,.booking-concept-main,.retail-concept-main{padding:10px 24px 24px;gap:24px;grid-template-columns:1fr}.scene h2,.scene-booking h2,.scene-retail h2{font-size:48px;line-height:1.06;margin:18px 0}.scene p{font-size:15px}.concept-overline{font-size:10px}.concept-button,.scene-retail .concept-button{font-size:14px;min-height:50px;padding:14px 18px;margin-top:22px;gap:20px}.service-art svg,.vase-art svg{height:230px}.concept-bottom{padding:20px 24px;font-size:11px;flex-wrap:wrap;gap:12px}.calendar-title{font-size:17px}.calendar-week span{font-size:12px}.calendar-week b{font-size:15px;height:36px}.calendar-concept{padding:24px 20px}.sample-slots button{min-height:48px;font-size:13px}.sample-label{font-size:11px}.calendar-concept p{font-size:12px}.playground-footer{display:block;padding-top:16px}.playground-footer p{font-size:12px;max-width:none;text-align:left;line-height:1.8}.playground-footer>span{display:block;font-size:12px;margin-top:10px}.demo-shell.is-mobile{width:320px}.demo-shell.is-mobile .service-concept-main,.demo-shell.is-mobile .booking-concept-main,.demo-shell.is-mobile .retail-concept-main{padding:8px 20px 22px}.demo-shell.is-mobile .concept-nav{padding:22px 20px}.demo-shell.is-mobile .scene h2{font-size:44px}.demo-shell.is-mobile .sample-slots button{min-width:60px;font-size:12px;padding:12px 7px}
.bento-grid{grid-template-columns:1fr;gap:16px}.bento{padding:26px}.bento-top{margin-bottom:18px}.bento h3{font-size:22px}.bento h3 br{display:none}.bento>p{font-size:15px;max-width:none}.comparison-chrome{padding:14px 18px;font-size:11px;gap:12px}.comparison-label{display:none}.comparison-view-labels{font-size:11px;padding:12px 18px}.comparison-stage{height:660px}.compare-layout{padding:24px;gap:22px}.basic-site-nav>span,.refined-site-nav>span{display:none}.basic-site-nav strong{font-size:23px}.refined-site-nav>strong{font-size:26px}.refined-site-nav>strong>span{font-size:8px}.basic-site-grid,.refined-site-grid{grid-template-columns:1fr;gap:22px}.study-overline{font-size:9px}.compare-layout h3{font-size:36px;margin:14px 0}.compare-layout p{font-size:13px;line-height:1.75}.refined-site-grid h3{font-size:44px;line-height:1.05;margin:14px 0}.study-basic-button,.study-refined-button{font-size:12px;min-height:46px;margin-top:18px;padding:12px 18px}.garden-art svg{height:200px;object-fit:cover}.garden-art>span{font-size:10px;margin-top:8px}.basic-garden{min-height:200px}.study-services{padding-top:16px;font-size:10px;gap:12px;flex-wrap:wrap}.compare-handle{width:52px;height:52px}.comparison-controls{display:flex;align-items:stretch;flex-direction:column;gap:18px;padding:20px 18px}.comparison-range-row{gap:8px 12px!important}.comparison-range-row label{font-size:12px}.comparison-range-row output{font-size:11px}.comparison-presets{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.comparison-presets button{font-size:13px;min-height:48px;padding:12px 8px}.section-caption{font-size:12px;margin:16px 0 0;line-height:1.8}
.planner-grid{grid-template-columns:1fr;gap:24px}.planner-controls legend{font-size:18px;margin-bottom:18px}.goal-option>span{padding:20px 16px;min-height:160px}.goal-option strong{font-size:15px}.goal-option small{font-size:12px}.page-select-row{align-items:stretch;gap:12px}.page-select-row label{font-size:15px}.page-select-row p{font-size:12px;max-width:none}.page-select-row select{max-width:none;width:100%;font-size:16px;min-height:52px}.planner-scope{font-size:12px}.planner-result{padding:28px}.result-detail{font-size:15px}.result-deposit{font-size:13px}.result-footnote{font-size:12px}.result-price>strong{font-size:52px}.planner-grid[data-plan=custom] .result-price>strong{font-size:38px}.pricing-section{padding-top:8px}.pricing-grid{grid-template-columns:1fr;gap:24px}.price-card{padding:28px}.price-card h3{font-size:30px}.price-description{font-size:15px}.package-columns{grid-template-columns:1fr;gap:12px}.package-columns h4{font-size:12px}.package-columns ul{font-size:14px;margin-bottom:12px}.price-card .button,.planner-result .button{font-size:16px;min-height:56px;padding:16px 20px}.payment-strip{flex-direction:column;align-items:flex-start;gap:20px;padding:26px}.payment-strip>.icon{display:none}.payment-strip>div>span{font-size:11px}.payment-strip>div>strong{font-size:18px}.pricing-footnote{font-size:12px;line-height:1.9}.custom-work{padding:26px;gap:20px;flex-wrap:wrap}.custom-work>div{width:100%}.custom-work h3{font-size:27px}.custom-work .eyebrow{font-size:10px}.custom-work p:not(.eyebrow){font-size:14px}.custom-work .round-link{margin-left:0;min-height:56px;min-width:56px}.process-grid{grid-template-columns:1fr;gap:30px}.process-step h3{font-size:21px}.process-step p{font-size:15px}.step-number{font-size:30px}.faq-section{padding-top:0}.faq-grid{grid-template-columns:1fr;gap:28px}.faq-list summary{font-size:16px;line-height:1.6}.faq-list details p{font-size:15px}.contact-grid{grid-template-columns:1fr;gap:36px}.contact-copy h2{font-size:42px;line-height:1.15;margin-top:20px;max-width:none}.contact-copy>p:not(.eyebrow){font-size:16px;max-width:none}.contact-email{font-size:14px;gap:16px}.contact-meta{font-size:10px;gap:16px;flex-wrap:wrap}.contact-card{padding:26px}.contact-card h3{font-size:24px}.field label{font-size:14px}.field input,.field textarea{font-size:16px;min-height:52px}.field-row{grid-template-columns:1fr;gap:0}.form-privacy{font-size:12px}.preview-form-note{font-size:12px}.contact-card .button{font-size:16px;min-height:56px}.footer-main>p{font-size:16px;order:3;width:100%;margin:0}.footer-main .motion-toggle{margin-left:auto}.footer-main .back-top{order:4}.footer-bottom{font-size:10px;line-height:1.8;gap:16px;flex-wrap:wrap}}
@media(max-width:420px){.hero-buttons{display:grid;grid-template-columns:1fr}.hero-buttons .button{width:100%;justify-content:space-between}.hero-eyebrow{font-size:9px;gap:6px}.hero-eyebrow .eyebrow-line{width:14px}.hero h1{font-size:46px}.header-inner{gap:10px}.header-actions{gap:8px}.header-cta{font-size:12px;padding:12px}.brand-word{font-size:11px}.brand-word small{font-size:5px}.brand{gap:6px}.brand-symbol{width:29px;height:32px}.playground-canvas{padding:10px}.concept-nav{padding:22px 20px}.concept-nav>span{display:none}.service-concept-main,.booking-concept-main,.retail-concept-main{padding:8px 20px 22px}.scene h2,.scene-booking h2,.scene-retail h2{font-size:44px}.calendar-concept{padding:22px 14px}.sample-slots button{font-size:12px;min-width:60px}.goal-option>span{padding:18px 14px;min-height:158px}.goal-option strong{font-size:14px}.goal-option small{font-size:12px}.goal-grid{gap:10px}.compare-layout{padding:24px 20px}.comparison-stage{height:670px}.refined-site-grid h3{font-size:42px}.contact-card{padding:24px 20px}.contact-email{font-size:13px}}
@media(prefers-reduced-motion:reduce){.demo-shell{transition:none}}
html[data-motion=off] .demo-shell{transition:none}
/* Concept navigation belongs to the sample website, above its page content. */
.playground-toolbar{justify-content:flex-end}
.demo-shell>.scene-tabs{flex:none;flex-wrap:nowrap;gap:4px;padding:7px 12px;background:#f7f5ec;border-radius:0;border-bottom:1px solid #cbd0c2;justify-content:center}
.demo-shell>.scene-tabs>[role=tab]{flex:1;min-width:0;max-width:180px;min-height:44px;font-size:13px;padding:10px 8px;border-radius:6px}
.demo-shell>.scene-tabs>[role=tab][aria-selected=true]{background:#293f31;color:#fff}
.demo-pages{min-width:0}
.demo-shell.is-mobile .demo-pages{overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;min-height:0;max-height:510px;touch-action:pan-y}
.demo-shell.is-mobile .demo-pages>.scene{overflow:visible;max-height:none}
/* A desktop canvas retains desktop columns even inside a narrow phone viewport. */
.demo-shell:not(.is-mobile)>.demo-pages{width:900px;zoom:var(--desktop-scale,1)}
.demo-shell:not(.is-mobile) .scene{min-height:0}
.demo-shell:not(.is-mobile) .concept-nav{padding:30px 36px;font-size:13px;gap:20px}
.demo-shell:not(.is-mobile) .concept-nav strong{font-size:16px}
.demo-shell:not(.is-mobile) .concept-nav>span{display:block;font-size:12px}
.demo-shell:not(.is-mobile) .service-concept-main,.demo-shell:not(.is-mobile) .booking-concept-main,.demo-shell:not(.is-mobile) .retail-concept-main{display:grid;grid-template-columns:1fr .9fr;gap:48px;padding:16px 44px 36px}
.demo-shell:not(.is-mobile) .scene h2{font-size:64px;line-height:1.03;margin:20px 0}
.demo-shell:not(.is-mobile) .scene p{font-size:15px;line-height:1.75;max-width:none}
.demo-shell:not(.is-mobile) .scene p br{display:initial}
.demo-shell:not(.is-mobile) .concept-overline{font-size:11px}
.demo-shell:not(.is-mobile) .concept-button{width:auto;min-height:50px;font-size:14px;padding:14px 20px;gap:24px;margin-top:24px}
.demo-shell:not(.is-mobile) .concept-button b{font-size:20px}
.demo-shell:not(.is-mobile) .service-art,.demo-shell:not(.is-mobile) .vase-art{position:relative;opacity:1;width:100%;pointer-events:auto;inset:auto}
.demo-shell:not(.is-mobile) .service-art svg{height:320px}
.demo-shell:not(.is-mobile) .vase-art svg{height:300px}
.demo-shell:not(.is-mobile) .vase-art>span{display:block;font-size:13px}
.demo-shell:not(.is-mobile) .calendar-concept{padding:28px 24px}
.demo-shell:not(.is-mobile) .calendar-title{font-size:17px}
.demo-shell:not(.is-mobile) .calendar-week{gap:10px;margin-block:24px}
.demo-shell:not(.is-mobile) .calendar-week span{font-size:12px}
.demo-shell:not(.is-mobile) .calendar-week b{height:36px;font-size:15px}
.demo-shell:not(.is-mobile) .sample-label{font-size:11px}
.demo-shell:not(.is-mobile) .sample-slots{gap:8px}
.demo-shell:not(.is-mobile) .sample-slots button{font-size:13px;min-height:48px;min-width:76px;padding:12px 10px}
.demo-shell:not(.is-mobile) .calendar-concept p{font-size:12px}
.demo-shell:not(.is-mobile) .concept-bottom{margin-top:0;padding:20px 36px;font-size:12px;gap:24px;flex-wrap:nowrap}

.comparison-stage>.compare-handle{left:clamp(30px,var(--reveal),calc(100% - 30px));z-index:4}
@media(max-width:420px){.comparison-stage{height:750px}.garden-art svg{height:190px}.basic-garden{min-height:190px}}
.comparison-stage.is-dragging{user-select:none}
/* Keep CTA text readable through every inherited tablet breakpoint. */
.hero-buttons .button,.planner-result .button,.price-card .button,.contact-card .button{font-size:16px;min-height:56px;padding:16px 22px;line-height:1.4}

/* Existing clients get a consistent, uncluttered entrance. */
.main-nav .client-portal-link{color:#e1ead7;font-weight:600}.footer-portal-link{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:48px;padding:12px 0;font-size:14px;font-weight:500}.portal-access-main{background:var(--cream);color:var(--ink);padding:88px 0 100px;min-height:72vh}.portal-access-heading{max-width:750px;margin-bottom:40px}.portal-access-heading h1{font-size:clamp(40px,5vw,64px);font-weight:500;letter-spacing:-.045em;line-height:1.15;margin:18px 0 22px}.portal-access-heading>p:last-child{font-size:18px;line-height:1.8;color:#526047;max-width:610px}.portal-access-card{display:grid;grid-template-columns:1.2fr 1fr;gap:52px;padding:40px;border:1px solid #c4cdba;border-radius:16px;background:#f8f8f0}.portal-access-card h2{font-size:26px;font-weight:500;line-height:1.35;letter-spacing:-.025em;margin-bottom:20px}.portal-access-card p,.portal-access-card li{font-size:16px;line-height:1.85;color:#526047}.portal-access-card ul{padding-left:20px;margin:0}.portal-access-actions{border-left:1px solid #d0d6c6;padding-left:40px}.portal-access-actions .button{width:100%;margin:22px 0 20px;justify-content:space-between}.portal-preview-status{display:inline-flex;font-size:12px;font-weight:600;letter-spacing:.04em;padding:8px 12px;background:#dfe7d4;color:#364e2f;border-radius:6px;margin-bottom:16px}.portal-access-actions .portal-note{font-size:13px;line-height:1.85}.portal-help{margin-top:32px;font-size:15px;line-height:1.8;color:#526047}.portal-help a{text-decoration:underline;text-underline-offset:4px}.portal-return{min-height:48px;display:inline-flex;align-items:center;font-size:14px;color:#c4cfb9}.portal-page .header-inner{gap:24px}.portal-page .header-actions{margin-left:auto}.portal-page .footer-main{padding-block:32px}.portal-page .footer-bottom{padding-bottom:32px}
@media(max-width:760px){.portal-access-main{padding:56px 0 64px}.portal-access-heading h1{font-size:42px}.portal-access-heading>p:last-child{font-size:16px}.portal-access-card{grid-template-columns:1fr;gap:28px;padding:26px}.portal-access-card h2{font-size:24px}.portal-access-actions{border-left:0;border-top:1px solid #d0d6c6;padding-left:0;padding-top:28px}.portal-access-card p,.portal-access-card li{font-size:15px}.portal-return{font-size:13px}.portal-page .brand-word{font-size:11px}.footer-main .footer-portal-link{order:4}.footer-main .back-top{order:5}}
/* Mobile playground: a contained, scrollable phone website. */
.demo-shell.is-mobile{border:8px solid #29372f;border-radius:34px;box-shadow:0 14px 36px #25332d22;width:350px;max-height:680px;display:flex;flex-direction:column;background:#e8e5d9;overflow:hidden}
.demo-shell.is-mobile .browser-chrome{flex:none;min-height:48px;justify-content:center;background:#f7f5ec;border-bottom:1px solid #d4d6c9;color:#596450;font-size:11px;padding:16px 20px 12px}
.demo-shell.is-mobile .browser-dots,.demo-shell.is-mobile .browser-chrome>.tiny-icon{display:none}
.demo-shell.is-mobile .scene{overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;min-height:0;max-height:560px;touch-action:pan-y}
.demo-shell.is-mobile .concept-nav{padding:22px 22px 16px}.demo-shell.is-mobile .concept-nav strong{font-size:13px}
.demo-shell.is-mobile .service-concept-main,.demo-shell.is-mobile .booking-concept-main,.demo-shell.is-mobile .retail-concept-main{padding:10px 22px 24px;gap:22px}
.demo-shell.is-mobile .scene h2{font-size:40px;line-height:1.05;margin:16px 0}.demo-shell.is-mobile .scene p{font-size:14px;line-height:1.7}.demo-shell.is-mobile .concept-overline{font-size:9px}
.demo-shell.is-mobile .concept-button{font-size:13px;min-height:48px;margin-top:20px}.demo-shell.is-mobile .service-art svg,.demo-shell.is-mobile .vase-art svg{height:170px}.demo-shell.is-mobile .vase-art{border-radius:70px 70px 8px 8px}
.demo-shell.is-mobile .calendar-concept{padding:20px 14px}.demo-shell.is-mobile .calendar-title{font-size:15px}.demo-shell.is-mobile .sample-slots{gap:6px}.demo-shell.is-mobile .sample-slots button{font-size:11px;min-width:56px;min-height:44px;padding:10px 4px}.demo-shell.is-mobile .calendar-concept p{font-size:11px}.demo-shell.is-mobile .concept-bottom{font-size:10px;padding:16px 22px;gap:10px}
.demo-shell.is-mobile:after{content:"";display:block;flex:none;width:90px;height:4px;margin:10px auto;background:#79836f;border-radius:5px}
/* Make the difference unmistakable, without invented business results. */
.compare-basic{background:#fff;color:#333;font-family:Arial,sans-serif;justify-content:flex-start;gap:26px}
.basic-site-nav{border-bottom:1px solid #ccc;padding-bottom:16px}.basic-site-nav strong{font:700 21px Arial,sans-serif}.basic-site-nav>span{font-size:12px;color:#555;text-decoration:underline}.basic-site-grid{grid-template-columns:1.1fr .8fr}.compare-basic .study-overline{display:none}.compare-basic h3{font:700 28px/1.2 Arial,sans-serif;letter-spacing:0;margin:16px 0}.compare-basic p{font:14px/1.6 Arial,sans-serif;color:#555}.study-basic-button{padding:5px 0;min-height:28px;border:0;border-radius:0;color:#2456a0;text-decoration:underline;font:14px Arial,sans-serif}.basic-garden{min-height:160px;background:#eee;border:1px solid #ccc;border-radius:0;display:grid;place-items:center}.basic-garden>span:last-child{position:static;text-shadow:none;color:#777;font:14px Arial,sans-serif}.compare-basic .study-services{justify-content:flex-start;gap:24px;margin-top:14px;color:#2456a0;text-decoration:underline;font:12px Arial,sans-serif}
.compare-refined{background:#f0efe5;isolation:isolate}.refined-site-nav{padding-bottom:18px;border-bottom:1px solid #c9d1bd}.refined-site-nav>strong{font-size:29px}.refined-site-grid{grid-template-columns:1fr 1fr;gap:32px}.refined-site-grid h3{font-size:clamp(40px,4.7vw,62px);line-height:1.02;color:#263e2d}.refined-site-grid p{color:#52634b;font-size:14px}.study-refined-button{background:#304e3a;border-radius:30px;font-size:13px;padding:14px 22px;box-shadow:0 5px 12px #344b3512}.garden-art svg{height:280px;border-radius:90px 90px 12px 12px}.garden-art>span{font-size:11px}.refined-proof{display:flex;gap:15px;flex-wrap:wrap;margin-top:17px;color:#536c49;font-size:10px;line-height:1.5}.refined-proof>span:before{content:"✓ ";color:#385d34}.compare-refined .study-services{font-size:11px;letter-spacing:.02em}.comparison-stage{height:560px}.compare-handle{box-shadow:0 0 0 6px #ffffff55,0 3px 16px #15271933}.comparison-stage.is-dragging .compare-handle{background:#1d3526;box-shadow:0 0 0 9px #ffffff66}.comparison-view-labels{font-size:10px;font-weight:600;letter-spacing:.04em}
@media(max-width:760px){
 .playground-canvas{padding:22px 12px;background:#dce1d5;border-radius:20px}.playground-toolbar{gap:12px}.scene-tabs>[role=tab]{font-size:14px;min-height:48px}.device-switch{justify-content:center}.device-switch button{flex:1;max-width:160px;min-height:44px;font-size:13px;padding:10px 14px}.playground-description{min-height:0;font-size:14px;margin:18px 0}.demo-shell.is-mobile{width:330px;max-height:630px;border-width:7px;border-radius:30px}.demo-shell.is-mobile .scene{max-height:510px}.demo-shell.is-mobile .scene h2{font-size:38px}.demo-shell.is-mobile .concept-nav{padding:20px 20px 14px}.demo-shell.is-mobile .service-concept-main,.demo-shell.is-mobile .booking-concept-main,.demo-shell.is-mobile .retail-concept-main{padding:8px 20px 22px}.playground-footer>span{font-size:12px;font-weight:500}
 .comparison{max-width:390px;margin-inline:auto;border-radius:20px;overflow:hidden}.comparison-chrome{padding:12px 16px;font-size:10px}.comparison-view-labels{font-size:8px;padding:12px;gap:12px;letter-spacing:0}.comparison-stage{height:620px}.compare-layout{padding:22px 22px;gap:18px}.basic-site-grid,.refined-site-grid{grid-template-columns:1fr;gap:20px}.basic-site-nav strong{font-size:18px}.compare-basic h3{font-size:25px}.compare-basic p{font-size:13px}.basic-garden{min-height:130px}.compare-basic .study-services{font-size:11px;gap:16px;flex-wrap:wrap;line-height:1.5}.refined-site-nav{padding-bottom:14px}.refined-site-nav>strong{font-size:25px}.refined-site-nav>strong>span{font-size:7px}.study-overline{font-size:8px}.refined-site-grid h3{font-size:40px;margin:12px 0}.refined-site-grid p{font-size:12px;line-height:1.6}.refined-site-grid p br{display:none}.study-refined-button{font-size:11px;min-height:44px;margin-top:16px;padding:11px 18px}.refined-proof{font-size:9px;margin-top:12px;gap:6px 12px}.garden-art svg{height:164px;border-radius:58px 58px 8px 8px}.garden-art>span{font-size:9px;margin-top:7px}.compare-refined .study-services{font-size:9px;padding-top:14px;gap:6px 12px;flex-wrap:wrap}.compare-handle{width:54px;height:54px;font-size:26px}.comparison-stage>.compare-handle{left:clamp(30px,var(--reveal),calc(100% - 30px))}.comparison-controls{padding:20px 16px;gap:12px}.comparison-presets button{min-height:48px;font-size:14px}.comparison-range-row input{height:44px}.comparison-range-row input::-webkit-slider-thumb{min-height:28px;min-width:28px}.comparison-range-row input::-moz-range-thumb{height:28px;width:28px}.comparison-range-row output{font-size:11px}.section-caption{font-size:12px;max-width:390px;margin-inline:auto}
}
@media(max-width:370px){.playground-canvas{padding:16px 8px}.demo-shell.is-mobile{border-width:6px}.demo-shell.is-mobile .service-concept-main,.demo-shell.is-mobile .booking-concept-main,.demo-shell.is-mobile .retail-concept-main{padding-inline:16px}.demo-shell.is-mobile .scene h2{font-size:35px}.demo-shell.is-mobile .concept-button{font-size:12px;padding-inline:12px}.compare-layout{padding-inline:18px}.refined-site-grid h3{font-size:36px}.comparison-stage{height:650px}}