:root { --t-ink:#0d2839; --t-deep:#071c2c; --t-blue:#4fc8c1; --t-coral:#fa7259; --t-line:#d5e4e6; --t-muted:#6c818b; }
body { color:var(--t-ink); background:#f6fafb; font-family:'DM Sans','Noto Sans',sans-serif; } a { color:inherit; }
.t-topbar { background:#071c2c; color:#9db6bf; font-size:10px; }.t-topbar > div { display:flex; min-height:34px; align-items:center; justify-content:space-between; }.t-topbar p { display:flex; align-items:center; gap:6px; }.t-topbar .material-symbols-rounded { color:var(--t-blue); font-size:15px; }.t-topbar a { margin-left:21px; color:#7f9ca5; }
.t-header { position:relative; z-index:10; border-bottom:1px solid #cddfe2; background:#f6fafb; }.t-header-inner { display:flex; min-height:82px; align-items:center; gap:63px; }.t-logo { display:flex; align-items:center; gap:9px; text-decoration:none; }.t-logo > span { display:grid; width:37px; height:37px; place-items:center; border:1px solid #4fc8c1; border-radius:9px; color:#0d2839; font-family:'Space Grotesk',sans-serif; font-size:12px; font-weight:700; letter-spacing:-.08em; }.t-logo strong { font-family:'Space Grotesk',sans-serif; font-size:14px; letter-spacing:-.04em; line-height:.88; }.t-logo strong b { color:#78919b; font-family:'DM Sans',sans-serif; font-size:8px; letter-spacing:.15em; text-transform:uppercase; }.t-nav { display:flex; gap:31px; margin-right:auto; font-size:11px; font-weight:600; }.t-nav a:hover { color:#159e9b; }.t-header-cta { display:inline-flex; min-height:38px; align-items:center; gap:8px; padding:0 15px; background:var(--t-ink); color:#fff; font-size:11px; font-weight:700; }.t-header-cta:hover { background:#193f55; }.t-header-cta .material-symbols-rounded { color:var(--t-blue); font-size:15px; }.t-mobile-menu,.t-mobile-nav { display:none; }
.t-hero { min-height:645px; overflow:hidden; background:var(--t-deep); color:#fff; }.t-hero-inner { position:relative; display:flex; min-height:645px; align-items:center; }.t-hero-copy { position:relative; z-index:2; padding:30px 0 55px; }.t-hero h1 { margin:18px 0 20px; font-family:'Space Grotesk',sans-serif; font-size:clamp(56px,7vw,94px); font-weight:600; letter-spacing:-.09em; line-height:.94; }.t-hero h1 em { color:var(--t-blue); font-style:normal; }.t-hero-copy > p:not(.t-eyebrow) { color:#c4d4d9; font-size:14px; line-height:1.8; }.t-hero-actions { display:flex; align-items:center; gap:25px; margin-top:31px; }.t-hero-panel { position:absolute; right:-7%; width:540px; height:540px; border:1px solid rgba(79,200,193,.38); border-radius:50%; background:radial-gradient(circle at center,rgba(52,145,161,.22),transparent 53%),linear-gradient(135deg,rgba(9,43,61,.9),rgba(7,28,44,.28)); box-shadow:0 0 90px rgba(79,200,193,.12); }.t-hero-panel::before,.t-hero-panel::after { position:absolute; inset:10%; border:1px dashed rgba(79,200,193,.24); border-radius:50%; content:""; }.t-hero-panel::after { inset:25%; border-style:solid; border-color:rgba(250,114,89,.38); }.t-panel-top,.t-panel-bottom { position:absolute; right:42px; left:42px; display:flex; justify-content:space-between; color:#7ea2ab; font-family:'Space Grotesk',sans-serif; font-size:9px; letter-spacing:.12em; }.t-panel-top { top:31px; }.t-panel-bottom { bottom:29px; }.t-status { color:#73cfc7; }.t-status i { display:inline-block; width:5px; height:5px; margin-right:5px; border-radius:50%; background:#73cfc7; }.t-core { position:absolute; top:50%; left:50%; display:flex; width:135px; height:135px; align-items:center; justify-content:center; flex-direction:column; border:1px solid rgba(79,200,193,.74); border-radius:50%; background:#0c3043; box-shadow:0 0 0 10px rgba(79,200,193,.07),0 0 40px rgba(79,200,193,.22); transform:translate(-50%,-50%); }.t-core .material-symbols-rounded { color:var(--t-blue); font-size:28px; }.t-core strong { margin-top:4px; font-family:'Space Grotesk',sans-serif; font-size:23px; }.t-core small { color:#86a9b1; font-size:8px; }.t-orbit { position:absolute; top:50%; left:50%; width:410px; height:112px; border:1px solid rgba(79,200,193,.35); border-radius:50%; transform:translate(-50%,-50%) rotate(35deg); }.t-orbit-two { transform:translate(-50%,-50%) rotate(-35deg); border-color:rgba(250,114,89,.3); }
.t-trust-strip { background:#0b2536; color:#86a1aa; }.t-trust-inner { display:flex; min-height:92px; align-items:center; justify-content:space-between; gap:35px; }.t-trust-inner p { font-size:10px; }.t-trust-inner div { display:flex; align-items:center; gap:39px; color:#c3d3d6; font-family:'Space Grotesk',sans-serif; font-size:13px; font-weight:600; letter-spacing:.02em; }
.t-section { padding:108px 0; }.t-capability-section { background:#f6fafb; }.t-section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; margin-bottom:44px; }.t-section-head h2 { margin-top:13px; font-family:'Space Grotesk',sans-serif; font-size:40px; font-weight:600; letter-spacing:-.08em; line-height:1.03; }.t-section-head h2 strong { color:#1aa4a2; }.t-section-head > p { color:var(--t-muted); font-size:12px; line-height:1.8; text-align:right; }.t-capability-grid { display:grid; grid-template-columns:1.1fr 1fr 1fr 1fr; gap:11px; }.t-capability-card { position:relative; display:flex; min-height:300px; flex-direction:column; justify-content:space-between; padding:25px 22px; border:1px solid var(--t-line); background:#fff; transition:background .2s ease, color .2s ease, transform .2s ease; }.t-capability-card:hover { background:#0d2839; color:#fff; transform:translateY(-5px); }.t-capability-card > .material-symbols-rounded { color:#1aa4a2; font-size:32px; }.t-capability-card small { color:#699397; font-family:'Space Grotesk',sans-serif; font-size:8px; letter-spacing:.13em; }.t-capability-card strong { margin-top:7px; font-family:'Space Grotesk',sans-serif; font-size:19px; }.t-capability-card p { margin-top:10px; color:var(--t-muted); font-size:11px; line-height:1.7; }.t-capability-card:hover p { color:#b6ced0; }.t-capability-card b { display:flex; align-items:center; justify-content:space-between; color:#77979b; font-size:10px; }.t-capability-card b .material-symbols-rounded { font-size:17px; }.t-capability-main { border-color:#7ad1cb; background:#e4f4f1; }
.t-case-section { background:#102d3f; color:#fff; }.t-section-head-light h2 { color:#fff; }.t-case-grid { display:grid; grid-template-columns:1.25fr 1fr 1fr; gap:14px; }.t-case-card { background:#183c50; }.t-case-visual { position:relative; display:grid; height:260px; place-items:center; overflow:hidden; }.t-case-large .t-case-visual { height:320px; }.t-case-visual::before { position:absolute; width:270px; height:270px; border:1px solid rgba(255,255,255,.25); border-radius:50%; content:""; }.t-case-visual::after { position:absolute; width:175px; height:175px; border:1px dashed rgba(255,255,255,.36); border-radius:50%; content:""; }.t-case-visual > .material-symbols-rounded { position:relative; z-index:1; color:#fff; font-size:58px; }.t-case-visual b { position:absolute; top:18px; right:18px; color:rgba(255,255,255,.55); font-family:'Space Grotesk',sans-serif; font-size:11px; }.t-case-visual-blue { background:#25628a; }.t-case-visual-green { background:#277e79; }.t-case-visual-purple { background:#5b568b; }.t-case-card > div:last-child { padding:20px 21px 22px; }.t-case-card small { color:#75d5cf; font-size:8px; letter-spacing:.14em; }.t-case-card strong { display:block; margin-top:9px; font-family:'Space Grotesk',sans-serif; font-size:19px; line-height:1.15; }.t-case-card p { margin-top:14px; color:#9db9c0; font-size:10px; }
.t-process-section { background:#e5f1f0; }.t-process-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:130px; align-items:start; }.t-process-grid h2 { margin:15px 0 20px; font-family:'Space Grotesk',sans-serif; font-size:42px; letter-spacing:-.08em; line-height:1.02; }.t-process-grid h2 strong { color:#199f9d; }.t-process-grid > div:first-child > p:not(.t-eyebrow) { max-width:340px; color:#658180; font-size:13px; line-height:1.8; }.t-process-grid .t-button { margin-top:29px; }.t-process-list { border-top:1px solid #b8d3d0; }.t-process-list > div { display:grid; grid-template-columns:45px 100px 1fr; align-items:center; min-height:93px; border-bottom:1px solid #b8d3d0; }.t-process-list span { color:#139795; font-family:'Space Grotesk',sans-serif; font-size:11px; }.t-process-list strong { font-family:'Space Grotesk',sans-serif; font-size:16px; }.t-process-list p { color:#66817f; font-size:11px; }
.t-insight-section { background:#f6fafb; }.t-insight-grid { display:grid; grid-template-columns:1fr 1fr; min-height:420px; }.t-insight-image { background:linear-gradient(135deg,rgba(7,28,44,.25),rgba(7,28,44,.05)),url('https://images.unsplash.com/photo-1558494949-ef010cbdcc31?auto=format&fit=crop&w=1200&q=85') center/cover; }.t-insight-copy { display:flex; flex-direction:column; justify-content:center; padding:55px 12%; }.t-insight-copy h2 { margin:15px 0 20px; font-family:'Space Grotesk',sans-serif; font-size:40px; letter-spacing:-.08em; line-height:1.05; }.t-insight-copy h2 strong { color:#199f9d; }.t-insight-copy > p:not(.t-eyebrow) { max-width:360px; color:var(--t-muted); font-size:13px; line-height:1.85; }.t-insight-copy .t-text-link { align-self:flex-start; margin-top:29px; }
.t-contact-section { padding:91px 0; background:#071c2c; color:#fff; }.t-contact-inner { display:grid; grid-template-columns:1fr 1fr; gap:100px; align-items:start; }.t-contact-inner h2 { margin:15px 0 20px; font-family:'Space Grotesk',sans-serif; font-size:42px; letter-spacing:-.08em; line-height:1.03; }.t-contact-inner h2 em { color:var(--t-blue); font-style:normal; }.t-contact-inner > div > p:not(.t-eyebrow) { color:#b7cbd0; font-size:13px; line-height:1.8; }.t-contact-form { display:flex; flex-direction:column; gap:11px; }.t-contact-form > div { display:grid; grid-template-columns:1fr 1fr; gap:11px; }.t-contact-form input,.t-contact-form textarea { width:100%; padding:0 13px; border:1px solid #355665; outline:0; background:transparent; color:#fff; font:inherit; font-size:11px; }.t-contact-form input { height:44px; }.t-contact-form textarea { min-height:95px; padding-top:13px; resize:vertical; }.t-contact-form input::placeholder,.t-contact-form textarea::placeholder { color:#78949d; }.t-contact-form input:focus,.t-contact-form textarea:focus { border-color:var(--t-blue); }.t-contact-form button { align-self:flex-start; margin-top:4px; border:0; cursor:pointer; }
.t-footer { padding:52px 0 27px; background:#051823; color:#fff; }.t-footer-top { display:grid; grid-template-columns:1fr 1.5fr 220px; gap:42px; padding-bottom:44px; border-bottom:1px solid #27434d; }.t-footer-logo > span { background:var(--t-blue); }.t-footer-links { display:flex; flex-wrap:wrap; align-content:flex-start; gap:11px 22px; color:#a9c0c5; font-size:11px; }.t-footer-contact small { color:#6da2a5; font-size:9px; letter-spacing:.14em; }.t-footer-contact strong { display:block; margin:7px 0 9px; font-family:'Space Grotesk',sans-serif; font-size:18px; }.t-footer-contact p { color:#a9c0c5; font-size:10px; line-height:1.7; }.t-footer-bottom { padding-top:21px; color:#6b8992; font-size:9px; line-height:2; }.t-footer-bottom span { margin:0 7px; color:#385760; }.t-footer-bottom small { display:block; margin-top:5px; color:#55747c; }
@media (max-width:950px) { .t-header-inner { gap:30px; }.t-nav { gap:19px; }.t-process-grid { gap:50px; } }
@media (max-width:680px) { .t-container { width:min(calc(100% - 34px),1240px); }.t-topbar { display:none; }.t-header-inner { min-height:70px; gap:12px; }.t-mobile-menu { display:grid; width:34px; height:34px; place-items:center; color:var(--t-ink); }.t-mobile-menu .material-symbols-rounded { font-size:22px; }.t-logo { margin-right:auto; }.t-logo > span { width:31px; height:31px; font-size:10px; }.t-logo strong { font-size:12px; }.t-logo strong b { font-size:7px; }.t-nav,.t-header-cta { display:none; }.t-mobile-nav { position:absolute; top:70px; right:0; left:0; z-index:9; display:none; padding:11px 17px 17px; background:#f6fafb; box-shadow:0 12px 24px rgba(7,28,44,.16); }.t-mobile-nav.is-open { display:flex; flex-direction:column; }.t-mobile-nav a { padding:13px 0; border-bottom:1px solid var(--t-line); font-size:13px; }.t-mobile-nav a:last-child { color:#159e9b; font-weight:700; }.t-hero,.t-hero-inner { min-height:750px; }.t-hero-copy { align-self:flex-start; padding-top:58px; }.t-hero h1 { font-size:62px; }.t-hero-copy > p:not(.t-eyebrow) { font-size:12px; }.t-hero-actions { align-items:flex-start; flex-direction:column; gap:19px; }.t-hero-panel { right:-35%; bottom:32px; width:400px; height:400px; }.t-panel-top,.t-panel-bottom { right:26px; left:26px; }.t-core { width:100px; height:100px; }.t-core strong { font-size:18px; }.t-core small { font-size:7px; }.t-orbit { width:300px; height:85px; }.t-trust-inner { min-height:120px; align-items:flex-start; flex-direction:column; justify-content:center; gap:16px; }.t-trust-inner div { flex-wrap:wrap; gap:12px 22px; font-size:11px; }.t-section { padding:70px 0; }.t-section-head { align-items:flex-start; flex-direction:column; gap:18px; margin-bottom:29px; }.t-section-head h2 { font-size:31px; }.t-section-head > p { font-size:11px; text-align:left; }.t-capability-grid { grid-template-columns:1fr 1fr; gap:8px; }.t-capability-card { min-height:240px; padding:17px 14px; }.t-capability-main { grid-column:span 2; min-height:190px; }.t-capability-card strong { font-size:15px; }.t-capability-card p { font-size:10px; }.t-case-grid { grid-template-columns:1fr 1fr; gap:8px; }.t-case-large { grid-column:span 2; }.t-case-visual,.t-case-large .t-case-visual { height:205px; }.t-case-large .t-case-visual { height:260px; }.t-case-card > div:last-child { padding:14px 12px 16px; }.t-case-card strong { font-size:15px; }.t-case-card p { font-size:9px; }.t-process-grid { grid-template-columns:1fr; gap:42px; }.t-process-grid h2 { font-size:34px; }.t-process-list > div { grid-template-columns:35px 80px 1fr; min-height:82px; }.t-process-list p { font-size:10px; }.t-insight-grid { display:flex; flex-direction:column; min-height:0; }.t-insight-image { min-height:270px; }.t-insight-copy { padding:40px 25px 46px; }.t-insight-copy h2 { font-size:32px; }.t-contact-section { padding:70px 0; }.t-contact-inner { grid-template-columns:1fr; gap:33px; }.t-contact-inner h2 { font-size:35px; }.t-contact-form > div { grid-template-columns:1fr; gap:11px; }.t-footer { padding:42px 0 27px; }.t-footer-top { grid-template-columns:1fr; gap:28px; padding-bottom:32px; }.t-footer-contact { padding-top:16px; border-top:1px solid #27434d; }.jw-topbtn { right:16px; bottom:16px; } }