:root { --navy: #071f2d; --blue: #00aeea; --mist: #eaf7fb; --line: rgba(7,31,45,.14); --paper: #f8fbfc; }
* { box-sizing: border-box; } html { scroll-behavior: smooth; } body { margin: 0; color: var(--navy); background: var(--paper); font-family: var(--brand-font); } img { display:block; max-width:100%; } a { color:inherit; }
.site-header { position:sticky; z-index:5; top:0; display:flex; align-items:center; justify-content:space-between; min-height:74px; padding:14px clamp(20px,5vw,76px); border-bottom:1px solid var(--line); background:rgba(248,251,252,.9); backdrop-filter:blur(14px); }.brand-link img { width:205px; }.site-header-actions,.site-header nav { display:flex; align-items:center; gap:clamp(15px,2vw,30px); }.site-header nav a { color:#47606b; font-size:13px; font-weight:650; text-decoration:none; }.site-header nav a:hover,.site-header nav a:focus-visible { color:var(--navy); }.site-language-switcher { gap:7px!important; white-space:nowrap; }.site-language-switcher span { color:#a9bac0; }.site-language-switcher a[aria-current="page"] { color:var(--navy); text-decoration:underline; text-underline-offset:4px; }
.hero,.section { width:min(1240px,calc(100% - 44px)); margin:auto; }.hero { display:grid; grid-template-columns:1.22fr .78fr; align-items:center; gap:clamp(28px,5vw,80px); min-height:650px; padding:64px 0 76px; }.brand-lockup,.eyebrow,.section-kicker { margin:0 0 15px; color:#167ca6; font-size:12px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }.brand-lockup { color:var(--navy); font-size:13px; letter-spacing:.05em; text-transform:none; }.eyebrow span { margin-left:8px; color:#55737e; font-weight:600; letter-spacing:.06em; text-transform:none; } h1,h2,h3,p { margin-top:0; } h1 { max-width:760px; margin-bottom:25px; font-size:clamp(44px,4vw,64px); line-height:1.08; letter-spacing:-.055em; }.hero h1 { white-space:nowrap; }.hero-copy { max-width:590px; color:#506873; font-size:18px; line-height:1.75; }.button { display:inline-flex; align-items:center; justify-content:center; min-height:49px; padding:0 22px; border:0; border-radius:999px; font:inherit; font-size:14px; font-weight:750; text-decoration:none; cursor:pointer; }.button-primary { color:#fff; background:var(--navy); box-shadow:0 10px 30px rgba(7,31,45,.18); }.button-primary:hover { background:#0d4059; }.product-frame { overflow:hidden; border:1px solid rgba(7,31,45,.13); border-radius:24px; background:#d7edf5; box-shadow:0 24px 65px rgba(7,31,45,.16); }.product-frame img { width:100%; }.product-frame-hero { width:min(100%,280px); justify-self:center; transform:rotate(1deg); }.section { padding:120px 0; border-top:1px solid var(--line); }.section h2 { margin-bottom:46px; font-size:clamp(35px,4.8vw,63px); line-height:1.05; letter-spacing:-.06em; }.capability-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:13px; }.capability-grid article,.assurance-list article { min-height:236px; padding:25px; border:1px solid var(--line); border-radius:15px; background:#fff; }.capability-grid span { color:#5c9bb3; font-size:12px; font-weight:800; }.capability-grid h3,.assurance-list h3 { margin:48px 0 12px; font-size:18px; letter-spacing:-.02em; }.capability-grid p,.assurance-list p,.story-copy>p,.demo-intro>p { margin-bottom:0; color:#58717c; font-size:15px; line-height:1.7; }.story { display:grid; grid-template-columns:.83fr 1.17fr; align-items:center; gap:clamp(34px,7vw,105px); }.story h2 { margin-bottom:25px; }.story-copy ul { display:grid; gap:9px; margin:28px 0 0; padding:0; list-style:none; color:#234b5d; font-size:14px; font-weight:700; }.story-copy li::before { content:"→"; margin-right:11px; color:#139bcb; }.product-frame-desktop { transform:rotate(-1deg); }.assurance { display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(35px,8vw,140px); background:linear-gradient(120deg,transparent 30%,rgba(0,174,234,.06)); }.assurance-list { display:grid; gap:12px; }.assurance-list article { min-height:0; padding:21px 24px; }.assurance-list h3 { margin:0 0 9px; }.demo-section { display:grid; grid-template-columns:.75fr 1.25fr; gap:clamp(38px,9vw,135px); padding-bottom:130px; }.demo-intro h2 { margin-bottom:24px; }.demo-form { display:grid; grid-template-columns:1fr 1fr; gap:16px; padding:28px; border-radius:20px; background:#fff; box-shadow:0 20px 55px rgba(7,31,45,.09); }.demo-form label { display:grid; gap:7px; color:#365460; font-size:13px; font-weight:700; }.demo-form input,.demo-form select { width:100%; min-height:45px; padding:0 12px; border:1px solid #c9d8de; border-radius:8px; color:var(--navy); background:#fff; font:inherit; font-size:15px; }.demo-form input:focus,.demo-form select:focus { outline:2px solid #83d4ee; border-color:#139bcb; }.demo-form .consent,.demo-form button,.form-status { grid-column:1 / -1; }.demo-form .consent { display:flex; align-items:flex-start; gap:10px; line-height:1.5; }.demo-form .consent input { width:18px; min-height:18px; margin:1px 0 0; }.demo-form .button { justify-self:start; }.form-status { min-height:20px; margin:0; color:#237c52; font-size:14px; }.form-status.is-error { color:#a93333; }.honeypot { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }.site-footer { display:grid; grid-template-columns:1fr auto; gap:16px 48px; padding:50px clamp(22px,5vw,76px); color:#fff; background:var(--navy); }.site-footer img { width:215px; }.site-footer p { margin:0; color:#e7f6fb; line-height:1.55; }.site-footer p span,.site-footer small { color:#8eb7c7; }.site-footer a { text-underline-offset:4px; }.site-footer small { grid-column:1/-1; }
@media (max-width:900px){.site-header nav:not(.site-language-switcher) a:not(:last-child){display:none}.hero{grid-template-columns:1fr;min-height:0;padding:82px 0 80px}.hero h1{white-space:normal}.product-frame-hero{width:min(100%,270px);justify-self:center}.capability-grid{grid-template-columns:1fr 1fr}.story,.assurance,.demo-section{grid-template-columns:1fr;gap:42px}.section{padding:88px 0}.demo-section{padding-bottom:92px}}@media (max-width:560px){.site-header{min-height:63px;padding:12px 18px}.brand-link img{width:145px}.site-header-actions{gap:12px}.site-header nav a{font-size:12px}.site-header nav:not(.site-language-switcher) a{display:none}.hero,.section{width:min(100% - 36px,1240px)}.hero{padding:64px 0 62px}.hero h1{white-space:nowrap;font-size:clamp(30px,9.5vw,38px);line-height:1.12;letter-spacing:-.05em}.hero-copy{font-size:16px}.eyebrow span{display:block;margin:7px 0 0}.product-frame-hero{width:min(70vw,240px);}.capability-grid{grid-template-columns:1fr}.capability-grid article{min-height:188px}.section h2{font-size:38px}.demo-form{grid-template-columns:1fr;padding:20px}.site-footer{grid-template-columns:1fr;padding:38px 20px}.site-footer a{grid-row:3}.product-frame{border-radius:16px}}