:root{--bg:#f4f2e9;--card:#fffef8;--ink:#173b2c;--muted:#5f7367;--line:#d6ded2;--accent:#234f37;--accent-ink:#fff;--soft:#e6ebdf;--heading:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button,a,input,select,summary{outline-offset:4px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent)}img{display:block;max-width:100%;height:auto}p{margin-top:0;color:var(--muted)}h1,h2,h3{font-family:var(--heading);font-weight:400;line-height:1.05;letter-spacing:-.045em;margin-top:0}h1{font-size:clamp(3.5rem,6.9vw,6.8rem);margin-bottom:25px}h2{font-size:clamp(2.3rem,4.1vw,3.8rem);margin-bottom:20px}h3{font-size:1.8rem;margin-bottom:13px}button:disabled{opacity:.5;cursor:default}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.demo-wrap{width:min(1220px,calc(100% - 100px));margin:auto}.demo-banner{position:sticky;top:0;z-index:50;background:#101827;color:#eaf0ff;border-bottom:1px solid #31476c;font-size:11px;letter-spacing:.02em}.demo-banner .demo-wrap{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:11px;padding-bottom:11px}.demo-banner strong{color:#aecdff;font-weight:650}.demo-banner .banner-credit{color:#b7c5dc}.demo-banner a{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;text-decoration:underline;text-underline-offset:4px}.demo-banner a:focus-visible{outline-color:#b6d0ff}.demo-skip{position:fixed;z-index:100;top:-80px;left:15px;background:var(--accent);color:var(--accent-ink);padding:12px 18px;border-radius:8px}.demo-skip:focus{top:60px}.business-header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:27px 0;border-bottom:1px solid var(--line)}.business-brand{display:flex;align-items:center;gap:11px;font-family:var(--heading);font-size:29px;letter-spacing:-.045em;line-height:1}.business-brand svg{width:27px;height:32px}.business-nav{display:flex;align-items:center;gap:27px;font-size:12px}.business-nav a:hover{text-decoration:underline;text-underline-offset:5px}.business-nav .demo-button{font-size:11px;padding:11px 15px;min-height:43px}.demo-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--accent);border:1px solid var(--accent);color:var(--accent-ink);padding:15px 22px;border-radius:4px;min-height:50px;font-size:12px;font-weight:650;transition:transform .15s,filter .15s}.demo-button:hover{filter:brightness(1.08);transform:translateY(-2px)}.demo-button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.demo-eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;text-transform:uppercase;margin-bottom:25px;color:var(--muted)}.demo-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding-top:70px;padding-bottom:80px}.hero-copy>p:not(.demo-eyebrow){max-width:400px;font-size:14px;line-height:1.9}.demo-hero h1 em{font-weight:400}.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-media{position:relative}.hero-media>img{width:100%;height:530px;object-fit:cover;object-position:55% center;border-radius:190px 190px 5px 5px}.image-caption{font-size:10px;letter-spacing:1px;text-transform:uppercase;display:flex;justify-content:space-between;gap:10px;margin:15px 0 0;color:var(--muted)}.hero-stamp{position:absolute;left:-30px;bottom:65px;border-radius:50%;width:115px;height:115px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:#e8c2c1;color:#4c3638;transform:rotate(-9deg);border:8px solid var(--bg);font-size:10px;letter-spacing:1px;line-height:1.6}.hero-stamp span{font-family:var(--heading);font-size:23px;letter-spacing:-1px}.sample-note{font-size:11px;margin-top:18px;margin-bottom:0;max-width:430px!important;color:var(--muted)}.demo-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0;background:var(--soft)}.demo-band .demo-wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:11px;letter-spacing:1px;text-transform:uppercase}.demo-section{padding:80px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:35px}.section-heading>p{max-width:360px;font-size:13px;line-height:1.9;margin:0 0 8px}.section-heading h2{margin-bottom:0}.section-heading .demo-eyebrow{margin-bottom:18px}.product-filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:18px}.filter-chip{border:1px solid var(--line);border-radius:30px;color:var(--ink);background:transparent;padding:10px 17px;font-size:11px;min-height:42px}.filter-chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.filter-count{font-size:11px;margin-bottom:22px}.bouquet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.bouquet-card{background:var(--card);border:1px solid var(--line);border-radius:5px;overflow:hidden}.bouquet-image{position:relative;background:var(--soft);overflow:hidden}.bouquet-image img{height:245px;width:100%;object-fit:cover;transition:transform .3s}.bouquet-card:nth-child(3n+1) img{object-position:22% center}.bouquet-card:nth-child(3n+2) img{object-position:72% center}.bouquet-card:hover .bouquet-image img{transform:scale(1.03)}.bouquet-type{position:absolute;bottom:13px;left:13px;padding:5px 10px;background:#fffef8df;color:#173b2c;font-size:9px;text-transform:uppercase;letter-spacing:1px;border-radius:2px}.bouquet-copy{padding:23px}.bouquet-copy h3{font-size:24px;margin-bottom:12px}.bouquet-copy p{font-size:12px;line-height:1.8}.bouquet-copy button{font-size:11px;min-height:42px;width:100%;margin-top:5px}.florist-image-note{margin:24px 0 0;font-size:11px;max-width:760px}.demo-inquiry{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}.demo-inquiry .intro-copy p{max-width:370px;font-size:14px;line-height:1.9}.preview-panel{padding:35px;background:var(--card);border:1px solid var(--line);border-radius:6px}.preview-panel h3{font-size:26px;margin-bottom:18px}.preview-form label{display:grid;gap:9px;color:var(--ink);font-size:12px;margin-bottom:20px}.preview-form select{width:100%;min-height:48px;padding:12px 13px;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:4px;font-size:13px}.preview-form .demo-button{width:100%;margin-top:5px}.preview-disclaimer{font-size:11px;line-height:1.8;padding:14px 16px;border:1px dashed var(--line);border-radius:4px;color:var(--muted);margin-bottom:22px}.preview-result{background:var(--soft);border:1px solid var(--line);padding:23px;margin-top:24px;border-radius:5px}.preview-result h4{font-size:15px;font-weight:650;margin:0 0 14px}.preview-result dl{margin:0}.preview-result dt{font-size:10px;color:var(--muted);margin-top:13px;text-transform:uppercase;letter-spacing:.7px}.preview-result dd{margin:4px 0 0;font-size:13px;color:var(--ink)}.preview-result p{font-size:11px;margin:18px 0 0}.preview-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding-top:30px}.preview-steps span{display:block;font-size:10px;letter-spacing:1px;color:var(--muted);margin-bottom:15px}.preview-steps h3{font-size:26px}.preview-steps p{font-size:12px;line-height:1.8}.studio-callout{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:35px 40px;border:1px solid var(--line);background:var(--soft);border-radius:6px;margin-bottom:75px}.studio-callout h2{font-size:31px;margin-bottom:13px}.studio-callout p{font-size:12px;margin:0;max-width:590px}.studio-callout .demo-button{flex-shrink:0}.business-footer{padding:35px 0;border-top:1px solid var(--line)}.business-footer .demo-wrap{display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:11px}.business-footer p{margin:0;max-width:540px}.business-footer a{text-decoration:underline;text-underline-offset:4px}.theme-barber{--bg:#161614;--card:#20211c;--ink:#f1efe3;--muted:#aaa998;--line:#454539;--accent:#dec994;--accent-ink:#252418;--soft:#25261f;--heading:Georgia,'Times New Roman',serif}.theme-barber .business-brand{font-family:Arial,sans-serif;font-weight:800;font-size:20px;letter-spacing:-.8px}.theme-barber .demo-hero h1{font-size:clamp(3.7rem,7.2vw,7rem)}.theme-barber .hero-media>img{border-radius:2px;height:550px;object-position:50% center;filter:saturate(.65)}.theme-barber .hero-stamp{border-radius:3px;background:var(--accent);color:var(--accent-ink);transform:rotate(-4deg);font-family:Arial,sans-serif;left:auto;right:-15px;bottom:30px;width:145px;height:105px;border-width:6px}.theme-barber .hero-stamp span{font-family:Arial,sans-serif;font-weight:750;font-size:26px;letter-spacing:-.7px}.theme-barber .demo-band{background:transparent}.service-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.service-menu{display:grid;gap:15px;border:0;margin:0;padding:0;min-width:0}.service-menu legend{font-size:12px;letter-spacing:1px;text-transform:uppercase;margin-bottom:17px;color:var(--muted)}.service-option{position:relative;display:grid;grid-template-columns:25px 1fr auto;gap:15px;align-items:start;background:var(--card);border:1px solid var(--line);border-radius:4px;padding:24px;cursor:pointer}.service-option:has(input:checked){border-color:var(--accent);background:var(--soft)}.service-option input{width:17px;height:17px;accent-color:var(--accent);margin:4px 0 0}.service-option strong{display:block;font-family:var(--heading);font-weight:400;font-size:25px;line-height:1.1;margin-bottom:11px;letter-spacing:-.7px}.service-option span span{display:block;font-size:12px;line-height:1.8;color:var(--muted)}.service-option small{font-size:10px;white-space:nowrap;color:var(--muted);margin-top:5px}.service-preview-grid .preview-panel{align-self:start;position:sticky;top:95px}.service-selection{padding:15px 0 23px;border-bottom:1px solid var(--line);margin-bottom:23px}.service-selection span{display:block;font-size:10px;letter-spacing:.8px;color:var(--muted);text-transform:uppercase}.service-selection strong{font-family:var(--heading);font-size:25px;font-weight:400;display:block;line-height:1.2;margin:8px 0}.service-selection p{font-size:11px;margin:0}.gallery-strip{display:grid;grid-template-columns:1.3fr .7fr;gap:50px;align-items:center}.gallery-strip img{height:380px;object-fit:cover;width:100%;border-radius:3px}.gallery-strip p{font-size:13px;line-height:1.9;max-width:340px}.theme-salon{--bg:#fcf5f1;--card:#fffaf7;--ink:#572e36;--muted:#8e6d70;--line:#e4c9cd;--accent:#914758;--accent-ink:#fff7f3;--soft:#f5e7e4;--heading:Georgia,'Times New Roman',serif}.theme-salon .business-brand{font-family:Arial,sans-serif;letter-spacing:-1.5px;font-weight:600;font-size:30px}.theme-salon .demo-button{border-radius:30px}.theme-salon .hero-media>img{height:530px;object-position:center;border-radius:150px 150px 0 0}.theme-salon .hero-stamp{background:#e6a9b5;color:#572e36;left:-25px;width:105px;height:105px}.theme-salon .service-option{border-radius:10px}.theme-salon .preview-panel{border-radius:16px}.theme-salon .demo-hero h1 em{color:var(--accent)}.color-choices{display:flex;flex-wrap:wrap;gap:11px;margin-bottom:25px}.color-choice{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--line);border-radius:25px;background:transparent;color:var(--ink);font-size:11px;padding:10px 13px;min-height:42px}.color-choice[aria-pressed=true]{border-color:var(--accent);background:var(--soft)}.color-choice span{width:14px;height:14px;background:var(--swatch);border:1px solid #0002;border-radius:50%}.color-label{font-size:12px;margin-bottom:10px;color:var(--ink)}.theme-salon .studio-callout{border-radius:16px}[hidden]{display:none!important}::selection{background:var(--accent);color:var(--accent-ink)}
@media(max-width:950px){.demo-wrap{width:calc(100% - 60px)}.demo-hero{gap:40px}.hero-media>img,.theme-salon .hero-media>img,.theme-barber .hero-media>img{height:440px}.demo-hero h1,.theme-barber .demo-hero h1{font-size:clamp(3.2rem,7.5vw,5.8rem)}.business-nav{gap:17px}.business-brand{font-size:24px}.service-preview-grid,.demo-inquiry{gap:35px}.service-option{padding:20px;grid-template-columns:19px 1fr;gap:13px}.service-option small{grid-column:2;margin-top:0}.studio-callout{padding:28px}.bouquet-grid{gap:18px}.bouquet-image img{height:215px}.bouquet-copy{padding:20px}.preview-panel{padding:27px}}
@media(max-width:700px){html{scroll-padding-top:130px}.demo-wrap{width:calc(100% - 40px)}.demo-banner .demo-wrap{align-items:start;gap:12px;font-size:10px;padding-block:10px}.demo-banner .banner-credit{display:block;margin-top:3px}.business-header{flex-wrap:wrap;padding:23px 0;gap:20px}.business-nav{width:100%;justify-content:space-between;gap:15px}.business-nav .demo-button{padding:9px 12px;min-height:39px;font-size:10px}.business-nav>a:not(.demo-button){font-size:11px}.demo-hero{grid-template-columns:1fr;gap:35px;padding-top:50px;padding-bottom:55px}.demo-hero h1,.theme-barber .demo-hero h1{font-size:clamp(3.6rem,12vw,5.8rem)}.hero-copy>p:not(.demo-eyebrow){max-width:550px}.hero-media{max-width:560px;width:calc(100% - 15px);margin:auto}.hero-media>img,.theme-salon .hero-media>img,.theme-barber .hero-media>img{height:390px}.hero-stamp{left:-10px;bottom:40px;width:98px;height:98px}.theme-barber .hero-stamp{right:-10px;width:140px;height:98px}.theme-salon .hero-stamp{left:-10px}.demo-band .demo-wrap{font-size:9px;gap:16px}.demo-section{padding:55px 0}.section-heading{flex-direction:column;align-items:start;gap:22px;margin-bottom:30px}.section-heading>p{max-width:500px}.bouquet-grid{grid-template-columns:1fr 1fr}.bouquet-copy h3{font-size:22px}.bouquet-image img{height:205px}.bouquet-copy{padding:18px}.demo-inquiry,.service-preview-grid{grid-template-columns:1fr;gap:35px}.service-preview-grid .preview-panel{position:static}.service-option{grid-template-columns:20px 1fr auto}.service-option small{grid-column:auto}.preview-panel{padding:25px}.preview-steps{grid-template-columns:1fr;gap:15px}.preview-steps h3{font-size:25px}.preview-steps p{max-width:500px}.gallery-strip{grid-template-columns:1fr;gap:30px}.gallery-strip img{height:310px}.studio-callout{flex-direction:column;align-items:start;gap:22px;margin-bottom:50px}.studio-callout h2{font-size:29px}.business-footer .demo-wrap{flex-direction:column;align-items:start;gap:15px}}
@media(max-width:420px){.demo-wrap{width:calc(100% - 34px)}.demo-banner .demo-wrap{font-size:9px}.demo-banner a{font-size:9px;gap:3px}.demo-banner svg{width:15px;height:15px}.demo-hero h1,.theme-barber .demo-hero h1{font-size:3.7rem}.demo-eyebrow{font-size:9px}.hero-actions .demo-button{font-size:11px;padding:13px 16px}.hero-media>img,.theme-salon .hero-media>img,.theme-barber .hero-media>img{height:340px}.bouquet-grid{grid-template-columns:1fr}.bouquet-image img{height:270px}.service-option{grid-template-columns:19px 1fr;gap:12px}.service-option small{grid-column:2}.service-option strong{font-size:24px}.preview-panel{padding:22px}.color-choices{gap:7px}.color-choice{font-size:10px;padding:9px 11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}.demo-button:hover,.bouquet-card:hover img{transform:none}}
@media print{.demo-banner{position:static}.business-header,.hero-actions,.preview-form button,.business-nav,.studio-callout .demo-button{display:none}.demo-wrap{width:100%}.demo-hero{padding:25px 0;grid-template-columns:1fr 1fr}.demo-hero h1{font-size:40px}.demo-hero img{height:240px}.demo-section{padding:30px 0}.service-preview-grid .preview-panel{position:static}}