.demo-details-page{--page-gutter:30px}.demo-details-layout{grid-template-columns:minmax(0,.7fr) minmax(0,1fr);grid-template-areas:"opening form""proof form";align-items:start;gap:58px 38px;padding-block:16px 40px;display:grid}.demo-details-opening{grid-area:opening;min-width:0;padding-top:28px}.demo-details-page h1{letter-spacing:-.025em;color:var(--ink);text-wrap:balance;font-size:clamp(44px,4.15vw,58px);line-height:1.07}.demo-details-surface{background:#afc4d6 url(/figma-home/brand-texture-01.webp) 50%/cover;border-radius:6px;grid-area:form;justify-content:center;align-self:stretch;align-items:center;min-width:0;min-height:790px;padding:78px 11%;display:flex}.demo-details-form{-webkit-backdrop-filter:blur(22px);background:#e1e9f0c7;border:1px solid #ffffff2e;border-radius:24px;width:100%;min-width:0;padding:38px 28px 44px}.demo-details-aside{grid-area:proof;align-self:start;min-width:0;padding-bottom:12px}.demo-benefits h2,.demo-proof-logos>p{font-family:var(--font-body);letter-spacing:0;color:var(--ink);margin:0 0 12px;font-size:16px;font-weight:500;line-height:1.4}.demo-benefits ul{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.demo-benefits li{border-bottom:1px solid var(--line);align-items:center;gap:26px;padding:16px 0;display:flex}.demo-benefits li>svg{stroke-width:1.8px;flex:none;width:25px;height:25px}.demo-benefits h3{font-family:var(--font-body);letter-spacing:0;color:var(--ink);font-size:16px;font-weight:500;line-height:1.4}.demo-benefits li p{color:var(--muted);margin:2px 0 0;font-size:14px;line-height:1.4}.demo-proof-logos{margin-top:38px}.demo-proof-logos ul{border-block:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:22px;margin:0;padding:24px 0;list-style:none;display:grid}.demo-proof-logos li{place-items:center;min-width:0;height:42px;display:grid}.demo-proof-logos .demo-proof-logo{object-fit:contain;width:100%;height:auto;max-height:38px;display:block}.demo-proof-logos img[alt=Magic\ Spoon]{max-width:70px}.demo-proof-logos img[alt=Schwarzkopf]{max-width:110px;max-height:45px}.demo-proof-logos img[alt=Solawave]{max-width:94px}.demo-proof-logos img[alt=L’ange]{max-width:62px}.demo-booking-reviews{cursor:pointer;padding-top:38px;position:relative}.demo-review-icon{stroke-width:1.8px;width:23px;height:23px;margin-bottom:0}.demo-reviews-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px;display:flex}.demo-reviews-heading h2{font-family:var(--font-body);letter-spacing:0;color:var(--muted);font-size:12px;font-weight:400;line-height:1.4}.demo-reviews-heading>span{letter-spacing:.08em;color:var(--green);font-size:12px}.demo-booking-reviews figure{margin:0}.demo-booking-reviews blockquote{min-height:84px;font-family:var(--font-body);letter-spacing:-.025em;color:var(--ink);margin:0;font-size:21px;line-height:1.35}.demo-booking-reviews figcaption{color:var(--muted);margin-top:12px;font-size:12px;line-height:1.45}.demo-review-motion-control{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.demo-booking-reviews:focus-within{outline:2px solid var(--ink);outline-offset:4px;border-radius:3px}.demo-details-form>h2{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.demo-details-form>p{color:#49545f;margin-top:0;font-size:15px;line-height:1.5}.demo-details-form>form{padding-top:24px}.demo-details-form form>div>section>div{grid-template-columns:minmax(0,1fr);gap:18px}.demo-details-form [data-field]>label{margin-bottom:6px}.demo-details-form form :is(input,select,textarea){background:0 0;border-color:#8e9da9;border-radius:8px;font-size:16px}.demo-details-form form :is(input,select){height:46px;min-height:46px}.demo-details-form form :is(input,textarea)::placeholder{color:#52606c;opacity:1}.demo-details-form [data-field=phone]>div{background:0 0;border-color:#8e9da9;border-radius:8px}.demo-details-form [data-field=phone] input{height:44px;min-height:44px}:is(.demo-details-form form [aria-invalid=true],.demo-details-form [data-field=phone]>div:has([aria-invalid=true])){border-color:#a33030}.demo-details-form form .button{background:#000;min-height:46px}.demo-details-form form .button:hover{background:#163127}.demo-details-form form .button:disabled{cursor:not-allowed}@media (max-width:1100px){.demo-details-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);column-gap:28px}.demo-details-surface{min-height:750px;padding:56px 11%}.demo-details-form{padding-inline:24px}.demo-benefits li{gap:18px}.demo-proof-logos ul{gap:14px}}@media (max-width:900px){.demo-details-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"opening""form""proof";gap:28px;padding-block:8px 48px}.demo-details-opening{padding-top:24px}.demo-details-page h1{font-size:clamp(42px,7vw,58px)}.demo-details-surface{min-height:0;padding:48px 10%}.demo-details-form{max-width:540px;padding:32px}.demo-details-aside{padding-top:10px}.demo-proof-logos ul{gap:26px}.demo-booking-reviews blockquote{min-height:90px}}@media (max-width:480px){.demo-details-page{--page-gutter:24px}.demo-details-layout{gap:24px}.demo-details-page h1{font-size:42px}.demo-details-surface{padding:26px 14px}.demo-details-form{border-radius:20px;padding:24px 18px 28px}.demo-benefits li{gap:20px}.demo-proof-logos ul{gap:14px}.demo-booking-reviews blockquote{min-height:110px;font-size:20px}}@media (max-width:359px){.demo-details-page{--page-gutter:16px}.demo-details-page h1{font-size:38px}.demo-details-surface{padding:20px 10px}.demo-details-form{padding-inline:14px}.demo-proof-logos ul{gap:10px}}
