@charset "UTF-8";
:root{--ink:#242424;--muted:#77716a;--accent:#9b651b;--accent-dark:#7b4d10;--accent-soft:#f3e7d2;--champagne:#efce8b;--paper:#fcfaf7;--border:#e8e0d4;--radius:28px;--preview:#9b651b;--preview-soft:#f6eddd;font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:100px}
*,*::before,*::after{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:wait;opacity:.65}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button svg,a svg{flex-shrink:0}button{border:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:650;letter-spacing:-.045em}p{line-height:1.7}svg{display:block}[hidden]{display:none!important}.container{width:min(1180px,calc(100% - 64px));margin-inline:auto}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;top:-100px;left:16px;background:var(--ink);color:white;padding:14px;z-index:200}.skip-link:focus{top:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;border-radius:9px;padding:14px 22px;font-size:14px;font-weight:600;line-height:1.5;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--accent);color:white;box-shadow:0 4px 8px #9b651b10}.button-primary:hover{background:var(--accent-dark)}.button-ghost{background:transparent;padding-inline:16px}.button-ghost:hover{background:var(--accent-soft)}.button-dark{background:var(--ink);color:white}.button-dark:hover{background:#404443}.button-small{padding:12px 18px}.button-large{padding:18px 24px}.button .icon{width:19px;height:19px}.text-link{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:600;border:0;background:none;padding:0;text-underline-offset:5px}.text-link:hover{text-decoration:underline}.eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:.13em;color:var(--accent);line-height:1.6}.section{padding-block:108px}.section-heading{max-width:680px;margin:0 auto 48px;text-align:center}.section h2{font-size:clamp(32px,3.4vw,46px);line-height:1.15}.section-heading h2{margin-block:15px 20px}.section-heading p,.how-heading p,.audience-grid>div>p,.faq-grid>div>p{font-size:16px;color:var(--muted)}
.site-header{position:sticky;top:0;z-index:30;background:#fcfaf7f5;border-bottom:1px solid #eee7dd;backdrop-filter:blur(16px)}.header-inner{height:88px;display:flex;align-items:center;gap:38px}.brand{display:inline-flex;align-items:center;font-size:35px;font-weight:750;letter-spacing:-2px;white-space:nowrap;line-height:1}.brand-mark{font-size:37px;color:var(--accent);margin-right:10px;letter-spacing:0;font-weight:400}.brand-dot{color:var(--accent)}.main-nav{display:flex;align-items:center;gap:27px;margin-inline:auto}.main-nav>a{font-size:13px;color:#55595a;font-weight:500}.main-nav>a:hover{color:var(--accent)}.header-actions{display:flex;gap:9px;align-items:center}.mobile-actions,.menu-toggle{display:none}
.hero{overflow:hidden;background:radial-gradient(ellipse at 95% 20%,#f5eddf 0,transparent 57%)}.hero-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:30px;align-items:center;min-height:735px;padding-block:50px 32px}.hero-copy{padding-bottom:20px;position:relative;z-index:2}.hero-eyebrow{display:inline-flex;gap:8px;align-items:center;background:#f6efdf;color:#806432;border:1px solid #e8d9bb;padding:7px 12px;border-radius:50px;font-size:10px;letter-spacing:.1em}.status-dot{height:6px;width:6px;border-radius:50%;background:#bd8e3c}.hero h1{font-size:clamp(48px,5.1vw,68px);line-height:1.075;letter-spacing:-.055em;max-width:620px;margin:24px 0 24px;font-weight:650}.highlight{color:var(--accent);position:relative;white-space:nowrap}.highlight svg{position:absolute;width:103%;height:14px;bottom:-8px;left:0;fill:none;stroke:#d0a348;stroke-width:3;stroke-linecap:round}.hero-copy>p{font-size:20px;line-height:1.6;letter-spacing:-.3px}.hero-copy>p.hero-description{color:var(--muted);font-size:15px;max-width:390px;margin-top:12px;letter-spacing:0;line-height:1.7}.hero-actions{display:flex;align-items:flex-start;gap:20px;flex-direction:column;margin-top:27px}.hero-notes{display:flex;flex-wrap:wrap;gap:22px;margin-top:30px;color:#777a76;font-size:11px}.hero-notes span{display:flex;align-items:center;gap:5px}.hero-notes .icon{width:15px;height:15px;color:#96733a}.hero-visual{position:relative;height:650px;display:flex;align-items:center;justify-content:center;padding:20px 0 26px}.hero-orbit{border-radius:50%;position:absolute;pointer-events:none}.orbit-one{width:475px;height:475px;background:#efe2cc;top:105px;left:25px}.orbit-two{width:518px;height:518px;border:1px solid #e3ceaa;left:4px;top:85px}.decor-star{position:absolute;color:var(--accent);z-index:3;font-size:53px}.star-one{top:65px;right:15px;transform:rotate(15deg)}.star-two{bottom:85px;left:4px;color:#b98a3f;font-size:66px}.phone-frame{background:white;width:306px;height:615px;border:7px solid #fff;border-radius:43px;box-shadow:0 30px 55px #6d4c1d20,0 0 0 1px #e3d8c8;overflow:hidden;transform:rotate(5deg);position:relative;z-index:2;flex-shrink:0}.phone-camera{position:absolute;background:#272829;width:78px;height:18px;top:7px;left:50%;transform:translateX(-50%);border-radius:20px;z-index:2}.phone-status{display:flex;justify-content:space-between;padding:13px 17px 10px;font-size:9px;font-weight:700;color:#373337;background:#fcfaf5;height:38px}.demo-cover{background:#eee0c9;height:86px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;color:#8c662e}.studio-symbol{font-family:Georgia,serif;font-size:57px;line-height:.9;position:relative}.studio-symbol span{position:absolute;font-size:24px;top:-5px;right:-19px}.demo-cover>span{font-size:7px;letter-spacing:.14em}.demo-content{padding:16px 17px 10px}.studio-heading{display:flex;align-items:center;justify-content:space-between;gap:5px}.studio-heading h2{font-size:16px;font-weight:650;letter-spacing:-.5px}.studio-heading p{font-size:9px;color:#898073;margin-top:3px}.studio-avatar{width:33px;height:33px;background:#f8efdf;border-radius:50%;display:grid;place-items:center;font-family:Georgia,serif;font-size:23px;color:var(--accent)}.demo-progress{padding:0;display:flex;list-style:none;gap:13px;margin:14px 0 14px;counter-reset:step}.demo-progress li{font-size:8px;color:#9b8f7e;display:flex;align-items:center;gap:4px;counter-increment:step}.demo-progress li::before{content:counter(step);height:14px;width:14px;border:1px solid #d9cdbd;border-radius:50%;display:grid;place-items:center;font-size:7px}.demo-progress li.active{color:var(--accent);font-weight:700}.demo-progress li.active::before{background:var(--accent);color:#fff;border-color:var(--accent)}.demo-step{height:196px}.demo-step h3{font-size:12px;letter-spacing:-.1px;margin-bottom:11px}.demo-service{display:flex;align-items:center;width:100%;background:white;gap:7px;padding:10px 8px;border:1px solid #e9e0d4;border-radius:8px;margin-bottom:7px;text-align:left;min-height:48px;transition:border .2s,background .2s}.demo-service.selected{background:#faf3e6;border-color:#c99b4f}.service-icon{display:grid;place-items:center;background:#f4ead9;width:27px;height:27px;border-radius:6px;color:#a47c3d;flex-shrink:0}.service-icon .icon{width:17px;height:17px}.demo-service strong{font-size:9px;display:block;font-weight:600;letter-spacing:-.15px}.demo-service small{font-size:7px;color:#8f8475;display:block;margin-top:3px}.service-price{display:flex;align-items:center;gap:6px;margin-left:auto;font-size:9px;white-space:nowrap}.radio-indicator{height:11px;width:11px;border-radius:50%;border:1px solid #dfd1ba}.selected .radio-indicator{border:3px solid var(--accent);background:white}.demo-footer{display:flex;gap:6px;margin-top:13px}.demo-next{display:flex;align-items:center;justify-content:space-between;width:100%;background:var(--accent);color:white;font-size:9px;padding:11px 13px;border-radius:7px}.demo-next:hover{background:var(--accent-dark)}.demo-back{background:#f6eddd;color:var(--accent);border-radius:7px;min-width:30px}.demo-powered{text-align:center;font-size:6px;color:#9c9386;margin-top:15px}.demo-powered strong{font-size:8px;color:#817360}.floating-note{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;background:#fffffffa;border:1px solid #f0edf4;box-shadow:0 12px 32px #6e4e240b;border-radius:13px;padding:14px 17px}.floating-note strong{display:block;font-size:11px;letter-spacing:-.1px}.floating-note div>span{display:block;color:#9c9285;font-size:8px;margin-top:5px}.note-top{top:118px;left:-15px;transform:rotate(-5deg)}.note-bottom{bottom:95px;right:-25px;transform:rotate(-5deg)}.note-icon,.mint-check{width:36px;height:36px;background:#f6eddd;color:var(--accent);display:grid;place-items:center;border-radius:10px}.note-icon .icon{width:21px}.mint-check{background:#f7ebce;color:#956b22;border-radius:50%}.mint-check .icon{width:18px}.demo-label{position:absolute;bottom:5px;font-size:8px;letter-spacing:.15em;color:#9c9386}.demo-help{font-size:9px;color:var(--muted)}.demo-date-strip{display:flex;justify-content:space-between;margin-block:17px;gap:6px}.demo-date-strip>span{display:flex;flex-direction:column;align-items:center;padding:8px 9px;border-radius:7px;font-size:7px;color:#a89b8b;gap:5px}.demo-date-strip b{font-size:14px;font-weight:600;color:var(--ink)}.demo-date-strip .chosen{background:var(--accent);color:white}.demo-date-strip .chosen b{color:white}.demo-times{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.demo-times button{font-size:10px;padding:8px;border:1px solid #dfd1bd;background:white;border-radius:6px}.demo-times button.selected{background:#f8ecd5;border-color:var(--accent);color:var(--accent)}.demo-summary{text-align:center}.summary-icon{display:grid;place-items:center;background:#f6e9cc;color:#8a661e;border-radius:50%;width:34px;height:34px;margin:0 auto 9px}.demo-summary h3{margin-bottom:4px}.demo-summary>p{font-size:11px;color:var(--accent)}.demo-summary>div{display:flex;flex-direction:column;font-size:10px;gap:6px;margin-top:11px;color:var(--muted)}.demo-summary>div strong{color:var(--ink);font-size:11px}.demo-summary>small{display:block;font-size:8px;color:#8e8170;margin-top:12px}.category-strip{padding-block:21px 30px;border-top:1px solid var(--border);text-align:center}.category-strip>span{font-size:10px;color:#999b98}.category-strip>div{display:flex;align-items:center;justify-content:center;gap:40px;margin-top:18px;color:#777d76;font-weight:600;font-size:18px;letter-spacing:-.5px}.category-strip i{font-size:15px;color:#a3aa99;font-style:normal}
.resources{background:#fff}.feature-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:22px}.feature-card{padding:38px;border-radius:var(--radius);overflow:hidden;position:relative}.feature-card h3{font-size:30px;line-height:1.13;margin:17px 0 13px}.feature-card p{font-size:13px;color:var(--muted);max-width:330px;line-height:1.8}.feature-icon{width:38px;height:38px;display:grid;place-items:center;background:#fff9;border-radius:10px;color:var(--accent)}.feature-icon .icon{width:22px;height:22px}.feature-calendar{background:#f3eee5;min-height:510px;padding-bottom:0}.feature-calendar .feature-text{position:relative;z-index:2;max-width:350px}.calendar-preview{width:91%;margin:30px auto -25px;background:white;padding:22px;border-radius:16px 16px 0 0;transform:rotate(-3deg);box-shadow:0 8px 25px #7c5b2710;min-width:330px}.calendar-top{display:flex;justify-content:space-between;align-items:center}.calendar-top>strong{font-size:12px}.calendar-top strong>span{display:block;font-size:8px;font-weight:400;color:#999;margin-top:5px}.calendar-view{font-size:9px;border:1px solid var(--border);padding:6px 8px;border-radius:5px}.calendar-team{display:grid;grid-template-columns:35px 1fr 1fr;margin:20px 0 12px;gap:8px}.calendar-team>strong{display:flex;align-items:center;justify-content:center;gap:5px;font-size:9px;font-weight:500}.person-avatar{font-size:8px;font-style:normal;border-radius:50%;height:20px;width:20px;display:grid;place-items:center}.person-one{background:#f3e7d2;color:#946b2a}.person-two{background:#f6e8dc;color:#a47b62}.calendar-slots{display:grid;grid-template-columns:35px 1fr 1fr;gap:6px 8px;align-items:start}.calendar-hour{font-size:8px;color:#a29aa8;padding-top:5px}.appointment{padding:10px 8px;border-radius:6px;min-height:47px;border-left:2px solid #bd9045}.appointment strong{font-size:8px;display:block;font-weight:500}.appointment span{font-size:7px;display:block;margin-top:4px;opacity:.65}.gold{background:#f5e7ce;color:#8c6427}.peach{background:#faeee5;border-color:#d8af8f;color:#b28360}.mint{background:#e5f1e4;border-color:#9ec698;color:#74976a}.calendar-empty{height:47px;border-top:1px solid #f5f0e8}.calendar-break{height:32px;background:repeating-linear-gradient(135deg,#f7f4ee,#f7f4ee 3px,#efebe3 3px,#efebe3 4px);font-size:8px;text-align:center;padding-top:10px;color:#a99d8e}.calendar-preview>small{display:block;font-size:7px;color:#a19380;margin-top:10px}.feature-link{background:#f4f0e8;min-height:510px}.feature-link .feature-icon{color:#9b773c}.link-illustration{display:flex;align-items:center;flex-direction:column;background:#fff;border:1px solid #e9dfcf;border-radius:16px;max-width:310px;margin:26px auto 0;padding:22px 15px 18px;box-shadow:0 10px 30px #4e66420a;transform:rotate(3deg)}.link-monogram{width:47px;height:47px;border-radius:50%;background:#f2e5ce;color:#9b783c;font-family:Georgia,serif;font-size:30px;display:grid;place-items:center}.link-illustration>strong{font-size:12px;margin-top:9px}.link-caption{font-size:8px;color:#91816b;margin-top:3px}.copy-link{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:17px;background:#faf5eb;border:1px solid #e7d9bf;padding:11px;border-radius:7px;font-size:10px;color:#7f622e;width:100%}.copy-link .icon{width:15px;height:15px}.link-illustration>small{font-size:8px;color:#9a9f91;margin-top:10px}.feature-tag{display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;color:#8e754e;margin-top:22px}.feature-tag .icon{width:14px;height:14px}.feature-theme{background:#f7f5f1;display:flex;align-items:center;gap:30px;min-height:300px}.feature-theme>div:first-child{flex:1}.feature-theme h3{font-size:26px}.feature-theme p{max-width:245px}.theme-example{--preview:#9b651b;--preview-soft:#f3e7d2;width:210px;flex-shrink:0}.theme-mini{background:white;padding:18px;border:1px solid #eeebe7;border-radius:13px;box-shadow:0 10px 25px #544c3b05;transform:rotate(5deg)}.theme-mini-logo{height:38px;width:38px;background:var(--preview-soft);color:var(--preview);font-family:Georgia,serif;font-size:27px;border-radius:10px;display:grid;place-items:center;transition:background .2s,color .2s}.theme-mini>div{margin-block:14px;font-size:10px}.theme-mini strong{display:block;font-size:11px}.theme-mini div>span{display:block;color:var(--muted);margin-top:3px}.theme-mini-button{background:var(--preview);color:white;border-radius:5px;display:flex;justify-content:space-between;padding:9px;font-size:8px;transition:background .2s}.theme-options{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:22px 0 0;justify-content:center}.theme-swatch{border:3px solid #f7f5f1;border-radius:50%;height:22px;width:22px;padding:0;box-shadow:0 0 0 1px transparent}.theme-swatch.selected{box-shadow:0 0 0 1px var(--preview)}.swatch-gold{background:#9b651b}.swatch-charcoal{background:#49866c}.swatch-sand{background:#3974b9}.theme-options>span{flex-basis:100%;font-size:8px;color:#8d8a83;text-align:center}.feature-rules{background:#faf1ec;min-height:300px}.feature-rules .feature-icon{color:#ad826e}.feature-rules h3{font-size:26px}.rules-example{display:flex;flex-direction:column;gap:9px;margin-top:20px}.rules-example>span{display:flex;align-items:center;gap:7px;font-size:10px;color:#a28473}.rules-example .icon{width:13px;height:13px}
.how-section{background:#242322;color:#f7f8f4}.how-section .eyebrow{color:#e5c790}.how-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px}.how-heading h2{margin-top:17px;font-weight:500}.how-heading p{color:#b6aea1;font-size:14px;margin-bottom:4px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;list-style:none;padding:0;margin:57px 0 40px}.steps li{position:relative}.step-number{display:grid;place-items:center;border:1px solid #76603d;background:#363025;color:#edcf98;width:43px;height:43px;border-radius:50%;font-size:13px;position:relative;z-index:2}.step-line{position:absolute;left:60px;right:-40px;top:21px;border-top:1px dashed #78684f}.steps h3{font-size:20px;font-weight:500;letter-spacing:-.5px;margin:22px 0 10px}.steps p{font-size:12px;color:#bab2a5;line-height:1.8;max-width:290px}.how-demo-link{display:inline-flex;align-items:center;gap:10px;font-size:12px;color:#e8c98e;border-bottom:1px solid #827052;padding-bottom:8px}.how-demo-link .icon{width:16px;height:16px}.audience-grid{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:70px}.audience h2{margin-top:17px}.audience-grid>div>p{max-width:335px;margin-top:20px;font-size:14px}.audience .text-link{margin-top:25px;color:var(--accent);font-size:12px;text-align:left}.audience-tiles{display:grid;grid-template-columns:1fr 1fr;gap:16px}.audience-tile{border-radius:18px;padding:24px;position:relative;min-height:215px;overflow:hidden}.audience-tile h3{font-size:22px;line-height:1.15;position:relative;margin-top:64px}.audience-tile p{font-size:11px;line-height:1.6;margin-top:9px;position:relative;color:#746b5f}.tile-barber{background:#f1e7d6;transform:translateY(-8px)}.tile-salon{background:#eee9df;transform:translateY(22px)}.tile-care{grid-column:span 2;background:#f8e9df;min-height:145px;margin-top:18px}.tile-care h3{margin-top:23px}.tile-care p br{display:none}.tile-art{position:absolute;right:18px;top:24px;font-size:75px;color:#cba963;line-height:1;transform:rotate(-15deg)}.tile-salon .tile-art{color:#c7ae83;font-size:90px;top:45px;right:18px}.tile-care .tile-art{color:#ddbda6;font-size:120px;top:0;right:28px}.tile-index{font-size:9px;color:#94836c;letter-spacing:.08em}.faq{border-top:1px solid var(--border);background:white}.faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}.faq h2{margin-top:17px}.faq-grid>div>p{font-size:14px;margin-top:20px}.faq-list details{border-bottom:1px solid var(--border);padding-block:21px}.faq-list details:first-child{padding-top:0}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:25px;list-style:none;font-size:14px;font-weight:600;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:22px;font-weight:300;color:#999;transition:transform .2s}.faq-list details[open] summary>span{transform:rotate(45deg);color:var(--accent)}.faq-list details[open] summary{color:var(--accent)}.faq-list details p{font-size:12px;line-height:1.85;color:var(--muted);margin-top:14px;padding-right:30px}.closing-section{padding-block:30px 75px;background:white}.closing-card{background:#f1e6d2;padding:65px 70px;border-radius:30px;position:relative;overflow:hidden}.closing-card>div{position:relative;z-index:1;max-width:680px}.closing-card h2{font-size:48px;line-height:1.12;margin:18px 0 17px;font-weight:550}.closing-card p{font-size:14px;color:#8a775a;margin-bottom:28px}.closing-flower{position:absolute;right:34px;top:5px;font-size:330px;line-height:1.4;color:#e6cda1;transform:rotate(10deg)}.closing-mini-flower{position:absolute;right:180px;bottom:12px;font-size:115px;color:#caa365;transform:rotate(15deg)}.site-footer{padding:18px 0 24px;background:white}.footer-top{display:flex;align-items:center;gap:35px;padding-bottom:32px}.footer-top .brand{font-size:29px}.footer-top .brand-mark{font-size:29px}.footer-top>p{font-size:11px;color:#95958e}.footer-top nav{margin-left:auto;display:flex;align-items:center;gap:27px;font-size:11px;color:#6c706a}.footer-top nav button{background:none;padding:0;font-size:11px}.footer-top nav a:hover,.footer-top nav button:hover{color:var(--accent)}.footer-bottom{border-top:1px solid var(--border);padding-top:21px;display:flex;justify-content:space-between;color:#9a9c96;font-size:10px;gap:20px}.footer-bottom>span:last-child{display:flex;align-items:center;gap:7px}.footer-spark{color:var(--accent);font-size:16px}
dialog{padding:0;border:1px solid #e7dbc6;border-radius:22px;background:var(--paper);color:var(--ink);width:min(480px,calc(100% - 32px));max-height:calc(100dvh - 40px);box-shadow:0 30px 120px #30251833;overscroll-behavior:contain}dialog::backdrop{background:#26211a99;backdrop-filter:blur(5px)}body.dialog-open{overflow:hidden}.dialog-shell{padding:35px;position:relative}.dialog-close{position:absolute;right:17px;top:13px;font-size:28px;background:none;color:#8f8171;border-radius:6px;padding:3px 7px;line-height:1}.dialog-brand{font-size:29px;margin-bottom:28px}.dialog-brand .brand-mark{font-size:29px}.dialog-shell h2{font-size:30px;line-height:1.2;margin:10px 0}.dialog-shell>div>p{font-size:13px;color:var(--muted);margin-bottom:22px}form label{font-size:12px;font-weight:600;display:block;margin-top:16px}form input,form select{display:block;width:100%;padding:12px 13px;margin-top:7px;border:1px solid #dfd3c1;border-radius:8px;font-size:14px;background:white;color:var(--ink);min-width:0}form input[aria-invalid=true]{border-color:#b95151}form label small{display:block;font-size:10px;color:#87818e;font-weight:400;line-height:1.6;margin-top:5px}.password-input{display:flex;align-items:center;position:relative}.password-input input{padding-right:72px}.password-toggle{position:absolute;right:10px;top:17px;font-size:10px;padding:4px;background:none;color:var(--accent)}.form-submit{width:100%;margin-top:22px}.form-feedback{font-size:12px;padding:12px 14px;border-radius:8px;margin-top:17px;background:#eef3e8;color:#4c6d35;line-height:1.7;overflow-wrap:anywhere}.form-feedback.error{background:#fbecec;color:#a13b3b}.form-feedback ul{margin:6px 0 0;padding-left:17px}.auth-switch{font-size:12px;text-align:center;color:var(--muted);margin-top:20px}.auth-switch button{background:none;color:var(--accent);font-size:12px;font-weight:600;padding:5px}.dialog-shell #account-name{font-size:16px;font-weight:600;color:var(--ink);margin-bottom:2px}.dialog-shell #account-email{margin-bottom:20px}#account-feedback{font-size:12px;color:#a13b3b;margin-top:14px;line-height:1.7}.noscript-note{padding:16px;background:var(--accent-soft);font-size:14px;text-align:center}
@media(min-width:1300px){.hero-actions{flex-direction:row;align-items:center;gap:24px}.hero-actions .button{font-size:13px;padding-inline:20px}.hero-actions .text-link{font-size:12px}}
@media(max-width:1100px){.container{width:calc(100% - 48px)}.header-inner{gap:20px}.main-nav{gap:18px}.main-nav>a{font-size:12px}.header-actions .button{font-size:12px;padding-inline:12px}.hero h1{font-size:56px}.hero-grid{gap:5px;grid-template-columns:1fr 1fr}.hero-visual{transform:scale(.93);transform-origin:center}.note-top{left:-10px}.note-bottom{right:-10px}.feature-theme{gap:16px;padding:30px}.theme-example{width:170px}.feature-card h3{font-size:27px}.feature-theme h3,.feature-rules h3{font-size:24px}.audience-grid{gap:35px}.faq-grid{gap:55px}.category-strip>div{gap:30px;font-size:17px}}
@media(max-width:900px){.header-inner{height:76px;justify-content:space-between}.brand{font-size:31px}.brand-mark{font-size:33px}.main-nav{position:absolute;top:76px;left:0;right:0;display:none;padding:24px;background:var(--paper);border-bottom:1px solid var(--border);box-shadow:0 20px 30px #00000008;align-items:stretch;gap:0}.main-nav.open{display:flex;flex-direction:column}.main-nav>a{font-size:16px;padding:14px 8px;border-bottom:1px solid var(--border)}.header-actions{margin-left:auto}.header-actions>.button-ghost{display:none}.menu-toggle{display:flex;flex-direction:column;gap:6px;order:3;justify-content:center;width:35px;height:35px;background:none;margin-left:8px;padding:5px}.menu-toggle span{height:2px;background:var(--ink);width:24px;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-actions{display:flex;gap:10px;margin-top:22px}.header-actions .button-primary{padding:10px 13px}.hero h1{font-size:49px}.hero-copy>p{font-size:17px}.hero-copy>p.hero-description{font-size:13px}.hero-notes{font-size:9px;gap:12px}.hero-grid{min-height:675px}.hero-visual{transform:scale(.82);width:440px;margin-left:-40px}.hero-eyebrow{font-size:8px}.hero-actions .button{font-size:12px;padding:16px}.hero-actions .text-link{font-size:12px}.section{padding-block:80px}.feature-grid{grid-template-columns:1fr 1fr;gap:17px}.feature-card{padding:28px}.feature-calendar{padding-bottom:0}.calendar-preview{margin-left:0;width:115%;padding:17px;min-width:290px}.feature-theme{flex-direction:column;align-items:flex-start}.theme-example{width:190px;align-self:center}.feature-rules{display:flex;flex-direction:column;justify-content:center}.how-heading{align-items:flex-start;flex-direction:column;gap:20px}.steps{gap:28px;margin-top:40px}.steps h3{font-size:18px}.step-line{right:-15px}.audience-grid{grid-template-columns:1fr;gap:35px}.audience-grid>div>p{max-width:510px}.audience-tiles{grid-template-columns:repeat(3,1fr);gap:15px}.audience-tile{min-height:220px;padding:20px;transform:none;margin:0}.tile-care{grid-column:auto}.tile-care h3{margin-top:64px}.tile-care .tile-art{font-size:90px;right:0;top:25px}.tile-care p br{display:initial}.tile-salon .tile-art{right:6px;top:28px}.faq-grid{grid-template-columns:.8fr 1.2fr;gap:35px}.faq h2{font-size:32px}.faq-list summary{font-size:13px}.closing-card{padding:50px}.closing-card h2{font-size:42px}.closing-flower{right:-40px;font-size:290px;top:20px;opacity:.7}.footer-top{flex-wrap:wrap;gap:20px}.footer-top nav{gap:20px}.footer-top>p{display:none}}
@media(max-width:640px){:root{scroll-padding-top:78px}.container{width:calc(100% - 40px)}.section{padding-block:63px}.section h2{font-size:34px}.hero-grid{grid-template-columns:1fr;padding-block:42px 5px;gap:0}.hero-copy{padding-bottom:0;text-align:center}.hero h1{font-size:clamp(42px,10.8vw,59px);max-width:470px;margin:23px auto 25px}.hero-copy>p{font-size:18px}.hero-copy>p.hero-description{font-size:14px;max-width:330px;margin:13px auto 0}.hero-eyebrow{font-size:9px}.hero-actions{align-items:center;gap:17px;margin-top:25px}.hero-actions .button{font-size:13px;padding:16px 20px}.hero-notes{justify-content:center;font-size:10px;gap:17px;margin-top:22px}.hero-visual{transform:none;width:100%;height:650px;margin:0;padding-top:20px}.orbit-one{width:370px;height:370px;left:calc(50% - 185px);top:140px}.orbit-two{width:410px;height:410px;left:calc(50% - 205px);top:120px}.phone-frame{transform:rotate(4deg) scale(.92)}.note-top{top:110px;left:calc(50% - 175px);transform:rotate(-5deg) scale(.85);transform-origin:left}.note-bottom{bottom:100px;right:calc(50% - 180px);transform:rotate(-5deg) scale(.85);transform-origin:right}.star-one{top:75px;right:20px;font-size:41px}.star-two{bottom:85px;left:15px;font-size:52px}.demo-label{bottom:23px;font-size:7px}.category-strip{padding-block:20px 28px}.category-strip>div{gap:12px;flex-wrap:wrap;font-size:13px;margin-top:15px}.category-strip i{font-size:10px}.category-strip>span{font-size:10px}.section-heading{margin-bottom:30px}.section-heading p{font-size:14px}.feature-grid{grid-template-columns:1fr;gap:17px}.feature-card{padding:29px;border-radius:22px}.feature-card h3{font-size:28px}.feature-card p{font-size:13px;max-width:100%}.feature-calendar{min-height:500px;padding-bottom:0}.calendar-preview{margin:25px auto -25px;width:94%;min-width:250px;padding:17px}.feature-link{min-height:auto;padding-bottom:24px}.link-illustration{max-width:290px}.feature-theme{flex-direction:row;align-items:center;gap:12px;min-height:290px;padding:25px}.feature-theme h3{font-size:23px}.feature-theme p{font-size:12px;max-width:180px}.theme-example{width:150px}.theme-mini{padding:14px}.theme-mini strong{font-size:10px}.theme-mini div>span{font-size:9px}.theme-mini-button{font-size:7px}.feature-rules{min-height:300px;display:block}.feature-rules h3{font-size:28px}.how-heading p{font-size:13px}.steps{grid-template-columns:1fr;gap:30px;margin-top:34px}.steps li{padding-left:64px;min-height:90px}.step-number{position:absolute;left:0;top:0}.step-line{left:21px;right:auto;top:53px;bottom:-19px;border-top:0;border-left:1px dashed #78684f}.steps h3{margin:0 0 9px;font-size:20px;padding-top:9px}.steps p{font-size:12px;max-width:100%}.how-demo-link{font-size:11px;gap:7px}.audience-grid{gap:29px}.audience-tiles{grid-template-columns:1fr 1fr;gap:13px}.audience-tile{padding:20px;min-height:205px}.audience-tile h3{font-size:21px;margin-top:64px}.audience-tile p{font-size:10px}.tile-care{grid-column:span 2;min-height:145px}.tile-care h3{margin-top:24px}.tile-care p br{display:none}.tile-care .tile-art{font-size:120px;top:-3px;right:17px}.tile-art{font-size:64px;right:10px;top:24px}.tile-salon .tile-art{font-size:78px;top:32px;right:11px}.faq-grid{grid-template-columns:1fr;gap:35px}.faq-list summary{font-size:14px;line-height:1.6}.faq-list details p{font-size:13px;padding-right:10px}.closing-section{padding-block:10px 45px}.closing-card{padding:38px 26px;border-radius:22px}.closing-card h2{font-size:34px;margin-top:15px}.closing-card p{font-size:13px;max-width:230px}.closing-card .eyebrow{font-size:9px}.closing-card .button{font-size:12px;padding:15px 18px}.closing-flower{font-size:230px;right:-86px;top:5px;opacity:.35}.closing-mini-flower{font-size:85px;right:10px;bottom:13px;opacity:.5}.footer-top{gap:25px;flex-direction:column;align-items:flex-start}.footer-top nav{margin-left:0;gap:22px;font-size:11px;flex-wrap:wrap}.footer-bottom{flex-direction:column;gap:12px;font-size:9px}.footer-bottom>span:last-child{font-size:9px}.dialog-shell{padding:29px 23px}.dialog-shell h2{font-size:28px}.desktop-break{display:none}}
@media(max-width:360px){.container{width:calc(100% - 30px)}.header-actions .button .icon{display:none}.header-actions .button{font-size:11px}.brand{font-size:28px}.brand-mark{font-size:28px;margin-right:6px}.header-inner{gap:10px}.hero h1{font-size:41px}.feature-theme{flex-direction:column;align-items:flex-start}.feature-theme p{max-width:100%}.theme-example{align-self:center;width:200px}.category-strip>div{font-size:12px;gap:9px}.floating-note{padding:12px}.note-top{left:-4px}.note-bottom{right:-4px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.button:hover{transform:none}}

/* Identidade Estilou: logos originais, dourado, grafite e marfim. */
.brand {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  gap: 8px;
  width: 190px;
  height: 52px;
  letter-spacing: normal;
}
.brand-symbol,
.brand-wordmark {
  position: relative;
  display: block;
  flex-shrink: 0;
  overflow: hidden;
}
.brand-symbol { width: 40px; height: 44px; }
.brand-wordmark { width: 140px; height: 48px; }
.brand img { position: absolute; display: block; max-width: none; object-fit: contain; }
.brand-symbol img { width: 91px; height: 91px; left: -25px; top: -10px; }
.brand-wordmark img { width: 176px; height: 176px; left: -18px; top: -107px; }
.header-inner { gap: 25px; }
.site-header { background: #fcfaf7f5; }
.hero { background: radial-gradient(ellipse at 90% 35%, #f0e4ce 0, #fcfaf7 64%); }
.hero h1 { font-family: Georgia, "Times New Roman", serif; font-weight: 500; letter-spacing: -.055em; }
.hero-eyebrow { border-color: #e4cfaa; background: #f7eddb; color: #806026; }
.button-primary {
  background: linear-gradient(115deg, #956019, #aa7525 72%, #9b651b);
  box-shadow: 0 5px 15px #8c5a1714;
}
.button-primary:hover { background: linear-gradient(115deg, #795019, #8d5b1a); }
.button-ghost:hover { background: #f1e5d0; }
.highlight { color: #9b651b; }
.highlight svg { stroke: #c99743; }
.hero-orbit.orbit-one { background: linear-gradient(140deg, #f3e8d5, #e6d1aa); }
.hero-orbit.orbit-two { border-color: #ddc18d; }
.icon.decor-star { width: 48px; height: 48px; color: #b88731; stroke-width: 1.2; }
.icon.star-two { width: 60px; height: 60px; color: #c8a464; }
.demo-cover { background: linear-gradient(125deg, #f1e4cc, #e4cea6); }
.demo-next { background: #9b651b; }
.demo-next:hover { background: #7b4d10; }
.studio-avatar { background: #f3e7d2; color: #9b651b; }
.note-icon, .mint-check { color: #946516; background: #f6eace; }
.feature-calendar { background: #f1ede5; }
.feature-link { background: #f6efe3; }
.feature-theme { background: #f6f3ee; }
.feature-rules { background: #eee7dc; }
.feature-icon { background: #ffffffb3; }
.feature-link .feature-icon, .feature-rules .feature-icon { color: #9b651b; }
.theme-example { --preview: #9b651b; --preview-soft: #f3e7d2; }
.swatch-gold { background: #9b651b; }
.swatch-charcoal { background: #343230; }
.swatch-sand { background: #a36545; }
.feature-card.gold, .appointment.gold { background: #f5e7ce; color: #835c21; border-color: #bd9045; }
.how-section { background: #242322; }
.how-section h2 { font-family: Georgia, "Times New Roman", serif; font-weight: 400; letter-spacing: -.035em; }
.how-section .eyebrow { color: #dfbb78; }
.how-demo-link { color: #edce95; border-color: #927440; }
.step-number { color: #edcf98; border-color: #8c703d; background: #393124; }
.step-line { border-color: #756345; }
.audience-tile { border: 1px solid #e5d8c1; }
.tile-barber { background: #eee4d2; }
.tile-salon { background: #edeae4; }
.tile-care { background: #f6e9db; }
.tile-art, .tile-salon .tile-art { color: #c6a365; }
.tile-care .tile-art { color: #c7a778; }
.closing-card { background: linear-gradient(110deg, #f0e4cd, #faf5ec); border: 1px solid #e3cda4; }
.closing-card > div { max-width: 680px; }
.closing-card h2 { font-family: Georgia, "Times New Roman", serif; font-weight: 400; }
.closing-logo { position: absolute; width: 320px; height: 320px; object-fit: contain; right: 35px; top: 50%; transform: translateY(-50%); }
.icon.footer-spark { width: 16px; height: 16px; color: #9b651b; }
.dialog-brand { margin-bottom: 25px; }
.brand-story {
  display: grid;
  grid-template-columns: 300px 1fr;
  align-items: center;
  gap: 60px;
  margin-bottom: 35px;
  padding: 28px 55px 28px 30px;
  border: 1px solid #e9dfcf;
  border-radius: 28px;
  background: #fcfaf7;
}
.brand-artwork { overflow: hidden; border-radius: 18px; background: #faf7f4; }
.brand-artwork img { display: block; width: 100%; height: auto; }
.brand-story h3 { font-size: 34px; line-height: 1.15; margin: 15px 0; font-weight: 550; }
.brand-story p { color: #817564; font-size: 14px; max-width: 500px; }
.brand-story .text-link { margin-top: 22px; color: #956019; font-size: 12px; }
@media (max-width: 1100px) {
  .header-inner { gap: 16px; }
  .main-nav { gap: 16px; }
  .closing-logo { width: 270px; height: 270px; right: 10px; opacity: .88; }
  .closing-card > div { max-width: 590px; }
  .brand-story { grid-template-columns: 250px 1fr; gap: 35px; padding: 25px; }
}
@media (max-width: 900px) {
  .closing-card { padding-right: 245px; }
  .closing-card h2 { font-size: 37px; }
  .closing-logo { width: 245px; height: 245px; right: 0; }
  .brand-story { grid-template-columns: 220px 1fr; gap: 25px; }
  .brand-story h3 { font-size: 29px; }
  .brand-story p { font-size: 13px; }
}
@media (max-width: 640px) {
  .header-inner { gap: 8px; }
  .site-header .brand { width: 158px; gap: 5px; }
  .site-header .brand-symbol { width: 32px; height: 38px; }
  .site-header .brand-symbol img { width: 77px; height: 77px; left: -22px; top: -9px; }
  .site-header .brand-wordmark { width: 118px; height: 41px; }
  .site-header .brand-wordmark img { width: 148px; height: 148px; left: -15px; top: -90px; }
  .header-actions .button-primary { font-size: 11px; padding: 10px; gap: 7px; }
  .header-actions .button-primary .icon { display: none; }
  .menu-toggle { margin-left: 0; }
  .hero h1 { font-size: clamp(41px, 10.4vw, 58px); }
  .brand-story { grid-template-columns: 1fr; padding: 24px; gap: 23px; border-radius: 22px; }
  .brand-artwork { max-width: 240px; width: 100%; justify-self: center; }
  .brand-story h3 { font-size: 29px; }
  .brand-story-copy { padding-bottom: 6px; }
  .brand-story p { font-size: 13px; }
  .closing-card { padding: 33px 25px 25px; }
  .closing-card > div { max-width: 100%; }
  .closing-card h2 { font-size: 34px; }
  .closing-logo { position: relative; display: block; width: 190px; height: 190px; margin: 0 auto 18px; top: auto; right: auto; transform: none; opacity: 1; }
  .footer-top { gap: 24px; }
}
@media (max-width: 360px) {
  .site-header .brand { width: 137px; gap: 3px; }
  .site-header .brand-symbol { display: none; }
  .header-actions .button-primary { font-size: 10px; padding-inline: 8px; }
  .hero h1 { font-size: 40px; }
}