.final-page{max-width:1300px;padding:32px 28px 12px;margin:auto;color:#142e45}.final-page *{min-width:0}.f-eyebrow{font:600 12px/1.5 Arial,sans-serif;letter-spacing:.13em;color:#5c7487}.f-heading{display:flex;gap:25px;align-items:center;justify-content:space-between;margin-bottom:28px}.f-heading h1{font:normal 40px/1.15 Georgia,serif;letter-spacing:-.5px;margin:9px 0 12px}.f-heading p{color:#526779;font-size:16px}.f-edit{border:1px solid #b9c9d5;border-radius:5px;padding:10px 16px;font-size:14px;white-space:nowrap;background:white}.f-customer-grid{display:grid;grid-template-columns:minmax(0,1fr) 410px;gap:25px;align-items:start}.f-project{display:grid;gap:20px}.f-plan{background:#112c44;border-radius:10px;overflow:hidden;color:#fff}.f-plan-head{padding:24px 26px 0;display:flex;justify-content:space-between;gap:18px;align-items:center}.f-plan-head .f-eyebrow{color:#b4cadb}.f-plan-head h2{font:500 22px/1.35 Arial,sans-serif;margin:6px 0}.f-plan-head>b{font-size:18px;font-weight:500;border:1px solid #617d91;padding:8px 12px;border-radius:5px;white-space:nowrap}.f-diagram{display:block;width:100%;max-height:345px;height:auto}.f-plan-foot{padding:0 26px 24px;display:flex;gap:9px 22px;flex-wrap:wrap;font-size:14px;color:#d1e0eb}.f-plan-foot p,.f-plan-foot small{width:100%;margin:0}.f-plan-foot b{color:white}.f-plan-foot small{font-size:13px;line-height:1.6}.f-products{display:grid;grid-template-columns:1fr 1fr;gap:12px}.f-products article{border:1px solid #d8e2e9;background:white;border-radius:9px;padding:17px;display:flex;gap:15px;align-items:center}.f-products img{width:95px;height:112px;object-fit:contain}.f-products .f-remote{width:62px;margin:0 16px}.f-products h3{font-size:16px;line-height:1.4;overflow-wrap:anywhere;margin:5px 0}.f-products .f-eyebrow{font-size:11px;letter-spacing:.08em}.f-products p{font-size:14px;color:#526779;line-height:1.5}.f-choices{border:1px solid #d8e2e9;background:white;border-radius:9px;padding:24px}.f-choices h3{font-size:19px;margin:0 0 16px}.f-choices dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:14px 30px}.f-choices dl>div{border-top:1px solid #e5edf2;padding-top:10px}.f-choices dt{font-size:13px;color:#526779}.f-choices dd{font-size:16px;margin:5px 0 0;overflow-wrap:anywhere}.f-reference{border-left:3px solid #7398b1;padding:7px 0 7px 19px}.f-reference strong{display:block;font-size:17px;line-height:1.5;margin:7px 0;overflow-wrap:anywhere}.f-reference p{font-size:14px;color:#526779;line-height:1.6}.f-reference .f-reference-id{font-size:12px;margin-top:13px;overflow-wrap:anywhere}.f-base{padding-top:10px;margin-top:10px!important;border-top:1px solid #d8e2e9}.f-contact{border:1px solid #d8e2e9;background:white;border-radius:10px;padding:26px}.f-contact h2{font:normal 30px/1.2 Georgia,serif;margin:9px 0 12px}.f-contact>p{font-size:14px;color:#526779;margin:0 0 24px}.f-contact form{display:grid;gap:15px}.f-contact label{display:block;font-size:14px;font-weight:500}.f-contact label small{font-size:12px;font-weight:normal;color:#63798b}.f-contact fieldset{margin:0;padding:0;border:0}.f-contact legend{font-size:14px;font-weight:500;margin-bottom:8px}.f-contact input:not([type=radio]),.f-contact textarea{width:100%;border:1px solid #b9c9d5;border-radius:5px;padding:11px;margin-top:7px;font-size:16px;background:white;color:#142e45;line-height:1.4}.f-contact textarea{resize:vertical}.f-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.f-business{display:grid;gap:15px}.f-roles{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:5px}.f-roles label{display:flex;align-items:center;justify-content:center;position:relative;border:1px solid #b9c9d5;border-radius:5px;min-height:44px;font-size:12px;cursor:pointer;padding:7px 3px}.f-roles input{opacity:0;position:absolute;min-height:0;pointer-events:none}.f-roles label:has(:checked){color:#fff;background:#173f62;border-color:#173f62}.f-roles label:has(:focus-visible){outline:3px solid #287bbf;outline-offset:3px}.f-primary{background:#173f62;color:white;border-radius:5px;min-height:52px;padding:14px;font-size:16px;font-weight:600;width:100%}.f-primary:hover{background:#245b84}.f-demo-note{text-align:center;color:#526779;font-size:13px;line-height:1.6}.f-required,.f-retained{font-size:12px;color:#526779}.f-legacy-name{background:#f0f5f8;border-radius:5px;padding:15px;font-size:14px}.f-legacy-name p{margin:7px 0}.f-legacy-name button{font-size:13px;text-decoration:underline;padding:0}.f-mail{background:white;border:1px solid #cbd9e3;border-radius:10px;max-width:1000px;padding:36px 44px;margin:0 auto;display:grid;gap:24px}.f-mail-heading{border-bottom:1px solid #d8e2e9;padding-bottom:26px;display:flex;justify-content:space-between;align-items:center;gap:20px}.f-mail-heading>b{font:bold 30px/1 Arial,sans-serif;letter-spacing:1px}.f-mail-heading>b span{font-size:9px;display:block;letter-spacing:2px;margin-top:8px}.f-mail-heading>div{text-align:right}.f-mail-heading h2{font:normal 28px/1.2 Georgia,serif;margin:8px 0 0}.f-contact-readout{display:grid;grid-template-columns:1fr 1fr;gap:18px 30px}.f-contact-readout h3{font-size:20px;margin:5px 0 8px;overflow-wrap:anywhere}.f-contact-readout p{font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}.f-message,.f-company{grid-column:1/-1;background:#f0f5f8;padding:14px 17px;border-left:3px solid #b1cadb}.f-message .f-eyebrow{margin-bottom:7px}.f-company b{font-size:14px}.f-technical{font-size:13px;color:#526779;border-top:1px solid #d8e2e9;padding-top:15px}.f-technical summary{cursor:pointer;min-height:35px}.f-technical p{line-height:1.6}.f-mail-foot{font-size:13px;color:#526779}.final-mode .page-footer>span:last-of-type{display:none}.collaudo-link{font-size:12px;color:#687d90;text-decoration:underline;text-underline-offset:3px}.tools-content{display:grid;gap:12px}.tools-content button{margin:0}.tools-content p{font-size:14px}.tools-content .blocked-export{color:#8b4c21;background:#fff5e8;padding:12px}.final-mode #product-strip{display:none}.final-mode .workspace{display:none}.final-mode .page-footer{max-width:1300px;margin:26px auto 0}
@media(max-width:1150px){.f-customer-grid{grid-template-columns:minmax(0,1fr) 355px;gap:18px}.f-contact{padding:21px}.f-products{grid-template-columns:1fr}.f-products img{height:90px}.f-heading h1{font-size:35px}}
@media(max-width:760px){.final-page{padding:24px 18px 6px}.f-heading{display:block;margin-bottom:23px}.f-heading h1{font-size:32px}.f-heading p{font-size:15px}.f-edit{margin-top:15px;padding:8px 13px}.f-customer-grid{display:block}.f-project{gap:17px}.f-contact{margin-top:25px;padding:22px}.f-plan-head{padding:20px 19px 0;gap:10px}.f-plan-head h2{font-size:19px}.f-plan-head .f-eyebrow{font-size:10px}.f-plan-head>b{font-size:16px;padding:6px 9px}.f-diagram text{font-size:28px}.f-plan-foot{padding:0 20px 20px;font-size:13px;gap:10px}.f-plan-foot small{font-size:12px}.f-products{grid-template-columns:1fr 1fr;gap:10px}.f-products article{display:block;padding:14px}.f-products img,.f-products .f-remote{display:block;width:100%;height:103px;margin:0 0 12px}.f-products h3{font-size:14px}.f-products p{font-size:13px}.f-products .f-eyebrow{font-size:10px}.f-choices{padding:20px}.f-choices dl{gap:13px 17px}.f-choices dd{font-size:14px}.f-reference strong{font-size:16px}.f-reference p{font-size:13px}.f-contact h2{font-size:29px}.f-roles label{font-size:12px}.f-mail{padding:24px 15px;gap:22px}.f-mail-heading{display:block}.f-mail-heading>div{text-align:left;margin-top:22px}.f-mail-heading h2{font-size:25px}.f-contact-readout{grid-template-columns:1fr}.f-mail .f-plan-head{padding:18px 14px 0}.f-mail .f-plan-head h2{font-size:17px}.f-mail .f-plan-foot{padding:0 14px 18px}.f-mail .f-choices{border:0;padding:0}.f-mail .f-products article{padding:10px}.f-row{gap:10px}.f-contact label small{font-size:11px}.f-eyebrow{font-size:11px}.f-contact-readout h3{font-size:19px}}

/* Contact choices follow the same clear field hierarchy as the other phases. */
.f-contact label,.f-contact legend{font-size:1.125rem;font-weight:800;line-height:1.4;color:#123e68}
.f-contact legend{border-left:3px solid #497da3;padding:3px 0 3px 10px;margin-bottom:12px}
.f-contact .f-roles label{font-size:.875rem;font-weight:700}
.f-contact input:not([type=radio]),.f-contact textarea{font-weight:400}
.f-contact label small{font-size:.75rem;font-weight:400}
@media(max-width:760px){.f-contact label,.f-contact legend{font-size:1.0625rem}.f-contact .f-roles label{font-size:.8125rem}}

.f-mail-heading>.f-brand-logo{display:block;width:144px;height:auto;flex:none;object-fit:contain}
@media(max-width:760px){.f-mail-heading>.f-brand-logo{width:130px}}
