.demo-page{background:#f0f7fc;color:#0b3048}.demo-page .header{background:#fff}.demo-page .brand img{width:168px;max-height:none;height:auto}.demo-wrap{width:min(1320px,calc(100% - 80px));margin-inline:auto}.demo-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding-block:64px 48px;align-items:start}.demo-story{padding-top:10px}.demo-story h1{font-size:clamp(38px,4.3vw,62px);line-height:1.07;letter-spacing:-.035em;font-weight:800;margin-bottom:24px}.demo-intro{font-size:23px;line-height:1.45;max-width:590px;margin-bottom:34px;color:#405b71}.demo-photo{display:block;width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;border-radius:13px}.demo-story h2{font-size:22px;line-height:1.35;letter-spacing:-.025em;margin:28px 0 20px}.demo-benefits{display:flex;gap:24px;align-items:center;color:#405b71;font-size:15px;line-height:1.5}.demo-benefits>span{padding-left:18px;position:relative}.demo-benefits>span:before{content:"";position:absolute;left:0;top:6px;width:7px;height:10px;border-right:2px solid #c45b08;border-bottom:2px solid #c45b08;transform:rotate(40deg)}.demo-card{background:white;border:1px solid #cedce8;border-radius:17px;padding:34px 34px 30px}.demo-card h2{font-size:34px;line-height:1.15;letter-spacing:-.025em;margin:0 0 12px;color:#0b3048}.demo-subtitle{font-size:18px;line-height:1.5;color:#4c6378;margin:0 0 28px}.demo-fields{display:grid;grid-template-columns:1fr 1fr;gap:23px 20px}.demo-field{display:flex;flex-direction:column;min-width:0;gap:9px}.demo-full{grid-column:1/-1}.demo-field label{font-size:15px;line-height:1.5;color:#0b3048}.demo-field label>span{color:#bd3d27}.demo-field label .optional{color:#52687b;font-size:13px}.demo-field input,.demo-field select,.demo-field textarea{display:block;width:100%;min-width:0;border:1px solid #a3b9ce;background:#fff;color:#0b3048;border-radius:7px;padding:13px 15px;font:inherit;font-size:15px;line-height:1.5;caret-color:#c45b08}.demo-field input,.demo-field select{min-height:50px}.demo-field textarea{resize:vertical;min-height:110px}.demo-field select{cursor:pointer}.demo-field input::placeholder,.demo-field textarea::placeholder{color:#657589;opacity:1}.demo-field input:focus,.demo-field select:focus,.demo-field textarea:focus{outline:3px solid #1f7194;outline-offset:2px;border-color:#1f7194}.demo-field [aria-invalid=true]{border-color:#b12f24}.demo-error{color:#a52c20;font-size:13px;line-height:1.5;margin:0}.demo-error:empty{display:none}.demo-privacy{font-size:13px;line-height:1.6;color:#52687b;margin:17px 0 18px}.demo-button{display:flex;align-items:center;justify-content:center;gap:24px;min-height:53px;width:100%;padding:14px 20px;background:#ff811b;border:0;border-radius:7px;color:#092a40;cursor:pointer;font:inherit;font-size:17px;font-weight:750;text-align:center;text-decoration:none;transition:background .15s,transform .15s}.demo-button:hover{background:#ff953d;transform:translateY(-1px)}.demo-button:active{transform:translateY(1px)}.demo-button:focus-visible,.demo-back:focus-visible,.demo-direct:focus-visible{outline:3px solid #1f7194;outline-offset:4px}.demo-direct{display:block;width:fit-content;margin:20px auto 0;color:#14354f;font-size:14px;text-decoration:underline;text-underline-offset:3px}.demo-card [hidden]{display:none!important}.demo-step{display:block;font-size:13px;color:#a44909;margin-bottom:15px}.demo-back{display:block;margin:18px auto 0;background:none;border:0;padding:12px;font:inherit;color:#14354f;font-size:14px;text-decoration:underline;cursor:pointer}#demo-summary{margin-block:24px;overflow-wrap:anywhere}#demo-summary>div{margin-bottom:17px}#demo-summary dt{font-size:12px;color:#52687b}#demo-summary dd{margin:4px 0;font-size:16px;color:#0b3048;white-space:pre-wrap}#demo-alert:not(:empty){margin-top:15px}.demo-footer{background:white;border-top:1px solid #d6e3ed;padding-block:24px}.demo-footer>.demo-wrap{display:flex;align-items:center;justify-content:space-between;gap:25px}.demo-footer img{display:block;height:auto}.demo-outinfo{display:flex;align-items:center;gap:14px;color:#405b71;font-size:12px}.demo-outinfo img{width:105px}.demo-return{font-size:14px;color:#14354f}.demo-return:hover{text-decoration:underline}.demo-page .nav-cta{display:none}.demo-page .nav-links{margin-left:auto}
@media(max-width:1100px){.demo-wrap{width:calc(100% - 48px)}.demo-layout{gap:30px;padding-block:42px}.demo-story h1{font-size:45px}.demo-intro{font-size:19px}.demo-card{padding:28px 24px}.demo-card h2{font-size:29px}.demo-subtitle{font-size:16px}.demo-fields{gap:20px 14px}.demo-benefits{font-size:13px;gap:17px}.demo-story h2{font-size:20px}}
@media(max-width:850px){.demo-layout{grid-template-columns:.9fr 1.1fr;gap:24px}.demo-story h1{font-size:37px}.demo-intro{font-size:18px}.demo-fields{grid-template-columns:1fr}.demo-full{grid-column:auto}.demo-card{padding:27px 23px}.demo-card h2{font-size:27px}.demo-benefits{flex-direction:column;align-items:flex-start;gap:12px}.demo-photo{aspect-ratio:1.1}.demo-story h2{font-size:20px}}
@media(max-width:640px){.demo-wrap{width:calc(100% - 36px)}.demo-layout{grid-template-columns:1fr;padding:30px 0 35px;gap:28px}.demo-story{padding:0}.demo-story h1{font-size:39px;margin-bottom:18px}.demo-intro{font-size:18px;margin-bottom:23px}.demo-photo{aspect-ratio:1.65}.demo-story h2{font-size:19px;margin:20px 0 15px}.demo-benefits{flex-direction:row;gap:18px;font-size:12px}.demo-card{padding:28px 22px}.demo-card h2{font-size:28px}.demo-field input,.demo-field select,.demo-field textarea{font-size:16px}.demo-fields{gap:20px}.demo-button{font-size:16px}.demo-footer>.demo-wrap{flex-wrap:wrap;gap:24px}.demo-footer>a>img,.demo-footer img{max-width:140px}.demo-return{order:3;flex-basis:100%;text-align:center}.demo-outinfo{gap:8px;font-size:11px}.demo-outinfo img{width:85px}.demo-page .brand img{width:145px}}
@media(prefers-reduced-motion:reduce){.demo-page *{transition:none!important;animation:none!important}}
