:root{
  --orange:#ff7a1a;
  --orange-2:#ff9d57;
  --green:#23b56d;
  --green-2:#7ed7aa;
  --ink:#132238;
  --muted:#667085;
  --line:#e7edf3;
  --soft:#f7faf8;
  --card:#ffffff;
  --shadow:0 18px 60px rgba(18,38,63,.10);
  --radius:26px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  color:var(--ink);
  background:#fff;
  line-height:1.55;
}
a{text-decoration:none;color:inherit}
button,input,select,textarea{font:inherit}
.wrap{width:min(1180px,calc(100% - 40px));margin:auto}
.topbar{
  position:relative;isolation:isolate;overflow:hidden;background:#526a73;color:#fff;font-size:14px;
}
.topbar:before,.topbar:after{content:"";position:absolute;z-index:-1;top:0;bottom:0;width:220px;background:radial-gradient(circle,#91a8ae 1.8px,transparent 2.3px) 0 0/11px 11px;mask-image:linear-gradient(90deg,transparent,#000,transparent);opacity:.28}
.topbar:before{left:10%}.topbar:after{right:12%}
.topbar .wrap{min-height:76px;display:flex;justify-content:center;align-items:center;gap:28px;padding:14px 0}
.topbar b{color:#fff;font-weight:750}
.announcement-copy{line-height:1.6;text-align:center}
.announcement-link{flex:none;color:#c6f2dc;font-weight:700;display:inline-flex;align-items:center;gap:10px}
.announcement-link:hover{text-decoration:underline;text-underline-offset:4px}
.announcement-link:focus-visible,.header a:focus-visible,.mobile-btn:focus-visible{outline:2px solid #23b56d;outline-offset:5px}
.header{
  position:sticky;top:0;z-index:50;
  background:#fff;
  border-bottom:1px solid #edf0f2;
}
.nav{height:80px;display:flex;align-items:center;gap:28px}
.header .logo{flex:none;font-size:25px;font-weight:800;letter-spacing:-.8px}
.header .logo-mark{width:38px;height:38px;border-radius:10px;background:#45b86b;box-shadow:none}
.header .logo small{font-size:9px;letter-spacing:1.3px;font-weight:600}
.logo{display:flex;align-items:center;gap:10px;font-weight:900;font-size:24px;letter-spacing:-.8px}
.logo-mark{
  width:42px;height:42px;border-radius:14px;
  background:linear-gradient(135deg,var(--orange),var(--green));
  display:grid;place-items:center;color:white;font-weight:900;
  box-shadow:0 10px 24px rgba(35,181,109,.20);
}
.logo small{display:block;font-size:10px;letter-spacing:1.5px;color:var(--muted);font-weight:700;margin-top:-3px}
.menu{display:flex;align-items:center;justify-content:center;gap:30px;margin-left:0;flex:1}
.menu-item{position:relative}
.menu-link{font-weight:600;font-size:14px;display:flex;align-items:center;gap:8px;padding:28px 0;white-space:nowrap}
.menu-link:hover{color:var(--green)}
.chev{font-size:11px;opacity:.6}
.mega{
  position:absolute;left:-30px;top:68px;width:720px;padding:20px;
  border:1px solid var(--line);border-radius:20px;background:#fff;
  box-shadow:var(--shadow);display:none;
}
.menu-item:hover .mega,.menu-item:focus-within .mega{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mega a{padding:13px 14px;border-radius:14px}
.mega a:hover{background:#f5faf7}
.mega b{display:block;font-size:14px}
.mega span{font-size:12px;color:var(--muted)}
.nav-actions{display:flex;align-items:center;gap:12px;flex:none}
.header .nav-actions .btn{padding:9px 16px;min-height:42px;border-radius:7px;font-size:14px;font-weight:650;border-color:#e5e8eb;box-shadow:none;white-space:nowrap}
.header .nav-actions .btn-primary{background:#45b86b;border-color:#45b86b;color:#fff}
.header .nav-actions .btn-primary:hover{background:#359d57;border-color:#359d57}
.header-language{font-size:11px;color:#718095;white-space:nowrap}
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  gap:8px;padding:13px 20px;border-radius:13px;border:1px solid var(--line);
  font-weight:750;cursor:pointer;transition:.2s ease;background:#fff;
}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:linear-gradient(135deg,var(--orange),#ff8c3f);color:white;border-color:transparent;box-shadow:0 10px 26px rgba(255,122,26,.25)}
.btn-green{background:linear-gradient(135deg,var(--green),#2fc47a);color:white;border-color:transparent}
.mobile-btn{display:none;border:0;background:transparent;font-size:25px}

.hero{
  overflow:hidden;position:relative;
  background:
   radial-gradient(circle at 10% 20%,rgba(255,122,26,.12),transparent 28%),
   radial-gradient(circle at 90% 15%,rgba(35,181,109,.14),transparent 30%),
   linear-gradient(#fff,#fbfdfc);
}
.hero .wrap{width:min(1440px,calc(100% - clamp(40px,6vw,112px)));display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,3vw,56px);align-items:center;padding:56px 0 64px}
@media(min-width:981px){
  .header .wrap,.topbar .wrap{width:min(1440px,calc(100% - clamp(40px,6vw,112px)))}
}
.kicker{
  display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;
  background:#fff5eb;color:#d65f00;font-weight:750;font-size:13px;border:1px solid #ffe1c7;
}
.hero-copy{min-width:0;max-width:660px}
.hero .kicker{max-width:100%;padding:7px 11px;font-size:12px;font-weight:650;line-height:1.5;letter-spacing:0}
.hero h1{font-size:clamp(32px,2.35vw,38px);font-weight:750;line-height:1.28;letter-spacing:-1px;margin:20px 0 16px;text-wrap:balance}
.hero-title-line{display:block}
.hero h1 .hero-title-accent{color:#16834f}
.hero-copy>p{font-size:16px;line-height:1.8;color:#647184;max-width:600px;margin:0}
.hero-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px;margin:24px 0 0}
.hero-list div{display:flex;gap:10px;align-items:flex-start;font-weight:550;font-size:13px;line-height:1.65;color:#344458}
.hero-list .check{width:20px;height:20px;margin-top:1px;font-size:12px;color:#16834f}
.check{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#eaf9f1;color:var(--green);font-weight:900;flex:none}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.hero-actions .btn{min-height:46px;padding:11px 18px;border-radius:10px;font-size:14px;font-weight:650}
.hero-actions .btn-primary{box-shadow:0 6px 18px rgba(255,122,26,.17)}
.hero-actions .btn:focus-visible{outline:3px solid #16834f;outline-offset:4px}
.hero .trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:540px;margin-top:28px;padding-top:22px;border-top:1px solid #e2e9e6;color:#738092;font-size:12px;line-height:1.6}
.hero .trust>div+div{padding-left:20px;border-left:1px solid #e2e9e6}
.hero .trust b{color:#26374b;font-size:20px;font-weight:750;line-height:1.3;display:block;margin-bottom:5px;font-variant-numeric:tabular-nums}

.hero-image{min-width:0;width:100%;display:flex;align-items:center;justify-content:center}
.hero-image img{display:block;width:100%;height:auto;object-fit:contain}
@media(max-width:980px){.hero-image{max-width:720px;margin:0 auto}}

.dashboard{
  position:relative;
  min-height:540px;
  padding-top:4px;
}
.blob{
  position:absolute;
  inset:26px 6px 18px;
  border-radius:34px;
  background:linear-gradient(145deg,#fdf1e5,#eefbf4);
}
.mock{
  position:absolute;
  inset:38px 12px 8px 18px;
  background:white;
  border:1px solid #edf0f3;
  border-radius:26px;
  box-shadow:0 28px 60px rgba(25,54,76,.14);
  overflow:hidden;
  transform:none;
}
.mock-top{height:58px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 18px;gap:9px}
.dot{width:9px;height:9px;border-radius:50%;background:#e3e7ec}.dot:nth-child(1){background:#ff8a65}.dot:nth-child(2){background:#ffd166}.dot:nth-child(3){background:#55d6a0}
.mock-body{display:grid;grid-template-columns:110px minmax(0,1fr);min-height:450px}
.side{background:#fbfcfd;border-right:1px solid var(--line);padding:16px 12px}
.side .s{height:32px;border-radius:9px;margin-bottom:8px;background:#f0f4f6}
.side .s.active{background:linear-gradient(90deg,#fff0e4,#effbf4);border:1px solid #ffe3cc}
.content{padding:22px;min-width:0}
.metric-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.metric{
  border:1px solid #e8edf2;padding:15px 16px;border-radius:16px;
  background:linear-gradient(180deg,#ffffff,#fbfcfd);
  box-shadow:0 7px 18px rgba(18,38,63,.04)
}
.metric small{color:var(--muted);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.metric strong{display:block;font-size:22px;margin-top:6px;line-height:1.1}
.chart{
  height:138px;border-radius:18px;margin-top:14px;border:1px solid #e8edf2;
  background:linear-gradient(180deg,rgba(35,181,109,.12),rgba(35,181,109,0)),
  repeating-linear-gradient(0deg,transparent 0 33px,#edf1f3 34px);
  position:relative;overflow:hidden
}
.chart svg{position:absolute;inset:0;width:100%;height:100%}
.list{margin-top:14px;border:1px solid #e5ebf0;border-radius:17px;overflow:hidden;background:#fff}
.row{
  display:grid;grid-template-columns:42px minmax(0,1fr) 78px 92px;
  align-items:center;gap:10px;padding:12px 14px;border-top:1px solid #eef2f5;min-width:0
}
.row:first-child{border-top:0}
.row b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.row>span:not(.pill){font-size:12px;color:#586779;text-align:center;white-space:nowrap}
.avatar{
  width:34px;height:34px;border-radius:50%;
  background:linear-gradient(135deg,#ffe1c6,#d9f7e8);
  box-shadow:inset 0 0 0 1px rgba(19,34,56,.04)
}
.pill{
  display:inline-flex;align-items:center;justify-content:center;min-width:78px;
  padding:5px 8px;border-radius:999px;background:#eaf9f1;color:#168f55;
  font-size:11px;font-weight:800;white-space:nowrap
}
.dashboard-title{
  display:flex;align-items:center;justify-content:space-between;
  padding:0 2px 2px;margin-bottom:12px
}
.dashboard-title b{font-size:14px}
.dashboard-title span{font-size:11px;color:var(--green);font-weight:800}

/* Business models: a self-contained, responsive HR solution section. */
.industries{padding:88px 0 80px;background:#fff;scroll-margin-top:100px}
.industries .wrap{width:min(1440px,calc(100% - clamp(40px,6vw,112px)))}
.industry-heading{max-width:810px;margin:0 auto 38px;text-align:center}
.industry-heading .eyebrow{color:#16834f;letter-spacing:1.8px}
.industry-heading h2{margin:16px 0 0;font-size:clamp(30px,3.3vw,42px);line-height:1.22;letter-spacing:-1.4px;font-weight:750;text-wrap:balance}
.industry-heading h2 span{color:#16834f}
.industry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.industry-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:28px;border:1px solid #e1eae5;border-radius:20px;background:linear-gradient(145deg,#f7fbf8 0%,#fff 65%);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.industry-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}
.industry-symbol{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:#e6f5ec;color:#16834f}
.industry-code{font-size:11px;font-weight:750;letter-spacing:1.6px;color:#65766b}
.industry-card h3{font-size:21px;line-height:1.35;letter-spacing:-.5px;margin:0 0 12px;font-weight:750}
.industry-card h3 a:after{content:"";position:absolute;inset:0;border-radius:20px}
.industry-card p{color:#627166;font-size:14px;line-height:1.75;margin:0 0 24px}
.industry-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:18px;border-top:1px solid #e5eee8;color:#16834f;font-size:12px;font-weight:650}
.industry-arrow{display:grid;place-items:center;width:28px;height:28px;border:1px solid #d7e9de;border-radius:50%;font-size:17px;transition:background .22s ease,color .22s ease}
.industry-card:focus-within{outline:3px solid #16834f;outline-offset:4px}
.industry-card h3 a:focus-visible{outline:none}
@media(hover:hover){
  .industry-card:hover{transform:translateY(-4px);border-color:#91c8a7;box-shadow:0 16px 32px rgba(25,75,48,.08)}
  .industry-card:hover .industry-arrow{background:#16834f;border-color:#16834f;color:#fff}
}
/* Lightweight line icons, rendered locally without image or font downloads. */
.industry-glyph{position:relative;display:block;width:28px;height:28px}
.glyph-retail:before{content:"";position:absolute;inset:10px 3px 1px;border:1.7px solid currentColor;border-radius:2px}
.glyph-retail:after{content:"";position:absolute;inset:2px 0 14px;border:1.7px solid currentColor;border-radius:3px 3px 5px 5px;background:repeating-linear-gradient(90deg,transparent 0 5px,currentColor 5px 6.5px)}
.glyph-factory:before{content:"";position:absolute;inset:9px 0 1px;border:1.7px solid currentColor;clip-path:polygon(0 30%,33% 0,33% 30%,66% 0,66% 30%,100% 30%,100% 100%,0 100%);background:repeating-linear-gradient(90deg,transparent 0 5px,currentColor 5px 7px,transparent 7px 9px);background-size:100% 5px;background-position:center 10px;background-repeat:no-repeat}
.glyph-factory:after{content:"";position:absolute;right:1px;top:1px;width:5px;height:14px;border:1.7px solid currentColor;border-bottom:0}
.glyph-office:before{content:"";position:absolute;inset:1px 5px 0;border:1.7px solid currentColor;border-radius:2px;background:repeating-linear-gradient(0deg,transparent 0 4px,currentColor 4px 5.5px);background-size:8px 16px;background-position:center 2px;background-repeat:no-repeat}
.glyph-office:after{content:"";position:absolute;bottom:0;left:0;width:28px;border-bottom:1.7px solid currentColor}
.glyph-food:before{content:"";position:absolute;inset:7px 6px 2px 1px;border:1.7px solid currentColor;border-radius:2px 2px 8px 8px}
.glyph-food:after{content:"";position:absolute;right:0;top:9px;width:6px;height:9px;border:1.7px solid currentColor;border-left:0;border-radius:0 5px 5px 0}
.glyph-service:before{content:"";position:absolute;inset:8px 0 2px;border:1.7px solid currentColor;border-radius:4px;background:linear-gradient(currentColor,currentColor) center 8px/100% 1.7px no-repeat}
.glyph-service:after{content:"";position:absolute;top:2px;left:8px;width:9px;height:6px;border:1.7px solid currentColor;border-bottom:0;border-radius:3px 3px 0 0}
.glyph-tech:before{content:"";position:absolute;inset:2px 0 7px;border:1.7px solid currentColor;border-radius:3px}
.glyph-tech:after{content:"</>";position:absolute;inset:3px 0 0;text-align:center;font-family:monospace;font-size:12px;font-weight:700;border-bottom:1.7px solid currentColor}
.industry-note{display:flex;align-items:center;justify-content:center;gap:10px;margin:28px 0 0;color:#65766b;font-size:13px;text-align:center}
.industry-note .check{width:20px;height:20px;font-size:12px}
@media(max-width:980px){.industry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){
  .industries{padding:56px 0}
  .industries .wrap{width:calc(100% - 26px)}
  .industry-heading{margin-bottom:28px}
  .industry-heading h2{letter-spacing:-.8px}
  .industry-grid{grid-template-columns:1fr;gap:14px}
  .industry-card{padding:24px}
  .industry-card-top{margin-bottom:20px}
  .industry-note{align-items:flex-start;text-align:left;max-width:300px;margin:24px auto 0}
}
@media(prefers-reduced-motion:reduce){.industry-card,.industry-arrow{transition:none}.industry-card:hover{transform:none}}

.section{padding:90px 0}
.section.soft{background:var(--soft)}
.center{text-align:center}
.eyebrow{color:var(--green);font-weight:850;text-transform:uppercase;letter-spacing:1.5px;font-size:12px}
.section h2{font-size:42px;letter-spacing:-1.5px;line-height:1.12;margin:12px auto 14px;max-width:800px}
.lead{color:var(--muted);font-size:17px;max-width:760px;margin:0 auto}
#modules{background:#f5f9f7;padding:76px 0 80px;border-block:1px solid #e7efe9;scroll-margin-top:96px}
#modules .wrap{width:min(1440px,calc(100% - clamp(40px,6vw,112px)))}
#modules .eyebrow{color:#16834f;font-size:12px;letter-spacing:1.8px;font-weight:750}
#modules h2{max-width:760px;font-size:clamp(28px,2.5vw,36px);font-weight:750;line-height:1.3;letter-spacing:-1px;margin:14px auto 16px;text-wrap:balance}
#modules h2 span{color:#16834f}
#modules .lead{max-width:730px;font-size:16px;line-height:1.8;color:#68786e;text-wrap:pretty}
.module-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin-top:36px;text-align:left}
.module{--module-accent:#2563a6;--module-bg:#f1f7ff;--module-icon:#e2edfc;--module-border:#d4e2f4;position:relative;display:flex;flex-direction:column;min-width:0;background:linear-gradient(155deg,#fff,var(--module-bg) 70%);border:1px solid var(--module-border);border-radius:16px;padding:24px;box-shadow:0 2px 4px rgba(27,61,40,.02),0 8px 24px rgba(27,61,40,.025);transition:border-color .2s ease,box-shadow .2s ease;scroll-margin-top:110px}
.module:nth-child(2){--module-accent:#7550a5;--module-bg:#f7f2fc;--module-icon:#eee3fa;--module-border:#e4d8f1}
.module:nth-child(3){--module-accent:#177455;--module-bg:#eff9f3;--module-icon:#def2e6;--module-border:#cee8d9}
.module:nth-child(4){--module-accent:#a35a18;--module-bg:#fff7ed;--module-icon:#fcebd4;--module-border:#f0dfc7}
.module:nth-child(5){--module-accent:#a3476a;--module-bg:#fff2f6;--module-icon:#f9e1eb;--module-border:#f0d4df}
.module-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
.module .icon{width:38px;height:38px;border:1px solid var(--module-border);border-radius:11px;background:var(--module-icon);color:var(--module-accent);display:grid;place-items:center;flex:none}
.module .icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.module-number{color:#87958e;font-size:10px;font-weight:550;letter-spacing:1.2px;font-variant-numeric:tabular-nums}
.module h3{font-size:17px;line-height:1.45;letter-spacing:-.3px;margin:0 0 10px;font-weight:700;color:#243b31}
.module p{font-size:13px;line-height:1.85;color:#6a7971;margin:0 0 22px}
.module-link{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:16px;border-top:1px solid var(--module-border);color:var(--module-accent);font-size:12px;font-weight:650}
.module-link:after{content:"";position:absolute;inset:0;border-radius:16px}
.module-link span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--module-icon);color:var(--module-accent);font-size:15px;font-weight:400;transition:background .2s ease,color .2s ease}
.module:focus-within{outline:3px solid var(--module-accent);outline-offset:4px}
.module-link:focus-visible{outline:none}
@media(hover:hover){.module:hover{border-color:var(--module-accent);box-shadow:0 12px 28px rgba(27,61,40,.08)}.module:hover .module-link span{background:var(--module-accent);color:#fff}}
@media(min-width:981px) and (max-width:1199px){.module-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.module{grid-column:span 2}.module:nth-last-child(-n+2){grid-column:span 3}}
@media(prefers-reduced-motion:reduce){#modules .module{opacity:1;transform:none;transition:none}#modules .module-link span{transition:none}}

#why{padding:76px 0 80px;scroll-margin-top:96px}
#why>.wrap{width:min(1440px,calc(100% - clamp(40px,6vw,112px)))}
#why .eyebrow{color:#16834f;font-size:12px;font-weight:750;letter-spacing:1.8px}
#why h2{max-width:800px;margin:14px auto 16px;font-size:clamp(28px,2.5vw,36px);font-weight:750;line-height:1.3;letter-spacing:-1px;text-wrap:balance}
#why h2 span{color:#16834f}
#why .lead{max-width:730px;font-size:16px;line-height:1.8;color:#68786e;text-wrap:pretty}
#why .feature-copy{max-width:600px;min-width:0}
#why .feature-copy h3{font-size:clamp(25px,2.15vw,32px);line-height:1.35;letter-spacing:-.7px;font-weight:700;margin:12px 0 16px;text-wrap:balance}
#why .feature-copy>p{font-size:16px;line-height:1.8;color:#68786e;margin:0}
#why .bullets{gap:16px;margin:24px 0}
#why .bullets p{line-height:1.7}
#why .feature-copy .btn{border-radius:10px;font-size:14px;font-weight:650;padding:11px 18px}
#why .feature-visual{border:1px solid #e0ebe4;background:linear-gradient(145deg,#f3f8f5,#e9f5ee);border-radius:22px}
.feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:center;margin-top:60px;scroll-margin-top:100px}
.feature:nth-child(even) .feature-copy{order:2}
.feature:nth-child(even) .feature-visual{order:1}
.feature-copy h3{font-size:36px;letter-spacing:-1px;margin:10px 0 15px}
.feature-copy>p{color:var(--muted);font-size:16px}
.bullets{display:grid;gap:12px;margin:22px 0}
.bullets div{display:flex;gap:11px}
.bullets b{font-size:14px}
.bullets p{font-size:13px;color:var(--muted);margin:3px 0 0}
.feature-visual{min-height:410px;border-radius:28px;padding:26px;background:linear-gradient(145deg,#fff3e7,#edfff6);position:relative;overflow:hidden}
.window{background:white;border-radius:20px;border:1px solid var(--line);box-shadow:var(--shadow);padding:18px;position:absolute;inset:42px 26px 28px 42px}
.tabbar{display:flex;gap:8px;margin-bottom:16px}.tab{height:27px;width:82px;background:#f0f3f5;border-radius:8px}.tab.active{background:#fff0e3;border:1px solid #ffdfc3}
.bigline{height:13px;border-radius:8px;background:#e8edf0;width:58%;margin:12px 0}
.smallline{height:8px;border-radius:8px;background:#f0f3f5;margin:9px 0}
.float-card{position:absolute;background:white;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);padding:13px 15px;right:8px;bottom:18px;min-width:170px}
.float-card b{display:block;font-size:13px}.float-card span{font-size:11px;color:var(--green);font-weight:800}

.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:44px}
.stat{background:#fff;border:1px solid var(--line);border-radius:20px;padding:25px;text-align:center}
.stat strong{display:block;font-size:38px;color:var(--orange);letter-spacing:-1px}.stat span{font-size:13px;color:var(--muted)}
#ai{padding:76px 0 80px;background:#f5f9f7;border-block:1px solid #e7efe9;scroll-margin-top:96px}
#ai>.wrap{width:min(1440px,calc(100% - clamp(40px,6vw,112px)))}
#ai .eyebrow{color:#16834f;font-size:12px;font-weight:750;letter-spacing:1.8px}
#ai h2{max-width:780px;margin:14px auto 16px;font-size:clamp(28px,2.5vw,36px);font-weight:750;line-height:1.3;letter-spacing:-1px;text-wrap:balance}
#ai h2 span{color:#16834f}
#ai .lead{max-width:760px;font-size:16px;line-height:1.8;color:#68786e;text-wrap:pretty}
#ai .stats{gap:20px;margin-top:36px}
#ai .stat{padding:30px 24px;border:1px solid #e0e9e3;border-radius:18px;box-shadow:0 4px 12px rgba(27,61,40,.025)}
#ai .stat strong{color:#16834f;font-size:clamp(32px,2.8vw,42px);line-height:1.2;font-weight:750;letter-spacing:-1px;font-variant-numeric:tabular-nums;margin-bottom:14px}
#ai .stat span{display:block;color:#68766e;font-size:14px;line-height:1.7;max-width:230px;margin:auto}

#security{padding:76px 0 80px;scroll-margin-top:96px;background:#fff}
#security>.wrap{width:min(1440px,calc(100% - clamp(40px,6vw,112px)))}
#security .eyebrow{color:#16834f;font-size:12px;font-weight:750;letter-spacing:1.8px}
#security h2{max-width:780px;margin:14px auto 16px;font-size:clamp(28px,2.5vw,36px);font-weight:750;line-height:1.3;letter-spacing:-1px;text-wrap:balance}
#security h2 span{color:#16834f}
#security .lead{max-width:760px;font-size:16px;line-height:1.8;color:#68786e;text-wrap:pretty}
.security{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:36px}
.sec-card{border:1px solid #e0e9e3;border-radius:18px;background:#fff;padding:30px;display:flex;align-items:flex-start;gap:20px;box-shadow:0 4px 12px rgba(27,61,40,.025)}
.sec-card>div:last-child{min-width:0}
.sec-icon{width:52px;height:52px;border:1px solid #dcefe3;border-radius:14px;background:#edf8f1;color:#16834f;display:grid;place-items:center;font-size:24px;line-height:1;flex:none}
.sec-card h3{margin:0 0 10px;font-size:18px;line-height:1.4;font-weight:700;letter-spacing:-.3px}
.sec-card p{margin:0;color:#68766e;font-size:14px;line-height:1.8;max-width:510px}
@media(prefers-reduced-motion:reduce){#security .sec-card{opacity:1;transform:none;transition:none}}

.cta{padding:32px 0 80px;scroll-margin-top:96px}
.cta>.wrap{width:min(1440px,calc(100% - clamp(40px,6vw,112px)))}
.cta-box{
  border-radius:24px;padding:48px clamp(28px,4vw,56px);border:1px solid #ffa266;
  background:radial-gradient(circle at 8% 20%,rgba(255,255,255,.16),transparent 35%),linear-gradient(110deg,#ff944d,#ffac78);
  color:#fff;display:flex;align-items:center;justify-content:space-between;gap:40px;
}
.cta-box>div{min-width:0;max-width:850px}
.cta h2{font-size:clamp(28px,2.5vw,36px);line-height:1.3;font-weight:750;margin:0 0 16px;letter-spacing:-1px;text-wrap:balance}
.cta h2 span{color:inherit}
.cta p{margin:0;max-width:700px;color:#fff;font-size:16px;line-height:1.8}
.cta .btn{flex:none;background:#45b86b;color:#fff;border:1px solid #45b86b;border-radius:10px;min-height:48px;padding:12px 22px;font-size:14px;font-weight:650;white-space:nowrap;box-shadow:0 6px 18px rgba(69,184,107,.16)}
.cta .btn:hover{background:#359d57;border-color:#359d57}
.cta .btn:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
@media(max-width:980px){.cta-box{align-items:flex-start;flex-direction:column;gap:24px}}
@media(prefers-reduced-motion:reduce){.cta-box.reveal{opacity:1;transform:none;transition:none}.cta .btn{transition:none}.cta .btn:hover{transform:none}}

.footer{background:#18352e;color:#e3ede8;padding:60px 0 24px}
.footer>.wrap{width:min(1440px,calc(100% - clamp(40px,6vw,112px)))}
.footer-grid{display:grid;grid-template-columns:minmax(0,1.7fr) repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,64px)}
.footer-grid>div{min-width:0}
.footer h4{color:#fff;font-size:14px;line-height:1.5;font-weight:700;margin:0 0 18px}
.footer a{display:block;width:fit-content;color:#c3d4cb;margin:0;padding:7px 0;font-size:14px;line-height:1.6;text-underline-offset:5px}
.footer a:hover{color:#fff;text-decoration:underline}
.footer a:focus-visible{outline:2px solid #7ed7aa;outline-offset:4px;border-radius:3px}
.footer .logo{color:#fff;gap:12px;font-size:26px;line-height:1.2;letter-spacing:-.6px;font-weight:800}
.footer .logo-mark{width:44px;height:44px;border-radius:12px;background:#45b86b;box-shadow:none;flex:none}
.footer .logo small{color:#b3c9be;font-size:9px;font-weight:600;letter-spacing:1.6px;margin-top:7px}
.footer p{color:#b9cec2;max-width:380px;font-size:14px;line-height:1.85;margin:20px 0 0}
.copy{border-top:1px solid rgba(219,239,226,.15);margin-top:44px;padding-top:22px;color:#afc6b9;font-size:12px;line-height:1.7;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 24px}
@media(min-width:621px) and (max-width:980px){.footer-grid{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:32px}.footer-grid>div:first-child{grid-column:1/-1}.footer p{max-width:560px}}

.reveal{opacity:0;transform:translateY(20px);transition:.7s ease}
.reveal.show{opacity:1;transform:none}
@media(max-width:980px){
  .menu,.nav-actions .btn:first-child{display:none}
  .nav-actions{margin-left:auto}.mobile-btn{display:block}
  .header-language{display:none}
  .nav{height:72px}
  .menu.open{display:flex;position:absolute;top:100%;left:0;right:0;margin:0;padding:14px 24px;align-items:stretch;flex-direction:column;gap:0;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 12px 24px rgba(18,38,63,.08);max-height:calc(100dvh - 72px);overflow-y:auto}
  .menu.open .menu-link{padding:13px 0}
  .menu.open .mega{position:static;width:100%;padding:8px;box-shadow:none;grid-template-columns:1fr}
  .hero .wrap{grid-template-columns:1fr;padding-top:55px}.dashboard{min-height:490px}
  .module-grid{grid-template-columns:repeat(2,1fr)}
  .feature{grid-template-columns:1fr;gap:30px}.feature:nth-child(even) .feature-copy,.feature:nth-child(even) .feature-visual{order:initial}
  .logos{grid-template-columns:repeat(3,minmax(0,1fr))}.stats{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:620px){
  .wrap{width:min(100% - 26px,1180px)}.topbar .wrap{min-height:76px;gap:6px;flex-direction:column;padding:12px 0;font-size:12px}
  .nav{gap:12px}.header .logo small{display:none}.header .logo{font-size:22px;gap:7px}.header .logo-mark{width:32px;height:32px}
  .header .nav-actions{gap:8px}.header .nav-actions .btn{font-size:12px;padding:8px 12px;min-height:40px}
  .hero .wrap{width:calc(100% - 26px);padding:42px 0 60px;gap:32px}.hero h1{font-size:clamp(28px,6.5vw,32px);letter-spacing:-.6px}.hero-list{grid-template-columns:1fr;gap:12px}
  .hero-copy>p{font-size:15px;line-height:1.75}
  #modules{padding:54px 0}
  #modules .wrap{width:calc(100% - 26px)}
  #modules .lead{font-size:15px}
  #modules h2{letter-spacing:-.6px}
  #why{padding:54px 0}
  #why>.wrap{width:calc(100% - 26px)}
  #why h2{letter-spacing:-.6px}
  #why .lead,#why .feature-copy>p{font-size:15px}
  #why .feature{margin-top:40px}
  #ai{padding:54px 0}
  #ai>.wrap{width:calc(100% - 26px)}
  #ai h2{letter-spacing:-.6px}
  #ai .lead{font-size:15px}
  #ai .stats{gap:12px;margin-top:28px}
  #ai .stat{padding:24px 14px}
  #ai .stat span{font-size:12px}
  #security{padding:54px 0}
  #security>.wrap{width:calc(100% - 26px)}
  #security h2{letter-spacing:-.6px}
  #security .lead{font-size:15px}
  .security{gap:14px;margin-top:28px}
  .sec-card{padding:22px;gap:16px}
  .sec-icon{width:44px;height:44px;border-radius:12px;font-size:22px}
  .module-grid{margin-top:28px;gap:14px}
  .module{padding:22px}
  .module-top{margin-bottom:18px}
  .hero .trust{gap:12px;font-size:11px}
  .hero .trust>div+div{padding-left:12px}
  .dashboard{min-height:410px}.mock{left:0;right:0;transform:none}.mock-body{grid-template-columns:70px minmax(0,1fr)}.content{padding:14px}.metric-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.metric{padding:10px}.metric small{font-size:9px}.metric strong{font-size:16px}.row{grid-template-columns:34px minmax(0,1fr) 52px 72px;padding:10px 9px;gap:7px}.avatar{width:28px;height:28px}.pill{min-width:68px;font-size:9px;padding:4px 6px}
  .section{padding:65px 0}.section h2{font-size:34px}.module-grid{grid-template-columns:1fr}
  .security,.footer-grid{grid-template-columns:1fr}
  .footer{padding:42px 0 22px}.footer>.wrap{width:calc(100% - 26px)}
  .footer-grid{gap:28px}.footer h4{margin-bottom:10px}.footer a{padding:10px 0}
  .copy{margin-top:30px;padding-top:18px;flex-direction:column;gap:6px}
  .cta{padding:20px 0 54px}.cta>.wrap{width:calc(100% - 26px)}
  .cta-box{padding:30px 24px;border-radius:18px}.cta h2{letter-spacing:-.6px}.cta p{font-size:15px}.cta .btn{width:100%}
  .logos{grid-template-columns:repeat(2,minmax(0,1fr))}.stats{grid-template-columns:1fr 1fr}
}