.time-page{--tt-navy:#0d2f59;--tt-ink:#102846;--tt-muted:#63748a;--tt-line:#d7e1eb;--tt-soft:#f3f7fa;color:var(--tt-ink);background:#fff}.time-page *{box-sizing:border-box}.tt-kicker{margin:0 0 17px;color:#087f70;font-size:10px;font-weight:800;letter-spacing:.16em}.tt-hero{padding:84px 0 92px;background:#f5f8fb;border-bottom:1px solid var(--tt-line)}.tt-hero-grid,.tt-timesheet-grid,.tt-cost-grid{display:grid;grid-template-columns:1fr 1fr;gap:82px;align-items:center}.tt-hero h1,.tt-intro h2,.tt-workflow h2,.tt-timesheet h2,.tt-cost h2,.tt-privacy h2,.tt-faq h2,.tt-final h2{margin:0;color:var(--tt-navy);font-size:clamp(40px,5vw,68px);letter-spacing:-.065em;line-height:.98}.tt-hero p:not(.tt-kicker){max-width:610px;margin:25px 0;color:var(--tt-muted);font-size:17px;line-height:1.75}.tt-actions{display:flex;gap:12px;margin-top:30px}.tt-actions a,.tt-final a{display:inline-flex;align-items:center;gap:18px;padding:15px 19px;background:var(--tt-navy);color:#fff;text-decoration:none;font-size:13px;font-weight:750;border-radius:8px}.tt-actions a:last-child{color:var(--tt-navy);background:#fff;border:1px solid #cbd8e4}.tt-hero small{display:block;margin-top:14px;color:#78889a}.tt-live-card,.tt-sheet,.tt-cost-panel{background:#fff;border:1px solid #cad8e5;box-shadow:0 24px 48px rgba(13,47,89,.1)}.tt-live-card header,.tt-sheet header,.tt-cost-panel header{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;border-bottom:1px solid var(--tt-line)}.tt-live-card header span{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:750}.tt-live-card header img{width:23px}.tt-live-card header em{padding:6px 8px;border-radius:10px;background:#e5f7f1;color:#087f70;font-size:9px;font-weight:800;font-style:normal}.tt-live-body{padding:22px}.tt-live-body label{display:block;color:#6f8195;font-size:9px;font-weight:800;letter-spacing:.1em}.tt-live-body select{display:block;width:100%;margin:9px 0 15px;padding:12px;border:1px solid var(--tt-line);background:#fff;color:var(--tt-ink);font:inherit;font-size:13px}.tt-live-body strong{display:block;font-size:46px;letter-spacing:-.06em}.tt-live-body p{margin:4px 0 20px;color:#718095;font-size:12px}.tt-live-body button{width:100%;padding:14px;border:0;background:#0b5dac;color:#fff;font:inherit;font-size:13px;font-weight:800;cursor:pointer}.tt-live-body button b{float:right}.tt-live-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.tt-live-stats span{padding:12px;background:var(--tt-soft)}.tt-live-stats small,.tt-live-stats b{display:block}.tt-live-stats small{font-size:8px;color:#708197}.tt-live-stats b{margin-top:5px;font-size:17px}.tt-live-card footer{padding:14px 20px;color:#728299;font-size:10px}.tt-live-card footer i{display:inline-block;width:7px;height:7px;margin-right:6px;background:#12bf9f;border-radius:50%}.tt-proof{border-bottom:1px solid var(--tt-line)}.tt-proof .wrap{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:18px}.tt-proof span{color:#087f70;font-size:9px;font-weight:800;letter-spacing:.14em}.tt-proof b{font-size:11px}.tt-intro{padding:110px 0}.tt-intro h2{max-width:900px}.tt-intro>div>p:last-child{max-width:720px;margin:28px 0 0;color:var(--tt-muted);font-size:17px;line-height:1.75}.tt-workflow{padding:96px 0;background:var(--tt-soft);border-block:1px solid var(--tt-line)}.tt-workflow header{max-width:850px}.tt-workflow-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:50px;border-top:1px solid var(--tt-line)}.tt-workflow-grid article{padding:26px 26px 27px 0;border-bottom:1px solid var(--tt-line)}.tt-workflow-grid article:nth-child(odd){border-right:1px solid var(--tt-line)}.tt-workflow-grid article:nth-child(even){padding-left:26px}.tt-workflow-grid i{color:#087f70;font-size:10px;font-style:normal}.tt-workflow-grid h3{margin:14px 0 8px;font-size:21px}.tt-workflow-grid p{margin:0;color:var(--tt-muted);font-size:13px;line-height:1.7}.tt-timesheet{padding:108px 0}.tt-sheet header p,.tt-sheet header h2{margin:0}.tt-sheet header p,.tt-cost-panel header span{font-size:9px;font-weight:800;letter-spacing:.1em;color:#718197}.tt-sheet header h2{margin-top:4px;font-size:26px;letter-spacing:-.05em}.tt-sheet header>span{font-size:11px;font-weight:750;color:#087f70}.tt-sheet-row{display:grid;grid-template-columns:1fr 90px 80px;gap:12px;align-items:center;padding:15px 20px;border-bottom:1px solid var(--tt-line)}.tt-sheet-head{padding-block:10px;color:#718197;font-size:9px;font-weight:800}.tt-sheet-row b,.tt-sheet-row small{display:block}.tt-sheet-row b{font-size:13px}.tt-sheet-row small{margin-top:4px;color:#718197;font-size:10px}.tt-sheet-row strong{font-size:12px}.tt-sheet-row em{padding:5px;background:#e7f7f1;color:#087f70;font-size:9px;font-style:normal;font-weight:750;text-align:center}.tt-sheet .tt-pending{background:#fff3da;color:#956400}.tt-sheet footer,.tt-cost-panel footer{padding:13px 20px;color:#718197;font-size:10px}.tt-timesheet-grid>div:last-child>p:not(.tt-kicker){color:var(--tt-muted);line-height:1.75}.tt-timesheet-grid ul{margin:24px 0 0;padding:0;list-style:none}.tt-timesheet-grid li{margin:9px 0;font-size:13px}.tt-timesheet-grid li:before{content:'✓';margin-right:9px;color:#087f70}.tt-cost{padding:104px 0;background:var(--tt-navy);color:#fff}.tt-cost .tt-kicker{color:#7fe3ce}.tt-cost h2{color:#fff}.tt-cost-grid>div>p:not(.tt-kicker){color:#c2cfde;line-height:1.75}.tt-cost a{display:inline-block;margin-top:15px;color:#7fe3ce;font-size:13px;font-weight:750;text-decoration:none}.tt-cost-panel{box-shadow:none}.tt-cost-panel header b{color:#087f70;font-size:10px}.tt-cost-panel>div{display:grid;grid-template-columns:1.2fr 45px 100px 80px;gap:8px;padding:15px 20px;border-bottom:1px solid var(--tt-line);align-items:center;color:var(--tt-ink);font-size:11px}.tt-cost-panel i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%}.tt-cost-panel .blue{background:#2d8cff}.tt-cost-panel .green{background:#11b99a}.tt-cost-panel .purple{background:#7146f5}.tt-cost-panel em{color:#087f70;font-size:9px;font-style:normal;font-weight:750}.tt-cost-panel .tt-muted{color:#718197}.tt-privacy{padding:105px 0}.tt-privacy>div>p:not(.tt-kicker){max-width:760px;margin:25px 0;color:var(--tt-muted);font-size:17px;line-height:1.75}.tt-privacy>div>div{display:grid;grid-template-columns:repeat(3,1fr);margin-top:42px;border-top:1px solid var(--tt-line)}.tt-privacy span{padding:23px 20px 23px 0;border-bottom:1px solid var(--tt-line)}.tt-privacy span+span{padding-left:20px;border-left:1px solid var(--tt-line)}.tt-privacy b,.tt-privacy small{display:block}.tt-privacy small{margin-top:8px;color:var(--tt-muted);line-height:1.6}.tt-faq{padding:100px 0;background:var(--tt-soft)}.tt-faq header{max-width:800px}.tt-faq>div>div{max-width:900px;margin:45px 0 0}.tt-faq details{border-top:1px solid var(--tt-line)}.tt-faq details:last-child{border-bottom:1px solid var(--tt-line)}.tt-faq summary{display:flex;justify-content:space-between;padding:21px 0;font-weight:750;cursor:pointer;list-style:none}.tt-faq summary i{font-style:normal}.tt-faq details[open] summary i{transform:rotate(45deg)}.tt-faq details p{max-width:720px;margin:-6px 0 22px;color:var(--tt-muted);line-height:1.7}.tt-final{padding:94px 0;text-align:center}.tt-final h2{max-width:800px;margin:auto}.tt-final p:not(.tt-kicker){color:var(--tt-muted)}.tt-final a{margin-top:20px}.tt-final .tt-kicker{color:#087f70}@media(max-width:850px){.tt-hero-grid,.tt-timesheet-grid,.tt-cost-grid{grid-template-columns:1fr;gap:44px}.tt-proof .wrap{flex-wrap:wrap;padding-block:18px}.tt-proof span{width:100%}}@media(max-width:620px){.tt-hero,.tt-intro,.tt-workflow,.tt-timesheet,.tt-cost,.tt-privacy,.tt-faq{padding:68px 0}.tt-hero h1{font-size:47px}.tt-actions{flex-direction:column}.tt-actions a{justify-content:center}.tt-workflow-grid,.tt-privacy>div>div{grid-template-columns:1fr}.tt-workflow-grid article:nth-child(odd),.tt-privacy span+span{border-left:0}.tt-workflow-grid article:nth-child(even),.tt-privacy span+span{padding-left:0}.tt-sheet-row{grid-template-columns:1fr 74px}.tt-sheet-row em{grid-column:2}.tt-cost-panel>div{grid-template-columns:1fr 45px 90px}.tt-cost-panel>div em{grid-column:3}.tt-final{padding:70px 0}}