@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin-slow{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}ul{box-sizing:border-box;list-style:none}:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px;--color-primary:#0d6efd;--color-primary-hover:#0b5ed7;--color-primary-light:#e7f1ff;--color-accent:#0d6efd;--color-bg:#f4f5fb;--color-surface:#ffffff;--color-border:#e5e7eb;--color-text-heading:#111827;--color-text-body:#6b7280;--color-text-muted:#08101c;--color-up:#10b981;--color-down:#ef4444;--color-dept-engineering:#0d6efd;--color-dept-marketing:#6ea8fe;--color-dept-sales:#9ec5fe;--color-dept-hr:#cfe2ff;--color-kpi-blue-bg:#eff6ff;--color-kpi-blue-fg:#3b82f6;--color-kpi-purple-bg:#f5f3ff;--color-kpi-purple-fg:#7c3aed;--color-kpi-orange-bg:#fff7ed;--color-kpi-orange-fg:#f97316;--color-kpi-teal-bg:#f0fdfa;--color-kpi-teal-fg:#14b8a6;--color-audience-bg:#f8fbff;--color-audience-soft:#f1f3ff;--color-audience-purple-soft:#eee8ff;--color-audience-success-soft:#e5f7ee;--color-audience-device:#27324d;--color-audience-device-soft:#8b96ff;--color-audience-telegram:#27a8e8;--font-family:"Inter", sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.8125rem;--font-size-base:0.9375rem;--font-size-md:0.9375rem;--font-size-lg:1rem;--font-size-xl:1.125rem;--font-size-2xl:1.375rem;--font-size-section-mobile:2rem;--font-size-section-mobile-sm:1.875rem;--font-size-hero-sm:2.5rem;--font-size-hero:3.25rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-18:6rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);--shadow-md:0 4px 16px rgba(0, 0, 0, 0.08);--shadow-lg:0 8px 40px rgba(13, 110, 253, 0.12);--shadow-card:0 2px 8px rgba(0, 0, 0, 0.06);--navbar-height:82px;--navbar-top-gap:0px;--content-max-w:1152px;--transition-fast:150ms ease;--transition-base:250ms ease}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{font-size:14.4px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text-body);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer;border:0;background:0 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.625rem var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:600;line-height:1.4;transition:background-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);white-space:nowrap}.btn:active{transform:translateY(1px)}.btn--primary{background-color:var(--color-primary);color:#fff;box-shadow:0 4px 12px rgb(13 110 253/.3)}.btn--primary:hover{background-color:var(--color-primary-hover);box-shadow:0 6px 16px rgb(13 110 253/.4)}.btn--ghost{background-color:#fff0;color:var(--color-text-heading);border:1.5px solid var(--color-border)}.btn--ghost:hover{border-color:var(--color-primary);color:var(--color-primary)}.btn--lg{padding:.75rem var(--space-6);font-size:var(--font-size-md);border-radius:var(--radius-lg)}.btn__play-icon{flex-shrink:0}.navbar{position:fixed;top:var(--navbar-top-gap);left:0;width:100%;z-index:1000;height:var(--navbar-height);background-color:#fff0;transition:background-color .4s ease,box-shadow .4s ease,border-color .4s ease;border-bottom:1px solid #fff0}.navbar__container{max-width:var(--content-max-w);height:100%;margin:0 auto;padding:0 var(--space-8);display:flex;align-items:center;gap:var(--space-8)}.navbar__logo{display:flex;align-items:center;flex-shrink:0}.navbar__logo-img{height:28px;width:auto;display:block}.navbar__link,.navbar__nav{align-items:center;gap:var(--space-1)}.navbar__nav{display:flex;margin-left:var(--space-6)}.navbar__link{display:inline-flex;padding:var(--space-2) var(--space-3);font-size:var(--font-size-md);font-weight:500;color:var(--color-text-heading);border-radius:var(--radius-sm);position:relative;transition:color var(--transition-fast),background-color var(--transition-fast)}.navbar__link:hover{background-color:var(--color-primary-light)}.navbar__link--active{color:var(--color-primary);background-color:rgb(13 110 253/.08)}.navbar__actions{display:flex;align-items:center;gap:var(--space-4);margin-left:auto}.navbar__signin{font-size:var(--font-size-md);font-weight:500;color:var(--color-text-heading);transition:color var(--transition-fast)}.navbar__link:hover,.navbar__signin:hover{color:var(--color-primary)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:var(--space-12) var(--space-8);overflow:hidden;background:linear-gradient(135deg,#f4f5fb 0,#eef5ff 50%,#f4f5fb 100%)}.hero::after,.hero::before{content:"";position:absolute;z-index:-1;pointer-events:none}.hero::before{top:0;left:-10%;width:600px;height:600px;background:radial-gradient(circle,rgb(13 110 253/.06)0,transparent 70%);filter:blur(80px)}.hero::after{bottom:-10%;right:-5%;width:500px;height:500px;background:radial-gradient(circle,rgb(13 110 253/.08)0,transparent 70%);filter:blur(100px)}.hero__container{max-width:var(--content-max-w);margin:0 auto;width:100%;display:grid;grid-template-columns:1fr 1.15fr;gap:var(--space-16);align-items:center}.hero__content{display:flex;flex-direction:column;gap:var(--space-6)}.hero__badge{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-4);background-color:var(--color-primary-light);color:var(--color-primary);font-size:var(--font-size-sm);font-weight:600;border-radius:var(--radius-full);width:fit-content}.hero__headline{font-size:clamp(2.2rem,4vw,3rem);font-weight:900;line-height:1.08;letter-spacing:-.03em;color:var(--color-text-heading)}.hero__headline--accent{color:var(--color-primary);position:relative;display:inline-block}.hero__underline{position:absolute;bottom:-4px;left:0;width:100%;height:auto;pointer-events:none}.hero__description{font-size:var(--font-size-lg);color:var(--color-text-body);line-height:1.7}.hero__actions{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.hero__features{display:grid;grid-template-columns:repeat(2,auto);justify-content:start;gap:var(--space-3);padding-top:var(--space-4)}.hero__feature{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background-color:#f8faff;border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:0 4px 12px rgb(0 0 0/.03);transition:all var(--transition-base)}.hero__feature:hover{background-color:#fff;border-color:var(--color-primary-light);box-shadow:0 12px 24px rgb(0 0 0/.06);transform:translateY(-5px)}.hero__feature:hover .hero__feature-icon{transform:scale(1.1)}.hero__feature-icon{flex-shrink:0;margin-top:2px;transition:transform var(--transition-fast)}.hero__feature-title{font-size:var(--font-size-base);font-weight:700;color:var(--color-text-heading);margin-bottom:var(--space-1)}.hero__feature-desc{font-size:var(--font-size-xs);color:var(--color-text-body);line-height:1.6}.hero__dashboard-wrapper{position:relative;border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);background-color:var(--color-surface);z-index:1}.hero__dashboard-img{display:block;border-radius:var(--radius-2xl);transition:transform var(--transition-base),box-shadow var(--transition-base)}.hero__dashboard-img--primary{width:100%;height:auto;transform:translate(30px,-30px)}.hero__dashboard-img--secondary{position:absolute;width:60%;height:auto;bottom:-40px;right:-5%;box-shadow:0 20px 50px rgb(0 0 0/.15);border:6px solid var(--color-surface);z-index:3}.hero__dashboard-wrapper:hover .hero__dashboard-img--primary{transform:translate(35px,-40px) scale(1.02)}.hero__dashboard-wrapper:hover .hero__dashboard-img--secondary{transform:scale(1.05) translateY(-10px)}.floating-card{position:absolute;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:rgb(255 255 255/.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgb(255 255 255/.5);border-radius:var(--radius-lg);box-shadow:0 10px 25px rgb(0 0 0/.1);z-index:2;animation:float 4s ease-in-out infinite}.floating-card--top-left{top:-40px;left:-30px}.floating-card--top-left .floating-card__icon{background-color:var(--color-primary-light);color:var(--color-primary)}.floating-card--bottom-right{bottom:0;left:-40px;animation-delay:2s}.floating-card--bottom-right .floating-card__icon{background-color:var(--color-kpi-orange-bg);color:var(--color-kpi-orange-fg)}.floating-card__icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.floating-card__label{font-size:.7rem;font-weight:600;color:var(--color-text-body);margin-bottom:1px}.floating-card__value{font-size:1rem;font-weight:800;color:var(--color-text-heading)}.floating-donut,.floating-donut__content{display:flex;flex-direction:column;align-items:center}.floating-donut{position:absolute;top:85%;right:30%;z-index:4;background:rgb(255 255 255/.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:var(--space-3);border-radius:var(--radius-xl);border:1px solid rgb(255 255 255/.5);box-shadow:0 15px 35px rgb(0 0 0/.1);gap:var(--space-2);animation:float 6s ease-in-out infinite;animation-delay:1s}.floating-donut__content{text-align:center}.floating-donut__value{font-size:.9rem;font-weight:800;color:var(--color-text-heading);line-height:1}.floating-donut__label{font-size:.65rem;color:var(--color-text-muted);letter-spacing:.05em;margin-top:2px}.hero__dashboard-wrapper::before{content:"";position:absolute;top:-15%;right:-15%;width:100%;height:100%;background:radial-gradient(circle,rgb(13 110 253/.1)0,transparent 70%);z-index:-1;filter:blur(40px);border-radius:50%}@media (max-width:1024px){.hero__container{grid-template-columns:1fr;text-align:center;gap:var(--space-12)}.hero__dashboard-wrapper{margin-top:40px;max-width:600px;margin-left:auto;margin-right:auto}.hero__dashboard-img--secondary{width:50%;bottom:-20px;left:0}.floating-card,.floating-donut{display:none}.hero__actions,.hero__badge,.hero__content{align-items:center;justify-content:center;margin-left:auto;margin-right:auto}.hero__features{margin-left:auto;margin-right:auto}.navbar__nav{display:none}}.audience{padding:var(--space-16) var(--space-8);background:radial-gradient(circle at 50% 18%,rgb(13 110 253/.08),transparent 31%),linear-gradient(180deg,var(--color-surface) 0%,var(--color-audience-bg) 100%)}.audience__container{max-width:var(--content-max-w);margin:0 auto}.audience__header{max-width:760px;margin:0 auto var(--space-8);text-align:center}.audience__badge,.automation-row em{border-radius:var(--radius-full);color:var(--color-primary);font-weight:800}.audience__badge{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:var(--space-1) var(--space-4);background-color:var(--color-audience-purple-soft);font-size:var(--font-size-sm)}.audience-card__copy h3,.audience__title,.map-label strong{color:var(--color-text-heading);font-weight:800}.audience__title{margin-top:var(--space-4);font-size:var(--font-size-hero-sm);line-height:1.2;letter-spacing:0}.audience__title-accent{position:relative;display:inline-block;color:var(--color-primary)}.audience__underline{position:absolute;left:7%;right:7%;bottom:-10px;width:86%;height:16px;color:var(--color-primary)}.audience__subtitle{max-width:620px;margin:var(--space-3) auto 0;color:var(--color-text-body);font-size:var(--font-size-lg);font-weight:500;line-height:1.65}.audience__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}.audience-card{position:relative;min-height:220px;display:grid;grid-template-columns:minmax(280px,.88fr) minmax(220px,1fr);gap:var(--space-4);padding:var(--space-6);overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-2xl);background-color:var(--color-surface);box-shadow:var(--shadow-sm);transition:transform var(--transition-base),box-shadow var(--transition-base)}.audience-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.audience-card__body{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-5)}.audience-card__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);color:var(--color-primary);background:linear-gradient(135deg,var(--color-primary-light),var(--color-audience-soft))}.audience-card__icon--purple{color:var(--color-kpi-purple-fg);background:linear-gradient(135deg,var(--color-audience-purple-soft),var(--color-primary-light))}.audience-card__icon--green{color:var(--color-up);background:linear-gradient(135deg,var(--color-audience-success-soft),var(--color-kpi-teal-bg))}.audience-card__icon svg,.telegram-mark svg{width:28px;height:28px}.audience-card__copy h3{max-width:340px;font-size:var(--font-size-xl);font-weight:600;line-height:1.35}.audience-card__list{grid-column:1/-1;display:grid;gap:var(--space-2);margin-top:0}.audience-card__list li{position:relative;padding-left:28px;color:var(--color-text-body);font-size:var(--font-size-sm);font-weight:500}.audience-card__list li::before{content:"";position:absolute;left:0;top:.25em;width:16px;height:16px;border-radius:var(--radius-full);background-color:var(--color-primary);box-shadow:0 4px 10px rgb(13 110 253/.24)}.attendance-toast span::before,.audience-card__list li::after{content:"";height:3px;border-left:2px solid var(--color-surface);border-bottom:2px solid var(--color-surface);transform:rotate(-45deg)}.audience-card__list li::after{position:absolute;left:5px;top:.56em;width:5px}.audience-visual{position:relative;min-height:176px}.audience-card--map .audience-visual{margin-left:calc(var(--space-6)*-1)}.audience-map{width:100%;height:100%;min-height:190px}.audience-map__land{fill:var(--color-audience-soft)}.audience-map__line{stroke:var(--color-primary);stroke-width:3;stroke-dasharray:8 8;opacity:.2}.audience-pin{fill:var(--color-primary)}.audience-pin circle{fill:var(--color-surface)}.audience-pin--one{transform:translate(168px,73px)}.audience-pin--two{transform:translate(127px,153px)}.audience-pin--three{transform:translate(282px,168px)}.map-label{position:absolute;min-width:124px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:rgb(255 255 255/.92);box-shadow:var(--shadow-md);backdrop-filter:blur(4px)}.map-label strong{display:block;font-size:.68rem}.map-label--one{top:76px;right:32px}.map-label--two{left:16px;bottom:36px}.map-label--three{right:20px;bottom:4px}.audience-visual--attendance{min-height:190px}.audience-visual--attendance::before{content:"";position:absolute;right:var(--space-4);top:var(--space-4);width:208px;height:208px;border-radius:var(--radius-full);background-color:var(--color-audience-soft)}.finger-device::before,.phone-mockup{position:absolute;background-color:var(--color-surface)}.phone-mockup{left:var(--space-6);top:var(--space-5);width:82px;height:170px;border:3px solid var(--color-audience-device);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.phone-mockup__notch,.telegram-mark{position:absolute;top:-1px;left:26px;width:28px;height:7px;border-radius:0 0 var(--radius-sm) var(--radius-sm);background-color:var(--color-audience-device)}.telegram-mark{top:50px;left:16px;width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);color:var(--color-surface);background-color:var(--color-audience-telegram);box-shadow:0 8px 16px rgb(39 168 232/.3)}.attendance-toast,.finger-device{position:absolute;border-radius:var(--radius-md)}.attendance-toast{left:calc(var(--space-3)*-1);bottom:var(--space-8);width:136px;display:grid;grid-template-columns:18px 1fr;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);background-color:rgb(255 255 255/.94);box-shadow:var(--shadow-md)}.attendance-toast span{width:14px;height:14px;margin-top:2px;border-radius:var(--radius-full);background-color:var(--color-up)}.attendance-toast span::before{display:block;width:6px;margin:5px auto}.attendance-toast strong{display:block;font-size:.58rem;line-height:1.2;font-style:normal}.finger-device{right:10px;bottom:34px;width:90px;height:88px;background:linear-gradient(135deg,var(--color-audience-device-soft),var(--color-primary));box-shadow:0 16px 34px rgb(13 110 253/.22)}.finger-device::before{content:"";left:12px;top:14px;width:36px;height:38px;border-radius:var(--radius-sm)}.finger-device__scan,.finger-device__screen{position:absolute;width:20px;height:30px;border-radius:var(--radius-full)}.finger-device__screen{left:55px;top:15px;border:1px solid rgb(255 255 255/.65)}.finger-device__screen::after,.finger-device__screen::before{content:"";position:absolute;inset:4px;border:1px solid rgb(17 24 39/.45);border-radius:var(--radius-full)}.finger-device__screen::after{inset:8px}.finger-device__scan{right:14px;bottom:12px;border:3px solid rgb(255 255 255/.68)}.finger-device__keys{position:absolute;left:13px;bottom:15px;display:grid;grid-template-columns:repeat(3,8px);gap:5px}.finger-device__keys i{width:8px;height:5px;border-radius:var(--radius-full);background-color:rgb(255 255 255/.72)}.audience-visual--automation,.audience-visual--dashboard{display:flex;align-items:center;justify-content:center}.automation-panel{width:min(100%,188px);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:linear-gradient(180deg,var(--color-audience-soft),var(--color-surface));box-shadow:var(--shadow-sm)}.attendance-toast strong,.automation-panel h3,.automation-row span{color:var(--color-text-heading);font-weight:800}.automation-panel h3{margin-bottom:var(--space-3);font-size:.72rem}.automation-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-height:38px;padding:0 var(--space-2);border-radius:var(--radius-sm);background-color:var(--color-surface);box-shadow:var(--shadow-sm)}.automation-row+.automation-row{margin-top:var(--space-2)}.automation-row span{font-size:.62rem}.automation-row em{padding:2px var(--space-2);background-color:var(--color-primary-light);font-size:.54rem;font-style:normal}.automation-row:first-of-type em,.automation-row:last-of-type em{color:var(--color-up);background-color:var(--color-audience-success-soft)}.dashboard-panel{width:min(100%,232px);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-surface);box-shadow:var(--shadow-sm);position:relative}.dashboard-panel__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.dashboard-mini-list__head strong,.dashboard-panel__header strong{color:var(--color-text-heading);font-size:.65rem;font-weight:800}.dashboard-panel__header span{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background-color:var(--color-bg);color:var(--color-text-body);font-size:.56rem;font-weight:700;white-space:nowrap}.dashboard-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);margin-bottom:var(--space-3)}.stat-box{min-height:56px;padding:var(--space-2);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;justify-content:center}.stat-box__label{font-size:.58rem;font-weight:700;color:var(--color-text-muted);line-height:1.3}.stat-box__value{margin-top:var(--space-1);font-size:var(--font-size-base);font-weight:900;color:var(--color-text-heading);line-height:1}.dashboard-mini-list{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg)}.dashboard-mini-list__head{padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.dashboard-mini-list__head strong{font-size:.58rem}.dashboard-mini-list__head span,.mini-row b{color:var(--color-up);font-size:.5rem;font-weight:800}.dashboard-mini-list__head,.mini-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.mini-row span{font-size:.62rem;font-weight:600;color:var(--color-text-body)}.mini-row b{font-size:.65rem;color:var(--color-text-heading)}@media (max-width:1180px){.audience-card{grid-template-columns:1fr}.audience-card__body{grid-template-columns:56px 1fr}.audience-visual{min-height:190px}}@media (max-width:900px){.audience{padding-left:var(--space-4);padding-right:var(--space-4)}.audience__grid{grid-template-columns:1fr}}@media (max-width:560px){.audience-card{padding:var(--space-5)}.audience-card__body{grid-template-columns:1fr;gap:var(--space-4)}.audience-card__list{margin-top:var(--space-5)}.audience-card--map .audience-visual{margin-left:0}}:root{--color-service-blob:#f0f4ff;--color-service-icon-bg:#f4f6fd}.services{padding:var(--space-16) var(--space-8);background-color:var(--color-surface)}.services__container{max-width:var(--content-max-w);margin:0 auto}.services__header{text-align:center;max-width:700px;margin:0 auto var(--space-12);display:flex;flex-direction:column;align-items:center}.services__badge{display:inline-block;padding:var(--space-2) var(--space-5);background-color:var(--color-service-blob);color:var(--color-primary);font-size:var(--font-size-sm);font-weight:700;border-radius:var(--radius-full);margin-bottom:var(--space-5)}.services__title{font-size:var(--font-size-hero-sm);font-weight:800;color:var(--color-text-heading);line-height:1.2;margin-bottom:var(--space-5);letter-spacing:-.02em}.services__title-accent{color:var(--color-primary);position:relative;display:inline-block}.services__underline{position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);width:80%;height:auto;pointer-events:none}.services__subtitle{font-size:var(--font-size-lg);color:var(--color-text-body);line-height:1.6}.services__grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:280px;gap:var(--space-6)}.service-card{position:relative;background-color:var(--color-surface);border-radius:var(--radius-2xl);padding:var(--space-8);overflow:hidden;border:1px solid var(--color-border);transition:all var(--transition-base);display:flex;flex-direction:column;box-shadow:0 4px 20px rgb(0 0 0/.02)}.service-card--tall{grid-row:span 2}.service-card--wide{grid-column:span 2}.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:rgb(13 110 253/.2)}.service-card__content{position:relative;z-index:1;display:flex;flex-direction:column;height:100%}.service-card__icon{width:44px;height:44px;background-color:var(--color-primary-light);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-6);color:var(--color-primary)}.service-card__title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-heading);margin-bottom:var(--space-3);letter-spacing:-.02em}.service-card__desc{font-size:var(--font-size-base);color:var(--color-text-body);line-height:1.6;margin-bottom:var(--space-6);max-width:90%}.service-card__blob{position:absolute;top:-40px;right:-40px;width:150px;height:150px;background-color:var(--color-service-blob);border-radius:50%;z-index:0;transition:transform var(--transition-base)}.service-card:hover .service-card__blob{transform:scale(1.1)}@media (max-width:1024px){.services__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.services{padding:var(--space-10) var(--space-4)}.services__title{font-size:var(--font-size-section-mobile)}.services__grid{grid-template-columns:1fr}}.employee-list{display:flex;flex-direction:column;gap:var(--space-6);margin-top:-5px}.employee-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background-color:var(--color-bg);border-radius:var(--radius-md)}.employee-row__avatar{width:32px;height:32px;border-radius:var(--radius-full);background-color:var(--color-primary-light);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--font-size-xs);font-weight:700;color:var(--color-primary)}.employee-row__avatar--orange{background-color:var(--color-kpi-orange-bg);color:var(--color-kpi-orange-fg)}.employee-row__avatar--teal{background-color:var(--color-kpi-teal-bg);color:var(--color-kpi-teal-fg)}.employee-row__info{flex:1;min-width:0}.employee-row__name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-heading);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employee-row__role{font-size:var(--font-size-xs);color:var(--color-text-muted)}.employee-row__badge{font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:var(--radius-full);background-color:var(--color-primary-light);color:var(--color-primary);white-space:nowrap}.employee-row__badge--active{background-color:#d1fae5;color:#059669}.feature-list{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-4)}.feature-list__item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-body)}.feature-list__check{width:18px;height:18px;border-radius:var(--radius-full);background-color:var(--color-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-list__check svg,.fingerspot__check-dot svg{color:#fff}.attendance-visual{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);margin-top:-2px}.attendance-stats{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-4);order:1;min-width:0}.attendance-chip{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background-color:var(--color-bg);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-body);min-width:0}.attendance-chip>div:last-child{min-width:0}.attendance-chip__icon{width:28px;height:28px;border-radius:var(--radius-sm);background-color:var(--color-primary-light);color:var(--color-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.attendance-chip__icon--orange{background-color:var(--color-kpi-orange-bg);color:var(--color-kpi-orange-fg)}.attendance-chip__icon--teal{background-color:var(--color-kpi-teal-bg);color:var(--color-kpi-teal-fg)}.attendance-chip__label,.attendance-chip__sub{display:block;font-size:var(--font-size-xs);line-height:1.35}.attendance-chip__label{flex:1;font-weight:500;color:var(--color-text-heading)}.attendance-chip__sub{margin-top:2px;color:var(--color-text-muted)}.payslip-preview{margin-top:-5px;background-color:var(--color-bg);border-radius:var(--radius-lg);padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-1);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);text-align:center;align-items:center}.payslip-preview__month{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.payslip-preview__amount{font-size:var(--font-size-2xl);font-weight:800;color:var(--color-primary);letter-spacing:-.02em}.shift-list{display:flex;flex-direction:column;gap:var(--space-2);margin-top:5px}.shift-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background-color:var(--color-bg);border-radius:var(--radius-md);border-left:3px solid var(--color-border)}.shift-item--morning{border-left-color:var(--color-primary)}.checkin-method:hover,.shift-item__icon{background-color:var(--color-primary-light)}.shift-item__icon{width:28px;height:28px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-primary)}.shift-item__info{flex:1}.shift-item__name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-heading)}.shift-item__time{font-size:var(--font-size-xs);color:var(--color-text-muted)}.shift-item__tag{font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:var(--radius-full);background-color:#d1fae5;color:#059669}.telegram-mockup{margin-top:0;display:flex;flex-direction:column;gap:var(--space-3)}.telegram-bubble{display:flex;gap:var(--space-3);align-items:flex-start}.telegram-bubble__avatar{width:34px;height:34px;border-radius:var(--radius-full);background:linear-gradient(135deg,#229ed9 0,#1a8bbf 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.telegram-bubble__body{flex:1}.telegram-bubble__card{background-color:var(--color-bg);border-radius:var(--radius-md);padding:var(--space-3);font-size:var(--font-size-xs);color:var(--color-text-body);line-height:1.5}.telegram-bubble__card strong{color:var(--color-text-heading);font-weight:700;display:block;margin-bottom:2px}.checkin-methods{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);margin-top:-5px}.checkin-method,.checkin-method__icon{border-radius:var(--radius-md);display:flex;align-items:center}.checkin-method{flex-direction:column;gap:var(--space-1);padding:var(--space-3);background-color:var(--color-bg);text-align:center;border:1px solid var(--color-border);transition:border-color var(--transition-fast),background-color var(--transition-fast)}.checkin-method:hover{border-color:var(--color-primary)}.checkin-method__icon{width:32px;height:32px;justify-content:center;background-color:var(--color-primary-light);color:var(--color-primary)}.checkin-method__icon--orange{background-color:var(--color-kpi-orange-bg);color:var(--color-kpi-orange-fg)}.checkin-method__label{font-size:var(--font-size-xs);font-weight:700;color:var(--color-text-heading)}:root{--color-fingerspot-card-bg:#ffffff;--color-fingerspot-sync:#0d6efd}.fingerspot{padding:var(--space-16) var(--space-8);background-color:var(--color-bg)}.fingerspot__container{max-width:var(--content-max-w);margin:0 auto}.fingerspot__header{text-align:center;margin-bottom:var(--space-12);display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.fingerspot__badge{display:inline-block;padding:var(--space-2) var(--space-5);background-color:var(--color-primary-light);color:var(--color-primary);font-size:var(--font-size-sm);font-weight:700;border-radius:var(--radius-full)}.fingerspot__title{font-size:var(--font-size-hero-sm);font-weight:700;color:var(--color-text-heading);line-height:1.2;letter-spacing:-.02em}.fingerspot__title-accent{color:var(--color-primary);position:relative;display:inline-block}.fingerspot__underline{position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);width:80%;height:auto;pointer-events:none}.fingerspot__subtitle{font-size:var(--font-size-lg);color:var(--color-text-body);line-height:1.6;max-width:560px}.fingerspot__body{display:grid;grid-template-columns:1fr .85fr;gap:var(--space-6);align-items:stretch}.fingerspot__main-card{background-color:var(--color-fingerspot-card-bg);border-radius:var(--radius-2xl);border:1px solid var(--color-border);padding:var(--space-8);display:flex;flex-direction:column;position:relative;overflow:hidden}.fingerspot__main-card-icon{width:52px;height:52px;background-color:var(--color-primary-light);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--color-primary);margin-bottom:var(--space-5)}.fingerspot__device-label{font-size:var(--font-size-base);color:var(--color-text-muted);font-weight:500;margin-bottom:var(--space-1)}.fingerspot__device-name{font-size:var(--font-size-hero-sm);font-weight:700;color:var(--color-text-heading);letter-spacing:-.03em;line-height:1.1;margin-bottom:var(--space-2)}.fingerspot__device-type{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-6)}.fingerspot__checklist{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-8)}.fingerspot__check-item{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-body);line-height:1.5}.fingerspot__check-dot{width:20px;height:20px;border-radius:var(--radius-full);background-color:var(--color-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.fingerspot__device-wrap{margin-top:-40px;display:flex;justify-content:center;align-items:flex-end;position:relative;min-height:240px}.fingerspot__device-img-placeholder{display:flex;align-items:center;justify-content:center;gap:var(--space-5);width:100%;margin-top:-20px}.fp-device{width:130px;height:200px;background:linear-gradient(160deg,#2d2d2d 0,#1a1a1a 100%);border-radius:14px;position:relative;box-shadow:0 20px 50px rgb(0 0 0/.25);display:flex;flex-direction:column;align-items:center;overflow:hidden;flex-shrink:0}.fp-device--fingerprint{width:110px;height:180px;background:linear-gradient(160deg,#888 0,#555 100%)}.fp-device__screen,.fp-device__screen-face{display:flex;align-items:center;justify-content:center}.fp-device__screen{width:86%;height:55%;background:linear-gradient(180deg,#1a2a4a 0,#0d1b35 100%);border-radius:8px;margin-top:12px;flex-direction:column;padding:8px;gap:3px;position:relative;overflow:hidden}.fp-device__screen-face{width:36px;height:36px;border-radius:var(--radius-full);background:linear-gradient(135deg,#7eb8f7 0,#3d8de8 100%);flex-shrink:0}.fp-device__screen-time{font-size:.9rem;font-weight:800;color:#fff;letter-spacing:.04em}.fp-device__screen-date{font-size:.5rem;color:rgb(255 255 255/.65);font-weight:500}.fp-device__screen-badge{background-color:var(--color-up);color:#fff;font-size:.5rem;font-weight:700;padding:2px 8px;border-radius:var(--radius-full);margin-top:2px}.fp-device__brand{font-size:.55rem;font-weight:700;color:rgb(255 255 255/.45);letter-spacing:.1em;text-transform:lowercase;margin-top:auto;margin-bottom:14px}.fp-device__keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:0 12px;margin-top:6px}.fp-device__key{height:10px;background-color:rgb(255 255 255/.12);border-radius:3px}.fp-device__fp-sensor{width:46px;height:46px;border-radius:var(--radius-full);background:radial-gradient(circle,rgb(255 255 255/.1)0,rgb(255 255 255/.04) 100%);border:2px solid rgb(255 255 255/.15);display:flex;align-items:center;justify-content:center;margin-top:10px}.fingerspot__sync-badge{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.fingerspot__sync-icon,.fingerspot__sync-label{display:flex;align-items:center;border-radius:var(--radius-full)}.fingerspot__sync-icon{width:52px;height:52px;background-color:var(--color-primary);color:#fff;justify-content:center;box-shadow:0 8px 24px rgb(13 110 253/.35);animation:spin-slow 4s linear infinite}.fingerspot__sync-label{gap:var(--space-2);padding:var(--space-2) var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border);font-size:var(--font-size-sm);font-weight:700;color:var(--color-text-heading);white-space:nowrap;box-shadow:var(--shadow-sm)}.fingerspot__features{display:flex;flex-direction:column;gap:var(--space-4)}.fingerspot__feat-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-6);display:flex;gap:var(--space-5);align-items:flex-start;transition:box-shadow var(--transition-base),border-color var(--transition-base)}.fingerspot__feat-card:hover{box-shadow:var(--shadow-md);border-color:rgb(13 110 253/.2)}.fingerspot__feat-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;background-color:var(--color-primary-light);color:var(--color-primary)}.fingerspot__feat-icon--purple{background-color:var(--color-kpi-purple-bg);color:var(--color-kpi-purple-fg)}.fingerspot__feat-icon--teal{background-color:var(--color-kpi-teal-bg);color:var(--color-kpi-teal-fg)}.fingerspot__feat-icon--orange{background-color:var(--color-kpi-orange-bg);color:var(--color-kpi-orange-fg)}.fingerspot__feat-title{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-heading);line-height:1.3;margin-bottom:var(--space-2)}.fingerspot__feat-desc{font-size:var(--font-size-sm);color:var(--color-text-body);line-height:1.6}.fingerspot__trust-bar{margin-top:var(--space-6);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-8);display:flex;align-items:center;gap:var(--space-8)}.fingerspot__trust-heading{flex-shrink:0;min-width:220px}.fingerspot__trust-heading-title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-heading);margin-bottom:var(--space-1)}.fingerspot__trust-heading-sub{font-size:var(--font-size-sm);color:var(--color-text-body)}.fingerspot__trust-divider{width:1px;align-self:stretch;background-color:var(--color-border);flex-shrink:0}.fingerspot__trust-items{display:flex;flex:1;gap:var(--space-6);flex-wrap:wrap}.fingerspot__trust-item{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:140px}.fingerspot__trust-item-icon{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;background-color:var(--color-primary-light);color:var(--color-primary)}.fingerspot__trust-item-icon--orange{background-color:var(--color-kpi-orange-bg);color:var(--color-kpi-orange-fg)}.fingerspot__trust-item-icon--teal{background-color:var(--color-kpi-teal-bg);color:var(--color-kpi-teal-fg)}.fingerspot__trust-item-icon--purple{background-color:var(--color-kpi-purple-bg);color:var(--color-kpi-purple-fg)}.fingerspot__trust-item-label{font-size:var(--font-size-sm);font-weight:700;color:var(--color-text-heading);line-height:1.3}.fingerspot__trust-item-sub{font-size:var(--font-size-xs);color:var(--color-text-muted)}@media (max-width:1024px){.fingerspot__body{grid-template-columns:1fr}.fingerspot__main-card{min-height:unset}.fingerspot__trust-items{gap:var(--space-4)}}@media (max-width:768px){.fingerspot{padding:var(--space-10) var(--space-4)}.fingerspot__title{font-size:var(--font-size-section-mobile)}.fingerspot__trust-bar{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.fingerspot__trust-divider{display:none}}.workflow{padding:var(--space-16) var(--space-8);background-color:var(--color-surface)}.workflow__container{max-width:var(--content-max-w);margin:0 auto}.workflow__header{text-align:center;margin-bottom:var(--space-12);display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.workflow__badge{display:inline-block;padding:var(--space-2) var(--space-5);background-color:var(--color-primary-light);color:var(--color-primary);font-size:var(--font-size-sm);font-weight:700;border-radius:var(--radius-full)}.workflow__title{font-size:var(--font-size-hero-sm);font-weight:800;color:var(--color-text-heading);line-height:1.2;letter-spacing:-.02em}.workflow__title-accent{color:var(--color-primary);position:relative;display:inline-block}.workflow__connector::before,.workflow__underline{position:absolute;left:50%;transform:translateX(-50%)}.workflow__underline{bottom:-1px;width:80%;pointer-events:none}.workflow__subtitle{font-size:var(--font-size-lg);color:var(--color-text-body);line-height:1.6;max-width:520px}.workflow__steps{display:flex;flex-direction:column;gap:0;position:relative}.workflow__connector,.workflow__connector-arrow{display:flex;justify-content:center;align-items:center;height:56px;position:relative}.workflow__connector::before{content:"";top:0;bottom:0;width:2px;border-left:2px dashed var(--color-border)}.workflow__connector-arrow{z-index:1;width:32px;height:32px;border-radius:var(--radius-full);background-color:var(--color-primary-light);border:2px solid var(--color-primary);color:var(--color-primary)}.workflow__row{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-6) var(--space-8);display:flex;align-items:center;gap:var(--space-8);transition:box-shadow var(--transition-base)}.workflow__row:hover{box-shadow:var(--shadow-md)}.workflow__step-meta{display:flex;align-items:flex-start;gap:var(--space-4);min-width:220px;flex-shrink:0}.workflow__step-icon-wrap,.workflow__step-num{display:flex;align-items:center;justify-content:center;flex-shrink:0}.workflow__step-num{width:28px;height:28px;border-radius:var(--radius-full);background-color:var(--color-primary);color:#fff;font-size:var(--font-size-sm);font-weight:800;margin-top:2px}.workflow__step-icon-wrap{width:56px;height:56px;border-radius:var(--radius-xl)}.workflow__step-icon-wrap--blue{background-color:var(--color-primary-light);color:var(--color-primary)}.workflow__step-icon-wrap--green{background-color:var(--color-kpi-teal-bg);color:var(--color-kpi-teal-fg)}.workflow__step-icon-wrap--purple{background-color:var(--color-kpi-purple-bg);color:var(--color-kpi-purple-fg)}.workflow__step-title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-heading);line-height:1.3;margin-bottom:var(--space-1)}.workflow__step-desc{font-size:var(--font-size-sm);color:var(--color-text-body);line-height:1.5;max-width:200px}.workflow__row-divider{width:1px;align-self:stretch;background-color:var(--color-border);flex-shrink:0}.workflow__sub-items{display:flex;flex:1;gap:var(--space-4);align-items:flex-start;flex-wrap:wrap}.workflow__arrow{color:var(--color-text-muted);flex-shrink:0;align-self:center;padding-top:2px}.workflow__sub-item{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);flex:1;min-width:100px}.workflow__sub-item-icon{width:44px;height:44px;border-radius:var(--radius-lg);background-color:var(--color-primary-light);color:var(--color-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.workflow__sub-item-icon--teal{background-color:var(--color-kpi-teal-bg);color:var(--color-kpi-teal-fg)}.workflow__sub-item-icon--orange{background-color:var(--color-kpi-orange-bg);color:var(--color-kpi-orange-fg)}.workflow__sub-item-icon--purple{background-color:var(--color-kpi-purple-bg);color:var(--color-kpi-purple-fg)}.workflow__sub-item-icon--green{background-color:#d1fae5;color:#059669}.workflow__sub-item-label{font-size:var(--font-size-sm);font-weight:700;color:var(--color-text-heading);line-height:1.3}.workflow__sub-item-desc{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.5}.workflow__checkin-methods{display:flex;align-items:center;gap:var(--space-4);flex:1;justify-content:flex-end}.workflow__checkin-label{font-size:var(--font-size-sm);color:var(--color-text-muted);font-style:italic}.workflow__device-icon,.workflow__telegram-icon{width:52px;display:flex;align-items:center;justify-content:center}.workflow__device-icon{height:72px;background:linear-gradient(160deg,#444 0,#222 100%);border-radius:10px;box-shadow:0 8px 20px rgb(0 0 0/.2)}.workflow__telegram-icon{height:52px;border-radius:var(--radius-full);background:linear-gradient(135deg,#229ed9 0,#1a8bbf 100%);box-shadow:0 8px 20px rgb(34 158 217/.35);color:#fff}@media (max-width:1024px){.workflow__row{flex-wrap:wrap;gap:var(--space-5)}.workflow__step-meta{min-width:unset;width:100%}.workflow__row-divider{display:none}}@media (max-width:768px){.workflow{padding:var(--space-10) var(--space-4)}.workflow__title{font-size:var(--font-size-section-mobile)}.workflow__row{padding:var(--space-5)}.workflow__sub-items{flex-direction:column;gap:var(--space-3)}.workflow__checkin-methods{justify-content:flex-start}}.cta{padding:var(--space-6) var(--space-8);background-color:var(--color-bg)}.cta+.cta{padding-top:0}.cta__container{max-width:var(--content-max-w);margin:0 auto;display:flex;flex-direction:column;gap:var(--space-2)}.cta__top{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);align-items:stretch}.cta__pitch{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-6);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:var(--space-3)}.cta__dots{position:absolute;top:var(--space-8);right:var(--space-10);display:grid;grid-template-columns:repeat(5,8px);gap:7px;opacity:.3}.cta__dot{width:5px;height:5px;background-color:var(--color-primary)}.cta__badge,.cta__blob,.cta__dot{border-radius:var(--radius-full)}.cta__blob{position:absolute;bottom:-80px;right:-60px;width:240px;height:240px;background:radial-gradient(circle,var(--color-primary-light) 0%,transparent 70%);pointer-events:none}.cta__badge{display:inline-block;padding:var(--space-1) var(--space-4);background-color:var(--color-primary-light);color:var(--color-primary);font-size:var(--font-size-sm);font-weight:600;width:fit-content}.cta__title{font-size:1.75rem;font-weight:800;color:var(--color-text-heading);line-height:1.15;letter-spacing:-.02em}.cta__aux-title-accent,.cta__title-accent{color:var(--color-primary);position:relative;display:inline-block}.cta__underline{position:absolute;bottom:-6px;left:0;width:100%;pointer-events:none}.cta__subtitle{font-size:var(--font-size-lg);color:var(--color-text-body);line-height:1.6;font-weight:500}.cta__features{display:flex;flex-direction:column;gap:var(--space-5)}.cta__feature{display:flex;align-items:flex-start;gap:var(--space-4)}.cta__feature-icon{width:40px;height:40px;border-radius:var(--radius-lg);background-color:var(--color-primary-light);color:var(--color-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.cta__feature-icon--purple{background-color:var(--color-kpi-purple-bg);color:var(--color-kpi-purple-fg)}.cta__feature-title{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-heading);margin-bottom:var(--space-1)}.cta__feature-desc{font-size:var(--font-size-sm);color:var(--color-text-body);line-height:1.5}.cta__demo-card,.cta__demo-icon{display:flex;align-items:center;justify-content:center}.cta__demo-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-6);flex-direction:column;gap:var(--space-3);text-align:center}.cta__demo-icon{width:64px;height:64px;border-radius:var(--radius-full);background-color:var(--color-primary-light);color:var(--color-primary)}.cta__demo-title{font-size:1.25rem;font-weight:700;color:var(--color-primary);letter-spacing:-.02em;line-height:1.2}.cta__demo-checklist{display:flex;flex-direction:column;gap:var(--space-3);width:100%;text-align:left}.cta__demo-check{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-base);color:var(--color-text-body);font-weight:500}.cta__demo-btn,.cta__demo-check-icon{display:flex;align-items:center;justify-content:center;background-color:var(--color-primary);color:#fff}.cta__demo-check-icon{width:22px;height:22px;border-radius:var(--radius-full);flex-shrink:0}.cta__demo-btn{gap:var(--space-3);width:100%;padding:var(--space-4) var(--space-6);font-size:var(--font-size-lg);font-weight:800;border-radius:var(--radius-lg);border:0;cursor:pointer;transition:background-color var(--transition-fast),box-shadow var(--transition-fast);text-decoration:none}.cta__demo-btn:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-lg)}.cta__demo-note{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:500}.cta__bottom{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.cta__aux-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-5);display:flex;align-items:flex-start;gap:var(--space-5);position:relative;overflow:hidden;transition:box-shadow var(--transition-base)}.cta__aux-card:hover{box-shadow:var(--shadow-md)}.cta__aux-btn:hover,.cta__aux-icon{background-color:var(--color-primary-light);color:var(--color-primary)}.cta__aux-icon{width:52px;height:52px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;flex-shrink:0}.cta__aux-icon--teal{background-color:var(--color-kpi-teal-bg);color:var(--color-kpi-teal-fg)}.cta__aux-body{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.cta__aux-title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-heading);line-height:1.3;letter-spacing:-.01em}.cta__aux-desc{font-size:var(--font-size-sm);color:var(--color-text-body);line-height:1.6;max-width:280px}.cta__aux-btn{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-3) var(--space-5);border:1.5px solid var(--color-border);border-radius:var(--radius-full);background-color:#fff0;font-size:var(--font-size-base);font-weight:700;color:var(--color-text-heading);cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast);text-decoration:none;width:fit-content}.cta__aux-btn:hover{border-color:var(--color-primary)}.cta__video-thumb{position:absolute;right:var(--space-6);top:50%;transform:translateY(-50%);width:120px;height:84px;background:linear-gradient(135deg,var(--color-primary-light) 0%,#c7d9f8 100%);border-radius:var(--radius-lg);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;overflow:hidden}.cta__chat-deco,.cta__video-dot,.cta__video-play{border-radius:var(--radius-full);background-color:var(--color-primary)}.cta__video-play{width:36px;height:36px;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgb(13 110 253/.35)}.cta__chat-deco,.cta__video-dot{position:absolute;bottom:var(--space-2);right:var(--space-2);width:7px;height:7px;opacity:.5}.cta__chat-deco{right:var(--space-6);bottom:var(--space-6);width:64px;height:52px;background-color:var(--color-primary-light);border-radius:var(--radius-lg) var(--radius-lg) var(--radius-lg)0;display:flex;align-items:center;justify-content:center;gap:5px;opacity:.55}.cta__chat-deco-dot{width:7px;height:7px;border-radius:var(--radius-full);background-color:var(--color-primary)}@media (max-width:1024px){.cta__bottom,.cta__top{grid-template-columns:1fr}.cta__video-thumb{display:none}}@media (max-width:768px){.cta{padding:var(--space-10) var(--space-4)}.cta__title{font-size:1.5rem}.cta__demo-card,.cta__pitch{padding:var(--space-6)}.cta__aux-card{flex-direction:column}.cta__chat-deco{display:none}}.footer{background-color:var(--color-text-heading);color:rgb(255 255 255/.7);padding:var(--space-16) var(--space-8)0}.footer__container{max-width:var(--content-max-w);margin:0 auto}.footer__top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:var(--space-10);padding-bottom:var(--space-12);border-bottom:1px solid rgb(255 255 255/.1)}.footer__logo{display:flex;align-items:center;margin-bottom:var(--space-5);text-decoration:none}.footer__logo-img{height:30px;width:auto;display:block}.footer__tagline{font-size:var(--font-size-sm);line-height:1.7;color:rgb(255 255 255/.55);max-width:280px;margin-bottom:var(--space-6)}.footer__col-title{font-size:var(--font-size-base);font-weight:700;color:#fff;margin-bottom:var(--space-5);letter-spacing:.01em}.footer__nav{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.footer__nav-link{font-size:var(--font-size-sm);color:rgb(255 255 255/.55);text-decoration:none;transition:color var(--transition-fast);display:flex;align-items:center;gap:var(--space-2)}.footer__nav-link:hover{color:#fff}.footer__nav-badge{font-size:.6rem;font-weight:700;padding:1px 6px;border-radius:var(--radius-full);background-color:var(--color-primary);color:#fff;letter-spacing:.03em}.footer__contact-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-1);padding:var(--space-8)0;border-bottom:1px solid rgb(255 255 255/.1)}.footer__contact-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);transition:background-color var(--transition-fast)}.footer__contact-item:hover{background-color:rgb(255 255 255/.05)}.footer__contact-icon{width:40px;height:40px;border-radius:var(--radius-md);background-color:rgb(255 255 255/.08);border:1px solid rgb(255 255 255/.12);display:flex;align-items:center;justify-content:center;color:var(--color-primary);flex-shrink:0}.footer__contact-icon--teal{color:var(--color-kpi-teal-fg)}.footer__contact-icon--orange{color:var(--color-kpi-orange-fg)}.footer__contact-label{font-size:var(--font-size-xs);color:rgb(255 255 255/.4);margin-bottom:2px}.footer__contact-value{font-size:var(--font-size-sm);font-weight:600;color:#fff}.footer__bottom{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5)0;gap:var(--space-4);flex-wrap:wrap}.footer__copy{font-size:var(--font-size-xs);color:rgb(255 255 255/.35)}.footer__copy strong{color:rgb(255 255 255/.6);font-weight:600}.footer__legal{display:flex;gap:var(--space-5)}.footer__legal-link{font-size:var(--font-size-xs);color:rgb(255 255 255/.35);text-decoration:none;transition:color var(--transition-fast)}.footer__legal-link:hover{color:rgb(255 255 255/.8)}@media (max-width:1024px){.footer__top{grid-template-columns:1fr 1fr;gap:var(--space-8)}.footer__contact-strip{grid-template-columns:1fr}}@media (max-width:768px){.footer{padding:var(--space-10) var(--space-4)0}.footer__top{grid-template-columns:1fr;gap:var(--space-8)}.footer__bottom{flex-direction:column;align-items:flex-start;gap:var(--space-3)}}.navbar__hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;border-radius:var(--radius-md);border:1.5px solid var(--color-border);background:#fff0;cursor:pointer;margin-left:auto;flex-shrink:0;transition:background-color var(--transition-fast),border-color var(--transition-fast);z-index:1001}.navbar__hamburger:hover{background-color:var(--color-primary-light);border-color:var(--color-primary)}.navbar__hamburger-bar{width:18px;height:2px;background-color:var(--color-text-heading);border-radius:2px;transition:transform var(--transition-base),opacity var(--transition-fast),width var(--transition-fast);transform-origin:center}.navbar__mobile-menu{display:none;position:fixed;top:var(--navbar-height);left:0;right:0;bottom:0;background-color:var(--color-surface);z-index:999;overflow-y:auto;padding:var(--space-6) var(--space-5) var(--space-8);flex-direction:column;gap:var(--space-2);border-top:1px solid var(--color-border);transform:translateY(-8px);opacity:0;transition:opacity var(--transition-base),transform var(--transition-base);pointer-events:none}.navbar__mobile-link{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-3);font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-heading);border-radius:var(--radius-md);text-decoration:none;transition:background-color var(--transition-fast),color var(--transition-fast)}.navbar__mobile-link:active,.navbar__mobile-link:hover{background-color:var(--color-primary-light);color:var(--color-primary)}.navbar__mobile-link--active{background:linear-gradient(90deg,rgb(13 110 253/.14)0,rgb(13 110 253/.04) 100%);color:var(--color-primary);box-shadow:inset 3px 0 0 var(--color-primary)}.navbar__mobile-link--active::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--color-primary);box-shadow:0 0 0 4px rgb(13 110 253/.08);flex-shrink:0;margin-left:var(--space-2)}.navbar__mobile-divider{height:1px;background-color:var(--color-border);margin:var(--space-2)0}.navbar__mobile-actions{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-4);margin-top:auto}.navbar__mobile-demo,.navbar__mobile-signin{display:flex;align-items:center;justify-content:center;padding:var(--space-4);border-radius:var(--radius-xl);font-size:var(--font-size-lg);font-weight:700;text-decoration:none}.navbar__mobile-signin{border:1.5px solid var(--color-border);color:var(--color-text-heading);transition:border-color var(--transition-fast),color var(--transition-fast)}.navbar__mobile-signin:hover{border-color:var(--color-primary);color:var(--color-primary)}.navbar__mobile-demo{background-color:var(--color-primary);color:#fff;transition:background-color var(--transition-fast)}.navbar__mobile-demo:hover{background-color:var(--color-primary-hover)}@media (max-width:1024px){.navbar__actions,.navbar__nav{display:none}.navbar__hamburger,.navbar__mobile-menu{display:flex}.navbar__container{padding:0 var(--space-5)}.hero{padding:var(--space-12) var(--space-6);min-height:auto;padding-top:calc(var(--navbar-height) + var(--space-10))}.hero__container{grid-template-columns:1fr;gap:var(--space-8);text-align:center;align-items:start}.hero__content{max-width:620px;margin:0 auto;align-items:center}.hero__features{grid-template-columns:1fr;justify-content:center;width:100%;max-width:100%}.hero__feature{width:100%;text-align:left}.hero__dashboard-wrapper{width:100%;max-width:100%;order:2;margin-top:var(--space-4);margin-left:0;margin-right:0}.hero__dashboard-img--primary,.hero__dashboard-wrapper:hover .hero__dashboard-img--primary{transform:none}}@media (max-width:768px){.hero{padding:var(--space-10) var(--space-4);padding-top:calc(var(--navbar-height) + var(--space-8))}.hero__container{text-align:center}.hero__content{align-items:center}.hero__features{grid-template-columns:1fr;max-width:100%;gap:var(--space-2)}.hero__feature{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:flex-start;padding:var(--space-3) var(--space-2);text-align:left;width:100%}.hero__feature-icon{margin-top:0}.hero__feature-desc,.hero__feature-title{text-align:left}.hero__actions{flex-direction:column;align-items:stretch;width:100%}.hero__actions .btn{width:100%;max-width:none;justify-content:center}.hero__dashboard-img--secondary{display:none}}@media (max-width:480px){.hero{padding-left:var(--space-5);padding-right:var(--space-5)}.hero__description{font-size:var(--font-size-base)}.hero__features{max-width:100%}.hero__feature{grid-template-columns:32px minmax(0,1fr);gap:var(--space-2);width:100%}.hero__feature-title{font-size:var(--font-size-sm)}.hero__feature-desc{font-size:.7rem;line-height:1.5}.hero__dashboard-wrapper{width:100%;max-width:100%}.hero__dashboard-img,.hero__dashboard-wrapper{border-radius:var(--radius-lg)}}@media (max-width:768px){.audience{padding:var(--space-10) var(--space-4)}.audience__title{font-size:var(--font-size-section-mobile)}.audience-card{min-height:unset}.audience-visual--attendance,.audience-visual--automation,.audience-visual--dashboard{min-height:160px}.audience-visual--attendance::before{left:50%;right:auto;top:8px;width:180px;height:180px;transform:translateX(-50%)}.phone-mockup{left:14px;top:18px}.map-label--one{right:44px}.map-label--three{right:4px;bottom:0}.attendance-toast{left:8px;bottom:26px;width:124px}.attendance-toast strong{transform:translateY(5px)}.finger-device{right:18px;bottom:34px}}@media (max-width:480px){.audience__grid{grid-template-columns:1fr}.audience__title{font-size:var(--font-size-section-mobile-sm)}.audience-visual--attendance{min-height:180px}.audience-visual--attendance::before{width:168px;height:168px;top:10px}.phone-mockup{left:10px;top:18px}.attendance-toast{left:0;bottom:8px;width:118px}.attendance-toast strong{transform:translateY(6px)}.finger-device{right:12px;bottom:30px}}@media (max-width:1024px){.services__grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:auto}.service-card--tall{grid-row:span 1;grid-column:span 1}.service-card--wide{grid-row:span 1;grid-column:span 2}.attendance-visual{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.attendance-stats{width:100%;gap:var(--space-3)}}@media (max-width:768px){.services{padding:var(--space-10) var(--space-4)}.services__grid{grid-template-columns:1fr;grid-auto-rows:auto}.service-card--tall,.service-card--wide{grid-row:span 1;grid-column:span 1}.attendance-stats{grid-template-columns:1fr}.attendance-chip{width:100%}.services__title{font-size:var(--font-size-section-mobile)}.checkin-methods{grid-template-columns:1fr 1fr}.shift-item__name{font-size:var(--font-size-xs)}}@media (max-width:480px){.service-card{padding:var(--space-5)}.checkin-methods{grid-template-columns:1fr 1fr}.attendance-visual{flex-direction:column;align-items:stretch}.payslip-preview{width:100%}.employee-list,.shift-list{gap:var(--space-2)}}@media (max-width:1024px){.fingerspot__body{grid-template-columns:1fr}.fingerspot__trust-bar{flex-wrap:wrap;gap:var(--space-5)}.fingerspot__trust-items{flex-wrap:wrap;gap:var(--space-4)}.fingerspot__trust-item{min-width:180px;flex:1 1 180px}}@media (max-width:768px){.fingerspot{padding:var(--space-10) var(--space-4)}.fingerspot__title{font-size:var(--font-size-section-mobile)}.fingerspot__main-card{padding:var(--space-5)}.fingerspot__checklist{margin-bottom:var(--space-4)}.fingerspot__check-item{font-size:var(--font-size-xs)}.fingerspot__device-img-placeholder{gap:0;margin-top:0;position:relative;z-index:1}.fp-device{width:100px;height:156px}.fp-device--fingerprint{width:86px;height:140px;margin-left:-10px;margin-top:8px}.fingerspot__sync-badge{position:absolute;bottom:0;left:50%;transform:translateX(-50%);margin-top:0;align-items:center;z-index:2}.fingerspot__sync-icon{width:46px;height:46px}.fingerspot__sync-label{padding:var(--space-2) var(--space-4);font-size:var(--font-size-xs)}.fingerspot__device-wrap{margin-top:calc(var(--space-2)*-4);align-items:center;justify-content:center;min-height:244px;gap:0;padding-top:0;padding-bottom:0}.fingerspot__trust-bar{flex-direction:column;align-items:flex-start;gap:var(--space-5)}.fingerspot__trust-divider{display:none}.fingerspot__feat-card{padding:var(--space-4)}}@media (max-width:480px){.fp-device{width:92px;height:146px}.fp-device--fingerprint{width:78px;height:128px;margin-left:-8px;margin-top:8px}.fp-device__screen{margin-top:8px;padding:6px}.fp-device__screen-face{width:30px;height:30px}.fp-device__screen-time{font-size:.8rem}.fp-device__screen-badge,.fp-device__screen-date{font-size:.44rem}.fp-device__keypad{display:none}.fp-device__brand{margin-bottom:12px;font-size:.46rem}.fp-device__fp-sensor{width:38px;height:38px;margin-top:8px}.fingerspot__device-wrap{min-height:228px}.fingerspot__sync-icon{width:40px;height:40px}.fingerspot__sync-label{max-width:none;white-space:nowrap;text-align:center;justify-content:center;padding-left:var(--space-3);padding-right:var(--space-3)}.fingerspot__trust-item{min-width:100%}.fingerspot__feat-card{flex-direction:column;align-items:flex-start}}@media (max-width:1024px){.workflow__row{flex-wrap:wrap;gap:var(--space-5)}.workflow__step-meta{min-width:unset;width:100%}.workflow__row-divider{display:none}.workflow__sub-items{flex-wrap:wrap}.workflow__sub-item{flex:1 1 140px;min-width:140px}.workflow__arrow{display:none}}@media (max-width:768px){.workflow{padding:var(--space-10) var(--space-4)}.workflow__title{font-size:var(--font-size-section-mobile)}.workflow__underline{left:50%;width:min(78%,230px);transform:translateX(-50%);bottom:-4px}.workflow__row{padding:var(--space-5);gap:var(--space-4)}.workflow__sub-items{flex-direction:row;flex-wrap:wrap;gap:var(--space-3)}.workflow__sub-item{flex:1 1 calc(50% - var(--space-3));min-width:120px}.workflow__checkin-methods{justify-content:flex-start;gap:var(--space-3)}.workflow__step-icon-wrap{width:44px;height:44px}.workflow__step-title{font-size:var(--font-size-lg)}.workflow__connector{height:40px}}@media (max-width:480px){.workflow__sub-item{flex:1 1 100%;flex-direction:row;align-items:center;gap:var(--space-3)}.workflow__sub-item-label{font-size:var(--font-size-xs)}.workflow__sub-item-desc{display:none}.workflow__step-meta{gap:var(--space-3)}.workflow__step-num{width:22px;height:22px;font-size:var(--font-size-xs)}.workflow__underline{width:min(72%,190px)}}@media (max-width:1024px){.cta__bottom,.cta__top{grid-template-columns:1fr}.cta__video-thumb{display:none}.cta__aux-card{min-height:auto}}@media (max-width:768px){.cta{padding:var(--space-10) var(--space-4)}.cta__title{font-size:1.5rem}.cta__demo-card,.cta__pitch{padding:var(--space-6)}.cta__aux-card{flex-direction:column;gap:var(--space-4);padding:var(--space-5)}.cta__aux-icon{width:48px;height:48px}.cta__chat-deco{display:none}.cta__demo-btn{font-size:var(--font-size-base);padding:var(--space-4)}}@media (max-width:480px){.cta__title{font-size:1.375rem}.cta__demo-title{font-size:1.125rem}.cta__feature{gap:var(--space-3)}.cta__feature-icon{width:40px;height:40px}.cta__dots{display:none}}@media (max-width:1024px){.footer__top{grid-template-columns:1fr 1fr;gap:var(--space-8)}.footer__brand{grid-column:1/-1}.footer__contact-strip{grid-template-columns:1fr 1fr;gap:var(--space-2)}}@media (max-width:768px){.footer{padding:var(--space-10) var(--space-4)0}.footer__top{grid-template-columns:1fr;gap:var(--space-6)}.footer__brand{grid-column:auto}.footer__contact-strip{grid-template-columns:1fr}.footer__contact-item{padding:var(--space-3) var(--space-2)}.footer__bottom{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.footer__legal{flex-wrap:wrap;gap:var(--space-3)}}@media (max-width:480px){.footer__nav-link{font-size:var(--font-size-base);padding:var(--space-2)0}.footer__nav{gap:var(--space-2)}.footer__contact-strip{grid-template-columns:1fr}.footer__copy{font-size:.65rem}}@media (max-width:768px){.cta__aux-card,.cta__demo-card,.cta__pitch,.fingerspot__main-card,.hero__dashboard-wrapper,.service-card,.workflow__row{max-width:100%;overflow:hidden}.fingerspot__header,.workflow__header{text-align:center}.audience__title-accent,.cta__title-accent,.fingerspot__title-accent,.services__title-accent,.workflow__title-accent{word-break:break-word}}@media (max-width:480px){.cta__aux-card,.fingerspot__feat-card,.workflow__row{padding:var(--space-4)}.audience__title,.cta__title,.fingerspot__title,.services__title,.workflow__title{font-size:var(--font-size-section-mobile-sm);line-height:1.22;letter-spacing:0}}:root{--svc-accent-orange:#f59e0b;--svc-accent-teal:#06b6d4;--svc-accent-green:#10b981;--svc-accent-red:#ef4444;--svc-bg-section:#f5f6fa;--svc-white:#ffffff;--svc-text:#1e1b4b;--svc-text-muted:#6b7280;--svc-border:#e5e7eb;--svc-radius-card:20px;--svc-radius-sm:10px;--svc-shadow:0 2px 16px rgba(79, 70, 229, 0.06), 0 1px 4px rgba(0, 0, 0, 0.04);--svc-shadow-hover:0 8px 32px rgba(79, 70, 229, 0.12), 0 2px 8px rgba(0, 0, 0, 0.06)}