.book-demo{--book-demo-band: hsl(var(--brand-black));--book-demo-band-text: #f6f5f3;--book-demo-overlap: clamp(150px, 14vw, 230px);display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);grid-template-rows:auto 1fr;-moz-column-gap:clamp(40px,5vw,96px);column-gap:clamp(40px,5vw,96px);width:var(--fresh-frame-width);max-width:100%;margin-inline:auto;padding:0 var(--studio-inset) var(--studio-section);background:var(--fresh-line-page);box-sizing:border-box;color:var(--theme-text)}.book-demo:before{content:"";grid-column:1 / -1;grid-row:1;margin-inline:calc(var(--studio-inset) * -1);background:var(--book-demo-band)}.book-demo__hero{grid-column:1;grid-row:1;padding-block:clamp(170px,17vw,230px) clamp(72px,7vw,112px);color:var(--book-demo-band-text)}.book-demo__hero h1{margin:0;font-size:clamp(44px,4.6vw,74px);font-weight:500;line-height:1.06;letter-spacing:-.05em;text-wrap:balance}.book-demo__lede{max-width:760px;margin:32px 0 0;font-size:clamp(21px,1.9vw,27px);line-height:1.5;color:color-mix(in srgb,var(--book-demo-band-text) 78%,transparent);text-wrap:pretty}.book-demo__form{grid-column:2;grid-row:1 / span 2;align-self:start;margin-top:var(--book-demo-overlap);position:relative;z-index:1}.book-demo__story{grid-column:1;grid-row:2;padding-top:clamp(64px,6vw,96px);min-width:0}.book-demo__story h2{margin:0;font-size:var(--studio-heading);font-weight:500;line-height:1.12;letter-spacing:-.04em;text-wrap:balance}.book-demo__lead{margin:28px 0 0;font-size:var(--studio-body);font-weight:600;line-height:1.6}.book-demo__story p:not(.book-demo__lead){margin:22px 0 0;font-size:var(--studio-body);line-height:1.7;color:var(--theme-text-muted)}.book-demo__story h3{margin:44px 0 0;font-size:var(--studio-title, 28px);font-weight:500;letter-spacing:-.03em}.book-demo__benefits{display:grid;gap:14px;margin:20px 0 0;padding:0;list-style:none}.book-demo__benefits li{display:flex;gap:14px;font-size:var(--studio-body);line-height:1.55}.book-demo__benefits svg{flex-shrink:0;margin-top:.28em;color:var(--fresh-line-red)}.book-demo__film{margin-top:52px}.book-demo-form{scroll-margin-top:120px;color:#171718}.book-demo-form__card{padding:clamp(28px,3vw,44px);border:1px solid #dedee1;border-radius:20px;background:#fefdfc;box-shadow:0 18px 40px #1717181a}.book-demo-form__card h2{margin:0;font-size:clamp(32px,2.8vw,42px);font-weight:500;line-height:1.12;letter-spacing:-.04em}.book-demo-form__intro{margin:12px 0 28px;font-size:19px;line-height:1.5;color:#616168}.book-demo-form__fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px 16px;min-width:0;margin:0;padding:0;border:0}.book-demo-form__wide{grid-column:1 / -1}.book-demo-form__fields label{font-size:17px;color:#171718}.book-demo-form__fields input,.book-demo-form__fields select{width:100%;min-height:56px;padding:12px 14px;border:1px solid #bdbdc3;border-radius:8px;background:#fefdfc;color:#171718;font:inherit;font-size:19px}.book-demo-form__fields select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:44px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23616168' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}.book-demo-form__fields select:invalid{color:#616168}.book-demo-form__fields :is(input,select):focus-visible,.book-demo-form__submit:focus-visible,.book-demo-form__opt-in input:focus-visible{outline:2px solid hsl(var(--brand-orange));outline-offset:2px}.book-demo-form__opt-in{display:flex;align-items:flex-start;gap:12px;margin-top:24px;font-size:17px;line-height:1.5;color:#616168;cursor:pointer}.book-demo-form__opt-in input{width:20px;height:20px;margin-top:3px;flex-shrink:0;accent-color:hsl(var(--brand-orange))}.book-demo-form__card a{color:inherit;text-decoration:underline}.book-demo-form__submit{width:100%;min-height:60px;margin-top:26px;border-radius:8px;background:hsl(var(--brand-orange));color:hsl(var(--brand-black));font-size:20px;font-weight:500}.book-demo-form__submit:disabled{opacity:.5;cursor:not-allowed}.book-demo-form__note{margin:16px 0 0;font-size:17px;line-height:1.5;text-align:center;color:#616168}.book-demo-form__error{margin-top:18px;font-size:17px;line-height:1.5;color:#b51e0b}@media(max-width:1000px){.book-demo{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto}.book-demo__form{grid-column:1;grid-row:2;margin-top:-48px}.book-demo__story{grid-row:3}.book-demo__hero{padding-bottom:96px}}@media(max-width:600px){.book-demo__hero{padding-top:140px}.book-demo__hero h1{font-size:var(--studio-mobile-display, 42px)}.book-demo-form__fields{grid-template-columns:minmax(0,1fr)}.book-demo-form__fields>*{grid-column:1}}
