.demo-main{overflow:hidden;background:#fff}
.demo-hero-section{position:relative;padding:52px 0 75px;background:radial-gradient(ellipse 49% 38% at 1% 30%,rgba(219,207,255,.31),transparent 75%),radial-gradient(ellipse 38% 50% at 102% 24%,rgba(121,91,255,.12),transparent 85%),linear-gradient(90deg,#fff 0%,#fff 49%,#FBF9FF 100%)}
.demo-layout{max-width:1280px;display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);gap:clamp(36px,5.1vw,84px);align-items:start}
.demo-intro{padding-top:5px;position:relative;min-width:0;isolation:isolate}
.demo-backline{display:flex;align-items:center;gap:11px;margin-bottom:40px;color:#6B6478;font-size:12px;font-weight:600}
.demo-backline a{display:inline-flex;gap:10px;align-items:center;transition:color .2s}
.demo-backline a:hover{color:#5837E5}
.demo-backline a .ico{height:15px;width:15px;transform:rotate(180deg)}
.demo-slash{color:#C6BEE0}
.demo-eyebrow{color:#6E57CA;font-size:12px;font-weight:850;letter-spacing:2.1px;display:flex;align-items:center;gap:11px;margin:0 0 19px}
.demo-eyebrow-mark{display:inline-block;width:26px;height:2px;background:#785CFF}
.demo-intro h1{font-size:clamp(46px,4.85vw,71px);font-weight:830;letter-spacing:-.073em;line-height:1.035;margin:0 0 24px;color:#1C1724}
.demo-highlight{color:#5E38E5;position:relative;white-space:nowrap}
.demo-highlight::after{position:absolute;bottom:.035em;left:0;right:0;height:.12em;background:rgba(144,110,255,.22);content:"";z-index:-1;border-radius:5px}
.demo-lead{font-size:15.5px;line-height:1.83;color:#696576;max-width:515px;margin:0 0 28px}
.demo-perks{display:grid;gap:17px;max-width:440px;margin-top:28px}
.demo-perk{display:flex;gap:13px;align-items:center}
.demo-perk-icon{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border-radius:13px;background:#EFEAFF;color:#6446D3;border:1px solid #E8DFFF}
.demo-perk-icon .ico{width:19px;height:19px}
.demo-perk strong{display:block;font-size:13.5px;line-height:1.4;color:#33284C;font-weight:780}
.demo-perk small{display:block;font-size:12px;color:#6B6478;line-height:1.5;margin-top:3px}
.demo-illustration{position:relative;margin:36px 0 0;max-width:520px;height:345px;overflow:hidden;border-radius:30px;border:1px solid #E9DFFF;background:linear-gradient(145deg,#FBF9FF 0%,#F0E9FF 100%);isolation:isolate}
.demo-visual-glow{position:absolute;inset:auto -60px -180px 16%;width:420px;height:440px;border-radius:50%;background:radial-gradient(circle,rgba(144,107,255,.24) 0%,rgba(144,107,255,.04) 61%,transparent 70%);z-index:0}
.demo-person-image{position:absolute;bottom:0;right:7%;max-height:110%;width:37%;object-fit:contain;object-position:center bottom;z-index:2}
.demo-photo-card{position:absolute;left:21px;top:29px;width:205px;padding:12px;border-radius:19px;background:rgba(255,255,255,.94);box-shadow:0 18px 42px rgba(58,35,130,.09);z-index:3;border:1px solid #EAE3FC;transform:rotate(-5deg)}
.demo-photo-card>span{display:flex;align-items:center;gap:7px;font-size:12px;letter-spacing:.3px;color:#544C65;font-weight:780;margin-bottom:10px}
.demo-photo-card>span .ico{width:16px;height:16px;color:#7652E7}
.demo-photo-images{display:grid;grid-template-columns:1fr 19px 1fr;gap:5px;align-items:center}
.demo-photo-images img{width:100%;height:140px;object-fit:cover;object-position:center 18%;border-radius:10px}
.demo-photo-images .ico{height:16px;width:16px;color:#543D9A}
.demo-recommendation{position:absolute;bottom:19px;left:38px;background:rgba(255,255,255,.98);border:1px solid #EAE3FC;border-radius:18px;padding:15px 17px;width:250px;box-shadow:0 17px 39px rgba(67,38,144,.1);z-index:4}
.demo-recommendation>span:nth-child(2){font-size:12px;font-weight:850;letter-spacing:.6px;color:#5F5478}
.demo-live-dot{width:7px;height:7px;display:inline-block;background:#785CFF;border-radius:50%;margin-right:5px;box-shadow:0 0 0 4px #ECE5FF}
.demo-recommendation>div{display:flex;align-items:baseline;justify-content:space-between;margin-top:7px;gap:10px}
.demo-recommendation small{font-size:12px;color:#6B6478;white-space:nowrap}
.demo-recommendation b{font-size:24px;color:#322079;white-space:nowrap;letter-spacing:-1.5px}
.demo-visual-mark{position:absolute;right:-18px;top:0;width:115px;height:115px;opacity:.15;z-index:0;transform:rotate(-13deg)}
.demo-visual-mark img{width:100%;height:100%;object-fit:contain}

.demo-form-column{min-width:0;padding-top:0}
.demo-form-card{background:#fff;border:1px solid #EAE5F6;border-radius:30px;box-shadow:0 32px 76px rgba(70,45,140,.10);padding:35px 37px 36px;position:relative}
.demo-form-heading{margin-bottom:26px}
.demo-form-tag{display:inline-flex;align-items:center;gap:8px;font-weight:850;letter-spacing:1.5px;font-size:12px;color:#654BD5;background:#F2EEFF;padding:10px 12px;border-radius:999px}
.demo-tag-dot{background:#795CFF;height:7px;width:7px;display:inline-block;border-radius:50%}
.demo-form-heading h2{font-size:clamp(27px,2.5vw,35px);letter-spacing:-.05em;line-height:1.13;color:#241B33;margin:19px 0 9px}
.demo-form-heading p{font-size:13.3px;line-height:1.6;color:#6B6478;margin:0;max-width:480px}
.demo-fields-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:17px}
.demo-field{min-width:0}
.demo-field label,.demo-modules legend{display:block;color:#332D40;font-size:12px;font-weight:780;letter-spacing:-.1px;margin-bottom:8px}
.demo-field label span:not(.demo-label-optional),.demo-modules legend>span,.demo-consent b{color:#6C4AE4}
.demo-label-optional{font-size:12px;font-weight:500;letter-spacing:0;color:#6B6478}
.demo-field input,.demo-field select,.demo-field textarea{width:100%;max-width:100%;background:#FBFAFD;border:1px solid #E7E3EC;border-radius:12px;padding:0 13px;min-height:48px;color:#342945;font-size:13px;font-weight:500;outline:0;transition:background .18s,border-color .18s,box-shadow .18s}
.demo-field select{cursor:pointer;appearance:none;padding-right:29px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 24 24' stroke='%23867C97' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:calc(100% - 10px) center;background-repeat:no-repeat}
.demo-field input::placeholder,.demo-field textarea::placeholder{color:#6B6478;font-weight:400}
.demo-field input:focus,.demo-field select:focus,.demo-field textarea:focus{background:white;border-color:#8568FF;box-shadow:0 0 0 3px rgba(124,94,255,.11)}
.demo-field input[aria-invalid="true"]{border-color:#D94467}
.demo-field textarea{min-height:82px;height:auto;padding:13px 14px;resize:vertical;line-height:1.5;display:block}
.demo-note-field{margin-bottom:21px}
.demo-modules{padding:0;margin:3px 0 18px;border:0;min-width:0}
.demo-modules legend{float:none;padding:0;margin:0 0 5px}
.demo-modules>p:not(.demo-field-error){color:#6B6478;font-size:12px;margin:0 0 12px}
.demo-module-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.demo-module-choice{display:flex;align-items:center;gap:7px;position:relative;padding:12px 11px;border:1px solid #E7E1F3;border-radius:12px;min-height:64px;cursor:pointer;background:#FBFAFE;color:#584E69;font-weight:720;font-size:12px;line-height:1.4;transition:border-color .18s,background .18s,transform .18s}
.demo-module-choice input{position:absolute;width:1px;height:1px;opacity:0;left:0;top:0}
.demo-module-choice:has(input:focus-visible){outline:3px solid #D6C9FF;outline-offset:1px}
.demo-module-choice:has(input:checked){border-color:#805FF6;background:#F1ECFF;color:#4A2ED7}
.demo-choice-icon{width:29px;height:29px;flex:0 0 29px;display:grid;place-items:center;background:#EDE7FF;border-radius:9px;color:#7155E5}
.demo-choice-icon .ico{width:16px;height:16px}
.demo-choice-check{font-size:14px;display:none;flex:0 0 auto;margin-left:auto;color:#5832D5;font-weight:900}
.demo-module-choice:has(input:checked) .demo-choice-check{display:inline}
.demo-field-error{color:#BA2351;font-size:12px;font-weight:650;margin:8px 0 0}
.demo-modules.demo-modules-invalid .demo-module-options{outline:1px solid #D94467;border-radius:12px}
.demo-consent{display:flex;align-items:flex-start;gap:10px;position:relative;margin:0 0 13px;color:#635B6D;font-size:12px;line-height:1.58;cursor:pointer}
.demo-consent input{margin-top:3px;flex:0 0 16px;height:16px;width:16px;accent-color:#6847E4;cursor:pointer}
.demo-consent a{color:#5937CE;text-decoration:underline;text-underline-offset:3px;font-weight:750}
.demo-consent a:hover{text-decoration-thickness:2px}
.demo-consent.demo-optin{margin-bottom:23px;color:#6B6478}
.demo-consent small{font-size:12px}
.demo-form-alert{background:#FFF0F3;color:#9F2448;border:1px solid #F4CBD6;border-radius:12px;padding:13px 15px;margin-bottom:17px;font-size:12.5px;line-height:1.55}
.demo-form-alert[hidden],.demo-success[hidden]{display:none}
.demo-submit{width:100%;border:0;border-radius:14px;background:linear-gradient(112deg,#795CFF 0%,#5031D4 100%);min-height:56px;color:white;display:flex;justify-content:center;align-items:center;gap:16px;padding:16px 22px;font-weight:800;font-size:14px;box-shadow:0 10px 26px rgba(93,61,225,.19);transition:transform .18s,filter .18s;cursor:pointer}
.demo-submit .ico{width:17px;height:17px}
.demo-submit:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}
.demo-submit:disabled{opacity:.7;cursor:wait}
.demo-form-footnote{color:#6B6478;font-size:12px;line-height:1.65;text-align:center;margin:14px 0 0}
.demo-support{color:#6B6478;font-size:12px;text-align:center;line-height:1.7;margin:18px 0 0}
.demo-support a{color:#5937CE;font-weight:750;text-decoration:underline;text-underline-offset:3px}
.demo-honeypot{position:absolute!important;left:-99999px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}
.demo-success{text-align:center;padding:34px 4px 15px}
.demo-success-icon{width:70px;height:70px;display:grid;place-items:center;border-radius:22px;background:#EBE6FF;color:#603BD4;margin:0 auto 22px}
.demo-success-icon .ico{width:36px;height:36px}
.demo-success h3{font-size:30px;line-height:1.1;letter-spacing:-.05em;margin:0 0 13px}
.demo-success p{font-size:14px;line-height:1.75;color:#71697E;max-width:390px;margin:0 auto 28px}
.demo-success .btn{display:inline-flex;align-items:center;gap:13px}

.demo-bottom{background:#F8F6FE;padding:69px 0 89px;border-top:1px solid #EFE8FC}
.demo-next-intro{text-align:center;max-width:720px;margin:0 auto 37px}
.demo-next-intro>span{font-size:12px;color:#6A4FCB;letter-spacing:2px;font-weight:850}
.demo-next-intro h2{font-size:clamp(30px,3.3vw,42px);letter-spacing:-.055em;line-height:1.15;margin:15px 0 0;color:#221B2F}
.demo-next-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.demo-next-grid>div{background:#fff;border:1px solid #E9E3F5;border-radius:23px;padding:26px 27px;min-height:196px}
.demo-next-grid b{display:grid;place-items:center;background:#F0EAFF;border-radius:12px;width:40px;height:40px;color:#6445DB;margin-bottom:24px;font-size:15px}
.demo-next-grid h3{font-size:18px;line-height:1.2;letter-spacing:-.025em;margin:0 0 9px;color:#282032}
.demo-next-grid p{margin:0;font-size:12.5px;line-height:1.7;color:#6B6478;max-width:310px}

@media(max-width:1150px){
 .demo-layout{gap:34px}
 .demo-intro h1{font-size:clamp(43px,5vw,66px)}
 .demo-photo-card{width:180px;left:13px}
 .demo-photo-images img{height:118px}
 .demo-recommendation{width:228px;left:22px}
 .demo-form-card{padding:30px 27px}
}
@media(max-width:900px){
 .demo-hero-section{padding:38px 0 65px}
 .demo-layout{grid-template-columns:1fr;max-width:670px;gap:31px}
 .demo-backline{margin-bottom:27px}
 .demo-intro h1{font-size:clamp(50px,7vw,64px);max-width:630px}
 .demo-lead{max-width:630px}
 .demo-perks{grid-template-columns:1fr 1fr;gap:13px 18px;max-width:none;margin-top:24px}
 .demo-perk:last-child{grid-column:span 2}
 .demo-illustration{max-width:640px;height:320px;margin:29px 0 0}
 .demo-person-image{right:13%;width:29%}
 .demo-photo-card{left:32px;top:27px;width:220px}
 .demo-photo-images img{height:135px}
 .demo-recommendation{left:53px;bottom:21px}
 .demo-form-column{padding:0}
 .demo-form-card{padding:34px}
}
@media(max-width:630px){
 .demo-hero-section{padding:24px 0 49px}
 .demo-layout{max-width:100%;gap:22px}
 .demo-backline{font-size:12px;margin-bottom:27px}
 .demo-intro h1{font-size:clamp(43px,10.6vw,55px);line-height:1.06;margin-bottom:17px}
 .demo-eyebrow{font-size:12px;letter-spacing:1.6px;margin-bottom:16px}
 .demo-lead{font-size:13.5px;line-height:1.72;margin-bottom:19px}
 .demo-perks{grid-template-columns:1fr;gap:11px;margin:20px 0 0}
 .demo-perk:last-child{grid-column:1}
 .demo-perk-icon{height:34px;width:34px;flex-basis:34px;border-radius:11px}
 .demo-perk-icon .ico{width:17px;height:17px}
 .demo-perk strong{font-size:12px}
 .demo-perk small{font-size:12px;line-height:1.35}
 .demo-illustration{height:220px;margin:19px 0 0;border-radius:21px}
 .demo-person-image{right:6%;width:37%}
 .demo-photo-card{left:12px;top:12px;width:150px;padding:9px;border-radius:13px}
 .demo-photo-card>span{font-size:12px;margin-bottom:5px}
 .demo-photo-images img{height:82px;border-radius:7px}
 .demo-photo-images{grid-template-columns:1fr 13px 1fr;gap:3px}
 .demo-photo-images .ico{width:13px;height:13px}
 .demo-recommendation{left:23px;bottom:12px;width:169px;padding:10px 12px;border-radius:12px}
 .demo-recommendation>span:nth-child(2){font-size:12px;letter-spacing:.8px}
 .demo-recommendation>div{margin-top:4px}
 .demo-recommendation small{font-size:12px}
 .demo-recommendation b{font-size:21px;letter-spacing:-.8px}
 .demo-visual-mark{width:80px;height:80px}
 .demo-form-card{padding:23px 19px 25px;border-radius:23px}
 .demo-form-tag{font-size:12px;padding:8px 10px}
 .demo-form-heading h2{font-size:29px;margin-top:15px}
 .demo-form-heading p{font-size:12px}
 .demo-form-heading{margin-bottom:20px}
 .demo-fields-row{grid-template-columns:1fr;gap:15px;margin-bottom:15px}
 .demo-field input,.demo-field select{min-height:48px}
 .demo-module-options{grid-template-columns:1fr}
 .demo-module-choice{min-height:55px;padding:9px 12px}
 .demo-consent{font-size:12px;gap:9px}
 .demo-submit{font-size:13px}
 .demo-bottom{padding:56px 0 65px}
 .demo-next-grid{grid-template-columns:1fr;gap:12px}
 .demo-next-grid>div{padding:22px 23px;min-height:auto}
 .demo-next-grid b{margin-bottom:17px}
 .demo-next-intro h2{font-size:31px}
}
@media(prefers-reduced-motion:reduce){.demo-submit,.demo-module-choice,.demo-backline a{transition:none}}

@media(max-width:630px){
  .demo-perks{display:none}
  .demo-illustration{height:225px;margin-top:17px}
  .demo-photo-card{top:10px;width:145px}
  .demo-photo-images img{height:75px}
  .demo-person-image{right:6%;width:31%;max-height:112%}
  .demo-recommendation{bottom:9px;left:17px;min-height:48px;width:170px;padding:9px 11px}
  .demo-hero-section{padding-bottom:42px}
}
.demo-sample-tag{position:absolute;top:14px;right:16px;z-index:5;padding:6px 10px;border-radius:40px;background:#F0EBFF;color:#7053D4;font-size:12px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}
.page-demo .footer{margin-top:0}
.demo-field input,.demo-field select,.demo-field textarea{font-family:inherit}
@media(max-width:630px){.demo-recommendation{width:204px;left:6px;padding:9px 10px}.demo-person-image{right:3%;width:28%}.demo-recommendation>span:nth-child(2){letter-spacing:0;white-space:nowrap}.demo-recommendation b{font-size:18px}}
.demo-success:focus{outline:none}