.demo-page{--demo-navy:#0b1b3b;--demo-orange:#f15025;--demo-orange-dark:#d94018;background:#f5f5f2}.demo-shell{width:min(1180px,100% - 64px);margin-inline:auto}.demo-main{background:linear-gradient(145deg,#fff 0%,#f8f8f5 50%,#f0f1ed 100%);padding:86px 0 104px;position:relative;overflow:hidden}.demo-main:before{content:"";opacity:.2;pointer-events:none;background-image:radial-gradient(#0b1b3b29 .6px,#0000 .6px);background-size:20px 20px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 58%);mask-image:linear-gradient(90deg,#000,#0000 58%)}.demo-orb{filter:blur(90px);pointer-events:none;border-radius:50%;position:absolute}.demo-orb--one{background:#f1502521;width:500px;height:500px;top:-280px;right:-110px}.demo-orb--two{background:#234ba01a;width:420px;height:420px;bottom:-280px;left:-190px}.demo-grid{grid-template-columns:minmax(400px,1fr) minmax(520px,550px);align-items:start;gap:clamp(64px,6vw,90px);display:grid;position:relative}.demo-intro{grid-area:1/1;max-width:535px;padding:50px 0 0}.demo-kicker{color:#c93813;letter-spacing:.11em;text-transform:uppercase;align-items:center;gap:9px;margin-bottom:24px;font-size:.72rem;font-weight:700;display:inline-flex}.demo-kicker svg{width:17px}.demo-intro h1{color:var(--demo-navy);letter-spacing:-.055em;margin:0;font-size:clamp(2.75rem,3.8vw,3.9rem);font-weight:700;line-height:1.04}.demo-intro h1 em{color:var(--demo-orange);font-style:normal}.demo-lead{color:#526071;max-width:555px;margin:31px 0 42px;font-size:1rem;line-height:1.8}.demo-promise{flex-direction:column;grid-area:2/1;gap:22px;max-width:535px;padding-bottom:30px;display:flex}.demo-promise article{grid-template-columns:52px minmax(0,1fr);align-items:start;gap:18px;display:grid}.demo-promise article>span{width:52px;height:52px;color:var(--demo-orange);background:#fff3ef;border:1px solid #f1502521;border-radius:13px;place-items:center;display:grid}.demo-promise svg{width:27px;height:27px}.demo-promise strong{color:var(--demo-navy);margin:2px 0 4px;font-size:.9rem;font-weight:650;display:block}.demo-promise p{color:#687382;max-width:430px;margin:0;font-size:.77rem;line-height:1.65}.demo-form-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border:1px solid #0b1b3b1a;border-radius:22px;grid-area:1/2/span 2;justify-self:end;width:100%;max-width:550px;min-height:0;padding:34px 36px 30px;position:relative;box-shadow:0 32px 80px #0b1b3b1f,0 3px 10px #0b1b3b0a}.demo-form-eyebrow{color:#c93813;letter-spacing:.09em;text-transform:uppercase;align-items:center;gap:8px;font-size:.68rem;font-weight:700;display:inline-flex}.demo-form-heading h2,.demo-success h2{color:var(--demo-navy);letter-spacing:-.035em;margin:11px 0 8px;font-size:1.6rem}.demo-form-heading>p,.demo-success>p{color:#687382;margin:0;font-size:.82rem;line-height:1.65}.demo-form{margin-top:24px}.demo-form__grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px 15px;margin-bottom:14px;display:grid}.demo-field{min-width:0}.demo-form>.demo-field{margin-bottom:14px}.demo-field label{color:#3f4c5e;letter-spacing:.015em;min-height:18px;margin-bottom:6px;font-size:.7rem;font-weight:650;line-height:1.45;display:block}.demo-field label span{color:var(--demo-orange)}.demo-field input,.demo-field select,.demo-field textarea{color:#172033;width:100%;font:inherit;background:#fbfcfa;border:1px solid #d5dbe1;border-radius:10px;outline:none;font-size:.8rem;transition:border-color .2s,box-shadow .2s,background .2s}.demo-field input,.demo-field select{height:42px;padding:0 13px}.demo-field textarea{resize:vertical;min-height:84px;padding:12px 13px;line-height:1.6}.demo-field input::placeholder,.demo-field textarea::placeholder{color:#98a2ad}.demo-field input:focus,.demo-field select:focus,.demo-field textarea:focus{border-color:var(--demo-orange);background:#fff;box-shadow:0 0 0 3px #f150251a}.demo-field .is-error{border-color:#dc3545}.demo-field small,.demo-consent-error{color:#b42318;margin-top:6px;font-size:.64rem;line-height:1.45;display:block}.demo-honeypot{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.demo-form label.demo-consent{color:#626e7d;cursor:pointer;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:13px;font-size:.66rem;line-height:1.65;margin:2px 0 0!important;display:grid!important}.demo-consent input{width:18px;height:18px;accent-color:var(--demo-orange);margin:1px 0 0}.demo-consent a{color:#b93817;text-underline-offset:2px;font-weight:600;text-decoration:underline}.demo-submit{background:var(--demo-orange);width:100%;min-height:46px;font:inherit;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:10px;margin-top:18px;font-size:.82rem;font-weight:650;transition:background .2s,box-shadow .2s;display:flex;box-shadow:0 12px 28px #f1502533;color:#fff!important}.demo-submit:hover:not(:disabled){background:var(--demo-orange-dark);box-shadow:0 15px 34px #f1502542}.demo-submit:disabled{opacity:.7;cursor:wait}.demo-form-note{color:#8a94a1;text-align:center;margin:9px 0 0;font-size:.63rem}.demo-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite demoSpin}@keyframes demoSpin{to{transform:rotate(360deg)}}.demo-success{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:600px;display:flex}.demo-success__icon{color:#168451;background:#e9f9f0;border-radius:50%;place-items:center;width:74px;height:74px;margin-bottom:25px;display:grid;box-shadow:0 0 0 10px #1684510f}.demo-success__icon svg{width:42px;height:42px}.demo-success>p{max-width:420px;margin:4px auto 8px}.demo-success__reference{background:#f7f8f6;border:1px solid #0b1b3b1a;border-radius:10px;flex-direction:column;gap:5px;margin-top:20px;padding:12px 18px;display:flex}.demo-success__reference span{color:#7b8592;letter-spacing:.08em;text-transform:uppercase;font-size:.61rem;font-weight:650}.demo-success__reference strong{color:var(--demo-navy);letter-spacing:.08em;font-size:.9rem}.demo-success .demo-submit{max-width:280px;margin-top:25px}@media (width<=1180px){.demo-grid{grid-template-columns:minmax(350px,1fr) minmax(500px,540px);gap:48px}}@media (width<=980px){.demo-main{padding:64px 0 80px}.demo-grid{grid-template-columns:1fr;gap:52px}.demo-intro{grid-area:1/1;max-width:760px;padding:0}.demo-form-card{grid-area:2/1;justify-self:start;max-width:680px}.demo-promise{grid-area:3/1;max-width:680px;padding-bottom:0}}@media (width<=620px){.demo-shell{width:min(100% - 28px,1180px)}.demo-main{padding:46px 0 58px}.demo-grid{gap:28px}.demo-intro h1{font-size:2.4rem}.demo-lead{margin:24px 0 0;font-size:.87rem}.demo-form-card{margin-top:4px}.demo-promise{gap:18px;margin-top:10px}.demo-promise article{grid-template-columns:46px minmax(0,1fr);gap:14px}.demo-promise article>span{width:46px;height:46px}.demo-form-card{border-radius:16px;min-height:0;padding:34px 21px 28px}.demo-form{margin-top:28px}.demo-form__grid{grid-template-columns:1fr;gap:19px;margin-bottom:19px}.demo-form>.demo-field{margin-bottom:19px}.demo-success{min-height:470px}}@media (prefers-reduced-motion:reduce){.demo-page *{transition-duration:.01ms!important;animation-duration:.01ms!important}}
