:root {
  --xnk-blue: #1a72b6;
  --xnk-blue-deep: #145a96;
  --xnk-teal: #0f485a;
  --xnk-teal-dark: #0b3745;
  --xnk-charcoal: #343639;
  --xnk-ink: #25272a;
  --xnk-slate: #4f5357;
  --xnk-silver: #cdd3d7;
  --xnk-ice: #f5f8fa;
  --xnk-white: #ffffff;
  --xnk-line: #dde5ea;
  --xnk-shadow: 0 18px 50px rgba(15, 72, 90, 0.12);
  --xnk-radius: 24px;
  --xnk-radius-sm: 16px;
  --xnk-max: 1180px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; font-size: 17px; }
body {
  margin: 0;
  color: var(--xnk-ink);
  background: var(--xnk-white);
  font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-size: 1rem;
  line-height: 1.75;
  letter-spacing: 0.005em;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
button, input, select, textarea { font: inherit; }
img { max-width: 100%; height: auto; }
a { color: inherit; }

.xnk-skip-link { position:absolute; left:-999px; top:12px; z-index:200; padding:10px 14px; background:var(--xnk-charcoal); color:var(--xnk-white); border-radius:8px; }
.xnk-skip-link:focus { left:12px; }
.xnk-site { min-height:100vh; overflow:hidden; background:radial-gradient(circle at 10% 0%, rgba(26,114,182,.09), transparent 28%), radial-gradient(circle at 95% 20%, rgba(15,72,90,.09), transparent 30%), var(--xnk-white); }
.xnk-shell { width:min(var(--xnk-max), calc(100% - 44px)); margin:0 auto; }

.xnk-header { position:sticky; top:0; z-index:80; background:rgba(255,255,255,.94); backdrop-filter:blur(16px); border-bottom:1px solid rgba(223,232,238,.9); }
.xnk-nav { display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:86px; }
.xnk-brand { display:inline-flex; align-items:center; gap:16px; text-decoration:none; min-width:265px; }
.xnk-brand img { width:150px; display:block; }
.xnk-brand-text { display:flex; flex-direction:column; line-height:1.22; }
.xnk-brand-subtitle { margin-top:0; color:var(--xnk-slate); font-size:.84rem; letter-spacing:.08em; text-transform:uppercase; font-weight:700; }
.xnk-nav-links { display:flex; align-items:center; justify-content:flex-end; gap:6px; flex-wrap:wrap; }
.xnk-nav-links a { text-decoration:none; font-weight:700; font-size:.9rem; color:var(--xnk-slate); padding:10px 12px; border-radius:999px; }
.xnk-nav-links a:hover, .xnk-nav-links a:focus { color:var(--xnk-charcoal); background:rgba(26,114,182,.09); outline:none; }

.xnk-hero { position:relative; isolation:isolate; padding:76px 0 48px; overflow:hidden; background:linear-gradient(135deg, rgba(246,249,251,.72), rgba(255,255,255,.95)); }
.xnk-canvas { position:absolute; inset:0; z-index:-2; width:100%; height:100%; }
.xnk-hero::after { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg, rgba(255,255,255,.96), rgba(255,255,255,.76) 52%, rgba(255,255,255,.58)); }
.xnk-hero-grid { display:grid; grid-template-columns:minmax(0,1.18fr) minmax(280px,.82fr); gap:42px; align-items:center; }
.xnk-eyebrow { display:inline-flex; align-items:center; color:var(--xnk-teal); background:rgba(15,72,90,.10); border:1px solid rgba(15,72,90,.18); border-radius:999px; padding:8px 13px; margin:0 0 18px; font-size:.78rem; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }
.xnk-hero h1, .xnk-section-title, .xnk-card h3, .xnk-card h4, .xnk-process-card h3 { font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; }
.xnk-hero h1 { margin:0; color:var(--xnk-charcoal); font-size:clamp(2.15rem, 4.8vw, 4.65rem); line-height:1.08; letter-spacing:-.03em; font-weight:750; max-width:1000px; }
.xnk-lead { margin:28px 0 0; max-width:790px; color:var(--xnk-slate); font-size:clamp(1.08rem, 1.35vw, 1.26rem); line-height:1.72; }
.xnk-lead strong { color:var(--xnk-charcoal); font-weight:800; }
.xnk-hero-actions { display:flex; flex-wrap:wrap; gap:14px; margin-top:34px; }
.xnk-button { display:inline-flex; align-items:center; justify-content:center; min-height:49px; padding:13px 21px; border-radius:999px; border:1px solid transparent; text-decoration:none; font-weight:800; cursor:pointer; transition:transform 180ms ease, box-shadow 180ms ease, background 180ms ease; }
.xnk-button:hover { transform:translateY(-2px); }
.xnk-button-primary { background:linear-gradient(135deg, var(--xnk-blue), var(--xnk-teal)); color:var(--xnk-white); box-shadow:0 14px 30px rgba(20,90,150,.24); }
.xnk-button-secondary { background:var(--xnk-white); color:var(--xnk-charcoal); border-color:rgba(52,54,57,.18); }
.xnk-hero-panel { background:rgba(255,255,255,.88); border:1px solid rgba(221,229,234,.95); border-radius:var(--xnk-radius); padding:26px; box-shadow:var(--xnk-shadow); }
.xnk-hero-logo-card { background:var(--xnk-white); border:1px solid rgba(221,229,234,.95); border-radius:22px; padding:22px; display:flex; align-items:center; justify-content:center; }
.xnk-hero-logo-card img { width:min(100%, 500px); }
.xnk-proof-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:16px; }
.xnk-proof { min-height:96px; padding:17px; background:linear-gradient(180deg, rgba(246,249,251,.95), rgba(255,255,255,.95)); border:1px solid rgba(221,229,234,.95); border-radius:18px; }
.xnk-proof span { display:block; color:var(--xnk-blue-deep); font-size:1rem; font-weight:850; line-height:1.25; }
.xnk-proof small { display:block; margin-top:7px; color:var(--xnk-slate); line-height:1.48; font-size:.91rem; }

.xnk-section { padding:78px 0; }
.xnk-section-muted { background:linear-gradient(180deg, var(--xnk-ice), #fff); border-top:1px solid var(--xnk-line); border-bottom:1px solid var(--xnk-line); }
.xnk-section-dark { background:radial-gradient(circle at top right, rgba(26, 114, 182, .18), transparent 30%), linear-gradient(135deg, #10191d 0%, #14252b 54%, #18323b 100%); color:#ffffff; }
.xnk-section-dark .xnk-section-kicker { color:#c2f6ff; text-shadow:none; }
.xnk-section-dark .xnk-section-title { color:#ffffff; text-shadow:none; }
.xnk-section-dark .xnk-text-block p, .xnk-section-dark p { color:#eef6fb; }
.xnk-section-header { max-width:900px; margin-bottom:30px; }
.xnk-section-kicker { margin:0 0 10px; color:var(--xnk-blue-deep); font-weight:850; text-transform:uppercase; letter-spacing:.12em; font-size:.78rem; }
.xnk-section-title { margin:0; color:var(--xnk-charcoal); font-size:clamp(1.8rem, 3.1vw, 3.05rem); line-height:1.16; letter-spacing:-.022em; font-weight:740; }
.xnk-section-text { margin:18px 0 0; color:var(--xnk-slate); font-size:1.06rem; line-height:1.78; max-width:900px; }
.xnk-grid-2, .xnk-grid-3, .xnk-grid-4 { display:grid; gap:18px; }
.xnk-grid-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.xnk-grid-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.xnk-grid-4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
.xnk-card { position:relative; background:var(--xnk-white); border:1px solid var(--xnk-line); border-radius:var(--xnk-radius-sm); padding:28px; box-shadow:0 12px 30px rgba(15,72,90,.07); }
.xnk-card::before { content:""; position:absolute; inset:0 auto 0 0; width:5px; border-radius:var(--xnk-radius-sm) 0 0 var(--xnk-radius-sm); background:linear-gradient(180deg, var(--xnk-blue), var(--xnk-teal)); }
.xnk-card h3, .xnk-card h4 { margin:0 0 14px; color:var(--xnk-charcoal); line-height:1.28; letter-spacing:-.01em; font-weight:780; }
.xnk-card h3 { font-size:1.3rem; }
.xnk-card h4 { font-size:1.12rem; }
.xnk-card p, .xnk-process-card p, .xnk-text-block p { color:var(--xnk-slate); font-size:1rem; line-height:1.78; }
.xnk-card p { margin:0 0 15px; }
.xnk-card p:last-child { margin-bottom:0; }
.xnk-text-block { max-width:970px; }
.xnk-text-block p { margin:0 0 18px; }
.xnk-columns { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:28px; align-items:start; }
.xnk-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:0; padding:0; list-style:none; }
.xnk-list li { margin:0; padding:13px 14px; color:var(--xnk-charcoal); background:rgba(246,249,251,.94); border:1px solid rgba(221,229,234,.95); border-radius:14px; font-weight:650; line-height:1.45; }
.xnk-list-centered { align-self:center; justify-self:center; width:min(100%, 660px); }
.xnk-list-centered li { display:flex; align-items:center; justify-content:center; text-align:center; min-height:54px; }
.xnk-section-dark .xnk-list li { background:#ffffff; border-color:rgba(255,255,255,.92); color:#17252b; box-shadow:0 12px 26px rgba(0,0,0,.18); }
.xnk-process-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.xnk-process-card { background:#fff; border:1px solid var(--xnk-line); border-radius:var(--xnk-radius); padding:30px; min-height:100%; }
.xnk-process-card h3 { margin:0 0 16px; font-size:1.38rem; line-height:1.26; letter-spacing:-.015em; font-weight:780; }
.xnk-process-card p { margin:0 0 15px; }

.xnk-contact-wrap { display:grid; grid-template-columns:minmax(260px,.85fr) minmax(320px,1.15fr); gap:26px; align-items:start; }
.xnk-company-card, .xnk-form-card { border:1px solid rgba(221,229,234,.95); border-radius:var(--xnk-radius); background:var(--xnk-white); box-shadow:var(--xnk-shadow); }
.xnk-company-card { padding:28px; }
.xnk-form-card { padding:30px; }
.xnk-company-logo { background:var(--xnk-white); border:1px solid var(--xnk-line); border-radius:20px; padding:20px; margin-bottom:20px; display:flex; justify-content:center; align-items:center; text-align:center; }
.xnk-company-logo img { display:block; width:min(390px, 100%); margin:0 auto; }
.xnk-detail-list { display:grid; gap:13px; margin:0; }
.xnk-detail-list div { padding-bottom:13px; border-bottom:1px solid var(--xnk-line); }
.xnk-detail-list div:last-child { border-bottom:0; padding-bottom:0; }
.xnk-detail-list dt { color:var(--xnk-blue-deep); font-weight:850; font-size:.78rem; text-transform:uppercase; letter-spacing:.08em; }
.xnk-detail-list dd { margin:3px 0 0; color:var(--xnk-charcoal); font-weight:700; line-height:1.5; }
.xnk-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.xnk-field { display:grid; gap:7px; }
.xnk-field-wide { grid-column:1 / -1; }
.xnk-field label { color:var(--xnk-charcoal); font-weight:800; font-size:.92rem; }
.xnk-field input, .xnk-field select, .xnk-field textarea { width:100%; border:1px solid #c7d4dc; background:#fff; color:var(--xnk-charcoal); border-radius:14px; padding:13px 14px; min-height:48px; line-height:1.4; }
.xnk-field textarea { min-height:156px; resize:vertical; }
.xnk-field input:focus, .xnk-field select:focus, .xnk-field textarea:focus { outline:3px solid rgba(26,114,182,.20); border-color:var(--xnk-blue); }
.xnk-form-footer { margin-top:16px; display:flex; flex-direction:column; gap:12px; align-items:flex-start; }
.xnk-consent { display:flex; gap:10px; align-items:flex-start; color:var(--xnk-slate); font-size:.94rem; line-height:1.55; }
.xnk-consent input { margin-top:6px; }
.xnk-status { min-height:24px; font-weight:800; }
.xnk-status-success { color:var(--xnk-teal); }
.xnk-status-error { color:#9c2f2f; }
.xnk-footer { padding:32px 0; background:#292b2d; color:rgba(255,255,255,.82); }
.xnk-footer-grid { display:flex; justify-content:space-between; align-items:center; gap:20px; flex-wrap:wrap; }
.xnk-footer strong { color:#fff; }
.xnk-fineprint { margin:0; font-size:.94rem; line-height:1.5; }

@media (max-width:1040px) { .xnk-nav { align-items:flex-start; flex-direction:column; padding:16px 0; } .xnk-nav-links { justify-content:flex-start; } .xnk-hero-grid, .xnk-contact-wrap, .xnk-columns { grid-template-columns:1fr; } .xnk-grid-4 { grid-template-columns:repeat(2,minmax(0,1fr)); } .xnk-process-grid { grid-template-columns:1fr; } }
@media (max-width:760px) { html { font-size:16px; } .xnk-shell { width:min(100% - 28px, var(--xnk-max)); } .xnk-brand { min-width:auto; } .xnk-brand img { width:128px; } .xnk-nav-links { display:none; } .xnk-hero { padding:52px 0 30px; } .xnk-section { padding:56px 0; } .xnk-grid-2, .xnk-grid-3, .xnk-grid-4, .xnk-proof-grid, .xnk-list, .xnk-form-grid { grid-template-columns:1fr; } .xnk-field-wide { grid-column:auto; } .xnk-card, .xnk-process-card, .xnk-company-card, .xnk-form-card { padding:22px; } .xnk-hero h1 { letter-spacing:-.02em; } }


/* WordPress integration helpers */
.xnk-honeypot { position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
.xnk-wp-content { background: var(--xnk-white); border: 1px solid var(--xnk-line); border-radius: var(--xnk-radius); padding: 32px; box-shadow: var(--xnk-shadow); }
.xnk-wp-content h1, .xnk-wp-content h2, .xnk-wp-content h3 { color: var(--xnk-charcoal); line-height: 1.2; }
.xnk-wp-content a { color: var(--xnk-blue-deep); font-weight: 700; }
.xnk-wp-content img { border-radius: var(--xnk-radius-sm); }