.noir-demo,.noir-demo{--background:#f5f3ed;--foreground:#1f2725;--primary:#9a733a;--primary-foreground:#fff;--muted:#e9e6dd;--muted-foreground:#62685f;--border:#d5d4c9;--ink:#1c2723;--gold:#dfc494;--paper:#f5f3ed}.noir-demo *{box-sizing:border-box}.noir-demo{scroll-behavior:smooth;font-family:var(--font-geist-sans),Arial,sans-serif;color:var(--ink);background:var(--paper);margin:0;scroll-padding-top:25px}.noir-demo button,.noir-demo a,.noir-demo input{-webkit-tap-highlight-color:transparent}.noir-demo button,.noir-demo a{touch-action:manipulation}.noir-demo a{color:inherit;text-decoration:none}.noir-demo button{cursor:pointer}.noir-demo button:disabled{cursor:not-allowed}:is(.noir-demo a:focus-visible,.noir-demo button:focus-visible,.noir-demo input:focus-visible){outline-offset:5px;outline:3px solid #ae843d}.noir-demo svg{flex-shrink:0}.noir-demo h1,.noir-demo h2,.noir-demo h3,.noir-demo p{margin:0}.noir-demo em{font-weight:400}.noir-demo h1,.noir-demo h2{letter-spacing:-.05em;font-family:Georgia,Times New Roman,serif;font-weight:400}.noir-demo .demo-strip{background:var(--ink);color:#e7dfcd;letter-spacing:.09em;justify-content:space-between;padding:9px 5%;font-size:12px;display:flex}.noir-demo .demo-strip [lang=ar]{letter-spacing:0;font-size:14px}.noir-demo .site-header{background:#f8f6f0;justify-content:space-between;align-items:center;gap:28px;height:108px;padding:0 5%;display:flex}.noir-demo .wordmark{letter-spacing:-.07em;align-items:baseline;gap:8px;font-size:34px;font-weight:600;line-height:.9;display:inline-flex;position:relative}.noir-demo .wordmark span{letter-spacing:.17em;font-size:12px;font-weight:400}.noir-demo .wordmark i{letter-spacing:.34em;font-size:9px;font-style:normal;position:absolute;top:36px;left:0}.noir-demo .site-header nav{gap:34px;font-size:14px;display:flex}.noir-demo .pill{border:1px solid #88938b;border-radius:30px;align-items:center;gap:16px;padding:13px 23px;font-size:14px;display:flex}.noir-demo .hero{color:#fff;background:#302d24;height:calc(100vh - 155px);min-height:680px;max-height:1000px;position:relative;overflow:hidden}.noir-demo .hero>img{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.noir-demo .hero-shade{background:linear-gradient(90deg,#0d1610ba,#0d16102b 65%,#0000),linear-gradient(#0000 75%,#0006);position:absolute;inset:0}.noir-demo .hero-copy{max-width:1150px;padding:110px 7% 100px;position:relative}.noir-demo .eyebrow{letter-spacing:.19em;margin-bottom:27px;font-size:12px;font-weight:500}.noir-demo .hero h1{max-width:1000px;font-size:clamp(52px,5.6vw,90px);line-height:1.03}.noir-demo .hero h1 em{color:#eedabb}.noir-demo .hero-description{color:#e8e7df;margin:30px 0 32px;font-size:16px;line-height:1.7}.noir-demo .gold-button{background:var(--gold);color:#202b23;border:0;border-radius:3px;justify-content:center;align-items:center;gap:28px;padding:20px 27px;font-size:14px;font-weight:600;transition:background .2s,transform .2s;display:inline-flex}.noir-demo .gold-button:hover{background:#efdaad;transform:translateY(-2px)}.noir-demo .hero-bottom{letter-spacing:.1em;border-top:1px solid #ffffff3d;justify-content:space-between;align-items:center;padding-top:20px;font-size:11px;display:flex;position:absolute;bottom:30px;left:7%;right:7%}.noir-demo .hero-bottom span{align-items:center;gap:8px;display:flex}.noir-demo .services{grid-template-columns:1fr 1.3fr;gap:8%;padding:105px 7%;display:grid}.noir-demo .section-intro h2{margin-bottom:25px;font-size:55px;line-height:1.1}.noir-demo .section-intro>p:last-child{color:#697167;max-width:260px;font-size:16px;line-height:1.7}.noir-demo .service-row{border-top:1px solid #c9cbbf;align-items:center;gap:25px;padding:30px 0;display:flex}.noir-demo .service-row:last-child{border-bottom:1px solid #c9cbbf}.noir-demo .service-index{color:#7d846d;align-self:flex-start;margin-top:7px;font-size:12px}.noir-demo .service-row h3{letter-spacing:-.035em;margin-bottom:9px;font-family:Georgia,serif;font-size:27px;font-weight:400}.noir-demo .service-row p{color:#667063;margin-bottom:12px;font-size:14px}.noir-demo .service-row small{color:#6b7468;align-items:center;gap:5px;font-size:12px;display:flex}.noir-demo .service-row strong{white-space:nowrap;margin-left:auto;font-size:28px;font-weight:400}.noir-demo .service-row strong small{font-size:13px;display:inline}.noir-demo .service-arrow{margin-left:15px}.noir-demo footer{background:var(--ink);color:#e9e8db;justify-content:space-between;align-items:center;gap:30px;padding:45px 5%;font-size:12px;display:flex}.noir-demo footer p{color:#bac1b4;max-width:290px;line-height:1.8}.noir-demo footer a{align-items:center;gap:8px;display:flex}.noir-demo{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (max-width:750px){.noir-demo .demo-strip{align-items:center;padding:8px 22px;font-size:9px}.noir-demo .site-header{gap:15px;height:88px;padding:0 23px}.noir-demo .wordmark{gap:6px;font-size:30px}.noir-demo .wordmark span{font-size:10px}.noir-demo .wordmark i{font-size:8px;top:31px}.noir-demo .site-header nav{display:none}.noir-demo .pill{gap:12px;padding:12px 17px;font-size:12px}.noir-demo .hero{height:690px;min-height:0;max-height:none}.noir-demo .hero>img{object-position:65% center}.noir-demo .hero-shade{background:linear-gradient(90deg,#142018c9,#1420180a),linear-gradient(#0000 45%,#07180fa6)}.noir-demo .hero-copy{padding:80px 25px 90px}.noir-demo .eyebrow{letter-spacing:.14em;margin-bottom:30px;font-size:10px}.noir-demo .hero h1{letter-spacing:-.065em;font-size:54px;line-height:1.08}.noir-demo .hero h1 em{max-width:360px;display:inline-block}.noir-demo .hero-description{margin-top:25px;font-size:15px;line-height:1.8}.noir-demo .gold-button{gap:20px;padding:18px 22px;font-size:13px}.noir-demo .hero-bottom{letter-spacing:.05em;font-size:9px;bottom:25px;left:25px;right:25px}.noir-demo .hero-bottom span:last-child{display:none}.noir-demo .services{padding:65px 25px;display:block}.noir-demo .section-intro h2{font-size:44px}.noir-demo .section-intro>p:last-child{max-width:320px;font-size:15px}.noir-demo .service-list{margin-top:35px}.noir-demo .service-row{gap:15px;padding:28px 0}.noir-demo .service-row h3{font-size:25px}.noir-demo .service-row p{max-width:210px;font-size:13px;line-height:1.5}.noir-demo .service-row strong{font-size:24px}.noir-demo .service-arrow{display:none}.noir-demo footer{flex-wrap:wrap;gap:25px;padding:38px 25px}.noir-demo footer p{order:3;width:100%}.noir-demo .hero-bottom span:first-child{letter-spacing:0}}@media (prefers-reduced-motion:reduce){.noir-demo{scroll-behavior:auto}.noir-demo *{transition:none!important;animation:none!important}}.noir-demo .booking-section{background:#eaece2;border-top:1px solid #d5d9cb;padding:80px 7% 100px}.noir-demo .booking-top{justify-content:space-between;align-items:center;margin-bottom:35px;display:flex}.noir-demo .booking-top .eyebrow{margin-bottom:17px}.noir-demo .booking-top h2{font-size:65px}.noir-demo .demo-tag{letter-spacing:.16em;border:1px solid #aebaa7;border-radius:30px;padding:10px 16px;font-size:10px}.noir-demo .view-tabs{width:fit-content;margin-bottom:35px;background:#d9decf!important;border-radius:40px!important;gap:5px!important;height:auto!important;padding:5px!important}.noir-demo .view-tabs button{min-height:44px;border-radius:30px!important;gap:8px!important;padding:13px 23px!important;font-size:14px!important}.noir-demo .view-tabs button[data-active]{background:#fff!important}.noir-demo .booking-form{grid-template-columns:1.3fr 1fr;align-items:start;gap:7%;display:grid}.noir-demo .booking-fields fieldset{border:0;margin:0 0 35px;padding:0}.noir-demo .booking-fields legend{margin-bottom:20px;font-size:18px;font-weight:500}.noir-demo .booking-fields legend b{color:#828c75;margin-right:15px;font-size:12px}.noir-demo .service-choices{gap:10px}.noir-demo .service-choice{cursor:pointer;background:#f8f9f3;border:1px solid #0000;border-radius:6px;align-items:center;gap:15px;min-height:85px;padding:20px;display:flex}.noir-demo .service-choice.selected{background:#fff;border-color:#647357}.noir-demo .service-choice>span{font-size:16px}.noir-demo .service-choice small{color:#78816d;margin-top:7px;font-size:12px;display:block}.noir-demo .service-choice>strong{margin-left:auto;font-size:16px;font-weight:500}.noir-demo .date-choices{grid-template-columns:repeat(7,1fr);gap:8px!important;display:grid!important}.noir-demo .date-choice{cursor:pointer;background:#f3f5ed;border:1px solid #c8cebc;border-radius:5px;flex-direction:column;align-items:center;gap:7px;padding:13px 5px;display:flex}.noir-demo .date-choice strong{font-size:22px;font-weight:400}.noir-demo .date-choice small{color:#65735e;font-size:11px}.noir-demo .date-choice.selected{color:#fff;background:#263c2d;border-color:#263c2d}.noir-demo .date-choice.selected small{color:#e1e8d6}.noir-demo .time-choices{grid-template-columns:repeat(5,1fr);margin-top:18px;gap:8px!important;display:grid!important}.noir-demo .time-choice{text-align:center;cursor:pointer;border:1px solid #c4cdba;border-radius:3px;padding:12px 5px;font-size:14px}.noir-demo .time-choice.selected{color:#fff;background:#263c2d;border-color:#263c2d}.noir-demo .time-choice.disabled{opacity:.3;cursor:not-allowed;text-decoration:line-through}.noir-demo .date-choice:focus-within,.noir-demo .time-choice:focus-within{outline-offset:2px;outline:3px solid #ac8b48}.noir-demo .name-label{margin-bottom:10px;font-size:14px;display:block}.noir-demo #guest-name{outline-offset:3px;background:#fafbf6;border:1px solid #bac5ab;border-radius:4px;width:100%;padding:17px 20px;font-size:16px}.noir-demo .local-note{color:#687661;margin-top:15px;font-size:12px;line-height:1.7}.noir-demo .booking-summary{background:#f9faf4;border:1px solid #d5dccb;border-radius:8px;padding:35px;position:sticky;top:30px}.noir-demo .booking-summary>svg{color:#7c8e67;margin-bottom:30px}.noir-demo .booking-summary .eyebrow{margin-bottom:17px;font-size:10px}.noir-demo .booking-summary h3{letter-spacing:-.04em;margin-bottom:30px;font-family:Georgia,serif;font-size:35px;font-weight:400}.noir-demo .summary-row{border-bottom:1px solid #e1e5d9;justify-content:space-between;gap:20px;padding:13px 0;font-size:13px;display:flex}.noir-demo .summary-row span{color:#78856d}.noir-demo .summary-row strong{text-align:right;max-width:180px;font-weight:400}.noir-demo .summary-total{justify-content:space-between;align-items:center;margin:28px 0;font-size:14px;display:flex}.noir-demo .summary-total>strong{font-size:38px;font-weight:400}.noir-demo .summary-total small{font-size:14px}.noir-demo .booking-summary .gold-button{gap:10px;width:100%;padding:20px 12px;font-size:13px}.noir-demo .booking-summary button:disabled{opacity:.45;transform:none}.noir-demo .booking-summary>.local-note{text-align:center}.noir-demo .form-error{color:#94331e;background:#fbe6de;border-radius:4px;margin-bottom:15px;padding:13px;font-size:14px;line-height:1.6}.noir-demo .confirmation{text-align:center;background:#f9faf4;border-radius:12px;padding:55px 30px}.noir-demo .check-circle{color:#335630;background:#dfebd5;border-radius:50%;place-items:center;width:75px;height:75px;margin:0 auto 30px;display:grid}.noir-demo .confirmation h3{letter-spacing:-.05em;margin-bottom:30px;font:55px/1.03 Georgia,serif}.noir-demo .confirmation>.eyebrow{font-size:11px}.noir-demo .appointment-receipt{border-top:1px solid #d8ddce;border-bottom:1px solid #d8ddce;flex-direction:column;gap:12px;max-width:400px;margin:0 auto 22px;padding:24px 0;font-size:17px;display:flex}.noir-demo .appointment-receipt strong{font-size:23px;font-weight:400}.noir-demo .appointment-receipt span:last-child{color:#67795e;justify-content:center;align-items:center;gap:8px;font-size:14px;display:flex}.noir-demo .confirmation>p:not(.eyebrow){color:#65765b;margin-bottom:25px;font-size:13px}.noir-demo .text-button{color:#435a3c;text-underline-offset:5px;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;margin:25px auto 0;padding:8px;font-size:13px;text-decoration:underline;display:flex}.noir-demo .owner-view{background:#f7f9f1;border-radius:10px;padding:40px}.noir-demo .owner-head{justify-content:space-between;align-items:center;gap:30px;margin-bottom:30px;display:flex}.noir-demo .owner-head h3{letter-spacing:-.04em;font:44px/1.15 Georgia,serif}.noir-demo .owner-head .eyebrow{margin-bottom:16px;font-size:10px}.noir-demo .live-label{color:#5d7352;align-items:center;gap:7px;font-size:11px;display:flex}.noir-demo .live-label i{background:#799e69;border-radius:50%;width:6px;height:6px}.noir-demo .owner-stats{grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:35px;display:grid}.noir-demo .owner-stats>div{border:1px solid #d8e0ce;border-radius:6px;padding:22px}.noir-demo .owner-stats span{color:#667b5b;margin-bottom:17px;font-size:12px;display:block}.noir-demo .owner-stats strong{font-size:37px;font-weight:400}.noir-demo .owner-stats small{color:#75876a;font-size:14px;font-weight:400}.noir-demo .agenda{background:#fff;border:1px solid #d9dfcf;border-radius:8px}.noir-demo .agenda-title{border-bottom:1px solid #dce2d2;justify-content:space-between;align-items:center;padding:23px;display:flex}.noir-demo .agenda-title h4{margin:0;font-size:16px;font-weight:500}.noir-demo .agenda-title span{color:#648452;font-size:11px}.noir-demo .agenda ul{margin:0;padding:0;list-style:none}.noir-demo .agenda-row{border-bottom:1px solid #eef0e8;align-items:center;gap:20px;padding:25px;display:flex}.noir-demo .agenda-row:last-child{border:0}.noir-demo .agenda-row time{flex-direction:column;gap:7px;font-size:21px;display:flex}.noir-demo .agenda-row time small{color:#7b8770;font-size:11px}.noir-demo .avatar{color:#877350;background:#eee9da;border-radius:50%;place-items:center;width:42px;height:42px;font-family:Georgia,serif;font-size:22px;display:grid}.noir-demo .agenda-person{flex-direction:column;gap:7px;display:flex}.noir-demo .agenda-person strong{font-size:16px;font-weight:500}.noir-demo .agenda-person span{color:#7a866f;font-size:12px}.noir-demo .confirmed-tag{color:#4e7740;background:#eaf3e5;border-radius:20px;align-items:center;gap:5px;margin-left:auto;padding:7px 12px;font-size:11px;display:flex}.noir-demo .agenda-price{font-size:14px;font-weight:500}.noir-demo .empty-agenda{text-align:center;color:#6e7d63;padding:45px 20px;font-size:14px}.noir-demo .empty-agenda>svg{margin:0 auto 20px}.noir-demo .empty-agenda p{line-height:1.7}@media (max-width:750px){.noir-demo .booking-section{padding:55px 22px 65px}.noir-demo .booking-top{align-items:flex-start;gap:15px}.noir-demo .booking-top h2{font-size:46px}.noir-demo .booking-top .eyebrow{max-width:180px;font-size:9px;line-height:1.7}.noir-demo .demo-tag{letter-spacing:.05em;white-space:nowrap;padding:8px 10px;font-size:8px}.noir-demo .view-tabs{max-width:100%;margin-bottom:27px}.noir-demo .view-tabs button{gap:6px!important;padding:13px 17px!important;font-size:12px!important}.noir-demo .booking-form{display:block}.noir-demo .booking-fields legend{font-size:17px}.noir-demo .service-choice{gap:12px;min-height:80px;padding:17px 14px}.noir-demo .service-choice>span{font-size:15px}.noir-demo .service-choice>strong{font-size:14px}.noir-demo .date-choices{gap:5px!important}.noir-demo .date-choice{padding:11px 1px}.noir-demo .date-choice small{font-size:10px}.noir-demo .date-choice strong{font-size:21px}.noir-demo .time-choices{grid-template-columns:repeat(4,1fr)}.noir-demo .booking-summary{margin-top:30px;padding:25px;position:static}.noir-demo .booking-summary h3{font-size:32px}.noir-demo .booking-summary>svg{margin-bottom:20px}.noir-demo .confirmation{padding:35px 18px}.noir-demo .confirmation h3{font-size:45px}.noir-demo .confirmation .gold-button{gap:8px;padding:18px 13px;font-size:12px}.noir-demo .appointment-receipt strong{font-size:21px}.noir-demo .owner-view{padding:25px 15px}.noir-demo .owner-head{display:block}.noir-demo .owner-head h3{font-size:36px}.noir-demo .live-label{margin-top:20px}.noir-demo .owner-stats{grid-template-columns:1fr 1fr;gap:10px}.noir-demo .owner-stats>div{padding:18px 13px}.noir-demo .owner-stats>div:last-child{display:none}.noir-demo .owner-stats span{font-size:11px;line-height:1.5}.noir-demo .owner-stats strong{font-size:32px}.noir-demo .agenda-title{padding:18px 13px}.noir-demo .agenda-title h4{font-size:14px}.noir-demo .agenda-row{flex-wrap:wrap;gap:10px;padding:22px 12px}.noir-demo .agenda-row time{min-width:45px;font-size:18px}.noir-demo .avatar{display:none}.noir-demo .agenda-person strong{font-size:15px}.noir-demo .agenda-person span{font-size:11px}.noir-demo .confirmed-tag{gap:3px;padding:6px 8px;font-size:10px}.noir-demo .agenda-price{display:none}}.noir-demo{font-family:Arial,sans-serif}.noir-demo .demo-return{color:#e2c794;background:#112e26;padding:12px 5%;font-size:14px;display:block}.noir-demo .view-tabs{color:#263c2d}