/* Contact page: a focused, editorial support desk built from the SaaS brand variables. */
.saas-public-flow .public-flow-main.contact-flow-main{max-width:1210px;padding-bottom:96px}
.contact-page{margin:0 auto;max-width:1150px}
.contact-page-intro{background:linear-gradient(125deg,var(--modern-dark),var(--site-hero-deep));border:1px solid rgba(255,255,255,.16);border-radius:27px;box-shadow:0 24px 56px rgba(4,38,78,.22);color:#fff;isolation:isolate;overflow:hidden;padding:clamp(38px,6.2vw,78px) clamp(25px,7vw,94px) clamp(42px,6.5vw,80px);position:relative}
.contact-page-intro:before{background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:36px 36px;content:"";inset:0;opacity:.8;position:absolute;z-index:-1}
.contact-page-orbit{border:1px solid rgba(255,255,255,.15);border-radius:50%;pointer-events:none;position:absolute;z-index:-1}
.contact-page-orbit-one{height:540px;right:-130px;top:-210px;width:540px}
.contact-page-orbit-two{border-color:rgba(255,215,26,.68);height:360px;right:50px;top:-187px;width:360px}
.contact-page-kicker{align-items:center;color:#dcecff;display:flex;font-size:var(--saas-small);font-weight:800;gap:10px;letter-spacing:.12em;text-transform:uppercase}
.contact-page-kicker i{align-items:center;background:var(--site-yellow);border-radius:50%;color:#132d4d;display:inline-flex;font-size:13px;height:26px;justify-content:center;width:26px}
.contact-page-intro h1{font-family:var(--modern-display);font-size:clamp(2.6rem,5.4vw,5rem);font-weight:400;letter-spacing:-.06em;line-height:.95;margin:19px 0 20px;max-width:660px}
.contact-page-copy{color:#deecff;font-size:clamp(1rem,.92rem + .38vw,1.18rem);line-height:1.7;max-width:610px;position:relative}
.contact-page-copy a{color:#fff}
.contact-page-grid{align-items:stretch;display:grid;gap:clamp(22px,4vw,54px);grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);margin:clamp(28px,5vw,62px) clamp(0px,2.5vw,28px) 0}
.contact-details-panel{align-self:stretch;background:#f0f7ff;border:1px solid #d9e8f7;border-radius:22px;display:flex;flex-direction:column;padding:clamp(24px,3vw,34px)}
.contact-details-heading>span,.contact-next-step>div>span{color:var(--site-primary);display:block;font-size:var(--saas-small);font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.contact-details-heading h2{color:var(--modern-ink);font-family:var(--modern-display);font-size:clamp(1.9rem,3vw,2.5rem);font-weight:400;letter-spacing:-.05em;line-height:1.02;margin:12px 0 28px}
.contact-detail-list{display:grid;gap:12px}
.contact-detail-card{align-items:center;background:#fff;border:1px solid #dce9f4;border-radius:14px;color:var(--modern-ink);display:grid;gap:12px;grid-template-columns:42px minmax(0,1fr) 20px;min-height:82px;padding:12px;text-decoration:none;transition:box-shadow .2s ease,transform .2s ease}
.contact-detail-card:hover{box-shadow:0 13px 25px rgba(11,65,121,.13);color:var(--modern-ink);transform:translateY(-3px)}
.contact-detail-card>span:nth-child(2){min-width:0}
.contact-detail-card small{color:#647d98;display:block;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.contact-detail-card strong{display:block;font-size:var(--saas-small);line-height:1.45;margin-top:3px;overflow-wrap:anywhere}
.contact-detail-card>.fa{color:var(--site-primary);font-size:13px;transform:rotate(45deg)}
.contact-detail-icon{align-items:center;background:#e1f0ff;border-radius:12px;color:var(--site-primary);display:inline-flex;font-size:17px;height:42px;justify-content:center;width:42px}
.contact-detail-icon-yellow{background:#fff5c8;color:#9b7200}
.contact-detail-icon-green{background:#dff6e4;color:#208143}
.contact-detail-static{grid-template-columns:42px minmax(0,1fr)}
.contact-detail-empty{align-items:center;background:#fff;border:1px dashed #cbdced;border-radius:14px;color:#59748f;display:flex;gap:12px;min-height:110px;padding:18px}
.contact-detail-empty i{color:var(--site-primary);font-size:23px}
.contact-detail-empty p{font-size:var(--saas-card-copy);line-height:1.6;margin:0}
.contact-details-note{align-items:flex-start;border-top:1px solid #d5e3ef;color:#5d7590;display:flex;font-size:var(--saas-small);gap:9px;line-height:1.55;margin-top:auto;padding-top:24px}
.contact-details-note i{color:var(--site-primary);margin-top:4px}
.contact-form-panel{background:#fff;border:1px solid #dbe7f1;border-radius:22px;box-shadow:0 18px 42px rgba(17,59,102,.1);padding:clamp(25px,4vw,45px)}
.contact-form-heading{align-items:center;display:flex;gap:16px}
.contact-form-heading p{color:var(--site-primary);font-size:var(--saas-small);font-weight:800;letter-spacing:.1em;margin:0 0 5px;text-transform:uppercase}
.contact-form-heading h2{color:var(--modern-ink);font-family:var(--modern-display);font-size:clamp(2rem,3.4vw,2.75rem);font-weight:400;letter-spacing:-.05em;line-height:1.02;margin:0}
.contact-form-mark{align-items:center;background:var(--site-yellow);border-radius:14px;color:#19314e;display:flex;font-size:21px;height:55px;justify-content:center;transform:rotate(-6deg);width:55px}
.contact-form-copy{color:var(--modern-soft);font-size:var(--saas-card-copy);line-height:1.65;margin:20px 0 18px;max-width:600px}
.contact-form-panel .site-alert{align-items:flex-start;display:flex;gap:9px;font-size:var(--saas-card-copy);line-height:1.55}
.contact-form-panel .site-alert .fa{margin-top:3px}
.contact-form{margin-top:20px}
.contact-field-grid{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}
.contact-form label{color:#254461;display:block;font-size:var(--saas-card-copy);font-weight:800;margin:18px 0 7px}
.contact-form label span{color:#7389a0;font-size:.78em;font-weight:600;margin-left:4px}
.contact-form input,.contact-form textarea{background:#fbfdff;border:1px solid #cbdced;border-radius:9px;box-sizing:border-box;color:#1e3856;font-family:var(--modern-sans);font-size:var(--saas-card-copy);line-height:1.5;padding:12px 13px;width:100%}
.contact-form textarea{min-height:148px;resize:vertical}
.contact-form input:focus,.contact-form textarea:focus{border-color:var(--site-primary);box-shadow:0 0 0 4px rgba(23,111,220,.11);outline:0}
.contact-form-submit{align-items:center;display:flex;flex-wrap:wrap;gap:17px;margin-top:25px}
.contact-form-submit button{align-items:center;background:var(--site-primary);border:0;border-radius:10px;box-shadow:0 8px 0 rgba(10,69,143,.2);color:#fff;cursor:pointer;display:inline-flex;font-family:var(--modern-sans);font-size:var(--saas-card-copy);font-weight:800;gap:8px;justify-content:center;min-height:47px;padding:12px 18px;transition:box-shadow .2s ease,transform .2s ease}
.contact-form-submit button:hover,.contact-form-submit button:focus{box-shadow:0 14px 25px rgba(6,57,121,.25);outline:0;transform:translateY(-3px)}
.contact-form-submit button:active{box-shadow:0 3px 0 rgba(10,69,143,.2);transform:translateY(2px)}
.contact-form-submit>span{color:#6d8297;font-size:var(--saas-small)}
.contact-form-submit>span i{color:#22814a;margin-right:4px}
.contact-next-step{align-items:center;background:linear-gradient(115deg,#e2efff,#f6faff);border:1px solid #d6e6f8;border-radius:22px;display:flex;gap:30px;justify-content:space-between;margin:clamp(28px,5vw,62px) clamp(0px,2.5vw,28px) 0;padding:clamp(24px,4vw,42px)}
.contact-next-step h2{color:var(--modern-ink);font-family:var(--modern-display);font-size:clamp(1.8rem,3vw,2.55rem);font-weight:400;letter-spacing:-.05em;line-height:1.05;margin:10px 0 0;max-width:540px}
.contact-next-actions{align-items:center;display:flex;flex-shrink:0;gap:20px}
.contact-next-actions .btn-site{background:var(--modern-ink);border-radius:10px;color:#fff;white-space:nowrap}
.contact-text-link{color:var(--site-primary);font-size:var(--saas-card-copy);font-weight:800;text-decoration:none;white-space:nowrap}
.contact-text-link i{margin-left:4px;transition:transform .2s ease}
.contact-text-link:hover,.contact-text-link:focus{color:var(--site-hero-deep);text-decoration:none}
.contact-text-link:hover i{transform:translateX(4px)}
@media (max-width:850px){
    .contact-page-grid{grid-template-columns:1fr;margin-left:0;margin-right:0}
    .contact-details-panel{gap:0}
    .contact-detail-list{grid-template-columns:repeat(2,minmax(0,1fr))}
    .contact-details-note{margin-top:24px}
    .contact-next-step{align-items:flex-start;flex-direction:column;margin-left:0;margin-right:0}
}
@media (max-width:620px){
    .saas-public-flow .public-flow-main.contact-flow-main{padding-bottom:70px}
    .contact-page-intro{border-radius:19px;padding:35px 23px 40px}
    .contact-page-orbit-one{height:370px;right:-190px;top:-145px;width:370px}
    .contact-page-orbit-two{height:240px;right:-80px;top:-119px;width:240px}
    .contact-page-intro h1{font-size:clamp(2.45rem,12vw,3.25rem)}
    .contact-page-grid{gap:18px;margin-top:22px}
    .contact-details-panel,.contact-form-panel{border-radius:18px;padding:22px 18px}
    .contact-details-heading h2{margin-bottom:21px}
    .contact-detail-list,.contact-field-grid{grid-template-columns:1fr}
    .contact-detail-card{min-height:74px}
    .contact-form-heading{align-items:flex-start}
    .contact-form-mark{border-radius:12px;height:47px;width:47px}
    .contact-form-submit{align-items:stretch;flex-direction:column;gap:12px}
    .contact-form-submit button{width:100%}
    .contact-next-step{border-radius:18px;gap:24px;padding:25px 21px}
    .contact-next-actions{align-items:flex-start;flex-direction:column;gap:16px}
}