/* Palette from LANY workspace-shell.css, login.css and prostir-favicon.svg. */
:root {
  color-scheme:light;
  --ink:#123b5d;
  --text:#16324f;
  --muted:#58708f;
  --line:#d8e0e9;
  --accent:#16b9c2;
  --white:#fff;
  font-family:Inter,"Segoe UI",Arial,sans-serif;
  color:var(--text);
  background:var(--white);
  font-synthesis:none
}

* {
  box-sizing:border-box
}
html {
  scroll-behavior:smooth;
  scroll-padding-top:32px
}
body {
  margin:0
}
a {
  color:inherit;
  text-decoration:none
}
button {
  font:inherit
}
button,a {
  -webkit-tap-highlight-color:transparent
}
a:focus-visible,button:focus-visible,[tabindex]:focus-visible {
  outline:3px solid #078d94;
  outline-offset:6px
}
a:hover {
  text-decoration:underline;
  text-underline-offset:5px
}
.wrap {
  width:min(1280px,calc(100% - 112px));
  margin-inline:auto
}
.skip-link {
  position:fixed;
  top:8px;
  left:8px;
  z-index:5;
  padding:14px;
  background:var(--accent);
  transform:translateY(-160%)
}
.skip-link:focus {
  transform:none
}
.header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:104px
}
.brand {
  font-size:38px;
  line-height:1;
  font-weight:700;
  letter-spacing:-2px;
  color:var(--ink)
}
.brand span {
  color:#16b9c2
}
.header nav {
  display:flex;
  align-items:center;
  gap:32px;
  font-size:14px
}
.login-link {
  margin-left:16px;
  padding-left:40px;
  border-left:1px solid var(--line)
}
.login-link span {
  margin-left:12px
}
.hero {
  display:grid;
  grid-template-columns:minmax(0,1.9fr) minmax(240px,1fr);
  gap:70px;
  padding-block:64px 80px
}
.hero h1 {
  font-size:clamp(46px,5.7vw,82px);
  line-height:1.06;
  letter-spacing:-4px;
  font-weight:500;
  color:var(--ink);
  margin:0 0 26px
}
.lead {
  font-size:clamp(20px,2.05vw,29px);
  line-height:1.45;
  letter-spacing:-.6px;
  color:var(--muted);
  margin:0
}
.mobile-break {
  display:none
}
.actions {
  display:flex;
  flex-wrap:wrap;
  gap:18px;
  margin-top:36px
}
.button {
  min-height:54px;
  padding:16px 23px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:25px;
  border-radius:6px;
  font-size:16px;
  transition:background .18s,transform .18s
}
.button:hover {
  text-decoration:none;
  transform:translateY(-2px)
}
.primary {
  background:#078d94;
  color:white
}
.primary:hover {
  background:#0a7f91
}
.secondary {
  border:1px solid #b6c7d7
}
.secondary:hover {
  background:#eef4f8
}
.workflow {
  margin:-8px 0 0;
  padding:0 0 0 28px;
  list-style:none
}
.workflow li {
  position:relative;
  padding:0 0 33px 31px
}
.workflow li:last-child {
  padding-bottom:0
}
.workflow li:before {
  content:"";
  position:absolute;
  left:-9px;
  top:8px;
  width:13px;
  height:13px;
  border:2px solid #16b9c2;
  border-radius:50%;
  background:white
}
.workflow li:not(:last-child):after {
  content:"↓";
  position:absolute;
  left:-7px;
  top:33px;
  color:#6882a3;
  font-size:32px;
  font-weight:300;
  line-height:1
}
.workflow h2 {
  margin:0 0 6px;
  font-size:28px;
  font-weight:400;
  letter-spacing:-.5px
}
.workflow p {
  margin:0;
  font-size:15px;
  line-height:1.45;
  color:var(--muted)
}
.team {
  border-top:1px solid var(--line);
  padding-block:52px 64px
}
.team>h2,.features h2 {
  margin:0;
  font-size:clamp(30px,3.55vw,48px);
  line-height:1.17;
  letter-spacing:-1.7px;
  font-weight:500;
  color:var(--ink)
}
.tabs {
  display:flex;
  border-bottom:1px solid var(--line);
  gap:80px;
  margin-top:26px
}
.tabs button {
  cursor:pointer;
  border:0;
  border-bottom:3px solid transparent;
  background:none;
  padding:16px 26px 17px;
  color:var(--muted);
  font-size:20px;
  white-space:nowrap
}
.tabs button[aria-selected=true] {
  color:var(--ink);
  border-bottom-color:#16b9c2
}
.tabs button:hover {
  color:var(--ink);
  background:#e9f7f7
}
.role-panel {
  padding-top:28px;
  min-height:358px
}
.role-panel[hidden] {
  display:none
}
.role-panel h3 {
  font-size:32px;
  font-weight:400;
  letter-spacing:-.8px;
  margin:0 0 10px
}
.panel-intro {
  color:var(--muted);
  font-size:18px;
  line-height:1.5;
  margin:0 0 26px
}
.benefits {
  margin:0
}
.benefits>div {
  position:relative;
  padding:18px 0 18px 64px;
  border-bottom:1px solid var(--line)
}
.benefits>div:last-child {
  border-bottom:0;
  padding-bottom:0
}
.benefits dt {
  font-size:20px;
  line-height:1.4;
  margin-bottom:5px
}
.benefits dt span {
  position:absolute;
  left:0;
  top:21px;
  font-size:14px;
  color:#6882a3;
  letter-spacing:1px
}
.benefits dd {
  font-size:16px;
  line-height:1.55;
  color:var(--muted);
  margin:0;
  max-width:1040px
}
.features {
  background:var(--ink);
  color:white;
  padding-top:50px
}
.features h2 {
  color:white
}
.feature-list {
  display:grid;
  grid-template-rows:repeat(3,auto);
  grid-auto-flow:column;
  grid-template-columns:1fr 1fr;
  column-gap:80px;
  margin:26px 0 40px
}
.feature-list>div {
  position:relative;
  padding:22px 0 22px 84px;
  border-bottom:1px solid #ffffff26
}
.feature-list>div:nth-child(3n) {
  border:0
}
.feature-list dt {
  font-size:20px;
  line-height:1.3;
  margin-bottom:8px
}
.feature-list dt span {
  position:absolute;
  left:0;
  top:22px;
  color:var(--accent);
  font-size:28px;
  border-right:1px solid #16b9c270;
  padding-right:20px;
  line-height:1.25;
  font-weight:300
}
.feature-list dd {
  margin:0;
  max-width:440px;
  color:#c5d8e6;
  font-size:16px;
  line-height:1.55
}
.footer {
  border-top:1px solid #ffffff40;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:26px 0 30px;
  font-size:14px
}
.footer .brand {
  color:white;
  font-size:28px
}
.footer p {
  color:#c5d8e6
}
.footer>a:last-child {
  border-left:1px solid #ffffff50;
  padding-left:30px
}
.footer>a:last-child span {
  margin-left:14px
}

@media(min-width:1550px) {
  .hero {
  padding-block:90px 100px
}

}

@media(max-width:1000px) {
  .wrap {
  width:calc(100% - 64px)
}
.hero {
  gap:34px;
  grid-template-columns:1.6fr 1fr
}
.hero h1 {
  letter-spacing:-2.5px
}
.hero .actions {
  gap:12px
}
.button {
  padding-inline:16px;
  font-size:14px;
  gap:12px
}
.workflow {
  padding-left:12px
}
.workflow h2 {
  font-size:24px
}
.tabs {
  gap:24px
}
.feature-list {
  column-gap:40px
}
.feature-list>div {
  padding-left:68px
}
.feature-list dt span {
  padding-right:12px
}

}

@media(max-width:680px) {
  html {
  scroll-padding-top:20px
}
.wrap {
  width:calc(100% - 40px)
}
.header {
  min-height:84px
}
.brand {
  font-size:32px
}
.header nav {
  gap:18px;
  font-size:13px
}
.header nav>a:nth-child(2) {
  display:none
}
.login-link {
  padding-left:0;
  margin-left:0;
  border:0
}
.login-link span {
  margin-left:3px
}
.hero {
  grid-template-columns:1fr;
  padding-block:36px 44px;
  gap:42px
}
.hero h1 {
  font-size:clamp(37px,9vw,56px);
  letter-spacing:-1.9px;
  line-height:1.12;
  margin-bottom:20px
}
.lead {
  font-size:20px;
  letter-spacing:-.25px
}
.mobile-break {
  display:block
}
.actions {
  margin-top:26px;
  gap:12px
}
.button {
  font-size:14px;
  min-height:50px;
  padding:14px 16px
}
.workflow {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:25px 20px;
  margin:0;
  padding-left:8px
}
.workflow li {
  padding:0 0 0 22px
}
.workflow li:not(:last-child):after {
  display:none
}
.workflow li:before {
  left:-6px;
  top:5px;
  width:10px;
  height:10px
}
.workflow h2 {
  font-size:21px
}
.workflow p {
  font-size:13px
}
.team {
  padding-block:34px 42px
}
.team>h2,.features h2 {
  font-size:30px;
  letter-spacing:-1px
}
.tabs {
  gap:0;
  justify-content:space-between;
  margin-top:20px
}
.tabs button {
  font-size:14px;
  padding:14px 5px
}
.role-panel {
  padding-top:24px;
  min-height:480px
}
.role-panel h3 {
  font-size:27px;
  line-height:1.2
}
.panel-intro {
  font-size:16px;
  margin-bottom:15px
}
.benefits>div {
  padding:17px 0 17px 36px
}
.benefits dt {
  font-size:18px
}
.benefits dt span {
  font-size:12px;
  top:21px
}
.benefits dd {
  font-size:15px
}
.features {
  padding-top:36px
}
.feature-list {
  grid-template-columns:1fr;
  grid-template-rows:none;
  grid-auto-flow:row;
  margin:16px 0 28px
}
.feature-list>div {
  padding:20px 0 20px 65px
}
.feature-list>div:nth-child(3n) {
  border-bottom:1px solid #ffffff26
}
.feature-list>div:last-child {
  border:0
}
.feature-list dt {
  font-size:19px
}
.feature-list dd {
  font-size:15px
}
.feature-list dt span {
  font-size:25px;
  top:20px
}
.footer {
  flex-wrap:wrap;
  padding-block:24px;
  gap:22px
}
.footer p {
  order:3;
  flex-basis:100%;
  margin:0;
  font-size:12px
}
.footer>a:last-child {
  padding-left:20px
}

}

@media(prefers-reduced-motion:reduce) {
  html {
  scroll-behavior:auto
}
.button {
  transition:none
}
.button:hover {
  transform:none
}

}

/* Expanded product sections share the application palette. */
.reading-progress{position:fixed;inset:0 0 auto;height:3px;background:#078d94;z-index:30;transform:scaleX(0);transform-origin:left;pointer-events:none}
.header{position:relative;z-index:2}
.register-link{background:#078d94;color:#fff;border:0;border-radius:6px;padding:13px 18px;margin-left:0;transition:background .2s,transform .2s}
.register-link:hover{background:#0a7f91;text-decoration:none;transform:translateY(-2px)}
.section-heading{max-width:850px;margin-bottom:52px}
.section-heading h2{color:var(--ink);font-size:clamp(32px,4.2vw,58px);font-weight:500;letter-spacing:-1.8px;line-height:1.12;margin:0 0 20px}
.section-heading>p:last-child{font-size:19px;line-height:1.6;color:var(--muted);max-width:700px;margin:0}
.section-index{color:#087b83;text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:600;margin:0 0 18px}
.catalog{padding-block:100px}
.catalog-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:72px;align-items:start}
.module-nav{position:sticky;top:30px;display:flex;flex-direction:column;border-left:1px solid var(--line);padding-block:4px}
.module-nav a{display:block;padding:12px 0 12px 20px;font-size:14px;line-height:1.4;color:var(--muted);border-left:3px solid transparent;margin-left:-2px;transition:background .25s,color .25s,border-color .25s}
.module-nav a[aria-current]{border-left-color:#078d94;color:var(--ink);background:#e9f7f7;font-weight:600}
.module-nav a:hover{color:#078d94;text-decoration:none}
.module{padding:0 0 55px;margin:0 0 55px;border-bottom:1px solid var(--line);scroll-margin-top:45px}
.module:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.module-heading{position:relative;padding-left:65px;margin-bottom:24px}
.module-number{position:absolute;left:0;top:3px;font-size:25px;font-weight:300;color:#078d94}
.module h3{font-size:30px;line-height:1.2;letter-spacing:-.8px;font-weight:500;margin:0 0 14px;max-width:640px}
.module-heading p{color:var(--muted);font-size:17px;line-height:1.65;margin:0;max-width:680px}
.module-details{display:grid;grid-template-columns:1fr 1fr;gap:28px 38px;margin:0;padding:28px 0 0 65px}
.module-details dt{font-size:17px;font-weight:600;line-height:1.45;margin-bottom:8px}
.module-details dd{margin:0;color:var(--muted);font-size:15px;line-height:1.75}
.integration-section{background:#eef4f8;padding-block:80px}
.integration-rows article{display:grid;grid-template-columns:180px 1fr 220px;gap:40px;align-items:center;border-top:1px solid #cddae7;padding-block:28px}
.integration-rows h3{font-size:26px;font-weight:500;letter-spacing:-.6px;margin:0}
.integration-rows p{font-size:16px;line-height:1.65;margin:0;color:var(--muted)}
.integration-rows span{font-size:12px;line-height:1.6;color:#087b83;text-align:right}
.integration-note{font-size:14px;line-height:1.65;color:var(--muted);max-width:850px;margin:28px 0 0}
.questions{padding-block:85px}
.questions details{border-top:1px solid var(--line)}
.questions details:last-child{border-bottom:1px solid var(--line)}
.questions summary{list-style:none;padding:24px 52px 24px 0;font-size:20px;line-height:1.5;position:relative;cursor:pointer}
.questions summary::-webkit-details-marker{display:none}
.questions summary::after{content:'+';position:absolute;right:8px;top:20px;font-size:28px;color:#078d94;transition:transform .25s}
.questions details[open] summary::after{transform:rotate(45deg)}
.questions details div{max-width:900px;padding:0 35px 22px 0;color:var(--muted);line-height:1.75;font-size:16px}
.questions details p{margin:0}
.questions details[open] div{animation:panel-enter .3s ease-out}
.back-top{position:fixed;right:25px;bottom:25px;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#123b5d;color:#fff;border:1px solid #ffffff80;box-shadow:0 5px 20px #123b5d22;z-index:3;font-size:23px;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .25s,transform .25s,visibility .25s}
.has-scrolled .back-top{visibility:visible;opacity:1;transform:translateY(0)}
.back-top:hover{background:#078d94;text-decoration:none}
.screens-section{padding-block:75px 85px;background:linear-gradient(140deg,#eef4f8,#e9f7f7)}
.screens-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px}
.screens-grid figure{min-width:0;margin:0}
.screen-preview{width:100%;display:block;position:relative;border:1px solid #c9d8e5;border-radius:10px;padding:0;background:#f4f7fb;overflow:hidden;box-shadow:0 18px 36px #123b5d12;transition:transform .4s,box-shadow .4s}

.screen-preview img{display:block;width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;object-position:top;transition:transform .65s cubic-bezier(.2,.7,.2,1)}


.screens-grid figcaption{padding:25px 0 0}
.screens-grid figcaption>span{font-size:12px;letter-spacing:1px;color:#087b83}
.screens-grid h3{font-size:24px;font-weight:500;margin:12px 0 10px;letter-spacing:-.5px}
.screens-grid figcaption p{font-size:16px;line-height:1.65;color:var(--muted);margin:0;max-width:520px}









.workflow li{animation:panel-enter .6s both cubic-bezier(.2,.7,.2,1)}
.workflow li:nth-child(2){animation-delay:.1s}.workflow li:nth-child(3){animation-delay:.2s}.workflow li:nth-child(4){animation-delay:.3s}.workflow li:nth-child(5){animation-delay:.4s}.workflow li:nth-child(6){animation-delay:.5s}.workflow li:nth-child(7){animation-delay:.6s}
.workflow li::before{transition:background .25s,box-shadow .25s}.workflow li:hover::before{background:#16b9c2;box-shadow:0 0 0 5px #16b9c220}
.button span{transition:transform .25s}.button:hover span{transform:translateX(4px)}
.tabs button{transition:background .25s,color .25s,border-color .25s}
@keyframes panel-enter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.header nav{gap:20px}.header .login-link{padding:12px 16px}.catalog-layout{grid-template-columns:180px minmax(0,1fr);gap:35px}.module-details{padding-left:0;gap:25px}.module-heading{padding-left:50px}.integration-rows article{grid-template-columns:150px 1fr;gap:20px}.integration-rows span{grid-column:2;text-align:left}.screens-grid{gap:24px}}
@media(max-width:760px){.header .integration-nav{display:none}.catalog{padding-block:55px}.catalog-layout{grid-template-columns:1fr;gap:30px}.module-nav{position:relative;top:auto;flex-direction:row;flex-wrap:wrap;gap:8px;border:0}.module-nav a{padding:9px 12px;border:1px solid var(--line);margin:0;border-radius:5px;font-size:12px}.module-nav a[aria-current]{border-color:#078d94}.module-details{gap:22px}.module h3{font-size:26px}.module{padding-bottom:36px;margin-bottom:36px}.section-heading{margin-bottom:30px}.section-heading h2{font-size:36px;letter-spacing:-1px}.screens-section,.integration-section{padding-block:50px}.screens-grid{grid-template-columns:1fr;gap:35px}.questions{padding-block:50px}.integration-rows article{grid-template-columns:1fr;gap:12px}.integration-rows span{grid-column:auto}.questions summary{font-size:18px}.back-top{right:14px;bottom:14px}}
@media(max-width:450px){.header nav{gap:12px}.header .register-link{padding:11px 12px;font-size:12px}.header .register-link span{display:none}.header nav>a:first-child{font-size:12px}.module-details{grid-template-columns:1fr}.module-heading{padding-left:40px}.module-number{font-size:21px}.section-heading>p:last-child{font-size:17px}.questions summary{font-size:17px}.header .brand{font-size:29px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.register-link:hover,.button:hover span{transform:none}}
/* Complete planning cycle and distinct registration/sign-in actions. */
.header-sign-in{white-space:nowrap;padding:12px 0}
.hero{align-items:center}
.workflow li{padding-bottom:23px}
.workflow h2{font-size:25px;margin-bottom:4px}
.workflow li:not(:last-child)::after{top:32px;font-size:24px}
@media(max-width:1000px){.header nav{gap:17px}.header nav>a[href="#team"]{display:none}}
@media(max-width:680px){.workflow li{padding-bottom:0}.workflow h2{font-size:21px}.workflow li:last-child{grid-column:1/-1}.hero{gap:38px}}
@media(max-width:450px){.header nav>a[href="#functionality"]{display:none}.header nav{gap:14px}.header-sign-in{font-size:13px}.header .register-link{padding:11px 10px}}
/* Brand mark and a stronger first-screen colour composition. */
.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.brand>span{margin-left:-10px}.brand-mark{width:38px;height:38px;flex:none}.footer .brand-mark{width:30px;height:30px}
.hero{position:relative;isolation:isolate;padding-block:45px 65px;gap:55px}.hero::before{content:'';position:absolute;z-index:-1;inset:-110px calc((100vw - 100%)/-2) 0;background:radial-gradient(ellipse at 24% 35%,#dff5f5 0,transparent 60%),linear-gradient(115deg,#f6fafc,#e8f0f8);pointer-events:none}.hero h1{color:#123b5d}.hero-copy{padding-block:35px}.hero .workflow{background:linear-gradient(145deg,#123b5d,#174d72);border:1px solid #235778;border-radius:22px;margin:0;padding:30px 26px 30px 44px;box-shadow:0 22px 50px #123b5d20;color:#fff}.hero .workflow p{color:#c6dce9}.hero .workflow li::before{background:#123b5d}.hero .workflow li:not(:last-child)::after{color:#51cbd1}.hero .workflow h2{color:#fff}.hero .workflow li:last-child h2{color:#6be0df}.team{border:0}
.gallery-filters{display:flex;flex-wrap:wrap;gap:9px;margin:-15px 0 30px}.gallery-filters button{border:1px solid #bdd4df;background:#fff;color:var(--ink);border-radius:6px;padding:11px 17px;cursor:pointer;transition:background .2s,color .2s}.gallery-filters button[aria-pressed=true]{background:#123b5d;color:white;border-color:#123b5d}.screens-grid figure[hidden]{display:none}.screen-preview img{object-fit:contain;background:#eef4f8}
.language-picker select{font:600 12px inherit;background:white;border:1px solid #bdd4df;border-radius:5px;padding:10px 5px;color:#123b5d;cursor:pointer;max-width:72px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1100px){.header nav{gap:12px}.header .integration-nav{display:none}.hero{gap:28px}.hero .workflow{padding-left:35px;padding-right:20px}}
@media(max-width:680px){.header{flex-wrap:wrap;gap:18px;padding-block:20px}.header .brand-mark{width:30px;height:30px}.hero{padding-top:15px;gap:25px}.hero-copy{padding-block:5px}.hero .workflow{padding:28px 20px 28px 25px}.hero::before{inset:-150px -20px 0}.header nav{margin-left:auto}.header nav>a[href="#functionality"]{display:none}.gallery-filters button{font-size:13px;padding:10px 12px}}
@media(max-width:450px){.header nav{width:100%;justify-content:space-between;gap:8px}.header .brand{font-size:30px}.header .brand-mark{width:32px;height:32px}.hero .workflow h2{font-size:19px}.hero .workflow p{font-size:12px}.hero h1{overflow-wrap:anywhere}}
/* Long localized labels must not enlarge grid tracks. */
.hero-copy,.workflow,.workflow li,.module-heading,.module-details>div{min-width:0}
.workflow h2,.workflow p,.module h3,.feature-list dt,.integration-rows h3{overflow-wrap:anywhere}
@media(max-width:680px){.hero{grid-template-columns:minmax(0,1fr)}.workflow{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.tabs button{min-width:0;white-space:normal;overflow-wrap:anywhere}.header nav{flex-wrap:wrap}.language-picker select{font-family:inherit;font-size:12px;max-width:110px}.gallery-filters button{max-width:100%;overflow-wrap:anywhere}}
.language-picker select{width:122px;max-width:122px;font:500 12px/1.4 "Segoe UI",Arial,sans-serif;padding:10px 7px}.header nav{flex-wrap:wrap;justify-content:flex-end}
@media(max-width:450px){.header nav{justify-content:space-between}.language-picker select{width:108px;max-width:108px}}
.hero .actions{gap:12px;max-width:680px}.hero .actions .button{font-size:15px;padding-inline:19px}.hero-demo{background:#123b5d;border-color:#123b5d;color:#fff}.hero-demo:hover{background:#174d72}.hero-register{border-color:#078d94;color:#087b83;background:#fff}
@media(max-width:450px){.hero .actions{display:grid;grid-template-columns:1fr 1fr}.hero .actions .button{font-size:13px;padding:12px 9px;gap:7px;min-width:0;text-align:center;overflow-wrap:anywhere}.hero .actions .primary{grid-column:1/-1}.hero .actions .hero-demo{grid-column:1/-1}}

/* Pricing comparison in the Lany palette. */
.pricing-section{padding:96px 0;background:linear-gradient(150deg,#f4fafb,#eaf2f8);scroll-margin-top:30px}
.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch;padding-top:20px}
.price-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:35px 30px;border:1px solid #ccdde6;border-radius:20px;background:#ffffffd9;box-shadow:0 12px 35px #123b5d08;color:#123b5d}
.price-card .price-eyebrow{font-size:13px;letter-spacing:.04em;color:#477087;margin:0 0 20px}.price-card h3{font-size:24px;line-height:1.25;margin:0 0 27px;font-weight:600}
.price-card .price-amount{font-size:clamp(48px,5vw,68px);line-height:1;letter-spacing:-3px;font-weight:650;margin:0 0 12px;font-variant-numeric:tabular-nums}.price-card .price-period{font-size:16px;margin:0;color:#52738a}
.price-card .price-detail{font-size:16px;line-height:1.6;padding:24px 0;margin:24px 0 26px;border-top:1px solid #ccdde6;min-height:100px}.price-card .button{margin-top:auto;justify-content:space-between;gap:10px;font-size:15px;padding:16px 20px}.price-card .price-footnote{font-size:12px;line-height:1.5;margin:17px 0 0;color:#c4dde9}
.price-card-year{background:linear-gradient(145deg,#123b5d,#17516d);color:#fff;border-color:#17516d;box-shadow:0 20px 45px #123b5d25}.price-card-year .price-eyebrow,.price-card-year .price-period{color:#c4dde9}.price-card-year .price-detail{border-color:#ffffff30}.price-card-year .primary{background:#66e0d9;color:#103a54;border-color:#66e0d9}.price-card-year .primary:hover{background:#8cece6}.price-badge{position:absolute;top:-16px;left:28px;background:#66e0d9;color:#103a54;border-radius:30px;padding:8px 16px;font-size:12px;font-weight:650;max-width:calc(100% - 56px)}
@media(max-width:900px){.pricing-grid{gap:14px}.price-card{padding:30px 20px}.price-card h3{font-size:21px}}
@media(max-width:680px){.pricing-section{padding:55px 0}.pricing-grid{grid-template-columns:minmax(0,1fr);gap:30px}.price-card{padding:30px}.price-card .price-detail{min-height:0;margin:20px 0;padding:20px 0}.price-card .price-amount{font-size:58px}.price-card h3{margin-bottom:20px}.price-card .button{width:100%}}

/* Give the hero useful detail and a compact pricing overview. */
.hero{padding-top:30px;align-items:center}.hero-copy{padding-block:10px}.hero-kicker{display:flex;align-items:center;gap:9px;font-size:12px;letter-spacing:.08em;color:#087c87;margin:0 0 23px}.hero-kicker>span{width:7px;height:7px;border-radius:50%;background:#0799a1;box-shadow:0 0 0 5px #0799a112;flex:none}
.hero .lead{margin-bottom:24px}.hero-capabilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;max-width:580px;margin-bottom:28px}.hero-capabilities a{display:flex;align-items:center;gap:10px;text-decoration:none;color:#234f6c;font-size:14px;line-height:1.4}.cap-icon{display:grid;place-items:center;width:30px;height:30px;flex:none;border:1px solid #9bcdd4;border-radius:9px;background:#ffffff90;color:#087c87;font-size:20px}.hero-capabilities a:hover{color:#078d94}.hero-capabilities a:hover .cap-icon{background:#d4f1ef}
.hero-price-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 20px;align-items:center;gap:18px;padding:22px 0 0;margin-top:28px;border-top:1px solid #bed6df;text-decoration:none;color:#123b5d;max-width:630px}.hero-price-strip>span{display:flex;flex-wrap:wrap;gap:5px 7px;align-items:baseline;min-width:0}.hero-price-strip strong{font-size:24px;letter-spacing:-.6px;font-weight:650}.hero-price-strip span span{font-size:11px;color:#50728b}.hero-price-strip small{flex-basis:100%;font-size:11px;color:#50728b}.hero-price-strip .hero-price-arrow{font-size:24px;color:#078d94}.hero-price-strip:hover strong{color:#078d94}
@media(max-width:680px){.hero{padding-top:15px}.hero-kicker{margin-bottom:18px;font-size:10px}.hero-capabilities{gap:12px;margin-bottom:24px}.hero-capabilities a{font-size:12px}.hero-price-strip{gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:24px;padding-top:20px}.hero-price-strip .hero-price-arrow{display:none}.hero-price-strip strong{font-size:22px}.hero-price-strip small{font-size:10px}.hero-copy{padding-block:5px}}

.flag-switcher{position:relative;z-index:30;flex:none}.flag-toggle{display:flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:9px 11px;border:1px solid #bdd4df;border-radius:7px;background:#fff;color:#123b5d;cursor:pointer}.flag-switcher img{display:block;width:25px;height:18px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px #123b5d15}.flag-options{position:absolute;top:calc(100% + 9px);right:0;width:186px;padding:7px;background:#fff;border:1px solid #ccdde6;border-radius:12px;box-shadow:0 16px 40px #123b5d25}.flag-options[hidden]{display:none}.flag-options button{display:flex;align-items:center;gap:12px;width:100%;min-height:42px;padding:9px 11px;border:0;border-radius:6px;background:transparent;color:#123b5d;font:14px/1.4 "Segoe UI",sans-serif;text-align:left;cursor:pointer}.flag-options button:hover,.flag-options button[aria-pressed=true]{background:#e4f4f5}.flag-options button:focus-visible,.flag-toggle:focus-visible{outline:2px solid #078d94;outline-offset:2px}.language-picker[hidden]{display:none}

/* Monoline wordmark based on the supplied logo reference. */
.brand .brand-wordmark{display:block;width:104px;height:48px;object-fit:contain;flex:none}.header .brand,.footer .brand{gap:9px}.header .brand-mark{width:38px;height:38px}.footer .brand-wordmark{width:95px;height:44px}
@media(max-width:450px){.header .brand .brand-wordmark{width:95px;height:44px}.header .brand-mark{width:32px;height:32px}}

/* Expressive calls to action, keeping the navy and turquoise palette. */
.hero .actions{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);max-width:580px;gap:14px}
.hero .actions .button,.header .register-link{position:relative;isolation:isolate;overflow:hidden;border-radius:16px;font-weight:600;transition:transform .22s ease,box-shadow .22s ease,background .22s ease;box-shadow:0 5px 0 #123b5d0a,0 10px 22px #123b5d0c}
.hero .actions .button{min-height:58px;justify-content:space-between;padding:15px 20px;border:1px solid #ffffffa0}
.hero .actions .primary,.header .register-link{background:linear-gradient(120deg,#087481,#069a9e);color:#fff;box-shadow:0 4px 0 #075b6b,0 12px 26px #078d942b;border-color:#46bec1}
.hero .actions .hero-register{background:linear-gradient(115deg,#9bf0e0,#63ddd6);color:#123b5d;border-color:#b8fff1;box-shadow:0 4px 0 #3ab8b3,0 12px 24px #0caaa322}
.hero .actions .hero-demo{background:linear-gradient(120deg,#123b5d,#256187);color:#fff;border-color:#417a9b;box-shadow:0 4px 0 #0b2942,0 12px 24px #123b5d25}
.hero .actions .button[href$="/login"]{background:linear-gradient(120deg,#fff,#eef8fc);color:#123b5d;border-color:#fff;box-shadow:0 4px 0 #ccdde7,0 12px 24px #123b5d0c}
.hero .actions .button>span,.header .register-link>span{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:#ffffff22;transition:transform .22s ease}
.hero .actions .button::after,.header .register-link::after{content:'';position:absolute;z-index:-1;inset:-50% auto -50% -70%;width:40%;background:linear-gradient(90deg,transparent,#ffffff30,transparent);transform:skewX(-20deg);pointer-events:none}
@media(hover:hover){.hero .actions .button:hover,.header .register-link:hover{transform:translateY(-3px);box-shadow:0 7px 0 #123b5d16,0 17px 30px #078d9433}.hero .actions .button:hover::after,.header .register-link:hover::after{animation:cta-shine .65s ease-out}.hero .actions .button:hover>span,.header .register-link:hover>span{transform:rotate(-15deg)}}
@keyframes cta-shine{to{left:130%}}
.hero .actions .button:active,.header .register-link:active{transform:translateY(2px);box-shadow:0 1px 0 #123b5d20,0 4px 10px #123b5d15}
.header nav{gap:8px}.header nav>a:not(.register-link){padding:10px 13px;border-radius:30px;transition:background .2s,color .2s,box-shadow .2s;text-decoration:none}.header nav>a:not(.register-link):hover{background:#ffffffc9;color:#067d85;box-shadow:0 5px 15px #123b5d0b}.header nav>.header-sign-in{background:#ffffffa6;border:1px solid #ffffff;box-shadow:0 3px 10px #123b5d08}.header .register-link{display:inline-flex;align-items:center;gap:12px;padding:10px 16px;margin-inline:5px;min-height:44px}.flag-toggle{border-radius:13px;box-shadow:0 4px 12px #123b5d0b;border-color:#fff;background:linear-gradient(135deg,#fff,#edf8fa)}
.hero .actions .button:focus-visible,.header nav>a:focus-visible{outline:3px solid #078d94;outline-offset:5px}
@media(max-width:680px){.header nav{gap:6px}.header nav>a:not(.register-link){padding:9px 10px}.hero .actions .button{padding:13px 15px;font-size:13px;min-height:56px}.hero .actions .button>span{width:24px;height:24px}.hero .actions{gap:12px}}
@media(max-width:450px){.hero .actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hero .actions .primary,.hero .actions .hero-demo{grid-column:auto}.hero .actions .button{justify-content:center;text-align:center;padding:12px 10px;gap:8px}.hero .actions .primary>span{display:none}.header .register-link{margin-inline:0;padding:10px 12px}.header .register-link>span{display:none}}
@media(prefers-reduced-motion:reduce){.hero .actions .button:hover,.header .register-link:hover,.hero .actions .button:active,.header .register-link:active{transform:none}.hero .actions .button:hover>span,.header .register-link:hover>span{transform:none}}

.hero h1{font-size:clamp(42px,4.6vw,68px);line-height:1.1;letter-spacing:-2.5px}.hero-title-accent{color:#087e89}.hero .lead{max-width:650px;font-size:20px;line-height:1.6;margin-top:24px}
@media(max-width:680px){.hero h1{font-size:clamp(35px,7.4vw,50px);letter-spacing:-1.4px}.hero .lead{font-size:16px;line-height:1.55;margin-top:20px}}

/* A seamless, three-lane feature mosaic. */
.feature-mosaic{max-width:650px;min-width:0;margin:22px 0 24px}.mosaic-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;color:#477188;font-size:11px;letter-spacing:.06em}.mosaic-pause{display:flex;gap:6px;align-items:center;border:1px solid #b6d7dc;border-radius:20px;padding:5px 10px;background:#ffffffa0;color:#22546c;font:inherit;cursor:pointer}.mosaic-pause[aria-pressed=true]{background:#123b5d;color:white}.mosaic-window{overflow:hidden;padding:4px 0;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}.mosaic-track{display:flex;width:max-content;animation:mosaic-drift 36s linear infinite;will-change:transform}.mosaic-window:nth-child(3) .mosaic-track{animation-direction:reverse;animation-duration:42s}.mosaic-window:nth-child(4) .mosaic-track{animation-duration:48s}.mosaic-group{display:flex;align-items:center;gap:10px;padding-right:10px}.mosaic-tile{display:flex;align-items:center;gap:10px;white-space:nowrap;padding:11px 17px;border:1px solid #ffffffb0;border-radius:13px;font-size:13px;font-weight:500;text-decoration:none;box-shadow:0 3px 0 #123b5d0b;transition:filter .2s}.mosaic-icon{font-size:19px;line-height:1}.tile-0{background:#123b5d;color:#fff}.tile-1{background:#8ce7df;color:#103c50}.tile-2{background:#fff;color:#123b5d}.tile-3{background:#d3e8f4;color:#123b5d}.mosaic-tile:hover{filter:brightness(1.08);text-decoration:none}.feature-mosaic:hover .mosaic-track,.feature-mosaic.is-paused .mosaic-track{animation-play-state:paused}.mosaic-window:focus-within{overflow-x:auto;mask-image:none}.mosaic-window:focus-within .mosaic-track{animation:none}.mosaic-window:focus-within .mosaic-group[aria-hidden]{display:none}.mosaic-tile:focus-visible,.mosaic-pause:focus-visible{outline:2px solid #078d94;outline-offset:2px}.feature-mosaic.is-paused .mosaic-window{overflow-x:auto}.feature-mosaic.is-paused .mosaic-track{animation:none}.feature-mosaic.is-paused .mosaic-group[aria-hidden]{display:none}
@keyframes mosaic-drift{to{transform:translateX(-50%)}}
@media(max-width:680px){.mosaic-tile{padding:10px 13px;font-size:12px;gap:8px}.feature-mosaic{margin-block:18px}.mosaic-group{gap:8px;padding-right:8px}.hero .lead{font-size:15px}.mosaic-track{animation-duration:30s}}
@media(prefers-reduced-motion:reduce){.mosaic-track{animation:none;will-change:auto}.mosaic-group[aria-hidden]{display:none}.mosaic-window{overflow-x:auto;mask-image:none}.mosaic-pause{display:none}}

/* Screens follow a single horizontal loop, without image zoom. */
.gallery-controls{display:flex;align-items:center;justify-content:flex-end;gap:15px;margin:-8px 0 20px}.gallery-controls button{width:45px;height:45px;border:1px solid #b9d9e1;border-radius:50%;background:#fff;color:#123b5d;font-size:23px;cursor:pointer;transition:background .2s,transform .2s}.gallery-controls button:hover{background:#8ce7df;transform:translateY(-2px)}.gallery-controls button:disabled{opacity:.35;cursor:default;transform:none}.gallery-controls button:focus-visible{outline:3px solid #078d94;outline-offset:3px}.gallery-count{font-size:13px;color:#477188;font-variant-numeric:tabular-nums;min-width:40px;text-align:center}.gallery-viewport{overflow:hidden;touch-action:pan-y;min-width:0;padding-bottom:10px}.gallery-viewport .screens-grid{display:flex;gap:26px;transition:transform .55s cubic-bezier(.22,.7,.2,1);will-change:transform;align-items:flex-start}.gallery-viewport .screens-grid figure{flex:0 0 calc((100% - 26px)/2);min-width:0;margin:0}.gallery-viewport .screens-grid figure[hidden]{display:none}.gallery-viewport .screen-preview{box-shadow:none}.gallery-viewport .screen-preview img{pointer-events:none;user-select:none}
@media(max-width:760px){.gallery-viewport .screens-grid{gap:16px}.gallery-viewport .screens-grid figure{flex-basis:90%}.gallery-controls{margin-top:0}}
@media(prefers-reduced-motion:reduce){.gallery-viewport .screens-grid{transition:none}}

.hero-pricing-link{display:flex;align-items:center;justify-content:space-between;max-width:580px;margin-top:26px;padding:18px 2px;border-top:1px solid #bed6df;color:#123b5d;font-size:18px;font-weight:600;text-decoration:none}.hero-pricing-link>span:last-child{color:#078d94;font-size:24px;transition:transform .2s}.hero-pricing-link:hover{color:#078d94;text-decoration:none}.hero-pricing-link:hover>span:last-child{transform:translate(3px,-3px)}.hero-pricing-link:focus-visible{outline:2px solid #078d94;outline-offset:5px}

.price-detail .trial-note{display:block;margin-top:16px;padding:10px 12px;border-radius:9px;background:#d7f5ef;color:#12535b;font-size:14px;font-weight:600;line-height:1.5}.price-card-year .trial-note{background:#66e0d9;color:#103a54}

.price-card .price-footnote{margin:0 0 18px}
.price-card .button{min-height:58px;width:100%;padding:12px 16px 12px 20px;border-radius:13px;font-size:15px;font-weight:600;line-height:1.4;letter-spacing:0;box-shadow:0 3px 8px #123b5d08;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}
.price-card .button.secondary{background:#edf5f8;border-color:#cadfe7;color:#174763}
.price-card .button>span{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:#123b5d09;font-size:17px;line-height:1;transform:none}
.price-card-year .button.primary{background:#c0e8e5;border-color:#c0e8e5;color:#123b5d;box-shadow:0 3px 10px #082c4320}
.price-card-year .button>span{background:#123b5d10}
@media(hover:hover){.price-card .button:hover{transform:translateY(-2px);box-shadow:0 6px 14px #123b5d15}.price-card .button.secondary:hover{background:#e0eef3;border-color:#9abfce}.price-card-year .button.primary:hover{background:#d6f1ee;border-color:#d6f1ee}.price-card .button:hover>span{transform:translateX(2px)}}
.price-card .button:focus-visible{outline:3px solid #078d94;outline-offset:4px}.price-card-year .button:focus-visible{outline-color:#b7ebe5}.price-card .button:active{transform:translateY(0);box-shadow:none}
@media(prefers-reduced-motion:reduce){.price-card .button:hover,.price-card .button:hover>span{transform:none}}

/* Practical articles stay readable inside the existing disclosure pattern. */
.questions .case-article{scroll-margin-top:24px}.questions .case-article summary{display:flex;align-items:baseline;gap:18px;padding-block:23px}.case-number{font-size:12px;color:#078d94;min-width:24px;font-variant-numeric:tabular-nums}.questions .case-article summary>span:nth-child(2){flex:1;min-width:0}.questions .case-article summary::after{flex:none}.questions .case-article[open]{background:linear-gradient(100deg,#f0f9fa70,transparent)}.questions .case-content{max-width:950px;padding:4px 0 30px 42px}.questions .case-paragraph{padding:0;margin:0 0 21px}.questions .case-paragraph h3{font-size:12px;letter-spacing:.04em;color:#087b85;font-weight:650;margin:0 0 8px}.questions .case-paragraph p{font-size:16px;line-height:1.8;margin:0;max-width:none;color:#355d77}.questions .case-paragraph:nth-child(3){padding:16px 20px;background:#e8f3f6;border-left:3px solid #16b9c2;border-radius:0 10px 10px 0}.case-link{display:inline-flex;gap:14px;align-items:center;color:#087b85;font-size:14px;font-weight:600;text-decoration:none}.case-link:hover{text-decoration:underline}.case-link:focus-visible{outline:2px solid #078d94;outline-offset:4px}
@media(max-width:680px){.questions .case-article summary{gap:10px;font-size:17px;line-height:1.5}.questions .case-content{padding-left:0}.questions .case-paragraph p{font-size:15px;line-height:1.75}.questions .case-paragraph:nth-child(3){padding:14px}.case-number{min-width:21px}}

.brand .brand-logo{display:block;width:150px;height:auto;flex:none}.footer .brand-logo{width:140px}@media(max-width:450px){.header .brand-logo{width:137px}}

/* Consistent geometry and a quieter, coordinated CTA palette. */
.hero .actions{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr}
.hero .actions .button{min-height:60px;height:100%;box-sizing:border-box;justify-content:center;text-align:center;gap:12px;border-radius:14px;line-height:1.4;box-shadow:0 3px 0 #123b5d16,0 8px 18px #123b5d0b}
.hero .actions .hero-register{background:linear-gradient(120deg,#e2f2f3,#cfe7eb);color:#16465e;border-color:#bdd9df;box-shadow:0 3px 0 #aacdd5,0 8px 18px #123b5d0b}
.hero .actions .button[href$="/login"]{background:linear-gradient(120deg,#f6fafc,#e6eff5);border-color:#cfdee8;box-shadow:0 3px 0 #bbd0df,0 8px 18px #123b5d0b}
.hero .actions .primary{background:linear-gradient(120deg,#087b86,#078e96);border-color:#199ca4;box-shadow:0 3px 0 #086371,0 8px 18px #078d941c}
.hero .actions .hero-demo{background:linear-gradient(120deg,#174465,#205575);border-color:#306987;box-shadow:0 3px 0 #10334e,0 8px 18px #123b5d16}
@media(hover:hover){.hero .actions .button:hover{box-shadow:0 5px 0 #123b5d18,0 12px 24px #123b5d18}}
@media(max-width:450px){.hero .actions .button{min-height:60px;padding:12px 10px;font-size:13px;gap:7px}}

/* Full-width feature ribbon, behind the hero content. */
.hero .hero-copy{position:relative;z-index:2;pointer-events:none}.hero-copy>*{pointer-events:auto}.hero-copy .mosaic-slot{height:182px;pointer-events:none}.hero .workflow{position:relative;z-index:2}
.hero .feature-mosaic{position:absolute;z-index:1;left:50%;top:var(--mosaic-top,45%);transform:translateX(-50%);width:var(--mosaic-width,100%);max-width:none;margin:0;overflow:hidden;padding:0 0 8px;opacity:.62}
.feature-mosaic .mosaic-heading{padding-inline:max(20px,calc((100% - 1280px)/2));margin-bottom:8px}.feature-mosaic .mosaic-window{mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.feature-mosaic .mosaic-group{min-width:var(--mosaic-width,100vw);justify-content:space-around;gap:20px;padding-right:20px}.feature-mosaic .mosaic-tile{box-shadow:none;border-color:#ffffff60;background:#dce8ef;color:#46667c;font-weight:500}.feature-mosaic .tile-0{background:#cbdde7;color:#33566e}.feature-mosaic .tile-1{background:#c8e0dc;color:#3d6666}.feature-mosaic .tile-2{background:#f4f8fa;color:#547184}.feature-mosaic .tile-3{background:#d6e5ed;color:#496a80}.feature-mosaic .mosaic-pause{background:#ffffffba}.feature-mosaic .mosaic-pause[aria-pressed=true]{background:#123b5d;color:#fff}
@media(max-width:680px){.hero-copy .mosaic-slot{height:166px}.feature-mosaic .mosaic-group{gap:10px;padding-right:10px}.hero .feature-mosaic{opacity:.7}}
.feature-mosaic .mosaic-heading{justify-content:flex-start;gap:16px}

/* Keep the feature ribbon free of visible scrollbars in every state. */
.feature-mosaic .mosaic-window{scrollbar-width:none;-ms-overflow-style:none}.feature-mosaic .mosaic-window::-webkit-scrollbar{display:none;width:0;height:0}

.gallery-viewport{cursor:grab;user-select:none;-webkit-user-select:none;touch-action:pan-y pinch-zoom}.gallery-viewport.is-dragging{cursor:grabbing}.gallery-viewport.is-single{cursor:default}.gallery-viewport .screens-grid{transition:none}.gallery-viewport:focus-visible{outline:2px solid #078d94;outline-offset:4px}

/* A layered, full-hero field of moving capabilities. */
.header{position:relative;z-index:5}.hero .feature-mosaic{height:var(--mosaic-height,100%);padding:0;opacity:1;pointer-events:none;mask-image:linear-gradient(180deg,transparent,#000 8%,#000 90%,transparent)}
.mosaic-field{position:absolute;inset:-15px -30px;display:flex;flex-direction:column;justify-content:space-around;transform:translate3d(var(--drift-x,0px),var(--drift-y,0px),0) rotate(-3deg) scale(1.06);transition:transform .8s ease-out}
.feature-mosaic .mosaic-window{flex:none;overflow:hidden!important;mask-image:none;opacity:.46;padding:6px 0}.feature-mosaic .mosaic-window:nth-child(3n){opacity:.28;filter:blur(.4px)}.feature-mosaic .mosaic-track,.feature-mosaic.is-paused .mosaic-track{animation:mosaic-drift var(--row-duration,50s) linear infinite;animation-delay:var(--row-delay,0s);animation-direction:var(--row-direction,normal)}.feature-mosaic .mosaic-group{min-width:var(--mosaic-width,100vw);gap:24px;padding-right:24px}.feature-mosaic.is-paused .mosaic-group[aria-hidden]{display:flex}.feature-mosaic.is-paused .mosaic-track{animation-play-state:paused}.feature-mosaic:hover .mosaic-track{animation-play-state:running}.feature-mosaic.is-paused:hover .mosaic-track{animation-play-state:paused}
.feature-mosaic .mosaic-tile{padding:12px 22px;border-radius:14px;border:1px solid #94bdb32b;background:#cce0e7;color:#527482;box-shadow:0 4px 16px #123b5d06}.feature-mosaic .tile-1{background:#c2dbd5;color:#4a716b}.feature-mosaic .tile-2{background:#edf5f8}.feature-mosaic .tile-3{background:#ccddea}
.hero .hero-copy{isolation:isolate}.hero-copy::before{content:'';position:absolute;inset:-25px -35px;z-index:-1;background:radial-gradient(ellipse,#eff8faf5 30%,#eff8fae8 60%,#eff8fa00 75%);pointer-events:none}.hero-copy .mosaic-slot{height:auto;min-height:35px;margin:18px 0;pointer-events:auto}.mosaic-slot .mosaic-heading{max-width:580px;justify-content:space-between;margin:0;font-size:11px;opacity:.85}.hero .workflow{box-shadow:0 24px 65px #123b5d25}
@media(max-width:680px){.mosaic-field{inset:-15px -20px;transform:rotate(-5deg) scale(1.1)}.feature-mosaic .mosaic-window{opacity:.3}.feature-mosaic .mosaic-tile{font-size:12px;padding:10px 16px}.hero-copy::before{inset:-20px;background:radial-gradient(ellipse,#eff8faf5 40%,#eff8fae8 65%,transparent 85%)}}
@media(prefers-reduced-motion:reduce){.feature-mosaic .mosaic-track,.feature-mosaic.is-paused .mosaic-track{animation:none}.mosaic-field{transform:rotate(-3deg) scale(1.06);transition:none}.feature-mosaic .mosaic-group[aria-hidden]{display:flex}.mosaic-slot .mosaic-pause{display:none}}
.pricing-currency-bar{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:0 0 24px}.pricing-currency-toggle{display:inline-flex;padding:4px;border:1px solid #c3dce3;border-radius:30px;background:#fff;flex:none}.pricing-currency-toggle button{border:0;border-radius:24px;padding:10px 21px;font:600 14px/1.4 inherit;background:transparent;color:#123b5d;cursor:pointer}.pricing-currency-toggle button[aria-pressed=true]{background:#123b5d;color:white;box-shadow:0 3px 9px #123b5d20}.pricing-currency-toggle button:focus-visible{outline:2px solid #078d94;outline-offset:2px}.pricing-rate-status{font-size:13px;line-height:1.6;color:#477188;margin:0;flex:1;min-width:220px}.pricing-rate-status a{color:#087b85;text-underline-offset:3px}.prices-uah .price-amount{font-size:clamp(30px,3.1vw,44px);letter-spacing:-1.5px;white-space:nowrap}.prices-uah .price-card .price-amount{min-height:68px;display:flex;align-items:center}@media(max-width:680px){.pricing-currency-bar{gap:12px}.pricing-rate-status{flex-basis:100%}.prices-uah .price-card .price-amount{font-size:38px;min-height:58px}}
/* Optional, user-opened contact form; no interrupting popups. */
.landing-contact{margin-top:28px;border:1px solid #ccdde6;border-radius:16px;background:#ffffffb0;padding:20px 24px;color:#123b5d}.landing-contact summary{cursor:pointer;font-weight:600}.landing-contact form>p{line-height:1.6}.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-fields label{display:grid;gap:8px;font-size:14px}.contact-fields input,.contact-fields select{width:100%;min-width:0;border:1px solid #bed5df;border-radius:9px;padding:12px;background:white;color:#123b5d;font:inherit}.contact-fields :focus-visible{outline:2px solid #078d94;outline-offset:2px}.contact-notice{font-size:13px;color:#52738a;max-width:760px}.landing-contact button{border-radius:10px;min-height:44px}.landing-contact button:disabled{opacity:.6;cursor:wait}.contact-status{margin-bottom:0}.landing-counter-info{margin-top:24px;font-size:13px;color:#c4dde9;max-width:760px;line-height:1.6}.landing-counter-info summary{cursor:pointer}.landing-counter-info button{padding:9px 14px;border:1px solid #91b4c8;border-radius:8px;background:transparent;color:inherit;cursor:pointer}@media(max-width:680px){.contact-fields{grid-template-columns:1fr}.landing-contact{padding:18px}}
/* Full-bleed carousel, independent of the heading's content width. */
.screens-section>.gallery-viewport{width:100%;max-width:none;margin-inline:0}.screens-section>.gallery-viewport figcaption{padding-inline:clamp(16px,2vw,32px)}.screens-section>.gallery-viewport:focus-visible{outline-offset:-3px}
.business-services{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:80px;padding-block:90px}.business-services .section-heading{margin:0}.business-services .section-heading h2{font-size:clamp(34px,4vw,52px)}.business-services .section-heading>.services-note{font-size:13px;line-height:1.6;margin-top:18px;max-width:370px}.business-services .button{margin-top:24px;border-radius:12px;gap:24px;padding:16px 22px;background:#087d88;color:#fff}.services-list article{display:flex;gap:22px;padding:22px 0;border-bottom:1px solid #ccdde6}.services-list article:first-child{padding-top:0}.services-list article>span{color:#078d94;font-size:13px;font-variant-numeric:tabular-nums;padding-top:5px}.services-list h3{font-size:21px;font-weight:600;margin:0 0 8px;color:#123b5d}.services-list p{font-size:16px;line-height:1.65;color:#52738a;margin:0}@media(max-width:760px){.business-services{grid-template-columns:1fr;gap:38px;padding-block:55px}.services-list h3{font-size:19px}}

/* Public integration downloads: published EPFs only. */
.integration-downloads{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:12px}
.integration-downloads .button{font-size:14px;min-height:48px;padding:12px 18px;white-space:normal}
.integration-downloads>p,.integration-downloads details{flex-basis:100%;font-size:14px}
.integration-downloads summary{cursor:pointer;color:var(--ink);padding:10px 0}
.integration-downloads details p{max-width:900px;padding:12px 0}
@media(max-width:600px){.integration-downloads .button{width:100%;justify-content:center}}

/* Hero workflow: luminous interactive cards, with equivalent keyboard focus. */
.workflow-link{position:relative;display:block;color:inherit;text-decoration:none;border-radius:12px;padding:8px 32px 8px 10px;margin:-8px -8px -8px -10px;background:linear-gradient(110deg,transparent,transparent);transition:transform .24s ease,background .24s ease,box-shadow .24s ease}
.workflow-link::after{content:"\2197";position:absolute;right:10px;top:12px;color:#91fff0;font-size:20px;opacity:0;transform:translate(-5px,5px);transition:opacity .24s ease,transform .24s ease}
.workflow-link h2{transition:color .24s ease,text-shadow .24s ease}
.workflow li::before{background:#35c4c9;box-shadow:0 0 0 3px #16b9c218,0 0 12px #4ef4d950;transition:background .24s ease,box-shadow .24s ease}
.workflow-link:hover{text-decoration:none}
.workflow-link:focus-visible{outline:2px solid #8af5e8;outline-offset:4px;background:linear-gradient(110deg,#27d9cc30,#68f0dc0a);box-shadow:inset 0 0 0 1px #83f9e444,0 8px 24px #001c3438}
.workflow-link:focus-visible::after{opacity:1;transform:translate(0,0)}
.workflow li:has(.workflow-link:focus-visible)::before{background:#6be0df;box-shadow:0 0 0 5px #16b9c220,0 0 18px #4ef4d999}
@media(hover:hover) and (pointer:fine){.workflow-link:hover{transform:translateX(4px);background:linear-gradient(110deg,#27d9cc30,#68f0dc0a);box-shadow:inset 0 0 0 1px #83f9e444,0 8px 24px #001c3438}.workflow-link:hover::after{opacity:1;transform:translate(0,0)}.hero .workflow-link:hover h2{color:#a0fff0;text-shadow:0 0 18px #64f4da50}.workflow li:hover::before{background:#6be0df;box-shadow:0 0 0 5px #16b9c220,0 0 18px #4ef4d999}}
@media(prefers-reduced-motion:reduce){.workflow-link,.workflow-link::after,.workflow-link h2,.workflow li::before{transition:none}.workflow-link:hover{transform:none}}