.demo-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:95px;padding-top:64px;padding-bottom:70px;align-items:start}.back-link{font-size:14px;color:var(--muted)}.back-link:hover{color:var(--deep)}.demo-intro{padding-top:25px}.demo-intro h1{font-size:72px;letter-spacing:-3.5px;line-height:1.05;margin:25px 0;width:auto}.demo-intro>p{font-size:18px;line-height:1.7;color:var(--muted);max-width:365px}.demo-expect{border-top:1px solid var(--line);padding-top:26px;margin-top:35px}.demo-expect h2{font-size:16px;letter-spacing:-.25px;margin:0 0 23px;font-weight:550}.demo-expect>div{display:flex;align-items:center;gap:13px;margin:20px 0;font-size:14px;color:var(--muted)}.demo-expect img{width:25px;height:25px}.demo-signature{display:flex;align-items:center;gap:15px;margin-top:37px}.demo-signature>span{font-size:50px;color:var(--mint);animation:turn 30s linear infinite}.demo-signature em{font-size:27px}.form-card{border:1px solid var(--line);border-radius:22px;padding:38px 40px;border-top:4px solid var(--mint);background:#fff;box-shadow:0 30px 60px -30px rgba(22,36,63,.35),0 0 0 6px rgba(111,207,174,.12)}.form-eyebrow{font-size:10px;letter-spacing:1.4px;color:var(--mint-deep);font-weight:600}.form-card h2{font-size:36px;letter-spacing:-1.3px;margin:13px 0 11px}.form-subtitle{font-size:14px;color:var(--muted);line-height:1.6;margin:0 0 24px}.field{margin-bottom:18px;min-width:0}.field label{display:flex;align-items:center;gap:5px;margin-bottom:8px;font-size:13px;font-weight:500}.field label>span:not(.optional){color:var(--deep)}.optional{margin-left:auto;font-size:11px;font-weight:400;color:#8A90A0}.field input,.field textarea{display:block;width:100%;background:#fff;border:1px solid #CFC8B8;border-radius:10px;padding:12px 14px;font:400 16px var(--sans);color:var(--ink);min-height:46px;transition:border-color .15s,box-shadow .15s}.field textarea{resize:vertical;line-height:1.5;min-height:100px}.field input::placeholder,.field textarea::placeholder{color:#9AA0AD;font-size:13px}.field input:focus,.field textarea:focus{outline:none;border-color:var(--mint-deep);box-shadow:0 0 0 4px rgba(111,207,174,.3)}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:15px}.submit-demo{width:100%;justify-content:space-between;margin-top:3px}.submit-demo:disabled{cursor:wait;opacity:.65;transform:none;box-shadow:none}.form-consent{font-size:11px;line-height:1.65;color:#8A90A0;margin:16px 0 0}.contact-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}#form-error{padding:12px;border:1px solid #d8b1a8;background:#fff4f0;color:#933e29;font-size:13px;line-height:1.5;border-radius:5px}#success-view{padding:40px 0;outline:none}#success-view[hidden]{display:none}.success-check{position:relative;width:88px;height:88px;margin-bottom:30px;border-radius:50%;background:var(--midnight);box-shadow:0 18px 40px -14px rgba(22,36,63,.55)}
.success-check::before,.success-check::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--mint);opacity:0;animation:successPulse 1.8s .9s var(--ease) 2}
.success-check::after{animation-delay:1.3s}
.success-check svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke-linecap:round;stroke-linejoin:round}
.success-ring{stroke:var(--mint);stroke-width:3;stroke-dasharray:1;stroke-dashoffset:1;transform:rotate(-90deg);transform-origin:center;animation:successDraw .7s .15s var(--ease) forwards}
.success-tick{stroke:var(--mint);stroke-width:4.5;stroke-dasharray:1;stroke-dashoffset:1;animation:successDraw .45s .75s var(--ease) forwards}
.success-burst{position:absolute;inset:0}
.success-burst i{position:absolute;left:50%;top:50%;width:7px;height:7px;margin:-3.5px;border-radius:50%;background:var(--mint);opacity:0;animation:successBurst .8s .85s var(--ease) forwards;--r:0px}
.success-burst i:nth-child(even){width:5px;height:5px;margin:-2.5px;background:var(--teal)}
#success-view:not([hidden])>*:not(.success-check){animation:rise .8s var(--ease) both}
#success-view>.form-eyebrow{animation-delay:.55s!important}
#success-view>h2{animation-delay:.65s!important}
#success-view>p{animation-delay:.8s!important}
#success-view>.button{animation-delay:.95s!important}
#success-view:not([hidden])>.success-check{animation:pop .6s var(--spring) both}
@keyframes successDraw{to{stroke-dashoffset:0}}
@keyframes successPulse{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.9);opacity:0}}
@keyframes successBurst{0%{opacity:1;transform:rotate(var(--a)) translateX(30px) scale(1)}100%{opacity:0;transform:rotate(var(--a)) translateX(70px) scale(.4)}}#success-view h2{font-size:47px;line-height:1.08;margin-top:20px}#success-view p{font-size:16px;line-height:1.7;color:var(--muted);overflow-wrap:anywhere}#success-view strong{font-weight:500;color:var(--ink)}#success-view .success-detail{font-size:13px;border-top:1px solid var(--line);padding-top:19px;margin-top:25px}#success-view .button{margin-top:15px}.demo-footer{border-top:1px solid var(--line);padding:24px 0;font-size:11px;color:#8A90A0}@media(max-width:1100px){.demo-layout{gap:45px}.demo-intro h1{font-size:62px}.form-card{padding:30px}.demo-intro>p{font-size:16px}}@media(max-width:800px){.demo-layout{grid-template-columns:1fr;gap:30px;max-width:580px;margin-left:auto;margin-right:auto;padding:30px 25px 45px}.demo-intro{padding-top:0}.demo-intro h1{font-size:59px;margin:19px 0}.demo-intro>p{max-width:none;margin-bottom:0}.demo-intro>p br{display:none}.demo-expect,.demo-signature{display:none}.form-card{padding:28px}.demo-footer{margin:0 25px}.back-link{font-size:12px}}@media(max-width:420px){.demo-layout{padding:30px 20px 40px}.demo-intro h1{font-size:54px}.form-card{padding:25px 21px}.field-pair{grid-template-columns:1fr;gap:0}.form-card h2{font-size:32px}.form-subtitle{font-size:13px}.field label{font-size:12px}.optional{font-size:10px}.form-consent{font-size:11px}.demo-footer{font-size:10px;gap:15px}.demo-footer>span:last-child{text-align:right}}