/* Public product experience and focused personal workspace. */
:root{--ink:#0f172a;--muted:#526277;--line:#e0e7ed;--bg:#f8fafc;--blue:#2563eb;--green:#0f766e;--blue-soft:#eaf5f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif}
[hidden]{display:none!important}.icon{width:22px;height:22px;flex-shrink:0;vertical-align:middle}.brand{color:var(--ink);font-size:1.05rem;line-height:1.15;gap:10px}.brand>.icon{color:var(--green);width:34px;height:34px;stroke-width:1.8}.brand-second{display:block;color:#536475;font-size:.75rem;font-weight:600;letter-spacing:.025em;margin-top:4px}.topbar{background:#fff;color:var(--ink);border-bottom:1px solid var(--line)}.topbar-inner{min-height:88px;gap:24px}.nav{padding:0;gap:8px;margin-left:auto}.nav a{color:var(--muted);font-weight:600;padding:12px 14px;font-size:.83rem}.nav a:hover,.nav a[aria-current]{color:var(--green);background:var(--blue-soft)}.header-cta{white-space:nowrap}.btn{border-radius:8px;font-size:.85rem;min-height:46px;padding:12px 18px}.btn-primary{background:var(--green);border-color:var(--green)}.btn-primary:hover{background:#115e59}.btn .icon{width:17px;height:17px}.btn-secondary{border-color:#d7e0e8;color:var(--ink)}.main{padding-top:28px}.breadcrumbs{display:flex;gap:9px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:.75rem;margin:0 0 28px}.breadcrumbs a{padding:5px 0;text-decoration:none;color:var(--blue)}.eyebrow{color:var(--green);font-size:.66rem;letter-spacing:.14em}h1{font-size:clamp(2.4rem,4.5vw,3.8rem);letter-spacing:-.055em}h2{font-size:1.7rem;letter-spacing:-.04em}h3{font-size:1.08rem;letter-spacing:-.025em}.hero-short{padding-bottom:18px}.hero-short h1{font-size:clamp(2.1rem,3.8vw,3rem)}.public-page .grid-2>.card h2{font-size:1.25rem}.public-page .hero-short .lede{margin-bottom:0;font-size:.95rem}.card{border-radius:12px;box-shadow:0 4px 20px #0f172a03}.text-link{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;font-weight:650;color:var(--blue);text-decoration:none;min-height:44px}.text-link .icon{width:16px;height:16px}.text-link:hover{text-decoration:underline}.footer{background:#f0f4f6;border-top:1px solid var(--line);padding:44px 0 24px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:36px}.footer p{margin-top:18px;font-size:.82rem}.footer nav{display:flex;flex-direction:column;gap:3px}.footer nav strong{color:var(--ink);font-size:.8rem;margin-bottom:10px}.footer nav a{margin:0;min-height:32px;padding:5px 0;text-decoration:none;font-size:.8rem;color:var(--muted)}.footer-bottom{border-top:1px solid #dce3e8;margin-top:32px;padding-top:20px;font-size:.74rem}.footer .brand{font-size:1.05rem}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#e7f4ed;border:1px solid #cbe7dc;border-radius:30px;padding:6px 12px;color:#22594b;font-size:.72rem;font-weight:650;margin-bottom:24px}.status-dot{width:6px;height:6px;background:#0f766e;border-radius:50%}.landing-hero{display:grid;grid-template-columns:1fr 1.08fr;gap:60px;align-items:center;padding:56px 0 62px}.hero-copy h1{font-size:clamp(2.8rem,4.4vw,4.05rem);line-height:1.1;margin-bottom:24px}.hero-copy>p{color:var(--muted);max-width:480px;line-height:1.8;font-size:1rem}.hero-copy .actions{margin:28px 0 20px}.hero-reassurance{display:flex;gap:20px;flex-wrap:wrap;font-size:.73rem;color:var(--muted)}.hero-reassurance>span{display:flex;align-items:center;gap:5px}.hero-reassurance .icon{width:16px;height:16px;color:var(--green)}.product-preview{margin:0;background:white;border:1px solid #d7e4e0;border-radius:14px;box-shadow:0 20px 55px #123c2d0e;position:relative}.preview-toolbar{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:#f4f8f6;border-radius:14px 14px 0 0;border-bottom:1px solid #e2ebe6;font-size:.72rem;color:#3e5862}.preview-toolbar>span:first-child{display:flex;gap:8px;align-items:center;font-weight:650}.preview-toolbar .icon{width:17px;height:17px}.demo-label{font-size:.66rem;background:white;border:1px solid #d8e4df;padding:3px 7px;border-radius:5px;color:#526277}.preview-body{padding:26px 22px}.preview-body h2{font-size:1.25rem}.preview-body .eyebrow{font-size:.55rem;margin-bottom:5px}.preview-body>.section-heading>.icon{color:var(--green)}.demo-stats{display:grid;grid-template-columns:1fr 1fr 1.3fr;border:1px solid #e6ece9;border-radius:8px;background:#fbfdfc}.demo-stats>div{display:flex;flex-direction:column;gap:10px;padding:16px 12px;min-width:0}.demo-stats>div+div{border-left:1px solid #e6ece9}.demo-stats>div>span{font-size:.64rem;color:var(--muted)}.demo-stats strong{font-size:1.7rem;font-weight:750;letter-spacing:-.04em}.demo-stats strong span{font-size:1rem;font-weight:550}.demo-stats>div:last-child strong{color:var(--green)}.demo-chart{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;padding:28px 8px 22px}.demo-day{display:flex;flex-direction:column;text-align:center;align-items:stretch;font-size:.67rem;color:var(--muted);gap:5px}.demo-day small{font-size:.59rem}.demo-bar-track{height:92px;display:flex;align-items:flex-end;background:repeating-linear-gradient(to top,#e9efed 0,#e9efed 1px,transparent 1px,transparent 30px);margin-bottom:4px}.demo-bar{display:block;width:100%;height:78px;background:#83c8b7;border-radius:4px 4px 0 0}.demo-day:nth-child(5) .demo-bar{background:#0f766e}.demo-bar.demo-rest{height:3px;background:#e2eae7}.preview-shift{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:18px}.preview-shift>div{flex:1;display:flex;flex-direction:column;gap:3px}.preview-shift strong{font-size:.71rem}.preview-shift>div>span{font-size:.61rem;color:var(--muted)}.preview-shift>.tag{font-size:.59rem}.tile-icon{display:inline-flex;align-items:center;justify-content:center;background:var(--blue-soft);color:var(--green);width:42px;height:42px;border-radius:10px}.preview-shift .tile-icon{height:32px;width:32px;border-radius:7px}.preview-shift .icon{width:18px;height:18px}.product-preview figcaption{padding:12px 20px;border-top:1px solid var(--line);background:#fafcfb;font-size:.63rem;color:var(--muted);border-radius:0 0 14px 14px;line-height:1.6}.benefit-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0;gap:24px}.benefit-strip>div{display:flex;gap:12px;align-items:flex-start}.benefit-strip .icon{color:var(--green);margin-top:2px}.benefit-strip h2{font-size:.83rem;margin-bottom:5px;letter-spacing:-.02em}.benefit-strip p{font-size:.73rem;color:var(--muted);margin:0}.landing-section{padding:60px 0 0}.section-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:26px}.section-intro h2{font-size:clamp(1.6rem,2.9vw,2.2rem);margin-bottom:10px}.section-intro p{font-size:.9rem;color:var(--muted);margin-bottom:0;max-width:600px}.section-intro>.text-link{white-space:nowrap}.tool-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tool-card{display:flex;flex-direction:column;padding:24px;text-decoration:none;background:white;border:1px solid var(--line);border-radius:12px;transition:border-color .15s,box-shadow .15s}.tool-card:hover{border-color:#7ea99e;box-shadow:0 6px 20px #0f172a08}.tool-card h3{color:var(--ink);margin:20px 0 10px;font-size:1rem}.tool-card p{color:var(--muted);font-size:.81rem;line-height:1.7;flex:1}.tool-card .text-link{font-size:.75rem;min-height:32px}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.step-number{display:block;color:#0f766e;font-size:1.1rem;font-weight:750;background:#e5f3ed;width:44px;height:44px;line-height:44px;text-align:center;border-radius:12px;margin-bottom:22px}.steps h3{margin-top:0}.steps p{font-size:.86rem;color:var(--muted);line-height:1.8}.how-section{padding-bottom:50px;border-bottom:1px solid var(--line)}.feature-section{display:grid;grid-template-columns:1fr 1fr;gap:50px}.feature-panel{border-radius:16px;background:#e7f2ee;padding:42px}.feature-panel h2{font-size:clamp(2rem,3vw,2.8rem);line-height:1.2;letter-spacing:-.05em}.feature-panel p{font-size:.9rem;line-height:1.8;color:#435f5d}.feature-panel .btn{margin-top:14px}.feature-stack{display:grid;gap:26px;padding:10px 0}.feature-stack article{padding-left:44px;position:relative}.feature-stack article>.icon{position:absolute;left:0;top:0;color:var(--green)}.feature-stack h3{margin:0 0 10px}.feature-stack p{color:var(--muted);font-size:.87rem;line-height:1.8;margin-bottom:0}.audience-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.audience-grid article>.icon{color:var(--green);margin-bottom:8px}.audience-grid h3{font-size:.96rem;margin-top:12px}.audience-grid p{font-size:.8rem;color:var(--muted);line-height:1.8}.guide-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.guide-card{border:1px solid var(--line);border-radius:12px;background:#fff;padding:26px;display:flex;flex-direction:column;text-decoration:none}.guide-card .eyebrow{font-size:.58rem}.guide-card h3{font-size:1.1rem;line-height:1.4;color:var(--ink);margin:16px 0 12px}.guide-card p{font-size:.81rem;color:var(--muted);flex:1}.guide-card .text-link{font-size:.76rem}.guide-card:hover{border-color:#8db0a4}.faq-section{display:grid;grid-template-columns:1fr 1.6fr;gap:60px}.faq-section>div>p{font-size:.86rem;color:var(--muted)}details{border-bottom:1px solid var(--line)}summary{font-size:.88rem;font-weight:650;padding:20px 0;cursor:pointer}details p{font-size:.84rem;line-height:1.8;color:var(--muted);padding-bottom:12px}.final-cta{display:flex;gap:30px;justify-content:space-between;align-items:center;background:var(--ink);color:white;border-radius:16px;padding:36px 40px;margin-top:60px}.final-cta .eyebrow{color:#91d9c4}.final-cta h2{font-size:1.75rem;max-width:550px}.final-cta p{font-size:.85rem;color:#c5d6dd;margin:0}.final-cta .btn{background:#bce8d8;color:#124a43;border-color:#bce8d8;white-space:nowrap}.resource-note{max-width:740px;padding:36px 0}.resource-note h2{font-size:1.4rem}.resource-note p{font-size:.9rem;color:var(--muted)}.article-hero{max-width:850px}.article-hero h1{font-size:clamp(2.1rem,3.8vw,3rem)}.guide-article{max-width:850px;padding:36px}.guide-article h2{font-size:1.5rem}.guide-article li{margin-bottom:12px}.article-intro{font-size:1.05rem;line-height:1.8}.article-example{background:#edf6f2;border:1px solid #cfe4dc;border-radius:10px;padding:22px;margin:28px 0}.article-example h3{margin-top:0}.article-example p{margin-bottom:0}
/* Application shell */
.tracker-page{background:#f4f7fa}.app-sidebar{width:224px;position:fixed;left:0;top:0;bottom:0;background:white;border-right:1px solid var(--line);padding:28px 18px;display:flex;flex-direction:column;z-index:5}.app-sidebar>.brand{margin:0 5px 38px}.sidebar-label{font-size:.58rem;letter-spacing:.12em;color:var(--muted);font-weight:700;padding:0 13px;margin-bottom:14px}.app-sidebar nav{display:flex;flex-direction:column;gap:7px}.app-sidebar nav a,.sidebar-bottom>a{display:flex;align-items:center;gap:11px;min-height:46px;padding:11px 12px;border-radius:7px;text-decoration:none;color:#526277;font-size:.77rem;font-weight:550}.app-sidebar nav a[aria-current],.app-sidebar nav a:hover{background:#e7f3ee;color:#0f655c}.app-sidebar nav .icon,.sidebar-bottom .icon{width:19px;height:19px}.sidebar-bottom{margin-top:auto;display:flex;flex-direction:column;gap:4px;padding-top:28px}.local-note{background:#f4f8f6;border:1px solid #e0ebe5;border-radius:8px;padding:15px;margin-bottom:12px}.local-note>.icon{display:block;color:var(--green);margin-bottom:10px}.local-note strong{display:block;font-size:.69rem;line-height:1.6}.local-note p{font-size:.66rem;color:var(--muted);margin:6px 0 0;line-height:1.7}.tracker-page>.main,.tracker-page>.app-topbar,.tracker-page>.footer{margin-left:224px;max-width:none}.tracker-page>.main{padding:32px 32px 48px}.app-topbar{height:75px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;gap:18px;color:var(--muted);font-size:.76rem}.app-topbar>a:first-child{display:none}.app-topbar>.btn{font-size:.74rem;padding:8px 12px;min-height:40px}.app-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.app-heading h1{font-size:1.85rem;letter-spacing:-.045em;line-height:1.2;margin-bottom:7px}.app-heading .eyebrow{font-size:.58rem}.app-heading p{color:var(--muted);font-size:.81rem;margin:0}.app-heading>.btn{white-space:nowrap;font-size:.78rem}.tracker-page .stats{gap:16px;margin-bottom:24px}.tracker-page .stat{background:#fff;border-color:var(--line);padding:20px;position:relative;gap:10px;border-radius:11px}.tracker-page .stat .stat-icon{position:absolute;right:18px;top:16px;border-radius:7px;background:#f0f6f4;color:#0f766e;padding:7px;line-height:0}.tracker-page .stat-icon .icon{width:17px;height:17px}.tracker-page .stat>span:not(.stat-icon){font-size:.72rem;padding-right:30px;color:var(--muted);min-height:30px}.tracker-page .stat strong{font-size:1.7rem}.tracker-page .stat small{font-size:.65rem}.tracker-page .stat:last-child{background:#0f766e;border-color:#0f766e}.tracker-page .stat:last-child>span,.tracker-page .stat:last-child>small{color:#e1f0e9}.tracker-page .stat:last-child>strong{color:white}.tracker-page .stat:last-child>.stat-icon{background:#ffffff1a;color:white}.dashboard-charts{display:grid;grid-template-columns:1.9fr 1fr;gap:24px}.tracker-page .card h2{font-size:1.08rem}.tracker-page .card{padding:24px}.tracker-page .help{font-size:.73rem}.hours-card .section-heading{align-items:flex-start;flex-wrap:wrap;gap:10px}.hours-card .section-heading .help{margin:6px 0 0}.hours-card .tag{font-size:.62rem;white-space:nowrap}.hours-chart{min-height:190px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:14px}.chart-day{display:flex;flex-direction:column;align-items:stretch;gap:8px;font-size:.68rem;text-align:center;color:var(--muted)}.chart-day .chart-bar-space{height:145px;display:flex;align-items:flex-end;background:repeating-linear-gradient(to top,#edf1f4 0,#edf1f4 1px,transparent 1px,transparent 36px)}.chart-day svg{display:block;width:100%;height:145px;overflow:visible}.chart-day .chart-hours{font-size:.58rem;min-height:15px}.chart-key{display:flex;gap:7px;align-items:center;font-size:.65rem;color:var(--muted);flex-wrap:wrap}.chart-key .help{margin:0 0 0 auto;font-size:.63rem}.key-dot{display:inline-block;width:8px;height:8px;border-radius:2px;background:#0f766e;flex-shrink:0}.overtime-dot{background:#2563eb}.hours-breakdown{display:flex;align-items:center;justify-content:center;padding:4px 0 12px;min-height:190px}.hours-breakdown svg{width:178px;height:178px;max-width:100%}.donut-value{fill:#0f172a;font-size:24px;font-weight:750;letter-spacing:-1px}.donut-label{fill:#526277;font-size:10px}.breakdown-legend{display:flex;flex-direction:column;gap:10px;font-size:.71rem;color:var(--muted)}.breakdown-legend>span{display:flex;align-items:center;gap:7px}.breakdown-legend strong{margin-left:auto;font-size:.72rem;color:var(--ink)}.dashboard-lists{display:grid;grid-template-columns:1.35fr 1fr;gap:24px}.dashboard-lists .section-heading{margin-bottom:10px;gap:12px;flex-wrap:wrap}.dashboard-lists .text-link{font-size:.69rem;min-height:30px}.dashboard-lists .entry-title{font-size:.76rem}.dashboard-lists .entry-sub{font-size:.68rem}.dashboard-lists .empty{font-size:.76rem;padding:24px 14px;margin:0;background:#fafcfd}.tracker-page .entry .btn{font-size:.67rem;min-height:38px;padding:7px 10px}.assumptions-box{border:1px solid var(--line);border-radius:8px;background:white;padding:0 18px}.assumptions-box summary{font-size:.75rem;padding:14px 0}.planner-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:24px;align-items:start}.tracker-page .calendar{gap:5px}.tracker-page .day{min-height:92px;background:#f8fafc}.tracker-page .day.has-shifts{background:#e9f5ef}.tracker-page .day-name,.tracker-page .day-hours{font-size:.62rem}.tracker-page .day-num{font-size:1.05rem}.tracker-page .form-grid{gap:12px}.tracker-page .field label{font-size:.7rem}.tracker-page .field input,.tracker-page .field select{font-size:.83rem}.tracker-page .field.checkbox label{font-size:.7rem}.tracker-page .actions .btn{font-size:.73rem}.tracker-page .tag{font-size:.65rem}.tracker-page #report-summary .result-value{font-size:1.6rem}.settings-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.tracker-page .footer{padding:28px 0 18px}.tracker-page .footer-grid{display:none}.tracker-page .footer-bottom{border:0;margin-top:0;padding-top:0;font-size:.65rem}.tracker-page #history{display:flex;flex-wrap:wrap;gap:8px}.tracker-page #history .btn{font-size:.72rem}.tracker-page #add-shift{scroll-margin-top:20px}.tracker-page #reports .form-grid,.tracker-page #comparison .form-grid{max-width:740px}.tracker-page #settings .form-grid{grid-template-columns:1fr 1fr}
@media(min-width:1500px){.tracker-page>.main{max-width:1450px;margin-left:auto;margin-right:auto;padding-left:250px}.tracker-page .stats{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1150px){.landing-hero{gap:32px}.hero-copy h1{font-size:3.15rem}.tracker-page .stats{grid-template-columns:repeat(2,minmax(0,1fr))}.planner-layout{grid-template-columns:1fr}.planner-layout #add-shift{max-width:none}.tracker-page #add-shift .form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.app-sidebar{width:200px;padding:24px 12px}.tracker-page>.main,.tracker-page>.app-topbar,.tracker-page>.footer{margin-left:200px}.tracker-page>.main{padding:28px 24px}.dashboard-charts{gap:16px;grid-template-columns:1.7fr 1fr}.dashboard-lists{gap:16px}.hours-chart{gap:8px}.benefit-strip{gap:16px}.benefit-strip h2{font-size:.77rem}}
@media(max-width:950px){.topbar-inner{flex-wrap:wrap;padding-top:16px;padding-bottom:14px;gap:14px}.nav{order:3;width:100%;margin:0;justify-content:center;gap:8px}.header-cta{margin-left:auto}.nav a{font-size:.79rem}.landing-hero{grid-template-columns:1fr;gap:36px;padding-top:38px}.hero-copy{max-width:630px}.hero-copy h1{font-size:3.3rem}.desktop-break{display:none}.hero-copy>p{max-width:570px}.product-preview{max-width:650px;width:100%}.benefit-strip{grid-template-columns:1fr 1fr;gap:24px}.tool-cards{grid-template-columns:1fr 1fr}.feature-section{gap:30px}.feature-panel{padding:30px}.audience-grid{grid-template-columns:1fr 1fr;gap:24px}.guide-cards{grid-template-columns:1fr 1fr}.guide-card:last-child{grid-column:1/-1}.faq-section{gap:35px;grid-template-columns:1fr 1.7fr}.settings-layout{grid-template-columns:1fr}.dashboard-lists{grid-template-columns:1fr}.dashboard-charts{grid-template-columns:1fr}.breakdown-card{display:grid;grid-template-columns:1fr 1fr;align-items:center}.breakdown-card h2,.breakdown-card>.help{grid-column:1;align-self:end}.breakdown-card h2{margin:0}.breakdown-card>.help{align-self:start;margin-bottom:0}.breakdown-card .hours-breakdown{grid-column:2;grid-row:1/4;min-height:150px;padding:0}.breakdown-card .hours-breakdown svg{width:150px;height:150px}.breakdown-legend{grid-column:1;max-width:180px}.tracker-page .card h2{font-size:1.05rem}.app-heading{align-items:flex-start}.app-heading h1{font-size:1.5rem}}
@media(max-width:768px){.app-sidebar{position:static;width:auto;padding:12px 20px;border-right:0;border-bottom:1px solid var(--line);display:block}.app-sidebar>.brand,.sidebar-label,.sidebar-bottom{display:none}.app-sidebar nav{display:flex;flex-direction:row;gap:6px;flex-wrap:wrap}.app-sidebar nav a{min-height:44px;font-size:.72rem;padding:9px}.app-sidebar nav .icon{width:16px;height:16px}.tracker-page>.main,.tracker-page>.app-topbar,.tracker-page>.footer{margin-left:0}.tracker-page>.app-topbar{position:relative;order:0;height:65px;padding:0 20px}.app-topbar>a:first-child{display:flex;align-items:center;gap:7px;font-size:.79rem;text-decoration:none;color:var(--ink);font-weight:700}.app-topbar>span{display:none}.tracker-page{display:flex;flex-direction:column}.tracker-page>.app-sidebar{order:1}.tracker-page>.main{order:2;padding:26px 20px}.tracker-page>.footer{order:3}.tracker-page .stats{grid-template-columns:repeat(2,minmax(0,1fr))}.tracker-page .dashboard-charts{grid-template-columns:1.6fr 1fr;gap:16px}.breakdown-card{display:block}.breakdown-card .hours-breakdown{min-height:145px;margin:12px 0}.breakdown-card .hours-breakdown svg{width:145px;height:145px}.breakdown-legend{max-width:none}.dashboard-lists{grid-template-columns:1fr 1fr}.tracker-page .card{padding:20px}.tracker-page #add-shift .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.public-page .grid-2{grid-template-columns:1.3fr 1fr}.public-page .form-grid{grid-template-columns:1fr}.section-intro{align-items:flex-start;flex-direction:column;gap:8px}.steps{gap:24px}.feature-section{grid-template-columns:1fr}.faq-section{grid-template-columns:1fr;gap:16px}.feature-panel{padding:34px}.final-cta{padding:30px;flex-direction:column;align-items:flex-start}.footer-grid{gap:24px;grid-template-columns:1.5fr 1fr 1fr}}
@media(max-width:600px){.hero-copy h1{font-size:2.85rem}.landing-section{padding-top:46px}.landing-hero{padding-bottom:38px}.steps{grid-template-columns:1fr;gap:22px}.steps article{padding-left:65px;position:relative}.step-number{position:absolute;left:0;top:0;margin:0}.steps p{margin-bottom:0}.benefit-strip{gap:20px}.benefit-strip>div{gap:9px}.benefit-strip .icon{width:19px;height:19px}.tool-cards{grid-template-columns:1fr}.tool-card{padding:20px;display:grid;grid-template-columns:44px 1fr;gap:0 16px}.tool-card .tile-icon{grid-row:1/4}.tool-card h3{margin:0 0 8px;font-size:1rem}.tool-card p{grid-column:2;font-size:.79rem;margin-bottom:8px}.tool-card .text-link{grid-column:2}.guide-cards{grid-template-columns:1fr}.guide-card:last-child{grid-column:auto}.guide-card{padding:24px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div{grid-column:1/-1}.footer nav a{min-height:40px}.public-page .grid-2{grid-template-columns:1fr}.public-page .hero-short h1{font-size:2rem}.public-page .hero-short .lede{font-size:.9rem}.public-page .card-soft{padding:22px}.tracker-page .dashboard-charts,.dashboard-lists{grid-template-columns:1fr}.breakdown-card{display:grid;grid-template-columns:1fr 1fr;align-items:center}.breakdown-card h2{grid-column:1}.breakdown-card>.help{grid-column:1}.breakdown-card .hours-breakdown{grid-column:2;grid-row:1/4;min-height:150px;margin:0}.breakdown-legend{grid-column:1}.app-heading{flex-wrap:wrap;gap:18px}.app-heading>.btn{width:100%}.tracker-page .app-heading h1{font-size:1.65rem}.tracker-page .stat strong{font-size:1.6rem}.tracker-page .stat{padding:18px 14px}.tracker-page .stat .stat-icon{right:12px;top:12px;padding:5px}.tracker-page .stat>span:not(.stat-icon){font-size:.65rem}.tracker-page .stat small{font-size:.6rem}.tracker-page #settings .form-grid{grid-template-columns:1fr}.guide-article{padding:24px}.article-hero h1{font-size:2.2rem}.audience-grid{gap:18px}.audience-grid h3{font-size:.9rem}.audience-grid p{font-size:.77rem}}
@media(max-width:430px){.topbar-inner{gap:12px}.topbar-inner>.brand{font-size:.87rem}.topbar-inner>.brand .brand-second{font-size:.65rem}.brand>.icon{width:30px;height:30px}.header-cta{padding:10px 12px;font-size:.7rem;min-height:44px;gap:5px}.header-cta .icon{width:14px}.nav{justify-content:space-between;gap:0}.nav a{font-size:.7rem;padding:10px 5px}.hero-copy h1{font-size:2.6rem}.hero-copy>p{font-size:.93rem;line-height:1.75}.hero-badge{font-size:.64rem;padding:6px 10px}.hero-copy .actions{gap:10px}.hero-copy .btn{font-size:.77rem;padding:12px 14px}.hero-reassurance{gap:12px;font-size:.63rem}.hero-reassurance .icon{width:14px}.landing-hero{padding-top:28px;gap:28px}.preview-body{padding:18px 14px}.demo-stats>div{padding:12px 9px;gap:8px}.demo-stats>div>span{font-size:.55rem}.demo-stats strong{font-size:1.35rem}.demo-stats strong span{font-size:.8rem}.demo-chart{gap:8px;padding:20px 4px 16px}.demo-bar-track{height:78px}.demo-bar{height:65px}.preview-toolbar{padding:12px 14px;font-size:.65rem}.preview-body h2{font-size:1.1rem}.preview-shift>div>span{font-size:.53rem}.preview-shift strong{font-size:.63rem}.preview-shift>.tag{display:none}.product-preview figcaption{font-size:.58rem;padding:12px 14px}.benefit-strip{grid-template-columns:1fr 1fr;gap:22px 14px;padding:24px 0}.benefit-strip h2{font-size:.72rem}.benefit-strip p{font-size:.65rem}.benefit-strip>div{display:block}.benefit-strip .icon{margin-bottom:8px}.section-intro h2{font-size:1.6rem}.section-intro p{font-size:.82rem}.feature-panel{padding:26px}.feature-panel h2{font-size:2.1rem}.faq-section h2{font-size:1.8rem}.final-cta{padding:26px}.final-cta h2{font-size:1.6rem}.final-cta .eyebrow{font-size:.57rem}.final-cta .btn{width:100%}.tracker-page>.main{padding:24px 14px}.app-sidebar{padding:10px 14px}.app-sidebar nav{gap:4px}.app-sidebar nav a{font-size:.66rem;padding:8px 9px}.app-sidebar nav .icon{width:15px;height:15px}.app-topbar{padding:0 14px!important}.app-topbar>.btn{font-size:.65rem;padding:8px}.app-topbar>a:first-child{font-size:.71rem}.app-topbar>a:first-child>.icon{width:19px;height:19px}.tracker-page .card{padding:18px 16px}.tracker-page .stats{gap:10px}.tracker-page .stat strong{font-size:1.45rem}.tracker-page .stat>span:not(.stat-icon){min-height:38px;padding-right:25px}.tracker-page .stat .stat-icon{padding:4px;right:10px;top:14px}.tracker-page .stat-icon .icon{width:14px;height:14px}.hours-chart{gap:7px}.chart-day .chart-hours{font-size:.55rem}.chart-key .help{margin-left:0;width:100%}.tracker-page .calendar{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.tracker-page #add-shift .form-grid{grid-template-columns:1fr}.tracker-page .breakdown-legend{font-size:.65rem}.tracker-page .breakdown-legend strong{font-size:.65rem}.hours-breakdown svg{max-width:130px}.tracker-page .breakdown-card h2{font-size:.96rem}.tracker-page .hours-card .tag{font-size:.58rem}.article-hero h1{font-size:2rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media print{.tracker-page{background:#fff!important;color:#000!important}.tracker-page>.main{margin:0!important;padding:0!important;max-width:none!important;order:0}.tracker-page{display:block}.tracker-page .app-heading,.tracker-page .app-sidebar,.tracker-page .app-topbar,.tracker-page [data-tracker-view]{display:none!important}.tracker-page #print-sheet{display:block!important}#print-sheet h2{font-size:14pt}#print-sheet table{width:100%}}

.brand-icon{display:inline-block;width:36px;height:36px;flex:0 0 36px;object-fit:contain;vertical-align:middle}.app-topbar>a:first-child{display:flex;align-items:center;gap:10px}

/* Brand typography: clearer hierarchy beside the calendar icon. */
.brand,.footer .brand,.topbar-inner>.brand{font-size:1.25rem;font-weight:800;color:#0b716b;letter-spacing:-.025em}
.brand .brand-second,.topbar-inner>.brand .brand-second{font-size:.9rem;font-weight:750;color:#6551a1;letter-spacing:.015em;margin-top:3px}
.app-topbar>a:first-child{font-size:1rem;color:#0b716b;font-weight:800}
@media(max-width:600px){
 .brand,.footer .brand,.topbar-inner>.brand{font-size:1.1rem}
 .brand .brand-second,.topbar-inner>.brand .brand-second{font-size:.84rem}
 .app-topbar>a:first-child{font-size:.9rem;gap:8px}
}