:root{--blue:#0d6efd;--blue-dark:#0758ce;--ink:#102846;--muted:#51647b;--line:#d9e5f1;--surface:#f4f8fc;--container:1240px;--pad:clamp(18px,4vw,48px);--header:78px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--header)}body{margin:0;color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;background:#fff;line-height:1.55}img{display:block;max-width:100%}a{color:inherit}.container{width:min(100%,calc(var(--container) + 2 * var(--pad)));margin-inline:auto;padding-inline:var(--pad)}
.site-header{position:sticky;top:0;z-index:20;height:var(--header);background:rgba(255,255,255,.94);border-bottom:1px solid rgba(16,40,70,.08);backdrop-filter:blur(14px)}.header-inner{height:100%;display:flex;align-items:center;gap:26px}.brand{display:flex;flex:0 0 auto}.brand img{width:142px;height:auto}.main-nav{display:flex;align-items:center;justify-content:center;gap:clamp(14px,1.6vw,25px);margin-left:auto}.main-nav a{text-decoration:none;font-size:14px;font-weight:650;white-space:nowrap}.main-nav a:hover{color:var(--blue)}.header-cta{flex:0 0 auto}.btn{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:12px 22px;border-radius:10px;text-decoration:none;font-weight:750;transition:.2s ease}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--blue),#1355c7);box-shadow:0 10px 24px rgba(13,110,253,.2)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(13,110,253,.28)}.nav-check,.menu-toggle{display:none}
.slide{position:relative;min-height:clamp(590px,56.3vw,760px);overflow:hidden;isolation:isolate;scroll-margin-top:var(--header)}.slide-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.slide::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(241,247,253,.94) 0%,rgba(241,247,253,.77) 38%,rgba(241,247,253,0) 64%);pointer-events:none}.slide-inner{min-height:inherit;display:flex;align-items:center;padding-block:clamp(55px,7vw,100px)}.align-right{justify-content:flex-end}.align-right+.copy{margin-left:auto}.align-right~*{}.slide:has(.align-right)::after{background:linear-gradient(270deg,rgba(241,247,253,.95) 0%,rgba(241,247,253,.8) 39%,rgba(241,247,253,0) 68%)}.copy{width:min(56%,690px);min-width:0}.align-right .copy{margin-left:auto}.compact{width:min(52%,620px)}.kicker{margin:0 0 14px;color:var(--blue);font-size:13px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.copy h1,.copy h2,.section-head h2,.process-heading h2{margin:0 0 22px;line-height:1.05;letter-spacing:-.025em}.copy h1{font-size:clamp(42px,4.2vw,66px)}.copy h2,.section-head h2,.process-heading h2{font-size:clamp(34px,3.1vw,50px)}.copy p{margin:0 0 18px;font-size:clamp(17px,1.35vw,20px)}.copy .lead{font-size:clamp(20px,1.65vw,25px);font-weight:650}.copy .btn{margin-top:14px}.result{padding-left:18px;border-left:3px solid var(--blue);font-weight:650}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;margin:24px 0 0;padding:0;list-style:none}.feature-list li{position:relative;padding-left:24px;font-size:16px;font-weight:650}.feature-list li::before{content:"✓";position:absolute;left:0;color:var(--blue);font-weight:900}
.process{min-height:clamp(590px,56.3vw,760px)}.process::after{background:linear-gradient(180deg,rgba(240,246,252,.96),rgba(240,246,252,0) 27%)}.process-heading{padding-top:44px;text-align:center}.process-heading h2{margin-inline:auto;max-width:850px}.process .slide-bg{object-position:center center}
.cases{padding-block:clamp(70px,8vw,110px);background:var(--surface);scroll-margin-top:var(--header)}.section-head{max-width:800px;margin-bottom:42px}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 18px 50px rgba(28,62,100,.08)}.card>img{width:100%;aspect-ratio:16/9;object-fit:cover}.card>div{padding:22px}.card h3{margin:0 0 9px;font-size:21px;line-height:1.2}.card p{margin:0;color:var(--muted)}
.site-footer{padding:58px 0 24px;color:#dce8f5;background:#0d223b}.footer-inner{display:grid;grid-template-columns:2fr 1fr 1.2fr;gap:60px}.footer-inner img{width:170px}.footer-inner p{max-width:420px;color:#aebfd2}.footer-inner h3{margin:0 0 14px;color:#fff;font-size:16px}.footer-inner a{display:block;margin:9px 0;text-decoration:none;color:#c9d8e8}.footer-inner a:hover{color:#fff}.copyright{margin-top:38px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);color:#8fa4ba;font-size:14px}
@media(max-width:1080px){:root{--header:70px}.header-cta{display:none}.main-nav{gap:14px}.main-nav a{font-size:13px}.slide{min-height:620px}.copy{width:min(62%,650px)}.compact{width:min(58%,610px)}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.header-inner{justify-content:space-between}.menu-toggle{display:flex;width:46px;height:46px;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:9px;cursor:pointer}.menu-toggle span{width:24px;height:2px;background:var(--ink);transition:.2s}.main-nav{position:absolute;top:var(--header);left:0;right:0;display:none;align-items:stretch;padding:12px var(--pad) 20px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 16px 28px rgba(16,40,70,.12)}.main-nav a{min-height:46px;display:flex;align-items:center;border-bottom:1px solid #edf2f7;font-size:15px}.nav-check:checked~.main-nav{display:flex;flex-direction:column}.nav-check:checked+.menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-check:checked+.menu-toggle span:nth-child(2){opacity:0}.nav-check:checked+.menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.slide,.process{min-height:auto;background:#eef5fb}.slide-bg{position:relative;height:auto;aspect-ratio:16/9;object-fit:cover;order:2}.slide::after{display:none}.slide{display:flex;flex-direction:column}.slide-inner{order:1;min-height:auto;padding-block:52px}.copy,.compact{width:100%}.align-right .copy{margin-left:0}.copy h1{font-size:clamp(38px,11vw,54px)}.copy h2,.section-head h2,.process-heading h2{font-size:clamp(31px,8.5vw,44px)}.copy p{font-size:17px}.copy .lead{font-size:20px}.feature-list{grid-template-columns:1fr}.process-heading{position:relative;z-index:1;order:1;padding-block:44px 20px}.process .slide-bg{order:2}.card-grid{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr;gap:30px}}
@media(max-width:420px){.container{padding-inline:18px}.brand img{width:132px}.copy h1{font-size:37px}.btn{width:100%;text-align:center}.card>div{padding:19px}.cases{padding-block:56px}.footer-inner{gap:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}
#consent-banner{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:60;display:flex;align-items:center;gap:20px;flex-wrap:wrap;width:min(100% - 24px,940px);padding:18px 22px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.97);box-shadow:0 18px 50px rgba(16,40,70,.18);backdrop-filter:blur(10px)}#consent-banner p{margin:0;flex:1 1 380px;min-width:0;font-size:15px;color:var(--muted)}#consent-banner .consent-actions{display:flex;gap:10px;flex:0 0 auto}#consent-banner .btn{min-height:42px;margin-top:0;padding:9px 20px;font-size:15px}
@media(max-width:560px){#consent-banner{gap:14px;padding:16px}#consent-banner .consent-actions{width:100%}#consent-banner .btn{flex:1 1 0;text-align:center}}

/* Technical content extension */
.btn-secondary{color:var(--ink);border:1px solid #afc7df;background:rgba(255,255,255,.72)}.btn-secondary:hover{border-color:var(--blue);color:var(--blue)}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:28px}.hero-actions .btn{margin-top:0}
.contact-form{max-width:560px;margin-top:26px}.contact-form .field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.contact-form .field-row .field{margin-bottom:0}.contact-form .field{display:block;margin-bottom:14px}.contact-form .field>span{display:block;margin-bottom:6px;font-size:14px;font-weight:700}.contact-form input,.contact-form textarea{width:100%;min-height:48px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.92);color:var(--ink);font-family:inherit;font-size:16px;line-height:1.45;transition:border-color .2s ease,box-shadow .2s ease}.contact-form textarea{min-height:0;resize:vertical}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#8ba0b6}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(13,110,253,.18)}.contact-form .btn{margin-top:4px;border:0;cursor:pointer;font-family:inherit;font-size:16px}
.technical{padding-block:clamp(76px,8vw,120px);scroll-margin-top:var(--header);background:#fff}.technical-intro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.75fr);gap:70px;align-items:end;margin-bottom:48px}.technical-intro h2{margin:0;font-size:clamp(38px,3.6vw,56px);line-height:1.06}.technical-intro>p{margin:0;color:var(--muted);font-size:18px}.tech-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.tech-card{position:relative;min-width:0;padding:clamp(26px,3vw,38px);overflow:hidden;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#fff,#f5f9fd)}.tech-number{position:absolute;right:24px;top:16px;color:#dceafb;font-size:52px;font-weight:900;line-height:1}.tech-card h3{position:relative;margin:0 70px 18px 0;font-size:25px;line-height:1.2}.tech-card p{margin:0 0 15px;color:#334b66}.tech-card p:last-child{margin-bottom:0}.spec-list,.decision-list{margin:0;padding-left:20px;color:#334b66}.spec-list li,.decision-list li{margin:10px 0;padding-left:4px}.decision-list{padding:14px 18px 14px 42px;border-radius:12px;background:#eaf3fd}.decision-list li::marker{color:var(--blue);font-weight:900}
.architecture{padding-block:clamp(76px,8vw,115px);background:#0d223b;color:#e9f2fb}.architecture .kicker{color:#76adff}.architecture .section-head p:last-child{color:#aebfd2;font-size:18px}.architecture-flow{display:grid;grid-template-columns:1fr 64px 1.05fr 64px 1fr;gap:18px;align-items:center}.flow-column{display:grid;gap:18px}.flow-node{min-width:0;padding:24px;border:1px solid rgba(164,200,237,.22);border-radius:16px;background:rgba(255,255,255,.06)}.flow-node span,.flow-node strong,.flow-node small{display:block}.flow-node span{margin-bottom:8px;color:#77adff;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.flow-node strong{font-size:19px}.flow-node small{margin-top:8px;color:#aebfd2}.flow-core{padding-block:44px;border-color:#438ce9;background:linear-gradient(145deg,rgba(38,115,213,.32),rgba(255,255,255,.07));box-shadow:0 24px 60px rgba(0,0,0,.2)}.flow-arrow{text-align:center;color:#76adff;font-size:42px}
.integrations{padding-block:clamp(76px,8vw,115px);scroll-margin-top:var(--header);background:#f3f8fd}.integrations-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:70px}.integrations h2,.reliability h2{margin:0 0 22px;font-size:clamp(36px,3.5vw,54px);line-height:1.08}.integrations-layout>div:first-child>p:last-child{color:var(--muted);font-size:18px}.integration-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.integration-list article{padding:25px;border:1px solid var(--line);border-radius:15px;background:#fff}.integration-list h3,.reliability-points h3{margin:0 0 9px;font-size:20px}.integration-list p,.reliability-points p{margin:0;color:var(--muted)}
.reliability{padding-block:clamp(76px,8vw,115px);background:#fff}.reliability-layout{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:70px}.reliability-points{display:grid}.reliability-points article{padding:0 0 28px 30px;border-left:2px solid #c8dcf2}.reliability-points article:last-child{padding-bottom:0}.reliability-points h3{position:relative}.reliability-points h3::before{content:"";position:absolute;left:-37px;top:6px;width:12px;height:12px;border:3px solid #fff;border-radius:50%;background:var(--blue);box-shadow:0 0 0 2px var(--blue)}
@media(max-width:1080px){.technical-intro{grid-template-columns:1fr;gap:20px}.technical-intro>p{max-width:760px}.architecture-flow{grid-template-columns:1fr 42px 1fr 42px 1fr;gap:10px}.flow-node{padding:18px}.integrations-layout,.reliability-layout{gap:40px}}
@media(max-width:780px){.tech-grid,.integration-list,.contact-form .field-row{grid-template-columns:1fr}.technical-intro h2{font-size:clamp(34px,9vw,46px)}.architecture-flow{grid-template-columns:1fr}.flow-arrow{transform:rotate(90deg);font-size:32px}.flow-core{padding-block:30px}.integrations-layout,.reliability-layout{grid-template-columns:1fr;gap:35px}}
@media(max-width:420px){.hero-actions{align-items:stretch}.hero-actions .btn{width:100%;text-align:center}.contact-form .btn{width:100%}.tech-card{padding:24px 20px}.tech-card h3{margin-right:48px}.tech-number{right:18px;font-size:44px}}

/* Keep the complete process infographic visible at its native proportion. */
@media(min-width:781px){.process{min-height:0;aspect-ratio:1672/941}.process .slide-bg{object-fit:contain;background:#edf3f9}.process-heading{position:absolute;top:0;left:50%;width:min(100%,calc(var(--container) + 2 * var(--pad)));transform:translateX(-50%);z-index:1}}