.demo-page{--demo-bg: #fbf8f2;--demo-surface: #fffefa;--demo-field: #f8f6f1;--demo-ink: #242521;--demo-muted: #686860;--demo-line: #e8e2d8;--demo-accent: var(--accent);position:relative;isolation:isolate;min-height:100vh;overflow:clip;background:var(--demo-bg);color:var(--demo-ink);font-family:Instrument Sans,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.dark .demo-page{--demo-bg: #111416;--demo-surface: #1b1f22;--demo-field: #202528;--demo-ink: #f5f2ec;--demo-muted: #b6b6ad;--demo-line: #363b3c}.demo-page:before,.demo-page:after{position:absolute;z-index:-1;pointer-events:none;content:""}.demo-page:before{top:0;right:0;left:0;height:790px;background:url(../../../illustrations/landing/hero-background-v1.webp) center 70px / max(100%,1500px) 700px no-repeat;-webkit-mask-image:linear-gradient(#000 48%,transparent 96%);mask-image:linear-gradient(#000 48%,transparent 96%);opacity:.72}.demo-page:after{top:570px;right:0;width:min(42vw,570px);height:780px;background:url(../../../illustrations/landing/flow-background-v1.webp) right center / auto 100% no-repeat;-webkit-mask-image:linear-gradient(transparent,#000 24% 72%,transparent);mask-image:linear-gradient(transparent,#000 24% 72%,transparent);opacity:.42}.dark .demo-page:before{opacity:.17}.dark .demo-page:after{opacity:.13}.demo-page *{box-sizing:border-box}.demo-page :is(h1,h2,p,ul){margin:0}.demo-page a{text-decoration:none}.demo-page :is(a,button,input,textarea,[tabindex]):focus-visible{outline:3px solid var(--demo-accent);outline-offset:3px}.demo-shell{width:min(1060px,calc(100% - 64px));margin-inline:auto}.demo-skip{position:fixed;z-index:50;top:-100px;left:20px;padding:12px 16px;border-radius:10px;background:var(--demo-surface);color:var(--demo-ink)}.demo-skip:focus{top:14px}.demo-header{min-height:94px}.demo-header__inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:94px}.demo-header__inner>a{display:inline-flex;align-items:center}.demo-header img{width:150px;height:40px;-o-object-fit:contain;object-fit:contain;-o-object-position:left center;object-position:left center}.demo-appearance{border:1px solid var(--demo-line);border-radius:999px;background:var(--demo-surface);color:var(--demo-muted)}.demo-heading{max-width:720px;padding-top:54px;animation:demo-enter .55s ease-out both}.demo-heading h1{font-size:clamp(45px,5vw,66px);font-weight:660;line-height:1.06;letter-spacing:-.055em;text-wrap:balance}.demo-heading>p:last-child{max-width:620px;margin-top:23px;color:var(--demo-muted);font-size:17px;line-height:1.7}.demo-layout{display:grid;grid-template-columns:minmax(0,650px) minmax(250px,300px);align-items:start;gap:clamp(40px,8vw,110px);padding-top:63px;animation:demo-enter .6s 70ms ease-out both}.demo-layout--success{display:block;max-width:920px;margin-inline:auto;padding-top:70px}.demo-form-panel{min-width:0}.demo-form-panel--success{padding:clamp(22px,4vw,44px);border:1px solid var(--demo-line);border-radius:24px;background:var(--demo-surface);box-shadow:0 20px 60px #4b342314}.dark .demo-form-panel--success{box-shadow:0 20px 60px #0004}.demo-step-heading{display:flex;align-items:center;gap:12px;padding-bottom:17px;border-bottom:1px solid var(--demo-line)}.demo-step-heading span{display:grid;flex:0 0 auto;place-items:center;width:27px;height:27px;border:1px solid color-mix(in srgb,var(--demo-accent) 19%,transparent);border-radius:7px;background:color-mix(in srgb,var(--demo-accent) 9%,var(--demo-surface));color:var(--demo-accent);font-size:12px;font-weight:700}.demo-step-heading h2{font-size:22px;font-weight:650;letter-spacing:-.025em}.demo-step-heading--contact{margin-top:55px}.demo-step-intro{margin-top:17px!important;color:var(--demo-muted);font-size:13px;line-height:1.6}.demo-scope-section{margin-top:23px}.demo-scope-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.demo-scope-field{display:grid;grid-template-rows:minmax(132px,1fr) auto;min-width:0;padding:18px;overflow:hidden;border:1px solid var(--demo-line);border-radius:16px;background:var(--demo-surface);box-shadow:0 12px 28px #4b342308;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.demo-scope-field:hover{border-color:color-mix(in srgb,var(--demo-accent) 48%,var(--demo-line));box-shadow:0 16px 32px #4b342315;transform:translateY(-2px)}.demo-scope-field__top{display:flex;align-items:flex-start;justify-content:space-between;gap:4px;min-width:0}.demo-scope-field__top img{flex:0 0 auto;width:min(52%,148px);height:138px;margin-top:-8px;margin-right:-8px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 10px 10px #4532241b)}.demo-scope-label{display:block;min-width:0;padding-top:9px;color:var(--demo-ink);font-size:15px;font-weight:700;line-height:1.3}.demo-counter{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;min-width:0;margin-top:8px;overflow:hidden;border:1px solid var(--demo-line);border-radius:10px;background:var(--demo-surface)}.demo-counter__button{display:grid;place-items:center;min-width:0;height:44px;border:0;background:transparent;color:var(--demo-muted);cursor:pointer}.demo-counter__button:hover:not(:disabled){background:color-mix(in srgb,var(--demo-accent) 8%,transparent);color:var(--demo-accent)}.demo-counter__button:disabled{opacity:.38;cursor:default}.demo-counter__input{width:100%;min-width:0;height:44px;padding:0 3px;border:0;background:transparent;color:var(--demo-ink);font-size:21px;font-weight:700;text-align:center;font-variant-numeric:tabular-nums}.demo-scope-note{display:flex;align-items:start;gap:7px;margin-top:13px!important;color:var(--demo-muted);font-size:11px;line-height:1.5}.demo-scope-note svg{flex:0 0 auto;margin-top:1px;color:var(--demo-accent)}.demo-request-form{margin-top:25px}.demo-request-form label{color:var(--demo-muted);font-size:12px;font-weight:600}.demo-request-form .input{min-height:48px;border:1px solid var(--demo-line);border-radius:8px;background:var(--demo-field);color:var(--demo-ink)}.demo-request-form .input::-moz-placeholder{color:color-mix(in srgb,var(--demo-muted) 65%,transparent)}.demo-request-form .input::placeholder{color:color-mix(in srgb,var(--demo-muted) 65%,transparent)}.demo-request-form .input:focus{border-color:var(--demo-accent)}.demo-request-form textarea.input{min-height:120px}.demo-submit{width:100%;min-height:50px;justify-content:center;gap:10px;margin-top:10px;border-radius:999px;box-shadow:0 8px 20px color-mix(in srgb,var(--demo-accent) 19%,transparent)}.demo-privacy{color:var(--demo-muted);font-size:11px;line-height:1.65}.demo-expect{position:sticky;top:32px;padding:28px 22px 22px;overflow:hidden;border:1px solid var(--demo-line);border-radius:20px;background:var(--demo-surface);box-shadow:0 20px 48px #4b342316}.demo-expect:before{position:absolute;top:0;right:22px;left:22px;height:3px;border-radius:0 0 999px 999px;background:var(--demo-accent);content:""}.dark .demo-expect{box-shadow:0 14px 36px #0002}.demo-expect h2{max-width:220px;font-size:23px;font-weight:700;letter-spacing:-.03em;line-height:1.18}.demo-expect ul{display:grid;gap:10px;margin:24px 0 0;padding:0;list-style:none}.demo-expect li{display:grid;grid-template-columns:60px minmax(0,1fr);align-items:center;gap:8px;min-height:84px;padding:9px 10px 9px 5px;border:1px solid color-mix(in srgb,var(--demo-line) 75%,transparent);border-radius:13px;background:color-mix(in srgb,var(--demo-field) 72%,transparent);color:var(--demo-ink);font-size:13px;line-height:1.48}.demo-expect li img{width:60px;height:60px;-o-object-fit:contain;object-fit:contain}.demo-expect__note{display:flex;align-items:center;gap:9px;margin-top:18px!important;padding:12px 13px;border-radius:10px;background:color-mix(in srgb,var(--demo-accent) 8%,var(--demo-surface));color:var(--demo-muted);font-size:11px;line-height:1.5}.demo-expect__note svg{flex:0 0 auto;color:var(--demo-accent)}.demo-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:11px 20px;border:1px solid transparent;border-radius:999px;background:var(--demo-accent);color:#fff;font-size:13px;font-weight:650}.demo-button--outline{border-color:var(--demo-line);background:var(--demo-surface);color:var(--demo-accent)}.demo-footer{display:flex;justify-content:space-between;gap:20px;margin-top:100px;padding-block:27px 42px;border-top:1px solid var(--demo-line);color:var(--demo-muted);font-size:11px}.demo-footer a{display:inline-flex;align-items:center;gap:7px;color:var(--demo-accent);font-weight:650}@keyframes demo-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media(max-width:900px){.demo-layout{grid-template-columns:minmax(0,1fr);gap:58px}.demo-expect{position:static;max-width:650px}}@media(max-width:600px){.demo-page:before{height:570px;background-position:center 95px;background-size:max(100%,720px) 470px}.demo-page:after{top:760px;width:min(48vw,230px);height:640px;opacity:.28}.dark .demo-page:after{opacity:.1}.demo-shell{width:calc(100% - 36px)}.demo-header,.demo-header__inner{min-height:74px}.demo-header img{width:132px;height:36px}.demo-heading{padding-top:35px}.demo-heading h1{font-size:clamp(40px,10vw,54px)}.demo-heading>p:last-child{margin-top:17px;font-size:14px}.demo-layout{gap:42px;padding-top:43px}.demo-scope-grid{grid-template-columns:minmax(0,1fr)}.demo-step-heading--contact{margin-top:46px}.demo-expect{padding:24px}.demo-footer{flex-direction:column;margin-top:72px}}@media(prefers-reduced-motion:reduce){.demo-heading,.demo-layout{animation:none}.demo-scope-field{transition:none}.demo-scope-field:hover{transform:none}}