*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
 margin:0;
 font-family:Inter,Arial,Helvetica,sans-serif;
 color:#16243a;
 background:#f4f7fb;
}
a{text-decoration:none;color:inherit}
button,input{font:inherit}
.sr-only{
 position:absolute;
 width:1px;height:1px;
 padding:0;margin:-1px;
 overflow:hidden;clip:rect(0,0,0,0);
 white-space:nowrap;border:0;
}
.tech-layout{display:flex;min-height:100vh}
.tech-sidebar{
 width:258px;flex-shrink:0;
 background:#fff;
 border-right:1px solid #e5ebf3;
 padding:25px 16px;
 display:flex;flex-direction:column;
 position:sticky;top:0;height:100vh;
}
.tech-logo{
 display:flex;align-items:center;gap:11px;
 font-size:21px;font-weight:800;
 margin:0 12px 43px;
}
.tech-logo strong{color:#1969db}
.tech-logo-icon{
 width:39px;height:39px;
 background:#1457b6;color:white;
 border-radius:11px;
 display:grid;place-items:center;
}
.tech-menu-label{
 font-size:10px;color:#94a2b6;
 font-weight:800;letter-spacing:1px;
 padding:0 15px;margin-bottom:13px;
}
.tech-navigation{display:grid;gap:7px}
.tech-navigation a{
 padding:13px 15px;border-radius:11px;
 font-size:13px;font-weight:600;
 color:#5e6d83;
}
.tech-navigation a:hover,
.tech-navigation a.active{
 background:#eaf2ff;color:#145bbd;
}
.tech-sidebar-bottom{
 margin-top:auto;padding:15px;
 border-radius:14px;background:#f2f6fc;
 font-size:12px;color:#718095;
}
.tech-sidebar-bottom p{line-height:1.5}
.tech-plan{color:#145bbd;font-weight:800}
.tech-main{flex:1;min-width:0}
.tech-topbar{
 background:#fff;
 border-bottom:1px solid #e5ebf3;
 padding:22px 35px;
 display:flex;align-items:center;
 justify-content:space-between;
 gap:15px;
}
.tech-topbar h1{
 font-size:22px;margin:5px 0 0;
 letter-spacing:-.5px;
}
.tech-eyebrow{
 color:#7c8ca2;font-size:10px;
 font-weight:800;letter-spacing:1.1px;
}
.tech-preview-label{
 background:#eef4ff;color:#1f5eb3;
 padding:9px 13px;border-radius:30px;
 font-size:12px;font-weight:700;
}
.tech-main main{
 max-width:1440px;
 margin:auto;padding:30px 35px;
}
.tech-hero{
 border-radius:22px;
 background:linear-gradient(115deg,#102b57,#1559b1);
 color:white;overflow:hidden;
 padding:42px;
 position:relative;
}
.tech-hero:after{
 content:"";
 position:absolute;right:-65px;top:-100px;
 width:350px;height:350px;
 border:65px solid #ffffff0d;
 border-radius:50%;pointer-events:none;
}
.tech-hero-content{
 position:relative;z-index:1;max-width:800px;
}
.tech-hero-kicker{
 font-size:11px;letter-spacing:1.4px;
 color:#a4cbff;font-weight:800;
}
.tech-hero h2{
 font-size:clamp(25px,3vw,40px);
 line-height:1.17;
 margin:15px 0;
 max-width:550px;
}
.tech-hero p{
 color:#c6dcfb;line-height:1.6;
 font-size:14px;max-width:560px;
}
.tech-search{
 display:flex;gap:8px;
 background:white;padding:7px;
 border-radius:13px;
 margin-top:25px;max-width:650px;
}
.tech-search input{
 flex:1;min-width:0;
 border:0;outline:0;
 padding:12px;color:#152a48;
 font-size:13px;
}
.tech-search button{
 background:#1670eb;border:0;
 color:white;font-weight:700;
 padding:12px 20px;
 border-radius:9px;cursor:pointer;
}
.tech-search button:hover{background:#0953b9}
.tech-section{margin-top:37px;scroll-margin-top:24px}
.tech-section-heading{
 display:flex;justify-content:space-between;
 align-items:end;margin-bottom:19px;
}
.tech-section h2{
 font-size:21px;margin:6px 0;
}
.tech-section-heading p{
 font-size:13px;color:#8794a7;
 margin:5px 0;
}
.tech-services{
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:15px;
}
.tech-service{
 background:white;border:1px solid #e5ebf3;
 border-radius:16px;padding:21px;
 min-height:196px;
 box-shadow:0 4px 16px #203a5810;
}
.tech-service-icon{
 font-size:23px;display:inline-grid;
 width:43px;height:43px;
 place-items:center;
 border-radius:11px;background:#f0f5fc;
 margin-bottom:12px;
}
.tech-tier{
 float:right;padding:6px 9px;
 font-size:10px;font-weight:800;
 border-radius:7px;
 background:#e8f8ed;color:#248053;
}
.tech-tier-basic{background:#e8f1ff;color:#145bbd}
.tech-tier-pro{background:#f1eaff;color:#7948ae}
.tech-service h3{
 margin:3px 0 8px;font-size:16px;
}
.tech-service p{
 color:#7c899c;font-size:12px;
 line-height:1.65;min-height:40px;
}
.tech-service a,
.tech-pending{
 font-weight:750;font-size:12px;color:#1267d6;
}
.tech-pending{color:#94a0af}
.tech-brand-grid{
 display:grid;
 grid-template-columns:repeat(4,minmax(0,1fr));
 gap:12px;
}
.tech-brand{
 display:flex;align-items:center;
 gap:10px;padding:14px;
 border:1px solid #e5ebf3;
 border-radius:13px;
 background:white;font-size:12px;
 font-weight:750;min-width:0;
}
.tech-brand:hover{
 border-color:#83aef0;
 background:#f9fbff;
}
.tech-brand-initial{
 flex-shrink:0;
 width:35px;height:35px;
 border-radius:9px;
 display:grid;place-items:center;
 background:#eef4fd;color:#225eaa;
 font-size:15px;
}
.tech-brand-arrow{
 margin-left:auto;color:#9cacc1;
}
.tech-results{
 display:grid;gap:8px;
}
.tech-result{
 background:white;
 border:1px solid #e5ebf3;
 border-radius:12px;
 padding:16px 19px;
 display:flex;align-items:center;
 justify-content:space-between;
 gap:18px;
}
.tech-result strong{
 font-size:14px;display:block;
}
.tech-result small{
 display:block;color:#8795a8;
 font-size:12px;margin-top:6px;
}
.tech-muted{
 color:#9aa7b7;font-size:11px;
 white-space:nowrap;
}
.tech-empty{
 padding:20px;
 background:white;
 border:1px dashed #d8e1ed;
 border-radius:12px;
 color:#7d8ca0;
 font-size:13px;
 grid-column:1/-1;
}
.tech-notice{
 margin-top:35px;
 border:1px solid #d7e5f9;
 border-radius:12px;
 background:#eaf3ff;
 padding:17px 20px;
 color:#42648e;
 line-height:1.6;font-size:12px;
}
.tech-footer{
 padding:23px 35px;
 border-top:1px solid #e6ebf1;
 color:#93a0b2;font-size:11px;
 display:flex;justify-content:space-between;
 gap:12px;
}
@media(max-width:1100px){
 .tech-services{grid-template-columns:repeat(2,minmax(0,1fr))}
 .tech-brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:850px){
 .tech-sidebar{display:none}
 .tech-main main{padding:22px 18px}
 .tech-topbar{padding:18px}
 .tech-hero{padding:29px 23px}
}
@media(max-width:550px){
 .tech-topbar h1{font-size:19px}
 .tech-preview-label{font-size:10px}
 .tech-services{grid-template-columns:1fr}
 .tech-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .tech-hero{padding:25px 17px}
 .tech-hero h2{font-size:26px}
 .tech-search{flex-direction:column}
 .tech-search button{width:100%}
 .tech-result{align-items:flex-start;flex-direction:column}
 .tech-footer{padding:20px 18px;flex-direction:column}
}

/* PARTFIT TECH MOBILE V2 */

.tech-mobile-header {
    display: none;
}

@media (max-width: 1100px) {
    .tech-sidebar {
        display: none !important;
    }

    .tech-layout {
        display: block;
    }

    .tech-main {
        width: 100%;
    }

    .tech-mobile-header {
        display: flex;
        position: sticky;
        top: 0;
        z-index: 100;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        background: #fff;
        border-bottom: 1px solid #e5ebf3;
        padding: 12px 20px;
    }

    .tech-mobile-brand {
        display: flex;
        align-items: center;
        gap: 9px;
        font-weight: 800;
        font-size: 19px;
    }

    .tech-mobile-brand strong {
        color: #1969db;
    }

    .tech-mobile-menu {
        position: relative;
    }

    .tech-mobile-menu summary {
        display: flex;
        align-items: center;
        gap: 9px;
        padding: 10px 14px;
        background: #edf4ff;
        border-radius: 10px;
        color: #174e99;
        font-size: 14px;
        font-weight: 700;
        cursor: pointer;
        list-style: none;
    }

    .tech-mobile-menu summary::-webkit-details-marker {
        display: none;
    }

    .tech-mobile-menu nav {
        position: absolute;
        right: 0;
        top: calc(100% + 12px);
        width: min(300px, 85vw);
        background: #fff;
        padding: 10px;
        border: 1px solid #e1e8f2;
        border-radius: 14px;
        box-shadow: 0 15px 35px #132b4a25;
        display: grid;
        gap: 4px;
    }

    .tech-mobile-menu nav a {
        padding: 13px;
        border-radius: 8px;
        font-size: 14px;
        font-weight: 600;
    }

    .tech-mobile-menu nav a:hover {
        background: #edf4ff;
    }

    .tech-topbar {
        padding: 18px 20px;
    }

    .tech-main main {
        padding: 22px 20px;
    }

    .tech-brand-grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
}

@media (max-width: 650px) {
    .tech-mobile-header {
        padding: 11px 15px;
    }

    .tech-mobile-brand {
        font-size: 17px;
    }

    .tech-main main {
        padding: 16px 13px;
    }

    .tech-topbar {
        padding: 16px 14px;
    }

    .tech-hero {
        padding: 25px 18px;
    }

    .tech-hero h2 {
        font-size: 26px;
        line-height: 1.22;
    }

    .tech-hero p {
        font-size: 14px;
    }

    .tech-services {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .tech-service {
        min-height: 0;
        padding: 18px;
    }

    .tech-service p {
        min-height: 0;
    }

    .tech-brand-grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 9px;
    }

    .tech-brand {
        padding: 12px 9px;
        font-size: 12px;
    }

    .tech-brand-initial {
        width: 30px;
        height: 30px;
    }

    .tech-section h2 {
        font-size: 20px;
    }

    .tech-section {
        margin-top: 27px;
    }

    .tech-preview-label {
        font-size: 10px;
    }

    .tech-result {
        gap: 8px;
    }
}