/* One composed panel for contact, product selection and business links. */
.home-page{grid-template-rows:minmax(0,1fr);gap:34px}
.home-copy{gap:0}
.home-action-panel{margin-top:auto;padding:14px;border:1px solid #dce6ed;border-radius:22px;background:#ffffff85;box-shadow:0 12px 34px #2c567007;flex:none}
.home-action-panel .home-contact-strip{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(125px,1fr);gap:10px;max-width:none;margin:0}
.home-contact-card{position:relative;display:flex;align-items:center;justify-content:flex-start;min-width:0;min-height:62px;padding:11px 13px;gap:11px;border:1px solid #d7e4ed;border-radius:14px;background:#f3f8fc;box-shadow:0 1px 0 #fff inset;color:#006699;transition:border-color .25s,background .25s,box-shadow .25s,transform .25s;text-align:left}
.home-action-panel .contact-symbol{display:grid;place-items:center;flex:none;width:37px;height:37px;border:1px solid #cadfeb;border-radius:12px;background:#fff;color:#006699;box-shadow:0 3px 10px #00669905}
.home-action-panel .contact-symbol>svg{width:20px;height:20px;stroke-width:1.5}
.home-action-panel .contact-symbol>img{display:block;width:25px;height:25px}
.home-action-panel .contact-copy{display:flex;flex-direction:column;gap:5px;min-width:0}
.home-action-panel .contact-copy>small{font-size:9px;letter-spacing:.035em;font-weight:400;line-height:1.2;color:#7891a2}
.home-action-panel .contact-copy>b{font-size:clamp(16px,1.48vw,20px);letter-spacing:-.035em;line-height:1.15;font-weight:500;white-space:nowrap;color:#294d63}
.home-action-panel .max-contact-button .contact-copy>b{font-size:17px;letter-spacing:-.025em}
.contact-action-arrow{display:grid;place-items:center;margin-left:auto;align-self:center;color:#769db6}
.home-action-panel .contact-action-arrow>svg{width:15px;height:15px}
.home-contact-card:hover{transform:translateY(-2px);border-color:#a5c5da;background:#eaf3fa;box-shadow:0 6px 18px #0066990a}
.home-contact-card:focus-visible{outline:2px solid #006699;outline-offset:3px}
.home-copy .home-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:0;margin:13px 0 0;border:0}
.home-copy .home-products>button{display:grid;grid-template-columns:1fr auto;gap:5px 4px;align-content:center;align-items:start;min-width:0;min-height:66px;border:1px solid transparent;border-radius:12px;padding:10px 10px;background:transparent;text-align:left;transition:background .25s,border-color .25s,color .25s}
.home-copy .home-products>button>span{grid-column:1;font-size:8px;line-height:1;color:#8da2af;margin:0}
.home-copy .home-products>button>strong{grid-column:1;grid-row:2;font-size:15px;font-weight:500;letter-spacing:-.035em;line-height:1.15;white-space:nowrap;color:#3b596c}
.home-copy .home-products>button>small{grid-column:1/-1;font-size:8px;line-height:1.3;margin:0;white-space:normal;color:#8ca0ad}
.home-copy .home-products>button>i{display:grid;place-items:center;grid-column:2;grid-row:1/3;position:static;align-self:center;color:#96afbf}
.home-copy .home-products>button>i>svg{width:14px;height:14px}
.home-copy .home-products>button.selected{background:#e6f0f7;border-color:#d0e2ef}
.home-copy .home-products>button.selected>strong,.home-copy .home-products>button.selected>i{color:#006699}
.home-copy .home-products>button:hover{background:#edf5fa}
.home-action-panel .home-business-links{display:grid;grid-template-columns:.75fr 1.45fr .65fr;gap:10px;padding:12px 0 0;margin-top:12px;border-top:1px solid #e0e8ee;grid-column:auto}
.home-action-panel .home-business-links>a{display:flex;justify-content:space-between;align-items:center;gap:7px;margin:0;padding:2px 3px;border:0;color:#718c9e;font-size:10px;white-space:nowrap;line-height:1.4}
.home-action-panel .home-business-links>a>svg{width:12px;height:12px;flex:none;color:#6c94ad}
.home-action-panel .home-business-links>a:hover{color:#006699}
.max-placeholder-logo img{width:44px;height:44px;display:block}
/* All twelve entries use the same type, rhythm, colour and hover treatment. */
@media(min-width:701px){
 .menu-body>nav{justify-content:center;gap:3px;padding-block:3px}
 .menu-body>nav>a,.menu-body>nav>a:nth-child(n+10){margin:0;border:0;padding:3px 0;min-height:0;flex:none;line-height:1.2;gap:20px}
 .menu-body>nav strong,.menu-body>nav>a:nth-child(n+10) strong{font-size:clamp(22px,2.5vw,36px);line-height:1.12;font-weight:400;letter-spacing:-.045em}
 .menu-body>nav>a>span,.menu-body>nav>a:nth-child(n+10)>span{color:#7f96a5;font-size:9px}
 .menu-body>nav>a>i,.menu-body>nav>a:nth-child(n+10)>i{display:grid;place-items:center}
 .menu-body>nav>a>i svg,.menu-body>nav>a:nth-child(n+10)>i svg{width:21px;height:21px}
 .menu-body>nav>a.preview-current>span,.menu-body>nav>a:nth-child(n+10).preview-current>span{color:#fc6483}
}
@media(min-width:701px) and (max-height:800px){
 .home-copy h1{font-size:clamp(70px,7.7vw,103px);margin-top:12px}
 .home-intro{margin-top:14px}.home-copy>.pill-button{margin-top:14px;min-height:45px}
 .home-copy>.pill-button>i{width:32px;height:32px}
 .home-action-panel{margin-top:20px;padding:12px;border-radius:19px}
 .home-contact-card{min-height:58px;padding:10px 11px}
 .home-copy .home-products{margin-top:10px}
 .home-copy .home-products>button{min-height:61px;padding:9px}
 .home-action-panel .home-business-links{margin-top:10px;padding-top:10px}
 .menu-body>nav{gap:2px}.menu-body>nav strong,.menu-body>nav>a:nth-child(n+10) strong{font-size:25px}
 .menu-body>nav>a,.menu-body>nav>a:nth-child(n+10){padding-block:3px}
}
@media(min-width:701px) and (max-width:1000px){
 .home-action-panel{padding:10px}.home-action-panel .home-contact-strip{grid-template-columns:minmax(0,1.65fr) minmax(105px,1fr);gap:7px}
 .home-contact-card{gap:8px;padding:9px;min-height:57px}.home-action-panel .contact-symbol{width:29px;height:32px;border-radius:10px}
 .home-action-panel .contact-symbol>svg{width:17px;height:17px}.home-action-panel .contact-symbol>img{width:22px;height:22px}
 .home-action-panel .contact-copy>b{font-size:15px}.home-action-panel .contact-copy>small{font-size:8px}.home-action-panel .max-contact-button .contact-copy>b{font-size:15px}.contact-action-arrow{display:none}
 .home-copy .home-products>button>strong{font-size:12px}.home-copy .home-products>button{padding:8px 6px}
 .home-copy .home-products>button>small{font-size:7px}.home-action-panel .home-business-links{gap:8px}.home-action-panel .home-business-links>a{font-size:8px}
}
@media(max-width:700px){
 .home-page{gap:13px;grid-template-rows:none}
 .home-action-panel{grid-column:1/-1;min-width:0;width:100%;margin-top:14px;padding:10px;border-radius:17px;background:#ffffff9c}
 .home-action-panel .home-contact-strip{grid-template-columns:minmax(0,1.8fr) minmax(105px,1fr);gap:8px;margin:0}
 .home-contact-card{min-height:53px;padding:8px 9px;gap:8px;border-radius:12px}
 .home-action-panel .contact-symbol{width:30px;height:32px;border-radius:10px}
 .home-action-panel .contact-symbol>svg{width:17px;height:17px}.home-action-panel .contact-symbol>img{width:22px;height:22px}
 .home-action-panel .contact-copy{gap:4px}.home-action-panel .contact-copy>small{font-size:8px;letter-spacing:.01em}.home-action-panel .contact-copy>b{font-size:clamp(14px,3.8vw,17px)}
 .home-action-panel .max-contact-button .contact-copy>b{font-size:15px}.home-action-panel .contact-action-arrow{display:none}
 .home-copy .home-products{margin-top:8px;gap:5px}.home-copy .home-products>button{min-height:36px;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 5px;border-radius:9px}
 .home-copy .home-products>button>span{font-size:7px}.home-copy .home-products>button>strong{font-size:11px;line-height:1.2}.home-copy .home-products>button>small,.home-copy .home-products>button>i{display:none}
 .home-action-panel .home-business-links{grid-template-columns:.75fr 1.45fr .65fr;gap:9px;margin-top:9px;padding-top:10px}
 .home-action-panel .home-business-links>a{font-size:9px;padding:0;gap:5px}.home-action-panel .home-business-links>a>svg{width:10px;height:10px}
 .home-copy>.pill-button{margin-bottom:0}
}
@media(max-width:360px){.home-action-panel .contact-copy>b{font-size:12px}.home-contact-card{padding:8px 6px;gap:6px}.home-action-panel .home-contact-strip{grid-template-columns:minmax(0,1.9fr) minmax(90px,1fr)}.home-action-panel .home-business-links{gap:6px}.home-action-panel .home-business-links>a{font-size:8px}.home-copy .home-products>button>strong{font-size:10px}}
@media(prefers-reduced-motion:reduce){.home-contact-card{transition:none}.home-contact-card:hover{transform:none}}
/* Contacts follow the animation; payment has its own visible, compact action. */
.home-page{grid-template-columns:1fr 1.04fr;align-items:stretch}
.home-right{display:flex;flex-direction:column;gap:14px;min-width:0;min-height:0;height:100%}
.home-right>.home-visual.animation-visual{flex:1;min-height:0;height:auto;max-height:none}
.home-right>.home-action-panel{flex:none;margin:0;padding:12px;border-radius:20px}
.home-copy>.home-products{margin-top:auto;padding-top:24px;gap:9px}
.home-copy>.home-products>button{min-height:88px;padding:13px 11px;border-top:1px solid #d6e3eb;border-radius:13px}
.home-copy>.home-products>button>strong{font-size:17px}
.home-copy>.home-products>button>small{font-size:10px;line-height:1.4}
.home-quick-links{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #e0e8ee;margin-top:11px;padding-top:11px}
.home-action-panel .home-business-links{display:flex;align-items:center;flex-wrap:wrap;gap:9px 20px;border:0;margin:0;padding:0;min-width:0}
.home-action-panel .home-business-links>a{justify-content:flex-start;gap:9px;font-size:11px;padding:0}
.home-payment-link{display:flex;align-items:center;justify-content:center;gap:10px;min-height:40px;flex:none;border:1px solid #bcd5e5;border-radius:12px;padding:10px 12px;background:#e6f1f8;color:#006699;font-size:11px;font-weight:500;white-space:nowrap;box-shadow:0 1px 0 #fff8 inset;transition:background .25s,border-color .25s,transform .25s}
.home-payment-link>svg{width:17px;height:17px;flex:none}.home-payment-link>svg:last-child{width:13px;height:13px;color:#6b96b1}
.home-payment-link:hover{background:#d9eaf5;border-color:#93b9d2;transform:translateY(-1px)}
.header-payment{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:37px;padding:9px 12px;border:1px solid #cbdce8;border-radius:12px;font-size:10px;font-weight:500;white-space:nowrap;color:#3f718f;background:#eaf3fa80;transition:border-color .25s,background .25s}
.header-payment>svg{width:16px;height:16px;flex:none}.header-payment:hover{border-color:#9bbfd7;background:#e1eef7}
.header-payment[aria-current=page]{background:#dcecf7;border-color:#93b9d2;color:#006699}
@media(min-width:701px) and (max-height:800px){.home-copy>.home-products{padding-top:20px}.home-copy>.home-products>button{min-height:80px}.home-right{gap:12px}.home-right>.home-action-panel{padding:11px}.home-quick-links{margin-top:9px;padding-top:9px}.home-right .home-contact-card{min-height:57px}}
@media(min-width:701px) and (max-width:1100px){.home-quick-links{gap:10px}.home-action-panel .home-business-links{gap:8px;flex-direction:column;align-items:flex-start}.home-action-panel .home-business-links>a{font-size:10px}.home-payment-link{font-size:10px;gap:7px;padding:10px}.home-copy>.home-products>button>strong{font-size:14px}.home-copy>.home-products>button>small{font-size:8px}.header-payment{padding:8px 10px}}
@media(max-width:700px){
 .home-page{display:flex;grid-template-columns:none;gap:12px}
 .home-copy>.home-products{grid-column:1/-1;margin-top:14px;padding-top:0;gap:7px}
 .home-copy>.home-products>button{min-height:38px;border:1px solid #dbe5ec;padding:9px 6px}
 .home-copy>.home-products>button>strong{font-size:12px}.home-copy>.home-products>button>small{display:none}
 .home-right{flex:1;min-height:0;height:auto;gap:11px}
 .home-right>.home-visual.animation-visual{min-height:80px;flex:1}
 .home-right>.home-action-panel{padding:10px;border-radius:17px}
 .home-right .home-contact-card{min-height:50px}
 .home-quick-links{gap:12px;margin-top:9px;padding-top:9px}
 .home-action-panel .home-business-links{flex-direction:column;align-items:flex-start;gap:7px}
 .home-action-panel .home-business-links>a{font-size:10px;gap:7px}
 .home-payment-link{min-height:38px;font-size:10px;gap:7px;padding:10px;border-radius:11px}
 .home-payment-link>svg{width:15px;height:15px}.home-payment-link>svg:last-child{width:11px;height:11px}
 .header .header-actions{gap:8px}
 .header-payment{width:36px;height:36px;min-height:36px;border-radius:50%;padding:0;flex:none;background:#e7f1f8}
 .header-payment>span{display:none}.header-payment>svg{width:17px;height:17px}
}
@media(max-width:700px) and (max-height:740px){.home-page{gap:9px}.home-copy>.home-products{margin-top:10px}.home-right{gap:9px}.home-right>.home-action-panel{padding:8px}.home-right .home-contact-card{min-height:47px}.home-quick-links{margin-top:8px;padding-top:8px}}
@media(max-width:360px){.home-payment-link{font-size:9px;padding:9px;gap:6px}.home-action-panel .home-business-links>a{font-size:9px}.home-quick-links{gap:8px}.header .header-actions{gap:5px}.header-payment{width:33px;height:33px;min-height:33px}}
@media(prefers-reduced-motion:reduce){.home-payment-link,.header-payment{transition:none}.home-payment-link:hover{transform:none}}

/* A centered introduction explains the company before the visitor chooses a product. */
.home-copy{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:0}
.home-message{align-self:center;padding:25px 0 22px;min-width:0}
.home-message h1{margin:0}
.home-message .home-intro{margin-top:24px;gap:17px;max-width:470px}
.home-intro-copy h2{font-size:clamp(18px,1.7vw,26px);font-weight:500;line-height:1.3;letter-spacing:-.035em;color:#234b63;max-width:440px}
.home-intro-copy p{font-size:clamp(12px,1.02vw,15px);line-height:1.65;margin-top:10px;max-width:380px;color:#6c8394}
.home-message>.pill-button{margin-top:25px}
.home-copy>.home-products{margin-top:0;padding-top:0}
@media(min-width:701px) and (max-height:800px){
 .home-message{padding:18px 0}
 .home-message .home-intro{margin-top:20px}
 .home-message>.pill-button{margin-top:20px;min-height:45px}
 .home-message>.pill-button>i{width:32px;height:32px}
 .home-intro-copy h2{font-size:21px}
 .home-intro-copy p{font-size:12px;margin-top:8px}
}
@media(max-width:700px){
 .home-copy{display:block}
 .home-message{display:grid;grid-template-columns:minmax(0,1fr) 145px;gap:0 12px;padding:0}
 .home-message h1{grid-column:1/-1;margin-top:13px}
 .home-message .home-intro{margin-top:12px;gap:0;max-width:none;align-self:center}
 .home-intro-copy h2{font-size:13px;line-height:1.35;letter-spacing:-.025em}
 .home-intro-copy p{font-size:10px;line-height:1.5;margin-top:6px}
 .home-message>.pill-button{font-size:10px;min-height:43px;gap:8px;padding:5px 5px 5px 13px;margin:12px 0 0;width:145px;align-self:center}
 .home-message>.pill-button>i{height:31px;width:31px}
 .home-message>.pill-button svg{height:14px;width:14px}
 .home-copy>.home-products{margin-top:14px}
}
@media(max-width:700px) and (max-height:740px){
 .home-message h1{margin-top:9px}
 .home-message .home-intro,.home-message>.pill-button{margin-top:9px}
 .home-copy>.home-products{margin-top:10px}
}
@media(max-width:360px){
 .home-message{grid-template-columns:minmax(0,1fr) 135px;gap:0 9px}
 .home-message>.pill-button{width:135px;font-size:9px}
 .home-intro-copy h2{font-size:12px}.home-intro-copy p{font-size:9px}
}