:root { --ink:#071a2b; --ink-soft:#0d2941; --paper:#f2f5f7; --white:#ffffff; --accent:#78bce5; --navy:#173f63; --line:rgba(7,26,43,.16); --muted:#607181; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; background:var(--ink); color:var(--paper); font-family:Arial,Helvetica,sans-serif; } a { color:inherit; text-decoration:none; } button,input { font:inherit; }
.site-header { position:absolute; z-index:10; top:0; left:0; right:0; max-width:1440px; margin:auto; padding:26px 5vw; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid rgba(255,255,255,.12); }
.brand { display:inline-flex; align-items:center; gap:9px; padding:0; background:transparent; border:0; }.brand-symbol { display:block; width:auto; height:39px; object-fit:contain; }.brand-wordmark { color:#f5f8fa; font-size:20px; font-weight:400; letter-spacing:-.045em; line-height:1; }.brand-wordmark b { color:#8bbce0; font-weight:700; }.footer-symbol { height:34px; }.footer-wordmark { font-size:18px; }
nav { display:flex; gap:32px; font-size:14px; color:#c2cfda; } nav a:hover,footer a:hover { color:var(--accent); }
.button { display:inline-flex; align-items:center; justify-content:space-between; gap:32px; min-height:54px; padding:0 22px; background:var(--accent); color:var(--ink); font-weight:700; font-size:14px; border:1px solid var(--accent); transition:.2s ease; }.button:hover { background:transparent; color:var(--accent); transform:translateY(-2px); }.button-small { min-height:42px; gap:18px; padding:0 17px; }.arrow-icon { width:17px; height:17px; flex:0 0 auto; fill:none; stroke:currentColor; stroke-width:1.35; stroke-linecap:round; stroke-linejoin:round; transition:transform .2s ease; }.button:hover .arrow-icon,.text-link:hover .arrow-icon { transform:translateX(3px); }
.hero { min-height:820px; max-width:1440px; margin:auto; padding:172px 5vw 58px; position:relative; overflow:hidden; }.hero::after { content:""; position:absolute; top:100px; right:-130px; width:560px; height:560px; border:1px solid rgba(120,188,229,.24); border-radius:50%; box-shadow:0 0 0 85px rgba(120,188,229,.04),0 0 0 170px rgba(120,188,229,.025); pointer-events:none; }.hero::before { content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px); background-size:72px 72px; mask-image:linear-gradient(to bottom,#000,transparent 75%); pointer-events:none; }
.eyebrow,.kicker { text-transform:uppercase; letter-spacing:.17em; font-size:11px; font-weight:700; }.eyebrow { display:flex; align-items:center; gap:10px; color:#b5c3ce; position:relative; }.eyebrow span { width:7px; height:7px; border-radius:50%; background:var(--accent); box-shadow:0 0 12px var(--accent); }
h1,h2,h3,p { margin-top:0; } h1 { position:relative; max-width:1050px; margin:32px 0 26px; font-size:clamp(56px,8vw,118px); line-height:.88; letter-spacing:-.065em; font-weight:700; }h1 em,.contact-section h2 em { font-family:Georgia,"Times New Roman",serif; font-weight:400; color:var(--accent); }.hero-copy { position:relative; max-width:740px; margin-bottom:10px; font-size:19px; line-height:1.6; color:#d2dde5; }.hero-proof { position:relative; max-width:700px; color:#9fb2c1; font-size:15px; line-height:1.6; }.hero-actions { position:relative; margin-top:30px; display:flex; align-items:center; gap:30px; }.text-link { display:inline-flex; align-items:center; gap:10px; padding-bottom:7px; border-bottom:1px solid #516b80; font-size:14px; }.text-link:hover { color:var(--accent); }.cta-helper { position:relative; margin:14px 0 0; color:#8299aa; font-size:12px; }.starter-chip { position:relative; display:inline-flex; align-items:center; gap:10px; margin-top:22px; padding:9px 12px; border:1px solid rgba(120,188,229,.25); color:#c5d3dd; font-size:12px; }.starter-chip span { width:3px; height:3px; border-radius:50%; background:var(--accent); }
.hero-grid { position:relative; margin-top:62px; display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid rgba(255,255,255,.14); }.hero-grid>div { min-height:138px; padding:24px 24px 10px 0; display:flex; flex-direction:column; border-right:1px solid rgba(255,255,255,.12); }.hero-grid>div:not(:first-child) { padding-left:24px; }.hero-grid strong { color:var(--accent); font-size:clamp(22px,2.1vw,30px); letter-spacing:-.04em; }.hero-grid span { max-width:190px; margin-top:8px; color:#a9bac7; font-size:13px; line-height:1.5; }.hero-grid span b { color:#e6edf2; font-weight:600; }.hero-grid .status-card { border-right:0; padding-top:35px; position:relative; }.status-card b { font-size:14px; }.status-card small { margin-top:8px; color:#a9bac7; }.status-dot { position:absolute; top:39px; left:24px; width:7px; height:7px; border-radius:50%; background:var(--accent); }.status-card b,.status-card small { padding-left:18px; }
.section { padding:100px max(5vw,calc((100vw - 1440px)/2 + 5vw)); }.light-section,.process-section { background:var(--paper); color:var(--ink); }.section-intro { display:grid; grid-template-columns:1.4fr .6fr; gap:80px; align-items:end; margin-bottom:58px; }.kicker { color:var(--navy); margin-bottom:22px; }.section h2,.contact-section h2 { margin:0; font-size:clamp(42px,5vw,72px); line-height:.98; letter-spacing:-.055em; }.section-intro>p { color:var(--muted); font-size:16px; line-height:1.75; margin-bottom:4px; }
.service-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); }.service-card { padding:32px 32px 16px 0; min-height:360px; border-right:1px solid var(--line); }.service-card:not(:first-child) { padding-left:32px; }.service-card:last-child { border-right:0; }.card-number { color:var(--navy); font:13px ui-monospace,monospace; }.service-card h3 { margin:42px 0 18px; font-size:28px; letter-spacing:-.035em; }.service-card p { max-width:350px; color:var(--muted); line-height:1.7; }.tags { display:flex; flex-wrap:wrap; gap:7px; margin-top:28px; }.tags span { border:1px solid var(--line); padding:7px 10px; font-size:11px; letter-spacing:.02em; }.tech-note { margin:32px 0 0; padding-top:24px; border-top:1px solid var(--line); color:var(--muted); font-size:14px; line-height:1.7; }.tech-note b { color:var(--ink); }
.cases-section { background:var(--ink-soft); }.inverse>p { color:#afc0cc; }.inverse .kicker { color:var(--accent); }.case-list { border-top:1px solid rgba(255,255,255,.14); }.case-row { display:grid; grid-template-columns:60px 1fr 250px; gap:25px; align-items:center; padding:32px 0; border-bottom:1px solid rgba(255,255,255,.14); }.case-index { color:#70899b; font:12px ui-monospace,monospace; }.case-sector { color:var(--accent); text-transform:uppercase; letter-spacing:.12em; font-size:11px; }.case-row h3 { margin:8px 0 9px; font-size:26px; }.case-row p { margin:0; color:#a9bac7; font-size:14px; }.case-metric { display:flex; flex-direction:column; }.case-metric strong { color:var(--accent); font-size:33px; }.case-metric span { color:#c0ced8; font-size:13px; line-height:1.45; margin-top:4px; }.fine-print { max-width:900px; color:#9cb0bf; font-size:13px; line-height:1.6; margin-top:22px; }
.roi-section { background:var(--navy); color:var(--white); display:grid; grid-template-columns:.9fr 1.1fr; gap:9vw; }.roi-section .kicker { color:var(--accent); }.roi-copy>p:not(.kicker) { max-width:520px; margin-top:25px; line-height:1.7; color:#d0dce5; }.formula { margin-top:38px; display:inline-block; border:1px solid rgba(255,255,255,.3); padding:13px 16px; font:12px ui-monospace,monospace; }.calculator { background:var(--ink); color:var(--paper); padding:38px; border:1px solid rgba(120,188,229,.25); box-shadow:18px 18px 0 rgba(3,15,25,.18); }.calculator label { display:grid; grid-template-columns:1fr auto; gap:11px; margin-bottom:22px; font-size:13px; color:#becbd5; }.calculator output { color:var(--accent); font-weight:700; }.calculator input { grid-column:1/-1; width:100%; accent-color:var(--accent); }.calculator-result { border-top:1px solid rgba(255,255,255,.16); padding-top:24px; display:flex; flex-direction:column; }.calculator-result>span { font-size:13px; color:#aabcc9; }.calculator-result>strong { display:flex; align-items:baseline; gap:6px; font-size:clamp(42px,5vw,58px); color:var(--accent); letter-spacing:-.05em; margin:7px 0 18px; }.calculator-result>strong small { font-size:15px; letter-spacing:0; }.result-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }.result-grid p { margin:0; padding:12px; background:rgba(255,255,255,.05); }.result-grid b,.result-grid span { display:block; }.result-grid b { margin-bottom:5px; color:#eef4f7; font-size:15px; }.result-grid span { color:#aabcc9; font-size:11px; line-height:1.4; }.estimate-note { margin-top:16px; color:#9db0be; font-size:12px; line-height:1.5; }.calculator-cta { margin-top:20px; }
.steps { list-style:none; padding:0; margin:0; border-top:1px solid var(--line); }.steps li { display:grid; grid-template-columns:70px 1fr 120px; gap:30px; align-items:center; border-bottom:1px solid var(--line); padding:28px 0; }.steps>li>span { color:var(--navy); font:13px ui-monospace,monospace; }.steps b { display:block; font-size:21px; margin-bottom:7px; }.steps p { margin:0; color:var(--muted); font-size:14px; }.steps small { text-align:right; color:var(--muted); }
.offer-section { background:#e8eef3; color:var(--ink); display:grid; grid-template-columns:1fr 480px; gap:8vw; align-items:center; }.offer-section>div>p:not(.kicker) { max-width:570px; color:var(--muted); line-height:1.7; margin-top:24px; }.offer-notes { display:grid; gap:12px; margin-top:28px; }.offer-notes p { margin:0; padding-left:15px; border-left:2px solid var(--accent); }.offer-notes b,.offer-notes span { display:block; }.offer-notes b { margin-bottom:5px; font-size:13px; }.offer-notes span { color:var(--muted); font-size:13px; line-height:1.55; }.offer-card { background:var(--white); border:1px solid var(--line); padding:35px; }.offer-price { display:grid; grid-template-columns:1fr auto; align-items:baseline; padding-bottom:25px; border-bottom:1px solid var(--line); }.offer-price span { font-size:12px; text-transform:uppercase; letter-spacing:.1em; }.offer-price strong { font-size:45px; letter-spacing:-.05em; }.offer-price small { grid-column:1/-1; color:var(--muted); margin-top:5px; }.offer-card ul { list-style:none; padding:20px 0; margin:0; }.offer-card li { padding:10px 0; font-size:14px; }.offer-card li span { color:var(--navy); margin-right:10px; }.full-button { width:100%; }
.trust-section { background:#0a2135; }.trust-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid rgba(255,255,255,.14); }.trust-grid article { min-height:210px; padding:28px 28px 22px 0; border-right:1px solid rgba(255,255,255,.12); border-bottom:1px solid rgba(255,255,255,.12); }.trust-grid article:nth-child(3n+2),.trust-grid article:nth-child(3n+3) { padding-left:28px; }.trust-grid article:nth-child(3n) { border-right:0; }.trust-grid span { color:var(--accent); font:12px ui-monospace,monospace; }.trust-grid h3 { margin:28px 0 12px; font-size:19px; }.trust-grid p { margin:0; color:#a9bac7; font-size:13px; line-height:1.6; }
.contact-section { text-align:center; padding:130px 5vw 140px; background:var(--ink); }.contact-section .kicker { color:var(--accent); }.contact-section h2 { max-width:900px; margin:0 auto; }.contact-section>p:not(.kicker) { color:#91a4b3; margin:30px 0; }.contact-actions { display:flex; justify-content:center; flex-wrap:wrap; gap:14px; }.light-button { background:var(--paper); border-color:var(--paper); }.light-button:hover { color:var(--paper); }.outline-button { background:transparent; color:var(--accent); }
footer { max-width:1440px; margin:auto; padding:32px 5vw; display:grid; grid-template-columns:1fr 1.5fr 1fr; gap:25px; align-items:center; border-top:1px solid rgba(255,255,255,.12); color:#a8b8c4; font-size:13px; }footer p { margin:0; }footer>div { display:flex; justify-content:flex-end; gap:20px; }footer small { grid-column:1/-1; padding-top:20px; border-top:1px solid rgba(255,255,255,.08); }
.mobile-label { display:none; }.legal-page { min-height:100vh; max-width:820px; margin:0 auto; padding:70px 24px 100px; color:#dce6ed; }.legal-page .legal-back { display:inline-block; margin-bottom:70px; color:var(--accent); font-size:14px; }.legal-page h1 { margin:0 0 12px; font-size:clamp(48px,8vw,82px); }.legal-page .legal-updated { color:#8fa5b5; }.legal-page section { padding:28px 0; border-top:1px solid rgba(255,255,255,.13); }.legal-page h2 { font-size:22px; }.legal-page section p { color:#b7c6d1; line-height:1.75; }.legal-page section a { color:var(--accent); }.legal-note { margin-top:30px; padding:16px; border:1px solid rgba(120,188,229,.25); color:#aebfcb; font-size:13px; line-height:1.6; }
@media (max-width:850px) { nav { display:none; }.site-header { padding:18px 22px; }.hero { min-height:auto; padding:135px 22px 42px; }.hero::after { width:300px; height:300px; right:-170px; }.hero-copy { font-size:16px; }.hero-actions { align-items:flex-start; flex-direction:column; gap:22px; }.hero-grid { grid-template-columns:1fr 1fr; margin-top:52px; }.hero-grid>div:nth-child(2) { border-right:0; }.hero-grid>div:nth-child(3),.hero-grid>div:nth-child(4) { border-top:1px solid rgba(255,255,255,.12); }.section { padding:76px 22px; }.section-intro { grid-template-columns:1fr; gap:28px; margin-bottom:42px; }.service-grid { grid-template-columns:1fr; }.service-card,.service-card:not(:first-child) { min-height:auto; padding:28px 0; border-right:0; border-bottom:1px solid var(--line); }.service-card h3 { margin-top:28px; }.case-row { grid-template-columns:35px 1fr; }.case-metric { grid-column:2; }.roi-section,.offer-section { grid-template-columns:1fr; gap:45px; }.calculator { padding:28px 22px; }.offer-card { padding:28px 22px; }.steps li { grid-template-columns:35px 1fr; }.steps small { grid-column:2; text-align:left; }.trust-grid { grid-template-columns:1fr 1fr; }.trust-grid article,.trust-grid article:nth-child(3n+2),.trust-grid article:nth-child(3n+3) { padding:26px 22px; }.trust-grid article:nth-child(odd) { padding-left:0; }.trust-grid article:nth-child(even) { border-right:0; }.contact-section { padding:84px 22px; }footer { grid-template-columns:1fr; padding:30px 22px; }footer>div { justify-content:flex-start; flex-wrap:wrap; }footer small { grid-column:1; } }
@media (max-width:500px) { .site-header { gap:12px; }.brand-symbol { height:32px; }.brand-wordmark { font-size:17px; }.button-small { min-height:38px; gap:8px; padding:0 12px; font-size:12px; }.button-small .arrow-icon { width:14px; height:14px; }.desktop-label { display:none; }.mobile-label { display:inline; }.hero-grid { grid-template-columns:1fr; }.hero-grid>div { border-right:0; border-top:1px solid rgba(255,255,255,.12); padding-left:0!important; }.status-dot { left:0; }.status-card b,.status-card small { padding-left:18px; }.case-row p { line-height:1.6; }.result-grid { grid-template-columns:1fr; }.offer-price { grid-template-columns:1fr; }.offer-price strong { margin-top:7px; }.trust-grid { grid-template-columns:1fr; }.trust-grid article,.trust-grid article:nth-child(n) { min-height:auto; padding:24px 0; border-right:0; }.contact-actions .button { width:100%; }.starter-chip { flex-wrap:wrap; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } * { transition:none!important; } }
/* Synchronised components: 2026-08-26 */
.desktop-label { display:inline; }
.technology-section { padding:46px max(5vw,calc((100vw - 1440px)/2 + 5vw)); background:#e6edf2; color:var(--ink); border-top:1px solid var(--line); }
.architecture-section { padding:82px max(5vw,calc((100vw - 1440px)/2 + 5vw)); background:#dce7ef; color:var(--ink); display:grid; grid-template-columns:.72fr 1.28fr; gap:7vw; }
.architecture-intro h2 { margin:0; font-size:clamp(38px,4.3vw,62px); line-height:1; letter-spacing:-.05em; }
.architecture-intro>p:last-child { max-width:520px; margin:25px 0 0; color:var(--muted); line-height:1.7; }
.architecture-grid { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid var(--line); border-left:1px solid var(--line); }
.architecture-grid article { min-height:200px; padding:24px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.architecture-grid span { color:var(--navy); font:12px ui-monospace,monospace; }
.architecture-grid h3 { margin:30px 0 12px; font-size:20px; letter-spacing:-.025em; }
.architecture-grid p { margin:0; color:var(--muted); font-size:13px; line-height:1.65; }
.technology-heading { display:grid; grid-template-columns:180px 1fr; gap:30px; align-items:baseline; margin-bottom:28px; }
.technology-heading .kicker { margin:0; }
.technology-heading h2 { margin:0; font-size:clamp(25px,3vw,38px); letter-spacing:-.035em; }
.technology-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.technology-grid div { min-height:105px; padding:18px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.technology-grid b,.technology-grid span { display:block; }
.technology-grid b { margin-bottom:9px; color:var(--navy); font-size:12px; text-transform:uppercase; letter-spacing:.08em; }
.technology-grid span { color:var(--muted); font-size:13px; line-height:1.55; }
.technology-section .tech-note { margin:22px 0 0; color:var(--muted); font-size:13px; line-height:1.65; }
.roi-section h2 { font-size:clamp(39px,4.4vw,64px); }
.formula { display:block; max-width:560px; font:12px/1.6 ui-monospace,monospace; }
.formula-secondary { margin-top:10px; color:#bed0dc; }
.calculator label { gap:8px 11px; }
.field-help { grid-column:1/-1; color:#8fa5b5; font-size:11px; line-height:1.4; }
.calculator-result>strong .monthly-value { color:inherit; font-size:inherit; line-height:inherit; }
.result-grid p { padding:14px 12px; }
@media (max-width:850px) {
  .architecture-section { grid-template-columns:1fr; gap:38px; padding:68px 22px; }
  .technology-heading { grid-template-columns:1fr; gap:10px; }
  .technology-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:500px) {
  .architecture-grid { grid-template-columns:1fr; }
  .architecture-grid article { min-height:auto; }
  .technology-section { padding:38px 22px; }
  .technology-grid { grid-template-columns:1fr; }
  .technology-grid div { min-height:auto; }
}
@media (max-width:500px) {
  .desktop-label { display:none; }
  .mobile-label { display:inline; }
}