/* EasyTimePay concise landing architecture */
.landing-v9{background:radial-gradient(circle at 90% 8%,rgba(22,182,200,.12),transparent 25%),#f5f9fb}.landing-v9 .hero{min-height:770px}.landing-v9 .section-pad{padding-block:clamp(78px,7vw,118px)}.hero-dashboard-window{transform:rotate(.35deg)}.hero-dashboard-window .product-window-bar small{color:#6e8794}.hero-home-window{position:relative;overflow:hidden}.hero-home-scroll{height:clamp(520px,61vh,700px);overflow-y:auto;overflow-x:hidden;background:#edf4f7;scrollbar-width:thin;scrollbar-color:#078eae #e0ebef}.hero-home-scroll img{display:block;width:100%;height:auto;max-width:none;aspect-ratio:auto;object-fit:initial}.dashboard-scroll-cue{position:absolute;right:20px;bottom:18px;padding:8px 11px;border-radius:999px;background:rgba(15,56,78,.86);color:#fff;font-size:.54rem;font-weight:750;letter-spacing:.05em;box-shadow:0 8px 22px rgba(12,43,61,.18);pointer-events:none}.hero-home-scroll:focus-visible{outline:3px solid #1bb9c6;outline-offset:-3px}
.strength-overview{background:linear-gradient(180deg,#eef8fa,#f8fbfc 75%);border-block:1px solid #d6e7ed}.strength-bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(235px,auto);gap:16px}.strength-tile{position:relative;min-width:0;padding:28px;border:1px solid #d1e4ea;border-radius:26px;background:rgba(255,255,255,.9);box-shadow:0 15px 40px rgba(24,76,100,.07);overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s}.strength-tile:hover{transform:translateY(-4px);border-color:#91cfda;box-shadow:0 22px 48px rgba(24,76,100,.12)}.strength-tile>div{position:relative;z-index:2}.strength-tile small{display:block;color:#078ca9;font-size:.56rem;font-weight:850;letter-spacing:.13em}.strength-tile h3{font-size:1.35rem;line-height:1.1;letter-spacing:-.035em;margin:11px 0}.strength-tile p{margin:0;color:#627a89;font-size:.7rem;line-height:1.65}.tile-icon{position:absolute;right:20px;top:18px;width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#0a8fab,#21bdc7);color:#fff;font-size:.72rem;font-weight:850;box-shadow:0 10px 24px rgba(8,143,171,.2)}.tile-report{grid-column:span 2;display:grid;grid-template-columns:1fr .8fr;gap:30px;background:linear-gradient(145deg,#fff,#e9f8fa)}.tile-report .tile-icon,.tile-filter .tile-icon{left:28px;right:auto}.tile-report>div:first-of-type,.tile-filter>div:first-of-type{padding-top:55px}.report-lines{align-self:end;padding:18px;border:1px solid #cde2e8;border-radius:16px;background:#fff}.report-lines i{display:block;height:8px;margin:8px 0;border-radius:99px;background:#dcecf0}.report-lines i:nth-child(1){width:90%;background:#8dd1dc}.report-lines i:nth-child(2){width:72%}.report-lines i:nth-child(3){width:83%}.report-lines b{display:inline-block;margin:10px 5px 0 0;padding:6px 8px;border-radius:7px;background:#e8f6f8;color:#087f9a;font-size:.53rem}.tile-import{grid-row:span 2}.status-stack{display:grid;gap:8px;margin-top:26px}.status-stack span{display:flex;justify-content:space-between;padding:11px;border:1px solid #dbe7eb;border-radius:10px;background:#f8fbfc;color:#4e6b7a;font-size:.59rem}.status-stack b{color:#168354}.tile-filter{grid-column:span 2;display:grid;grid-template-columns:.75fr 1.25fr;gap:25px}.tile-filter img{align-self:end;width:100%;max-height:260px;object-fit:cover;object-position:top;border:1px solid #d1e3e9;border-radius:15px;box-shadow:0 14px 30px rgba(20,70,94,.1)}.action-pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:25px}.action-pills span{padding:7px 9px;border-radius:999px;background:#e9f7f9;color:#117d94;font-size:.55rem}.mini-bars{height:90px;display:flex;align-items:end;gap:8px;margin-top:20px}.mini-bars i{flex:1;height:var(--v);border-radius:7px 7px 2px 2px;background:linear-gradient(#20bbc6,#078ba8)}.tile-scale{background:linear-gradient(145deg,#15364b,#0d536d);color:#fff}.tile-scale small,.tile-scale p{color:#a9d8e1}.tile-scale h3{color:#fff}
.module-explorer{background:#fff}.compact-module-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.compact-module-grid .module-card{appearance:none;width:100%;min-height:155px;padding:20px;border:1px solid #d4e4ea;border-radius:20px;background:#f9fcfd;color:var(--ink);display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr auto;gap:12px;text-align:left;font:inherit;cursor:pointer;box-shadow:none}.compact-module-grid .module-card:before{display:none}.compact-module-grid .module-card:hover,.compact-module-grid .module-card:focus-visible{transform:translateY(-4px);border-color:#72c5d3;background:#effafb;box-shadow:0 16px 36px rgba(19,77,101,.11);outline:none}.compact-module-grid .module-card.featured{background:linear-gradient(145deg,#fff,#ebf9fa);border-color:#b7dfe6}.module-glyph{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#e4f5f7;color:#0786a3;font-size:1.08rem;font-weight:900}.module-glyph .fa{line-height:1}.compact-module-grid .module-card>div{min-width:0}.compact-module-grid h3{font-size:.95rem;margin:3px 0 7px}.compact-module-grid p{margin:0;color:#6a8190;font-size:.61rem;line-height:1.5}.compact-module-grid .module-card>b{grid-column:1/-1;color:#0788a5;font-size:.55rem;text-transform:uppercase;letter-spacing:.07em}.module-card.hidden{display:none}
.module-dialog{width:min(1180px,calc(100% - 32px));max-width:none;max-height:calc(100vh - 32px);padding:0;border:1px solid #c9e1e7;border-radius:28px;background:#f7fbfc;color:var(--ink);box-shadow:0 36px 110px rgba(12,46,65,.35);overflow:auto}.module-dialog::backdrop{background:rgba(9,36,52,.62);backdrop-filter:blur(7px)}.module-dialog .dialog-close{position:fixed;position:sticky;float:right;right:18px;top:14px;z-index:5;margin:14px 14px -54px 0;width:40px;height:40px;border:1px solid #cbdfe5;border-radius:50%;background:#fff;color:#173d54;font-size:1.25rem;cursor:pointer}.module-detail-head{min-height:180px;padding:42px 70px 35px;display:flex;align-items:center;gap:22px;background:linear-gradient(120deg,#0b7f9c,#0aa1b9);color:#fff}.module-detail-mark{width:72px;height:72px;flex:none;border-radius:21px;display:grid;place-items:center;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);font-size:1.05rem;font-weight:900}.module-detail-head p{margin:0 0 6px;color:#bde9ef;font-size:.58rem;font-weight:850;letter-spacing:.13em}.module-detail-head h2{margin:0;font-size:clamp(2rem,4vw,3.8rem);line-height:1;letter-spacing:-.055em}.module-detail-head strong{display:block;margin-top:10px;color:#d8f1f4;font-size:.75rem;font-weight:500}.module-detail-body{padding:42px 50px;display:grid;grid-template-columns:.76fr 1.24fr;gap:45px}.module-detail-copy>p{color:#597382;font-size:.78rem;line-height:1.7}.module-detail-copy h3{margin:25px 0 10px;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:#087f9c}.module-detail-copy ul{list-style:none;padding:0;margin:0}.module-detail-copy li{padding:9px 0;border-bottom:1px solid #dae7eb;color:#3f5d6e;font-size:.69rem}.module-detail-copy li:before{content:"✓";color:#0795a8;font-weight:900;margin-right:9px}.module-flow{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.module-flow span{padding:8px 10px;border-radius:9px;background:#e7f6f8;color:#1a7187;font-size:.56rem;font-weight:750}.module-flow i{font-style:normal;color:#74a7b4}.module-detail-visual{min-height:400px;display:flex;align-items:center;justify-content:center}.module-screen{margin:0;width:100%;border:1px solid #cbdfe6;border-radius:19px;background:#fff;overflow:hidden;box-shadow:0 20px 48px rgba(18,66,90,.13)}.module-screen>div{height:42px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;background:#edf5f7;color:#5f7886;font-size:.53rem}.module-screen>div b{color:#087f9b}.module-screen img{display:block;width:100%;max-height:480px;object-fit:contain;background:#eef4f7}.module-screen figcaption{padding:10px 14px;color:#748a96;font-size:.51rem}.capability-map{width:100%;min-height:360px;padding:28px;border:1px solid #cfe2e8;border-radius:22px;background:radial-gradient(circle at 50% 30%,rgba(23,182,195,.16),transparent 35%),#fff;display:grid;place-items:center}.capability-core{width:160px;height:160px;border-radius:50%;display:grid;place-items:center;text-align:center;background:linear-gradient(145deg,#087f9c,#13acbb);color:#fff;box-shadow:0 18px 45px rgba(8,135,159,.25)}.capability-core strong{font-size:1rem}.capability-nodes{display:grid;grid-template-columns:1fr 1fr;gap:9px;width:100%;margin-top:-15px}.capability-nodes span{padding:13px;border:1px solid #d7e5ea;border-radius:11px;background:#f8fbfc;text-align:center;color:#426273;font-size:.6rem}.module-detail-footer{padding:18px 50px 25px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #d7e5ea;background:#fff}.module-detail-footer small{color:#718894;font-size:.54rem}.module-contact{text-decoration:none}.module-contact:focus{outline:2px solid #fff}.landing-v9.dialog-open{overflow:hidden}
.payroll-detail #module-dialog-features{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.module-visual-stack{width:100%;display:grid;gap:12px}.statutory-strip{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:12px 14px;border:1px solid #b9dfe5;border-radius:14px;background:linear-gradient(120deg,#e8f8fa,#fff)}.statutory-strip strong{margin-right:auto;color:#075f79;font-size:.62rem;text-transform:uppercase;letter-spacing:.07em}.statutory-strip span{padding:6px 9px;border-radius:999px;background:#078aa6;color:#fff;font-size:.53rem;font-weight:800}.landing-v9 .product-proof{background:#edf6f9}.landing-v9 .screen-frame img{max-height:720px;object-fit:contain;background:#e8f0f3}.landing-v9 .contact-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.landing-v9 .contact-details{max-width:900px;margin:30px auto 0;display:grid;grid-template-columns:1.3fr .7fr;gap:12px;text-align:left}.landing-v9 .contact-details span{padding:14px 17px;border:1px solid #d1e3e9;border-radius:12px;background:#fff;color:#5f7887;font-size:.62rem}.landing-v9 .contact-details b{display:block;margin-bottom:4px;color:#173d54;font-size:.55rem;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:1200px){.strength-bento{grid-template-columns:repeat(3,1fr)}.tile-report,.tile-filter{grid-column:span 2}.compact-module-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:900px){.strength-bento{grid-template-columns:1fr 1fr}.tile-report,.tile-filter{grid-column:1/-1}.tile-import{grid-row:auto}.compact-module-grid{grid-template-columns:repeat(3,1fr)}.module-detail-body{grid-template-columns:1fr;padding:32px}.module-detail-head{padding:35px 50px 30px}.module-detail-visual{min-height:0}}
@media(max-width:650px){.landing-v9 .hero{min-height:auto}.strength-bento{grid-template-columns:1fr}.tile-report,.tile-filter{grid-column:auto;display:block}.tile-report>div:first-of-type,.tile-filter>div:first-of-type{padding-top:55px}.report-lines,.tile-filter img{margin-top:22px}.compact-module-grid{grid-template-columns:1fr 1fr}.compact-module-grid .module-card{min-height:145px;padding:16px}.module-detail-head{padding:65px 20px 25px;align-items:flex-start}.module-detail-mark{width:54px;height:54px;border-radius:15px}.module-detail-body{padding:25px 18px}.payroll-detail #module-dialog-features{grid-template-columns:1fr}.module-detail-footer{padding:17px 18px;align-items:stretch;flex-direction:column}.capability-map{padding:18px}.landing-v9 .contact-details{grid-template-columns:1fr}.landing-v9 .contact-actions{display:grid}}
@media(max-width:420px){.compact-module-grid{grid-template-columns:1fr}.compact-module-grid .module-card{min-height:125px}.module-detail-head h2{font-size:2rem}}