@font-face{font-family:Zeel;src:url(assets/jakarta-400.ttf) format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Zeel;src:url(assets/jakarta-600.ttf) format('truetype');font-weight:500 700;font-display:swap}@font-face{font-family:Zeel;src:url(assets/jakarta-800.ttf) format('truetype');font-weight:750 900;font-display:swap}
:root{font-family:Zeel,Arial,sans-serif;color:#11140f;background:white;--lime:#c9fb35;--ink:#11140f;--muted:#62695e;--line:#e4e8de;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button,input,select{color:inherit}button{background:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #678e04;outline-offset:4px}[hidden]{display:none!important}h1,h2,h3,h4,p{margin-top:0}svg{display:block}.wrap{max-width:1380px;padding-inline:40px;margin-inline:auto}.icon{width:23px;height:23px;flex-shrink:0}.wordmark{display:block;width:109px;height:auto}.z-symbol{width:100%;height:auto}.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}.skip{position:fixed;top:-60px;left:15px;background:var(--lime);padding:12px;z-index:100}.skip:focus{top:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:15px 25px;border:1px solid transparent;border-radius:100px;font-size:14px;line-height:1.3;font-weight:600;transition:background .18s,transform .18s}.btn:hover{transform:translateY(-2px)}.btn .icon{width:20px;height:20px}.dark{background:#141612;color:white}.lime{background:var(--lime);color:var(--ink)}.outline{border-color:#cfd5c7;background:transparent}.dark:hover{background:#30362a}.lime:hover{background:#b5e529}.outline:hover{background:#f5f7f0}.text-link{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:600}.text-link:hover{text-decoration:underline}.site-header{height:88px}.header-inner{height:100%;display:flex;align-items:center;gap:42px}nav{display:flex;gap:28px;margin-right:auto;font-size:14px;font-weight:600}nav a:hover{color:#658607}.header-inner>.btn{background:var(--lime);color:#111}.brand{line-height:0;flex-shrink:0}#menu-toggle{display:none;border:0;font-size:26px}section,article[id]{scroll-margin-top:25px}
/* A compact first viewport with the complete collapsed demo request. */
.hero{padding:25px 0 40px;text-align:center}.suite-line{font-size:16px;letter-spacing:-.025em;color:#596272;margin:0 auto 14px;line-height:1.5}.suite-line span{margin:0 5px;color:#94998d}.headline-row{display:flex;justify-content:center;align-items:center;gap:15px;margin:0 auto 16px}.hero h1{display:flex;align-items:center;gap:.2em;font-size:clamp(55px,5.55vw,89px);letter-spacing:-.07em;font-weight:800;line-height:1.1;margin:0;white-space:nowrap}.hero-wordmark{display:inline-block;width:2.32em}.hero-wordmark .wordmark{width:100%;transform:translateY(.04em)}.hero-badges{display:flex;flex-direction:column;gap:4px}.badge{display:flex;align-items:center;gap:8px;border-radius:30px;padding:5px 11px;font-size:12px;line-height:1.2;min-width:94px}.badge .icon{width:17px;height:17px}.badge.hr,.product-icon.hr{background:#ffdbdf;color:#bc3149}.badge.crm,.product-icon.crm{background:#d9e6ff;color:#365ec3}.badge.books,.product-icon.books{background:#ffe8a5;color:#986800}.badge.pos,.product-icon.pos{background:#e6d8ff;color:#7442bc}.badge.projects,.product-icon.projects{background:#d3eee3;color:#237c66}.hero-copy{font-size:clamp(23px,2.12vw,31px);line-height:1.65;letter-spacing:-.045em;color:#141612;max-width:1000px;margin:0 auto 19px}.people-strip{display:inline-block;width:6.2em;height:1.54em;vertical-align:middle}.hero-actions{display:flex;justify-content:center;gap:11px;margin-bottom:17px}.hero-actions .btn{font-size:15px;min-width:176px}.demo-form{max-width:470px;margin:0 auto;text-align:left;transition:max-width .2s}.email-row{border:1px solid #d8ddd0;border-radius:100px;display:flex;gap:6px;padding:5px 5px 5px 14px;align-items:center;background:white}.email-label{flex:1;min-width:0}.email-label input{border:0;background:transparent;width:100%;font-size:14px;padding:9px 6px;outline-offset:0}.email-row .btn{font-size:13px;padding:12px 17px;white-space:nowrap}.form-note{text-align:center;font-size:12px;color:#7d8375;margin:9px 0 0}.demo-form.expanded{max-width:740px}.demo-form fieldset{border:1px solid var(--line);border-radius:20px;margin:18px 0 0;padding:24px;background:#fafcf6;box-shadow:0 15px 50px #17250308}.demo-form legend{font-size:16px;font-weight:600;padding:0 8px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-grid label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600}.form-grid input,.form-grid select{min-width:0;width:100%;padding:12px;border-radius:9px;border:1px solid #dbe0d4;background:white;font-size:14px;font-weight:400}.form-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:20px}.form-footer p{font-size:12px;line-height:1.6;color:#747c6c;max-width:350px;margin:0}.form-footer .btn{white-space:nowrap;font-size:13px}
.section{padding:92px 0}.section-heading{margin-bottom:38px;max-width:810px}.center{text-align:center}.section-heading.center{margin-inline:auto}.eyebrow{font-size:12px;line-height:1.4;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:#647a30;margin-bottom:14px}.section-heading h2,.closing h2{font-size:clamp(35px,4vw,57px);font-weight:800;letter-spacing:-.06em;line-height:1.09;margin-bottom:20px}.section-heading p:not(.eyebrow){font-size:17px;line-height:1.75;color:var(--muted);max-width:700px;margin-bottom:0}.section-heading.center p{margin-inline:auto}.section-heading .btn{margin-top:25px}.section-heading p.small-copy,.small-copy{font-size:13px;line-height:1.7;color:#78816e;margin-top:17px}.section-cta{display:flex;align-items:center;justify-content:center;gap:25px;margin-top:36px}.tag{display:inline-block;background:#e6f5cd;color:#547723;border-radius:20px;padding:5px 10px;font-size:12px;font-weight:600}.ui-note{display:block;color:#89927e;font-size:12px;font-weight:400;margin:18px 0 0}.mini-avatar{width:30px;height:30px;border-radius:50%;background:#ecf5d9;display:grid;place-items:center;font-size:11px;font-weight:600;flex-shrink:0}
.tour-section{padding:60px 0 65px;background:linear-gradient(180deg,#edf8d6,#f8fbf1)}.tour-section .section-heading{margin-bottom:28px}.tour-section h2{font-size:40px}.preview-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:28px}.preview-tabs button{padding:12px 16px;border:1px solid #dce7ca;background:white;border-radius:10px;font-size:13px;font-weight:600;box-shadow:0 4px 10px #20370b04}.preview-tabs button[aria-selected=true]{background:#181d11;color:var(--lime);border-color:#181d11}.software-frame{max-width:1130px;margin:auto;background:white;border:8px solid #171b15;border-bottom-width:11px;border-radius:23px;overflow:hidden;box-shadow:0 24px 45px #22320818}.software-top{height:62px;background:var(--lime);display:flex;align-items:center;padding:0 25px;gap:17px}.software-brand{font-weight:800;font-size:26px;letter-spacing:-.06em;margin-right:auto}.software-brand b{font-weight:400;font-size:12px;letter-spacing:0;margin-left:14px}.preview-label{font-size:11px;color:#516926}.software-body{display:grid;grid-template-columns:175px minmax(0,1fr);min-height:470px}.software-sidebar{padding:25px 15px;background:#fafbf8;border-right:1px solid #e8ecdf;font-size:12px;display:flex;flex-direction:column;gap:8px}.workspace-name{font-size:11px;color:#909781;margin-bottom:12px}.software-sidebar>span{padding:10px 12px;color:#758064;border-radius:7px}.software-sidebar .side-current{background:#edf5dc;color:#4a622c;font-weight:600}.sidebar-bottom{margin-top:auto;padding:30px 12px 0;line-height:1.7;color:#98a28c;font-size:11px}#software-panel{padding:28px;overflow:auto;min-width:0}.screen-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}.screen-heading h3{font-size:22px;letter-spacing:-.04em;margin:0 0 5px}.screen-heading p{font-size:12px;color:#939a86;margin:0}.screen-action{background:var(--lime);padding:9px 14px;border-radius:8px;font-size:12px;font-weight:600;white-space:nowrap}.screen-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.screen-stat{border:1px solid #e4e9db;padding:15px;border-radius:10px;background:#fff}.screen-stat span{display:block;font-size:12px;color:#7d8770}.screen-stat strong{display:block;font-size:25px;letter-spacing:-.05em;margin:6px 0}.screen-stat small{font-size:11px;color:#7b9e36}.ui-toolbar{display:flex;gap:10px;justify-content:space-between;padding:9px 0 17px;font-size:12px;color:#87917b}.ui-search{background:#f9fbf5;border:1px solid #edf0e7;padding:9px 12px;border-radius:8px;width:55%;color:#9aa38e}.ui-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;white-space:nowrap}.ui-table th{background:#f4f7ee;color:#8b947e;font-weight:600;padding:11px 12px;font-size:11px}.ui-table td{padding:14px 12px;border-bottom:1px solid #edf0e6;color:#59624e}.ui-table td:first-child{font-weight:600;color:#29321f}.ui-table .tag{font-size:10px;padding:4px 7px}.screen-split{display:grid;grid-template-columns:1.35fr 1fr;gap:17px}.ui-box{border:1px solid #e3e9d9;border-radius:11px;padding:16px;min-width:0}.ui-box h4{font-size:13px;margin:0 0 16px}.ui-bar-chart{height:170px;display:flex;align-items:flex-end;gap:17px;justify-content:space-between;padding-top:25px}.ui-bar-chart>div{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;flex:1}.ui-bar-chart i{display:block;background:var(--lime);width:100%;border-radius:6px 6px 0 0}.ui-bar-chart span{font-size:10px;color:#879078}.ui-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:12px 0;border-bottom:1px solid #edf0e7;gap:12px}.ui-row:last-child{border-bottom:0}.ui-row strong{font-size:13px}.ui-row small{display:block;color:#9ba48c;font-size:10px;margin-top:4px}.kanban{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.kanban-column{background:#f7f9f3;padding:12px;border-radius:10px}.kanban-column h4{font-size:12px;display:flex;justify-content:space-between;margin-bottom:15px;color:#657353}.task-card{background:white;border:1px solid #e8eddf;border-radius:9px;padding:13px;margin-bottom:10px;font-size:12px}.task-card strong{display:block;font-size:12px;margin-bottom:6px}.task-card p{font-size:11px;color:#98a18b;margin:0 0 15px}.task-meta{display:flex;align-items:center;justify-content:space-between;color:#8e9881;font-size:10px}.task-meta .mini-avatar{width:23px;height:23px;font-size:9px}.progress-line{height:7px;background:#edf1e5;border-radius:10px;overflow:hidden;margin:12px 0}.progress-line i{height:100%;display:block;background:#b4df49;border-radius:10px}.score-circle{height:126px;width:126px;border-radius:50%;border:12px solid var(--lime);display:grid;place-items:center;margin:10px auto;font-size:28px;font-weight:800}.pos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pos-item{border:1px solid #e5eadc;border-radius:9px;padding:17px 10px;font-size:11px;text-align:center}.pos-item b{display:block;background:#f1f7e6;margin-bottom:12px;padding:16px 0;border-radius:6px;color:#718753;font-size:19px}.pos-item strong{display:block;margin-top:9px;color:#88947b}.preview-caption{font-size:13px;text-align:center;color:#76836a;margin:21px auto 0;max-width:850px;line-height:1.7}
.product-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.product-card{padding:24px 21px 23px;border:1px solid var(--line);border-radius:20px;display:flex;flex-direction:column;transition:transform .2s,border-color .2s;min-height:276px}.product-card:hover{transform:translateY(-5px);border-color:#9cba5a}.product-card.hr{background:var(--lime);border-color:var(--lime)}.product-icon{width:53px;height:53px;border-radius:14px;display:grid;place-items:center}.product-icon .icon{width:29px;height:29px}.product-card h3{font-size:24px;letter-spacing:-.05em;margin:26px 0 11px}.product-card p{font-size:14px;color:#667056;line-height:1.7}.card-link{font-size:12px;font-weight:600;display:flex;gap:6px;align-items:center;margin-top:auto;padding-top:19px}.card-link .icon{width:17px;height:17px}.hr-section{background:#f8faf4}.hr-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.hr-detail{background:white;border:1px solid #e4eadb;border-radius:20px;padding:29px}.hr-detail h3{font-size:23px;letter-spacing:-.045em;margin:22px 0 14px}.hr-detail p{font-size:14px;color:#6a745f;line-height:1.8}.hr-detail ul,.suite-detail ul{padding-left:17px;line-height:1.9;color:#4d5842;font-size:13px;margin:22px 0 0}.module-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:15px;background:#ecf6d7;color:#668d24}.module-icon .icon{width:31px;height:31px}.dark-section{background:#12160e;color:white}.dark-section .section-heading p{color:#b1bda5}.dark-section .eyebrow{color:var(--lime)}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:27px}.why-grid article{border-top:1px solid #414d34;padding-top:24px}.why-grid .icon{color:var(--lime);width:29px;height:29px;margin-bottom:24px}.why-grid h3{font-size:21px;letter-spacing:-.035em}.why-grid p{font-size:14px;line-height:1.8;color:#acb89e}.modules-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}.module-card{position:relative;border:1px solid #ecf0e6;border-radius:16px;padding:25px;box-shadow:0 10px 26px #18220d04;transition:transform .2s,border-color .2s}.module-card:hover{transform:translateY(-3px);border-color:#b0c589}.module-card h3{font-size:16px;line-height:1.4;letter-spacing:-.025em;margin:20px 0 11px}.module-card p{font-size:13px;line-height:1.8;color:#7b856e;margin:0}.module-arrow{position:absolute;right:22px;top:22px;color:#a2ac95;font-size:20px}.tone-1{background:#e4efff;color:#5077b3}.tone-2{background:#fff0cb;color:#a68323}.tone-3{background:#efe6ff;color:#8863b4}.tone-4{background:#fde8e5;color:#c17567}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px}.split .section-heading{margin:0}.check-list{padding:0;list-style:none;margin:24px 0;color:#4e5b41;font-size:15px;line-height:1.8}.check-list li{margin:10px 0;padding-left:27px;position:relative}.check-list li:before{content:'✓';position:absolute;left:0;color:#719a22;font-weight:800}.mobile-section{background:#f3f9e8}.mobile-ui{max-width:335px;width:100%;margin:auto;border:8px solid #141810;border-radius:39px;background:#fff;padding:15px 20px 23px;box-shadow:25px 27px 0 #c9ed8e;position:relative}.phone-top{display:flex;justify-content:space-between;font-size:10px;margin-bottom:28px}.mobile-brand{display:flex;align-items:center;justify-content:space-between}.mobile-brand .wordmark{width:64px}.mobile-greeting{font-size:12px;color:#869375;margin:23px 0 7px}.mobile-ui h3{font-size:23px;letter-spacing:-.06em;line-height:1.3;margin-bottom:20px}.mobile-checkin{background:#eafaC3;border-radius:16px;padding:20px}.mobile-checkin>span{font-size:11px;color:#688044}.mobile-checkin>strong{display:block;font-size:28px;letter-spacing:-.05em;margin:8px 0}.mobile-checkin>small{font-size:10px;color:#82966a}.mobile-status{border-top:1px solid #d4e8b0;margin-top:17px;padding-top:12px;display:flex;align-items:center;gap:8px;font-size:11px}.mobile-status .icon{width:16px;height:16px}.mobile-tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.mobile-tiles>div{border:1px solid #e7eedc;border-radius:12px;padding:13px}.mobile-tiles .icon{color:#779449;width:21px;height:21px;margin-bottom:9px}.mobile-tiles b{font-size:10px;font-weight:600}.mobile-request{border:1px solid #e6eddb;border-radius:11px;padding:13px;display:flex;justify-content:space-between;font-size:10px;gap:10px}.mobile-request span{color:#8d997d}.phone-home{height:4px;width:75px;background:#111;border-radius:5px;margin:22px auto 0}.mobile-ui>.ui-note{position:absolute;bottom:-55px;left:0;right:0;text-align:center;font-size:11px}
.suite-details{display:flex;flex-direction:column;gap:30px}.suite-detail{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid var(--line);padding:40px 0;align-items:center}.suite-detail .product-icon{display:inline-grid;vertical-align:middle;margin-right:15px}.availability{font-size:12px;color:#7f8b70}.suite-detail h3{font-size:29px;letter-spacing:-.05em;margin:24px 0 9px}.suite-detail h4{font-size:21px;letter-spacing:-.03em;margin:0 0 15px;font-weight:600}.suite-detail p{font-size:15px;line-height:1.8;color:#6b765e;max-width:530px}.suite-detail ul{margin:0 0 21px}.product-mini{border-radius:22px;padding:30px;background:#f6f9f1;border:1px solid #e6ecde;box-shadow:0 18px 35px #1c310c08}.product-mini.crm{background:#f4f8ff}.product-mini.books{background:#fffcf3}.product-mini.pos{background:#f9f6ff}.product-mini.projects{background:#f3faf6}.product-mini>p{font-size:14px;font-weight:600;color:#384b2b}.pipeline-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0}.pipeline-mini>div{background:#fff;border-radius:10px;padding:15px}.pipeline-mini b{font-size:10px;color:#8b97a9;font-weight:400}.pipeline-mini strong{display:block;font-size:27px;margin-top:10px}.deal-row{padding:18px 0;border-bottom:1px solid #e1e8d9;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:13px}.deal-row>span{font-size:11px;color:#89977b}.mini-total{padding:20px 0}.mini-total span{font-size:12px;color:#8b927e}.mini-total strong{display:block;font-size:34px;letter-spacing:-.055em;margin-top:10px}.product-mini small{font-size:11px;color:#8b977c}.custom-section{background:var(--lime)}.custom-section .eyebrow{color:#526923}.custom-section .section-heading p{color:#536d27}.custom-section .check-list{color:#40581a}.workflow-preview{background:#faffee;border:1px solid #d9e7bb;border-radius:22px;padding:30px;box-shadow:20px 20px 0 #bbec29}.workflow-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px;font-weight:600;margin-bottom:28px}.workflow-step{display:flex;align-items:center;gap:17px;background:#fff;border:1px solid #e5edda;border-radius:12px;padding:18px}.workflow-step>.icon{background:#eff7e1;padding:9px;width:41px;height:41px;border-radius:9px;color:#7c9c4f}.workflow-step b{font-size:14px;display:block}.workflow-step span{font-size:12px;color:#8c997a;display:block;margin-top:5px}.workflow-connector{height:23px;width:1px;background:#cad9b1;margin-left:38px}.country-list{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-bottom:32px}.country-btn{font-size:14px;padding:12px 20px;border:1px solid #dfe6d6;border-radius:30px}.country-btn[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.payroll-region{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;padding:40px;background:#f7faf1;border:1px solid #e4ecd8;border-radius:22px}.payroll-region h3{font-size:28px;letter-spacing:-.05em;margin:14px 0}.payroll-region p{font-size:15px;line-height:1.8;color:#71805f}.payroll-region .small-copy{font-size:12px;color:#8b977c}.payroll-checklist{display:grid;gap:10px;align-content:center}.payroll-checklist div{background:#fff;border-radius:10px;border:1px solid #e9efdf;padding:16px;font-size:14px}.payroll-checklist div:before{content:'✓';color:#83a847;margin-right:11px}.reach-section{background:#121710;color:white}.reach-section .eyebrow{color:var(--lime)}.reach-section .section-heading p{color:#b6c3aa}.reach-section .outline{color:#fff;border-color:#526344}.reach-section .outline:hover{background:#24341a}.language-panel{background:#1f2919;border:1px solid #3c4b30;border-radius:25px;padding:27px}.language-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.language-buttons button{color:#cbd8bd;border:1px solid #495a3c;padding:12px 6px;border-radius:10px;font-size:14px}.language-buttons button[aria-pressed=true]{background:var(--lime);color:#273315;border-color:var(--lime)}.language-preview{text-align:center;padding:40px 0 18px}.language-preview .icon{width:45px;height:45px;color:#a9d862;margin:0 auto 24px}.language-preview p{font-size:37px;letter-spacing:-.05em;margin-bottom:12px}.language-preview small{font-size:12px;color:#8fa278}.language-panel>.ui-note{text-align:center;color:#8fa278}.industry-list{display:flex;justify-content:center;flex-wrap:wrap;gap:14px}.industry-list span{font-size:16px;padding:19px 24px;border:1px solid var(--line);border-radius:11px}.pricing-section{background:#f7f9f2}.pricing-section .split{grid-template-columns:1fr auto}.closing{padding:65px 0}.closing-panel{background:var(--lime);border-radius:28px;padding:60px 70px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:30px}.closing-panel>div:first-child{z-index:1}.closing .eyebrow{color:#617c27}.closing-z{width:175px;color:#acd629;flex-shrink:0}.closing .btn{margin-top:12px}footer{padding:45px 0 27px;background:#fbfcf8;border-top:1px solid var(--line)}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:40px}.footer-brand{display:flex;gap:19px;align-items:center}.footer-brand>span{width:30px;color:#b6e52e}.footer-brand .wordmark{width:88px}.footer-brand p{font-size:12px;color:#829172;margin:11px 0 0}.footer-links{display:flex;flex-wrap:wrap;gap:24px;font-size:13px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:22px;margin-top:35px;font-size:12px;color:#89977b}
@media(max-width:1100px){.wrap{padding-inline:30px}.header-inner{gap:24px}nav{gap:17px;font-size:12px}.header-inner>.btn{font-size:12px;padding:14px 18px}.wordmark{width:95px}.hero{padding-top:22px}.hero h1{font-size:5.5vw}.hero-copy{font-size:25px}.product-grid{grid-template-columns:repeat(3,1fr)}.hr-detail-grid{grid-template-columns:repeat(2,1fr)}.modules-grid{grid-template-columns:repeat(3,1fr)}.why-grid{grid-template-columns:repeat(2,1fr)}.split{gap:45px}.software-body{grid-template-columns:140px minmax(0,1fr)}#software-panel{padding:20px}.screen-stat{padding:12px}.suite-detail{gap:40px}.product-card{min-height:255px}.suite-line{font-size:14px}.section{padding:75px 0}}
@media(max-width:760px){.wrap{padding-inline:20px}.site-header{height:72px}.header-inner{justify-content:space-between;gap:16px}.header-inner>.btn{margin-left:auto;font-size:11px;padding:11px 14px}.header-inner>.btn .icon{width:15px;height:15px}.wordmark{width:79px}#menu-toggle{display:block}nav{display:none;position:absolute;top:72px;left:0;right:0;padding:22px;background:white;z-index:30;box-shadow:0 20px 25px #111a080e;font-size:15px;flex-direction:column;gap:21px}nav.open{display:flex}.hero{padding:17px 0 32px}.suite-line{font-size:11px;line-height:1.7;max-width:450px}.suite-line span{margin:0 2px}.headline-row{display:block;margin:16px auto 15px}.hero h1{font-size:clamp(40px,10.3vw,67px);white-space:normal;display:block;line-height:1.12;letter-spacing:-.07em}.hero-wordmark{display:inline-block;width:2.32em;vertical-align:middle}.hero-wordmark .wordmark{transform:translateY(-.015em)}.hero-badges{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;gap:4px;margin-top:15px}.badge{font-size:10px;min-width:0;padding:5px 8px;gap:4px}.badge .icon{width:14px;height:14px}.hero-copy{font-size:20px;line-height:1.65;max-width:540px;margin-bottom:18px}.desktop-break{display:none}.people-strip{width:5.4em;height:1.34em}.hero-actions{gap:7px;margin-bottom:15px}.hero-actions .btn{font-size:12px;padding:13px 15px;min-width:0;gap:8px}.hero-actions .icon{width:16px;height:16px}.email-row{padding-left:8px}.email-label input{font-size:12px;padding-left:3px}.email-row .btn{font-size:11px;padding:12px}.form-note{font-size:10px;line-height:1.6}.form-grid{gap:13px}.demo-form fieldset{padding:20px 15px}.demo-form legend{font-size:13px}.form-grid label{font-size:11px}.form-grid input,.form-grid select{font-size:13px;padding:11px 9px}.form-footer{flex-direction:column;align-items:stretch;gap:15px}.form-footer p{font-size:11px}.section,.tour-section{padding:57px 0}.section-heading h2,.closing h2{font-size:37px;letter-spacing:-.06em}.section-heading p:not(.eyebrow){font-size:15px}.section-heading{margin-bottom:28px}.eyebrow{font-size:11px}.tour-section h2{font-size:32px}.preview-tabs{gap:6px;margin-bottom:22px}.preview-tabs button{font-size:11px;padding:10px 11px}.software-frame{border-width:5px;border-radius:15px}.software-top{height:48px;padding:0 15px}.software-brand{font-size:20px}.software-brand b{display:none}.preview-label{font-size:9px}.software-top .mini-avatar{display:none}.software-body{display:block;min-height:0}.software-sidebar{display:none}#software-panel{padding:16px;min-height:490px}.screen-heading{gap:8px;align-items:start;margin-bottom:18px}.screen-heading h3{font-size:18px}.screen-heading p{font-size:10px;line-height:1.5}.screen-action{font-size:10px;padding:8px 9px}.screen-stats{gap:6px}.screen-stat{padding:10px 7px}.screen-stat span{font-size:10px}.screen-stat strong{font-size:19px}.screen-stat small{font-size:9px}.ui-table{font-size:11px}.ui-table th{font-size:10px}.ui-table td{padding:13px 10px}.table-scroll{overflow:auto}.screen-split{grid-template-columns:1fr;gap:14px}.screen-split .ui-box{padding:13px}.ui-bar-chart{height:140px}.kanban{grid-template-columns:repeat(3,minmax(165px,1fr));overflow:auto}.kanban-column{padding:9px}.pos-grid{grid-template-columns:repeat(3,1fr)}.preview-caption{font-size:11px}.product-grid{grid-template-columns:1fr 1fr;gap:10px}.product-card{padding:21px 16px;min-height:245px}.product-card h3{font-size:22px;margin-top:20px}.product-card p{font-size:12px}.card-link{font-size:10px;gap:3px}.card-link .icon{width:13px}.product-icon{width:45px;height:45px}.product-icon .icon{width:25px;height:25px}.hr-detail-grid{grid-template-columns:1fr;gap:13px}.hr-detail{padding:24px}.hr-detail h3{font-size:23px}.hr-detail p{font-size:14px}.section-cta{gap:19px;flex-wrap:wrap}.why-grid{grid-template-columns:1fr 1fr;gap:22px}.why-grid h3{font-size:18px;line-height:1.3}.why-grid p{font-size:13px}.modules-grid{grid-template-columns:1fr 1fr;gap:10px}.module-card{padding:18px 14px}.module-card h3{font-size:14px}.module-card p{font-size:12px;line-height:1.7}.module-icon{width:49px;height:49px}.module-icon .icon{width:27px;height:27px}.module-arrow{top:16px;right:14px;font-size:16px}.split{grid-template-columns:1fr;gap:42px}.mobile-section{padding-bottom:95px}.mobile-ui{max-width:320px;box-shadow:15px 17px 0 #c9ed8e}.suite-detail{grid-template-columns:1fr;gap:30px;padding:30px 0}.suite-detail h3{font-size:27px}.suite-detail h4{font-size:20px}.product-mini{padding:24px}.workflow-preview{padding:22px;box-shadow:10px 12px 0 #bbec29}.workflow-heading{font-size:12px}.workflow-heading .tag{font-size:10px}.workflow-step b{font-size:12px}.workflow-step span{font-size:11px}.country-list{gap:7px}.country-btn{font-size:12px;padding:10px 14px}.payroll-region{grid-template-columns:1fr;gap:20px;padding:25px}.payroll-region h3{font-size:25px}.payroll-region p{font-size:14px}.payroll-checklist div{font-size:12px}.language-panel{padding:20px}.language-buttons button{font-size:13px}.industry-list{gap:8px}.industry-list span{font-size:12px;padding:13px 15px}.pricing-section .split{grid-template-columns:1fr;gap:25px}.pricing-section .btn{justify-self:start}.closing{padding:42px 0}.closing-panel{padding:35px 25px;border-radius:20px}.closing-z{position:absolute;right:-18px;bottom:-30px;width:155px;opacity:.45}.footer-top{display:block}.footer-links{margin-top:28px;font-size:12px;gap:18px}.footer-bottom{font-size:10px;flex-wrap:wrap}.ui-toolbar{font-size:10px}.ui-search{width:64%}.btn{font-size:13px}}
@media(max-height:740px) and (min-width:761px){.site-header{height:76px}.hero{padding-top:10px;padding-bottom:30px}.hero-copy{font-size:25px;line-height:1.55;margin-bottom:15px}.hero h1{font-size:clamp(53px,5.1vw,78px)}.headline-row{margin-bottom:10px}.hero-badges{gap:3px}.badge{padding:4px 10px;font-size:11px}.suite-line{margin-bottom:10px}.hero-actions{margin-bottom:12px}.hero-actions .btn{padding:12px 22px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{transition:none!important}}
/* Navigation and gentle motion */
.site-header{position:relative;z-index:50;background:#fff}.header-inner{gap:30px}#nav{align-items:center;gap:23px}.nav-group{position:relative}.nav-label{display:flex;align-items:center;gap:3px}.drop-toggle{border:0;padding:10px 3px;font-size:16px}.dropdown{display:none;position:absolute;left:-22px;top:100%;min-width:285px;background:white;border:1px solid #e8ebdf;border-radius:17px;padding:20px;box-shadow:0 22px 60px #15210e16;z-index:60}.dropdown.mega{width:650px;grid-template-columns:1.15fr 1fr;gap:28px}.nav-group.is-open>.dropdown{display:block}.nav-group.is-open>.mega{display:grid}.dropdown a{display:flex;align-items:center;justify-content:space-between;gap:17px;padding:11px 12px;font-size:13px;border-radius:8px;line-height:1.4}.dropdown a:hover,.dropdown a:focus-visible{background:#d1feb8;color:#182d0e}.dropdown a span{font-size:13px;color:#7c8a6e}.menu-title{font-size:11px;color:#7a866b;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--line);padding:3px 12px 14px;margin-bottom:8px}.nav-group.is-open .drop-toggle{transform:rotate(180deg)}.product-card{transition:background .35s,transform .35s,border-color .35s}.product-card:nth-child(2):hover{background:#d5f6fb}.product-card:nth-child(3):hover{background:#fff8d5}.product-card:nth-child(4):hover{background:#ebccff}.product-card:nth-child(5):hover{background:#f7dfc2}.product-card.hr:hover{background:#d1feb8}.module-card:hover,.module-card:focus-visible{background:#d1feb8;transform:translateY(-6px);border-color:#bbe997;box-shadow:0 14px 30px #52792a12}.module-card{transition:background .3s,transform .3s,box-shadow .3s}.module-number{position:absolute;right:54px;top:29px;font-size:12px;color:#80926a}.cursor-halo{position:fixed;left:0;top:0;width:30px;height:30px;border:1px solid #90b74b;background:#c9fb3520;border-radius:50%;pointer-events:none;z-index:100;opacity:0;transform:translate(-50%,-50%);transition:width .2s,height .2s,background .2s}.cursor-halo.active{width:60px;height:60px;background:#c9fb3512}.scroll-progress{position:fixed;left:0;top:0;height:3px;background:#91bd28;z-index:100;transform-origin:left;width:100%;transform:scaleX(0);pointer-events:none}.reveal-ready{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.reveal-ready.is-visible{opacity:1;transform:none}
/* Dedicated HR and resource pages */
.page-hero{padding:65px 0 70px;text-align:center;background:radial-gradient(ellipse at 50% 110%,#eafaC3,transparent 65%)}.page-hero h1{font-size:clamp(48px,6.5vw,90px);line-height:1.04;letter-spacing:-.065em;margin:18px 0 25px}.page-lead{max-width:740px;margin:0 auto 30px;font-size:19px;line-height:1.8;color:#66725c}.hero-metrics{display:flex;justify-content:center;gap:60px;margin-top:50px;font-size:12px;color:#6a765f}.hero-metrics b{display:block;font-size:30px;color:var(--ink);letter-spacing:-.04em;margin-bottom:8px}.hr-teaser{background:#d1feb8;border-radius:25px;padding:45px}.big-number{font-size:115px;letter-spacing:-.09em;font-weight:800;line-height:1}.hr-teaser h3{font-size:27px;letter-spacing:-.04em;margin:25px 0 15px}.hr-teaser p{color:#597440;line-height:1.7}.teaser-tags{display:flex;gap:7px;flex-wrap:wrap}.teaser-tags span{border:1px solid #98bb7b;padding:9px 13px;border-radius:25px;font-size:12px}.pricing-grid,.purpose-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.pricing-card{border:1px solid var(--line);background:#fff;border-radius:24px;padding:40px;display:flex;flex-direction:column}.pricing-card.tailored{background:#182014;color:white}.pricing-card h3{font-size:35px;letter-spacing:-.05em;margin:26px 0 17px}.pricing-card p{font-size:15px;line-height:1.85;color:#68715e}.pricing-card.tailored p,.pricing-card.tailored .check-list{color:#c4ceba}.pricing-card .tag{align-self:flex-start}.pricing-card .check-list{margin:15px 0 35px;font-size:14px}.pricing-card .btn{align-self:flex-start;margin-top:auto}.purpose-grid{gap:80px}.purpose-grid h2{font-size:32px;line-height:1.4;letter-spacing:-.045em}.purpose-section{border-top:1px solid var(--line)}.ai-section{background:#faf8fd}.ai-orbit{height:330px;position:relative;display:flex;align-items:center;justify-content:center;border:1px solid #dbd4e5;border-radius:50%;max-width:460px;width:100%;margin:auto;transform:rotate(-8deg)}.ai-orbit b{font-size:125px;letter-spacing:-.1em;font-weight:800;color:#211b28}.ai-orbit span{position:absolute;background:#ebccff;padding:12px 23px;border-radius:30px;font-size:13px;transform:rotate(8deg)}.ai-orbit span:first-child{top:18px;left:20px}.ai-orbit span:nth-child(3){right:-10px;top:160px;background:#d1feb8}.ai-orbit span:last-child{bottom:0;left:60px;background:#fff8d5}.module-library{background:#fafcf6}.module-article{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:75px 0;border-top:1px solid #dce4d0}.module-intro .eyebrow{display:block;margin-bottom:18px}.module-intro h2{font-size:36px;letter-spacing:-.05em;margin:23px 0 15px}.module-intro h3{font-size:19px;line-height:1.5;font-weight:600}.module-intro p{font-size:15px;line-height:1.9;color:#66735a}.module-intro .text-link{margin-top:13px}.module-features{background:white;padding:30px;border:1px solid var(--line);border-radius:18px;align-self:start}.module-features h3{font-size:16px}.module-features .check-list{font-size:14px}.back-modules{display:block;margin-top:25px;padding-top:18px;border-top:1px solid var(--line);font-size:12px;color:#738461}.region-section{background:#f5f8ef}.region-section .pricing-grid article{padding:28px;background:white;border-radius:17px}.region-section article h3{font-size:21px;letter-spacing:-.035em}.region-section article p{font-size:14px;line-height:1.9;color:#66735a}.resources-hero{background:#f2ebfb}.resource-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:35px}.resource-tabs a{background:white;padding:13px 21px;border-radius:30px;font-size:13px;border:1px solid #e2d9eb}.resource-tabs a:hover{background:#ebccff}.featured-guide{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;border:1px solid var(--line);border-radius:25px;padding:25px}.featured-guide>div:last-child{padding:25px}.featured-guide h3{font-size:37px;letter-spacing:-.045em;margin:25px 0 18px}.featured-guide p{font-size:16px;line-height:1.8;color:#6e795f}.guide-art{min-height:330px;border-radius:16px;background:#d1feb8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;overflow:hidden}.guide-art span{font-weight:800;font-size:43px;letter-spacing:-.05em;border:1px solid #95b977;border-radius:60px;padding:8px 30px;transform:rotate(-8deg)}.guide-art span:nth-child(2){background:#fff8d5;transform:rotate(6deg)}.guide-art span:nth-child(3){background:#ebccff}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.resource-card{border:1px solid var(--line);border-radius:22px;padding:30px;display:flex;flex-direction:column;scroll-margin-top:25px}.resource-card:nth-child(2){background:#fff8d5}.resource-card:nth-child(3){background:#d5f6fb}.resource-card h2{font-size:26px;letter-spacing:-.04em}.resource-card p{font-size:14px;line-height:1.9;color:#65735b}.resource-card a{margin-top:auto;padding-top:20px;font-size:12px}.article-page{max-width:870px;padding-top:65px;padding-bottom:80px}.article-page>.eyebrow{margin-top:45px}.article-page h1{font-size:clamp(40px,5vw,62px);letter-spacing:-.065em;line-height:1.1}.article-lead{font-size:20px;line-height:1.8;color:#6b765f;margin-bottom:45px}.article-page section{margin:40px 0}.article-page h2{font-size:26px;letter-spacing:-.035em}.article-page section p,.article-page aside p{font-size:16px;line-height:1.95;color:#5e6b53}.article-page aside{background:#d1feb8;padding:35px;border-radius:20px;margin-top:50px}
@media(max-width:1100px){#nav{gap:14px}.header-inner{gap:20px}.dropdown.mega{width:600px}.module-article{gap:35px}.purpose-grid{gap:35px}.resource-grid{gap:12px}.resource-card{padding:23px}}
@media(max-width:760px){#nav{align-items:stretch;gap:12px;max-height:calc(100vh - 72px);overflow-y:auto}.nav-label{justify-content:space-between}.nav-label>a{flex:1;padding-block:8px}.drop-toggle{padding:8px 15px}.dropdown,.dropdown.mega{position:static;width:100%;min-width:0;margin:5px 0;box-shadow:none;padding:12px;background:#f8faf4}.dropdown.mega{grid-template-columns:1fr}.dropdown a{font-size:12px}.header-inner{gap:14px}.cursor-halo{display:none}.page-hero{padding:40px 0 50px}.page-hero h1{font-size:49px}.page-lead{font-size:16px}.hero-metrics{gap:25px;font-size:10px;margin-top:30px}.hero-metrics b{font-size:25px}.pricing-grid,.purpose-grid,.module-article,.featured-guide,.resource-grid{grid-template-columns:1fr}.pricing-card{padding:28px}.pricing-card h3{font-size:30px}.purpose-grid{gap:25px}.purpose-grid h2{font-size:27px}.module-article{padding:45px 0;gap:20px}.module-intro h2{font-size:31px}.module-features{padding:23px}.hr-teaser{padding:30px}.big-number{font-size:90px}.resource-tabs a{font-size:11px;padding:11px 15px}.featured-guide{padding:15px;gap:10px}.featured-guide>div:last-child{padding:15px}.featured-guide h3{font-size:30px}.guide-art{min-height:260px}.guide-art span{font-size:33px}.ai-orbit{height:270px;max-width:340px}.ai-orbit span:nth-child(3){right:0}.module-number{right:42px;top:24px}.article-page{padding-top:35px}.article-page h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){.reveal-ready{opacity:1;transform:none}.cursor-halo{display:none}*{animation:none!important;scroll-behavior:auto!important}}
/* Final brand, purpose cards, contact, and footer */
.wordmark{mix-blend-mode:multiply}.hero-wordmark{width:2.57em}.header-inner{gap:24px}#nav{gap:18px}.header-inner>.btn{white-space:nowrap}.purpose-section{padding-top:68px;padding-bottom:78px;border:0;background:#fafbf8}.purpose-grid{gap:24px;align-items:stretch}.purpose-card{position:relative;border:1px solid #dde4d4;border-radius:26px;padding:38px 40px 44px;background:#fff;overflow:hidden;transition:background .4s,transform .4s,box-shadow .4s;border-bottom-width:3px}.purpose-index{display:block;font-size:12px;color:#8b967e;margin-bottom:44px}.purpose-card .eyebrow{font-size:13px;color:#587b26}.purpose-card h2{font-size:clamp(26px,2.5vw,36px);line-height:1.35;letter-spacing:-.045em;margin:0;max-width:550px}.purpose-card:after{content:'↗';position:absolute;right:28px;top:28px;font-size:29px;color:#617c39;transition:transform .4s}.purpose-card:hover,.purpose-card:focus-visible{transform:translateY(-8px) scale(1.025)!important;box-shadow:0 25px 45px #25380c12;z-index:2}.vision-card:hover,.vision-card:focus-visible{background:#d1feb8;border-color:#afd692}.mission-card:hover,.mission-card:focus-visible{background:#e7d2ff;border-color:#c5a7e9}.purpose-card:hover:after,.purpose-card:focus-visible:after{transform:translate(4px,-4px)}.faq-section{background:#f7f9f2}.faq-section h2 span{color:#63892d}.faq-list{max-width:1030px;margin:auto;display:grid;gap:13px}.faq-list details{background:#fff;border:1px solid #e3e9da;border-radius:18px;box-shadow:0 5px 0 #eaf0df;overflow:hidden}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px 28px;cursor:pointer;font-size:17px;font-weight:600;list-style:none;line-height:1.5}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{display:grid;place-items:center;width:36px;height:36px;background:#edf7da;border-radius:10px;flex-shrink:0;color:#658d2c;font-size:25px;font-weight:400}.faq-list summary>span:before{content:'+'}.faq-list details[open] summary>span:before{content:'−'}.faq-list details[open]{border-color:#b9d38b}.faq-list summary:hover{background:#f8fced}.faq-list summary:focus-visible{outline:3px solid #86a952;outline-offset:-4px}.faq-answer{padding:0 85px 24px 28px}.faq-answer p{font-size:16px;line-height:1.85;color:#65715b;margin:0}.contact-section{background:white}.contact-heading{display:flex;justify-content:space-between;align-items:center;gap:35px}.contact-heading .section-heading{max-width:750px}.contact-office-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:10px}.contact-office-grid .office{background:#f3f8ea;border:1px solid #e0e9d4;border-radius:22px;padding:32px}.contact-office-grid .office:nth-child(2){background:#f7f2fd;border-color:#e8dcf1}.office-title{display:flex;align-items:center;gap:16px;margin-bottom:21px}.office-flag{width:49px;height:33px;border-radius:3px;border:1px solid #00000012;flex-shrink:0}.office h3{font-size:19px;margin:0;letter-spacing:-.03em}.office address{font-size:16px;font-style:normal;line-height:1.8;margin-bottom:16px}.office>a{display:block;width:fit-content;font-size:15px;line-height:1.9;overflow-wrap:anywhere}.office>a:hover{text-decoration:underline}.site-footer{background:#171b14;color:white;padding:65px 0 25px;border:0}.footer-main{display:grid;grid-template-columns:1.5fr 1fr 1.15fr 1fr;gap:45px;padding-bottom:55px}.footer-intro{max-width:340px}.footer-logo{display:inline-block}.footer-logo .wordmark{width:150px;filter:invert(1);mix-blend-mode:screen}.footer-intro>p:first-of-type{font-size:22px;font-weight:600;letter-spacing:-.035em;margin:24px 0 13px;color:white}.footer-intro p{font-size:14px;line-height:1.85;color:#acb79f}.footer-intro .btn{margin-top:10px}.footer-column h3{font-size:16px;margin:7px 0 24px;color:white}.footer-column>a{display:block;font-size:14px;line-height:1.65;margin-bottom:13px;color:#b8c2ad}.footer-column>a:hover{color:var(--lime)}.footer-offices{border-top:1px solid #414a37;padding:30px 0 40px}.footer-offices>h2{font-size:21px;letter-spacing:-.025em;margin-bottom:30px}.office-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.footer-offices .office-title{margin-bottom:15px}.footer-offices .office h3{font-size:16px;color:#f1f5eb}.footer-offices address{color:#b4c0a7;font-size:14px}.footer-offices .office>a{color:#cfec9a;font-size:14px}.footer-base{border-top:1px solid #414a37;padding-top:25px;display:flex;justify-content:space-between;gap:20px;color:#98a58c;font-size:12px}.footer-base a{color:#c9d3be}.form-honeypot{display:none}.thank-you{min-height:65vh;display:flex;align-items:center}.thank-you .small-copy{margin-top:28px}.thank-you .small-copy a{text-decoration:underline}
@media(max-width:1100px){.header-inner{gap:18px}#nav{gap:12px}.footer-main{gap:25px}.purpose-card{padding:32px}.purpose-index{margin-bottom:35px}}
@media(max-width:900px) and (min-width:761px){.header-inner>.btn{padding:12px;font-size:11px}.header-inner{gap:14px}#nav{gap:8px;font-size:11px}.drop-toggle{padding-inline:1px}.wordmark{width:80px}}
@media(max-width:760px){.purpose-section{padding:45px 0}.purpose-grid{gap:18px}.purpose-card{padding:27px}.purpose-card h2{font-size:27px}.purpose-index{font-size:11px;margin-bottom:30px}.purpose-card:hover,.purpose-card:focus-visible{transform:translateY(-4px) scale(1.01)!important}.contact-heading{display:block}.contact-heading>.btn{margin-bottom:30px}.contact-office-grid{grid-template-columns:1fr;gap:15px}.contact-office-grid .office{padding:25px}.faq-list summary{font-size:15px;padding:20px;gap:15px}.faq-list summary>span{width:31px;height:31px;font-size:22px}.faq-answer{padding:0 20px 23px}.faq-answer p{font-size:15px}.footer-main{grid-template-columns:1fr 1fr;gap:35px 22px;padding-bottom:35px}.footer-intro{grid-column:1/-1;max-width:100%}.footer-intro p{max-width:400px}.footer-main .footer-column:last-child{grid-column:1/-1}.footer-column h3{margin-bottom:20px}.footer-column>a{font-size:14px}.site-footer{padding-top:45px}.office-grid{grid-template-columns:1fr;gap:30px}.footer-base{flex-wrap:wrap;font-size:12px;line-height:1.8}.footer-offices{padding-bottom:30px}.hero-wordmark{width:2.57em}}
@media(prefers-reduced-motion:reduce){.purpose-card:hover,.purpose-card:focus-visible{transform:none!important}.purpose-card:after{transition:none}}
/* A global Zeel, with a little caracal personality. */
.hero-actions .hero-demo{background:#fff;color:#11140f;border-color:#cfd5c7}.hero-actions .hero-demo:hover,.hero-actions .hero-demo:focus-visible{background:var(--lime);border-color:var(--lime);color:#11140f}.global-market-list{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0 30px}.global-market-list span{border:1px solid #d3dfc5;border-radius:30px;padding:9px 15px;font-size:14px;background:#fff;color:#45543a}.reach-section .global-market-list span{color:#d5e5c4;background:#24311b;border-color:#4b603a}.zeel-mascot{display:block;object-fit:contain;height:auto;aspect-ratio:1;border-radius:50%;background:#000}.hr-teaser{position:relative}.mascot-teaser{position:absolute;width:116px;right:30px;top:30px;transform:rotate(7deg);box-shadow:none;filter:drop-shadow(0 10px 12px #294e1720)}.hr-teaser .big-number{display:block;padding-right:125px}.mascot-contact{float:right;width:115px;margin:0 0 20px 28px;transform:rotate(-7deg);box-shadow:none;filter:drop-shadow(0 10px 12px #294e1720)}.contact-heading .section-heading{flex:1}.mascot-why-wrap{position:relative}.mascot-why{position:absolute;width:160px;right:40px;top:0;mix-blend-mode:screen;background:none;border-radius:0;transform:rotate(6deg)}.mascot-why-wrap>.section-heading{max-width:calc(100% - 210px)}
@media(max-width:760px){.mascot-teaser{width:86px;right:23px;top:24px}.hr-teaser .big-number{padding-right:92px}.mascot-contact{width:80px;margin-left:16px;margin-bottom:12px}.mascot-why{position:static;width:90px;margin:0 0 20px auto}.mascot-why-wrap>.section-heading{max-width:none}.global-market-list{gap:7px}.global-market-list span{font-size:12px;padding:8px 11px}}

/* Zeel: language + currency controls, translation UI hiding, RTL support */
.header-tools{display:flex;align-items:center;gap:8px;flex-shrink:0}
.header-tools select{appearance:auto;border:1px solid #cfd5c7;border-radius:100px;background:#fff;color:var(--ink);font-size:13px;font-weight:600;padding:9px 10px;max-width:128px;cursor:pointer}
.header-tools select:hover{background:#f5f7f0}
#currency-select{max-width:none}
@media(max-width:1100px){.header-tools{gap:5px}.header-tools select{font-size:11px;padding:8px 6px;max-width:92px}#currency-select{max-width:92px}}
@media(max-width:760px){#nav .header-tools{margin-top:8px}.header-tools select{font-size:13px;max-width:none;flex:1;padding:10px}#currency-select{max-width:none}}
body>.skiptranslate,.goog-te-banner-frame,.goog-te-balloon-frame,#goog-gt-tt,.goog-tooltip{display:none!important}
body{top:0!important}
.goog-text-highlight{background:none!important;box-shadow:none!important}
#google_translate_element{position:absolute;width:0;height:0;overflow:hidden}
[dir=rtl] .dropdown{left:auto;right:-22px}
[dir=rtl] .skip{left:auto;right:15px}
[dir=rtl] .faq-answer{padding:0 28px 24px 85px}
[dir=rtl] .purpose-card:after{right:auto;left:28px}
[dir=rtl] .module-number{right:auto;left:24px}
[dir=rtl] nav{margin-right:0;margin-left:auto}
[dir=rtl] .header-inner>.btn,[dir=rtl] .btn{direction:rtl}

/* Mobile-only scroll-aware navigation — the web equivalent of a floating SliverAppBar. */
@media(max-width:760px){
  .site-header{
    position:sticky;
    top:0;
    z-index:90;
    background:rgba(255,255,255,.97);
    border-bottom:1px solid transparent;
    transform:translateY(0);
    transition:transform .42s cubic-bezier(.22,1,.36,1),background-color .25s,border-color .25s,box-shadow .25s;
    will-change:transform;
  }
  .site-header.is-scrolled{
    background:rgba(255,255,255,.86);
    border-bottom-color:rgba(17,20,15,.09);
    box-shadow:0 12px 34px rgba(24,36,14,.08);
    -webkit-backdrop-filter:blur(18px) saturate(150%);
    backdrop-filter:blur(18px) saturate(150%);
  }
  .site-header .header-inner{transition:height .3s cubic-bezier(.22,1,.36,1)}
  .site-header.is-scrolled .header-inner{height:64px}
  .site-header.is-scrolled nav{top:64px;max-height:calc(100vh - 64px)}
  section,article[id]{scroll-margin-top:84px}
}

@media(max-width:760px) and (prefers-reduced-motion:reduce){
  .site-header{transition:none}
}

/* Optically centered FAQ plus/minus controls. */
.faq-list summary>span{
  position:relative;
  display:block;
  font-size:0;
  line-height:0;
}
.faq-list summary>span:before,
.faq-list summary>span:after{
  content:'';
  position:absolute;
  left:50%;
  top:50%;
  width:12px;
  height:2px;
  border-radius:2px;
  background:currentColor;
  transform:translate(-50%,-50%);
  transition:opacity .18s ease,transform .18s ease;
}
.faq-list summary>span:after{
  width:2px;
  height:12px;
}
.faq-list details[open] summary>span:before{content:''}
.faq-list details[open] summary>span:after{
  opacity:0;
  transform:translate(-50%,-50%) scaleY(0);
}

/* Let the contact mascot sit naturally on the page without a black disc. */
.zeel-mascot,
.mascot-contact{
  background:transparent;
  border-radius:0;
}

/* Contact intro: text and mascot share the first row; CTA sits below. */
.contact-heading{display:block}
.contact-heading .section-heading{
  display:grid;
  grid-template-columns:minmax(0,700px) auto;
  grid-template-rows:auto auto auto;
  align-items:start;
  justify-content:space-between;
  column-gap:48px;
  max-width:none;
  margin-bottom:28px;
}
.contact-heading .section-heading>.mascot-contact{
  float:none;
  grid-column:2;
  grid-row:1 / 4;
  align-self:center;
  justify-self:end;
  margin:0;
}
.contact-heading .section-heading>.eyebrow{grid-column:1;grid-row:1}
.contact-heading .section-heading>h2{grid-column:1;grid-row:2}
.contact-heading .section-heading>p:not(.eyebrow){grid-column:1;grid-row:3}
.contact-heading>.btn{margin:0 0 36px}

@media(max-width:760px){
  .contact-heading .section-heading{column-gap:18px;margin-bottom:24px}
  .contact-heading>.btn{margin-bottom:30px}
}

/* Clear footer action instead of a low-contrast text link. */
.footer-base .back-to-top{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:40px;
  padding:10px 16px;
  border-radius:999px;
  background:var(--lime);
  color:#11140f;
  font-size:13px;
  font-weight:700;
  line-height:1;
  box-shadow:0 8px 22px rgba(0,0,0,.16);
  transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease;
}
.footer-base .back-to-top span{
  font-size:16px;
  line-height:1;
  transform:translateY(-1px);
}
.footer-base .back-to-top:hover{
  color:#11140f;
  background:#d7ff63;
  transform:translateY(-2px);
  box-shadow:0 12px 28px rgba(0,0,0,.22);
}

@media(max-width:760px){
  .footer-base .back-to-top{margin-left:auto}
}

/* Frosted-glass navigation, with WebKit support for Safari. */
.site-header{
  background:linear-gradient(135deg,rgba(255,255,255,.68),rgba(247,251,239,.52));
  border-bottom:1px solid rgba(255,255,255,.66);
  box-shadow:0 9px 28px rgba(25,39,15,.065),inset 0 1px 0 rgba(255,255,255,.88);
  -webkit-backdrop-filter:blur(9px) saturate(135%);
  backdrop-filter:blur(9px) saturate(135%);
}

@media(max-width:760px){
  .site-header:has(#nav.open){
    background:#fff;
    border-bottom-color:rgba(89,108,65,.1);
    box-shadow:none;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }
  .site-header.is-scrolled{
    background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(245,250,237,.56));
    border-bottom-color:rgba(255,255,255,.7);
    box-shadow:0 12px 30px rgba(24,36,14,.085),inset 0 1px 0 rgba(255,255,255,.9);
    -webkit-backdrop-filter:blur(9px) saturate(138%);
    backdrop-filter:blur(9px) saturate(138%);
  }
  .site-header nav.open{
    background:#fff;
    border-bottom:1px solid rgba(89,108,65,.14);
    box-shadow:0 20px 34px rgba(24,36,14,.12);
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }
}

/* Keep the demo field's active ring aligned with its pill silhouette. */
.email-row{
  transition:border-color .18s ease,box-shadow .18s ease;
}
.email-label input{border-radius:999px}
.email-label input:focus-visible,
.email-row .btn:focus-visible{outline:none}
.email-row:focus-within{
  border-color:#6f930d;
  box-shadow:0 0 0 3px rgba(103,142,4,.24),0 8px 24px rgba(43,66,21,.09);
}

/* Morph the demo CTA into a downward disclosure arrow when the form opens. */
#demo-start{
  gap:0;
  overflow:hidden;
  transition:padding .32s cubic-bezier(.22,1,.36,1),background-color .18s,transform .18s;
}
.demo-button-label{
  display:inline-block;
  max-width:120px;
  margin-right:8px;
  overflow:hidden;
  white-space:nowrap;
  opacity:1;
  transform:translateX(0);
  transition:max-width .36s cubic-bezier(.22,1,.36,1),margin .36s cubic-bezier(.22,1,.36,1),opacity .2s ease,transform .36s cubic-bezier(.22,1,.36,1);
}
.demo-button-arrow{
  display:inline-grid;
  place-items:center;
  width:18px;
  font-size:17px;
  line-height:1;
  transform:rotate(0deg) scale(1);
  transition:transform .42s cubic-bezier(.22,1,.36,1);
}
.demo-form.expanded #demo-start{padding-inline:15px}
.demo-form.expanded .demo-button-label{
  max-width:0;
  margin-right:0;
  opacity:0;
  transform:translateX(10px);
}
.demo-form.expanded .demo-button-arrow{
  transform:rotate(90deg) scale(1.08);
}

/* The changing product name is the hero's only accent. */
.hero h1{
  transform:none;
}
.hero-typewriter{
  --type-color:#11140f;
  position:relative;
  display:inline-block;
  width:5.05em;
  min-width:5.05em;
  height:1.05em;
  flex:0 0 5.05em;
  color:var(--type-color);
  vertical-align:top;
  transition:color .22s ease;
}
.hero-typewriter::after{display:none}
#hero-typed-word{
  position:absolute;
  top:0;
  left:50%;
  display:inline-block;
  padding-right:.08em;
  border-right:.045em solid currentColor;
  white-space:nowrap;
  transform:translateX(-50%);
  animation:hero-caret-border .8s steps(1,end) infinite;
}
@keyframes hero-caret-border{
  0%,48%{border-right-color:currentColor}
  49%,100%{border-right-color:transparent}
}

@media(max-width:760px){
  .hero h1{transform:none}
  .hero-typewriter{
    display:block;
    width:5.05em;
    min-width:5.05em;
    height:1.08em;
    flex-basis:5.05em;
    margin:.02em auto 0;
  }
}

@media(prefers-reduced-motion:reduce){
  #hero-typed-word{
    border-right:0;
    animation:none;
  }
}

/* A single, restrained bounce language for icons inside navigational grids. */
.product-card .product-icon,
.module-card .module-icon{
  transform-origin:50% 82%;
}
.product-card:hover .product-icon,
.product-card:focus-visible .product-icon,
.module-card:hover .module-icon,
.module-card:focus-visible .module-icon{
  animation:product-icon-bounce .58s cubic-bezier(.34,1.56,.64,1);
}
@keyframes product-icon-bounce{
  0%,100%{transform:translateY(0) rotate(0)}
  28%{transform:translateY(-5px) rotate(-7deg)}
  55%{transform:translateY(1px) rotate(5deg)}
  76%{transform:translateY(-2px) rotate(-2deg)}
}

@media(prefers-reduced-motion:reduce){
  .product-card:hover .product-icon,
  .product-card:focus-visible .product-icon,
  .module-card:hover .module-icon,
  .module-card:focus-visible .module-icon{animation:none}
}

/* Brand the browser's scrolling pill without making it visually heavy. */
html{
  scrollbar-width:thin;
  scrollbar-color:#a7d62d #eff7df;
}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#eff7df}
::-webkit-scrollbar-thumb{
  min-height:42px;
  border:2px solid #eff7df;
  border-radius:999px;
  background:#a7d62d;
}
::-webkit-scrollbar-thumb:hover{background:#7fa91d}
.scroll-progress{background:var(--lime)}

/* Animated mobile menu control: hamburger ↔ close. */
@media(max-width:760px){
  #menu-toggle{
    position:relative;
    width:42px;
    height:42px;
    flex:0 0 42px;
    padding:0;
    overflow:hidden;
    border-radius:12px;
    color:transparent;
    font-size:0;
    background-color:transparent;
    background-image:linear-gradient(var(--ink),var(--ink));
    background-position:center;
    background-repeat:no-repeat;
    background-size:20px 2px;
    transition:background-size .2s ease,background-color .2s ease;
  }
  #menu-toggle::before,
  #menu-toggle::after{
    content:'';
    position:absolute;
    left:11px;
    width:20px;
    height:2px;
    border-radius:999px;
    background:var(--ink);
    transition:top .28s cubic-bezier(.22,1,.36,1),transform .28s cubic-bezier(.22,1,.36,1);
  }
  #menu-toggle::before{top:14px}
  #menu-toggle::after{top:26px}
  #menu-toggle[aria-expanded="true"]{
    background-size:0 2px;
    background-color:#f5f8ef;
  }
  #menu-toggle[aria-expanded="true"]::before{
    top:20px;
    transform:rotate(45deg);
  }
  #menu-toggle[aria-expanded="true"]::after{
    top:20px;
    transform:rotate(-45deg);
  }
  #nav>a{padding-block:8px}
}

@media(max-width:760px) and (prefers-reduced-motion:reduce){
  #menu-toggle,
  #menu-toggle::before,
  #menu-toggle::after{transition:none}
}

/* Premium motion system: quiet depth, clear hierarchy, and measured pacing. */
.reveal-ready{
  opacity:0;
  filter:blur(5px);
  transform:translateY(26px) scale(.985);
  transition:
    opacity .72s cubic-bezier(.22,1,.36,1),
    transform .82s cubic-bezier(.22,1,.36,1),
    filter .64s ease;
  transition-delay:var(--reveal-delay,0ms);
  will-change:opacity,transform,filter;
}
.reveal-ready.is-visible{
  opacity:1;
  filter:blur(0);
  transform:none;
}

.btn .icon,
.card-link .icon,
.text-link .icon{
  transition:transform .32s cubic-bezier(.22,1,.36,1);
}
.btn:hover .icon,
.btn:focus-visible .icon,
.product-card:hover .card-link .icon,
.product-card:focus-visible .card-link .icon,
.text-link:hover .icon,
.text-link:focus-visible .icon{
  transform:translateX(4px);
}
.faq-list summary>span{
  transition:transform .34s cubic-bezier(.22,1,.36,1),background-color .25s,color .25s;
}
.faq-list details[open] summary>span{
  transform:rotate(180deg);
  background:var(--lime);
  color:var(--ink);
}

@media(hover:hover) and (pointer:fine){
  #nav>a,
  .nav-label>a{
    position:relative;
  }
  #nav>a::after,
  .nav-label>a::after{
    content:'';
    position:absolute;
    left:0;
    right:100%;
    bottom:4px;
    height:1.5px;
    border-radius:999px;
    background:#7da51f;
    transition:right .3s cubic-bezier(.22,1,.36,1);
  }
  #nav>a:hover::after,
  #nav>a:focus-visible::after,
  .nav-label>a:hover::after,
  .nav-label>a:focus-visible::after{
    right:0;
  }

  .product-card,
  .module-card,
  .pricing-card,
  .hr-detail,
  .resource-card{
    position:relative;
    overflow:hidden;
  }
  .product-card::before,
  .module-card::before,
  .pricing-card::before,
  .hr-detail::before,
  .resource-card::before{
    content:'';
    position:absolute;
    inset:-35% auto -35% -70%;
    width:42%;
    pointer-events:none;
    opacity:0;
    transform:skewX(-18deg);
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);
    transition:left .72s cubic-bezier(.22,1,.36,1),opacity .22s ease;
  }
  .product-card:hover::before,
  .module-card:hover::before,
  .pricing-card:hover::before,
  .hr-detail:hover::before,
  .resource-card:hover::before{
    left:128%;
    opacity:.72;
  }
  .software-frame,
  .product-mini,
  .workflow-preview,
  .mobile-ui,
  .language-panel,
  .payroll-region{
    transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s ease;
  }
  .software-frame:hover,
  .product-mini:hover,
  .workflow-preview:hover,
  .language-panel:hover,
  .payroll-region:hover{
    transform:translateY(-5px);
    box-shadow:0 26px 55px rgba(31,48,18,.13);
  }
  .mobile-ui:hover{
    transform:translate(-4px,-5px);
    box-shadow:31px 34px 0 #c9ed8e,0 28px 55px rgba(31,48,18,.12);
  }
}

@media(prefers-reduced-motion:reduce){
  .reveal-ready,
  .reveal-ready.is-visible{
    opacity:1;
    filter:none;
    transform:none;
    transition:none;
  }
  .btn .icon,
  .card-link .icon,
  .text-link .icon,
  .faq-list summary>span{
    transition:none;
  }
}

/* Product preview transitions: the panel arrives first, then its data settles in. */
#software-panel.preview-panel-enter{
  animation:preview-panel-in .5s cubic-bezier(.22,1,.36,1) both;
}
.preview-panel-enter .screen-stat,
.preview-panel-enter .ui-box,
.preview-panel-enter .kanban-column,
.preview-panel-enter .pos-item,
.preview-panel-enter .ui-table tbody tr{
  opacity:0;
  animation:preview-data-in .48s cubic-bezier(.22,1,.36,1) forwards;
}
.preview-panel-enter .screen-stat:nth-child(2),
.preview-panel-enter .ui-box:nth-child(2),
.preview-panel-enter .kanban-column:nth-child(2),
.preview-panel-enter .pos-item:nth-child(2),
.preview-panel-enter .ui-table tbody tr:nth-child(2){animation-delay:.06s}
.preview-panel-enter .screen-stat:nth-child(3),
.preview-panel-enter .kanban-column:nth-child(3),
.preview-panel-enter .pos-item:nth-child(3),
.preview-panel-enter .ui-table tbody tr:nth-child(3){animation-delay:.12s}
.preview-panel-enter .pos-item:nth-child(4),
.preview-panel-enter .ui-table tbody tr:nth-child(4){animation-delay:.18s}
.preview-panel-enter .pos-item:nth-child(5),
.preview-panel-enter .ui-table tbody tr:nth-child(5){animation-delay:.24s}
.preview-panel-enter .pos-item:nth-child(6){animation-delay:.3s}
.preview-panel-enter .ui-bar-chart i{
  transform-origin:50% 100%;
  animation:preview-bar-in .7s .12s cubic-bezier(.22,1,.36,1) both;
}
.preview-panel-enter .progress-line i{
  transform-origin:0 50%;
  animation:preview-progress-in .7s .14s cubic-bezier(.22,1,.36,1) both;
}
@keyframes preview-panel-in{
  from{opacity:.35;transform:translateY(9px)}
  to{opacity:1;transform:none}
}
@keyframes preview-data-in{
  from{opacity:0;transform:translateY(8px)}
  to{opacity:1;transform:none}
}
@keyframes preview-bar-in{from{transform:scaleY(.08)}to{transform:scaleY(1)}}
@keyframes preview-progress-in{from{transform:scaleX(.05)}to{transform:scaleX(1)}}

/* The mascot moves almost imperceptibly so it feels alive without becoming playful. */
.zeel-mascot{
  transform-origin:50% 72%;
  animation:mascot-breathe 5.6s ease-in-out infinite;
  will-change:translate,scale;
}
@keyframes mascot-breathe{
  0%,100%{translate:0 0;scale:1}
  50%{translate:0 -11px;scale:1.025}
}

/* Occasional light across primary lime actions; hover gives immediate feedback. */
.btn.lime{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.btn.lime::after{
  content:'';
  position:absolute;
  inset:-45% auto -45% -62%;
  width:38%;
  pointer-events:none;
  transform:skewX(-20deg) translateX(-220%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);
  animation:lime-cta-sweep 7.2s ease-in-out 1.4s infinite;
}
.btn.lime:hover::after,
.btn.lime:focus-visible::after{
  animation:lime-cta-sweep-hover .72s cubic-bezier(.22,1,.36,1);
}
@keyframes lime-cta-sweep{
  0%,72%{transform:skewX(-20deg) translateX(-220%)}
  84%,100%{transform:skewX(-20deg) translateX(620%)}
}
@keyframes lime-cta-sweep-hover{
  from{transform:skewX(-20deg) translateX(-220%)}
  to{transform:skewX(-20deg) translateX(620%)}
}

@media(prefers-reduced-motion:reduce){
  #software-panel.preview-panel-enter,
  .preview-panel-enter .screen-stat,
  .preview-panel-enter .ui-box,
  .preview-panel-enter .kanban-column,
  .preview-panel-enter .pos-item,
  .preview-panel-enter .ui-table tbody tr,
  .preview-panel-enter .ui-bar-chart i,
  .preview-panel-enter .progress-line i,
  .zeel-mascot,
  .btn.lime::after{
    animation:none;
    opacity:1;
    transform:none;
    translate:0;
    scale:1;
  }
}

/* Geometric dropdown chevrons stay optically centered at every breakpoint. */
.drop-toggle{
  position:relative;
  display:grid;
  place-items:center;
  flex:0 0 32px;
  width:32px;
  height:32px;
  padding:0;
  color:transparent;
  font-size:0;
  line-height:1;
  transform:none;
}
.drop-toggle::before{
  content:'';
  width:6px;
  height:6px;
  border-right:1.5px solid var(--ink);
  border-bottom:1.5px solid var(--ink);
  transform-origin:50% 50%;
  transform:translateY(6px) rotate(45deg);
  transition:transform .28s cubic-bezier(.22,1,.36,1);
}
.nav-group.is-open .drop-toggle{
  transform:none;
}
.nav-group.is-open .drop-toggle::before{
  transform:translateY(6px) rotate(225deg);
}

@media(max-width:760px){
  .drop-toggle{
    width:36px;
    height:36px;
    flex-basis:36px;
  }
  .drop-toggle::before{
    transform:rotate(45deg);
  }
  .nav-group.is-open .drop-toggle::before{
    transform:rotate(225deg);
  }
}

@media(prefers-reduced-motion:reduce){
  .drop-toggle::before{transition:none}
}

/* Reveal the module index as a quiet background watermark on interaction. */
.module-card{
  isolation:isolate;
  overflow:hidden;
}
.module-number{
  top:auto;
  right:14px;
  bottom:-10px;
  height:auto;
  z-index:0;
  color:#233214;
  font-size:96px;
  font-weight:800;
  line-height:.82;
  letter-spacing:-.09em;
  opacity:0;
  pointer-events:none;
  transform:translateY(16px) scale(.96);
  transform-origin:100% 100%;
  transition:opacity .36s ease,transform .48s cubic-bezier(.22,1,.36,1);
}
.module-card .module-icon,
.module-card h3,
.module-card p{
  position:relative;
  z-index:1;
}
.module-arrow{
  top:22px;
  right:20px;
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  line-height:1;
  opacity:.58;
  transform:translateX(0);
  transition:opacity .25s ease,transform .32s cubic-bezier(.22,1,.36,1),color .25s;
}

@media(hover:hover) and (pointer:fine){
  .module-card:hover .module-number,
  .module-card:focus-visible .module-number{
    opacity:.1;
    transform:translateY(0) scale(1);
  }
  .module-card .module-arrow{
    opacity:0;
    transform:translateX(-5px);
  }
  .module-card:hover .module-arrow,
  .module-card:focus-visible .module-arrow{
    opacity:1;
    color:#4f711b;
    transform:translateX(0);
  }
}

.module-card:focus-visible .module-number{
  opacity:.1;
  transform:translateY(0) scale(1);
}

@media(max-width:760px){
  .module-number{
    right:10px;
    bottom:-7px;
    font-size:76px;
  }
  .module-arrow{
    top:18px;
    right:16px;
  }
}

@media(prefers-reduced-motion:reduce){
  .module-number,
  .module-arrow{transition:none}
}

/* Give the homepage hero more presence without sacrificing its clean tone. */
.hero{
  position:relative;
  overflow:hidden;
  padding:42px 0 50px;
  background:#f8faf5;
}
.hero::before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(to right,rgba(128,145,109,.13) 1px,transparent 1px),
    linear-gradient(to bottom,rgba(128,145,109,.13) 1px,transparent 1px);
  background-size:72px 72px;
  background-position:center top;
}
.hero::after{
  content:'';
  position:absolute;
  width:760px;
  height:560px;
  right:-300px;
  top:-255px;
  border-radius:46% 0 0 62%;
  background:linear-gradient(135deg,rgba(201,251,53,.3),rgba(201,251,53,.12) 58%,transparent 82%);
  filter:blur(8px);
  pointer-events:none;
}
.hero>.wrap{
  position:relative;
  z-index:1;
}
.headline-row{
  max-width:1320px;
  margin:0 auto 34px;
}
.hero h1{
  font-size:clamp(66px,7.25vw,108px);
  line-height:.98;
}
.hero-typewriter{
  width:5.05em;
  min-width:5.05em;
}
.hero-stage{
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr);
  max-width:1180px;
  margin:0 auto;
  overflow:hidden;
  border:1px solid #dce3d4;
  border-radius:30px;
  background:rgba(255,255,255,.9);
  box-shadow:0 30px 80px rgba(38,52,26,.11);
  text-align:start;
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}
.hero-pitch{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:38px 42px 40px;
}
.hero .hero-copy{
  max-width:650px;
  margin:0 0 32px;
  font-size:clamp(22px,1.8vw,28px);
  line-height:1.48;
  text-align:start;
}
.hero .hero-actions{
  justify-content:flex-start;
  flex-wrap:wrap;
  margin:0;
}
.hero .hero-actions .btn{
  min-width:190px;
}
.hero-demo-card{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:34px 36px 36px;
  border-inline-start:1px solid #dce2d4;
  background:linear-gradient(145deg,rgba(201,251,53,.24),rgba(247,251,240,.88) 48%,rgba(255,255,255,.96));
}
.hero-demo-heading{
  margin-bottom:22px;
}
.hero-demo-heading>span{
  display:block;
  margin-bottom:10px;
  color:#5c7621;
  font-size:11px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.hero-demo-heading h2{
  margin:0 0 9px;
  font-size:31px;
  line-height:1.08;
  letter-spacing:-.055em;
}
.hero-demo-heading p{
  margin:0;
  color:#66715d;
  font-size:14px;
  line-height:1.55;
}
.hero .demo-form{
  width:100%;
  max-width:none;
  margin:0;
}
.hero .email-row{
  padding:6px;
  padding-inline-start:16px;
  border-color:#cfd8c3;
  box-shadow:0 8px 24px rgba(31,47,20,.06);
}
.hero .email-label input{
  padding-block:11px;
}
.hero .email-row .btn{
  padding:14px 18px;
}
.hero .form-note{
  margin-top:11px;
  line-height:1.45;
  text-align:start;
}

@media(max-width:1100px){
  .hero h1{font-size:clamp(56px,6.65vw,78px)}
  .hero-stage{
    grid-template-columns:minmax(0,1fr) minmax(360px,.92fr);
  }
  .hero-pitch{padding:32px}
  .hero-demo-card{padding:30px}
  .hero .hero-actions .btn{min-width:165px}
}

@media(max-width:900px){
  .hero{padding-top:30px}
  .headline-row{margin-bottom:26px}
  .hero h1{
    font-size:clamp(50px,8.4vw,72px);
    white-space:normal;
  }
  .hero-stage{
    grid-template-columns:1fr;
    max-width:720px;
  }
  .hero-demo-card{
    border-top:1px solid #dce2d4;
    border-inline-start:0;
  }
  .hero .hero-copy{max-width:none}
}

@media(max-width:760px){
  .hero{
    padding:22px 0 34px;
  }
  .hero::before{background-size:54px 54px}
  .hero::after{
    width:420px;
    height:330px;
    right:-245px;
    top:-145px;
  }
  .headline-row{margin:8px auto 20px}
  .hero h1{
    font-size:clamp(43px,12vw,64px);
    line-height:1.02;
  }
  .hero-stage{border-radius:21px}
  .hero-pitch{
    padding:25px 20px 27px;
  }
  .hero .hero-copy{
    margin-bottom:23px;
    font-size:19px;
    line-height:1.5;
    text-align:center;
  }
  .hero .hero-actions{justify-content:center}
  .hero .hero-actions .btn{
    min-width:0;
    flex:1 1 145px;
  }
  .hero-demo-card{padding:25px 20px 23px}
  .hero-demo-heading{text-align:center}
  .hero-demo-heading h2{font-size:27px}
  .hero .form-note{text-align:center}
}

@media(max-width:430px){
  .hero .hero-actions .btn{flex-basis:100%}
  .hero .email-row{padding-inline-start:10px}
  .hero .email-row .btn{padding-inline:13px}
  .hero .form-grid{grid-template-columns:1fr}
  .hero .demo-form fieldset{padding:20px}
}

/* The homepage demo form is ready immediately: one path, one final action. */
.hero .demo-form.always-open{
  max-width:none;
}
.hero .hero-pitch{
  justify-content:center;
}
.hero .hero-demo-card{
  padding-top:25px;
  padding-bottom:25px;
}
.hero .hero-demo-heading{
  margin-bottom:14px;
}
.hero .hero-demo-heading h2{
  font-size:29px;
}
.hero .always-open .demo-email-row{
  padding:4px 12px;
  border-radius:14px;
  box-shadow:0 8px 24px rgba(31,47,20,.055);
}
.hero .always-open .demo-email-row input{
  padding:11px 4px;
  border-radius:10px;
}
.hero .always-open fieldset{
  margin-top:10px;
  padding:14px;
  border-color:#d5dec9;
  border-radius:16px;
  background:rgba(255,255,255,.7);
  box-shadow:none;
}
.hero .always-open legend{
  font-size:13px;
}
.hero .always-open .form-grid{
  gap:8px 12px;
}
.hero .always-open .form-grid label{
  gap:5px;
  font-size:11px;
}
.hero .always-open .form-grid input,
.hero .always-open .form-grid select{
  padding:8px 10px;
  border-radius:10px;
  font-size:12px;
}
.hero .always-open .form-footer{
  align-items:flex-end;
  gap:12px;
  margin-top:10px;
}
.hero .always-open .form-footer p{
  font-size:9px;
  line-height:1.45;
}
.hero .always-open .form-footer .btn{
  padding:11px 15px;
}
.hero .always-open .form-note{
  margin-top:6px;
  font-size:10px;
}

@media(max-width:760px){
  .hero .always-open fieldset{padding:17px}
  .hero .always-open .form-footer{align-items:stretch}
}

@media(max-width:430px){
  .hero .always-open fieldset{padding:17px 14px}
}

/* A single, full first-screen split: message left, conversion form right. */
.hero{
  display:flex;
  align-items:center;
  min-height:calc(100svh - 88px);
  padding:28px 0 38px;
}
.hero>.wrap{
  width:100%;
}
.hero .hero-stage{
  grid-template-columns:minmax(0,1.08fr) minmax(470px,.92fr);
  max-width:1280px;
  min-height:560px;
}
.hero .hero-pitch{
  padding:48px 52px;
}
.hero .headline-row{
  max-width:680px;
  margin:0 0 32px;
}
.hero h1{
  display:block;
  max-width:680px;
  font-size:clamp(62px,5.7vw,84px);
  line-height:.94;
  white-space:normal;
  text-align:start;
  transform:none;
}
.hero .hero-typewriter{
  display:block;
  width:5.05em;
  min-width:5.05em;
  height:1.05em;
  margin:.08em auto 0;
}
.hero .hero-copy{
  max-width:560px;
  margin-bottom:30px;
  font-size:clamp(19px,1.55vw,24px);
  line-height:1.5;
}
.hero .hero-actions{
  gap:10px;
}
.hero .hero-actions .btn{
  min-width:176px;
}
.hero .hero-demo-card{
  padding-inline:38px;
}

@media(max-width:1100px){
  .hero .hero-stage{
    grid-template-columns:minmax(0,1fr) minmax(440px,.96fr);
  }
  .hero .hero-pitch{padding:40px 36px}
  .hero .hero-demo-card{padding-inline:28px}
  .hero h1{font-size:clamp(54px,5.8vw,68px)}
}

@media(max-width:900px){
  .hero{
    display:block;
    min-height:0;
    padding:30px 0 42px;
  }
  .hero .hero-stage{
    grid-template-columns:1fr;
    max-width:720px;
    min-height:0;
  }
  .hero .hero-pitch{padding:38px 32px}
  .hero .headline-row{
    max-width:620px;
    margin:0 auto 26px;
  }
  .hero h1{
    max-width:none;
    font-size:clamp(50px,8.4vw,72px);
    text-align:center;
  }
  .hero .hero-typewriter{margin-inline:auto}
  .hero .hero-copy{
    max-width:590px;
    margin-inline:auto;
    text-align:center;
  }
  .hero .hero-actions{justify-content:center}
  .hero .hero-demo-card{
    padding:30px;
    border-top:1px solid #dce2d4;
    border-inline-start:0;
  }
}

@media(max-width:760px){
  .hero{padding:22px 0 34px}
  .hero .hero-pitch{padding:32px 20px}
  .hero .headline-row{margin-bottom:22px}
  .hero h1{
    font-size:clamp(43px,12vw,64px);
    line-height:.98;
  }
  .hero .hero-copy{
    margin-bottom:24px;
    font-size:19px;
  }
  .hero .hero-actions .btn{min-width:0}
  .hero .hero-demo-card{padding:27px 20px 25px}
}

/* Hero proof points replace redundant CTAs and give the opening screen substance. */
.hero{
  display:block;
  min-height:0;
  padding:28px 0 42px;
}
.hero .hero-stage{
  grid-template-columns:minmax(0,1fr) minmax(500px,1fr);
  min-height:600px;
}
.hero .hero-pitch{
  padding:42px 52px;
}
.hero-kicker{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 22px;
  color:#607449;
  font-size:11px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.hero-kicker::before{
  content:'';
  width:28px;
  height:2px;
  border-radius:99px;
  background:#9fd313;
  box-shadow:0 0 18px rgba(159,211,19,.55);
}
.hero .headline-row{
  margin-bottom:25px;
}
.hero .hero-copy{
  margin-bottom:27px;
  font-size:clamp(19px,1.48vw,23px);
}
.hero-proof{
  display:grid;
  grid-template-columns:.8fr 1.2fr 1fr;
  margin-top:2px;
  padding:17px 0;
  border-top:1px solid #dfe5d7;
  border-bottom:1px solid #dfe5d7;
}
.hero-proof>div{
  min-width:0;
  padding:0 16px;
  border-inline-start:1px solid #dfe5d7;
}
.hero-proof>div:first-child{
  padding-inline-start:0;
  border-inline-start:0;
}
.hero-proof strong,
.hero-proof span{
  display:block;
}
.hero-proof strong{
  margin-bottom:4px;
  color:#11140f;
  font-size:22px;
  line-height:1;
  letter-spacing:-.045em;
}
.hero-proof span{
  color:#737b6c;
  font-size:10px;
  font-weight:700;
  line-height:1.35;
  letter-spacing:.025em;
  text-transform:uppercase;
}
.hero-proof-note{
  display:flex;
  align-items:center;
  gap:9px;
  margin:14px 0 0;
  color:#626b5a;
  font-size:12px;
}
.hero-proof-note::before{
  content:'';
  width:7px;
  height:7px;
  flex:0 0 auto;
  border-radius:50%;
  background:#a9df16;
  box-shadow:0 0 0 5px rgba(169,223,22,.14);
  animation:hero-signal 2.2s ease-in-out infinite;
}
@keyframes hero-signal{
  0%,100%{box-shadow:0 0 0 4px rgba(169,223,22,.12)}
  50%{box-shadow:0 0 0 8px rgba(169,223,22,.03)}
}
.hero .hero-demo-card{
  padding-inline:42px;
}
.hero .hero-demo-heading h2{
  font-size:33px;
}
.hero .always-open .demo-email-row{
  padding:6px 14px;
}
.hero .always-open .demo-email-row input{
  padding:13px 4px;
  font-size:14px;
}
.hero .always-open fieldset{
  margin-top:13px;
  padding:18px;
}
.hero .always-open legend{
  font-size:14px;
}
.hero .always-open .form-grid{
  gap:12px 14px;
}
.hero .always-open .form-grid label{
  gap:6px;
  font-size:12px;
}
.hero .always-open .form-grid input,
.hero .always-open .form-grid select{
  padding:11px 12px;
  font-size:13px;
}
.hero .always-open .form-footer{
  margin-top:14px;
}
.hero .always-open .form-footer .btn{
  padding:13px 17px;
}

@media(max-width:1100px){
  .hero .hero-stage{grid-template-columns:minmax(0,.95fr) minmax(460px,1.05fr)}
  .hero .hero-pitch{padding:36px}
  .hero .hero-demo-card{padding-inline:30px}
  .hero-proof>div{padding-inline:11px}
}

@media(max-width:900px){
  .hero{display:block;height:auto;min-height:0;max-height:none;padding:30px 0 42px}
  .hero .hero-stage{grid-template-columns:1fr}
  .hero .hero-stage{min-height:0}
  .hero .hero-pitch{padding:38px 32px}
  .hero-kicker{justify-content:center}
  .hero-proof{max-width:570px;margin-inline:auto}
  .hero-proof-note{justify-content:center}
  .hero .hero-demo-card{padding:30px}
}

@media(max-width:760px){
  .hero{padding:22px 0 34px}
  .hero .hero-pitch{padding:31px 20px 30px}
  .hero-kicker{
    margin-bottom:19px;
    font-size:9px;
  }
  .hero .headline-row{margin-bottom:21px}
  .hero-proof{grid-template-columns:repeat(3,1fr);padding-block:14px}
  .hero-proof>div{padding-inline:8px;text-align:center}
  .hero-proof strong{font-size:18px}
  .hero-proof span{font-size:8px}
  .hero-proof-note{font-size:10px}
  .hero .hero-demo-card{padding:28px 20px 25px}
  .hero .always-open fieldset{padding:17px 14px}
}

@media(prefers-reduced-motion:reduce){
  .hero-proof-note::before{animation:none}
}

/* Desktop uses exactly the space below the navigation; smaller screens flow naturally. */
@media(min-width:901px){
  .hero{
    height:calc(100svh - 88px);
    min-height:620px;
    max-height:none;
    padding-block:clamp(18px,3.2vh,38px);
  }
  .hero>.wrap{
    display:grid;
    align-items:center;
    height:100%;
  }
  .hero .hero-stage{
    height:min(100%,650px);
    min-height:0;
  }
}

@media(min-width:901px) and (max-height:740px){
  .hero{
    height:calc(100svh - 76px);
    min-height:600px;
    padding-block:12px;
  }
  .hero .hero-stage{height:min(100%,620px)}
}

/* The headline and this product story move together as one connected system. */
.hero .hero-pitch{
  padding-block:32px;
}

/* Two stable hero lines: the promise never wraps, while every product name stays centered. */
.hero h1{
  white-space:nowrap;
}
.hero .hero-typewriter{
  margin:.08em auto 0;
}
.hero #hero-typed-word{
  left:50%;
  transform:translateX(-50%);
}
.hero-live-card{
  --live-color:#11140f;
  position:relative;
  margin-top:27px;
  padding:15px;
  overflow:hidden;
  border:1px solid #d9e1d0;
  border-radius:18px;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(247,251,240,.92));
  box-shadow:0 15px 36px rgba(35,51,23,.08);
  transition:border-color .35s ease,box-shadow .35s ease;
}
.hero-live-card::before{
  content:'';
  position:absolute;
  inset:0 auto 0 -35%;
  width:26%;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(201,251,53,.17),transparent);
  transform:skewX(-17deg);
  animation:hero-live-sweep 5.2s ease-in-out infinite;
}
.hero-live-top{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:13px;
}
.hero-live-top>span{
  display:flex;
  align-items:center;
  min-width:0;
  gap:8px;
}
.hero-live-top i,
.hero-live-status i{
  width:7px;
  height:7px;
  flex:0 0 auto;
  border-radius:50%;
  background:#a9df16;
  box-shadow:0 0 0 4px rgba(169,223,22,.13);
}
.hero-live-top b{
  overflow:hidden;
  color:#3f4a36;
  font-size:10px;
  letter-spacing:.08em;
  text-overflow:ellipsis;
  text-transform:uppercase;
  white-space:nowrap;
}
.hero-live-top small{
  color:#868d7e;
  font-size:9px;
  text-transform:uppercase;
}
.hero-live-rail{
  position:relative;
  display:flex;
  align-items:center;
  margin-bottom:14px;
}
.hero-live-rail>span{
  display:grid;
  place-items:center;
  min-width:38px;
  height:26px;
  padding-inline:7px;
  border:1px solid #d9ded3;
  border-radius:99px;
  background:#fff;
  color:#747c6d;
  font-size:8px;
  font-weight:800;
  transition:color .3s ease,border-color .3s ease,background .3s ease,transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s ease;
}
.hero-live-rail>span.is-active{
  z-index:1;
  color:var(--live-color);
  border-color:var(--live-color);
  background:#fff;
  transform:translateY(-2px);
  box-shadow:0 5px 14px rgba(28,39,19,.12);
}
.hero-live-rail>i{
  position:relative;
  height:1px;
  min-width:8px;
  flex:1 1 auto;
  overflow:visible;
  background:#d9ded3;
}
.hero-live-rail>i::after{
  content:'';
  position:absolute;
  width:5px;
  height:5px;
  top:-2px;
  left:-3px;
  border-radius:50%;
  background:#a9df16;
  box-shadow:0 0 8px rgba(169,223,22,.75);
  animation:hero-flow-dot 2.6s linear infinite;
}
.hero-live-rail>i:nth-of-type(2)::after{animation-delay:.35s}
.hero-live-rail>i:nth-of-type(3)::after{animation-delay:.7s}
.hero-live-rail>i:nth-of-type(4)::after{animation-delay:1.05s}
.hero-live-event{
  position:relative;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  align-items:center;
  gap:11px;
  padding:12px;
  border:1px solid #e0e5db;
  border-radius:14px;
  background:rgba(255,255,255,.92);
}
.hero-live-mark{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:12px;
  background:var(--live-color);
  color:#fff;
  font-size:17px;
  font-weight:800;
  transition:background .3s ease;
}
.hero-live-event>div{
  min-width:0;
}
.hero-live-event small,
.hero-live-event strong,
.hero-live-event p{
  display:block;
}
.hero-live-event small{
  margin-bottom:2px;
  color:#8a9183;
  font-size:8px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.hero-live-event strong{
  overflow:hidden;
  margin-bottom:2px;
  color:#161914;
  font-size:13px;
  line-height:1.2;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.hero-live-event p{
  overflow:hidden;
  margin:0;
  color:#737b6d;
  font-size:9px;
  line-height:1.35;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.hero-live-status{
  display:flex;
  align-items:center;
  gap:6px;
  padding:7px 9px;
  border-radius:99px;
  background:#f2f7e9;
  color:#50623c;
  font-size:8px;
  text-transform:uppercase;
}
.hero-live-status i{
  width:5px;
  height:5px;
  box-shadow:none;
}
.hero-live-card.is-switching .hero-live-event{
  animation:hero-live-event-in .52s cubic-bezier(.22,1,.36,1) both;
}
@keyframes hero-live-event-in{
  from{opacity:.35;transform:translateY(8px) scale(.985)}
  to{opacity:1;transform:none}
}
@keyframes hero-flow-dot{
  from{left:-3px;opacity:0}
  15%,85%{opacity:1}
  to{left:calc(100% - 2px);opacity:0}
}
@keyframes hero-live-sweep{
  0%,65%{transform:skewX(-17deg) translateX(-160%)}
  82%,100%{transform:skewX(-17deg) translateX(620%)}
}

@media(max-width:760px){
  .hero .hero-pitch{padding-block:29px}
  .hero-live-card{margin-top:23px;padding:13px}
  .hero-live-rail>span{min-width:32px;padding-inline:5px;font-size:7px}
  .hero-live-event{grid-template-columns:38px minmax(0,1fr);gap:10px;padding:11px}
  .hero-live-mark{width:38px;height:38px}
  .hero-live-status{display:none}
  .hero-live-event strong{font-size:12px}
  .hero-live-event p{font-size:8px}
}

@media(prefers-reduced-motion:reduce){
  .hero-live-card::before,
  .hero-live-rail>i::after{animation:none}
  .hero-live-card.is-switching .hero-live-event{animation:none}
}

/* Branded not-found page used by GoDaddy/Apache through ErrorDocument. */
.error-page{
  min-height:100vh;
  background:#f8faf5;
}
.error-main{
  position:relative;
  display:grid;
  min-height:calc(100vh - 76px);
  place-items:center;
  overflow:hidden;
  padding:45px 20px;
  background-image:
    linear-gradient(to right,rgba(128,145,109,.13) 1px,transparent 1px),
    linear-gradient(to bottom,rgba(128,145,109,.13) 1px,transparent 1px);
  background-size:72px 72px;
}
.error-main::before{
  content:'';
  position:absolute;
  width:620px;
  height:620px;
  right:-260px;
  top:-310px;
  border-radius:50%;
  background:rgba(201,251,53,.24);
  filter:blur(5px);
}
.error-hero{
  position:relative;
  width:min(760px,100%);
  padding:58px;
  overflow:hidden;
  border:1px solid #dce3d4;
  border-radius:30px;
  background:rgba(255,255,255,.9);
  box-shadow:0 30px 80px rgba(38,52,26,.11);
  text-align:center;
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
}
.error-code{
  position:absolute;
  right:-15px;
  top:-38px;
  font-size:180px;
  font-weight:800;
  letter-spacing:-.09em;
  line-height:1;
  pointer-events:none;
  color:rgba(164,215,27,.14);
}
.error-hero .eyebrow{
  position:relative;
  margin-bottom:20px;
}
.error-hero h1{
  position:relative;
  max-width:600px;
  margin:0 auto 18px;
  font-size:clamp(48px,7vw,84px);
  line-height:.96;
  letter-spacing:-.07em;
}
.error-hero>p:not(.eyebrow){
  position:relative;
  max-width:540px;
  margin:0 auto;
  color:#64705d;
  font-size:17px;
  line-height:1.65;
}
.error-actions{
  position:relative;
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px;
  margin-top:30px;
}
.error-actions .btn{
  min-width:170px;
}
.error-signal{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin-top:34px;
  color:#75806d;
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.error-signal i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#a9df16;
  box-shadow:0 0 0 5px rgba(169,223,22,.14);
}
@media(max-width:600px){
  .error-main{min-height:calc(100vh - 72px);padding:24px 20px}
  .error-hero{padding:45px 22px;border-radius:23px}
  .error-code{right:-8px;top:-18px;font-size:112px}
  .error-hero h1{font-size:48px}
  .error-hero>p:not(.eyebrow){font-size:15px}
  .error-actions .btn{width:100%}
}

/* Mobile conversion flow: keep the hero visual-first and open the full form as a sheet. */
.mobile-demo-trigger,
.mobile-demo-toolbar{display:none}
.mobile-demo-backdrop[hidden],
.global-demo-modal[hidden]{display:none!important}

@media(max-width:900px){
  body.demo-modal-open{overflow:hidden}
  .mobile-demo-backdrop{
    position:fixed;
    inset:0;
    z-index:170;
    display:grid;
    place-items:center;
    padding:16px;
    overflow:hidden;
    background:rgba(12,16,9,.58);
  }
  .hero .hero-demo-card{display:none}
  .hero .mobile-demo-trigger{
    display:inline-flex;
    align-self:center;
    min-width:230px;
    margin-top:24px;
    padding:16px 24px;
    box-shadow:0 14px 34px rgba(64,86,28,.16);
  }
  .hero-demo-card.is-mobile-open{
    display:block;
    position:relative;
    width:min(620px,100%);
    max-height:calc(100dvh - 32px);
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
    padding:22px 18px 18px;
    border:1px solid rgba(197,207,188,.9);
    border-radius:24px;
    background-color:#fbfcf8;
    background-image:
      linear-gradient(to right,rgba(128,145,109,.08) 1px,transparent 1px),
      linear-gradient(to bottom,rgba(128,145,109,.08) 1px,transparent 1px),
      linear-gradient(145deg,rgba(201,251,53,.17),transparent 45%);
    background-size:48px 48px,48px 48px,100% 100%;
    box-shadow:0 28px 90px rgba(8,14,5,.34);
    animation:mobile-demo-enter .28s cubic-bezier(.22,1,.36,1) both;
  }
  .mobile-demo-toolbar{
    position:absolute;
    top:12px;
    right:12px;
    z-index:3;
    display:block;
  }
  .mobile-demo-close{
    position:relative;
    width:38px;
    height:38px;
    flex:0 0 38px;
    border:1px solid #d6ddce;
    border-radius:50%;
    background:#fff;
    box-shadow:0 7px 18px rgba(34,49,22,.1);
  }
  .mobile-demo-close i{
    position:absolute;
    left:10px;
    top:17px;
    width:16px;
    height:2px;
    border-radius:999px;
    background:#11140f;
    transform:rotate(45deg);
  }
  .mobile-demo-close i:last-child{transform:rotate(-45deg)}
  .hero-demo-card.is-mobile-open .hero-demo-heading,
  .hero-demo-card.is-mobile-open .demo-form{
    width:min(620px,100%);
    margin-inline:auto;
  }
  .hero-demo-card.is-mobile-open .hero-demo-heading{
    margin:0 0 10px;
    padding-inline:36px;
    text-align:center;
  }
  .hero-demo-card.is-mobile-open .hero-demo-heading h2{font-size:clamp(28px,7vw,38px)}
  .hero-demo-card.is-mobile-open .hero-demo-heading p{font-size:13px}
  .hero-demo-card.is-mobile-open .always-open fieldset{
    padding:13px;
    border-radius:17px;
    background:rgba(255,255,255,.9);
    box-shadow:0 24px 60px rgba(38,52,26,.1);
  }
  .hero-demo-card.is-mobile-open .always-open .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px}
  .hero-demo-card.is-mobile-open .always-open .form-grid label{font-size:10px;gap:3px}
  .hero-demo-card.is-mobile-open .always-open .form-grid input,
  .hero-demo-card.is-mobile-open .always-open .form-grid select{min-height:38px;padding:8px 10px;font-size:12px}
  .hero-demo-card.is-mobile-open .always-open .form-footer{margin-top:10px;gap:10px}
  .hero-demo-card.is-mobile-open .always-open .form-footer p{font-size:9px;line-height:1.35}
  .hero-demo-card.is-mobile-open .always-open .form-footer .btn{min-height:42px;padding:10px 15px}
  .hero-demo-card.is-mobile-open .form-note{margin-top:8px;font-size:10px}

  .global-demo-modal{
    position:fixed;
    inset:0;
    z-index:170;
    display:grid;
    place-items:center;
    overflow:hidden;
    overscroll-behavior:contain;
    padding:16px;
    background:rgba(12,16,9,.58);
    opacity:0;
    transition:opacity .18s ease;
  }
  .global-demo-modal.is-open{opacity:1}
  .global-demo-shell{
    position:relative;
    width:min(620px,100%);
    max-height:calc(100dvh - 32px);
    margin:0 auto;
    padding:22px 18px 18px;
    overflow:auto;
    border:1px solid rgba(197,207,188,.9);
    border-radius:24px;
    background-color:#fbfcf8;
    background-image:
      linear-gradient(to right,rgba(128,145,109,.08) 1px,transparent 1px),
      linear-gradient(to bottom,rgba(128,145,109,.08) 1px,transparent 1px),
      linear-gradient(145deg,rgba(201,251,53,.17),transparent 45%);
    background-size:48px 48px,48px 48px,100% 100%;
    box-shadow:0 28px 90px rgba(8,14,5,.34);
    animation:mobile-demo-enter .28s cubic-bezier(.22,1,.36,1) both;
  }
  .global-demo-modal .mobile-demo-toolbar{display:block}
  .global-demo-heading{margin:0 0 10px;padding-inline:36px;text-align:center}
  .global-demo-heading p{margin:0 0 3px;color:#68745f;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
  .global-demo-heading h2{margin:0;color:#11140f;font-size:clamp(28px,7vw,38px);line-height:1;letter-spacing:-.055em}
  .global-demo-form{padding:13px;border:1px solid rgba(149,163,132,.32);border-radius:18px;background:#fff;box-shadow:0 16px 40px rgba(38,52,26,.08)}
  .global-demo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px}
  .global-demo-grid label{display:grid;gap:3px;color:#66705e;font-size:10px;font-weight:800;letter-spacing:.045em;text-transform:uppercase}
  .global-demo-grid input,
  .global-demo-grid select{width:100%;min-width:0;min-height:38px;padding:8px 10px;border:1px solid #d8dfd0;border-radius:10px;background:#fff;color:#11140f;font:600 12px/1.2 inherit;outline:0;transition:border-color .18s ease,box-shadow .18s ease}
  .global-demo-grid input:focus,
  .global-demo-grid select:focus{border-color:#92c500;box-shadow:0 0 0 3px rgba(179,231,26,.16)}
  .global-demo-wide{grid-column:1/-1}
  .global-demo-submit{width:100%;min-height:42px;margin-top:10px;padding:10px 15px}
  .global-demo-note{margin:7px 0 0;text-align:center;color:#717b69;font-size:9px;line-height:1.35}
}

@media(max-width:600px){
  .hero-demo-card.is-mobile-open{padding:20px 14px 14px}
  .hero-demo-card.is-mobile-open .always-open fieldset{padding:12px}
  .hero-demo-card.is-mobile-open .always-open .form-footer{flex-direction:column;align-items:stretch}
  .hero-demo-card.is-mobile-open .always-open .form-footer .btn{width:100%}
}

@media(max-width:350px){
  .hero-demo-card.is-mobile-open .form-grid,
  .global-demo-grid{grid-template-columns:1fr}
  .global-demo-wide{grid-column:auto}
}

@keyframes mobile-demo-enter{
  from{opacity:0;transform:translateY(12px) scale(.965)}
  to{opacity:1;transform:none}
}

@media(prefers-reduced-motion:reduce){
  .hero-demo-card.is-mobile-open{animation:none}
  .global-demo-modal{transition:none}
}

/* The source wordmark has a pale canvas; blend it at the image layer so the
   translucent header remains continuous around the black Zeel artwork. */
.site-header .brand,
.site-header .brand .wordmark{background:transparent}
.site-header .brand .wordmark image{mix-blend-mode:multiply}

/* Homepage-only dark-theme experiment. */
.home-dark-preview .site-header{
  border-bottom-color:rgba(255,255,255,.1);
  background:rgba(17,20,15,.88);
  color:#f5f8ef;
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
}
.home-dark-preview .site-header .brand .wordmark{
  filter:invert(1);
  mix-blend-mode:screen;
}
.home-dark-preview .site-header .brand .wordmark image{mix-blend-mode:screen}
.home-dark-preview .site-header nav>a,
.home-dark-preview .site-header .nav-label>a,
.home-dark-preview .site-header .drop-toggle,
.home-dark-preview #menu-toggle{color:#f5f8ef}
.home-dark-preview .site-header .header-tools select{
  border-color:rgba(255,255,255,.22);
  background:#20251d;
  color:#f5f8ef;
}
.theme-preview-toggle{
  position:relative;
  width:42px;
  height:42px;
  flex:0 0 42px;
  overflow:hidden;
  border:1px solid #11140f;
  border-radius:50%;
  background:#11140f;
  color:#c9fb35;
  cursor:pointer;
  transition:background .25s ease,border-color .25s ease,color .25s ease,transform .25s ease;
}
.theme-preview-toggle:hover{transform:rotate(8deg) scale(1.04)}
.theme-preview-toggle:focus-visible{outline:3px solid #c9fb35;outline-offset:3px}
.theme-preview-toggle span{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  font-size:20px;
  line-height:1;
  transition:opacity .22s ease,transform .32s cubic-bezier(.22,1,.36,1);
}
.theme-preview-toggle .theme-sun{opacity:0;transform:rotate(-45deg) scale(.55)}
.theme-preview-toggle .theme-moon{
  opacity:1;
  transform:none;
  color:#fff;
  font-size:0;
}
.theme-preview-toggle .theme-moon::before{
  content:'';
  position:absolute;
  left:calc(50% + 2px);
  top:calc(50% + 1px);
  width:18px;
  height:18px;
  border-radius:50%;
  background:#fff;
  transform:translate(-50%,-50%);
}
.theme-preview-toggle .theme-moon::after{
  content:'';
  position:absolute;
  left:calc(50% + 6.5px);
  top:calc(50% - 1.5px);
  width:17px;
  height:17px;
  border-radius:50%;
  background:#11140f;
  transform:translate(-50%,-50%);
}
.home-dark-preview .theme-preview-toggle{
  border-color:rgba(255,255,255,.22);
  background:#20251d;
  color:#ffd34d;
}
.home-dark-preview .theme-preview-toggle .theme-sun{opacity:1;transform:none}
.home-dark-preview .theme-preview-toggle .theme-moon{opacity:0;transform:rotate(45deg) scale(.55)}
.home-dark-preview .site-header .dropdown{
  border-color:#394233;
  background:#20251d;
  color:#f5f8ef;
  box-shadow:0 24px 50px rgba(0,0,0,.34);
}
.home-dark-preview .site-header .dropdown a{color:#dbe4d3}
.home-dark-preview .site-header .dropdown a:hover{background:#2b3326;color:#c9fb35}
.home-dark-preview .hero{
  color:#f5f8ef;
  background:#11140f;
}
.home-dark-preview .hero::before{
  opacity:.55;
  background-image:linear-gradient(rgba(201,251,53,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(201,251,53,.075) 1px,transparent 1px);
}
.home-dark-preview .hero::after{
  opacity:.5;
  background:linear-gradient(135deg,rgba(201,251,53,.22),rgba(69,91,17,.12) 58%,transparent 82%);
}
.home-dark-preview .hero .hero-stage{
  border-color:#3a4334;
  background:#171b14;
  box-shadow:0 34px 90px rgba(0,0,0,.45);
}
.home-dark-preview .hero .hero-pitch{background:linear-gradient(145deg,#191e16,#11140f)}
.home-dark-preview .hero h1{color:#fff}
.home-dark-preview .hero .hero-typewriter{--type-color:#f5f8ef}
.home-dark-preview .hero-kicker{color:#bde87d}
.home-dark-preview .hero .hero-copy{color:#d4dccd}
.home-dark-preview .hero-live-card{
  border-color:#3b4535;
  background:linear-gradient(145deg,#242a20,#181c16);
  box-shadow:0 18px 44px rgba(0,0,0,.28);
}
.home-dark-preview .hero-live-top small,
.home-dark-preview .hero-live-event small,
.home-dark-preview .hero-live-event p{color:#9fac98}
.home-dark-preview .hero-live-top b,
.home-dark-preview .hero-live-event strong{color:#eef4e9}
.home-dark-preview .hero-live-rail span{border-color:#46513f;background:#1a1f17;color:#bdc8b5}
.home-dark-preview .hero-live-event{border-color:#394333;background:#1e241b}
.home-dark-preview .hero-live-mark{color:#11140f}
.home-dark-preview .hero-live-status{background:#303b29;color:#dce7d3}
.home-dark-preview .hero-demo-card{
  border-color:#3a4334;
  background:linear-gradient(145deg,#29351c,#1b2117 55%,#151914);
}
.home-dark-preview .hero-demo-heading>span{color:#c9fb35}
.home-dark-preview .hero-demo-heading h2{color:#fff}
.home-dark-preview .hero-demo-heading p,
.home-dark-preview .hero .form-note{color:#b6c0ae}
.home-dark-preview .hero .email-row,
.home-dark-preview .hero .always-open fieldset{
  border-color:#4a5542;
  background:#20261c;
  box-shadow:none;
}
.home-dark-preview .hero .email-label input,
.home-dark-preview .hero .form-grid input,
.home-dark-preview .hero .form-grid select{
  border-color:#4a5542;
  background:#151914;
  color:#f5f8ef;
}
.home-dark-preview .hero .email-label input::placeholder,
.home-dark-preview .hero .form-grid input::placeholder{color:#899582}
.home-dark-preview .hero .always-open legend,
.home-dark-preview .hero .form-grid label{color:#edf3e8}
.home-dark-preview .hero .form-footer p{color:#9faa98}
.home-dark-preview .hero .form-footer .btn{background:#c9fb35;color:#11140f}

@media(max-width:760px){
  .home-dark-preview .site-header nav{background:#171b14;color:#f5f8ef}
  .home-dark-preview .site-header .dropdown{background:#22281e}
}

/* Transparent hero portrait stack for both light and dark themes. */
.people-strip{
  width:auto;
  height:1.54em;
  object-fit:contain;
}
@media(max-width:760px){
  .people-strip{width:auto;height:1.34em}
}

/* Full-site theme system. The existing class is retained for backward
   compatibility with the homepage experiment and now themes every page. */
body.home-dark-preview{
  --ink:#f4f7f0;
  --muted:#aeb8a7;
  --line:#384233;
  color:#f4f7f0;
  background:#11140f;
}
.home-dark-preview .lime{color:#11140f}
.software-top,
.software-top *,
.screen-action{
  color:#11140f;
}
.mobile-checkin>strong,
.mobile-checkin .mobile-status,
.mobile-checkin .mobile-status *{
  color:#11140f;
}
.home-footer-offices{display:none}

/* Keep the black mascot silhouette legible on dark surfaces without adding
   a visible box or disc behind the transparent artwork. */
.zeel-mascot{
  transition:filter .28s ease,background .28s ease;
}
.home-dark-preview .zeel-mascot{
  mix-blend-mode:normal;
  background:radial-gradient(circle at 50% 53%,rgba(201,251,53,.18),rgba(238,244,233,.055) 44%,transparent 71%);
  filter:drop-shadow(0 0 1.5px rgba(238,244,233,.72)) drop-shadow(0 12px 22px rgba(154,205,31,.24));
}
.home-dark-preview main,
.home-dark-preview .section,
.home-dark-preview .page-hero,
.home-dark-preview .tour-section,
.home-dark-preview .hr-section,
.home-dark-preview .mobile-section,
.home-dark-preview .ai-section,
.home-dark-preview .module-library,
.home-dark-preview .region-section,
.home-dark-preview .resource-bottom,
.home-dark-preview .purpose-section,
.home-dark-preview .faq-section,
.home-dark-preview .contact-section,
.home-dark-preview .article-page,
.home-dark-preview .thank-you{
  color:#f4f7f0;
  background:#11140f;
}
.home-dark-preview .page-hero{
  background:radial-gradient(ellipse at 50% 110%,rgba(201,251,53,.14),transparent 65%),#11140f;
}
.home-dark-preview .resources-hero{
  background:radial-gradient(ellipse at 50% 110%,rgba(209,174,255,.13),transparent 66%),#11140f;
}
.home-dark-preview .section-heading p:not(.eyebrow),
.home-dark-preview .page-lead,
.home-dark-preview .small-copy,
.home-dark-preview .suite-detail p,
.home-dark-preview .suite-detail ul,
.home-dark-preview .hr-detail p,
.home-dark-preview .hr-detail ul,
.home-dark-preview .module-card p,
.home-dark-preview .module-intro p,
.home-dark-preview .module-features .check-list,
.home-dark-preview .pricing-card p,
.home-dark-preview .pricing-card .check-list,
.home-dark-preview .resource-card p,
.home-dark-preview .featured-guide p,
.home-dark-preview .article-lead,
.home-dark-preview .article-page section p,
.home-dark-preview .article-page aside p,
.home-dark-preview .faq-answer p,
.home-dark-preview .form-note,
.home-dark-preview .ui-note{
  color:#aeb8a7;
}
.home-dark-preview .eyebrow,
.home-dark-preview .text-link,
.home-dark-preview .back-modules{color:#bfe878}
.home-dark-preview .product-card,
.home-dark-preview .hr-detail,
.home-dark-preview .module-card,
.home-dark-preview .module-features,
.home-dark-preview .pricing-card,
.home-dark-preview .purpose-card,
.home-dark-preview .resource-card,
.home-dark-preview .featured-guide,
.home-dark-preview .contact-office-grid .office,
.home-dark-preview .region-section .pricing-grid article,
.home-dark-preview .product-mini,
.home-dark-preview .payroll-region,
.home-dark-preview .workflow-preview,
.home-dark-preview .faq-list details,
.home-dark-preview .article-page aside{
  color:#f4f7f0;
  border-color:#394333;
  background:#181d16;
  box-shadow:none;
}
.home-dark-preview .product-card.hr,
.home-dark-preview .hr-teaser,
.home-dark-preview .custom-section,
.home-dark-preview .guide-art{
  color:#11140f;
  background:var(--lime);
}
.home-dark-preview .product-card.hr p,
.home-dark-preview .hr-teaser p,
.home-dark-preview .custom-section p,
.home-dark-preview .custom-section .check-list{color:#40501f}
.home-dark-preview .pricing-card.tailored,
.home-dark-preview .dark-section,
.home-dark-preview .reach-section{background:#0c0f0b;color:#f4f7f0}
.home-dark-preview .product-card:not(.hr):hover,
.home-dark-preview .module-card:hover,
.home-dark-preview .module-card:focus-visible,
.home-dark-preview .purpose-card:hover,
.home-dark-preview .purpose-card:focus-visible,
.home-dark-preview .resource-card:hover{
  color:#f7faF3;
  border-color:#728c50;
  background:#222a1d;
}
.home-dark-preview .purpose-card:after,
.home-dark-preview .module-arrow{color:#a9d85f}
.home-dark-preview .software-frame{
  border-color:#050704;
  background:#171c15;
  box-shadow:0 28px 62px rgba(0,0,0,.42);
}
.home-dark-preview .software-body,
.home-dark-preview #software-panel,
.home-dark-preview .software-sidebar,
.home-dark-preview .screen-stat,
.home-dark-preview .ui-box,
.home-dark-preview .kanban-column,
.home-dark-preview .task-card,
.home-dark-preview .pipeline-mini>div,
.home-dark-preview .workflow-step,
.home-dark-preview .payroll-checklist div,
.home-dark-preview .mobile-ui{
  color:#eef4e9;
  border-color:#384333;
  background:#1a2017;
}
.home-dark-preview .software-sidebar>span,
.home-dark-preview .workspace-name,
.home-dark-preview .screen-heading p,
.home-dark-preview .screen-stat span,
.home-dark-preview .ui-toolbar,
.home-dark-preview .ui-table td,
.home-dark-preview .task-card p,
.home-dark-preview .task-meta,
.home-dark-preview .product-mini small,
.home-dark-preview .deal-row>span,
.home-dark-preview .workflow-step span,
.home-dark-preview .mobile-greeting,
.home-dark-preview .mobile-request span{color:#9eaa96}
.home-dark-preview .ui-table th,
.home-dark-preview .ui-search,
.home-dark-preview .software-sidebar .side-current{
  color:#c5d2ba;
  border-color:#364130;
  background:#242c20;
}
.home-dark-preview .ui-table td,
.home-dark-preview .ui-row,
.home-dark-preview .deal-row{border-color:#35402f}
.home-dark-preview .ui-table td:first-child,
.home-dark-preview .screen-heading h3,
.home-dark-preview .ui-row strong{color:#f1f6ed}
.home-dark-preview .preview-tabs button,
.home-dark-preview .country-btn,
.home-dark-preview .resource-tabs a,
.home-dark-preview .global-market-list span{
  color:#d7e0d1;
  border-color:#3f4a39;
  background:#1b2118;
}
.home-dark-preview .preview-tabs button[aria-selected=true],
.home-dark-preview .country-btn[aria-pressed=true]{color:#11140f;border-color:var(--lime);background:var(--lime)}
.home-dark-preview .faq-list summary:hover{background:#222a1e}
.home-dark-preview .faq-list summary>span{color:#c9fb35;background:#2a3423}
.home-dark-preview .outline{color:#eef4e9;border-color:#56624f}
.home-dark-preview .outline:hover{background:#273021}
.home-dark-preview input,
.home-dark-preview select,
.home-dark-preview textarea,
.home-dark-preview .email-row,
.home-dark-preview .demo-form fieldset,
.home-dark-preview .global-demo-form,
.home-dark-preview .global-demo-grid select{
  color:#f4f7f0;
  border-color:#46513f;
  background:#181d16;
}
.home-dark-preview input::placeholder,
.home-dark-preview textarea::placeholder{color:#899582}
.home-dark-preview .global-demo-modal,
.home-dark-preview .mobile-demo-backdrop{color:#f4f7f0}
.home-dark-preview .global-demo-shell,
.home-dark-preview .hero-demo-card.is-mobile-open{
  color:#f4f7f0;
  border-color:#46513f;
  background-color:#171c15;
  background-image:linear-gradient(to right,rgba(201,251,53,.055) 1px,transparent 1px),linear-gradient(to bottom,rgba(201,251,53,.055) 1px,transparent 1px),linear-gradient(145deg,rgba(201,251,53,.1),transparent 45%);
}
.home-dark-preview .global-demo-heading h2,
.home-dark-preview .global-demo-grid label{color:#f4f7f0}
.home-dark-preview .global-demo-heading p,
.home-dark-preview .global-demo-note{color:#9fac98}
.home-dark-preview .mobile-demo-close{border-color:#4b5644;background:#252d21}
.home-dark-preview .mobile-demo-close i{background:#f4f7f0}
.home-dark-preview .contact-office-grid .office:nth-child(2){border-color:#4b4056;background:#211b27}
.home-dark-preview .resource-card:nth-child(2){border-color:#514b2d;background:#242116}
.home-dark-preview .resource-card:nth-child(3){border-color:#304c50;background:#162326}
.home-dark-preview .resource-tabs a:hover{color:#11140f;background:#ebccff}
.home-dark-preview .article-page aside{background:#1d2916}
.home-dark-preview .article-page aside .dark{background:var(--lime);color:#11140f}
.home-dark-preview .hero-metrics,
.home-dark-preview .hero-metrics b{color:#d3ddcc}
.home-dark-preview .hero-wordmark .wordmark,
.home-dark-preview .mobile-brand .wordmark{filter:invert(1);mix-blend-mode:screen}
.home-dark-preview .site-footer{background:#090b08}
.home-dark-preview.error-page,
.home-dark-preview .error-main{
  color:#f4f7f0;
  background:#11140f;
}
.home-dark-preview .error-main::before{
  opacity:.55;
  background-image:linear-gradient(rgba(201,251,53,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(201,251,53,.07) 1px,transparent 1px);
}
.home-dark-preview .error-hero{
  color:#f4f7f0;
  border-color:#3d4737;
  background:rgba(24,29,22,.94);
  box-shadow:0 28px 80px rgba(0,0,0,.34);
}
.home-dark-preview .error-hero>p:not(.eyebrow),
.home-dark-preview .error-signal{color:#aeb8a7}
.home-dark-preview .error-code{color:rgba(201,251,53,.08)}
.home-dark-preview .error-actions .dark{background:var(--lime);color:#11140f}
.home-dark-preview ::-webkit-scrollbar-track{background:#11140f}
.home-dark-preview ::-webkit-scrollbar-thumb{background:#607d2d}

@media(max-width:760px){
  body::before{
    content:'';
    position:fixed;
    inset:0;
    z-index:80;
    pointer-events:none;
    opacity:0;
    background:radial-gradient(circle at 50% 8%,rgba(201,251,53,.07),rgba(8,11,7,.55) 45%,rgba(3,5,3,.78) 100%);
    -webkit-backdrop-filter:blur(6px) saturate(82%);
    backdrop-filter:blur(6px) saturate(82%);
    transition:opacity .24s ease;
  }
  body:has(#nav.open){overflow:hidden}
  body:has(#nav.open)::before{
    pointer-events:auto;
    opacity:1;
  }
  .home-dark-preview .site-header nav{
    border-color:#394333;
    background:rgba(20,25,18,.98);
  }
  .home-dark-preview .site-header .dropdown{background:#20271c}
  body.home-dark-preview .site-header,
  body.home-dark-preview .site-header.is-scrolled{
    border-bottom-color:rgba(255,255,255,.1);
    background:linear-gradient(135deg,rgba(17,20,15,.94),rgba(24,30,20,.9));
    box-shadow:0 12px 30px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.06);
    -webkit-backdrop-filter:blur(9px) saturate(138%);
    backdrop-filter:blur(9px) saturate(138%);
  }
  body.home-dark-preview .site-header:has(#nav.open){
    border-bottom-color:#394333;
    background:#11140f;
    box-shadow:none;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }
  body.home-dark-preview .site-header nav.open{
    border-bottom-color:#394333;
    background:#11140f;
    box-shadow:0 22px 36px rgba(0,0,0,.32);
  }
  body.home-dark-preview #menu-toggle[aria-expanded="true"]{
    background-color:#252d21;
  }
}

@media(max-width:760px) and (prefers-reduced-motion:reduce){
  body::before{transition:none}
}

/* Dark page heroes need a brighter CTA hierarchy than their light variants. */
.home-dark-preview .page-hero .hero-actions .btn.dark{
  color:#11140f;
  border-color:var(--lime);
  background:var(--lime);
  box-shadow:0 10px 30px rgba(201,251,53,.16);
}
.home-dark-preview .page-hero .hero-actions .btn.dark:hover,
.home-dark-preview .page-hero .hero-actions .btn.dark:focus-visible{
  color:#11140f;
  border-color:#d6ff5c;
  background:#d6ff5c;
  box-shadow:0 12px 34px rgba(201,251,53,.24);
}
.home-dark-preview .page-hero .hero-actions .btn.outline{
  color:#f4f7f0;
  border-color:rgba(244,247,240,.48);
  background:rgba(255,255,255,.035);
}
.home-dark-preview .page-hero .hero-actions .btn.outline:hover,
.home-dark-preview .page-hero .hero-actions .btn.outline:focus-visible{
  color:#fff;
  border-color:rgba(201,251,53,.72);
  background:rgba(201,251,53,.09);
}

/* Preserve the product-colour signal while the live story changes in dark mode. */
.home-dark-preview .hero-live-rail>span.is-active{
  color:var(--live-color);
  border-color:var(--live-color);
  background:#1a1f17;
  box-shadow:0 5px 14px rgba(0,0,0,.24);
}

/* Pastel AI capsules retain dark ink for accessible contrast in both themes. */
.home-dark-preview .ai-orbit span{color:#11140f}

/* Keep the compact 404 header inside narrow phone viewports. */
@media(max-width:600px){
  .error-page .site-header .header-tools select{display:none}
  .error-page .site-header .header-tools{margin-left:auto}
  .error-page .site-header .header-inner>.btn{margin-left:0}
}

/* Touch-size layouts should never inherit the desktop pointer halo. */
@media(max-width:900px){.cursor-halo{display:none}}

/* Keep the narrow-tablet header useful without letting its controls collide. */
@media(min-width:761px) and (max-width:800px){.site-header #currency-select{display:none}}

/* The rotated AI orbit must stay decorative, never widen the page. */
.ai-section{overflow:clip}

/* Browser-independent select menus. The native controls remain in the form for submission. */
.select-shell{position:relative;display:block;width:100%;min-width:0}
.select-native{position:absolute!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;opacity:0!important;pointer-events:none!important}
.select-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-width:0;border:1px solid #d8dfd0;border-radius:10px;background:#fff;color:#11140f;text-align:left;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.select-trigger:focus-visible,.select-shell.is-open .select-trigger{outline:0;border-color:#92c500;box-shadow:0 0 0 3px rgba(179,231,26,.16)}
.select-trigger[aria-invalid="true"]{border-color:#bc3149}
.select-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.select-chevron{width:8px;height:8px;flex:0 0 8px;border-right:1.7px solid currentColor;border-bottom:1.7px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s ease}
.select-shell.is-open .select-chevron{transform:translateY(2px) rotate(225deg)}
.select-menu{position:absolute;z-index:140;top:calc(100% + 7px);left:0;display:none;width:max-content;min-width:100%;max-width:min(310px,85vw);max-height:250px;padding:7px;overflow:auto;border:1px solid #d8dfd0;border-radius:14px;background:rgba(255,255,255,.98);box-shadow:0 18px 48px rgba(27,38,19,.18);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.select-shell.is-open .select-menu{display:grid;gap:3px}
.select-option{display:flex;width:100%;padding:10px 12px;border:0;border-radius:9px;color:#34402d;text-align:left;font-size:12px;font-weight:600;line-height:1.35;white-space:nowrap}
.select-option:hover,.select-option:focus-visible{outline:0;background:#edf7da;color:#182d0e}
.select-option[aria-selected="true"]{background:#d1feb8;color:#182d0e}
.select-option:disabled{display:none}
.form-grid .select-trigger{min-height:43px;padding:11px 9px;font-size:13px;font-weight:400}
.global-demo-grid .select-trigger{min-height:38px;padding:8px 10px;font-size:12px;font-weight:600}
.header-tools .select-shell{width:128px;flex:0 0 auto}
.header-tools .select-trigger{height:38px;padding:8px 10px;border-radius:100px;font-size:13px;font-weight:600}
.header-tools .select-menu{right:0;left:auto}
.home-dark-preview .select-trigger{border-color:#485442;background:#151a13;color:#f3f6ef}
.home-dark-preview .select-menu{border-color:#485442;background:rgba(25,31,22,.98);box-shadow:0 20px 50px rgba(0,0,0,.34)}
.home-dark-preview .select-option{color:#d9e1d3}
.home-dark-preview .select-option:hover,.home-dark-preview .select-option:focus-visible{background:#303b29;color:#fff}
.home-dark-preview .select-option[aria-selected="true"]{background:var(--lime);color:#11140f}
@media(max-width:1100px){.header-tools .select-shell{width:92px}.header-tools .select-trigger{padding-inline:7px;font-size:11px}}
@media(min-width:761px) and (max-width:800px){.site-header #currency-select+.select-trigger,.site-header #currency-select~.select-menu{display:none}.site-header #currency-select{display:none}.site-header #currency-select:has(+.select-trigger){display:none}.site-header .select-shell:has(#currency-select){display:none}}
@media(max-width:760px){.header-tools .select-shell{width:auto;flex:1}.header-tools .select-trigger{padding:10px;font-size:13px}.header-tools .select-menu{position:static;width:100%;max-width:none;margin-top:5px}.error-page .header-tools .select-shell{display:none}}

/* Never let the compact demo form fall back to a white fieldset in dark mode. */
.home-dark-preview .hero-demo-card.is-mobile-open .always-open fieldset{
  color:#f4f7f0;
  border-color:#46513f;
  background:#181d16;
  box-shadow:none;
}