:root{--bg:#090a0b;--panel:#111214;--panel2:#161719;--panel3:#1d1d1e;--white:#f5f1ea;--muted:#a5a3a0;--faint:#777674;--gold:#f6bb42;--goldlight:#ffde8d;--darkgold:#a87518;--edge:rgba(239,190,93,.18);--line:rgba(255,255,255,.09);--shadow:0 20px 55px rgba(0,0,0,.3);--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #faca68;outline-offset:4px}img{max-width:100%}h1,h2,h3,p{margin:0}svg{display:block}.container{width:min(1230px,calc(100% - 72px));margin-inline:auto}.shell{min-height:100vh;position:relative;isolation:isolate;overflow:clip;background:radial-gradient(ellipse 49% 18% at 73% 0%,rgba(193,132,33,.105),transparent 85%),linear-gradient(165deg,#0d0d0f 0%,#0a0b0c 43%,#08090a 100%)}.shell:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.16;z-index:-2;background-image:repeating-linear-gradient(132deg,transparent 0 95px,rgba(255,255,255,.025) 96px,transparent 97px)}.environment{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.environment-ring{position:absolute;width:680px;height:680px;top:-490px;right:-150px;border:1px solid rgba(246,187,66,.21);border-radius:50%;box-shadow:0 0 0 80px rgba(246,187,66,.015),0 0 0 159px rgba(246,187,66,.008)}.environment-line{position:absolute;width:2px;height:520px;right:13%;top:-255px;transform:rotate(39deg);background:linear-gradient(transparent,rgba(246,187,66,.23),transparent)}
.header{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:112px;border-bottom:1px solid var(--line)}.identity{display:flex;align-items:center;gap:22px}.logo-window{width:136px;height:75px;position:relative;display:block;overflow:hidden;flex:none}.logo-original{position:absolute;width:136px;max-width:none;height:auto;top:-38px;left:0}.identity-divider{height:37px;width:1px;background:linear-gradient(transparent,var(--darkgold),transparent)}.header-label{display:flex;align-items:center;gap:7px;font-size:12px;letter-spacing:.16em;color:#c0b9aa;font-weight:750;white-space:nowrap}.header-label strong{color:var(--white)}.tiny-diamond{color:var(--gold);font-size:18px}.demo-badge{border:1px solid rgba(246,187,66,.27);border-radius:50px;background:rgba(246,187,66,.055);padding:9px 12px;display:flex;align-items:center;gap:8px;color:#d8c69b;font-size:10px;font-weight:800;letter-spacing:.14em;white-space:nowrap}.demo-dot{height:7px;width:7px;background:var(--gold);border-radius:50%;box-shadow:0 0 0 3px rgba(246,187,66,.12)}.demo-badge-v{border-left:1px solid rgba(246,187,66,.2);padding-left:8px;color:var(--gold)}
.page{padding-top:44px;padding-bottom:36px}.hero{max-width:840px;margin:0 auto 43px;text-align:center;animation:rise .45s ease-out both}.hero-kicker{color:var(--gold);letter-spacing:.25em;text-transform:uppercase;font-weight:850;font-size:11px;display:flex;align-items:center;justify-content:center;gap:13px;margin-bottom:14px}.line-accent{height:2px;width:28px;background:var(--gold)}.hero h1{font-size:clamp(43px,5.3vw,71px);line-height:1.06;letter-spacing:-.065em;font-weight:900;max-width:790px;margin:auto}.hero h1 span{display:block;color:var(--gold);background:linear-gradient(135deg,#ffe1a1 0%,#f6bb42 52%,#d79a23 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero>p{color:#b7b3aa;max-width:600px;font-size:15px;line-height:1.65;margin:16px auto 0}.demo-disclaimer{margin:24px auto 0;max-width:720px;display:flex;align-items:flex-start;gap:9px;padding:10px 14px;border-radius:10px;background:rgba(246,187,66,.055);border:1px solid rgba(246,187,66,.14);text-align:left;color:#beb5a4;line-height:1.5;font-size:11px}.demo-disclaimer b{color:#f5d48b}.demo-disclaimer svg{width:16px;height:16px;color:var(--gold);flex:none;margin-top:1px}
.stepper{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));position:relative;max-width:900px;margin:0 auto 43px;animation:rise .55s .08s ease both}.stepper:before{content:"";position:absolute;top:20px;left:8.3%;right:8.3%;height:1px;background:rgba(255,255,255,.15)}.step{position:relative;z-index:1;display:flex;align-items:center;flex-direction:column;gap:7px;background:none;border:0;color:#777675;padding:0 2px;min-width:0}.step-num{height:40px;width:40px;border:1px solid #515052;background:#141516;display:grid;place-items:center;border-radius:50%;font-size:12px;font-weight:900;color:#999694;transition:.2s}.step-label{font-size:11px;font-weight:730;white-space:nowrap;transition:.2s}.step.current .step-num{color:#15100a;border-color:var(--gold);background:linear-gradient(145deg,#ffdd88,#efac25);box-shadow:0 0 0 5px rgba(246,187,66,.10),0 0 24px rgba(246,187,66,.2)}.step.current .step-label{color:var(--goldlight)}.step.complete .step-num{border-color:var(--gold);color:var(--gold);background:#211b13}.step.complete .step-label{color:#d5c29b}.step.can-back{cursor:pointer}.step.can-back:hover .step-num{border-color:var(--goldlight)}
.workspace{border:1px solid rgba(246,187,66,.18);background:linear-gradient(163deg,rgba(255,255,255,.028),rgba(255,255,255,.006) 40%,rgba(255,255,255,.017));border-radius:26px;box-shadow:var(--shadow);padding:30px 30px 32px;min-height:420px;animation:rise .55s .14s ease both}.workspace-topline{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:23px}.section-kicker{font-size:10px;letter-spacing:.22em;font-weight:850;color:var(--gold);text-transform:uppercase;margin-bottom:8px}.workspace-title{font-size:clamp(23px,2.6vw,34px);font-weight:850;line-height:1.2;letter-spacing:-.04em}.workspace-description{font-size:13px;color:var(--muted);line-height:1.5;margin-top:7px}.workspace-deco{font-size:38px;color:rgba(246,187,66,.4);font-weight:100;line-height:1}
.category-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:5px;border:1px solid rgba(255,255,255,.09);background:rgba(0,0,0,.23);border-radius:15px;position:relative;margin-bottom:30px}.category-tab{min-width:0;min-height:48px;display:flex;justify-content:center;align-items:center;gap:9px;background:transparent;border:1px solid transparent;color:#ddd8cc;border-radius:11px;font-size:13px;font-weight:800;transition:.18s}.category-tab svg{width:17px;height:17px}.category-tab.active{background:linear-gradient(110deg,#f9cd72,#edac2f);border-color:#ffe2a5;color:#241a08;box-shadow:0 4px 23px rgba(246,187,66,.13)}.category-tab:not(.active):hover{background:rgba(255,255,255,.04);color:white}.service-group{scroll-margin-top:24px;margin-top:28px}.service-group:first-of-type{margin-top:0}.group-heading{display:flex;align-items:center;gap:12px;margin-bottom:15px}.group-stick{width:3px;height:25px;background:var(--gold);border-radius:3px}.group-heading h3{font-size:17px;letter-spacing:-.02em;font-weight:850}.group-heading p{font-size:11px;margin-top:4px;color:#989591}.services-grid{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.services-grid.combo{grid-template-columns:repeat(3,minmax(0,1fr))}.services-grid.package{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card{min-width:0;text-align:left;display:flex;flex-direction:column;align-items:stretch;gap:0;position:relative;overflow:hidden;min-height:224px;padding:17px 16px 16px;background:linear-gradient(140deg,rgba(34,34,34,.78),rgba(16,17,18,.96));color:var(--white);border:1px solid rgba(241,184,73,.30);border-radius:16px;transition:border-color .18s,transform .18s,background .18s,box-shadow .18s}.service-card:before{content:"";position:absolute;width:88px;height:88px;right:-34px;top:-35px;transform:rotate(45deg);border:1px solid rgba(246,187,66,.16);box-shadow:0 0 0 13px rgba(246,187,66,.018),0 0 0 25px rgba(246,187,66,.014);pointer-events:none}.service-card:hover{transform:translateY(-3px);border-color:rgba(246,187,66,.65);box-shadow:0 11px 33px rgba(0,0,0,.25)}.service-card.selected{border-color:#f8bc44;box-shadow:inset 0 0 0 1px rgba(255,214,129,.5),0 0 25px rgba(246,187,66,.10);background:linear-gradient(140deg,rgba(65,49,23,.60),rgba(19,19,18,.98))}.service-card .card-top{display:flex;justify-content:space-between;align-items:center;min-height:43px;margin-bottom:11px;gap:8px}.service-card .card-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(246,187,66,.2);color:var(--gold);border-radius:12px;background:rgba(246,187,66,.06)}.service-card .card-icon svg{height:23px;width:23px;stroke-width:1.55}.card-tag{font-size:9px;color:#eec677;border:1px solid rgba(246,187,66,.28);border-radius:30px;padding:5px 7px;font-weight:800;letter-spacing:.03em;white-space:nowrap}.service-card.selected .card-tag{background:#f3bf55;color:#221606;border-color:#f3bf55}.service-card .card-name{font-size:15px;font-weight:850;line-height:1.25;letter-spacing:-.027em;min-height:20px;margin-bottom:7px}.service-card .card-description{font-size:11px;color:#aaa7a0;line-height:1.46;margin-bottom:14px;flex:1;max-width:33ch}.service-card .card-bottom{display:flex;justify-content:space-between;align-items:center;gap:9px;flex-wrap:wrap;margin-top:auto}.service-card .card-price{font-size:20px;font-weight:900;letter-spacing:-.04em;color:var(--gold)}.card-price small{font-size:9px;color:#aa9c86;display:block;letter-spacing:0;font-weight:700;margin-bottom:2px;text-transform:uppercase}.select-chip{border:1px solid rgba(246,187,66,.62);border-radius:40px;padding:6px 10px;font-size:10px;font-weight:850;color:#f5d17b;white-space:nowrap}.service-card.selected .select-chip{background:#f7c761;color:#1d1306}.service-card .card-duration{font-size:10px;color:#8d8a84;margin-top:12px}.group-note{margin-top:11px;font-size:11px;color:#9f9889;line-height:1.6}.empty-selection{text-align:center;padding:50px 10px;color:var(--muted)}
.option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.option-card{position:relative;text-align:left;background:linear-gradient(140deg,#191a1b,#101112);border:1px solid rgba(246,187,66,.22);border-radius:18px;padding:22px;color:var(--white);min-height:190px;transition:.18s}.option-card:hover,.option-card.selected{border-color:var(--gold);transform:translateY(-2px);box-shadow:0 9px 25px rgba(0,0,0,.2)}.option-card.selected{background:linear-gradient(140deg,rgba(75,54,24,.55),#161719)}.option-card .avatar{height:56px;width:56px;border-radius:17px;background:linear-gradient(130deg,#332819,#151515);display:grid;place-items:center;color:var(--gold);font-size:23px;font-weight:900;border:1px solid rgba(246,187,66,.3);margin-bottom:18px}.option-card .option-name{font-size:20px;font-weight:850;letter-spacing:-.03em}.option-card .option-meta{font-size:12px;color:var(--muted);margin-top:7px}.selected-check{position:absolute;right:17px;top:17px;height:25px;width:25px;border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;border-radius:50%;font-size:14px;color:transparent}.selected .selected-check{background:var(--gold);color:#1b1408;border-color:var(--gold)}
.dates-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px}.dates-caption{font-size:13px;color:#ccc6bc}.date-note{font-size:11px;color:#918e88}.date-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.date-card{padding:15px 6px;background:linear-gradient(#18191a,#111213);border:1px solid rgba(255,255,255,.1);border-radius:14px;color:#e8e2d9;min-height:113px;display:flex;align-items:center;justify-content:center;gap:6px;flex-direction:column;transition:.18s}.date-card:hover:not(:disabled),.date-card.selected{border-color:var(--gold);transform:translateY(-2px)}.date-card.selected{background:linear-gradient(160deg,#423118,#1a1711);box-shadow:inset 0 0 0 1px rgba(246,187,66,.28)}.date-card:disabled{opacity:.29}.date-week{font-size:10px;font-weight:800;color:#99938b;text-transform:uppercase}.date-day{font-size:26px;letter-spacing:-.05em;font-weight:900}.date-month{font-size:10px;color:#afa89b;text-transform:uppercase}.date-card.selected .date-week,.date-card.selected .date-month{color:#f8cd7b}.time-legend{margin:5px 0 22px;color:#a4a098;font-size:12px}.time-groups{display:grid;gap:20px}.time-group-header{font-size:12px;letter-spacing:.12em;color:#cbb48b;font-weight:850;margin-bottom:12px;text-transform:uppercase;display:flex;align-items:center;gap:9px}.time-group-header:after{content:"";height:1px;background:var(--line);flex:1}.time-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.time-button{min-height:53px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.14);border-radius:12px;color:#e9e4da;font-size:14px;font-weight:800;transition:.18s}.time-button:hover,.time-button.selected{border-color:var(--gold);background:rgba(246,187,66,.13);color:var(--goldlight)}.time-button.selected{box-shadow:inset 0 0 0 1px rgba(246,187,66,.25)}
.review-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px}.review-card,.review-aside{border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025);padding:22px}.review-card h3{font-size:18px;margin-bottom:14px}.review-row{display:flex;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid var(--line);font-size:13px}.review-row:last-child{border:0}.review-row span{color:var(--muted)}.review-row strong{text-align:right;color:var(--white)}.review-aside{background:linear-gradient(145deg,rgba(114,79,23,.14),rgba(255,255,255,.018));border-color:var(--edge);display:flex;flex-direction:column;justify-content:space-between;gap:15px}.review-aside .review-price{font-size:36px;color:var(--gold);font-weight:900}.review-aside p{font-size:12px;color:var(--muted);line-height:1.6}.review-aside b{font-size:12px;letter-spacing:.14em;color:#d1b989}.details-form{display:grid;gap:16px;max-width:700px}.field{display:grid;gap:8px}.field label{font-size:12px;color:#ddd2bf;font-weight:800}.field input,.field textarea{width:100%;border-radius:12px;background:#131416;border:1px solid #43403c;color:white;padding:14px 15px;font-size:14px;min-height:49px;transition:.15s}.field input:focus,.field textarea:focus{border-color:var(--gold)}.field textarea{min-height:94px;resize:vertical}.field small{font-size:11px;color:#9d988e}.field-error{color:#ffc074!important;min-height:12px}.form-help{font-size:12px;color:#bbb2a2;line-height:1.6;background:rgba(246,187,66,.07);padding:13px;border-radius:12px;border-left:2px solid var(--gold)}.validation-banner{color:#f4c170;font-size:12px;margin-bottom:10px}
.summary-dock{position:sticky;bottom:0;z-index:20;background:rgba(13,14,15,.95);border-top:1px solid rgba(246,187,66,.33);box-shadow:0 -14px 42px rgba(0,0,0,.32);backdrop-filter:blur(15px)}.summary-inner{min-height:102px;display:flex;align-items:center;gap:24px;padding-block:14px}.summary-brand{display:flex;align-items:center;gap:10px;flex:none}.summary-mark{height:43px;width:43px;display:grid;place-items:center;color:var(--gold);border:1px solid rgba(246,187,66,.3);border-radius:13px;background:rgba(246,187,66,.07);font-size:21px}.summary-brand strong{font-size:13px;display:block;white-space:nowrap}.summary-brand small{display:block;color:#9b968d;font-size:10px;margin-top:3px}.summary-pieces{display:grid;grid-template-columns:1.2fr .92fr .95fr .7fr;min-width:0;flex:1;border-left:1px solid var(--line);padding-left:20px;gap:12px}.summary-piece{min-width:0}.summary-piece small{display:block;color:#8f8a80;font-size:10px;margin-bottom:5px}.summary-piece strong{font-size:11px;color:#f0e6d6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.summary-pieces .placeholder{color:#74706b}.summary-actions{display:flex;align-items:center;gap:9px;flex:none}.btn{min-height:47px;padding:11px 18px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:12px;font-weight:850;letter-spacing:.01em;border:1px solid transparent;transition:.18s;text-align:center;white-space:nowrap}.btn-gold{background:linear-gradient(110deg,#ffe09a,#f3bc4b 55%,#e5a329);border-color:#ffdf8b;color:#241704;box-shadow:0 8px 25px rgba(246,187,66,.13)}.btn-gold:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 29px rgba(246,187,66,.23)}.btn-gold:disabled{background:#292927;color:#8c867c;border-color:#45413a;box-shadow:none}.btn-outline{background:transparent;color:#c8c0b5;border:1px solid #615c51}.btn-outline:hover{background:rgba(255,255,255,.05)}.btn[hidden]{display:none}.site-footer{display:flex;justify-content:space-between;gap:15px;color:#79766d;font-size:10px;letter-spacing:.1em;padding:25px 0 36px}.footer-split{color:var(--gold);margin-inline:9px}.success-modal[hidden]{display:none}.success-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px}.success-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.8);backdrop-filter:blur(5px)}.success-dialog{position:relative;background:linear-gradient(145deg,#211c15,#111214 55%);border:1px solid rgba(246,187,66,.45);border-radius:24px;width:min(480px,100%);box-shadow:0 25px 85px rgba(0,0,0,.6);text-align:center;padding:33px 28px;outline:0}.success-icon{margin:0 auto 18px;background:rgba(246,187,66,.14);color:var(--gold);border:1px solid rgba(246,187,66,.4);height:64px;width:64px;border-radius:50%;display:grid;place-items:center;font-size:30px}.success-dialog h2{font-size:27px;letter-spacing:-.04em;margin-bottom:8px}.success-dialog>p:not(.section-kicker){font-size:13px;color:#bdb8ae;line-height:1.65}.success-details{margin:22px 0;border-block:1px solid var(--line);padding:15px 0;text-align:left;font-size:12px;line-height:1.9;color:#d8cbb7}.success-dialog .btn{width:100%}
@keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media(max-width:1120px){.container{width:min(100% - 48px,1230px)}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.services-grid.combo{grid-template-columns:repeat(3,minmax(0,1fr))}.summary-inner{gap:14px}.summary-brand{display:none}.summary-pieces{border-left:0;padding-left:0}.service-card{min-height:205px}}
@media(max-width:820px){.header{min-height:94px}.page{padding-top:35px}.hero h1{font-size:clamp(38px,7vw,57px)}.services-grid.combo{grid-template-columns:repeat(2,minmax(0,1fr))}.services-grid.package{grid-template-columns:repeat(2,minmax(0,1fr))}.option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.date-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.time-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.review-grid{grid-template-columns:1fr}.summary-inner{gap:12px}.summary-pieces{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:9px}.summary-piece:nth-child(n+3){display:none}.summary-actions .btn{padding-inline:13px}.site-footer{flex-wrap:wrap}}
@media(max-width:600px){.container{width:calc(100% - 32px)}.header{min-height:77px;gap:8px}.identity{gap:9px}.logo-window{width:97px;height:58px}.logo-original{width:97px;top:-27px}.identity-divider{height:29px}.header-label{font-size:9px;letter-spacing:.06em;gap:3px}.tiny-diamond{display:none}.demo-badge{padding:7px 8px;font-size:9px;letter-spacing:.02em}.demo-badge-v{display:none}.page{padding-top:29px;padding-bottom:18px}.hero{margin-bottom:29px}.hero-kicker{font-size:9px;letter-spacing:.13em;margin-bottom:10px}.hero h1{font-size:clamp(34px,9vw,48px)}.hero>p{font-size:12px;margin-top:12px}.demo-disclaimer{font-size:10px;margin-top:18px;padding:9px 10px}.stepper{margin-bottom:26px}.stepper:before{top:16px}.step-num{width:32px;height:32px;font-size:10px}.step-label{font-size:9px;letter-spacing:-.025em}.workspace{padding:18px 14px 22px;border-radius:18px;min-height:360px}.workspace-topline{padding-bottom:17px;margin-bottom:17px}.workspace-title{font-size:23px}.workspace-description{font-size:12px}.workspace-deco{font-size:24px}.category-nav{gap:3px;padding:4px;margin-bottom:22px}.category-tab{min-height:45px;padding:5px 3px;gap:4px;font-size:10px}.category-tab svg{width:15px;height:15px}.services-grid,.services-grid.combo,.services-grid.package{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.service-card{padding:12px 11px 13px;min-height:228px;border-radius:13px}.service-card .card-top{min-height:37px;margin-bottom:9px}.service-card .card-icon{width:36px;height:36px;border-radius:10px}.service-card .card-icon svg{height:19px;width:19px}.service-card .card-name{font-size:13px}.service-card .card-description{font-size:10px;line-height:1.4}.service-card .card-price{font-size:17px}.service-card .card-bottom{gap:7px}.select-chip{font-size:9px;padding:6px 9px}.card-tag{font-size:8px;padding:4px 5px}.service-card .card-duration{font-size:9px;margin-top:8px}.group-heading{gap:8px}.group-heading h3{font-size:14px}.group-heading p{font-size:10px}.service-group{margin-top:25px}.option-grid{grid-template-columns:1fr;gap:10px}.option-card{min-height:122px;padding:15px 17px;display:grid;grid-template-columns:54px 1fr;column-gap:12px;align-content:center}.option-card .avatar{margin:0;grid-row:1/3;width:50px;height:50px;border-radius:13px;font-size:19px}.option-card .option-name{font-size:17px}.option-card .option-meta{font-size:11px;margin-top:4px}.date-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.date-card{min-height:94px;padding:8px 3px}.date-day{font-size:22px}.time-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.review-card,.review-aside{padding:16px}.summary-dock{backdrop-filter:blur(8px)}.summary-inner{padding-block:10px;min-height:81px;gap:10px}.summary-pieces{display:none}.summary-brand{display:flex;flex:1;min-width:0}.summary-brand strong{font-size:11px}.summary-brand small{font-size:9px}.summary-mark{height:38px;width:38px;font-size:16px}.summary-actions{gap:6px}.summary-actions .btn{font-size:11px;min-height:44px;padding:10px 12px}.summary-actions .btn-outline{padding:10px}.site-footer{font-size:9px;line-height:1.5;padding-bottom:20px}}
@media(max-width:380px){.container{width:calc(100% - 24px)}.header-label{display:none}.identity-divider{display:none}.demo-badge{font-size:9px}.hero h1{font-size:33px}.step-label{font-size:8px}.workspace-title{font-size:21px}.services-grid,.services-grid.combo,.services-grid.package{grid-template-columns:1fr}.service-card{min-height:175px}.service-card .card-description{max-width:none}.service-card .card-bottom{flex-wrap:nowrap}.service-card .card-price{font-size:20px}.date-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.summary-brand small{display:none}}

/* V1.1 — Categorias em formato wizard, apenas um painel visível por vez. */
.category-nav { margin-bottom:22px; }
.wizard-panel { margin-top:0; animation:wizardIn .17s ease-out both; }
.wizard-panel .group-heading { margin-bottom:15px; }
.category-tab[aria-selected="true"] { background:linear-gradient(110deg,#f9cd72,#edac2f);border-color:#ffe2a5;color:#241a08;box-shadow:0 4px 23px rgba(246,187,66,.13); }
.category-tab[aria-selected="false"] { background:transparent;border-color:transparent;color:#ddd8cc;box-shadow:none; }
.category-tab[aria-selected="false"]:hover { background:rgba(255,255,255,.04);color:#fff; }
.other-category-note { font-size:12px;line-height:1.5;color:#ddcaa5;background:rgba(246,187,66,.06);border:1px solid rgba(246,187,66,.22);padding:11px 13px;border-radius:10px;margin-top:15px; }
.other-category-note strong { color:#f6bb42; }
@keyframes wizardIn { from {opacity:.4;transform:translateY(5px)} to {opacity:1;transform:translateY(0)} }
@media(prefers-reduced-motion:reduce){.wizard-panel{animation:none}}
@media(max-width:600px){.category-nav{margin-bottom:16px}.wizard-panel .group-heading{margin-bottom:12px}}

/* Estado de erro de dados no servidor de desenvolvimento */
.api-error { background:#3a1414; border:1px solid #da6969; border-radius:12px; color:#fff0f0; padding:16px 20px; margin:0 0 18px; line-height:1.5; }
.api-error[hidden]{display:none!important;}

/* Badge compacto para não cortar o cabeçalho em smartphones */
@media(max-width:600px){ .demo-badge{font-size:0;padding:8px 9px;gap:6px}.demo-badge-v{display:inline!important;border-left:0;padding-left:0;font-size:10px}.demo-dot{flex:none} }

/* V1.3 — microtransições entre etapas, sem modificar o layout ou o fluxo. */
.workspace .workspace-topline,
.workspace .stage {
  transition: opacity 135ms ease-in, transform 135ms ease-in;
}
.workspace.wizard-step-exit .workspace-topline,
.workspace.wizard-step-exit .stage {
  opacity: 0;
  transform: translateY(-6px);
  pointer-events: none;
}
.workspace.wizard-step-enter .workspace-topline,
.workspace.wizard-step-enter .stage {
  animation: levysStepEnter 240ms cubic-bezier(.22,1,.36,1) both;
}
@keyframes levysStepEnter {
  from { opacity: 0; transform: translateY(9px); }
  to { opacity: 1; transform: translateY(0); }
}
/* Alternância discreta entre Individuais, Combos e Pacotes. */
#category-content {
  transition: opacity 100ms ease-in, transform 100ms ease-in;
}
#category-content.category-switch-out {
  opacity: 0;
  transform: translateY(-4px);
  pointer-events: none;
}
#category-content.category-switch-in {
  animation: levysCategoryEnter 220ms cubic-bezier(.22,1,.36,1) both;
}
#category-content.category-switch-in .wizard-panel { animation: none; }
@keyframes levysCategoryEnter {
  from { opacity: 0; transform: translateY(6px); }
  to { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
  .workspace .workspace-topline,
  .workspace .stage,
  #category-content { transition: none; }
  .workspace.wizard-step-enter .workspace-topline,
  .workspace.wizard-step-enter .stage,
  #category-content.category-switch-in { animation: none; }
}


/* V1.4 — retratos em evidência, sem alterar a identidade do Wizard nem a seleção imediata. */
.option-grid.barber-grid{gap:18px;}
.option-card.barber-card{
  min-height:280px;padding:24px 18px 22px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:14px;text-align:center;overflow:hidden;isolation:isolate;
  background:radial-gradient(circle at 50% 24%,rgba(246,187,66,.075),transparent 50%),linear-gradient(145deg,#1b1b1c,#0f1011);
}
.barber-card::before{
  content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;
  background:linear-gradient(125deg,transparent 0 67%,rgba(246,187,66,.045) 68%,transparent 69%);
}
.barber-photo-frame{
  width:136px;height:136px;position:relative;flex:none;display:grid;place-items:center;
  overflow:hidden;border-radius:50%;
  background:linear-gradient(145deg,#362a1c,#151515);
  border:3px solid rgba(246,187,66,.70);
  box-shadow:0 0 0 6px rgba(246,187,66,.075),0 14px 26px rgba(0,0,0,.28);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.barber-photo-fallback{font-size:39px;letter-spacing:.02em;font-weight:900;color:#ffcb6a;}
.barber-photo{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:50% 24%;}
.barber-photo[hidden]{display:none;}
.barber-card-details{display:flex;align-items:center;flex-direction:column;gap:4px;min-width:0;}
.barber-card .option-name{display:block;font-size:22px;line-height:1.17;overflow-wrap:anywhere;}
.barber-card .option-meta{display:block;margin:2px 0 0;line-height:1.35;}
.barber-card-hint{display:block;color:var(--gold);font-size:10px;font-weight:850;letter-spacing:.08em;margin-top:9px;text-transform:uppercase;}
.barber-card:hover .barber-photo-frame,.barber-card.selected .barber-photo-frame{
  transform:scale(1.025);border-color:#ffdd8d;
  box-shadow:0 0 0 7px rgba(246,187,66,.10),0 16px 30px rgba(0,0,0,.35);
}
.barber-card .selected-check{z-index:2;}
@media(max-width:1120px){
  .option-card.barber-card{min-height:260px;}
  .barber-photo-frame{width:124px;height:124px;}
}
@media(max-width:600px){
  .option-grid.barber-grid{gap:12px;}
  .option-card.barber-card{
    min-height:142px;padding:14px 18px;
    display:grid;grid-template-columns:102px minmax(0,1fr);align-items:center;
    justify-items:stretch;column-gap:20px;text-align:left;
  }
  .barber-photo-frame{width:102px;height:102px;grid-row:auto;border-width:2px;box-shadow:0 0 0 4px rgba(246,187,66,.07);}
  .barber-photo-fallback{font-size:30px;}
  .barber-card-details{align-items:flex-start;gap:2px;}
  .barber-card .option-name{font-size:20px;}
  .barber-card .option-meta{font-size:11px;}
  .barber-card-hint{font-size:9px;margin-top:8px;}
  .barber-card .selected-check{right:12px;top:12px;}
}
@media(max-width:380px){
  .option-card.barber-card{grid-template-columns:86px minmax(0,1fr);min-height:120px;column-gap:13px;padding:12px;}
  .barber-photo-frame{width:86px;height:86px;}
  .barber-card .option-name{font-size:18px;}
  .barber-card-hint{font-size:8px;letter-spacing:0;}
}
@media(prefers-reduced-motion:reduce){
  .barber-photo-frame{transition:none!important;}
}

/* Recibo WhatsApp: adiciona opção de acesso manual sem afetar o restante da página. */
.success-dialog .whatsapp-notice { margin: -4px 0 15px; font-size: 12px; line-height: 1.55; color: #d4cebd; }
.success-dialog .btn-whatsapp { margin-bottom: 10px; color: #fff; background: #166b45; border: 1px solid #2aaa75; white-space: normal; }
.success-dialog .btn-whatsapp:hover, .success-dialog .btn-whatsapp:focus-visible { background: #1b7f53; }
.success-dialog .btn-whatsapp[hidden] { display: none; }


/* Agendamento 2.0 — avisos de ausência/erro/carregamento padronizados. */
.feedback-state {
  width:100%;min-height:245px;display:flex;flex-direction:column;align-items:center;
  justify-content:center;text-align:center;gap:0;padding:36px 28px;margin:7px auto 14px;
  border:1px solid rgba(246,187,66,.22);border-radius:18px;
  background:radial-gradient(ellipse at top,rgba(246,187,66,.075),transparent 62%),linear-gradient(145deg,#191a1b,#111213);
}
.feedback-symbol {width:56px;height:56px;display:grid;place-items:center;border-radius:16px;
  color:var(--gold);background:rgba(246,187,66,.085);border:1px solid rgba(246,187,66,.25);
  margin-bottom:17px;}
.feedback-symbol svg {width:27px;height:27px;}
.feedback-eyebrow {font-size:10px;line-height:1.4;font-weight:800;letter-spacing:.19em;color:var(--gold);margin-bottom:9px;}
.feedback-heading {font-size:clamp(20px,2.8vw,27px);line-height:1.2;margin:0 0 10px;font-weight:850;color:var(--white);}
.feedback-detail {font-size:14px;line-height:1.7;color:#bdb8b0;margin:0;max-width:500px;text-wrap:pretty;}
.feedback-actions {display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px;}
.feedback-button {display:inline-flex;align-items:center;justify-content:center;gap:14px;
  min-height:47px;border:1px solid #ffd47b;border-radius:10px;padding:11px 20px;
  background:linear-gradient(115deg,#fbd178,#efb139);color:#221806;font:inherit;font-size:13px;font-weight:800;
  cursor:pointer;transition:transform .15s ease,filter .15s ease;}
.feedback-button:hover {filter:brightness(1.06);transform:translateY(-1px);}
.feedback-button:focus-visible {outline:3px solid var(--goldlight);outline-offset:3px;}
.feedback-button--secondary {color:var(--gold);border-color:rgba(246,187,66,.5);background:transparent;}
.feedback-state--error {border-color:rgba(227,150,109,.35);background:linear-gradient(145deg,#21191a,#141415);}
.feedback-state--error .feedback-symbol {color:#f1a787;background:rgba(231,120,95,.07);border-color:rgba(227,150,109,.27);}
.feedback-state--error .feedback-eyebrow {color:#efb19a;}
.feedback-state--loading .feedback-symbol svg {animation:feedbackPulse 1.8s ease-in-out infinite;}
@keyframes feedbackPulse {50% {opacity:.35;transform:rotate(14deg);}}
/* Falhas da API também usam o mesmo cartão, em formato compacto acima da etapa atual. */
.api-error {padding:0;margin:0 0 20px;border:0;background:none;color:inherit;}
.api-error .feedback-state {min-height:unset;padding:20px 22px;margin:0;text-align:left;align-items:flex-start;}
.api-error .feedback-symbol {width:37px;height:37px;border-radius:10px;margin-bottom:9px;}
.api-error .feedback-symbol svg {width:20px;height:20px;}
.api-error .feedback-heading {font-size:18px;margin-bottom:6px;}
.api-error .feedback-detail {font-size:13px;max-width:100%;}
.api-error .feedback-actions {margin-top:13px;}
@media(max-width:600px){
  .feedback-state {padding:30px 18px;min-height:230px;border-radius:15px;}
  .feedback-symbol {width:52px;height:52px;}
  .feedback-heading {font-size:21px;}
  .feedback-detail {font-size:13px;}
  .feedback-actions {width:100%;}
  .feedback-button {width:100%;min-height:48px;}
}
@media(prefers-reduced-motion:reduce){.feedback-state--loading .feedback-symbol svg,.feedback-button{animation:none;transition:none;}}