:root{color-scheme:light;--night:#142331;--ice:#ecf1f5;--blue:#264acf;--muted:#5b6670;--line:#d6dfe6}
body{background:#f7f9fb;color:var(--night)}::selection{background:#bac9ff;color:#142331}
.dark-top{background:var(--night);color:#f5f8fa}.header{border-bottom:1px solid #354451}
.navigation a:hover{color:#bac9ff}.navigation .nav-contact{background:#d3e0ff;color:#152435;border-radius:4px;padding-inline:18px}.navigation .nav-contact:hover{background:#eef3ff;color:#152435}
.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:36px;align-items:center;padding:54px 0 56px}
.hero .label{color:#b7c8db;margin-bottom:22px}.hero h1{font:500 clamp(40px,4.1vw,58px)/1.12 Onest,sans-serif;letter-spacing:-2.3px;margin-bottom:26px}.hero h1 span{color:#a8bfff}.hero-lead{max-width:520px;color:#c6d2dc;font-size:17px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:28px}.hero .action{background:#d7e2ff;border-color:#d7e2ff;color:#152435;border-radius:4px}.hero .action:hover{background:#f0f4ff}.hero .text-action{color:#d7e2ff}.hero .text-action:hover{color:#fff}
.hero-visual img{width:100%;border-radius:14px;mix-blend-mode:lighten;mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent),linear-gradient(to bottom,transparent,#000 16%,#000 84%,transparent);mask-composite:intersect}
.label{color:var(--muted)}.raas{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;padding:58px 0;border-bottom:1px solid var(--line)}.raas h2{font:500 clamp(34px,3.2vw,43px)/1.15 Onest,sans-serif;letter-spacing:-1.7px;margin-top:18px}.raas .label{color:var(--blue);font-size:11px}.raas p{font-size:16px;color:var(--muted);max-width:520px}.raas .raas-definition{font-size:20px;color:var(--night);margin-bottom:14px}.raas .action{background:var(--blue);border-color:var(--blue);color:#fff;border-radius:4px;margin-top:24px}.raas .action:hover{background:#1839aa}
.catalog{padding:58px 0 64px}.section-heading h2,.about h2,.contact h2{font:500 clamp(34px,3.4vw,46px)/1.15 Onest,sans-serif;letter-spacing:-1.7px}.section-heading>p{font-size:16px;color:var(--muted)}
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:34px}.tile{display:flex;flex-direction:column;min-height:290px;border-radius:10px;border:1px solid var(--line);padding:28px;text-decoration:none;background:#fff}.tile.dark{background:#1c3347;color:#fff;border-color:#1c3347}.tile.blue{background:#264acf;color:#fff;border-color:#264acf}.tile-label{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:11px;margin-bottom:28px}.tile-icon{display:grid;place-items:center;width:48px;height:48px;flex-shrink:0}.tile-icon img{width:48px;height:48px;object-fit:contain}.tile-icon-userly{background:#fff;border-radius:11px}.tile-icon-userly img{width:34px;height:34px}.tile h3{font:500 30px/1.2 Onest,sans-serif;letter-spacing:-.8px;margin-bottom:14px}.tile p{font-size:15px;color:var(--muted);margin-bottom:0}.tile.dark p,.tile.blue p{color:#e1e9f5}.tile p+p{margin-top:12px}.product-links{display:flex;flex-wrap:wrap;gap:4px 24px;margin-top:auto;padding-top:20px}.product-links a{display:inline-flex;align-items:center;min-height:44px;min-width:44px;font-size:14px;font-weight:500;text-decoration:underline;text-decoration-thickness:1px}.product-links a:hover{text-decoration-thickness:2px}
.about{background:var(--ice);padding:58px 0}.about-grid,.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:80px}.about h2,.contact h2{margin-top:18px}.about p:not(.label){font-size:19px;line-height:1.7;max-width:570px}.company-docs{display:inline-flex;align-items:center;min-height:44px;font-size:14px;margin-top:18px}.company-docs:hover{color:var(--blue)}
.contact{padding:64px 0}.contact-intro{font-size:15px;color:var(--muted);max-width:320px;margin-top:20px}.email-link{display:inline-block;min-height:48px;font-size:clamp(26px,3vw,40px);line-height:1.4;text-decoration-thickness:1px}.email-link:hover{color:var(--blue)}.contact-details{display:grid;grid-template-columns:1fr 1.1fr;gap:26px;font-size:14px;margin-top:24px}.contact-details .fine{color:var(--muted);margin-top:8px}
.footer{background:var(--night);color:#e5edf6}.company-data{color:#b8c8d6}.footer a:hover{color:#aec4ff}.footer-tail{border-top:1px solid #354451;padding-top:14px}
@media(max-width:1000px){.hero{gap:24px}.hero h1{letter-spacing:-1.7px}.tile{padding:22px}.tile-label{font-size:10px}.about-grid,.contact-grid,.raas{gap:40px}.navigation .nav-contact{padding-inline:12px}.contact-details{grid-template-columns:1fr;gap:18px}}
@media(min-width:701px) and (max-width:1100px){.hero{grid-template-columns:1.2fr 1fr}.hero h1{font-size:clamp(32px,4.1vw,44px);letter-spacing:-1.5px}}
@media(max-width:700px){.hero{grid-template-columns:1fr;gap:22px;padding:32px 0 28px}.hero h1{font-size:38px;letter-spacing:-1.5px;line-height:1.12;margin-bottom:20px}.hero .label{font-size:10px;margin-bottom:16px}.hero-lead{font-size:16px;max-width:480px}.hero-actions{margin-top:22px;gap:12px 20px}.hero-visual{max-width:440px;width:100%;margin:auto}.hero-visual img{height:220px;object-fit:contain}.raas{grid-template-columns:1fr;gap:24px;padding:38px 0 40px}.raas h2{font-size:34px}.raas .raas-definition{font-size:19px}.catalog{padding:40px 0}.section-heading h2{font-size:35px}.section-heading>p{font-size:15px}.product-grid{grid-template-columns:1fr;margin-top:26px;gap:16px}.tile{min-height:0;padding:24px}.tile-label{font-size:12px;margin-bottom:22px}.tile h3{font-size:30px}.about-grid,.contact-grid{grid-template-columns:1fr;gap:28px}.about,.contact{padding:40px 0}.about h2,.contact h2{font-size:34px}.about p:not(.label){font-size:17px}.contact-intro{max-width:400px}.email-link{font-size:30px}.contact-details{grid-template-columns:1fr 1.1fr;gap:16px;font-size:13px}.contact-details .fine{font-size:12px}.navigation .nav-contact{background:none;color:#fff;padding-inline:0}.navigation .nav-contact:hover{background:none;color:#bac9ff}}
@media(max-width:360px){.hero h1{font-size:30px;letter-spacing:-1.2px}.hero .action{padding-inline:18px;font-size:13px}.hero .text-action{font-size:13px}.hero-actions{column-gap:16px}.email-link{font-size:25px}.contact-details{grid-template-columns:1fr}.navigation a{font-size:12px}.hero-visual img{height:190px}.raas h2{font-size:31px}}