/* =========================================================
   KUANTUM SERVIS v0.14.0 — CONTACT + ABOUT FINAL PASS
   - V2 home hero gets a real visible gap below the header
   - Contact page rebuilt as a modern contact hub
   - About page rebuilt from scratch with a stronger editorial system
========================================================= */

/* 1) The V2 preview is a draft page, so body.home never matched previous hero fixes. */
body.ks-v2-page .ks-banner{
    margin-top:26px!important;
    margin-bottom:26px!important;
}
body.home .ks-banner,
body.blog .ks-banner{
    margin-top:26px!important;
    margin-bottom:26px!important;
}

/* ---------- MODERN CONTACT PAGE ---------- */
.ks-contact-modern{
    padding-top:54px!important;
    background:linear-gradient(180deg,#fff 0%,#f8fbfd 100%)!important;
}
.ks-contact-modern__quick{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
    margin-bottom:24px;
}
.ks-contact-modern__quick-card{
    min-height:132px;
    padding:22px 22px 20px;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    border:1px solid #dce7ef;
    border-radius:18px;
    background:#fff;
    box-shadow:0 14px 36px rgba(7,54,101,.055);
    text-decoration:none!important;
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.ks-contact-modern__quick-card:hover{
    transform:translateY(-2px);
    border-color:#b9d4e8;
    box-shadow:0 20px 44px rgba(7,54,101,.08);
}
.ks-contact-modern__quick-card small{
    margin-bottom:auto;
    color:#0d74d8;
    font-size:9px;
    font-weight:900;
    letter-spacing:1.8px;
}
.ks-contact-modern__quick-card strong{
    display:block;
    color:#073665;
    font-size:20px;
    line-height:1.2;
    word-break:break-word;
}
.ks-contact-modern__quick-card span{
    margin-top:9px;
    color:#728696;
    font-size:11px;
}
.ks-contact-modern__quick-card--accent{
    background:linear-gradient(135deg,#073665 0%,#0b5f98 100%);
    border-color:transparent;
}
.ks-contact-modern__quick-card--accent small{color:#8edcff}
.ks-contact-modern__quick-card--accent strong{color:#fff}
.ks-contact-modern__quick-card--accent span{color:rgba(255,255,255,.72)}

.ks-contact-modern__layout{
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);
    gap:22px;
    align-items:start;
}
.ks-contact-modern__form-wrap{
    padding:34px;
    border:1px solid #dce7ef;
    border-radius:24px;
    background:#fff;
    box-shadow:0 20px 56px rgba(7,54,101,.07);
}
.ks-contact-modern__form-wrap .ks-form-topline{
    display:flex;
    align-items:center;
    gap:18px;
    margin-bottom:8px;
}
.ks-contact-modern__form-wrap .ks-form-topline>div{flex:0 1 auto}
.ks-contact-modern__form-wrap .ks-form-topline>span{
    height:1px;
    flex:1 1 auto;
    background:#c7d6e2;
}
.ks-contact-modern__form-wrap .ks-form-topline small{
    display:block;
    margin-bottom:7px;
    color:#0d74d8;
    font-size:9px;
    font-weight:900;
    letter-spacing:2px;
}
.ks-contact-modern__form-wrap .ks-form-topline h2{
    margin:0!important;
    color:#073665!important;
    font-size:clamp(30px,2.4vw,40px)!important;
    line-height:1.08!important;
}
.ks-contact-modern__intro{
    max-width:650px;
    margin:0 0 24px!important;
    color:#6c8192;
    font-size:13px;
    line-height:1.75;
}
.ks-service-form--contact .ks-form-grid{gap:15px}
.ks-service-form--contact .ks-form-grid label>span{
    display:block;
    margin-bottom:8px;
    color:#193650;
    font-size:11px;
    font-weight:800;
}
.ks-service-form--contact input,
.ks-service-form--contact select,
.ks-service-form--contact textarea{
    width:100%;
    min-height:52px;
    padding:0 15px!important;
    border:1px solid #d2dfe9!important;
    border-radius:11px!important;
    background:#fbfdff!important;
    color:#073665!important;
    box-shadow:none!important;
}
.ks-service-form--contact textarea{
    min-height:150px!important;
    padding:14px 15px!important;
    resize:vertical;
}
.ks-service-form--contact input:focus,
.ks-service-form--contact select:focus,
.ks-service-form--contact textarea:focus{
    border-color:#0d74d8!important;
    box-shadow:0 0 0 3px rgba(13,116,216,.08)!important;
    outline:0!important;
}
.ks-service-form--contact .ks-consent{margin:18px 0 20px}
.ks-service-form--contact .ks-submit{min-width:220px;border-radius:12px!important}

.ks-contact-modern__side{display:grid;gap:18px}
.ks-contact-modern__location{
    overflow:hidden;
    border:1px solid #dce7ef;
    border-radius:24px;
    background:#fff;
    box-shadow:0 20px 56px rgba(7,54,101,.07);
}
.ks-contact-modern__location-copy{padding:28px 28px 24px}
.ks-contact-modern__location-copy small,
.ks-contact-modern__support>small{
    display:block;
    margin-bottom:8px;
    color:#0d74d8;
    font-size:9px;
    font-weight:900;
    letter-spacing:2px;
}
.ks-contact-modern__location-copy h3,
.ks-contact-modern__support h3{
    margin:0 0 10px!important;
    font-size:26px!important;
    line-height:1.15!important;
}
.ks-contact-modern__location-copy p{
    margin:0 0 16px!important;
    color:#6d8191;
    font-size:12px;
    line-height:1.7;
}
.ks-contact-modern__location-copy a{
    color:#0d74d8!important;
    font-size:11px;
    font-weight:900;
    text-decoration:none!important;
}
.ks-contact-modern__location-copy a span{margin-left:6px}
.ks-contact-modern__map{height:285px;background:#e9f2f7}
.ks-contact-modern__map iframe{width:100%;height:100%;display:block;border:0}
.ks-contact-modern__support{
    padding:28px;
    border-radius:24px;
    background:linear-gradient(135deg,#073665 0%,#0d78ac 100%);
    box-shadow:0 20px 56px rgba(7,54,101,.13);
}
.ks-contact-modern__support>small{color:#8edcff}
.ks-contact-modern__support h3{color:#fff!important}
.ks-contact-modern__support p{
    margin:0 0 22px!important;
    color:rgba(255,255,255,.74)!important;
    font-size:12px;
    line-height:1.75;
}
.ks-contact-modern__support .ks-actions{gap:8px}
.ks-contact-modern__support .ks-btn{min-height:46px}
.ks-contact-modern__service-phone{
    margin-top:18px;
    padding-top:18px;
    display:block;
    border-top:1px solid rgba(255,255,255,.14);
    text-decoration:none!important;
}
.ks-contact-modern__service-phone small,
.ks-contact-modern__service-phone strong{display:block}
.ks-contact-modern__service-phone small{color:rgba(255,255,255,.55);font-size:8px;letter-spacing:1.5px}
.ks-contact-modern__service-phone strong{margin-top:5px;color:#fff;font-size:18px}

/* ---------- ABOUT PAGE ---------- */
.ks-about-modern{
    padding-top:58px!important;
    background:#fff!important;
}
.ks-about-modern__intro{
    display:grid;
    grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);
    gap:72px;
    align-items:start;
    padding-bottom:44px;
}
.ks-about-modern__intro h2{
    max-width:760px;
    font-size:clamp(36px,3.7vw,54px)!important;
    line-height:1.04!important;
    letter-spacing:-1.5px!important;
}
.ks-about-modern__copy{
    padding-top:19px;
    border-top:1px solid #c9d7e2;
}
.ks-about-modern__copy p{
    margin:0 0 16px!important;
    color:#5e7485;
    font-size:14px;
    line-height:1.9;
}
.ks-about-modern__trustbar{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    border:1px solid #dfe8ef;
    border-radius:20px;
    overflow:hidden;
    background:#f8fbfd;
    box-shadow:0 16px 44px rgba(7,54,101,.05);
}
.ks-about-modern__trustbar>div{
    min-height:118px;
    padding:22px;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    border-right:1px solid #dfe8ef;
}
.ks-about-modern__trustbar>div:last-child{border-right:0}
.ks-about-modern__trustbar small{
    margin-bottom:auto;
    color:#0d74d8;
    font-size:8px;
    font-weight:900;
    letter-spacing:1.7px;
}
.ks-about-modern__trustbar strong{
    color:#073665;
    font-size:15px;
    line-height:1.35;
}
.ks-about-modern__head{margin-top:78px!important}
.ks-about-modern__values{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
}
.ks-about-modern__values article{
    min-height:248px;
    padding:24px;
    display:flex;
    flex-direction:column;
    border:1px solid #dce7ef;
    border-radius:20px;
    background:#fff;
    box-shadow:0 14px 36px rgba(7,54,101,.045);
}
.ks-about-modern__values span{
    color:#0d74d8;
    font-size:10px;
    font-weight:900;
}
.ks-about-modern__values h3{
    margin:auto 0 12px!important;
    color:#073665!important;
    font-size:20px!important;
    line-height:1.2!important;
}
.ks-about-modern__values p{
    margin:0!important;
    color:#6a8090;
    font-size:12px;
    line-height:1.7;
}
.ks-about-modern__network{
    margin-top:82px;
    display:grid;
    grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);
    gap:26px;
    padding:44px;
    border-radius:28px;
    background:linear-gradient(135deg,#052d57 0%,#0a78a8 100%);
    box-shadow:0 24px 70px rgba(7,54,101,.13);
}
.ks-about-modern__network-copy{padding:10px 10px 10px 2px}
.ks-about-modern__network-copy h2{
    max-width:650px;
    margin:0 0 16px!important;
    color:#fff!important;
    font-size:clamp(32px,3vw,46px)!important;
    line-height:1.06!important;
}
.ks-about-modern__network-copy p{
    max-width:650px;
    margin:0 0 24px!important;
    color:rgba(255,255,255,.75)!important;
    font-size:13px;
    line-height:1.8;
}
.ks-about-modern__network-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
}
.ks-about-modern__network-grid>div{
    min-height:150px;
    padding:20px;
    display:flex;
    flex-direction:column;
    border:1px solid rgba(255,255,255,.13);
    border-radius:17px;
    background:rgba(255,255,255,.07);
    backdrop-filter:blur(8px);
}
.ks-about-modern__network-grid small{color:#8edcff;font-size:9px;font-weight:900}
.ks-about-modern__network-grid strong{margin-top:auto;color:#fff;font-size:15px}
.ks-about-modern__network-grid span{margin-top:7px;color:rgba(255,255,255,.64);font-size:10px;line-height:1.55}
.ks-about-modern__closing{
    margin-top:78px;
    padding:34px 0 8px;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:30px;
    border-top:1px solid #dbe5ed;
}
.ks-about-modern__closing h2{
    max-width:800px;
    font-size:clamp(30px,3vw,44px)!important;
}
.ks-about-modern__closing .ks-btn{flex:0 0 auto}

@media(max-width:1100px){
    .ks-contact-modern__layout,
    .ks-about-modern__intro,
    .ks-about-modern__network{grid-template-columns:1fr}
    .ks-about-modern__trustbar,
    .ks-about-modern__values{grid-template-columns:1fr 1fr}
    .ks-about-modern__intro{gap:28px}
}
@media(max-width:850px){
    .ks-contact-modern__quick{grid-template-columns:1fr}
    .ks-contact-modern__quick-card{min-height:112px}
    .ks-about-modern__network{padding:30px}
}
@media(max-width:767px){
    body.ks-v2-page .ks-banner,
    body.home .ks-banner,
    body.blog .ks-banner{
        margin-top:14px!important;
        margin-bottom:14px!important;
    }
    .ks-contact-modern{padding-top:36px!important}
    .ks-contact-modern__form-wrap{padding:24px 20px;border-radius:19px}
    .ks-contact-modern__location,.ks-contact-modern__support{border-radius:19px}
    .ks-contact-modern__location-copy,.ks-contact-modern__support{padding:22px 20px}
    .ks-contact-modern__map{height:230px}
    .ks-contact-modern__quick-card{padding:18px}
    .ks-contact-modern__quick-card strong{font-size:17px}
    .ks-service-form--contact .ks-submit{width:100%}

    .ks-about-modern{padding-top:38px!important}
    .ks-about-modern__intro{padding-bottom:30px}
    .ks-about-modern__copy{padding-top:16px}
    .ks-about-modern__trustbar,
    .ks-about-modern__values,
    .ks-about-modern__network-grid{grid-template-columns:1fr}
    .ks-about-modern__trustbar>div{min-height:92px;border-right:0;border-bottom:1px solid #dfe8ef}
    .ks-about-modern__trustbar>div:last-child{border-bottom:0}
    .ks-about-modern__values article{min-height:180px}
    .ks-about-modern__head{margin-top:54px!important}
    .ks-about-modern__network{margin-top:56px;padding:24px 20px;border-radius:22px}
    .ks-about-modern__network-grid>div{min-height:120px}
    .ks-about-modern__closing{margin-top:54px;align-items:flex-start;flex-direction:column}
    .ks-about-modern__closing .ks-btn{width:100%}
}