:root{
--kmgm-tech-bg:#07111f;
--kmgm-tech-panel:#0f2134;
--kmgm-tech-blue:#2563eb;
--kmgm-tech-blue-light:#60a5fa;
--kmgm-tech-text:#0f172a;
--kmgm-tech-muted:#64748b;
--kmgm-tech-border:#e2e8f0;
--kmgm-tech-white:#ffffff;
}
body{
margin:0;
color:var(--kmgm-tech-text);
}
.kmgm-tech-shell{
min-height:100vh;
background:#fff;
}
.kmgm-tech-container{
width:min(1180px,calc(100% - 40px));
margin:0 auto;
}
.kmgm-tech-header{
background:var(--kmgm-tech-bg);
color:#fff;
position:relative;
z-index:100;
}
.kmgm-tech-header-inner{
min-height:78px;
display:flex;
align-items:center;
justify-content:space-between;
gap:28px;
}
.kmgm-tech-brand{
color:#fff;
text-decoration:none;
font-weight:900;
font-size:21px;
letter-spacing:.01em;
}
.kmgm-tech-brand span{
color:var(--kmgm-tech-blue-light);
}
.kmgm-tech-nav{
display:flex;
align-items:center;
}
.kmgm-tech-nav ul{
margin:0;
padding:0;
list-style:none;
display:flex;
align-items:center;
gap:22px;
}
.kmgm-tech-nav a{
color:#e2e8f0;
text-decoration:none;
font-size:14px;
font-weight:700;
}
.kmgm-tech-nav a:hover,
.kmgm-tech-nav .current-menu-item > a{
color:var(--kmgm-tech-blue-light);
}
.kmgm-tech-mobile-toggle{
display:none;
border:0;
background:transparent;
color:#fff;
font-size:30px;
padding:8px;
cursor:pointer;
}
.kmgm-tech-main{
min-height:60vh;
}
.kmgm-tech-footer{
margin-top:80px;
background:var(--kmgm-tech-bg);
color:#cbd5e1;
}
.kmgm-tech-footer-inner{
padding:42px 0;
display:flex;
justify-content:space-between;
gap:30px;
flex-wrap:wrap;
}
.kmgm-tech-footer a{
color:#fff;
text-decoration:none;
}
.kmgm-tech-footer-title{
color:#fff;
font-weight:900;
margin-bottom:8px;
}
@media(max-width:1050px){
.kmgm-tech-mobile-toggle{
display:block;
}
.kmgm-tech-nav{
display:none;
position:absolute;
top:78px;
left:0;
right:0;
background:var(--kmgm-tech-bg);
border-top:1px solid rgba(255,255,255,.1);
padding:18px 20px 26px;
}
.kmgm-tech-nav.is-open{
display:block;
}
.kmgm-tech-nav ul{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:0;
}
.kmgm-tech-nav li{
width:100%;
}
.kmgm-tech-nav a{
display:block;
padding:12px 0;
width:100%;
}
} .kmg-tech-hero-final{
padding:100px 0;
background:
radial-gradient(
circle at 80% 20%,
rgba(37,99,235,.22),
transparent 35%
),
#07111f;
color:#fff;
}
.kmg-tech-hero-grid{
display:grid;
grid-template-columns:1.05fr .95fr;
gap:70px;
align-items:center;
}
.kmg-tech-eyebrow{
margin-bottom:16px;
font-size:13px;
font-weight:900;
letter-spacing:.14em;
text-transform:uppercase;
color:#60a5fa;
}
.kmg-tech-hero-final h1{
margin:0 0 24px;
max-width:760px;
font-size:clamp(46px,7vw,78px);
line-height:1.02;
color:#fff;
}
.kmg-tech-hero-final h1 span{
color:#60a5fa;
}
.kmg-tech-hero-final p{
max-width:720px;
margin:0 0 32px;
color:#cbd5e1;
font-size:19px;
line-height:1.8;
}
.kmg-tech-actions{
display:flex;
gap:14px;
flex-wrap:wrap;
}
.kmg-tech-btn{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:50px;
padding:0 24px;
border-radius:10px;
text-decoration:none;
font-weight:800;
}
.kmg-tech-btn-primary{
background:#2563eb;
color:#fff;
}
.kmg-tech-btn-secondary{
border:1px solid #60a5fa;
color:#fff;
}
.kmg-tech-hero-panel{
display:grid;
grid-template-columns:1fr 1fr;
gap:16px;
}
.kmg-tech-hero-panel > div{
padding:24px;
border:1px solid rgba(255,255,255,.1);
border-radius:16px;
background:rgba(255,255,255,.05);
}
.kmg-tech-hero-panel strong{
display:block;
margin-bottom:7px;
color:#fff;
}
.kmg-tech-hero-panel span{
color:#cbd5e1;
line-height:1.6;
font-size:14px;
}
.kmg-tech-section{
padding:90px 0;
}
.kmg-tech-section-soft{
background:#f8fafc;
}
.kmg-tech-section-heading{
max-width:800px;
margin-bottom:42px;
}
.kmg-tech-section-heading h2{
margin:0 0 16px;
font-size:clamp(34px,5vw,52px);
line-height:1.1;
}
.kmg-tech-section-heading p{
margin:0;
color:#64748b;
font-size:18px;
line-height:1.75;
}
.kmg-tech-cards{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:20px;
}
.kmg-tech-card{
display:block;
padding:28px;
border:1px solid #e2e8f0;
border-radius:16px;
background:#fff;
color:#0f172a;
text-decoration:none;
transition:
transform .2s ease,
box-shadow .2s ease,
border-color .2s ease;
}
.kmg-tech-card:hover{
transform:translateY(-4px);
border-color:#93c5fd;
box-shadow:0 18px 40px rgba(15,23,42,.08);
}
.kmg-tech-card h3{
margin:0 0 10px;
font-size:21px;
}
.kmg-tech-card p{
margin:0;
color:#64748b;
line-height:1.7;
}
.kmg-tech-cta-final{
padding:90px 0;
background:#0f2134;
color:#fff;
}
.kmg-tech-cta-final h2{
margin:0 0 16px;
color:#fff;
font-size:clamp(34px,5vw,52px);
}
.kmg-tech-cta-final p{
max-width:700px;
margin:0 0 28px;
color:#cbd5e1;
font-size:18px;
line-height:1.7;
}
@media(max-width:900px){
.kmg-tech-hero-grid{
grid-template-columns:1fr;
}
.kmg-tech-cards{
grid-template-columns:1fr 1fr;
}
}
@media(max-width:620px){
.kmg-tech-hero-panel,
.kmg-tech-cards{
grid-template-columns:1fr;
}
.kmg-tech-hero-final{
padding:72px 0;
}
.kmg-tech-section{
padding:68px 0;
}
} .kmgm-tech-brand:focus-visible,
.kmgm-tech-mobile-toggle:focus-visible,
.kmgm-tech-nav a:focus-visible {
outline:3px solid #60a5fa;
outline-offset:3px;
}
body.page-id-337 .kmg-page{
max-width:1180px;
margin:0 auto;
padding:72px 24px;
color:#0f172a;
}
body.page-id-337 .kmg-page h1{
font-size:clamp(42px,6vw,68px);
line-height:1.05;
margin:0 0 20px;
}
body.page-id-337 .kmg-page .lead{
max-width:840px;
font-size:20px;
line-height:1.8;
color:#64748b;
}
body.page-id-337 .kmg-grid{
display:grid;
grid-template-columns:repeat(
auto-fit,
minmax(250px,1fr)
);
gap:20px;
margin-top:46px;
}
body.page-id-337 .kmg-card{
padding:28px;
border:1px solid #e2e8f0;
border-radius:18px;
background:#fff;
}
body.page-id-337 .kmg-card h3{
margin:0 0 10px;
}
body.page-id-337 .kmg-card p{
margin:0;
color:#64748b;
line-height:1.7;
}
body.page-id-337 .kmg-cycle{
margin-top:60px;
padding:42px;
border-radius:22px;
background:#07111f;
color:#fff;
}
body.page-id-337 .kmg-cycle h2{
margin-top:0;
}
body.page-id-337 .kmg-cycle-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:16px;
margin-top:26px;
}
body.page-id-337 .kmg-cycle-step{
padding:20px;
background:#0f2134;
border-radius:14px;
}
body.page-id-337 .kmg-cycle-step strong{
color:#60a5fa;
}
body.page-id-337 .kmg-cycle-step p{
color:#cbd5e1;
line-height:1.6;
}
body.page-id-337 .kmg-cta{
margin-top:60px;
padding:40px;
border-radius:22px;
background:#eff6ff;
}
body.page-id-337 .kmg-cta a{
display:inline-block;
margin-top:16px;
padding:12px 18px;
border-radius:10px;
background:#2563eb;
color:#fff;
font-weight:800;
text-decoration:none;
}
@media(max-width:800px){
body.page-id-337 .kmg-cycle-grid{
grid-template-columns:1fr;
}
}
body.page-id-349 .kmg-page{
max-width:1180px;
margin:0 auto;
padding:72px 24px;
color:#0f172a;
}
body.page-id-349 .kmg-page h1{
font-size:clamp(42px,6vw,68px);
line-height:1.05;
margin:0 0 20px;
}
body.page-id-349 .kmg-page .lead{
max-width:820px;
font-size:20px;
line-height:1.8;
color:#64748b;
}
body.page-id-349 .kmg-grid{
display:grid;
grid-template-columns:repeat(
auto-fit,
minmax(250px,1fr)
);
gap:20px;
margin-top:46px;
}
body.page-id-349 .kmg-card{
padding:26px;
border:1px solid #e2e8f0;
border-radius:18px;
background:#fff;
}
body.page-id-349 .kmg-card h3{
margin:0 0 10px;
}
body.page-id-349 .kmg-card p{
margin:0;
color:#64748b;
line-height:1.7;
}
body.page-id-349 .kmg-path{
margin-top:60px;
padding:40px;
border-radius:22px;
background:#07111f;
color:#fff;
}
body.page-id-349 .kmg-path h2{
margin-top:0;
}
body.page-id-349 .kmg-path-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:16px;
margin-top:26px;
}
body.page-id-349 .kmg-step{
padding:20px;
background:#0f2134;
border-radius:14px;
}
body.page-id-349 .kmg-step strong{
color:#60a5fa;
}
body.page-id-349 .kmg-step p{
color:#cbd5e1;
line-height:1.6;
}
@media(max-width:800px){
body.page-id-349 .kmg-path-grid{
grid-template-columns:1fr;
}
}
body.page-id-367 .kmg-page{
max-width:1180px;
margin:0 auto;
padding:72px 24px;
color:#0f172a;
}
body.page-id-367 .kmg-page h1{
font-size:clamp(42px,6vw,68px);
line-height:1.05;
margin:0 0 20px;
}
body.page-id-367 .kmg-page .lead{
max-width:860px;
font-size:20px;
line-height:1.8;
color:#64748b;
}
body.page-id-367 .kmg-grid{
display:grid;
grid-template-columns:repeat(
auto-fit,
minmax(260px,1fr)
);
gap:20px;
margin-top:46px;
}
body.page-id-367 .kmg-card{
padding:28px;
border:1px solid #e2e8f0;
border-radius:18px;
background:#fff;
}
body.page-id-367 .kmg-card h3{
margin:0 0 10px;
}
body.page-id-367 .kmg-card p{
margin:0;
color:#64748b;
line-height:1.7;
}
body.page-id-367 .kmg-dark{
margin-top:60px;
padding:42px;
border-radius:22px;
background:#07111f;
color:#fff;
}
body.page-id-367 .kmg-dark p{
color:#cbd5e1;
line-height:1.75;
}
body.page-id-367 .kmg-dark a{
display:inline-block;
margin-top:18px;
padding:12px 18px;
border-radius:10px;
background:#2563eb;
color:#fff;
text-decoration:none;
font-weight:800;
}
body.page-id-370 .kmg-page{
max-width:1180px;
margin:0 auto;
padding:72px 24px;
color:#0f172a;
}
body.page-id-370 .kmg-page h1{
font-size:clamp(42px,6vw,68px);
line-height:1.05;
margin:0 0 20px;
}
body.page-id-370 .kmg-page .lead{
max-width:860px;
font-size:20px;
line-height:1.8;
color:#64748b;
}
body.page-id-370 .kmg-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:20px;
margin-top:46px;
}
body.page-id-370 .kmg-card{
padding:28px;
border:1px solid #e2e8f0;
border-radius:18px;
background:#fff;
}
body.page-id-370 .kmg-card h3{
margin:0 0 10px;
}
body.page-id-370 .kmg-card p{
margin:0;
color:#64748b;
line-height:1.7;
}
body.page-id-370 .kmg-dark{
margin-top:60px;
padding:42px;
border-radius:22px;
background:#07111f;
color:#fff;
}
body.page-id-370 .kmg-dark p{
color:#cbd5e1;
line-height:1.75;
}
body.page-id-370 .kmg-dark a{
display:inline-block;
margin-top:18px;
padding:12px 18px;
border-radius:10px;
background:#2563eb;
color:#fff;
text-decoration:none;
font-weight:800;
}
body.page-id-373 .kmg-page{
max-width:1180px;
margin:0 auto;
padding:72px 24px;
color:#0f172a;
}
body.page-id-373 .kmg-page h1{
font-size:clamp(42px,6vw,68px);
line-height:1.05;
margin:0 0 20px;
}
body.page-id-373 .kmg-page .lead{
max-width:860px;
font-size:20px;
line-height:1.8;
color:#64748b;
}
body.page-id-373 .kmg-feature{
margin-top:46px;
padding:36px;
border-radius:22px;
background:#07111f;
color:#fff;
}
body.page-id-373 .kmg-feature .label{
color:#60a5fa;
font-size:12px;
font-weight:800;
letter-spacing:.12em;
text-transform:uppercase;
}
body.page-id-373 .kmg-feature h2{
margin:10px 0 14px;
}
body.page-id-373 .kmg-feature p{
color:#cbd5e1;
line-height:1.75;
}
body.page-id-373 .kmg-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:20px;
margin-top:42px;
}
body.page-id-373 .kmg-card{
padding:28px;
border:1px solid #e2e8f0;
border-radius:18px;
background:#fff;
}
body.page-id-373 .kmg-card h3{
margin:0 0 10px;
}
body.page-id-373 .kmg-card p{
margin:0;
color:#64748b;
line-height:1.7;
}
body.page-id-373 .kmg-cta{
margin-top:60px;
padding:40px;
border-radius:22px;
background:#eff6ff;
}
body.page-id-373 .kmg-cta a{
display:inline-block;
margin-top:16px;
padding:12px 18px;
border-radius:10px;
background:#2563eb;
color:#fff;
text-decoration:none;
font-weight:800;
}
body.page-id-376 .kmg-page{
max-width:1180px;
margin:0 auto;
padding:72px 24px;
color:#0f172a;
}
body.page-id-376 .kmg-page h1{
font-size:clamp(42px,6vw,68px);
line-height:1.05;
margin:0 0 20px;
}
body.page-id-376 .kmg-page .lead{
max-width:880px;
font-size:20px;
line-height:1.8;
color:#64748b;
}
body.page-id-376 .kmg-grid{
display:grid;
grid-template-columns:repeat(
auto-fit,
minmax(250px,1fr)
);
gap:20px;
margin-top:46px;
}
body.page-id-376 .kmg-card{
padding:28px;
border:1px solid #e2e8f0;
border-radius:18px;
background:#fff;
}
body.page-id-376 .kmg-card h3{
margin:0 0 10px;
}
body.page-id-376 .kmg-card p{
margin:0;
color:#64748b;
line-height:1.7;
}
body.page-id-376 .kmg-dark{
margin-top:60px;
padding:42px;
border-radius:22px;
background:#07111f;
color:#fff;
}
body.page-id-376 .kmg-dark h2{
margin-top:0;
}
body.page-id-376 .kmg-dark p{
color:#cbd5e1;
line-height:1.75;
}
body.page-id-376 .kmg-links{
display:flex;
flex-wrap:wrap;
gap:12px;
margin-top:24px;
}
body.page-id-376 .kmg-links a{
display:inline-block;
padding:12px 18px;
border-radius:10px;
background:#2563eb;
color:#fff;
text-decoration:none;
font-weight:800;
}
body.page-id-379 .kmg-page{
max-width:1180px;
margin:0 auto;
padding:72px 24px;
color:#0f172a;
}
body.page-id-379 .kmg-page h1{
font-size:clamp(42px,6vw,68px);
line-height:1.05;
margin:0 0 20px;
}
body.page-id-379 .kmg-page .lead{
max-width:860px;
font-size:20px;
line-height:1.8;
color:#64748b;
}
body.page-id-379 .kmg-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:20px;
margin-top:46px;
}
body.page-id-379 .kmg-card{
padding:28px;
border:1px solid #e2e8f0;
border-radius:18px;
background:#fff;
}
body.page-id-379 .kmg-card h3{
margin:0 0 10px;
}
body.page-id-379 .kmg-card p{
margin:0;
color:#64748b;
line-height:1.7;
}
body.page-id-379 .kmg-card a{
display:inline-block;
margin-top:16px;
color:#2563eb;
font-weight:800;
text-decoration:none;
}
body.page-id-379 .kmg-dark{
margin-top:60px;
padding:42px;
border-radius:22px;
background:#07111f;
color:#fff;
}
body.page-id-379 .kmg-dark p{
color:#cbd5e1;
line-height:1.75;
}
body.page-id-379 .kmg-actions{
display:flex;
flex-wrap:wrap;
gap:12px;
margin-top:24px;
}
body.page-id-379 .kmg-actions a{
display:inline-block;
padding:12px 18px;
border-radius:10px;
background:#2563eb;
color:#fff;
text-decoration:none;
font-weight:800;
}
body.page-id-275 .kmg-page{
max-width:1180px;
margin:0 auto;
padding:72px 24px;
color:#0f172a;
}
body.page-id-275 .kmg-page h1{
font-size:clamp(42px,6vw,68px);
line-height:1.05;
margin:0 0 20px;
}
body.page-id-275 .kmg-page .lead{
max-width:860px;
font-size:20px;
line-height:1.8;
color:#64748b;
}
body.page-id-275 .kmg-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:20px;
margin-top:46px;
}
body.page-id-275 .kmg-card{
padding:28px;
border:1px solid #e2e8f0;
border-radius:18px;
background:#fff;
}
body.page-id-275 .kmg-card h3{
margin:0 0 10px;
}
body.page-id-275 .kmg-card p{
margin:0;
color:#64748b;
line-height:1.7;
}
body.page-id-275 .kmg-card a{
color:#2563eb;
font-weight:800;
text-decoration:none;
}
body.page-id-275 .kmg-dark{
margin-top:60px;
padding:42px;
border-radius:22px;
background:#07111f;
color:#fff;
}
body.page-id-275 .kmg-dark p{
color:#cbd5e1;
line-height:1.75;
}
body.page-id-275 .kmg-actions{
display:flex;
flex-wrap:wrap;
gap:12px;
margin-top:24px;
}
body.page-id-275 .kmg-actions a{
display:inline-block;
padding:12px 18px;
border-radius:10px;
background:#2563eb;
color:#fff;
text-decoration:none;
font-weight:800;
} .kmg-eyebrow {
color:#2563eb;
font-weight:800;
text-transform:uppercase;
letter-spacing:.12em;
}
.kmg-card-link {
margin-top:14px;
} .kmgm-contact-page {
--contact-dark: #07111f;
--contact-panel: #0f2134;
--contact-blue: #2563eb;
--contact-blue-light: #60a5fa;
--contact-text: #0f172a;
--contact-muted: #64748b;
--contact-border: #e2e8f0;
--contact-surface: #ffffff;
color: var(--contact-text);
}
.kmgm-contact-page .kmgm-contact-form {
padding: 28px;
background: var(--contact-surface);
border: 1px solid var(--contact-border);
border-radius: 16px;
box-shadow: 0 12px 32px rgba(7, 17, 31, .08);
}
.kmgm-contact-page .kmgm-contact-form label {
display: block;
margin-bottom: 7px;
color: var(--contact-text);
font-weight: 700;
}
.kmgm-contact-page .kmgm-contact-form input:not([type="checkbox"]):not([type="radio"]),
.kmgm-contact-page .kmgm-contact-form select,
.kmgm-contact-page .kmgm-contact-form textarea {
width: 100%;
max-width: 100%;
padding: 12px 14px;
color: var(--contact-text);
background: #fff;
border: 1px solid var(--contact-border);
border-radius: 10px;
font: inherit;
}
.kmgm-contact-page .kmgm-contact-form textarea {
min-height: 150px;
resize: vertical;
}
.kmgm-contact-page .kmgm-contact-form input:focus,
.kmgm-contact-page .kmgm-contact-form select:focus,
.kmgm-contact-page .kmgm-contact-form textarea:focus {
outline: 3px solid rgba(96, 165, 250, .28);
border-color: var(--contact-blue);
}
.kmgm-contact-page .kmgm-contact-form button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 46px;
padding: 11px 20px;
color: #fff;
background: var(--contact-blue);
border: 1px solid var(--contact-blue);
border-radius: 10px;
font-weight: 800;
cursor: pointer;
}
.kmgm-contact-page .kmgm-contact-form button:hover {
background: var(--contact-panel);
border-color: var(--contact-panel);
}
.kmgm-contact-page #kmgm-contact-result {
margin-top: 16px;
padding: 12px 14px;
background: #eff6ff;
border-radius: 10px;
}
.kmgm-contact-page a {
overflow-wrap: anywhere;
}
@media (max-width: 767px) {
.kmgm-contact-page .kmgm-contact-form {
padding: 18px;
border-radius: 12px;
}
.kmgm-contact-page .kmgm-contact-form button {
width: 100%;
}
}   :root {
--kmg-browser-dark: #07111f;
--kmg-browser-panel: #0f2134;
--kmg-browser-blue: #2563eb;
--kmg-browser-blue-bright: #60a5fa;
--kmg-browser-blue-soft: #eff6ff;
--kmg-browser-ink: #0f172a;
--kmg-browser-muted: #64748b;
--kmg-browser-border: #e2e8f0;
--kmg-browser-soft: #f8fafc;
--kmg-browser-white: #ffffff;
} .kmg-tech-container,
.kmgm-tech-container {
width: min(1180px, calc(100% - 48px));
margin-inline: auto;
} .kmgm-tech-main {
overflow: hidden;
background: #fff;
}
.kmgm-tech-main img {
max-width: 100%;
height: auto;
}
.kmgm-tech-main *,
.kmgm-tech-main *::before,
.kmgm-tech-main *::after {
box-sizing: border-box;
} .kmg-tech-hero-final {
position: relative;
isolation: isolate;
overflow: hidden;
}
.kmg-tech-hero-final::after {
content: "";
position: absolute;
z-index: -1;
width: 420px;
height: 420px;
right: -180px;
bottom: -230px;
border: 1px solid rgba(96, 165, 250, .2);
border-radius: 50%;
}
.kmg-tech-hero-final h1 {
letter-spacing: -.045em;
}
.kmg-tech-eyebrow {
line-height: 1.4;
}
.kmg-tech-card {
height: 100%;
box-shadow:
0 1px 2px rgba(15, 23, 42, .02),
0 10px 30px rgba(15, 23, 42, .04);
}
.kmg-tech-card h3 {
line-height: 1.25;
}
.kmg-tech-btn {
border: 1px solid transparent;
transition:
transform .18s ease,
box-shadow .18s ease,
background-color .18s ease,
border-color .18s ease;
}
.kmg-tech-btn:hover {
transform: translateY(-1px);
}
.kmg-tech-btn-primary:hover {
background: #1d4ed8;
color: #fff;
box-shadow: 0 12px 28px rgba(37, 99, 235, .24);
}
.kmg-tech-btn-secondary:hover {
border-color: #93c5fd;
background: rgba(96, 165, 250, .08);
color: #fff;
}
.kmg-tech-btn:focus-visible,
.kmg-tech-card:focus-visible {
outline: 3px solid rgba(96, 165, 250, .65);
outline-offset: 3px;
} .kmg-page {
width: min(1180px, calc(100% - 48px));
margin-inline: auto;
}
.kmg-page > h1 {
color: var(--kmg-browser-ink);
letter-spacing: -.04em;
}
.kmg-page > .lead {
color: var(--kmg-browser-muted);
}
.kmg-page .kmg-grid {
align-items: stretch;
}
.kmg-page .kmg-card {
height: 100%;
box-shadow:
0 1px 2px rgba(15, 23, 42, .02),
0 10px 30px rgba(15, 23, 42, .045);
transition:
transform .18s ease,
border-color .18s ease,
box-shadow .18s ease;
}
.kmg-page .kmg-card:hover {
transform: translateY(-3px);
border-color: #bfdbfe;
box-shadow: 0 18px 38px rgba(15, 23, 42, .08);
}
.kmg-page .kmg-card h2,
.kmg-page .kmg-card h3 {
color: var(--kmg-browser-ink);
line-height: 1.25;
}
.kmg-page .kmg-dark,
.kmg-page .kmg-path,
.kmg-page .kmg-cycle,
.kmg-page .kmg-feature {
box-shadow: 0 22px 50px rgba(7, 17, 31, .12);
}
.kmg-page .kmg-dark h2,
.kmg-page .kmg-dark h3,
.kmg-page .kmg-path h2,
.kmg-page .kmg-cycle h2,
.kmg-page .kmg-feature h2 {
color: #fff;
}
.kmg-page .kmg-cta {
border: 1px solid #dbeafe;
}
.kmg-page a:focus-visible {
outline: 3px solid rgba(37, 99, 235, .35);
outline-offset: 3px;
} .kmgm-contact-page,
.kmgm-newsletter-page {
--kmgm-page-dark: #07111f;
--kmgm-page-panel: #0f2134;
--kmgm-page-blue: #2563eb;
--kmgm-page-blue-light: #60a5fa;
--kmgm-page-ink: #0f172a;
--kmgm-page-muted: #64748b;
--kmgm-page-border: #e2e8f0;
--kmgm-page-soft: #f8fafc;
--kmgm-page-white: #ffffff;
overflow: hidden;
background: var(--kmgm-page-white);
color: var(--kmgm-page-ink);
}
.kmgm-contact-page .kmgm-container,
.kmgm-newsletter-page .kmgm-container {
width: min(1180px, calc(100% - 48px));
margin-inline: auto;
} .kmgm-contact-page .kmgm-hero,
.kmgm-newsletter-page .kmgm-hero {
position: relative;
isolation: isolate;
overflow: hidden;
padding: 108px 0 100px;
background:
radial-gradient(
circle at 82% 18%,
rgba(37, 99, 235, .28),
transparent 30%
),
radial-gradient(
circle at 12% 90%,
rgba(96, 165, 250, .12),
transparent 34%
),
linear-gradient(
135deg,
#07111f 0%,
#0b1d32 55%,
#102c4b 100%
);
color: #fff;
}
.kmgm-contact-page .kmgm-hero::after,
.kmgm-newsletter-page .kmgm-hero::after {
content: "";
position: absolute;
z-index: -1;
width: 380px;
height: 380px;
right: -150px;
bottom: -200px;
border: 1px solid rgba(96, 165, 250, .23);
border-radius: 50%;
}
.kmgm-contact-page .kmgm-hero__content,
.kmgm-newsletter-page .kmgm-hero__content {
max-width: 920px;
}
.kmgm-contact-page .kmgm-eyebrow,
.kmgm-newsletter-page .kmgm-eyebrow {
display: inline-block;
margin: 0 0 18px;
color: var(--kmgm-page-blue-light);
font-size: .78rem;
font-weight: 850;
letter-spacing: .15em;
line-height: 1.4;
text-transform: uppercase;
}
.kmgm-contact-page .kmgm-display,
.kmgm-newsletter-page .kmgm-display {
max-width: 940px;
margin: 0;
color: #fff;
font-size: clamp(2.8rem, 6vw, 5.2rem);
font-weight: 850;
letter-spacing: -.045em;
line-height: 1.01;
}
.kmgm-contact-page .kmgm-lead,
.kmgm-newsletter-page .kmgm-lead {
max-width: 780px;
margin: 22px 0 0;
color: var(--kmgm-page-muted);
font-size: 1.08rem;
line-height: 1.8;
}
.kmgm-contact-page .kmgm-hero .kmgm-lead,
.kmgm-newsletter-page .kmgm-hero .kmgm-lead {
color: rgba(255, 255, 255, .8);
font-size: clamp(1.05rem, 2vw, 1.22rem);
} .kmgm-contact-page .kmgm-section,
.kmgm-newsletter-page .kmgm-section {
padding: 84px 0;
}
.kmgm-contact-page .kmgm-section:nth-of-type(even):not(.kmgm-section--navy),
.kmgm-newsletter-page .kmgm-section:nth-of-type(even):not(.kmgm-section--navy) {
background: var(--kmgm-page-soft);
}
.kmgm-contact-page .kmgm-section--navy,
.kmgm-newsletter-page .kmgm-section--navy {
background:
radial-gradient(
circle at 88% 10%,
rgba(37, 99, 235, .2),
transparent 30%
),
linear-gradient(
135deg,
var(--kmgm-page-dark),
var(--kmgm-page-panel)
);
color: #fff;
}
.kmgm-contact-page .kmgm-heading,
.kmgm-newsletter-page .kmgm-heading {
max-width: 840px;
margin: 0 0 18px;
color: var(--kmgm-page-ink);
font-size: clamp(2rem, 4vw, 3.2rem);
font-weight: 850;
letter-spacing: -.035em;
line-height: 1.08;
}
.kmgm-contact-page .kmgm-section--navy .kmgm-heading,
.kmgm-newsletter-page .kmgm-section--navy .kmgm-heading {
color: #fff;
}
.kmgm-contact-page .kmgm-section--navy .kmgm-lead,
.kmgm-newsletter-page .kmgm-section--navy .kmgm-lead {
color: rgba(255, 255, 255, .76);
} .kmgm-contact-page .kmgm-grid,
.kmgm-newsletter-page .kmgm-grid {
display: grid;
gap: 22px;
margin-top: 34px;
}
.kmgm-contact-page .kmgm-grid--2,
.kmgm-newsletter-page .kmgm-grid--2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.kmgm-contact-page .kmgm-grid--3,
.kmgm-newsletter-page .kmgm-grid--3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
} .kmgm-contact-page .kmgm-card,
.kmgm-newsletter-page .kmgm-card {
position: relative;
min-width: 0;
height: 100%;
padding: 29px;
border: 1px solid var(--kmgm-page-border);
border-radius: 17px;
background: #fff;
box-shadow:
0 1px 2px rgba(15, 23, 42, .02),
0 14px 34px rgba(15, 23, 42, .055);
}
.kmgm-contact-page .kmgm-card::before,
.kmgm-newsletter-page .kmgm-card::before {
content: "";
position: absolute;
top: 0;
left: 29px;
width: 42px;
height: 3px;
background: var(--kmgm-page-blue);
border-radius: 0 0 4px 4px;
}
.kmgm-contact-page .kmgm-card__number,
.kmgm-newsletter-page .kmgm-card__number {
display: block;
margin-bottom: 17px;
color: var(--kmgm-page-blue);
font-size: .75rem;
font-weight: 850;
letter-spacing: .13em;
text-transform: uppercase;
}
.kmgm-contact-page .kmgm-card__title,
.kmgm-newsletter-page .kmgm-card__title {
margin: 0 0 11px;
color: var(--kmgm-page-ink);
font-size: 1.24rem;
font-weight: 850;
line-height: 1.25;
}
.kmgm-contact-page .kmgm-card__text,
.kmgm-newsletter-page .kmgm-card__text {
margin: 0;
color: var(--kmgm-page-muted);
line-height: 1.72;
}
.kmgm-contact-page .kmgm-card__text + .kmgm-card__text,
.kmgm-newsletter-page .kmgm-card__text + .kmgm-card__text {
margin-top: 9px;
}
.kmgm-contact-page .kmgm-card__link,
.kmgm-newsletter-page .kmgm-card a {
color: var(--kmgm-page-blue);
font-weight: 750;
text-underline-offset: 3px;
}
.kmgm-contact-page .kmgm-section--navy .kmgm-card,
.kmgm-newsletter-page .kmgm-section--navy .kmgm-card {
border-color: rgba(255, 255, 255, .12);
background: rgba(255, 255, 255, .065);
box-shadow: none;
}
.kmgm-contact-page .kmgm-section--navy .kmgm-card__title,
.kmgm-newsletter-page .kmgm-section--navy .kmgm-card__title {
color: #fff;
}
.kmgm-contact-page .kmgm-section--navy .kmgm-card__text,
.kmgm-newsletter-page .kmgm-section--navy .kmgm-card__text {
color: rgba(255, 255, 255, .75);
} .kmgm-contact-page .kmgm-actions,
.kmgm-newsletter-page .kmgm-actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 27px;
}
.kmgm-contact-page .kmgm-button,
.kmgm-newsletter-page .kmgm-button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 49px;
padding: 13px 22px;
border: 1px solid transparent;
border-radius: 9px;
background: transparent;
font: inherit;
font-size: .94rem;
font-weight: 800;
line-height: 1.2;
text-decoration: none;
cursor: pointer;
transition:
transform .18s ease,
background-color .18s ease,
border-color .18s ease,
box-shadow .18s ease;
}
.kmgm-contact-page .kmgm-button--primary,
.kmgm-newsletter-page .kmgm-button--primary {
border-color: var(--kmgm-page-blue);
background: var(--kmgm-page-blue);
color: #fff;
box-shadow: 0 10px 24px rgba(37, 99, 235, .2);
}
.kmgm-contact-page .kmgm-button--secondary,
.kmgm-newsletter-page .kmgm-button--secondary {
border-color: #cbd5e1;
color: var(--kmgm-page-ink);
}
.kmgm-contact-page .kmgm-section--navy .kmgm-button--secondary,
.kmgm-newsletter-page .kmgm-section--navy .kmgm-button--secondary {
border-color: rgba(255, 255, 255, .35);
color: #fff;
}
.kmgm-contact-page .kmgm-button:hover,
.kmgm-newsletter-page .kmgm-button:hover {
transform: translateY(-1px);
}
.kmgm-contact-page .kmgm-button--primary:hover,
.kmgm-newsletter-page .kmgm-button--primary:hover {
border-color: #1d4ed8;
background: #1d4ed8;
}
.kmgm-contact-page .kmgm-button:focus-visible,
.kmgm-newsletter-page .kmgm-button:focus-visible {
outline: 3px solid rgba(96, 165, 250, .5);
outline-offset: 3px;
} .kmgm-contact-page .kmgm-contact-form,
.kmgm-newsletter-page .kmgm-newsletter-form {
width: 100%;
margin-top: 8px;
padding: 30px;
border: 1px solid var(--kmgm-page-border);
border-radius: 17px;
background: #fff;
box-shadow: 0 16px 38px rgba(15, 23, 42, .07);
}
.kmgm-contact-page .kmgm-contact-form p,
.kmgm-newsletter-page .kmgm-newsletter-form p {
margin: 0 0 21px;
}
.kmgm-contact-page .kmgm-contact-form .kmgm-grid {
margin-top: 0;
}
.kmgm-contact-page .kmgm-contact-form label,
.kmgm-newsletter-page .kmgm-newsletter-form label {
display: block;
margin-bottom: 8px;
color: var(--kmgm-page-ink);
font-size: .92rem;
font-weight: 750;
line-height: 1.45;
}
.kmgm-contact-page .kmgm-contact-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.kmgm-contact-page .kmgm-contact-form textarea,
.kmgm-contact-page .kmgm-contact-form select,
.kmgm-newsletter-page .kmgm-newsletter-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.kmgm-newsletter-page .kmgm-newsletter-form textarea,
.kmgm-newsletter-page .kmgm-newsletter-form select {
box-sizing: border-box;
width: 100%;
min-height: 50px;
margin: 0;
padding: 12px 14px;
border: 1px solid #cbd5e1;
border-radius: 9px;
outline: none;
background: #fff;
color: var(--kmgm-page-ink);
font: inherit;
font-size: 1rem;
line-height: 1.45;
transition:
border-color .16s ease,
box-shadow .16s ease;
}
.kmgm-contact-page .kmgm-contact-form textarea,
.kmgm-newsletter-page .kmgm-newsletter-form textarea {
min-height: 170px;
resize: vertical;
}
.kmgm-contact-page .kmgm-contact-form input:focus,
.kmgm-contact-page .kmgm-contact-form textarea:focus,
.kmgm-contact-page .kmgm-contact-form select:focus,
.kmgm-newsletter-page .kmgm-newsletter-form input:focus,
.kmgm-newsletter-page .kmgm-newsletter-form textarea:focus,
.kmgm-newsletter-page .kmgm-newsletter-form select:focus {
border-color: var(--kmgm-page-blue);
box-shadow: 0 0 0 4px rgba(37, 99, 235, .12);
}
.kmgm-contact-page .kmgm-contact-form input[type="checkbox"],
.kmgm-newsletter-page .kmgm-newsletter-form input[type="checkbox"] {
width: 18px;
height: 18px;
margin: 2px 9px 0 0;
accent-color: var(--kmgm-page-blue);
}
.kmgm-newsletter-page .kmgm-newsletter-consent label {
display: flex;
align-items: flex-start;
color: var(--kmgm-page-muted);
font-weight: 500;
line-height: 1.6;
}
.kmgm-newsletter-page .kmgm-newsletter-form {
max-width: 720px;
}
.kmgm-contact-page .kmgm-contact-result,
.kmgm-newsletter-page #kmgm-newsletter-status {
margin-top: 17px;
font-size: .94rem;
font-weight: 650;
line-height: 1.6;
}
.kmgm-contact-page .kmgm-contact-result:not(:empty),
.kmgm-newsletter-page #kmgm-newsletter-status:not(:empty) {
padding: 13px 15px;
border: 1px solid #bfdbfe;
border-radius: 8px;
background: #eff6ff;
} @media (max-width: 900px) {
.kmgm-contact-page .kmgm-grid--3,
.kmgm-newsletter-page .kmgm-grid--3 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 680px) {
.kmg-tech-container,
.kmgm-tech-container,
.kmg-page,
.kmgm-contact-page .kmgm-container,
.kmgm-newsletter-page .kmgm-container {
width: min(100% - 32px, 1180px);
}
.kmg-tech-hero-final {
padding: 70px 0;
}
.kmg-tech-section,
.kmg-tech-cta-final {
padding: 64px 0;
}
.kmg-page {
padding-top: 58px !important;
padding-bottom: 58px !important;
}
.kmg-page > h1 {
font-size: clamp(2.4rem, 11vw, 3.7rem) !important;
}
.kmg-page .kmg-dark,
.kmg-page .kmg-path,
.kmg-page .kmg-cycle,
.kmg-page .kmg-feature,
.kmg-page .kmg-cta {
padding: 28px 22px;
border-radius: 16px;
}
.kmgm-contact-page .kmgm-hero,
.kmgm-newsletter-page .kmgm-hero {
padding: 72px 0 68px;
}
.kmgm-contact-page .kmgm-section,
.kmgm-newsletter-page .kmgm-section {
padding: 62px 0;
}
.kmgm-contact-page .kmgm-display,
.kmgm-newsletter-page .kmgm-display {
font-size: clamp(2.4rem, 12vw, 3.65rem);
}
.kmgm-contact-page .kmgm-grid--2,
.kmgm-contact-page .kmgm-grid--3,
.kmgm-newsletter-page .kmgm-grid--2,
.kmgm-newsletter-page .kmgm-grid--3 {
grid-template-columns: 1fr;
}
.kmgm-contact-page .kmgm-card,
.kmgm-newsletter-page .kmgm-card,
.kmgm-contact-page .kmgm-contact-form,
.kmgm-newsletter-page .kmgm-newsletter-form {
padding: 24px 21px;
border-radius: 14px;
}
.kmgm-contact-page .kmgm-actions,
.kmgm-newsletter-page .kmgm-actions {
flex-direction: column;
align-items: stretch;
}
.kmgm-contact-page .kmgm-button,
.kmgm-newsletter-page .kmgm-button {
width: 100%;
}
}
@media (prefers-reduced-motion: reduce) {
.kmg-tech-card,
.kmg-tech-btn,
.kmg-page .kmg-card,
.kmgm-contact-page .kmgm-button,
.kmgm-newsletter-page .kmgm-button,
.kmgm-contact-page input,
.kmgm-contact-page textarea,
.kmgm-contact-page select,
.kmgm-newsletter-page input,
.kmgm-newsletter-page textarea,
.kmgm-newsletter-page select {
transition: none;
}
}  .kmgm-tech-nav li {
position: relative;
}
.kmgm-tech-nav .menu-item-has-children {
display: flex;
align-items: center;
}
.kmgm-tech-submenu-toggle {
border: 0;
background: transparent;
color: #e2e8f0;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
margin-left: 2px;
padding: 0;
border-radius: 6px;
font: inherit;
}
.kmgm-tech-submenu-toggle span {
display: block;
line-height: 1;
transition: transform .18s ease;
}
.kmgm-tech-submenu-toggle[aria-expanded="true"] span {
transform: rotate(180deg);
}
.kmgm-tech-submenu-toggle:hover,
.kmgm-tech-submenu-toggle:focus-visible {
color: #fff;
background: rgba(255,255,255,.09);
outline: none;
}
.kmgm-tech-nav .sub-menu {
position: absolute;
z-index: 1000;
top: calc(100% + 12px);
left: 0;
min-width: 250px;
margin: 0;
padding: 10px;
display: none;
flex-direction: column;
align-items: stretch;
gap: 2px;
list-style: none;
background: #0b1728;
border: 1px solid rgba(255,255,255,.12);
border-radius: 12px;
box-shadow: 0 18px 45px rgba(0,0,0,.28);
}
.kmgm-tech-nav .sub-menu::before {
content: "";
position: absolute;
top: -13px;
left: 0;
right: 0;
height: 13px;
}
.kmgm-tech-nav .sub-menu li {
width: 100%;
}
.kmgm-tech-nav .sub-menu a {
display: block;
width: 100%;
padding: 10px 12px;
border-radius: 8px;
line-height: 1.35;
white-space: nowrap;
}
.kmgm-tech-nav .sub-menu a:hover,
.kmgm-tech-nav .sub-menu .current-menu-item > a {
background: rgba(96,165,250,.12);
}
@media (min-width:1051px) {
.kmgm-tech-nav .menu-item-has-children:hover > .sub-menu,
.kmgm-tech-nav .menu-item-has-children:focus-within > .sub-menu,
.kmgm-tech-nav .menu-item-has-children.submenu-open > .sub-menu {
display: flex;
}
}
@media (max-width:1050px) {
.kmgm-tech-nav .menu-item-has-children {
display: grid;
grid-template-columns: minmax(0,1fr) 44px;
align-items: center;
width: 100%;
}
.kmgm-tech-nav .menu-item-has-children > a {
width: auto;
}
.kmgm-tech-submenu-toggle {
width: 44px;
height: 44px;
margin: 0;
justify-self: end;
}
.kmgm-tech-nav .sub-menu {
position: static;
grid-column: 1 / -1;
min-width: 0;
width: 100%;
margin: 0;
padding: 2px 0 8px 18px;
display: none;
background: transparent;
border: 0;
border-radius: 0;
box-shadow: none;
}
.kmgm-tech-nav .sub-menu::before {
display: none;
}
.kmgm-tech-nav .menu-item-has-children.submenu-open > .sub-menu {
display: flex;
}
.kmgm-tech-nav .sub-menu a {
padding: 10px 12px;
white-space: normal;
color: #cbd5e1;
}
} :is(
.page-id-349,
.page-id-337,
.page-id-367,
.page-id-370,
.page-id-373,
.page-id-376,
.page-id-379
) .site-main {
overflow: hidden;
}
:is(
.page-id-349,
.page-id-337,
.page-id-367,
.page-id-370,
.page-id-373,
.page-id-376,
.page-id-379
) .kmg-page {
--tech-legacy-ink: #10243e;
--tech-legacy-muted: #56677b;
--tech-legacy-line: rgba(16, 36, 62, 0.12);
--tech-legacy-soft: #f5f8fb;
--tech-legacy-white: #ffffff;
--tech-legacy-accent: #d49a32;
--tech-legacy-dark: #10243e;
width: min(1180px, calc(100% - 40px));
margin: 0 auto;
padding: 72px 0 88px;
color: var(--tech-legacy-ink);
} :is(
.page-id-349,
.page-id-337,
.page-id-367,
.page-id-370,
.page-id-373,
.page-id-376,
.page-id-379
) .kmg-page > .kmg-eyebrow {
display: inline-flex;
align-items: center;
gap: 10px;
margin: 0 0 18px;
padding: 8px 14px;
border: 1px solid rgba(212, 154, 50, 0.28);
border-radius: 999px;
background: rgba(212, 154, 50, 0.08);
color: #8a651f;
font-size: 0.78rem;
font-weight: 800;
letter-spacing: 0.12em;
line-height: 1.2;
text-transform: uppercase;
}
:is(
.page-id-349,
.page-id-337,
.page-id-367,
.page-id-370,
.page-id-373,
.page-id-376,
.page-id-379
) .kmg-page > .kmg-eyebrow::before {
content: "";
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--tech-legacy-accent);
box-shadow: 0 0 0 5px rgba(212, 154, 50, 0.12);
}
:is(
.page-id-349,
.page-id-337,
.page-id-367,
.page-id-370,
.page-id-373,
.page-id-376,
.page-id-379
) .kmg-page > h1 {
max-width: 900px;
margin: 0;
color: var(--tech-legacy-ink);
font-size: clamp(2.6rem, 6vw, 5.1rem);
font-weight: 800;
letter-spacing: -0.055em;
line-height: 0.98;
}
:is(
.page-id-349,
.page-id-337,
.page-id-367,
.page-id-370,
.page-id-373,
.page-id-376,
.page-id-379
) .kmg-page > .lead {
max-width: 820px;
margin: 28px 0 54px;
color: var(--tech-legacy-muted);
font-size: clamp(1.08rem, 2vw, 1.32rem);
line-height: 1.75;
} :is(
.page-id-349,
.page-id-337,
.page-id-367,
.page-id-370,
.page-id-373,
.page-id-376,
.page-id-379
) .kmg-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 22px;
margin: 0 0 64px;
}
:is(
.page-id-349,
.page-id-337,
.page-id-367,
.page-id-370,
.page-id-373,
.page-id-376,
.page-id-379
) .kmg-card {
position: relative;
min-width: 0;
margin: 0;
padding: 30px;
overflow: hidden;
border: 1px solid var(--tech-legacy-line);
border-radius: 22px;
background: var(--tech-legacy-white);
box-shadow:
0 1px 2px rgba(16, 36, 62, 0.04),
0 16px 42px rgba(16, 36, 62, 0.06);
transition:
transform 180ms ease,
border-color 180ms ease,
box-shadow 180ms ease;
}
:is(
.page-id-349,
.page-id-337,
.page-id-367,
.page-id-370,
.page-id-373,
.page-id-376,
.page-id-379
) .kmg-card::before {
content: "";
position: absolute;
top: 0;
left: 30px;
width: 54px;
height: 4px;
border-radius: 0 0 999px 999px;
background: var(--tech-legacy-accent);
}
:is(
.page-id-349,
.page-id-337,
.page-id-367,
.page-id-370,
.page-id-373,
.page-id-376,
.page-id-379
) .kmg-card:hover {
transform: translateY(-5px);
border-color: rgba(212, 154, 50, 0.38);
box-shadow:
0 2px 4px rgba(16, 36, 62, 0.04),
0 22px 55px rgba(16, 36, 62, 0.11);
}
:is(
.page-id-349,
.page-id-337,
.page-id-367,
.page-id-370,
.page-id-373,
.page-id-376,
.page-id-379
) .kmg-card h3 {
margin: 4px 0 14px;
color: var(--tech-legacy-ink);
font-size: 1.18rem;
font-weight: 800;
letter-spacing: -0.02em;
line-height: 1.28;
}
:is(
.page-id-349,
.page-id-337,
.page-id-367,
.page-id-370,
.page-id-373,
.page-id-376,
.page-id-379
) .kmg-card p {
margin: 0;
color: var(--tech-legacy-muted);
font-size: 0.98rem;
line-height: 1.7;
} :is(
.page-id-349,
.page-id-337,
.page-id-367,
.page-id-370,
.page-id-373,
.page-id-376,
.page-id-379
) :is(
.kmg-feature,
.kmg-path,
.kmg-cycle,
.kmg-dark
) {
margin: 64px 0;
padding: clamp(34px, 5vw, 58px);
border-radius: 28px;
}
:is(
.page-id-349,
.page-id-337,
.page-id-367,
.page-id-370,
.page-id-373,
.page-id-376,
.page-id-379
) :is(
.kmg-feature,
.kmg-path,
.kmg-cycle
) {
border: 1px solid var(--tech-legacy-line);
background:
linear-gradient(
135deg,
rgba(212, 154, 50, 0.09),
rgba(245, 248, 251, 0.92) 46%,
#ffffff
);
}
:is(
.page-id-349,
.page-id-337,
.page-id-367,
.page-id-370,
.page-id-373,
.page-id-376,
.page-id-379
) .kmg-dark {
color: #ffffff;
background:
radial-gradient(
circle at 90% 10%,
rgba(212, 154, 50, 0.24),
transparent 34%
),
linear-gradient(
135deg,
#0d2038,
#173b61
);
box-shadow: 0 24px 70px rgba(16, 36, 62, 0.18);
}
:is(
.page-id-349,
.page-id-337,
.page-id-367,
.page-id-370,
.page-id-373,
.page-id-376,
.page-id-379
) :is(
.kmg-feature,
.kmg-path,
.kmg-cycle,
.kmg-dark
) > h2 {
max-width: 800px;
margin: 0 0 18px;
font-size: clamp(1.8rem, 4vw, 3rem);
font-weight: 800;
letter-spacing: -0.04em;
line-height: 1.08;
}
:is(
.page-id-349,
.page-id-337,
.page-id-367,
.page-id-370,
.page-id-373,
.page-id-376,
.page-id-379
) .kmg-dark :is(h2, h3, strong) {
color: #ffffff;
}
:is(
.page-id-349,
.page-id-337,
.page-id-367,
.page-id-370,
.page-id-373,
.page-id-376,
.page-id-379
) .kmg-dark p {
color: rgba(255, 255, 255, 0.79);
} :is(
.page-id-349,
.page-id-337,
.page-id-367,
.page-id-370,
.page-id-373,
.page-id-376,
.page-id-379
) :is(
.kmg-path-grid,
.kmg-cycle-grid,
.kmg-steps,
.kmg-step-grid
) {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 18px;
margin-top: 30px;
}
:is(
.page-id-349,
.page-id-337,
.page-id-367,
.page-id-370,
.page-id-373,
.page-id-376,
.page-id-379
) :is(
.kmg-step,
.kmg-cycle-step
) {
min-width: 0;
padding: 24px;
border: 1px solid var(--tech-legacy-line);
border-radius: 18px;
background: rgba(255, 255, 255, 0.82);
}
:is(
.page-id-349,
.page-id-337,
.page-id-367,
.page-id-370,
.page-id-373,
.page-id-376,
.page-id-379
) :is(
.kmg-step,
.kmg-cycle-step
) > strong {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 42px;
height: 42px;
margin-bottom: 18px;
border-radius: 12px;
background: var(--tech-legacy-dark);
color: #ffffff;
font-size: 0.82rem;
font-weight: 800;
letter-spacing: 0.08em;
}
:is(
.page-id-349,
.page-id-337,
.page-id-367,
.page-id-370,
.page-id-373,
.page-id-376,
.page-id-379
) :is(
.kmg-step,
.kmg-cycle-step
) h3 {
margin: 0 0 10px;
font-size: 1.05rem;
font-weight: 800;
}
:is(
.page-id-349,
.page-id-337,
.page-id-367,
.page-id-370,
.page-id-373,
.page-id-376,
.page-id-379
) :is(
.kmg-step,
.kmg-cycle-step
) p {
margin: 0;
color: var(--tech-legacy-muted);
line-height: 1.65;
} :is(
.page-id-349,
.page-id-337,
.page-id-367,
.page-id-370,
.page-id-373,
.page-id-376,
.page-id-379
) .kmg-feature .label {
display: inline-flex;
margin-bottom: 18px;
padding: 7px 11px;
border-radius: 999px;
background: var(--tech-legacy-dark);
color: #ffffff;
font-size: 0.72rem;
font-weight: 800;
letter-spacing: 0.1em;
text-transform: uppercase;
}
:is(
.page-id-349,
.page-id-337,
.page-id-367,
.page-id-370,
.page-id-373,
.page-id-376,
.page-id-379
) .kmg-page a:not(.menu-link) {
font-weight: 700;
text-underline-offset: 3px;
} @media (max-width: 1000px) {
:is(
.page-id-349,
.page-id-337,
.page-id-367,
.page-id-370,
.page-id-373,
.page-id-376,
.page-id-379
) .kmg-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
:is(
.page-id-349,
.page-id-337,
.page-id-367,
.page-id-370,
.page-id-373,
.page-id-376,
.page-id-379
) :is(
.kmg-path-grid,
.kmg-cycle-grid,
.kmg-steps,
.kmg-step-grid
) {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 680px) {
:is(
.page-id-349,
.page-id-337,
.page-id-367,
.page-id-370,
.page-id-373,
.page-id-376,
.page-id-379
) .kmg-page {
width: min(100% - 28px, 1180px);
padding: 48px 0 64px;
}
:is(
.page-id-349,
.page-id-337,
.page-id-367,
.page-id-370,
.page-id-373,
.page-id-376,
.page-id-379
) .kmg-page > h1 {
font-size: clamp(2.3rem, 12vw, 3.8rem);
}
:is(
.page-id-349,
.page-id-337,
.page-id-367,
.page-id-370,
.page-id-373,
.page-id-376,
.page-id-379
) .kmg-page > .lead {
margin-bottom: 40px;
}
:is(
.page-id-349,
.page-id-337,
.page-id-367,
.page-id-370,
.page-id-373,
.page-id-376,
.page-id-379
) .kmg-grid,
:is(
.page-id-349,
.page-id-337,
.page-id-367,
.page-id-370,
.page-id-373,
.page-id-376,
.page-id-379
) :is(
.kmg-path-grid,
.kmg-cycle-grid,
.kmg-steps,
.kmg-step-grid
) {
grid-template-columns: 1fr;
}
:is(
.page-id-349,
.page-id-337,
.page-id-367,
.page-id-370,
.page-id-373,
.page-id-376,
.page-id-379
) :is(
.kmg-feature,
.kmg-path,
.kmg-cycle,
.kmg-dark
) {
margin: 44px 0;
padding: 28px 22px;
border-radius: 22px;
}
:is(
.page-id-349,
.page-id-337,
.page-id-367,
.page-id-370,
.page-id-373,
.page-id-376,
.page-id-379
) .kmg-card {
padding: 26px 24px;
}
} @media (min-width:1051px) {
.kmgm-tech-nav {
min-width: 0;
max-width: 100%;
}
.kmgm-tech-nav > ul {
min-width: 0;
max-width: 100%;
gap: 16px;
}
.kmgm-tech-nav > ul > li {
flex: 0 1 auto;
min-width: 0;
}
.kmgm-tech-nav > ul > li > a {
white-space: nowrap;
} .kmgm-tech-nav > ul > .menu-item-has-children > .sub-menu {
width: max-content;
min-width: 250px;
max-width: min(360px, calc(100vw - 32px));
} .kmgm-tech-nav > ul > .menu-item-has-children:nth-last-child(-n+4)
> .sub-menu {
left: auto;
right: 0;
}
.kmgm-tech-nav .sub-menu a {
box-sizing: border-box;
max-width: 100%;
}
} .page-id-349 .tech-shell { }
.page-id-349 .tech-hero-final { }
.page-id-349 .tech-hero-grid { }
.page-id-349 .tech-hero-panel { }
.page-id-349 .tech-section { }
.page-id-349 .tech-section-soft { }
.page-id-349 .tech-section-heading { }
.page-id-349 .tech-cards { }
.page-id-349 .tech-card { }
.page-id-349 .tech-button-primary { }
.page-id-349 .tech-button-secondary { }
.page-id-349 .tech-button { }
.page-id-349 .tech-cta-final { }
.page-id-349 .tech-shell {
width: min(1180px, calc(100% - 48px));
margin-inline: auto;
}
.page-id-349 .tech-hero-final {
padding: 70px 0;
background:
radial-gradient(circle at 80% 20%, rgba(37,99,235,.22), transparent 35%),
#07111f;
color: #fff;
}
.page-id-349 .tech-hero-grid {
display: grid;
grid-template-columns: 1.05fr .95fr;
gap: 70px;
align-items: center;
}
.page-id-349 .tech-hero-panel {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}
.page-id-349 .tech-section {
padding: 68px 0;
}
.page-id-349 .tech-section-soft {
background: #f8fafc;
}
.page-id-349 .tech-section-heading {
max-width: 800px;
margin-bottom: 42px;
}
.page-id-349 .tech-cards {
display: grid;
grid-template-columns: repeat(3, minmax(0,1fr));
gap: 20px;
}
.page-id-349 .tech-card {
display: block;
height: 100%;
padding: 28px;
border: 1px solid #e2e8f0;
border-radius: 16px;
background: #fff;
box-shadow: 0 10px 30px rgba(15,23,42,.04);
}
.page-id-349 .tech-button {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 12px 20px;
border-radius: 10px;
text-decoration: none;
}
.page-id-349 .tech-button-primary {
background: #2563eb;
color: #fff;
}
.page-id-349 .tech-button-secondary {
border: 1px solid #60a5fa;
color: #fff;
}
.page-id-349 .tech-cta-final {
padding: 64px 0;
background: #0f2134;
color: #fff;
}
@media (max-width:900px) {
.page-id-349 .tech-hero-grid {
grid-template-columns: 1fr;
}
.page-id-349 .tech-cards {
grid-template-columns: repeat(2,minmax(0,1fr));
}
}
@media (max-width:680px) {
.page-id-349 .tech-shell {
width: min(100% - 32px,1180px);
}
.page-id-349 .tech-hero-panel,
.page-id-349 .tech-cards {
grid-template-columns: 1fr;
}
} .page-id-337 .kmg-cycle-step h3 { color: #ffffff; } @media (min-width:1051px) {
.kmgm-tech-nav > ul > .menu-item-has-children > .sub-menu {
top: calc(100% + 7px);
min-width: 218px;
max-width: min(330px, calc(100vw - 32px));
padding: 6px;
gap: 2px;
background: #0a1626;
border: 1px solid rgba(96,165,250,.20);
border-radius: 12px;
box-shadow: 0 14px 34px rgba(0,0,0,.24);
}
}
@media (min-width:1051px) {
.kmgm-tech-nav .sub-menu a {
padding: 11px 13px;
color: #f8fafc;
font-weight: 650;
line-height: 1.3;
border-radius: 8px;
transition: background .16s ease, color .16s ease, transform .16s ease, box-shadow .16s ease;
}
.kmgm-tech-nav .sub-menu a:hover,
.kmgm-tech-nav .sub-menu a:focus-visible,
.kmgm-tech-nav .sub-menu .current-menu-item > a {
background: rgba(59,130,246,.14);
color: #ffffff;
box-shadow: inset 3px 0 0 #60a5fa;
transform: translateX(2px);
outline: none;
}
}