.demo-page{background:#fbfdff}
.demo-header{background:rgba(255,255,255,.96)}
.demo-main{position:relative;isolation:isolate;min-height:100vh;padding-top:var(--header-height);overflow:hidden;background:#fbfdff}
.demo-main:before{content:"";position:absolute;z-index:-2;inset:0;background:radial-gradient(circle at 86% 14%,rgba(20,107,243,.055),transparent 31%),linear-gradient(180deg,#fff 0%,#fbfdff 100%)}
.demo-main:after{content:"";position:absolute;z-index:-1;top:82px;right:0;width:49%;height:1px;background:linear-gradient(90deg,transparent,var(--line) 18%,var(--line))}
.demo-hero{position:relative;display:grid;grid-template-columns:minmax(470px,.95fr) minmax(570px,1.05fr);gap:66px;align-items:start;max-width:var(--max);margin:0 auto;padding:var(--page-entry-space) var(--page-gutter) var(--page-hero-bottom-space)}
.demo-copy{display:flex;flex-direction:column;padding:0 0 8px}
.demo-copy h1{max-width:570px;font-size:clamp(3.35rem,4.9vw,4.5rem);line-height:1.04}
.demo-lede{max-width:570px;margin:24px 0 0;color:var(--muted);font-size:19px;line-height:1.6}
.demo-benefits{display:grid;gap:18px;margin-top:32px}
.demo-benefits article{display:grid;grid-template-columns:64px minmax(0,1fr);gap:18px;align-items:center}
.demo-icon{width:64px;height:60px;display:grid;place-items:center;border:1px solid #e1ecfa;border-radius:10px;background:#edf5ff;color:var(--blue)}
.demo-icon iconify-icon{font-size:31px}
.demo-benefits h2{margin:0;color:var(--ink);font-size:18px;line-height:1.25;font-weight:600;letter-spacing:-.025em}
.demo-benefits p{max-width:390px;margin:5px 0 0;color:var(--muted);font-size:15px;line-height:1.5}
.whatsapp-button{align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;margin-top:30px;padding:0 20px;border:1px solid #128c4b;border-radius:9px;background:#128c4b;color:#fff;font:600 15px/1.4 "DM Sans",sans-serif;box-shadow:0 12px 32px rgba(18,140,75,.26);transition:background .2s var(--ease),border-color .2s var(--ease),box-shadow .2s var(--ease),transform .2s var(--ease)}
.whatsapp-button>iconify-icon:first-child{font-size:22px}
.whatsapp-button .whatsapp-arrow{font-size:17px;transition:transform .2s var(--ease)}
.whatsapp-button:hover{border-color:#0f7b41;background:#0f7b41;box-shadow:0 16px 38px rgba(18,140,75,.32);transform:translateY(-1px)}
.whatsapp-button:hover .whatsapp-arrow{transform:translate(2px,-2px)}
.whatsapp-button:active{transform:translateY(0)}
.whatsapp-button:focus-visible{outline:3px solid rgba(18,140,75,.28);outline-offset:3px}
.demo-form-card{width:100%;max-width:650px;justify-self:end;align-self:stretch;padding:26px 32px 24px;border:1px solid #d7e3f1;border-radius:16px;background:#fff;box-shadow:var(--shadow)}
.demo-form-intro{padding-bottom:0}
.demo-form-intro h2{font-size:32px;line-height:1.15;font-weight:600}
.demo-form-intro>p:last-child{max-width:520px;margin:8px 0 0;color:var(--muted);font-size:16px;line-height:1.5}
.form-status{margin:18px 0 0;padding:11px 13px;border:1px solid #cfe5db;border-radius:8px;background:#f1faf6;color:#176746;font-size:14px}
.turnstile-field{min-height:65px}
#turnstileWidget{min-height:65px;outline:0}
#turnstileWidget[aria-invalid=true]{outline:3px solid rgba(200,63,77,.16);outline-offset:4px}
.demo-confirmation{display:flex;min-height:474px;flex-direction:column;align-items:flex-start;justify-content:center;padding:22px 4px 16px}
.demo-confirmation[hidden]{display:none!important}
.demo-form-card form[hidden]{display:none!important}
.demo-confirmation__mark{display:grid;width:58px;height:58px;margin-bottom:28px;place-items:center;border:1px solid #b8ddcb;border-radius:50%;background:#f1faf6;color:var(--green)}
.demo-confirmation__mark svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9}
.demo-confirmation .eyebrow{margin:0 0 18px}
.demo-confirmation h2{max-width:440px;margin:0;color:var(--ink);font-size:clamp(2rem,3vw,2.5rem);line-height:1.12;letter-spacing:-.04em}
.demo-confirmation__message{max-width:445px;margin:16px 0 0;color:var(--muted);font-size:17px;line-height:1.55}
.demo-confirmation__next{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;width:100%;max-width:500px;margin:30px 0 26px;padding:17px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.demo-confirmation__next span{color:var(--blue);font:600 12px/1.6 "Manrope",sans-serif;letter-spacing:.08em}
.demo-confirmation__next p{margin:0;color:#36516d;font-size:14px;line-height:1.55}
.demo-confirmation .text-link{font-weight:600}
.demo-confirmation h2:focus{outline:3px solid rgba(20,107,243,.22);outline-offset:6px}
.demo-form-card form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px;margin-top:18px}
.form-field{min-width:0;margin:0;padding:0;border:0}
.form-field label,.form-field legend{display:block;margin:0 0 7px;color:#183451;font-size:14px;font-weight:500}
.form-field label>span,.form-field legend>span{color:#ba2b39}
.form-field .optional{margin-left:4px;color:#7a899c;font-size:12px;font-weight:400}
.form-field input,.form-field select,.form-field textarea{width:100%;border:1px solid #d9e3ef;border-radius:9px;background:#fff;color:var(--ink);font:400 15px/1.45 "DM Sans",sans-serif;transition:border-color .2s,box-shadow .2s,background .2s}
.form-field input,.form-field select{height:38px}
.form-field input,.form-field select{padding:0 14px}
.form-field select{cursor:pointer}
.form-field textarea{min-height:104px;padding:13px 14px;resize:none}
.form-field input::placeholder,.form-field textarea::placeholder{color:#91a0b3}
.form-field input:hover,.form-field select:hover,.form-field textarea:hover{border-color:#bfcfe2}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:3px solid rgba(20,107,243,.2);outline-offset:2px;border-color:var(--blue);box-shadow:0 0 0 1px rgba(20,107,243,.08)}
.form-field input[aria-invalid=true],.form-field select[aria-invalid=true],.form-field textarea[aria-invalid=true],.phone-control.is-invalid{border-color:#c83f4d;background:#fffafb}
.field-error{display:block;min-height:15px;padding-top:2px;color:#a32634;font-size:12px;line-height:1.1}
.form-field-wide{grid-column:1/-1}
.phone-control{display:grid;grid-template-columns:minmax(150px,.95fr) minmax(130px,1.05fr);height:38px;overflow:hidden;border:1px solid #d9e3ef;border-radius:9px;background:#fff;transition:border-color .2s,box-shadow .2s}
.phone-control:hover{border-color:#bfcfe2}
.phone-control:focus-within{outline:3px solid rgba(20,107,243,.2);outline-offset:2px;border-color:var(--blue);box-shadow:0 0 0 1px rgba(20,107,243,.08)}
.phone-control select,.phone-control input{min-width:0;border:0;border-radius:0;background:transparent}
.phone-control select{border-right:1px solid #d9e3ef;padding-right:8px}
.phone-control select:focus,.phone-control input:focus{outline:0;box-shadow:none}
.phone-control.enhanced-phone{display:block;min-height:0;overflow:visible;border:0;border-radius:0;background:transparent}
.phone-control.enhanced-phone:hover{border-color:transparent}
.phone-control.enhanced-phone:focus-within{outline:0;border-color:transparent;box-shadow:none}
.phone-control.enhanced-phone>label,.phone-control.enhanced-phone>select{display:none}
.phone-control.enhanced-phone .iti{width:100%;display:block}
.phone-control.enhanced-phone .iti__tel-input{width:100%;height:38px;padding:0 14px 0 126px;border:1px solid #d9e3ef;border-radius:9px;background:#fff;color:var(--ink)}
.phone-control.enhanced-phone .iti__tel-input:hover{border-color:#bfcfe2}
.phone-control.enhanced-phone .iti__tel-input:focus{outline:3px solid rgba(20,107,243,.2);outline-offset:2px;border-color:var(--blue);box-shadow:0 0 0 1px rgba(20,107,243,.08)}
.phone-control.enhanced-phone .iti__selected-country{min-width:112px;padding:0 12px;border-right:1px solid #d9e3ef;border-radius:9px 0 0 9px;background:#fff}
.phone-control.enhanced-phone .iti__selected-country-primary{gap:8px}
.phone-control.enhanced-phone .iti__selected-dial-code{margin-left:0;color:#526b8c;font-size:14px}
.phone-control.enhanced-phone .iti__arrow{margin-left:6px;border-top-color:#61708a}
.phone-control.enhanced-phone .iti__dropdown-content{overflow:hidden;border:1px solid #d7e3f1;border-radius:10px;background:#fff;box-shadow:0 20px 55px rgba(15,42,79,.12)}
.phone-control.enhanced-phone .iti__search-input-container{padding:8px;border-bottom:1px solid #edf1f6}
.phone-control.enhanced-phone .iti__search-input{min-height:42px;border:1px solid #d9e3ef;border-radius:8px;color:var(--ink);font:400 14px/1.4 "DM Sans",sans-serif}
.phone-control.enhanced-phone .iti__country-list{font:400 13px/1.4 "DM Sans",sans-serif;scrollbar-width:thin;scrollbar-color:#b9c8d9 #f5f8fc}
.phone-control.enhanced-phone .iti__country{padding:9px 12px}
.phone-control.enhanced-phone .iti__country.iti__highlight{background:#f0f6ff}
.phone-control.enhanced-phone.is-invalid .iti__tel-input{border-color:#c83f4d;background:#fffafb}
.form-actions{margin-top:2px}
.demo-submit{width:100%;min-height:50px}
.demo-submit iconify-icon{font-size:19px;transition:transform .2s var(--ease)}
.demo-submit:hover iconify-icon{transform:translateX(4px)}
.demo-submit[aria-busy=true]{cursor:wait;opacity:.88;transform:none}
.submission-note{margin:9px 6px 0;color:#77879a;font-size:12px;line-height:1.45;text-align:center}
.demo-page .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.demo-assurances{display:grid;grid-template-columns:repeat(4,1fr);max-width:var(--max);margin:0 auto;padding:24px 60px 46px;border-top:1px solid var(--line)}
.demo-assurances article{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:center;padding:0 24px}
.demo-assurances article+article{border-left:1px solid #d9e3ef}
.demo-assurances article:first-child{padding-left:0}
.demo-assurances article:last-child{padding-right:0}
.demo-assurances iconify-icon{color:var(--blue);font-size:34px}
.demo-assurances strong,.demo-assurances span{display:block}
.demo-assurances strong{color:#17365c;font:600 14px/1.3 "Manrope",sans-serif;letter-spacing:-.02em}
.demo-assurances span{margin-top:2px;color:#71829a;font-size:12px;line-height:1.4}
.demo-footer{background:#fff}
@media(max-width:1050px){
  .demo-hero{grid-template-columns:1fr;padding:var(--page-entry-space) var(--page-gutter) 48px;gap:52px}
  .demo-main:after{top:auto;right:38px;bottom:0;width:calc(100% - 76px);background:linear-gradient(90deg,transparent,var(--line) 12%,var(--line) 88%,transparent)}
  .demo-copy{max-width:760px;padding:0}
  .demo-form-card{justify-self:center;max-width:760px}
  .demo-assurances{grid-template-columns:repeat(2,1fr);gap:26px 0;padding:38px}
  .demo-assurances article:nth-child(3){border-left:0}
}
@media(max-width:760px){
  .demo-hero{padding:var(--page-entry-space) var(--page-gutter) 38px;gap:38px}
  .demo-main:before{background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)}
  .demo-main:after{right:20px;width:calc(100% - 40px)}
  .demo-copy h1{font-size:clamp(2.7rem,13vw,3.8rem)}
  .demo-lede{font-size:17px}
  .demo-benefits{gap:23px;margin-top:34px}
  .demo-benefits article{grid-template-columns:56px minmax(0,1fr);gap:16px}
  .demo-icon{width:56px;height:54px}
  .demo-icon iconify-icon{font-size:25px}
  .demo-benefits h2{font-size:16px}
  .demo-benefits p{font-size:14px}
  .whatsapp-button{align-self:stretch;width:100%;margin-top:28px}
  .demo-form-card{padding:26px 18px;border-radius:14px}
  .demo-confirmation{min-height:430px;padding:18px 0 10px}
  .demo-confirmation__mark{width:54px;height:54px;margin-bottom:24px}
  .demo-confirmation__message{font-size:16px}
  .demo-form-intro h2{font-size:28px}
  .demo-form-intro>p:last-child{font-size:15px}
  .demo-form-card form{grid-template-columns:1fr;gap:12px}
  .form-field-wide{grid-column:auto}
  .phone-control{grid-template-columns:minmax(135px,.9fr) minmax(120px,1.1fr)}
  .phone-control.enhanced-phone .iti__dropdown-content{max-width:calc(100vw - 40px)}
  .demo-assurances{grid-template-columns:1fr;padding:32px 20px 48px;gap:0}
  .demo-assurances article,.demo-assurances article+article{padding:20px 0;border-left:0;border-top:1px solid var(--line)}
  .demo-assurances article:first-child{border-top:0}
}
@media(prefers-reduced-motion:reduce){
  .demo-submit iconify-icon,.whatsapp-button,.whatsapp-button .whatsapp-arrow{transition:none}
}
@media(forced-colors:active){
  .phone-control,.demo-form-card,.demo-assurances article{border-color:CanvasText}
}
