:root{--bg:#041e31;--bg2:#072a46;--navy:#102e5b;--aqua:#12d5ef;--aqua2:#20bcb9;--aqua-pale:#47e8ff;--text:#f9fbff;--muted:#bdd0dd;--line:rgba(50,174,227,.24);--panel:rgba(7,40,67,.84);--white:#fff;--font:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:#041a2c;font-family:var(--font);color:var(--text);-webkit-font-smoothing:antialiased}button,a{font:inherit}a{text-decoration:none;color:inherit}button{cursor:pointer}img{display:block;max-width:100%}svg{display:block}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{letter-spacing:-.04em}h2{font-weight:760}.wrap{width:calc(100% - 86px);max-width:1290px;margin-left:auto;margin-right:auto}.site-shell{overflow:hidden;min-width:320px;background:radial-gradient(ellipse 60% 35% at 83% 0%,rgba(22,121,196,.8),transparent 70%),radial-gradient(ellipse 50% 25% at 0 26%,rgba(0,141,203,.29),transparent 65%),radial-gradient(ellipse 50% 28% at 91% 50%,rgba(0,72,122,.25),transparent 75%),linear-gradient(160deg,#08233b 0%,#03223a 43%,#04182a 80%,#031a2e 100%)}.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;gap:34px;position:relative;z-index:30}.brand-header{width:173px;flex-shrink:0;height:59px;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;padding:10px 12px;box-shadow:0 1px 10px rgba(0,0,0,.09)}.brand-header img{width:100%;height:100%;object-fit:contain}.primary-nav{display:flex;align-items:center;gap:30px;flex:1;white-space:nowrap}.nav-item{font-size:12px;color:#f0f4fa;transition:color .2s}.nav-item:hover,.footer-nav a:hover{color:var(--aqua)}.nav-item:first-child{display:flex;align-items:center;gap:6px}.nav-item .icon{width:12px;height:12px}.header-actions{display:flex;align-items:center;gap:22px}.languages{display:flex;align-items:center;gap:7px}.lang{border:0;background:transparent;color:#a9c0d3;padding:3px 1px;font-size:11px}.lang.active{color:#fff;font-weight:700}.lang-divider{font-size:11px;color:#58809d}.btn{display:inline-flex;gap:14px;align-items:center;justify-content:center;white-space:nowrap;min-height:45px;border-radius:6px;font-weight:700;font-size:13px;padding:0 22px;border:1px solid transparent;transition:transform .18s,box-shadow .18s,background .18s}.btn:hover{transform:translateY(-2px)}.btn:focus-visible,.nav-item:focus-visible,.carousel-arrow:focus-visible,.lang:focus-visible{outline:3px solid #fff;outline-offset:3px}.btn-primary{background:linear-gradient(110deg,#13cee9 0%,#12d5f3 65%,#13ccea 100%);color:#002238;box-shadow:0 7px 22px rgba(0,183,230,.09)}.btn-primary:hover{box-shadow:0 8px 25px rgba(0,203,244,.25)}.btn-outline{background:rgba(4,26,46,.28);border-color:#10d6f6;color:#d7fcff}.btn-outline:hover{background:rgba(8,154,185,.12)}.btn-header{font-size:12px;min-width:112px;min-height:40px;border-radius:6px;padding:0 15px}.btn .icon{width:16px;height:16px}.menu-toggle{display:none;color:#fff;background:transparent;border:1px solid var(--line);border-radius:7px;padding:8px}.menu-toggle .icon{width:24px;height:24px}.hero{min-height:398px;display:grid;grid-template-columns:36% 64%;position:relative;align-items:center}.hero:before{content:"";position:absolute;left:-20%;bottom:-4%;width:48%;height:80%;border-radius:50%;background:radial-gradient(ellipse,rgba(0,135,199,.16),transparent 70%);pointer-events:none}.hero-content{position:relative;z-index:5;margin-top:-6px}.eyebrow{color:var(--aqua);font-size:11px;font-weight:720;letter-spacing:.12em;margin-bottom:16px}.hero h1{font-size:clamp(36px,4.25vw,62px);line-height:1.07;font-weight:830;letter-spacing:-.05em;max-width:450px}.hero h1>span{display:block;white-space:nowrap}.gradient-text{color:#19d3ee;text-shadow:0 0 18px rgba(12,198,231,.07)}.hero-description{color:#e7f0fa;font-size:16px;line-height:1.5;max-width:330px;margin-top:15px}.hero-buttons{display:flex;gap:12px;margin-top:22px}.hero-buttons .btn{min-width:155px}.hero-footnote{font-size:12px;color:#b7d3e5;margin-top:18px}.hero-visual{height:380px;position:relative;min-width:0}.visual-glow{pointer-events:none;position:absolute;inset:30px 15px 0 30px;background:radial-gradient(ellipse at 60% 30%,rgba(0,107,198,.27),transparent 60%)}.laptop{position:absolute;width:85%;left:0;top:4px;filter:drop-shadow(0 14px 20px rgba(0,0,0,.30))}.laptop-lid{border:2px solid #8998a5;border-radius:20px 20px 4px 4px;background:#0b0c11;box-shadow:inset 0 0 0 3px #11171d;padding:12px 10px 10px;position:relative}.laptop-camera{position:absolute;width:4px;height:4px;background:#22354b;top:5px;left:50%;border-radius:50%}.laptop-screen{height:307px;display:flex;background:#f6f9ff;color:#0b2248;overflow:hidden;border-radius:3px}.laptop-base{height:12px;margin-left:-7%;width:114%;border-radius:2px 2px 15px 15px;background:linear-gradient(#adb9c5,#778796 53%,#465567 84%,#27394b);box-shadow:0 3px 0 #263644}.laptop-lip{position:absolute;bottom:4px;width:18%;height:3px;background:rgba(51,63,78,.38);left:43%;border-radius:0 0 5px 5px}.dashboard-sidebar{width:95px;flex-shrink:0;background:linear-gradient(#f9fbff,#eff5fd);border-right:1px solid #e4ebf5;padding:9px 6px}.dash-brand{height:34px;display:flex;align-items:flex-start;padding:3px}.dash-brand img{width:68px;height:20px;object-fit:contain}.dash-nav{height:23px;display:flex;align-items:center;gap:5px;padding:0 4px;font-size:7px;color:#244466;border-radius:3px;white-space:nowrap}.dash-nav .icon{width:12px;height:12px;flex-shrink:0}.dash-nav.active{background:#0494ed;color:#fff;box-shadow:0 2px 9px #0494ed44}.dashboard-main{min-width:0;flex:1;background:#f3f7fd}.dash-topbar{height:34px;background:#fff;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:0 7px;border-bottom:1px solid #edf2fa}.dash-topbar-left{flex:1}.dash-company{background:#f1f5fa;border:1px solid #edf1f7;border-radius:4px;padding:4px 7px;color:#153556;display:flex;align-items:center;gap:8px;font-size:7px;white-space:nowrap}.dash-company .icon,.dash-topbar>.icon{width:10px;height:10px}.dash-notification{color:#c32b48!important}.avatar{width:26px;height:26px;border-radius:50%;flex-shrink:0;object-fit:cover}.avatar-top{width:24px;height:24px}.dash-user{display:flex;flex-direction:column;white-space:nowrap;min-width:55px}.dash-user strong{font-size:7px}.dash-user small{font-size:6px;color:#8392a6}.dash-inner{padding:11px 11px 0}.dash-inner>h3{font-size:13px;letter-spacing:-.025em;margin-bottom:11px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.stat{background:#fff;border-radius:5px;min-height:63px;padding:10px 8px 6px;box-shadow:0 1px 3px #e8eff7}.stat>span{font-size:7px;white-space:nowrap;color:#28425f}.stat>div{display:flex;align-items:center;justify-content:space-between;margin-top:5px}.stat strong{font-size:18px;line-height:1}.stat .icon{width:18px;height:18px;fill:currentColor;stroke-width:1.5}.stat .blue{color:#1795e8}.stat .green{color:#1cc66d}.stat .orange{color:#fa9d1f}.orange-text{color:#f5a02b}.stat small{font-size:7px;color:#637d95;display:block;margin-top:3px}.dash-panels{display:grid;grid-template-columns:52% 48%;gap:7px;margin-top:9px}.chart-panel,.approval-panel{background:#fff;min-height:169px;border-radius:6px;padding:9px 8px}.chart-panel h4,.approval-panel h4{font-size:9px;letter-spacing:-.03em}.chart-legend{display:flex;gap:7px;margin-top:9px;font-size:6.5px;color:#456481}.chart-legend>span{display:flex;align-items:center;gap:3px}.dot{width:5px;height:5px;border-radius:50%;display:inline-block}.blue-dot{background:#008cf7}.sky-dot{background:#5eacf7}.violet-dot{background:#935bd9}.gray-dot{background:#bec9d5}.chart-wrap{display:flex;height:123px;margin-top:8px}.chart-y{height:101px;display:flex;flex-direction:column;justify-content:space-between;font-size:7px;color:#7a91a8;margin-right:6px}.chart-bars{height:118px;flex:1;display:flex;gap:8px;align-items:flex-end;justify-content:space-around;background:repeating-linear-gradient(to bottom,transparent 0,transparent 25px,#edf3fa 26px);padding:0 2px}.bar-col{height:118px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px;min-width:0}.bar-col>span{text-align:center;font-size:7px;line-height:1.15;color:#5a7791}.bar{width:100%;max-width:32px;background:linear-gradient(to bottom,#d5e9ff 0 16%,#70bcf7 16% 41%,#289de8 41% 68%,#087ac9 68% 100%);border-radius:2px 2px 0 0}.bar-1{height:56px}.bar-2{height:70px}.bar-3{height:65px}.bar-4{height:76px}.bar-5{height:70px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:3px;margin-bottom:7px}.panel-heading a{font-size:7px;color:#008cf5;white-space:nowrap}.approval-entry{display:flex;align-items:center;gap:4px;margin-bottom:5px;min-width:0}.approval-entry .avatar{width:24px;height:24px}.approval-entry>div{display:flex;flex:1;min-width:0;flex-direction:column}.approval-entry strong{font-size:7.3px;white-space:nowrap}.approval-entry div>span,.approval-entry small{font-size:6.4px;color:#4f708e;line-height:1.25}.tiny-action{border:1px solid #8bc9fc;background:#f6fbff;color:#0a96df;border-radius:3px;font-size:6px;padding:3px 4px}.tiny-status{font-size:6px;border-radius:3px;padding:3px 4px;background:#def6df;color:#4a9252}.phone{position:absolute;right:0;top:66px;width:24%;min-width:142px;max-width:171px;height:338px;border-radius:29px;background:#090c12;padding:5px;border:2px solid #8894a5;box-shadow:0 12px 27px rgba(0,0,0,.35);z-index:3}.phone-border{width:100%;height:100%;border-radius:23px;background:#060d17;overflow:hidden;position:relative}.phone-notch{position:absolute;z-index:5;width:45%;height:13px;top:-2px;left:27.5%;border-radius:0 0 9px 9px;background:#050608}.phone-screen{height:100%;background:linear-gradient(180deg,#09192b,#0b2440 70%,#071526);position:relative;padding:4px 9px 26px}.phone-status{font-size:7px;display:flex;justify-content:space-between;padding:0 2px 8px}.phone-profile{display:flex;gap:6px;align-items:center;height:42px;border-bottom:1px solid rgba(131,192,240,.13)}.phone-profile .avatar{width:26px;height:26px}.phone-profile>div{flex:1;min-width:0;display:flex;flex-direction:column}.phone-profile small{font-size:6px;color:#b4c4d7}.phone-profile strong{font-size:8.2px;white-space:nowrap}.phone-profile div>span{font-size:6px;color:#9aaec6}.phone-profile>.icon{width:12px;height:12px;color:#eb6b78}.phone-apps{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:9px}.phone-apps>div{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#102e4c;min-height:44px;border-radius:6px;color:#e9f3fd;font-size:6.3px;gap:4px}.phone-apps .icon{width:19px;height:19px;color:#14b4ff}.phone-attendance{margin-top:9px;border-radius:7px;background:#112d4a;padding:8px 6px}.phone-attendance>strong{font-size:7.5px}.phone-attendance>div{display:flex;align-items:center;gap:6px;margin-top:7px}.checked{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#16c974;color:#fff;font-size:14px}.phone-attendance>div>span:last-child{font-size:6.5px}.phone-attendance small{display:block;margin-top:4px;font-size:9px;font-weight:700}.phone-attendance>button{width:100%;height:22px;margin-top:7px;background:#168eea;border:0;border-radius:4px;color:white;font-size:7px;font-weight:700}.phone-tabs{position:absolute;bottom:0;left:0;right:0;height:37px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;border-top:1px solid rgba(120,173,216,.24);background:#081728}.phone-tabs>span{font-size:5.9px;display:flex;gap:2px;flex-direction:column;align-items:center;color:#89a4c1}.phone-tabs>span.selected{color:#12cfee}.phone-tabs .icon{width:12px;height:12px}.solutions{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:7px}.solution-card,.feature-card,.multi-control,.roles-card,.contact-banner{background:linear-gradient(140deg,rgba(12,51,81,.85),rgba(4,33,56,.82));border:1px solid var(--line);border-radius:8px}.solution-card{min-height:104px;display:flex;align-items:center;gap:20px;padding:20px 23px}.solution-card>.icon{width:42px;height:42px;color:#1ad3f9;flex-shrink:0;stroke-width:2}.solution-card h3{font-size:14px;margin-bottom:8px;letter-spacing:-.02em}.solution-card p{font-size:11.5px;color:#c4d2e2;line-height:1.5;max-width:270px}.feature-section{margin-top:38px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:18px}.section-heading .eyebrow{margin-bottom:4px}.section-heading h2{font-size:clamp(27px,3vw,38px);line-height:1.2}.section-heading>p{max-width:292px;line-height:1.55;color:#c1d2e0;font-size:12px;margin-bottom:4px}.feature-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px}.feature-card{min-height:191px;padding:19px 17px 18px}.feature-card>.icon{width:39px;height:39px;color:#09c6fb;stroke-width:1.9;margin-bottom:17px}.feature-card h3{font-size:12.5px;letter-spacing:-.025em;margin-bottom:12px;white-space:nowrap}.feature-card p{font-size:11.5px;line-height:1.55;color:#c1d1df}.multi-section{margin-top:26px;display:grid;grid-template-columns:39% 32% 25%;gap:2%;align-items:center}.multi-copy{padding:1px 7px 0 2px}.multi-copy .eyebrow{margin-bottom:7px}.multi-copy h2{font-size:clamp(24px,2.6vw,34px);line-height:1.1}.multi-copy p{font-size:12.5px;line-height:1.55;color:#c5d4e2;max-width:388px;margin-top:15px}.btn-small{min-height:41px;margin-top:16px;padding:0 18px;font-size:11.5px}.multi-control{height:219px;display:flex;padding:8px}.multi-sidebar{width:40%;background:rgba(21,60,90,.56);border-radius:6px;padding:6px 6px 0;flex-shrink:0}.mini-brand img{width:75px;height:25px;object-fit:contain;background:#fff;border-radius:3px;padding:3px}.multi-sidebar>div:not(.mini-brand){height:27px;display:flex;align-items:center;gap:5px;padding:0 7px;white-space:nowrap;font-size:7.7px;color:#cfdeed}.multi-sidebar>div.active{background:#078fe0;color:#fff;border-radius:3px}.multi-sidebar .icon{width:14px;height:14px}.company-list{padding:9px 2px 0 12px;flex:1;min-width:0}.company-list h3,.roles-card h3{font-size:11.2px;letter-spacing:-.025em;margin-bottom:12px;white-space:nowrap}.company-entry{display:flex;align-items:center;gap:7px;background:#123655;padding:5px;border-radius:5px;margin-bottom:6px;min-height:39px;border:1px solid rgba(41,155,227,.09)}.company-entry.selected{border-color:#22bce4}.company-badge{width:27px!important;height:27px!important;color:#fff!important;background:#237fea;flex-shrink:0;padding:5px;border-radius:4px}.company-entry>span:nth-child(2){display:flex;flex-direction:column;gap:3px;min-width:0}.company-entry strong,.role-item strong{font-size:8.1px;white-space:nowrap}.company-entry small,.role-item small{font-size:7.1px;color:#afc5d9;white-space:nowrap}.company-check{color:#13d5ec;margin-left:auto;font-size:13px}.company-list button{background:none;border:0;color:#05e0ed;font-size:9px;margin-top:5px;padding-left:1px;white-space:nowrap}.roles-card{height:219px;padding:13px 11px}.roles-card h3{margin-bottom:8px}.role-item{height:42px;background:rgba(27,67,99,.55);border-radius:5px;display:flex;align-items:center;gap:8px;margin-bottom:2px;padding:5px}.role-icon{width:30px!important;height:30px!important;border-radius:6px;display:flex;align-items:center;justify-content:center;padding:6px;color:#fff;flex-shrink:0}.green-role{background:#1db86f}.blue-role{background:#2996f2}.purple-role{background:#9860dd}.orange-role{background:#ff8f38}.role-item>span:last-child{display:flex;flex-direction:column;gap:3px;min-width:0}.workflow-section{margin-top:30px}.workflow-section .section-heading{margin-bottom:18px}.steps{display:flex;align-items:center;gap:13px}.step{display:flex;align-items:center;min-width:0;flex:1;gap:12px}.step-num{width:31px;height:31px;border-radius:50%;background:#12cce9;color:#052d47;display:grid;place-items:center;font-weight:800;font-size:14px;flex-shrink:0}.step-icon{width:48px!important;height:48px!important;padding:10px;border:1px solid #0ea6e6;background:rgba(3,62,100,.38);border-radius:50%;color:#04d6f4;flex-shrink:0}.step h3{font-size:12.5px;margin-bottom:5px;white-space:nowrap}.step p{font-size:11.3px;line-height:1.43;color:#c4d0de}.step-connector{width:47px;flex-shrink:0;border-top:2px dashed #0fb7de;opacity:.75}.clients-section{margin-top:30px}.clients-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:13px}.clients-heading .eyebrow{margin-bottom:5px}.clients-heading h2{font-size:clamp(22px,2.5vw,32px)}.carousel-actions{display:flex;gap:8px}.carousel-arrow{width:31px;height:31px;border:1px solid rgba(45,200,238,.45);border-radius:6px;background:rgba(4,46,75,.7);color:#bdf6ff;display:grid;place-items:center}.carousel-arrow:hover{background:#0c5c82}.carousel-arrow .icon{width:16px;height:16px}.client-carousel{--logos-visible:10;border:1px solid var(--line);border-radius:8px;padding:18px 0;overflow:hidden;outline-offset:4px;background:rgba(7,42,66,.58)}.client-track{display:flex;will-change:transform;transition:transform .55s cubic-bezier(.2,.8,.25,1)}.client-item{flex:0 0 calc(100% / var(--logos-visible));height:65px;display:flex;align-items:center;justify-content:center;padding:4px 9px;border-right:1px solid rgba(95,166,213,.1)}.client-item img{width:100%;max-width:120px;height:55px;object-fit:contain}.carousel-caption{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#9ab8c8;margin:9px 3px 0}.carousel-counter{font-variant-numeric:tabular-nums;white-space:nowrap;color:#37d2ee}.contact-banner{margin-top:31px;min-height:86px;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:17px 31px;margin-bottom:14px}.contact-banner h2{font-size:19px;line-height:1.4}.contact-banner p{font-size:11.5px;color:#c1d2df;max-width:590px;margin-top:3px;line-height:1.5}.contact-banner .btn{min-width:240px}.site-footer{background:#eef4fc;color:#0c2852;min-height:79px;display:flex;align-items:center}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:79px}.footer-brand{display:flex;align-items:center;gap:13px;white-space:nowrap}.footer-brand img{width:103px;height:auto;object-fit:contain}.footer-brand>span{font-size:9px;color:#50667c}.footer-nav{display:flex;flex-wrap:wrap;align-items:center;gap:14px;justify-content:center}.footer-nav a{font-size:9px;color:#153056;white-space:nowrap}.footer-right{display:flex;align-items:center;gap:12px}.credit{font-size:9px;white-space:nowrap;color:#37536f}.credit strong{color:#092c5b}.credit:hover,.social-link:hover{color:#0a9cc4}.social-link{border-left:1px solid #b8c8db;padding-left:12px}.social-link .icon{width:17px;height:17px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:#f5feff;color:#093454;border:1px solid #28d8ee;padding:12px 22px;border-radius:9px;opacity:0;visibility:hidden;pointer-events:none;font-size:13px;box-shadow:0 7px 25px #0004;transition:all .25s;z-index:60}.toast.visible{opacity:1;visibility:visible;transform:translate(-50%,0)}.info-dialog{background:#092d48;color:#fff;border:1px solid #1c9dc1;border-radius:12px;max-width:425px;width:calc(100% - 40px);box-shadow:0 20px 70px #0009;padding:22px}.info-dialog::backdrop{background:#011323bd}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head h2{font-size:19px}.dialog-close{background:transparent;border:0;color:#fff;font-size:25px}.info-dialog p{font-size:13px;line-height:1.55;color:#c7ddeb;margin:18px 0}.info-dialog>.btn{min-height:34px}.icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;stroke-width:1.9}.icon svg{width:100%;height:100%;stroke:currentColor;stroke-width:inherit;fill:none;stroke-linecap:round;stroke-linejoin:round}#solutions,#features,#multi-company,#workflow,#clients,#contact{scroll-margin-top:90px}
@media(min-width:1500px){.hero{min-height:460px}.hero-visual{height:435px}.laptop-screen{height:351px}.phone{height:380px;top:72px}.hero h1{font-size:60px}.solutions{margin-top:0}.feature-card{min-height:210px}.feature-grid{gap:16px}}
@media(max-width:1120px){.wrap{width:calc(100% - 84px)}.site-header{gap:28px}.primary-nav{gap:25px}.hero h1{font-size:clamp(36px,4.1vw,48px)}.laptop{width:87%}.laptop-screen{height:294px}.phone{top:59px;height:334px}.feature-card{padding:18px 14px}.feature-card h3{font-size:11.5px}.feature-card p{font-size:10.9px}.roles-card{padding-left:9px;padding-right:9px}.multi-section{grid-template-columns:39% 32% 25%;gap:2%}.multi-sidebar{width:37%}.company-list{padding-left:8px}.company-entry{gap:5px}.footer-nav{gap:10px}.footer-brand>span{font-size:8px}.credit{font-size:8px}}
@media(max-width:950px){.site-header{height:70px}.brand-header{height:51px;width:146px}.primary-nav{gap:14px}.primary-nav a{font-size:10px}.header-actions{gap:10px}.hero{grid-template-columns:38% 62%;min-height:350px}.hero-visual{height:340px}.laptop-screen{height:260px}.dashboard-sidebar{width:76px}.dash-nav{font-size:6px}.dash-inner{padding:7px}.dash-panels{gap:3px}.approval-entry .avatar{width:20px;height:20px}.approval-entry{gap:3px}.tiny-status{display:none}.phone{min-width:124px;height:302px;top:50px}.phone-screen{padding-left:5px;padding-right:5px}.phone-apps>div{min-height:35px}.phone-apps .icon{width:14px;height:14px}.phone-attendance{margin-top:6px}.phone-tabs{height:31px}.solutions{gap:10px}.solution-card{padding:15px;gap:12px}.solution-card h3{font-size:12px}.solution-card p{font-size:10px}.feature-grid{grid-template-columns:repeat(3,1fr)}.feature-card{min-height:175px}.multi-section{grid-template-columns:1fr 1fr;gap:16px}.multi-copy{grid-column:1/2}.multi-control{grid-column:2/3}.roles-card{grid-column:2/3;margin-top:-2px}.multi-section{align-items:start}.multi-copy{grid-row:1/3;align-self:center}.footer-inner{flex-wrap:wrap;justify-content:center;padding-top:15px;padding-bottom:13px;row-gap:11px}.footer-nav{order:3;width:100%}.clients-section{margin-top:30px}.client-carousel{--logos-visible:6}.client-item{padding:5px 12px}}
@media(max-width:720px){.wrap{width:calc(100% - 34px)}.site-header{height:68px;gap:12px}.brand-header{width:140px;height:49px}.primary-nav{display:none;position:absolute;left:0;right:0;top:66px;border:1px solid var(--line);border-radius:8px;background:#0a2b47;box-shadow:0 15px 30px #0007;flex-direction:column;gap:0;align-items:stretch;padding:9px;z-index:20}.primary-nav.open{display:flex}.primary-nav a{padding:11px;font-size:13px}.header-actions{margin-left:auto}.languages{gap:4px}.lang{font-size:10px}.btn-header{min-height:35px;min-width:79px;font-size:10px}.menu-toggle{display:block}.hero{grid-template-columns:1fr;min-height:auto;padding-top:32px}.hero-content{margin:0}.hero h1{font-size:clamp(34px,9vw,58px)}.hero-description{max-width:470px}.hero-visual{height:340px;margin-top:21px}.laptop{width:85%;left:2%}.laptop-screen{height:258px}.phone{right:1%;top:45px;min-width:135px;height:309px}.solutions{grid-template-columns:1fr;gap:10px}.solution-card{min-height:86px}.solution-card>.icon{width:37px;height:37px}.solution-card h3{font-size:14px}.solution-card p{font-size:12px}.section-heading{align-items:flex-start;flex-direction:column;gap:10px}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-card{min-height:170px}.feature-card h3{font-size:13px}.feature-card p{font-size:12px}.multi-section{grid-template-columns:1fr;gap:15px}.multi-copy,.multi-control,.roles-card{grid-column:auto;grid-row:auto}.multi-copy{padding-bottom:5px}.multi-control,.roles-card{max-width:540px;width:100%;height:auto;min-height:215px}.roles-card{min-height:215px}.role-item{height:42px}.workflow-section{margin-top:35px}.steps{flex-direction:column;align-items:stretch;gap:12px}.step{flex:auto;gap:12px}.step p{font-size:12px}.step-connector{height:20px;width:2px;border:0;border-left:2px dashed #10c5dc;margin-left:15px}.clients-heading h2{font-size:24px}.client-carousel{--logos-visible:4}.client-item{height:65px}.contact-banner{flex-direction:column;align-items:stretch;padding:21px}.contact-banner .btn{width:max-content;max-width:100%;min-width:0}.footer-brand img{width:103px}}
@media(max-width:465px){.site-header{gap:6px}.brand-header{width:113px;height:45px;padding:8px}.header-actions{gap:8px}.languages{gap:2px}.lang{font-size:9px}.btn-header{min-width:69px;padding:0 8px}.menu-toggle{padding:6px}.hero{padding-top:24px}.hero h1{font-size:clamp(31px,9.4vw,43px)}.hero-description{font-size:15px}.hero-buttons{gap:8px}.hero-buttons .btn{min-width:0;padding:0 13px;font-size:11px;gap:5px}.hero-visual{height:274px;margin-top:20px}.laptop{width:91%;left:0}.laptop-lid{padding:8px 6px 7px;border-radius:12px 12px 3px 3px}.laptop-screen{height:214px}.dashboard-sidebar{width:58px;padding:4px 2px}.dash-nav{font-size:5px;height:17px;gap:2px;padding:0 3px}.dash-nav .icon{width:9px;height:9px}.dash-brand{height:24px}.dash-brand img{width:50px;height:18px}.dashboard-main .dash-topbar{height:26px;gap:3px}.dash-inner>h3{font-size:10px;margin-bottom:5px}.dash-company{font-size:5px;padding:3px}.dash-user{min-width:34px}.dash-user strong{font-size:5px}.dash-user small{font-size:4px}.avatar-top{width:16px;height:16px}.stat-grid{gap:3px}.stat{padding:6px 3px;min-height:43px}.stat>span{font-size:4.5px}.stat strong{font-size:12px}.stat small{font-size:4.5px}.stat .icon{width:12px;height:12px}.dash-inner{padding:5px}.dash-panels{margin-top:5px;gap:3px}.chart-panel,.approval-panel{padding:6px 4px;min-height:127px}.chart-panel h4,.approval-panel h4{font-size:6px}.chart-legend{gap:3px;font-size:4px;margin-top:6px}.chart-wrap{height:95px;margin-top:6px}.chart-y{height:75px;font-size:5px}.chart-bars,.bar-col{height:91px}.bar-col>span{font-size:5px}.bar{max-width:18px}.bar-1{height:44px}.bar-2{height:51px}.bar-3{height:49px}.bar-4{height:55px}.bar-5{height:52px}.panel-heading{margin-bottom:4px}.panel-heading a{font-size:5px}.approval-entry{margin-bottom:2px;gap:2px}.approval-entry .avatar{width:17px;height:17px}.approval-entry strong{font-size:5px}.approval-entry div>span,.approval-entry small{font-size:4.4px}.tiny-action{display:none}.phone{top:34px;min-width:106px;width:29%;height:239px;padding:3px;border-radius:21px}.phone-border{border-radius:16px}.phone-screen{padding-left:4px;padding-right:4px}.phone-status{font-size:5px;padding-bottom:4px}.phone-profile{gap:3px;height:32px}.phone-profile .avatar{width:19px;height:19px}.phone-profile small{font-size:5px}.phone-profile strong{font-size:6px}.phone-profile div>span{font-size:4.5px}.phone-profile>.icon{width:9px;height:9px}.phone-apps{gap:3px;margin-top:5px}.phone-apps>div{min-height:29px;font-size:5px;gap:2px}.phone-apps .icon{width:12px;height:12px}.phone-attendance{padding:5px 4px;margin-top:5px}.phone-attendance>strong{font-size:6px}.phone-attendance>div{margin-top:5px;gap:3px}.checked{width:17px;height:17px;font-size:11px}.phone-attendance>div>span:last-child{font-size:5px}.phone-attendance small{font-size:6px;margin-top:2px}.phone-attendance>button{height:17px;font-size:5px;margin-top:5px}.phone-tabs{height:27px}.phone-tabs>span{font-size:4px}.phone-tabs .icon{width:9px;height:9px}.feature-grid{gap:9px}.feature-card{padding:14px 13px}.feature-card>.icon{margin-bottom:10px}.feature-card h3{font-size:12px;white-space:normal}.clients-heading h2{font-size:20px}.client-carousel{--logos-visible:3}.client-item{padding:3px}.carousel-caption{font-size:9px}.footer-inner{gap:12px}.footer-nav{gap:8px}.footer-nav a{font-size:9px}.footer-brand{flex-wrap:wrap;justify-content:center}.footer-right{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* v4: the illustration is a *transparent cutout*, not a rectangular image. */
.hero{min-height:470px}
.hero-visual-photo{height:458px;overflow:visible;isolation:isolate;margin-left:-48px;width:calc(100% + 82px);background:none;border:0;box-shadow:none}
.hero-visual-photo::before{content:"";pointer-events:none;position:absolute;z-index:-1;inset:12% 0 12% 6%;border-radius:50%;background:radial-gradient(ellipse at 60% 48%,rgba(12,136,204,.24),rgba(0,91,144,.12) 48%,transparent 75%);filter:blur(33px)}
.hero-reference{display:block;position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;object-position:center center;background:transparent;border:none;box-shadow:none;filter:drop-shadow(0 14px 22px rgba(1,10,23,.24));transform:scale(1.13);transform-origin:60% 52%;-webkit-mask-image:none;mask-image:none;z-index:3}
.hero-visual-photo .laptop,.hero-visual-photo .phone,.hero-visual-photo .visual-glow{display:none}
.avatar{border:1px solid rgba(255,255,255,.68);object-fit:cover;object-position:center}
/* Hide the previous demo footer/counter row if a cached HTML page references it. */
.carousel-caption,.carousel-counter{display:none!important}
@media(max-width:1120px){.hero{min-height:425px}.hero-visual-photo{height:421px;margin-left:-30px;width:calc(100% + 58px)}}
@media(max-width:950px){.hero{min-height:390px}.hero-visual-photo{height:375px;margin-left:-17px;width:calc(100% + 39px)}}
@media(max-width:720px){.hero{min-height:auto}.hero-visual-photo{height:auto;aspect-ratio:1672/941;margin:8px -2px 3px;width:calc(100% + 4px)}.hero-reference{position:relative;inset:auto;width:100%;height:100%;object-fit:contain;transform:none}}
@media(max-width:465px){.hero-visual-photo{height:auto;aspect-ratio:1672/941;margin:8px -6px 5px;width:calc(100% + 12px)}}


/* v5: one full-bleed background image across the entire viewport, with live text OVER it. */
.site-shell{position:relative;isolation:isolate}
.site-shell::before{content:"";position:absolute;left:0;right:0;top:0;height:clamp(600px,45vw,735px);pointer-events:none;z-index:-1;background-image:url("../image/kinera-hero-fullwidth-v5.webp");background-position:center top;background-size:cover;background-repeat:no-repeat;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 80%,rgba(0,0,0,.72) 90%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 80%,rgba(0,0,0,.72) 90%,transparent 100%)}
.site-header{position:relative;z-index:20}
.hero{display:flex;align-items:center;position:relative;min-height:510px;padding:15px 0 32px;isolation:isolate}
.hero::before{display:none}
.hero-content{position:relative;z-index:4;width:min(44%,570px);max-width:570px;margin:0;text-shadow:0 2px 15px rgba(1,16,32,.10)}
.hero h1{font-size:clamp(37px,4vw,60px);max-width:100%;line-height:1.08}
.hero h1>span{white-space:normal}
.hero-description{max-width:430px}
.hero-visual-photo{display:none}
/* Hide the broad hero panorama above the content on a stacked mobile layout. */
@media(max-width:950px){.site-shell::before{height:560px;background-size:auto 560px;background-position:56% top}.hero{min-height:440px;padding-top:0}.hero-content{width:min(49%,490px)}.hero h1{font-size:clamp(33px,4.4vw,45px)}}
@media(max-width:720px){.site-shell::before{height:600px;background-image:url("../image/kinera-hero-waves-v5.webp");background-position:center top;background-size:auto 600px;-webkit-mask-image:linear-gradient(#000 0%,#000 70%,transparent 100%);mask-image:linear-gradient(#000 0%,#000 70%,transparent 100%)}.hero{display:block;min-height:0;padding:34px 0 20px}.hero-content{width:100%;max-width:560px}.hero h1{font-size:clamp(35px,8.5vw,53px)}.hero-description{max-width:490px}.hero-visual-photo{display:block;position:relative;z-index:2;width:100%;height:auto;aspect-ratio:1672/941;margin:8px 0 0;overflow:visible;background:none;isolation:auto}.hero-visual-photo::before{display:none}.hero-reference{position:relative;display:block;inset:auto;width:100%;height:100%;object-fit:contain;object-position:center;transform:none;filter:drop-shadow(0 12px 22px rgba(0,10,26,.30));-webkit-mask-image:none;mask-image:none}.hero-visual-photo .laptop,.hero-visual-photo .phone,.hero-visual-photo .visual-glow{display:none}}
@media(max-width:465px){.site-shell::before{height:560px;background-size:auto 560px}.hero{padding:24px 0 18px}.hero h1{font-size:clamp(30px,9vw,42px)}.hero-visual-photo{width:calc(100% + 12px);margin:10px -6px 0}.hero-description{font-size:15px}}

/* v5 responsive refinements: keep full device mockups clear of other content. */
@media(min-width:1500px){.hero{min-height:560px}}
@media(min-width:721px) and (max-width:950px){
 .site-shell::before{height:670px;background-image:url("../image/kinera-hero-waves-v5.webp");background-position:center top;background-size:cover;-webkit-mask-image:linear-gradient(#000 0%,#000 75%,transparent 100%);mask-image:linear-gradient(#000 0%,#000 75%,transparent 100%)}
 .hero{display:block;min-height:0;padding:30px 0 18px}
 .hero-content{width:100%;max-width:650px}
 .hero h1{font-size:clamp(38px,6vw,50px)}
 .hero-description{max-width:550px}
 .hero-visual-photo{display:block;position:relative;width:100%;height:auto;aspect-ratio:1672/941;margin:0;overflow:visible;background:none;isolation:auto}
 .hero-visual-photo::before{display:none}
 .hero-reference{position:relative;display:block;inset:auto;width:100%;height:100%;object-fit:contain;object-position:center;transform:none;filter:drop-shadow(0 12px 22px rgba(0,10,26,.30));-webkit-mask-image:none;mask-image:none}
}