:root { --night:#050713; --deep:#090d1d; --panel:#10162a; --panel-light:#171d35; --line:rgba(155,173,255,.18); --text:#f4f5ff; --soft:#b1b9d5; --blue:#2b6cff; --violet:#7d4dff; --pink:#ea45d9; --cyan:#3ee6ee; --green:#4df4ab; --shadow-blue:0 0 28px rgba(43,108,255,.22); --shadow-violet:0 0 34px rgba(125,77,255,.22); }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; background:var(--night); color:var(--text); font-family:"Manrope",Arial,sans-serif; font-size:16px; line-height:1.55; } a { color:inherit; text-decoration:none; } button { font:inherit; } .shell { width:min(1180px,calc(100% - 48px)); margin:0 auto; } .section { padding:120px 0; position:relative; }
.hero { position:relative; min-height:min(820px,100svh); overflow:hidden; background:var(--night); }.hero-image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:73% center; }.hero-shade { position:absolute; inset:0; background:rgba(3,5,15,.52); }.hero::after { content:""; position:absolute; top:0; bottom:0; left:0; width:48%; background:rgba(3,5,15,.31); border-right:1px solid rgba(132,122,255,.2); }.hero-content { position:relative; z-index:1; min-height:min(820px,100svh); display:flex; flex-direction:column; }.nav { min-height:92px; display:flex; align-items:center; justify-content:space-between; gap:24px; border-bottom:1px solid rgba(177,187,255,.22); }.brand { display:flex; align-items:center; }.brand img { display:block; width:138px; height:auto; filter:brightness(1.3) saturate(1.12); }.nav-actions { display:flex; align-items:center; gap:28px; }.nav-link { color:rgba(244,245,255,.8); font-size:12px; font-weight:800; letter-spacing:0; text-transform:uppercase; transition:color .2s ease; }.nav-link:hover { color:var(--cyan); }.language-switch { display:flex; gap:1px; padding:3px; border:1px solid rgba(175,187,255,.26); background:rgba(8,11,29,.63); }.language-button { min-width:36px; border:0; padding:5px 7px; color:#bfc5de; background:transparent; cursor:pointer; font-family:"DM Mono",monospace; font-size:11px; }.language-button.is-active { color:#fff; background:var(--violet); box-shadow:0 0 16px rgba(125,77,255,.6); }.hero-copy { width:min(690px,100%); padding:clamp(92px,15vh,160px) 0 54px; }.eyebrow,.section-label { margin:0 0 18px; font-family:"DM Mono",monospace; font-size:11px; font-weight:500; letter-spacing:0; text-transform:uppercase; }.eyebrow { display:flex; align-items:center; gap:10px; color:#d9d0ff; }.pulse-dot { width:8px; height:8px; border-radius:50%; background:var(--cyan); box-shadow:0 0 0 4px rgba(62,230,238,.15),0 0 15px var(--cyan); } h1,h2,h3,p { margin-top:0; } h1 { max-width:680px; margin-bottom:26px; font-size:clamp(44px,6vw,78px); line-height:1.04; letter-spacing:0; text-shadow:0 5px 30px rgba(0,0,0,.43); }.hero-lead { max-width:605px; margin-bottom:34px; color:#d7dcef; font-size:19px; }.hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:25px; }.button { display:inline-flex; align-items:center; justify-content:center; min-height:54px; gap:10px; padding:0 19px; border:1px solid transparent; font-size:13px; font-weight:800; letter-spacing:0; text-transform:uppercase; transition:transform .2s ease,box-shadow .2s ease; }.button:hover { transform:translateY(-2px); }.button svg,.text-action svg,.text-link svg { width:17px; height:17px; stroke-width:2.5; }.button-primary { border-color:#986fff; background:var(--violet); color:#fff; box-shadow:var(--shadow-violet); }.button-primary:hover { box-shadow:0 0 38px rgba(125,77,255,.55); }.text-action { display:inline-flex; align-items:center; gap:9px; color:#f2f3ff; font-size:13px; font-weight:800; text-transform:uppercase; }.text-action:hover { color:var(--cyan); }.hero-footer { margin-top:auto; min-height:70px; padding:18px 0; display:flex; justify-content:space-between; gap:22px; border-top:1px solid rgba(177,187,255,.22); color:#b8bfd9; font-family:"DM Mono",monospace; font-size:11px; }.live-status { display:inline-flex; align-items:center; gap:9px; }.live-status i { width:8px; height:8px; border-radius:50%; background:var(--green); box-shadow:0 0 12px rgba(77,244,171,.85); }
.intro { background:var(--night); }.section-label { color:#b69aff; }.intro-grid { display:grid; grid-template-columns:1.14fr .86fr; gap:clamp(55px,10vw,150px); align-items:start; } h2 { max-width:720px; margin-bottom:0; color:var(--text); font-size:clamp(34px,4.4vw,58px); line-height:1.12; letter-spacing:0; }.body-copy p,.section-heading p,.platform-grid p,.contact-copy p:not(.section-label) { color:var(--soft); font-size:17px; }.body-copy p + p { margin-top:24px; }.benefits { display:grid; grid-template-columns:repeat(4,1fr); margin-top:82px; border:1px solid var(--line); background:var(--deep); }.benefits article { min-height:196px; padding:27px 28px; }.benefits article + article { border-left:1px solid var(--line); }.benefits svg { width:23px; height:23px; color:var(--cyan); filter:drop-shadow(0 0 7px rgba(62,230,238,.55)); }.benefits h3 { margin:20px 0 8px; color:#fff; font-size:17px; }.benefits p { margin:0; color:var(--soft); font-size:14px; }
.scenarios { background:var(--deep); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }.section-heading { display:grid; grid-template-columns:1fr 2fr; gap:40px; margin-bottom:54px; }.section-heading p { max-width:600px; margin:20px 0 0; }.scenario-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }.scenario-card { min-height:388px; position:relative; display:flex; flex-direction:column; overflow:hidden; padding:26px; color:#fff; background:var(--panel); border:1px solid rgba(137,153,218,.2); box-shadow:inset 0 1px 0 rgba(255,255,255,.03); }.scenario-card::after { content:""; position:absolute; top:-56px; right:-56px; width:152px; height:152px; border:1px solid currentColor; border-radius:50%; opacity:.34; }.scenario-card::before { content:""; position:absolute; top:0; right:0; width:66px; height:3px; background:currentColor; box-shadow:0 0 14px currentColor; }.insurance { color:var(--green); }.credit { color:var(--blue); }.mobile { color:var(--pink); }.banking { color:var(--violet); }.scenario-topline { position:relative; z-index:1; display:flex; gap:12px; color:#aeb7d3; font-family:"DM Mono",monospace; font-size:11px; text-transform:uppercase; }.scenario-icon { position:relative; z-index:1; width:34px; height:34px; margin-top:40px; color:currentColor; filter:drop-shadow(0 0 9px currentColor); }.scenario-card h3 { position:relative; z-index:1; max-width:350px; margin:18px 0 9px; color:#fff; font-size:25px; line-height:1.18; }.scenario-card p { position:relative; z-index:1; max-width:420px; margin-bottom:24px; color:#c2c9dd; font-size:14px; }.audio-button { position:relative; z-index:1; display:flex; align-items:center; width:100%; min-height:58px; margin-top:auto; padding:6px 8px 6px 6px; border:1px solid rgba(170,184,245,.25); background:rgba(4,6,17,.38); color:#fff; cursor:pointer; text-align:left; transition:background .2s ease,border-color .2s ease; }.audio-button:hover,.audio-button.is-playing { border-color:currentColor; background:#1b2240; box-shadow:0 0 22px rgba(92,104,236,.16); }.play-icon { display:grid; place-items:center; flex:0 0 42px; width:42px; height:42px; border-radius:50%; background:currentColor; color:var(--night); box-shadow:0 0 16px currentColor; }.play-icon svg { width:17px; height:17px; margin-left:2px; }.audio-label { margin-left:12px; color:#fff; font-size:13px; font-weight:800; }.audio-wave { display:flex; align-items:center; gap:3px; height:20px; margin-left:auto; color:currentColor; }.audio-wave b { display:block; width:2px; height:7px; background:currentColor; }.audio-wave b:nth-child(2),.audio-wave b:nth-child(4) { height:15px; }.audio-wave b:nth-child(3) { height:20px; }.audio-button.is-playing .audio-wave b { animation:pulse .7s ease-in-out infinite alternate; } .audio-button.is-playing .audio-wave b:nth-child(2) { animation-delay:.1s; }.audio-button.is-playing .audio-wave b:nth-child(3) { animation-delay:.2s; }.audio-button.is-playing .audio-wave b:nth-child(4) { animation-delay:.3s; } @keyframes pulse { from { transform:scaleY(.45); } to { transform:scaleY(1); } }
.platform { background:var(--night); }.platform-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(60px,10vw,150px); align-items:center; }.platform-grid h2 { margin-bottom:27px; }.platform-grid p { max-width:510px; margin-bottom:28px; }.text-link { display:inline-flex; align-items:center; gap:9px; color:var(--cyan); font-size:13px; font-weight:800; text-transform:uppercase; }.text-link:hover { color:#9cfaff; }.flow { display:grid; grid-template-columns:1fr 50px 1fr 50px 1fr; align-items:center; }.flow-item { min-height:175px; padding:20px 13px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:10px; border:1px solid var(--line); background:var(--panel); text-align:center; color:#eef1ff; font-size:13px; font-weight:700; line-height:1.45; }.flow-item svg { width:28px; height:28px; color:var(--cyan); filter:drop-shadow(0 0 8px rgba(62,230,238,.45)); }.flow-item small { color:#aeb7d1; font-size:11px; font-weight:500; }.flow-item.featured { border-color:var(--violet); background:#161334; box-shadow:var(--shadow-violet),inset 0 0 34px rgba(125,77,255,.08); }.flow-item.featured svg { color:var(--pink); }.flow-line { position:relative; height:1px; background:var(--violet); box-shadow:0 0 8px rgba(125,77,255,.72); }.flow-line::after { content:""; position:absolute; top:-3px; right:0; width:7px; height:7px; border-right:1px solid var(--cyan); border-top:1px solid var(--cyan); transform:rotate(45deg); }
.company { padding:112px 0 0; color:#fff; background:#070a17; border-top:1px solid var(--line); }.company-grid { display:grid; grid-template-columns:1fr 1fr; gap:clamp(65px,12vw,190px); }.company .section-label { color:#d5c8ff; }.company h2 { font-size:clamp(34px,4vw,54px); }.company-copy { max-width:530px; padding-top:37px; }.company-copy p { color:#c0c8e1; font-size:17px; }.company-copy p + p { margin-top:22px; }.company-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:0; margin-top:83px; border:1px solid var(--line); border-bottom:0; background:var(--panel); }.company-stats div { min-height:136px; display:flex; flex-direction:column; justify-content:center; gap:7px; padding:0 25px; }.company-stats div + div { border-left:1px solid var(--line); }.company-stats strong { color:#fff; font-size:18px; line-height:1.2; }.company-stats span { color:#aeb8d5; font-family:"DM Mono",monospace; font-size:11px; }
.client-trust { border-top:1px solid var(--line); background:var(--deep); }.trust-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(60px,10vw,150px); align-items:center; }.trust-copy h2 { margin-bottom:24px; }.trust-copy p:not(.section-label) { max-width:470px; margin:0; color:var(--soft); font-size:17px; }.logo-panel { padding:22px; border:1px solid rgba(156,172,239,.31); background:#fff; box-shadow:var(--shadow-blue); }.logo-panel img { display:block; width:100%; height:auto; }.logo-panel p { margin:17px 0 0; color:#1a2035; font-family:"DM Mono",monospace; font-size:10px; line-height:1.7; text-align:center; }.logo-panel span { color:var(--violet); }.contact { display:grid; grid-template-columns:1.1fr .9fr; gap:clamp(70px,10vw,160px); align-items:end; background:var(--night); }.contact-copy h2 { margin-bottom:22px; }.contact-copy p:not(.section-label) { max-width:490px; margin:0; }.contact-panel { border-top:1px solid rgba(163,176,235,.44); }.contact-row { display:grid; grid-template-columns:30px 1fr 20px; gap:14px; align-items:center; min-height:96px; border-bottom:1px solid rgba(163,176,235,.44); color:#fff; transition:color .2s ease,background .2s ease; }.contact-row:hover { color:var(--cyan); }.contact-row > svg { width:21px; height:21px; }.contact-row > svg:last-child { justify-self:end; }.contact-row span { display:grid; gap:2px; font-size:18px; font-weight:800; }.contact-row small { color:#9faaca; font-size:11px; font-weight:500; text-transform:uppercase; }.footer { display:flex; justify-content:space-between; padding:26px 0; border-top:1px solid rgba(163,176,235,.22); background:var(--night); color:#9faaca; font-family:"DM Mono",monospace; font-size:11px; }.footer a { display:inline-flex; gap:7px; align-items:center; }.footer svg { width:14px; height:14px; }
@media (max-width:850px) { .section { padding:82px 0; }.hero,.hero-content { min-height:760px; }.hero-image { object-position:70% center; }.hero::after { width:65%; }.hero-copy { padding-top:115px; }.nav-actions { gap:16px; }.intro-grid,.section-heading,.platform-grid,.company-grid,.trust-grid,.contact { grid-template-columns:1fr; gap:28px; }.benefits { grid-template-columns:repeat(2,1fr); margin-top:50px; }.benefits article:nth-child(3) { border-left:0; }.section-heading { margin-bottom:36px; }.flow { max-width:600px; }.company { padding-top:82px; }.company-copy { padding-top:0; }.company-stats { grid-template-columns:repeat(2,1fr); margin-top:50px; }.company-stats div:nth-child(3) { border-left:0; border-top:1px solid var(--line); }.company-stats div:nth-child(4) { border-top:1px solid var(--line); } }
@media (max-width:570px) { .shell { width:min(100% - 32px,1180px); }.nav { min-height:72px; }.brand img { width:114px; }.nav-actions { gap:10px; }.nav-link { display:none; }.nav-link:last-of-type { display:block; font-size:12px; }.hero,.hero-content { min-height:730px; }.hero-image { object-position:63% center; }.hero-shade { background:rgba(3,5,15,.68); }.hero::after { width:100%; background:rgba(3,5,15,.33); }.hero-copy { padding:90px 0 35px; }.hero-lead { font-size:16px; }.hero-actions { flex-direction:column; align-items:flex-start; gap:19px; }.hero-footer { display:block; padding:13px 0; font-size:10px; }.live-status { margin-top:6px; }.benefits { grid-template-columns:1fr; }.benefits article,.benefits article + article,.benefits article:nth-child(3) { min-height:auto; padding:20px 22px; border-left:0; border-bottom:1px solid var(--line); }.scenario-grid { grid-template-columns:1fr; }.scenario-card { min-height:355px; }.flow { grid-template-columns:1fr; gap:0; }.flow-item { min-height:120px; }.flow-line { width:1px; height:31px; margin:0 auto; }.flow-line::after { top:auto; right:-3px; bottom:0; transform:rotate(135deg); }.company-stats { grid-template-columns:1fr; }.company-stats div,.company-stats div + div,.company-stats div:nth-child(3),.company-stats div:nth-child(4) { min-height:100px; padding:20px 22px; border-left:0; border-top:1px solid var(--line); }.company-stats div:first-child { border-top:0; }.contact { gap:45px; }.contact-row span { font-size:16px; } }
.nav-link.is-current { color:var(--cyan); }.page-header { background:var(--night); border-bottom:1px solid var(--line); }.page-header .nav { border-bottom:0; }.page-intro { padding:clamp(80px,12vw,150px) 0 82px; }.page-intro h1,.contact-page h1 { max-width:880px; margin-bottom:26px; font-size:clamp(42px,6.2vw,78px); line-height:1.04; }.page-intro > p:last-child { max-width:710px; color:var(--soft); font-size:18px; }.route-section { background:var(--deep); border-top:1px solid var(--line); }.route-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }.route-card { min-height:275px; display:flex; flex-direction:column; padding:28px; border:1px solid var(--line); background:var(--panel); transition:transform .2s ease,border-color .2s ease,background .2s ease; }.route-card:hover { transform:translateY(-4px); border-color:var(--violet); background:var(--panel-light); }.route-card > svg { width:30px; height:30px; color:var(--cyan); }.route-card h3 { margin:28px 0 9px; color:#fff; font-size:22px; }.route-card p { margin:0; color:var(--soft); font-size:14px; }.route-card span { margin-top:auto; padding-top:24px; color:var(--cyan); font-family:"DM Mono",monospace; font-size:11px; text-transform:uppercase; }.scenario-grid-five { grid-template-columns:repeat(3,1fr); }.scenario-grid-five .scenario-card { min-height:390px; }.collections { color:#f5b942; }.card-link { position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; margin-top:auto; padding-top:18px; color:#fff; border-top:1px solid rgba(170,184,245,.25); font-size:13px; font-weight:800; text-transform:uppercase; }.card-link:hover { color:currentColor; }.card-link svg { width:18px; height:18px; }.capability-section { padding-top:0; }.capability-group { display:grid; grid-template-columns:.75fr 1.25fr; gap:clamp(45px,8vw,110px); padding:74px 0; border-top:1px solid var(--line); }.capability-group h2 { font-size:clamp(29px,3.4vw,45px); }.capability-list { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }.capability-list article { min-height:205px; padding:24px; border:1px solid var(--line); background:var(--panel); }.capability-list svg { width:25px; height:25px; color:var(--cyan); }.capability-list h3 { margin:18px 0 8px; color:#fff; font-size:17px; line-height:1.25; }.capability-list p { margin:0; color:var(--soft); font-size:13px; }.capability-note { display:flex; align-items:center; gap:22px; margin:12px 0 110px; padding:25px; border:1px solid rgba(125,77,255,.65); background:#161334; box-shadow:var(--shadow-violet); }.capability-note > svg { flex:0 0 auto; width:28px; height:28px; color:var(--pink); }.capability-note p { max-width:570px; margin:0 auto 0 0; color:#e3dfff; }.capability-note .button { flex:0 0 auto; }.about-company { padding-top:78px; }.contact-page { display:grid; grid-template-columns:1.1fr .9fr; gap:clamp(70px,10vw,160px); align-items:center; min-height:calc(100svh - 145px); padding:100px 0; }.contact-page .contact-copy p:not(.section-label) { max-width:530px; color:var(--soft); font-size:18px; }
@media (max-width:850px) { .route-grid,.scenario-grid-five { grid-template-columns:repeat(2,1fr); }.capability-group,.contact-page { grid-template-columns:1fr; gap:30px; }.contact-page { min-height:auto; } }
@media (max-width:570px) { .route-grid,.scenario-grid-five,.capability-list { grid-template-columns:1fr; }.page-intro { padding:66px 0 62px; }.page-intro > p:last-child,.contact-page .contact-copy p:not(.section-label) { font-size:16px; }.capability-group { padding:58px 0; }.capability-note { flex-wrap:wrap; margin-bottom:75px; }.capability-note p { min-width:calc(100% - 50px); }.contact-page { padding:70px 0; } }
.criteria-list { position:relative; z-index:1; margin:0 0 24px; padding-left:18px; color:#c2c9dd; font-size:12px; line-height:1.5; }.criteria-list li + li { margin-top:7px; }.criteria-list li::marker { color:currentColor; }.scenario-grid-five .scenario-card h3 { font-size:22px; }
@media (max-width:570px) { .nav { flex-wrap:wrap; align-items:center; padding:12px 0; }.nav-actions { width:100%; justify-content:space-between; gap:6px; }.nav-link,.nav-link:last-of-type { display:block; font-size:9px; } }
.client-logo-strip { display:flex; align-items:center; width:100%; }.client-logo-strip img { display:block; width:100%; height:auto; filter:brightness(0) invert(1); mix-blend-mode:screen; opacity:.9; }
@media (max-width:850px) { .client-logo-strip { max-width:720px; } }