:root{color-scheme:light;--navy:#172b45;--teal:#397c91;--ink:#203447;--muted:#536a79;--line:#dce5eb;--soft:#f0f5f6;--radius:14px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff}*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--navy);line-height:1.16;letter-spacing:-.035em}h1{font-size:clamp(38px,5.1vw,70px);font-weight:730}h2{font-size:clamp(26px,3vw,39px)}h3{font-size:21px}p{color:var(--muted)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #398590;outline-offset:4px}button{color:inherit}input,textarea,select{border:1px solid #b5c4ce;border-radius:8px;padding:11px 12px;background:#fff;color:var(--ink)}input:not([type=checkbox]),textarea,select{width:100%}label{display:block;font-weight:600;font-size:14px}label input,label textarea,label select{display:block;margin-top:7px}form>label{margin:18px 0}.check{display:flex;align-items:start;gap:9px;font-weight:400}.check input{margin-top:6px}.check a,.prose a:not(.button){text-decoration:underline;text-underline-offset:3px;color:var(--teal)}[hidden]{display:none!important}.container{width:min(1180px,90%);margin-inline:auto}.narrow{max-width:780px}.skip-link{position:fixed;left:16px;top:-80px;background:white;padding:12px;z-index:150}.skip-link:focus{top:10px}.button{display:inline-flex;justify-content:center;align-items:center;gap:16px;border:1px solid transparent;border-radius:9px;background:var(--navy);color:#fff;font-weight:650;font-size:14px;line-height:1.4;padding:14px 20px;min-height:46px;transition:background .16s,box-shadow .16s;text-align:center}.button:hover{background:var(--teal)}.button.secondary{background:var(--soft);border-color:var(--line);color:var(--navy)}.button.secondary:hover{background:#dfeef0}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.wordmark{display:inline-flex;flex-shrink:0}.wordmark img{display:block;max-width:100%;height:auto}.site-header{position:sticky;top:0;background:#fffffff5;border-bottom:1px solid var(--line);z-index:80}.header-inner{display:flex;gap:26px;align-items:center;min-height:88px}.header-inner nav{margin-left:auto;display:flex;align-items:center;gap:14px}.nav-group{position:relative}.nav-label{display:flex;align-items:center;gap:0;border-radius:8px}.nav-label>a,.nav-price{display:block;font-size:14px;font-weight:600;padding:14px 8px}.nav-label>a:hover,.nav-price:hover{color:var(--teal)}.nav-toggle{display:grid;place-items:center;border:0;background:transparent;width:28px;height:44px;border-radius:7px}.nav-toggle svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.6}.nav-panel{position:absolute;right:0;top:calc(100% - 1px);display:none;min-width:235px;padding:15px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 42px #172b4514;gap:5px;z-index:2}.nav-panel.wide{grid-template-columns:1fr 1fr;min-width:510px}.nav-panel a{padding:11px 13px;border-radius:7px;font-size:14px;line-height:1.45}.nav-panel a:hover,.nav-panel a:focus-visible{background:var(--soft);color:var(--teal)}.nav-group.is-open>.nav-panel{display:grid}.nav-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.mobile-toggle{display:none}.intro{padding-top:70px;padding-bottom:22px}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:.13em;font-weight:700;color:var(--teal);margin-bottom:17px}.lead{font-size:18px;line-height:1.75;max-width:650px;margin-top:22px}.hero{display:grid;grid-template-columns:1fr 1.1fr;gap:44px;align-items:center;padding-block:82px 64px}.hero h1{font-size:clamp(40px,4.5vw,64px)}.hero-first{color:var(--teal)}.hero-first>span{color:var(--navy)}.hero-second{color:var(--navy)}.hero-second>span{color:var(--teal)}.hero .lead{font-size:17px}.hero-board{min-height:580px;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 18px 50px #172b4509;min-width:0;background:#fff}.section{padding-block:48px 62px}.section-heading{margin-bottom:28px}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding-block:20px 65px}.benefit-grid article{border-top:1px solid var(--line);padding-top:25px;display:flex;flex-direction:column;align-items:start;gap:14px}.benefit-grid h2{font-size:21px}.benefit-grid p{font-size:14px}.benefit-grid .button{margin-top:auto}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{border:1px solid var(--line);border-radius:var(--radius);padding:26px;display:flex;flex-direction:column;gap:14px;transition:border-color .15s,box-shadow .15s}.feature-card:hover,.industry-card:hover{border-color:var(--teal);box-shadow:0 7px 24px #172b4508}.feature-card h2{font-size:23px}.feature-card p{font-size:14px}.feature-number{font-size:12px;color:var(--teal);font-weight:700}.card-action{margin-top:auto;color:var(--teal);font-size:13px;font-weight:650;padding-top:7px}.industry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.industry-card{border:1px solid var(--line);border-radius:var(--radius);padding:26px;display:flex;flex-direction:column;gap:15px}.industry-card h2{font-size:23px}.industry-card p{font-size:14px}.industry-card>span{font-size:13px;color:var(--teal);font-weight:650;margin-top:auto}.cta{display:flex;justify-content:space-between;align-items:center;gap:30px;background:var(--soft);border-radius:var(--radius);padding:32px 36px;margin-block:40px 65px}.cta h2{font-size:26px}.cta p{font-size:14px;margin-top:10px}.cta .button{flex-shrink:0}.site-footer{background:var(--soft);border-top:1px solid var(--line);padding:44px 0 22px;margin-top:36px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:35px}.footer-grid h2{font-size:14px;letter-spacing:0;margin-bottom:16px}.footer-grid a:not(.wordmark){display:block;font-size:13px;margin:9px 0;padding:3px 0;color:var(--muted)}.footer-grid a:hover{color:var(--teal);text-decoration:underline;text-underline-offset:4px}.footer-grid p{font-size:12px;margin-top:15px}.footer-bottom{font-size:11px;color:var(--muted);margin-top:28px;border-top:1px solid var(--line);padding-top:17px}.preview-section{padding-block:28px}.preview-note{font-size:13px;margin-bottom:28px}.devices{display:flex;justify-content:center;align-items:start;gap:30px}.device{margin:0;min-width:0}.device figcaption{font-size:12px;text-align:center;margin:0 0 12px;color:var(--muted)}.device-shell{background:#1b2633;border:1px solid #111b27;padding:13px;border-radius:18px;box-shadow:0 18px 45px #172b4512}.device-screen{background:#f5f7fa;border-radius:7px;overflow:hidden;min-height:380px}.laptop{flex:1;max-width:920px;position:relative;padding-bottom:12px}.laptop:after{content:"";position:absolute;bottom:0;left:-1.5%;width:103%;height:12px;border-radius:2px 2px 14px 14px;background:linear-gradient(#d8dde4,#8f9ba9)}.laptop .device-screen{min-height:460px}.phone{width:310px;flex:none}.phone .device-shell{border-radius:43px;padding:10px;position:relative}.phone .device-shell:before{content:"";position:absolute;top:18px;left:36%;width:28%;height:19px;border-radius:30px;background:#17212f;z-index:1}.phone .device-screen{border-radius:34px;min-height:590px;padding-top:30px}.tablet{width:min(850px,100%)}.tablet .device-shell{padding:22px;border-radius:25px}.tablet .device-screen{min-height:430px}.both .laptop{max-width:820px}.both .laptop .product-preview{font-size:12px}.feature-back{padding-block:22px}.product-preview{font-size:14px;line-height:1.45;color:#172b45;min-width:0}.preview-top{background:#fff;border-bottom:1px solid var(--line);display:flex;gap:9px;align-items:center;justify-content:space-between;padding:15px 17px}.preview-top img{width:91px;height:auto}.preview-top>span{font-size:11px;color:var(--muted)}.preview-content{padding:20px}.phone .preview-content{padding:17px 14px}.preview-heading{font-size:23px;margin:0 0 17px;letter-spacing:-.025em}.preview-toolbar{display:flex;justify-content:space-between;align-items:center;gap:9px;margin-bottom:15px}.preview-toolbar strong{font-size:13px}.preview-icon{border:1px solid #cedbe4;border-radius:8px;background:#fff;padding:7px 12px;min-width:34px;min-height:34px;font-weight:650}.preview-card{border:1px solid var(--line);border-radius:12px;background:#fff;padding:17px;margin:12px 0}.preview-card h3{font-size:16px;letter-spacing:0;margin-bottom:7px}.preview-card p{font-size:12px;line-height:1.55}.preview-card strong{color:var(--navy)}.preview-card .button{margin-top:13px;min-height:36px;font-size:12px;padding:9px 13px}.preview-list{display:grid;gap:9px}.preview-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);background:#fff;padding:13px;border-radius:10px;text-align:left;width:100%}.preview-row small{display:block;color:var(--muted);margin-top:4px}.preview-status{display:inline-block;font-size:11px;background:#e6f0ef;color:#275f55;padding:4px 8px;border-radius:20px}.preview-board{display:grid;grid-template-columns:75px repeat(7,minmax(46px,1fr));gap:1px;background:#e0e7ed;overflow:auto;border:1px solid var(--line);border-radius:8px}.preview-board>div{background:white;min-height:53px;padding:6px}.preview-board .board-head{min-height:32px;text-align:center;font-size:10px;font-weight:650;background:#f5f8fa}.preview-board .board-person{font-size:11px;display:flex;align-items:center;padding-left:9px;font-weight:650}.board-job{display:block;border:0;width:100%;min-height:43px;border-radius:5px;background:var(--job-color,#397c91);color:white;font-size:9px;line-height:1.4;text-align:left;padding:7px;overflow:hidden}.board-job small{display:block;font-size:8px;color:inherit;opacity:1}.board-job.absence{background:#161a20}.board-legend{display:flex;gap:16px;font-size:10px;margin-top:12px;color:var(--muted)}.board-legend span:before{content:"";display:inline-block;width:7px;height:7px;background:var(--teal);margin-right:5px;border-radius:2px}.board-legend .absence:before{background:#161a20}.hero-board .preview-content{padding:17px 13px}.hero-board .preview-heading{font-size:18px}.hero-board .preview-board{grid-template-columns:59px repeat(7,minmax(35px,1fr))}.hero-board .board-job{font-size:9px;padding:6px 4px}.phone .preview-board{grid-template-columns:65px repeat(7,94px)}.timer-hero{text-align:center;padding:27px 14px}.timer-hero h3{font-size:16px;margin:12px 0}.timer-clock{font-size:40px!important;font-variant-numeric:tabular-nums;display:block;letter-spacing:-.04em;margin:19px 0}.timer-controls{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.time-tabs{display:flex;gap:6px;font-size:10px;border-bottom:1px solid var(--line);padding-bottom:8px}.time-tabs button{background:none;border:0;color:var(--muted);padding:6px 2px;flex:1}.time-tabs button[aria-selected=true]{color:var(--teal);font-weight:700;border-bottom:2px solid var(--teal)}.preview-balance{display:flex;justify-content:space-between;gap:12px}.preview-balance strong{display:block;font-size:25px}.preview-balance span{font-size:11px;color:var(--muted)}.preview-message{max-width:85%;background:#e4eef1;border-radius:12px 12px 12px 2px;padding:11px;margin:12px 0;font-size:12px}.preview-message.mine{margin-left:auto;background:#172b45;color:white;border-radius:12px 12px 2px 12px}.preview-compose{display:flex;gap:7px;margin-top:15px}.preview-compose input{min-width:0}.preview-compose button{flex:none}.todo-row{display:flex;gap:9px;align-items:center;background:white;border-bottom:1px solid var(--line);padding:12px}.todo-row input{width:17px;height:17px}.todo-row:has(:checked) span{text-decoration:line-through;color:var(--muted)}.preview-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.preview-calendar button{border:1px solid var(--line);background:white;min-height:35px;border-radius:6px;font-size:11px}.preview-calendar button.has-event{background:#dcecef;color:#174859;font-weight:750}.preview-pin{display:grid;grid-template-columns:repeat(3,68px);justify-content:center;gap:9px;margin:22px auto}.preview-pin button{background:white;border:1px solid var(--line);border-radius:10px;height:48px;font-size:22px}.pin-dots{font-size:26px;letter-spacing:12px;text-align:center;margin:20px}.terminal-title{text-align:center;margin-top:20px}.preview-feedback{font-size:12px;line-height:1.55;color:#275f55;margin:12px 0}.preview-form label{font-size:11px}.preview-form input,.preview-form select,.preview-form textarea{padding:8px;font-size:12px}.preview-form label{margin:11px 0}.preview-detail-link{background:none;border:0;text-align:left;color:var(--teal);text-decoration:underline;padding:0}.pricing-wrap{max-width:860px;padding-block:26px}.price-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.price-controls>label{display:flex;align-items:center;gap:12px}.price-controls input{width:88px!important;margin:0}.billing-toggle{display:flex;background:var(--soft);padding:4px;border-radius:9px}.billing-toggle button{border:0;border-radius:7px;background:transparent;padding:11px;font-size:12px}.billing-toggle button[aria-pressed=true]{background:white;box-shadow:0 1px 5px #172b4512;font-weight:700}.price-card{border:1.5px solid var(--teal);border-radius:18px;max-width:540px;margin:auto;padding:32px}.price-card h2{font-size:32px}.price-card>p{font-size:14px;margin-top:10px}.price-card>.button{width:100%;margin-top:23px}.price{margin-top:25px}.price strong{font-size:49px;letter-spacing:-.045em;line-height:1.2}.price span{display:block;color:var(--muted);font-size:12px;margin-top:5px}.included{list-style:none;padding:0;margin:25px 0;display:grid;gap:11px;font-size:14px}.included li:before{content:"✓";color:var(--teal);font-weight:bold;margin-right:10px}.price-total{padding-top:17px;border-top:1px solid var(--line);font-size:12px;display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap}.addons{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}.addons article{border:1px solid var(--line);padding:24px;border-radius:13px}.addons p{font-size:13px;margin-top:12px}.addons strong{display:block;margin-top:13px}.addons a{display:block;color:var(--teal);font-size:12px;margin-top:15px}.status-pill{display:inline-block;padding:4px 9px;border-radius:20px;font-size:11px;background:var(--soft);color:var(--teal);margin-bottom:12px}.terms{font-size:12px;margin-top:22px;color:var(--muted)}summary{cursor:pointer;font-weight:650}.terms p{margin-top:12px}.prose{padding-block:30px 50px}.prose p{margin:20px 0}.prose h2{font-size:27px;margin:32px 0 14px}.steps{padding-left:25px;color:var(--muted)}.steps li{padding:12px 0}.steps h3{font-size:21px;margin-bottom:10px}.steps p{margin:0}.role-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin-top:25px}.role-tabs button{border:0;background:none;border-bottom:3px solid transparent;padding:14px 18px;font-weight:650}.role-tabs button[aria-selected=true]{border-color:var(--teal);color:var(--teal)}.role-note{font-size:13px;margin:21px 0 28px}.help-topics{display:grid;grid-template-columns:1fr 1fr;gap:18px}.help-topics article{padding:23px;border:1px solid var(--line);border-radius:12px}.help-topics h2{font-size:21px;margin-bottom:13px}.help-topics p{font-size:14px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-block:35px 70px}.contact-card{border:1px solid var(--line);padding:30px;border-radius:14px}.contact-card h2{font-size:25px;margin-bottom:15px}.contact-card a{display:block;color:var(--teal);margin-top:17px;font-weight:600}.faq{padding:20px 0;border-bottom:1px solid var(--line)}.faq p{font-size:15px}.legal{padding-top:60px}.legal .container{width:100%}.legal .page-intro h1{font-size:44px}.legal h2{font-size:25px}dialog{border:1px solid var(--line);border-radius:16px;max-width:min(540px,90vw);padding:32px;color:var(--ink)}dialog::backdrop{background:#172b4577}.dialog-close{position:absolute;right:12px;top:8px;border:0;background:white;font-size:25px;width:35px;height:35px}.dialog-close+div{padding-top:10px}dialog h2{font-size:25px;margin-bottom:15px}dialog p{font-size:15px;margin:10px 0}dialog .button{margin-top:20px}
@media(hover:hover) and (min-width:901px){.nav-group:hover>.nav-panel,.nav-group:focus-within>.nav-panel{display:grid}}
@media(max-width:1050px){.header-inner{gap:16px}.header-inner nav{gap:4px}.nav-label>a,.nav-price{font-size:13px}.hero{gap:25px}.hero h1{font-size:47px}.benefit-grid{gap:18px}.both{gap:16px}.phone{width:280px}.both .laptop .preview-content{padding:14px 10px}.both .laptop .preview-board{grid-template-columns:64px repeat(7,54px)}.footer-grid{gap:22px}}
@media(max-width:900px){.header-inner{min-height:76px}.header-inner>.button{margin-left:auto}.mobile-toggle{display:block;order:3;border:1px solid var(--line);background:white;border-radius:8px;padding:10px;font-size:13px}.header-inner nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:20px 5%;max-height:80vh;overflow:auto}.header-inner nav.is-open{display:flex;align-items:stretch;flex-direction:column}.nav-panel,.nav-panel.wide{position:static;min-width:0;box-shadow:none;grid-template-columns:1fr 1fr;padding:10px;margin-bottom:10px}.nav-label{justify-content:space-between}.nav-toggle{width:44px}.nav-label>a,.nav-price{font-size:15px}.hero{grid-template-columns:1fr;padding-top:52px}.hero h1{font-size:clamp(42px,7vw,64px)}.hero-board{max-width:730px;width:100%;margin-top:12px}.benefit-grid{grid-template-columns:1fr 1fr}.feature-grid,.industry-grid{grid-template-columns:1fr 1fr}.devices.both{flex-wrap:wrap;gap:30px}.both .laptop{flex-basis:100%;max-width:900px}.both .phone{width:310px}.intro{padding-top:50px}.footer-grid{grid-template-columns:1fr 1fr}.cta{padding:27px;flex-direction:column;align-items:start}.help-topics{grid-template-columns:1fr 1fr}.price-controls{flex-wrap:wrap}}
@media(max-width:540px){.container{width:90%}.wordmark img{width:135px}.header-inner{gap:10px}.header-inner>.button{padding:11px 12px;font-size:12px;min-height:40px}.mobile-toggle{font-size:12px;padding:10px 8px}.hero{padding-block:40px}.hero h1{font-size:42px}.hero .actions{gap:10px}.actions .button{font-size:12px;padding:13px}.benefit-grid,.feature-grid,.industry-grid,.contact-grid,.help-topics{grid-template-columns:1fr}.benefit-grid{gap:30px}.benefit-grid article{display:grid;grid-template-columns:1fr auto;align-items:start}.benefit-grid h2,.benefit-grid p{grid-column:1}.benefit-grid .button{grid-column:2;grid-row:2/4;align-self:center}.feature-card{padding:24px}.section{padding-block:30px 40px}.footer-grid{gap:28px 20px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid h2{font-size:13px}.footer-grid a:not(.wordmark){font-size:12px}.price-card{padding:26px 23px}.price strong{font-size:44px}.addons{grid-template-columns:1fr}.billing-toggle button{padding:10px 8px;font-size:11px}.price-controls{gap:16px}.role-tabs{gap:0;justify-content:space-between}.role-tabs button{font-size:12px;padding:13px 7px}.intro .lead{font-size:16px}.laptop .device-shell{padding:7px;border-radius:11px}.laptop .device-screen{min-height:370px}.tablet .device-shell{padding:10px;border-radius:17px}.preview-content{padding:16px 10px}.preview-board{grid-template-columns:64px repeat(7,54px)}.hero-board .preview-board{grid-template-columns:54px repeat(7,minmax(29px,1fr))}.hero-board .board-person{font-size:9px}.hero-board .board-job{font-size:8px;padding:6px 3px}.hero-board .board-job small{font-size:7px}.hero-board .preview-toolbar strong{font-size:11px}.hero-board .preview-top{padding:12px}.preview-toolbar{gap:4px}.device figcaption{font-size:11px}.cta h2{font-size:25px}.prose{font-size:15px}.contact-card{padding:24px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* Inspected employee mobile time layout: mobile.css timeTabs/clockPage. */
[data-shown-view="zeiterfassung"]{background:#edf4f7}
[data-shown-view="zeiterfassung"] .preview-content{padding:18px 14px 24px}
[data-shown-view="zeiterfassung"] .preview-heading{font-size:21px;margin-bottom:15px}
[data-shown-view="zeiterfassung"] .time-tabs{display:flex;background:#e3e8ed;padding:4px;border-radius:13px;gap:3px;margin:0 0 20px;border:1px solid #c5d0db}
[data-shown-view="zeiterfassung"] .time-tabs>button{border:0;background:transparent;flex:1;font-size:10px;font-weight:650;min-height:38px;border-radius:10px;padding:7px 3px;white-space:nowrap;color:#172d42}
[data-shown-view="zeiterfassung"] .time-tabs>button[aria-current]{background:#c5dae2;color:#086782}
[data-shown-view="zeiterfassung"] .timer-hero{min-height:320px;padding:26px 16px;border-radius:24px;display:flex;flex-direction:column;justify-content:center;background:#172d42;color:#fff;border:0;margin:0}
[data-shown-view="zeiterfassung"] .timer-hero h3{font-size:17px;line-height:1.45;margin:12px 0 0;color:#fff}
[data-shown-view="zeiterfassung"] .timer-clock{font-size:48px!important;margin:28px 0 18px;line-height:1.15;color:#fff}
[data-shown-view="zeiterfassung"] .timer-hero>p{color:#c5d7e5;margin:8px 0 0}
[data-shown-view="zeiterfassung"] .timer-hero .preview-status{color:#e0f2f0;background:#31546a;align-self:center}
[data-shown-view="zeiterfassung"] .timer-controls{margin-top:18px;gap:8px;flex-wrap:nowrap}
[data-shown-view="zeiterfassung"] .timer-controls>button{flex:1;min-height:50px;border-radius:14px;padding:10px 8px;font-size:12px;font-weight:650;margin:0;background:#2b4258;border-color:#40586f;color:#fff}
[data-shown-view="zeiterfassung"] .timer-controls>.button{background:#65d9c4;color:#103d37;border-color:#65d9c4}
.preview-start-choice{border-top:1px solid #526779;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:15px;margin-top:5px;text-align:left}
.preview-start-choice>strong{color:#fff;font-size:13px}
.preview-start-choice>.preview-icon{color:#d2edf2;background:#29495c;border-color:#526b7b;min-width:36px;min-height:36px;border-radius:10px}
.preview-time-entry{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;width:100%;border:0;background:transparent;color:#172d42;padding:8px 0}
.preview-time-entry strong,.preview-time-entry small,.preview-time-entry b{display:block}.preview-time-entry small{font-size:11px;color:#526877;margin-top:5px}.preview-time-entry b{font-size:13px;margin-top:7px}
.time-history .preview-card{margin:0}.time-history h3{font-size:13px;border-bottom:1px solid var(--line);padding-bottom:10px}
.preview-month-label{text-align:center;font-weight:650;font-size:13px;margin:0 0 15px}
.monthly-summary{display:grid;grid-template-columns:1fr 1fr;gap:14px}.monthly-summary span{font-size:11px;color:#526877}.monthly-summary strong{display:block;font-size:21px;margin-top:7px;font-variant-numeric:tabular-nums}

/* Same five employee destinations as the inspected phone application. */
.phone .product-preview{display:flex;flex-direction:column;height:600px;background:#edf4f7}
.phone .preview-top{flex:0 0 auto;background:#e3e8ed}
.phone .preview-content{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}
.preview-mobile-nav{display:flex;flex:0 0 49px;align-items:stretch;justify-content:space-around;gap:2px;padding:5px 3px;background:#dce3e8;border-top:1px solid #c5d0db}
.preview-mobile-nav>button{display:flex;flex:1;min-width:0;min-height:44px;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:0;border-radius:12px;color:#496575;background:transparent;padding:4px 1px;font-size:9px}
.preview-mobile-nav svg{width:19px;height:19px}.preview-mobile-nav [aria-current]{background:#c5dae2;color:#086782}
.preview-more-links{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#e3e8ed}
.preview-more-links>button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 14px;border:0;border-bottom:1px solid var(--line);background:transparent;font-size:13px;text-align:left}
.preview-more-links>button:last-child{border-bottom:0}
.phone .preview-feedback{margin-bottom:4px}

/* Read-only desktop planning keeps the real week/header/person/segment layout. */
.pf-planning-scroll{border:1px solid var(--line);border-radius:12px;overflow:auto;overscroll-behavior:contain;background:#fff}
.preview-board.pf-board{display:block;min-width:740px;border:0;border-radius:0;overflow:visible;background:#fff;--person-column:112px}
.pf-board>div{padding:0;min-height:0;background:transparent}
.pf-board-weeks,.pf-board-head,.pf-person-row{display:grid;grid-template-columns:var(--person-column) repeat(14,minmax(0,1fr))}
.pf-board-weeks{min-height:27px;background:#edf4f5!important;color:#086782;font-size:10px;font-weight:650}
.pf-board-weeks>div{padding:6px 8px;border-left:1px solid #e2e8f0;white-space:nowrap;overflow:hidden}.pf-board-weeks>div:first-child{border-left:0}
.pf-board-head{height:50px;background:#fff!important;font-size:10px;border-bottom:1px solid #e2e8f0}
.pf-board-head>div{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;border-left:1px solid #e2e8f0;color:#526877}
.pf-board-head>div:first-child{align-items:flex-start;border-left:0;padding-left:8px;position:sticky;left:0;background:#fff;z-index:3}
.pf-board-head strong{font-size:11px;font-weight:500}
.pf-person-row{height:55px;position:relative;grid-template-rows:minmax(0,1fr);border-bottom:1px solid #e2e8f0}
.pf-person-row:last-child{border-bottom:0}
.pf-person{grid-column:1;grid-row:1;display:flex;align-items:center;gap:7px;padding:6px 8px;position:sticky;left:0;z-index:4;background:#fff;border-right:1px solid #e2e8f0;font-size:10px;min-width:0}
.pf-person>span:last-child{min-width:0;white-space:normal;line-height:1.3}
.pf-avatar{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;background:#e6eef8;color:#2864a0;font-size:8px}
.pf-day{grid-row:1;min-width:0;border-left:1px solid #e2e8f0;position:relative}
.pf-board .sat{background:#d4d9e2;color:#435063}.pf-board .sun{background:#697487;color:#fff}
.pf-board .pf-assignment{grid-row:1;align-self:start;margin:3px 2px 0;padding:6px;min-width:0;width:auto;height:44px;min-height:44px;display:flex;flex-direction:column;justify-content:center;gap:3px;background:var(--job-color);color:var(--job-ink);border-radius:5px;font-size:10px;line-height:1.2;z-index:2;text-align:left;white-space:nowrap}
.pf-assignment strong,.pf-assignment small{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:10px;font-weight:650}.pf-assignment small{font-size:9px;font-weight:400}
.pf-board .pf-assignment.absence{height:27px;min-height:27px;background:#111;color:#fff;align-items:center}
.hero-board .preview-board.pf-board{min-width:680px;--person-column:100px}
.hero-board .pf-board .pf-assignment{padding:6px;font-size:10px}
.hero-board .pf-assignment small{font-size:9px}
.pf-planning-scroll:focus-visible,.pf-phone-plan-scroll:focus-visible{outline:2px solid #087f86;outline-offset:3px}
/* The phone product shows three day columns and scrolls the remaining days. */
.pf-phone-plan-nav{display:flex;align-items:center;gap:8px;margin-bottom:14px}.pf-phone-plan-nav>strong{flex:1;text-align:center;background:#e3e8ed;border:1px solid #c5d0db;border-radius:12px;padding:11px 4px;font-size:12px;font-weight:500}.pf-phone-plan-nav>.preview-icon{min-width:39px;min-height:43px;background:#edf4f7;border-color:#c5d0db;border-radius:12px;font-size:21px;font-weight:400}
.pf-phone-plan-scroll{overflow:auto;border:1px solid #c5d0db;border-radius:15px;overscroll-behavior-x:contain;background:#e3e8ed;--preview-day-width:calc((var(--phone-plan-width) - 64px)/3)}
.pf-phone-board{display:grid;grid-template-columns:64px repeat(21,var(--preview-day-width));width:max-content;font-size:10px}
.pf-phone-cell{padding:6px;border-right:1px solid #c5d0db;border-bottom:1px solid #c5d0db;min-height:105px;min-width:0;overflow-wrap:anywhere}
.pf-phone-cell.head{min-height:48px;display:flex;align-items:center;background:#edf4f7;font-size:9px;text-align:left}
.pf-phone-cell.person{position:sticky;left:0;z-index:3;background:#e3e8ed;font-size:10px;font-weight:650;line-height:1.4;padding-top:10px}
.pf-phone-cell.person.head{background:#edf4f7}
.pf-phone-cell.day-cell{background:transparent;border-top:0;border-left:0;display:block;box-shadow:none;text-align:left;vertical-align:top;align-content:start}
.pf-phone-task{display:block;min-height:0;width:100%;padding:7px 4px;margin:0 0 4px;border-radius:5px;background:var(--job-color);color:var(--job-ink);white-space:normal;font-size:9px;line-height:1.4;overflow-wrap:anywhere}
.pf-phone-task.absence{background:#111;color:#fff}.pf-empty-cell{font-size:9px;color:#526877}
.phone .preview-content:has(.pf-phone-plan-scroll){container-type:inline-size;--phone-plan-width:100cqw}
.preview-icon:disabled{opacity:.45;cursor:default}
.preview-toolbar:has(+.pf-planning-scroll){justify-content:flex-start;gap:8px}.preview-toolbar:has(+.pf-planning-scroll)>strong{flex:0 0 auto;margin-right:4px}
.pf-phone-cell.person.head{font-size:9px;white-space:nowrap}
.pf-phone-cell.day-cell{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}
.pf-planning-scroll,.pf-phone-plan-scroll{cursor:grab}.pf-planning-scroll.is-dragging,.pf-phone-plan-scroll.is-dragging{cursor:grabbing;user-select:none}
@media(prefers-reduced-motion:no-preference){[data-shown-view="plantafel"] .pf-planning-scroll,[data-shown-view="plantafel"] .pf-phone-plan-scroll{animation:pf-week-enter .15s ease-out}@keyframes pf-week-enter{from{opacity:.7;transform:translateX(3px)}to{opacity:1;transform:none}}}

.prose{overflow-wrap:anywhere}.legal h1{font-size:clamp(30px,5vw,44px)}

[hidden]{display:none!important}

@media(max-width:600px){.hero-board{min-height:650px}}

/* Employee request workflow follows the actual mobile form/history/receipt. */
.preview-page-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.preview-page-heading .preview-heading{margin:0}.preview-page-heading>.button{font-size:11px;min-height:38px;padding:9px 10px}
.preview-compact-balances{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}
.preview-compact-balances article{padding:13px;border-radius:14px;background:#bedfd9;border:1px solid #8ebfb6;color:#143f3e}
.preview-compact-balances article+article{background:#cbdbe9;border-color:#a6bfce;color:#17384d}
.preview-compact-balances span{display:block;font-size:11px;line-height:1.4}.preview-compact-balances strong{display:block;font-size:24px;margin-top:4px}.preview-compact-balances small{font-size:10px;font-weight:500}
.preview-absence-form{margin:0}.preview-absence-form fieldset{padding:0;border:0;margin:0;min-width:0}
.preview-absence-form label{display:block;color:#4b6578;font-size:11px;font-weight:600;margin:14px 0 6px}
.preview-absence-form input,.preview-absence-form select,.preview-absence-form textarea{background:#e4e8ec;border:1px solid #c9d2d9;color:#172d42;min-height:40px;border-radius:10px;width:100%;min-width:0;font-size:12px;padding:9px}
.preview-absence-form textarea{min-height:72px;resize:vertical}.preview-absence-form>.button{margin-top:12px;width:100%}
.preview-fixed-kind{margin:8px 0 16px;font-size:13px;font-weight:650}.preview-duration-label{font-size:11px;font-weight:650;color:#4b6578;margin:16px 0 7px}
.preview-request-duration{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border:1px solid #c9d2d9;border-radius:12px;background:#e4e8ec}
.preview-request-duration button{min-width:0;min-height:40px;font-size:11px;font-weight:650;padding:6px 3px;border:0;border-radius:9px;background:transparent;color:#4b6578}
.preview-request-duration button[aria-pressed=true]{background:#c6d7e1;color:#173e52}
.preview-request-dates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.preview-request-dates>label{min-width:0}.preview-request-dates input{max-width:100%;box-sizing:border-box;font-size:11px;padding:8px 5px}
.preview-form-error{color:#a93142;font-size:12px;margin:10px 0}.preview-form-error:empty{display:none}
.preview-request-submit{flex:none;padding:10px 14px;background:#edf4f7;border-top:1px solid #c9d2d9}.preview-request-submit>.button{width:100%;min-height:46px;background:#087e83;color:#fff;border-color:#087e83;border-radius:13px;font-size:13px;font-weight:650}
.preview-request-history{border:1px solid #c9d2d9;border-radius:15px;background:#e4e8ec;overflow:hidden;margin-bottom:16px}
.preview-request-history article{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px;border-bottom:1px solid #c9d2d9}.preview-request-history article:last-child{border:0}
.preview-request-history article>span{min-width:0}.preview-request-history strong,.preview-request-history small{display:block}.preview-request-history strong{font-size:13px}.preview-request-history small{font-size:10px;color:#4b6578;margin:5px 0 8px;line-height:1.4}
.preview-request-history .preview-icon{font-size:10px;min-height:40px;padding:7px 8px}
.preview-status.pending{color:#79501a;background:#f6e6c9}.preview-request-history .preview-status{font-size:10px;border-radius:7px;line-height:1.4}
.preview-submission{background:#e4e8ec;border:1px solid #c9d2d9;border-radius:21px;padding:25px 17px;text-align:center}
.preview-submission-check{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#d9eee3;color:#216e45;font-size:31px;margin:0 auto 20px}
.preview-submission h3{font-size:21px;margin-bottom:13px}.preview-submission>p{font-size:14px;line-height:1.5;margin-bottom:15px}
.preview-submission-actions{display:grid;gap:10px;margin-top:22px}.preview-submission-actions>button{min-height:44px;font-size:12px}
.preview-section-label{font-size:12px;margin:18px 0 12px;color:#4b6578}
.preview-absence-filters{display:flex;align-items:flex-end;flex-wrap:wrap;gap:10px;background:#edf4f5;border:1px solid var(--line);border-radius:12px;padding:12px;margin:0 0 14px}
.preview-absence-filters>label{display:grid;gap:6px;flex:1;min-width:90px;font-size:10px;color:#526877}.preview-absence-filters input,.preview-absence-filters select{font-size:11px;min-height:36px;padding:7px;width:100%;min-width:0;border:1px solid var(--line);border-radius:8px}
.preview-absence-table-scroll{overflow:auto;border:1px solid var(--line);border-radius:12px;background:white}
.preview-absence-table{width:100%;min-width:540px;border-collapse:collapse;font-size:11px;text-align:left}
.preview-absence-table th,.preview-absence-table td{padding:13px 10px;border-bottom:1px solid var(--line);white-space:normal;vertical-align:middle}.preview-absence-table th{background:#edf4f5;font-weight:650}.preview-absence-table tr:last-child td{border-bottom:0}
.preview-absence-table .preview-icon{font-size:10px;padding:6px 8px;min-height:32px}.preview-absence-table .preview-status{font-size:10px;white-space:nowrap}
/* A private peer conversation, not an invented employee group chat. */
.preview-conversation-heading{display:flex;align-items:center;gap:10px;margin-bottom:13px}.preview-conversation-heading>span{min-width:0}
.preview-conversation-title{font-size:14px;line-height:1.4;margin:0;color:#172d42}.preview-conversation-heading small{display:block;font-size:10px;color:#526877;margin-top:3px}
.preview-thread{display:flex;flex-direction:column;min-width:0;min-height:0;flex:1}
.preview-thread .preview-messages{display:flex;flex-direction:column;gap:10px;min-height:100px;overflow:auto;padding:3px 0 12px;flex:1}
.preview-thread .preview-message{align-self:flex-start;width:fit-content;max-width:88%;margin:0;padding:11px;background:#fff;color:#172e40;border:1px solid #d9e4e9;box-shadow:0 2px 5px #142e4008;border-radius:15px 15px 15px 4px;white-space:normal;font-size:12px;line-height:1.5}
.preview-thread .preview-message p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:inherit;line-height:inherit}.preview-thread .preview-message small{display:block;font-size:9px;color:#526775;margin-top:7px}
.preview-thread .preview-message.mine{align-self:flex-end;margin-left:0;background:#087e83;color:white;border-color:#087e83;border-radius:15px 15px 4px 15px}.preview-thread .preview-message.mine small{color:#e0f5f4}
.preview-thread .preview-compose{display:block;margin-top:8px;flex:none}.preview-compose>label{display:block;font-size:11px;font-weight:600;color:#526775;margin:7px 0 6px}
.preview-compose>textarea{width:100%;min-height:74px;resize:vertical;background:#e4e8ec;color:#172d42;border:1px solid #c9d2d9;border-radius:12px;padding:10px;font-size:12px}
.preview-thread .preview-compose>.button{width:100%;min-height:42px;font-size:12px;background:#087e83;border-color:#087e83;color:#fff;margin-top:8px}
.phone [data-shown-view="nachrichten"] .preview-content:has(.preview-thread){display:flex;flex-direction:column}
.preview-peer-list{border:1px solid var(--line);background:#e4e8ec;border-radius:13px;overflow:hidden}
.preview-peer-list>button{display:flex;align-items:center;gap:9px;width:100%;min-height:68px;padding:12px;border:0;border-bottom:1px solid #c9d2d9;background:transparent;text-align:left;color:#172d42}
.preview-peer-list>button:last-child{border-bottom:0}.preview-peer-list>button[aria-current]{background:#c6d7e1}.preview-peer-list>button>span:nth-child(2){flex:1;min-width:0}
.preview-peer-list strong,.preview-peer-list small{display:block}.preview-peer-list strong{font-size:12px}.preview-peer-list small{font-size:9px;color:#526877;line-height:1.5;margin-top:4px}
.preview-peer-avatar{display:grid;place-items:center;width:31px;height:31px;flex:none;border-radius:50%;background:#c6d7e1;color:#285f7b;font-size:10px;font-weight:650}
.preview-desktop-messages{display:grid;grid-template-columns:145px minmax(0,1fr);border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#fff}
.preview-desktop-messages>.preview-peer-list{border:0;border-right:1px solid var(--line);border-radius:0;background:#edf4f5}.preview-desktop-messages .preview-peer-list>button{padding:12px 9px;min-height:68px}.preview-desktop-messages .preview-peer-avatar{display:none}.preview-desktop-messages .preview-peer-list small{font-size:9px}
.preview-message-pane{min-width:0;padding:16px}.preview-message-pane>.preview-conversation-title{font-size:16px;margin-bottom:15px}.preview-message-pane .preview-messages{height:270px;flex:none}
.preview-empty{font-size:12px;color:#526877;line-height:1.5;margin:10px 0}
@media(max-width:1050px){.preview-desktop-messages{grid-template-columns:118px minmax(0,1fr)}.preview-message-pane{padding:12px}}

/* The public employee frame reuses inspected app navigation and icon patterns. */
.preview-header-actions{display:flex;align-items:center;gap:8px;margin-left:auto}
.preview-header-action{display:grid;place-items:center;width:34px;min-height:36px;padding:5px;border:1px solid #d9e4e9;border-radius:10px;background:transparent;color:#172d42}
.phone .preview-header-action{border-color:transparent;min-width:34px;min-height:36px}.phone .preview-top{padding:8px 14px;min-height:50px}
.preview-company{display:block;font-size:12px;color:#172d42}.preview-company small{display:block;font-size:9px;color:#526877;margin-top:6px}
.laptop .product-preview{position:relative;padding-left:45px;background:#edf4f7;min-height:490px}.laptop .preview-top{min-height:54px;padding:10px 16px;background:#fff}.laptop .preview-content{background:#edf4f7}
.preview-desktop-nav{position:absolute;inset:0 auto 0 0;width:45px;display:flex;flex-direction:column;align-items:center;gap:9px;padding:16px 5px;background:#172d42;color:#b9cbd4}
.preview-app-mark{font-size:24px;line-height:1;font-weight:750;color:#fff;margin-bottom:33px}.preview-app-mark>span{color:#ed8665}
.preview-desktop-nav>button{display:grid;place-items:center;color:inherit;background:transparent;border:0;border-radius:10px;min-height:37px;width:35px;padding:5px}.preview-desktop-nav>button[aria-current]{background:#285f71;color:#fff}
.preview-refresh-status{display:block;color:#285f7b;font-size:10px;margin:0 0 10px}.preview-thread .preview-message p{color:inherit}.preview-mobile-nav [aria-current]{color:#285f7b}
.phone [data-shown-view="abwesenheiten"] .preview-page-heading .preview-heading{font-size:18px}.phone [data-shown-view="abwesenheiten"] .preview-page-heading>.button{font-size:10px;padding:8px}.phone [data-shown-view="abwesenheiten"] .button{background:#087e83;border-color:#087e83;color:#fff}
.phone [data-shown-view="abwesenheiten"] .preview-request-duration [aria-pressed=true]{background:#087e83;color:#fff}

/* Project 2: brand-led headline, compact controls, legible weekly overview. */
.nav-label,.header-inner .nav-price{background:#e8f1f2;color:var(--navy);border-radius:9px;transition:background .16s}
.nav-label>a{padding-left:14px;color:var(--navy)}
.header-inner .nav-price{padding:14px 16px}
.nav-label:hover,.nav-label:focus-within,.nav-group.is-open .nav-label,.header-inner .nav-price:hover,.header-inner .nav-price:focus-visible{background:#cfe3e6;color:var(--navy)}
.nav-label>a:hover,.nav-label>a:focus-visible{color:var(--navy)}
.button.compact{min-height:38px;padding:8px 12px;gap:10px;font-size:13px;border-radius:8px;color:var(--navy)}
.industry-card>.button.compact{align-self:flex-start;color:var(--navy)}
.industry-card:hover>.button.compact,.industry-card:focus-visible>.button.compact{background:#dfeef0;color:var(--navy)}
.home-hero{display:flex;flex-direction:column;align-items:stretch;gap:30px;padding-block:38px 42px}
.home-hero .hero-copy{text-align:center;max-width:850px;margin-inline:auto}
.home-hero h1{font-size:clamp(36px,4.1vw,58px);line-height:1.1}
.home-hero .hero-first,.home-hero .hero-second{color:#55585c}
.home-hero .hero-first>span{color:var(--navy)}
.home-hero .hero-second>span{color:var(--teal)}
.home-hero .eyebrow{margin-bottom:12px}
.home-hero .lead{margin:17px auto 0;max-width:610px;font-size:17px;line-height:1.6}
.home-hero .actions{justify-content:center;margin-top:20px}
.hero-preview{width:100%;max-width:1100px;margin-inline:auto;min-width:0}
.home-hero .hero-board{min-height:0;box-shadow:none;border-radius:14px}
.home-week-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 22px;border-bottom:1px solid var(--line)}
.home-week-heading h2{font-size:21px;letter-spacing:-.02em}
.home-week-heading p{font-size:13px;margin-top:3px}
.home-week-heading>span{font-size:13px;color:var(--muted)}
.home-week-scroll{overflow:auto;overscroll-behavior:contain}
.home-week-table{width:100%;table-layout:fixed;border-collapse:collapse;text-align:left;font-size:13px;min-width:850px}
.home-week-table th,.home-week-table td{padding:10px 8px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);vertical-align:middle}
.home-week-table th:last-child,.home-week-table td:last-child{border-right:0}
.home-week-table tbody tr:last-child>*{border-bottom:0}
.home-week-table thead th{background:#f0f5f6;font-weight:600;color:var(--muted);font-size:12px;line-height:1.4}
.home-week-table thead th:first-child{width:142px}
.home-week-table tbody th{font-weight:600;color:var(--navy)}
.home-week-task{display:block;padding:9px 8px;border-radius:5px;background:var(--job-color);color:var(--job-ink);line-height:1.35}
.home-week-task strong{display:block;font-size:12px;overflow-wrap:anywhere}.home-week-task small{display:block;font-size:10px;margin-top:3px}
.home-week-table .weekend{width:58px;background:#f4f6f8;color:var(--muted);text-align:center}
.hero-preview-caption{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 2px 0}
.hero-preview-caption p{font-size:12px}
.home-week-mobile{display:none;padding:4px 16px 12px}
.home-week-mobile article{display:grid;grid-template-columns:105px minmax(0,1fr);gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.home-week-mobile article:last-child{border:0}.home-week-mobile h3{font-size:14px;letter-spacing:0}.home-week-mobile .home-week-task strong{font-size:13px}
#preview-dialog:has(.home-week-table){width:min(1200px,96vw);max-width:96vw;padding:32px 24px 24px}
#preview-dialog .home-week-scroll{margin-top:20px;border:1px solid var(--line);border-radius:10px}
#preview-dialog .home-week-scroll:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
.home-enlarged-note{font-size:14px;margin-top:12px}
@media(max-width:1050px){.header-inner{gap:16px}.header-inner nav{gap:8px}.nav-label>a{padding-left:10px}.header-inner .nav-price{padding-inline:12px}}
@media(max-width:700px){.home-hero{padding-top:28px;gap:24px}.home-hero h1{font-size:clamp(32px,8.6vw,45px)}.home-hero .lead{font-size:16px}.home-hero .eyebrow{font-size:10px}.home-hero .actions{gap:10px}.home-hero .actions>.button{font-size:13px;padding:12px}.hero-board .home-week-scroll{display:none}.home-week-mobile{display:block}.home-week-heading{padding:15px 16px}.home-week-heading>span{display:none}.hero-preview-caption{align-items:flex-start;flex-direction:column;gap:9px}.hero-preview-caption .button{align-self:flex-start}.home-hero .hero-board{min-height:0}.nav-label,.header-inner .nav-price{width:100%}#preview-dialog:has(.home-week-table){padding:26px 14px 18px}}
@media(prefers-reduced-motion:reduce){.nav-label,.header-inner .nav-price{transition:none}}

/* Keep the overview short without reducing type legibility. */
.home-week-table th,.home-week-table td{padding:6px 8px}
.home-week-task{padding:7px 8px}
.home-week-heading{padding:13px 20px}
.home-week-mobile .preview-note{margin:4px 0 5px}
.home-week-mobile article{padding:9px 0}