.modal{padding:24px;background:rgba(2,8,23,.66);backdrop-filter:blur(10px)}
.modal-box{display:flex;flex-direction:column;width:min(1140px,calc(100vw - 48px));min-height:min(690px,calc(100vh - 48px));max-height:calc(100vh - 48px);overflow:hidden;border-radius:34px;box-shadow:0 42px 110px rgba(0,0,0,.34);animation:modal-in .24s ease-out}
.modal-head{min-height:92px;padding:20px 32px}
.modal-head .logo{width:152px;height:54px}
.close{width:52px;height:52px;font-size:28px;line-height:1;color:#071022;transition:.2s}
.close:hover{background:#e5ebf3;transform:rotate(4deg)}
.modal-body{display:block;flex:1;overflow:auto;padding:46px 58px 54px}
.modal-body>#funnel-content{width:100%}
.progress{margin-bottom:40px}
.modal-landing{max-width:940px;margin:0 auto;text-align:center}
.modal-landing .eyebrow{margin-top:12px}
.modal-landing h2{font-size:clamp(44px,5vw,62px);line-height:1;letter-spacing:-.05em;margin:18px 0 22px}
.modal-landing>p{max-width:680px;margin:0 auto;color:#526078;font-size:19px;line-height:1.65}
.modal-landing .options{margin-top:46px}
.question{max-width:940px;margin:0 auto}
.question h2{font-size:clamp(40px,4.4vw,58px);line-height:1.03;letter-spacing:-.048em;margin:10px 0 14px}
.question>p{max-width:720px;color:#667386;font-size:17px;line-height:1.65}
.options{gap:14px;margin-top:30px}
.option{position:relative;display:flex;align-items:center;gap:16px;border-color:#dce4ef;border-radius:19px;padding:20px 22px;min-height:76px;transition:.2s}
.option:hover{transform:translateY(-2px);border-color:var(--blue);background:#f2f7ff;box-shadow:0 12px 30px rgba(8,102,232,.08)}
.option .option-copy{display:block;flex:1}
.option .option-arrow{color:#b0bbc9;font-size:22px;transition:.2s}
.option:hover .option-arrow{color:var(--blue);transform:translateX(3px)}
.path-option{min-height:245px;align-items:flex-start;flex-direction:column;padding:32px 34px}
.path-option .path-icon{display:grid;place-items:center;width:46px;height:46px;color:var(--blue)}
.path-option .path-icon svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.path-option .option-copy{margin-top:20px}
.path-option strong{display:block;font-size:26px;letter-spacing:-.025em}
.path-option small{display:block;margin-top:10px;color:#65738a;font-size:16px;line-height:1.45;font-weight:500}
.path-option .path-start{display:flex;align-items:center;gap:10px;margin-top:auto;color:var(--blue);font-size:16px;font-weight:900}
.path-option .path-start span{transition:.2s}
.path-option:hover .path-start span{transform:translateX(4px)}
.success{max-width:940px;margin:0 auto;padding:34px;border-radius:24px}
.success h2{font-size:44px;letter-spacing:-.04em;margin:0 0 12px}
.success .btn{margin-top:18px}
.modal .form{max-width:900px}
.modal .field input,.modal .field select,.modal .field textarea{min-height:54px}
@keyframes modal-in{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:900px){.modal{padding:14px}.modal-box{width:calc(100vw - 28px);min-height:calc(100vh - 28px);max-height:calc(100vh - 28px)}.modal-body{padding:34px 28px 42px}.path-option{min-height:220px;padding:27px}}
@media(max-width:620px){.modal{padding:0}.modal-box{width:100%;min-height:100%;max-height:none;border-radius:0}.modal-head{min-height:76px;padding:14px 18px}.modal-head .logo{width:138px;height:48px}.close{width:46px;height:46px}.modal-body{padding:24px 18px 34px}.progress{margin-bottom:28px}.modal-landing{text-align:left}.modal-landing .eyebrow{margin-top:0}.modal-landing h2,.question h2{font-size:38px}.modal-landing>p{font-size:16px}.modal-landing .options{margin-top:28px}.path-option{min-height:170px;padding:22px}.path-option .option-copy{margin-top:8px}.path-option strong{font-size:21px}.path-option small{font-size:14px}.question>p{font-size:15px}.option{min-height:70px;padding:17px}}
