@import url("./fonts.css");
:root{--f-display:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;--f-body:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;--f-mono:Inter,system-ui,sans-serif;--accent:#2f43b8;--ink:#14171c;--muted:#626c7a;--bg:#eef0f3;--line:#dde1e7;--orange:#eb6834;--green:#137a3b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;font-family:var(--f-body);font-size:16px;line-height:1.6;background:#f8f9fb;color:var(--ink);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button,a{transition:background .2s,color .2s,box-shadow .2s,transform .2s}button:focus-visible,a:focus-visible{outline:3px solid #93a1ff;outline-offset:5px}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:var(--f-display)}ul{margin:0;padding:0;list-style:none}button{border:0}svg{flex-shrink:0}.landing{overflow:hidden}.section-width{width:min(1180px,calc(100% - 100px));margin-inline:auto}.site-nav{position:fixed;z-index:50;top:18px;left:50%;transform:translateX(-50%);width:min(1320px,calc(100% - 48px));height:77px;padding:0 27px;display:flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid #ffffffd9;background:#fff;backdrop-filter:none;border-radius:16px;box-shadow:0 2px 12px #19224708;;border-color:#e0e4ec;}.wordmark{font:800 25px/1 var(--f-display);letter-spacing:-1.1px;display:flex;align-items:center;gap:9px}.logo-symbol{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:var(--accent);color:#fff;box-shadow:inset 0 1px 1px #ffffff20}.logo-period{color:var(--accent);margin-left:-8px}.site-nav nav{display:flex;gap:28px}.site-nav nav a{font-size:13px;font-weight:500;color:#65707f}.site-nav nav a:hover{color:var(--accent)}.nav-right{display:flex;align-items:center;gap:21px}.nav-login{display:flex;align-items:center;gap:8px;font-size:13px;color:#4c5362}.cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:15px 23px;border-radius:9px;background:var(--accent);color:#fff;font-size:14px;font-weight:600;box-shadow:0 5px 14px #2f43b821,inset 0 1px 1px #ffffff22;white-space:nowrap}.cta:hover{background:#253ba6;box-shadow:0 8px 22px #2f43b831;transform:none;}.cta.compact{min-height:41px;font-size:12px;padding:10px 16px;border-radius:7px}.mobile-menu{display:none;background:transparent;padding:5px;color:var(--ink)}.hero{padding:190px max(50px,calc((100vw - 1250px)/2)) 92px;min-height:845px;display:grid;grid-template-columns:1fr 1.05fr;gap:28px;position:relative;isolation:auto;background:#f3f5fa;align-items:center}.hero-content{position:relative;z-index:4;animation:none}.hero-eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:600;color:#5f6b85;display:flex;align-items:center;gap:10px;margin-bottom:26px}.eyebrow-line{height:1px;width:25px;background:var(--accent)}h1{font-size:clamp(48px,5.8vw,82px);line-height:1.06;letter-spacing:-.04em;font-weight:750}h1>span{color:var(--accent)}.hero-content>p{font-size:20px;line-height:1.65;margin-top:27px;color:#5d6575;font-weight:400;letter-spacing:-.35px}.hero-content>p.hero-description{font-size:15px;line-height:1.75;max-width:355px;margin-top:15px;color:#88909e;letter-spacing:0}.hero-actions{display:flex;gap:22px;align-items:center;margin-top:31px}.quiet-link{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:500;color:#46577c}.quiet-link:hover{color:var(--accent)}.play-circle{display:grid;place-items:center;border:1px solid #b9c1d4;border-radius:50%;width:25px;height:25px;padding-left:2px;color:#667596}.hero-footnote{display:flex;align-items:center;gap:8px;margin-top:23px;color:#9098a8;font-size:12px}.hero-product{position:relative;align-self:center;width:100%;padding-top:0;perspective:none;animation:none}.product-window{background:#fff;backdrop-filter:none;border:1px solid #dce1eb;box-shadow:0 12px 32px #35457c14;border-radius:12px;overflow:hidden;transform:none;width:calc(100% + 18px);position:relative;z-index:2;transition:transform .7s}.hero-product:hover .product-window{transform:none;}.window-top{height:41px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#f6f7fb9e;border-bottom:1px solid #dfe3ed90;gap:12px;font-size:9px;color:#8e96a8}.window-top>span{display:flex;gap:5px;align-items:center}.window-dots{display:flex;gap:5px}.window-dots i{width:6px;height:6px;border-radius:50%;background:#cad0dc}.preview-label{font-size:7px;letter-spacing:1.2px;color:#626c7a}.product-body{display:flex}.product-rail{width:53px;padding:15px 10px;display:flex;align-items:center;flex-direction:column;gap:17px;background:#fafbff77;border-right:1px solid #e2e5ef70}.preview-brand{color:var(--accent);margin:0 0 12px}.product-rail button{width:32px;height:32px;display:grid;place-items:center;background:transparent;color:#a5afbf;border-radius:7px}.product-rail button.selected{background:#e3e7fb;color:var(--accent)}.product-rail button:hover{background:#edf0fb;color:var(--accent)}.rail-bottom{margin-top:auto;color:#a5afbf}.product-workspace{padding:25px 24px 16px;flex:1;min-width:0}.preview-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.preview-heading>div>span{font-size:7px;letter-spacing:1.4px;color:#929baa}.preview-heading h3{font-size:18px;font-weight:700;letter-spacing:-.6px;margin-top:3px}.preview-avatar{background:#e7eaf8;border:1px solid #dce0f1;border-radius:50%;width:26px;height:26px;display:grid;place-items:center;font-size:8px;color:#465784}.preview-stats{display:grid;grid-template-columns:1.1fr 1fr .95fr;gap:10px;margin-bottom:18px}.preview-stats>div{background:#ffffffd9;border:1px solid #e3e6ee;padding:11px 12px;border-radius:8px;box-shadow:0 2px 2px #1c315003}.preview-stats span{font-size:8px;color:#8790a0;display:block}.preview-stats strong{font:650 21px var(--f-display);letter-spacing:-.6px;display:block;margin-top:6px;white-space:nowrap;color:#222b3e}.preview-stats strong.positive{color:#137a3b}.preview-stats strong small{font:400 8px var(--f-body);letter-spacing:0;margin-left:3px;color:#626c7a}.preview-stats em{font-size:7px;color:#626c7a;font-style:normal}.preview-timer{display:flex;align-items:center;justify-content:space-between;background:#eef0fb;border:1px solid #dfe3f5;border-radius:9px;padding:17px;margin:0 0 22px}.preview-timer>div>span{display:block;font-size:7px;letter-spacing:1.1px;color:#8590b6}.preview-timer strong{display:block;color:var(--accent);font:650 31px var(--f-display);letter-spacing:-1px;margin-top:4px}.preview-timer strong small{font-size:12px;color:#5c6885;margin-left:5px}.preview-timer-right{align-self:center;min-width:138px}.preview-timer-right>span{letter-spacing:0!important;font-size:8px!important;color:#8792b0!important;display:flex!important;align-items:center;justify-content:flex-end;gap:5px}.record-dot{width:4px;height:4px;background:#7d8cca;border-radius:50%}.preview-timer-right>div{display:flex;align-items:center;gap:8px;margin-top:11px;color:#929bb4;font-size:8px}.preview-timer-right>div>i{height:3px;background:#ccd3f2;width:65px;border-radius:5px}.preview-chart-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;font-size:10px;color:#7c8597}.preview-chart-head strong{font-weight:600;color:#4b576e}.preview-chart-head>span{font-size:7px;color:#a1a9b7}.mini-chart{height:124px;display:flex;gap:20px;position:relative;isolation:isolate;padding:0 8px}.chart-gridlines{position:absolute;inset:0 0 20px;display:flex;flex-direction:column;justify-content:space-between;z-index:-1}.chart-gridlines i{height:1px;background:#e3e6ed}.mini-chart-column{flex:1;display:flex;flex-direction:column;align-items:center;min-width:0}.mini-chart-track{height:100%;width:100%;display:flex;align-items:flex-end;justify-content:center}.mini-chart-track>i{display:block;width:68%;background:#c1c9f1;border-radius:4px 4px 0 0;animation:bar-grow 1s .5s backwards;transform-origin:bottom}.mini-chart-track>i.highlight{background:var(--accent)}.mini-chart-column>span{font-size:8px;color:#99a2b1;margin-top:7px}.preview-bottom{font-size:7px;color:#9ba5b6;display:flex;justify-content:space-between;border-top:1px solid #e7eaf2;padding-top:13px;margin-top:17px}.preview-bottom>span{display:flex;align-items:center;gap:5px}.scroll-cue{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:#a3acc0;white-space:nowrap;animation:none;}.scroll-cue>span{font-size:8px;letter-spacing:2px}.scroll-cue svg{animation:none;}.section-label{font-size:10px;letter-spacing:1.8px;font-weight:600;display:block;color:#7883a1;margin-bottom:20px}.benefit-section{padding:109px 0 102px}.benefit-intro{display:grid;grid-template-columns:1.2fr .8fr;column-gap:80px}.benefit-intro .section-label{grid-column:1/-1}.benefit-intro h2{font-size:39px;line-height:1.25;letter-spacing:-1.5px;font-weight:650}.benefit-intro>p{font-size:15px;line-height:1.85;color:#9399a6;align-self:center;max-width:360px}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:52px;margin-top:56px}.benefit{border-top:1px solid #dfe3ed;padding-top:24px}.benefit-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.benefit-icon{width:48px;height:48px;border:1px solid #dfe4f4;background:#eef1fb;color:var(--accent);display:grid;place-items:center;border-radius:13px}.benefit h3{font-size:18px;letter-spacing:-.5px;margin-bottom:12px;font-weight:650}.benefit p{font-size:14px;line-height:1.8;color:#8d94a3;max-width:290px}.feature-section{background:#10131b;color:#f1f3fa;position:relative;background-image:none;}.feature-inner{padding:91px 0 38px}.feature-header{display:flex;justify-content:space-between;align-items:flex-end}.feature-header h2{font-size:47px;line-height:1.18;letter-spacing:-2px;font-weight:600}.feature-header .section-label{color:#8c98c8}.feature-header>p{color:#78829c;font-size:14px;line-height:1.85;padding-bottom:3px}.feature-tabs{display:flex;gap:8px;margin-top:41px;padding-bottom:25px;border-bottom:1px solid #ffffff15}.feature-tabs button{display:flex;align-items:center;gap:9px;background:transparent;color:#9198af;padding:13px 20px;border-radius:8px;font-size:13px}.feature-tabs button.active{background:#293369;color:#dbe0ff;box-shadow:inset 0 0 0 1px #7080d329}.feature-tabs button:hover{color:#d6dcf2;background:#20263c}.feature-detail{display:grid;grid-template-columns:1fr 1fr;gap:82px;padding:61px 0 53px;align-items:center;min-height:465px}.feature-copy{animation:panel-in .45s both}.feature-kicker{display:block;font-size:9px;letter-spacing:1.6px;color:#69789e;margin-bottom:17px}.feature-copy h3{font-size:39px;line-height:1.25;font-weight:600;letter-spacing:-1.4px}.feature-copy>p{margin-top:19px;font-size:14px;line-height:1.9;color:#8c95ad;max-width:390px}.feature-copy ul{display:flex;flex-direction:column;gap:10px;margin-top:23px}.feature-copy li{display:flex;align-items:center;gap:9px;font-size:13px;color:#c1c8da}.feature-copy li svg{color:#8498e3}.feature-login{display:flex;align-items:center;gap:10px;font-size:13px;color:#a9b8ff;margin-top:28px}.feature-login:hover{color:white}.feature-visual{animation:panel-in .6s both;min-width:0}.time-detail,.vacation-detail,.report-detail{border:1px solid #ffffff1a;background:linear-gradient(140deg,#202633b8,#171d2bd9);border-radius:16px;box-shadow:0 22px 45px #00000017,inset 0 1px 0 #ffffff08;padding:26px 28px}.detail-top{display:flex;align-items:center;justify-content:space-between;color:#7e8aab;font-size:9px;letter-spacing:1px}.detail-top>span:first-child{display:flex;align-items:center;gap:7px}.detail-dot{width:4px;height:4px;border-radius:50%;background:#738acb}.detail-top>span:last-child{font-size:8px;color:#4d5b7b;letter-spacing:1.5px}.detail-date{display:flex;gap:8px;align-items:center;color:#a2acc4;font-size:13px;margin-top:23px}.day-timeline{display:flex;position:relative;margin:35px 0 41px;height:73px;gap:4px;padding-bottom:14px}.timeline-segment{display:flex;flex-direction:column;justify-content:space-between;font-size:9px;border-radius:5px;padding:8px 9px}.timeline-segment span{font-size:10px}.timeline-segment strong{font-weight:500;font-size:10px}.work-segment{flex:4;background:#3b4ca2;color:#c3cdf9}.second{flex:4;background:#2e3c7c}.break-segment{flex:1;background:#735543;color:#ffe0c6;min-width:51px}.timeline-end{position:absolute;right:0;bottom:-6px;font-size:10px;color:#596a91}.time-equation{display:flex;align-items:center;justify-content:space-between;gap:7px}.time-equation>span{color:#56678f}.time-equation>div>span{color:#7d8cae;font-size:9px;display:block}.time-equation strong{font:500 24px var(--f-display);letter-spacing:-.6px;display:block;margin-top:6px;color:#c8d3f4}.time-equation strong small{font-size:10px;margin-left:4px;color:#7f92be}.time-equation .equation-result strong{color:#aebdff}.detail-footer{display:flex;align-items:center;gap:6px;font-size:10px;color:#6f819e;border-top:1px solid #ffffff0c;margin-top:30px;padding-top:18px}.detail-separator{height:10px;width:1px;background:#39445f;margin:0 7px}.feature-extras{border-top:1px solid #ffffff12;display:flex;justify-content:space-between;gap:20px;padding-top:27px}.feature-extras>div{display:flex;align-items:center;gap:9px;font-size:11px;color:#65738e}.feature-extras svg{color:#6678a6}.mini-calendar{padding:0 8px;margin:16px 0 0}.mini-calendar-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:11px;color:#596a89}.mini-calendar-top>span{display:flex;gap:12px;color:#a3acc1}.mini-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;row-gap:5px}.mini-calendar-grid>span{font-size:10px;padding:4px;color:#a0a8b9}.mini-calendar-grid>span.weekday{font-size:8px;margin-bottom:7px;color:#929bae}.mini-calendar-grid>span.weekend{color:#c1c6d0}.mini-calendar-grid>span.vacation-day{background:#fff0e6;color:#96512e}.mini-calendar-grid>span.vacation-day:first-of-type{border-radius:5px 0 0 5px}.vacation-detail-head{display:flex;align-items:center;justify-content:space-between}.vacation-detail-head>div>span{font-size:8px;letter-spacing:1.3px;color:#75829e}.vacation-detail h4{font-size:21px;font-weight:500;margin-top:6px;color:#c7d0e8}.vacation-detail-head>svg{color:#ab8b70}.vacation-detail .mini-calendar-top{display:none}.vacation-detail .mini-calendar{padding:0;margin-top:23px}.dark .mini-calendar-grid>span{color:#a2abc1;font-size:12px;padding:5px}.dark .mini-calendar-grid>span.weekday{font-size:10px;color:#5f6f8e}.dark .mini-calendar-grid>span.weekend{color:#586681}.dark .mini-calendar-grid>span.vacation-day{background:#503b32;color:#e9b390}.vacation-detail-footer{margin-top:23px;display:flex;justify-content:space-between;border-top:1px solid #ffffff0a;padding-top:16px;font-size:10px;color:#7f8ba5}.vacation-detail-footer>span{display:flex;align-items:center;gap:6px}.vacation-detail-footer i{width:5px;height:5px;border-radius:2px;background:#b78867}.vacation-detail-footer strong{color:#cfac92;font-weight:500}.report-detail-value{display:flex;flex-direction:column;margin-top:20px}.report-detail-value strong{font:500 40px var(--f-display);color:#b9c8fc;letter-spacing:-1px}.report-detail-value strong small{font-size:14px;color:#6c7ea7;margin-left:8px}.report-detail-value>span{font-size:10px;color:#7e8cab;margin-top:3px}.report-detail-chart{margin-top:24px}.report-detail-chart .mini-chart{height:155px}.report-detail-chart .chart-gridlines i{background:#2a3349}.report-detail-chart .mini-chart-track>i{background:#394c87}.report-detail-chart .mini-chart-track>i.highlight{background:#899ceb}.report-detail-chart .mini-chart-column>span{color:#62718f;font-size:8px}.report-detail-metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff0a;padding-top:19px;margin-top:22px}.report-detail-metrics span{display:block;font-size:9px;color:#687794}.report-detail-metrics strong{font-size:12px;color:#abb9da;font-weight:500;display:block;margin-top:4px}.preview-insight{display:flex;align-items:center;gap:10px;color:#8996b4;background:#eef1f9;border-radius:6px;padding:14px;margin-top:20px;font-size:9px}.perspective{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:117px 0 106px}.perspective-copy h2{font-size:43px;line-height:1.24;letter-spacing:-1.8px;font-weight:650}.perspective-copy h2 span{color:var(--accent)}.perspective-copy>p{color:#9299a8;font-size:15px;line-height:1.85;max-width:375px;margin-top:23px}.perspective-copy .quiet-link{margin-top:25px;color:var(--accent)}.perspective-card{border:1px solid #e3e6ee;background:#fff;border-radius:12px;box-shadow:none;padding:25px 27px}.perspective-card-top{display:flex;align-items:center;gap:8px;color:#7f8ba9;font-size:9px;letter-spacing:1px}.perspective-card-top svg{color:#8997c2}.perspective-card-top .sample{margin-left:auto;color:#b7bdc9;font-size:7px;letter-spacing:1px}.perspective-number{font:600 56px var(--f-display);letter-spacing:-2px;color:var(--accent);margin-top:23px}.perspective-number>span{font:400 13px var(--f-body);color:#a3abbd;letter-spacing:0;margin-left:10px}.perspective-chart{margin-top:8px}.perspective-chart svg{width:100%;height:auto;overflow:visible}.draw-line{stroke-dasharray:none;stroke-dashoffset:0;animation:none}.perspective-chart>span{font-size:10px;color:#acb5c8;margin-top:10px;display:block}.perspective-card-bottom{display:flex;gap:20px;justify-content:space-between;margin-top:23px;border-top:1px solid #eef0f5;padding-top:19px}.perspective-card-bottom>span{display:flex;align-items:center;gap:6px;font-size:9px;color:#8696b6}.perspective-caption{display:block;text-align:center;color:#b4bbca;font-size:10px;margin-top:16px}.steps-section{padding:35px 0 105px}.section-center{text-align:center}.section-center h2{font-size:41px;letter-spacing:-1.6px;line-height:1.25;font-weight:650}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:65px;margin:53px 35px 0;position:relative}.steps-grid:before{content:'';position:absolute;top:25px;left:30px;right:30px;border-top:1px dashed #d5dbea;z-index:-1}.step-number{font:600 14px var(--f-display);background:#f8f9fb;border:1px solid #d7deee;color:var(--accent);width:52px;height:52px;border-radius:50%;display:grid;place-items:center;margin-bottom:26px}.step>svg{color:#8492ba;float:right;margin-top:-59px}.step h3{font-size:19px;letter-spacing:-.4px;font-weight:650;margin-bottom:12px}.step p{color:#9299a8;font-size:14px;line-height:1.85}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:92px;padding:83px 0 108px;border-top:1px solid #e1e5ee}.faq-intro h2{font-size:41px;line-height:1.25;letter-spacing:-1.6px;font-weight:650}.faq-intro p{font-size:14px;color:#949cad;margin-top:20px;max-width:240px}.faq-intro .quiet-link{margin-top:23px;color:var(--accent)}.faq-item{border-bottom:1px solid #dfe4ef}.faq-item:first-child{border-top:1px solid #dfe4ef}.faq-item button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:25px;text-align:left;padding:20px 0;background:transparent;color:#616e8a;font-size:14px;font-weight:500}.faq-item button svg{color:#8b99bc;transition:transform .3s}.faq-item.expanded button{color:var(--accent)}.faq-item.expanded button svg{transform:rotate(45deg);color:var(--accent)}.faq-answer{padding:0 35px 22px 0;animation:panel-in .3s both}.faq-answer p{font-size:13px;color:#8d99b0;line-height:1.9}.final-section{border-radius:14px;background:#242f7d;background-image:none;padding:56px 60px;position:relative;color:#fff;display:flex;align-items:center;justify-content:space-between;overflow:hidden;isolation:isolate}.final-glow{width:510px;height:400px;position:absolute;right:-150px;top:-180px;border-radius:50%;background:radial-gradient(ellipse,#7d8cec40,transparent 70%);z-index:-1}.final-copy .section-label{color:#a3aedb;font-size:9px;margin-bottom:17px}.final-copy h2{font-size:44px;line-height:1.2;letter-spacing:-1.7px;font-weight:600}.final-copy h2 span{color:#b1bffa}.final-copy p{font-size:13px;color:#a8b3df;margin-top:20px}.cta.light{background:#fff;color:var(--accent);box-shadow:0 9px 25px #0f174d22}.cta.light:hover{background:#edf0ff}.site-footer{padding:61px 0 26px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:25px;border-bottom:1px solid #e3e7ef;padding-bottom:29px}.footer-top .wordmark{font-size:23px}.footer-top p{font-size:12px;color:#96a1b6}.footer-top>a:last-child{display:flex;align-items:center;gap:8px;font-size:12px;color:#6d7fa9}.footer-bottom{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#b0b9ca;padding-top:20px}.footer-bottom a{color:#9aa7c1}[data-reveal]{opacity:1;transform:none;transition:none;}[data-reveal].visible{opacity:1;transform:translateY(0)}.benefit:nth-child(2),.step:nth-child(2){transition-delay:.1s}.benefit:nth-child(3),.step:nth-child(3){transition-delay:.2s}@keyframes hero-appear{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes product-appear{from{opacity:0;transform:translateX(45px) translateY(20px)}to{opacity:1;transform:none}}@keyframes float{50%{translate:0 -9px}}@keyframes bar-grow{from{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes panel-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes scroll-tick{50%{translate:0 5px}}@keyframes draw{to{stroke-dashoffset:0}}
@media(min-width:1500px){.hero{min-height:900px;gap:55px;grid-template-columns:1fr 1.12fr;padding-inline:max(70px,calc((100vw - 1320px)/2))}h1{font-size:87px}.hero-product{margin-top:12px}.product-workspace{padding:27px}.preview-heading h3{font-size:21px}.preview-stats strong{font-size:24px}.product-window{width:100%}.hero-content>p.hero-description{max-width:390px}}
@media(max-width:1180px){.site-nav{padding:0 22px}.site-nav nav{gap:18px}.nav-right{gap:15px}.site-nav nav a{font-size:12px}.wordmark{font-size:23px}.hero{padding:171px 45px 100px;min-height:780px;gap:27px}h1{font-size:62px;letter-spacing:-2.8px}.hero-eyebrow{font-size:9px}.hero-content>p{font-size:18px}.hero-description{max-width:320px!important}.hero-actions{gap:14px}.hero-actions .cta{font-size:13px;padding:13px 16px}.hero-actions .quiet-link{font-size:11px;gap:7px}.product-workspace{padding:20px 16px 15px}.preview-heading h3{font-size:16px}.preview-stats{gap:7px}.preview-stats>div{padding:10px 8px}.preview-stats strong{font-size:20px}.preview-timer{padding:12px}.preview-timer-right{min-width:115px}.preview-timer-right>div>i{width:47px}.mini-chart{gap:13px;height:118px}.window-top{padding:0 12px;gap:7px}.preview-label{font-size:6px}.feature-detail{gap:50px}.feature-copy h3{font-size:34px}.benefit-grid{gap:35px}.benefit-intro{gap:50px}.perspective{gap:50px}.perspective-copy h2{font-size:38px}.perspective-number{font-size:49px}.perspective-card-bottom{gap:10px}.perspective-card-bottom>span{font-size:8px}.faq-section{gap:60px}.steps-grid{margin-inline:10px;gap:45px}.final-section{padding:49px}.final-copy h2{font-size:41px}}
@media(max-width:980px){.site-nav{height:68px;top:15px;width:calc(100% - 36px);padding:0 20px}.site-nav nav{gap:18px}.site-nav nav a{font-size:11px}.site-nav nav a:nth-child(3){display:none}.nav-login{display:none}.wordmark{font-size:22px}.cta.compact{font-size:12px}.hero{grid-template-columns:1fr 1fr;gap:20px;padding:156px 35px 98px;min-height:735px}h1{font-size:54px;letter-spacing:-2.6px}.hero-eyebrow{font-size:8px;letter-spacing:1.1px}.hero-content>p{font-size:17px}.hero-content>p.hero-description{font-size:14px;max-width:295px!important}.hero-actions{flex-wrap:wrap;gap:18px}.hero-actions .quiet-link{font-size:13px}.hero-footnote{font-size:11px}.product-rail{width:42px;padding:13px 6px;gap:13px}.product-rail button{width:27px;height:27px}.preview-stats strong{font-size:17px}.preview-stats span{font-size:7px}.preview-stats em{font-size:6px}.preview-heading h3{font-size:14px}.preview-heading>div>span{font-size:6px}.preview-stats strong small{font-size:6px}.preview-timer strong{font-size:27px}.preview-timer-right{min-width:91px}.preview-timer-right>div{gap:5px;font-size:7px}.preview-timer-right>div>i{width:32px}.window-top>span{font-size:8px}.preview-label{display:none}.section-width{width:calc(100% - 70px)}.benefit-intro h2{font-size:32px}.benefit-intro{grid-template-columns:1.25fr .75fr;gap:30px}.benefit-intro p{font-size:14px}.benefit-grid{gap:27px}.benefit h3{font-size:17px}.benefit p{font-size:13px}.feature-header h2{font-size:40px}.feature-detail{gap:35px;grid-template-columns:1fr 1fr}.feature-copy h3{font-size:29px}.feature-copy>p{font-size:13px}.feature-copy li{font-size:12px}.time-detail,.vacation-detail,.report-detail{padding:22px}.time-equation strong{font-size:20px}.time-equation>div>span{font-size:8px}.feature-extras>div{font-size:10px;gap:6px}.feature-extras svg{width:16px}.perspective-copy h2{font-size:33px}.perspective-copy>p{font-size:14px}.perspective{gap:35px;padding:90px 0}.perspective-card{padding:21px}.perspective-number{font-size:43px}.perspective-card-bottom{flex-direction:column;gap:10px}.perspective-card-bottom>span{font-size:10px}.steps-grid{gap:31px}.step h3{font-size:18px}.step p{font-size:13px}.section-center h2{font-size:36px}.faq-intro h2{font-size:35px}.faq-section{gap:40px;grid-template-columns:.75fr 1.25fr}.faq-item button{font-size:13px}.final-section{padding:42px}.final-copy h2{font-size:36px}.final-copy .section-label{font-size:8px}.final-section .cta{padding:14px 18px;font-size:13px}}
@media(max-width:760px){html{scroll-padding-top:100px}.site-nav{width:calc(100% - 28px);top:13px;height:65px;gap:12px;padding:0 18px;border-radius:13px}.site-nav nav{display:none;position:absolute;top:75px;left:0;right:0;background:#fffffff2;backdrop-filter:blur(20px);border:1px solid #e0e5f3;padding:18px;border-radius:13px;box-shadow:0 10px 30px #26377c16;flex-direction:column;gap:6px}.site-nav nav.open{display:flex}.site-nav nav a{padding:9px;font-size:14px}.site-nav nav a:nth-child(3){display:block}.nav-right{gap:14px}.nav-right .compact{font-size:12px;min-height:37px;padding:8px 12px}.mobile-menu{display:grid;place-items:center}.wordmark{font-size:21px}.logo-symbol{width:31px;height:31px;border-radius:8px}.logo-symbol svg{width:20px}.hero{grid-template-columns:1fr;padding:141px 35px 82px;gap:45px;min-height:0}.hero-content{text-align:center}.hero-eyebrow{justify-content:center;font-size:9px;margin-bottom:22px}h1{font-size:68px;line-height:1.08;letter-spacing:-3.3px}.hero-content>p{font-size:19px;margin-top:25px}.hero-content>p.hero-description{margin:16px auto 0;max-width:380px!important;font-size:15px}.hero-actions{justify-content:center;margin-top:27px;gap:20px}.hero-actions .cta{font-size:14px;padding:15px 22px}.hero-actions .quiet-link{font-size:13px}.hero-footnote{justify-content:center;font-size:12px;margin-top:21px}.hero-product{width:min(560px,100%);margin:auto;padding-top:26px}.product-window{width:100%;transform:none}.product-workspace{padding:24px 22px 16px}.preview-heading h3{font-size:20px}.preview-heading>div>span{font-size:8px}.preview-stats>div{padding:13px}.preview-stats strong{font-size:23px}.preview-stats span{font-size:9px}.preview-stats em{font-size:8px}.preview-stats strong small{font-size:8px}.product-rail{width:48px;padding:15px 8px}.product-rail button{width:31px;height:31px}.window-top>span{font-size:9px}.preview-timer{padding:17px}.preview-timer strong{font-size:31px}.preview-timer-right{min-width:132px}.preview-timer-right>div{font-size:9px;gap:8px}.preview-timer-right>div>i{width:55px}.preview-timer>div>span{font-size:8px}.preview-chart-head{font-size:11px}.preview-chart-head>span{font-size:9px}.mini-chart{height:137px;gap:22px}.mini-chart-column>span{font-size:9px}.preview-bottom{font-size:9px}.scroll-cue{bottom:12px}.scroll-cue>span{font-size:7px}.section-width{width:calc(100% - 56px)}.benefit-section{padding:74px 0}.benefit-intro{display:block}.benefit-intro h2{font-size:35px}.benefit-intro>p{margin-top:22px;max-width:430px;font-size:15px}.section-label{font-size:9px}.benefit-grid{gap:30px;grid-template-columns:1fr;margin-top:37px}.benefit{display:grid;grid-template-columns:56px 1fr;column-gap:18px;row-gap:3px;padding-top:23px}.benefit-top{grid-row:1/3;align-items:flex-start;margin:0}.benefit h3{font-size:19px;margin-top:0;margin-bottom:5px}.benefit p{font-size:14px;max-width:none}.feature-inner{padding:64px 0 28px}.feature-header{display:block}.feature-header h2{font-size:39px}.feature-header>p{font-size:14px;margin-top:21px}.feature-tabs{gap:5px;margin-top:31px;padding-bottom:21px}.feature-tabs button{flex:1;justify-content:center;font-size:12px;padding:12px 8px;gap:6px}.feature-tabs button svg{width:16px}.feature-detail{grid-template-columns:1fr;gap:30px;padding:34px 0 33px}.feature-copy h3{font-size:37px}.feature-copy>p{font-size:15px;max-width:none}.feature-copy li{font-size:14px}.feature-kicker{font-size:9px}.feature-login{font-size:14px;margin-top:24px}.feature-visual{width:100%;max-width:540px;margin-inline:auto}.time-detail,.vacation-detail,.report-detail{padding:26px 30px}.detail-top{font-size:10px}.detail-date{font-size:14px}.timeline-segment strong,.timeline-segment span{font-size:12px}.day-timeline{height:84px}.time-equation strong{font-size:30px}.time-equation>div>span{font-size:11px}.detail-footer{font-size:12px}.feature-extras{display:grid;grid-template-columns:1fr;gap:15px;padding-top:23px}.feature-extras>div{font-size:13px}.feature-extras svg{width:18px}.vacation-detail .mini-calendar-grid>span{font-size:14px;padding:7px}.vacation-detail-footer{font-size:12px}.report-detail-metrics span{font-size:11px}.report-detail-metrics strong{font-size:14px}.perspective{grid-template-columns:1fr;gap:35px;padding:74px 0}.perspective-copy h2{font-size:40px}.perspective-copy>p{max-width:none;font-size:15px}.perspective-card{padding:26px 28px}.perspective-number{font-size:58px}.perspective-card-top{font-size:10px}.perspective-card-top .sample{font-size:8px}.perspective-chart>span{font-size:12px}.perspective-card-bottom{flex-direction:row;gap:12px}.perspective-card-bottom>span{font-size:11px}.perspective-caption{font-size:11px}.steps-section{padding:20px 0 72px}.section-center h2{font-size:35px}.steps-grid{grid-template-columns:1fr;gap:32px;margin:38px 0 0}.steps-grid:before{display:none}.step{display:grid;grid-template-columns:48px 1fr;gap:5px 20px}.step-number{grid-row:1/3;width:43px;height:43px;margin:0;align-self:start}.step>svg{display:none}.step h3{font-size:19px;margin:0}.step p{font-size:14px}.faq-section{display:block;padding:60px 0 72px}.faq-intro h2{font-size:38px}.faq-intro p{font-size:15px;max-width:330px}.faq-list{margin-top:33px}.faq-item button{font-size:15px;padding:20px 0}.faq-answer p{font-size:14px}.final-section{padding:39px 32px;flex-direction:column;align-items:flex-start;gap:29px;border-radius:16px}.final-copy h2{font-size:42px}.final-copy .section-label{font-size:9px}.final-copy p{font-size:14px}.final-section .cta{font-size:14px;min-height:50px;padding:13px 20px}.site-footer{padding:42px 0 24px}.footer-top{flex-wrap:wrap;gap:22px}.footer-top p{order:3;width:100%;font-size:13px}.footer-top>a:last-child{font-size:13px}.footer-bottom{flex-wrap:wrap;gap:10px;font-size:11px}.footer-bottom>span:nth-child(2){display:none}.footer-bottom>a{margin-left:auto}}
@media(max-width:430px){.hero{padding:130px 24px 77px;gap:40px}h1{font-size:56px;letter-spacing:-2.8px}.hero-eyebrow{font-size:8px;letter-spacing:.8px;gap:7px}.hero-eyebrow .eyebrow-line{width:17px}.hero-content>p{font-size:18px}.hero-content>p.hero-description{font-size:14px;max-width:315px!important}.hero-actions{gap:19px;flex-direction:column}.hero-footnote{font-size:11px}.site-nav{padding:0 12px}.site-nav .wordmark{font-size:20px;gap:7px}.site-nav .logo-symbol{width:28px;height:28px}.nav-right{gap:9px}.nav-right .compact{font-size:11px;padding:9px 11px}.mobile-menu svg{width:21px}.product-workspace{padding:21px 13px 12px}.product-rail{width:36px;padding:12px 4px;gap:15px}.product-rail button{width:26px;height:26px}.product-rail button svg{width:15px}.preview-heading{margin-bottom:15px}.preview-heading h3{font-size:15px}.preview-heading>div>span{font-size:6px}.preview-avatar{width:23px;height:23px;font-size:7px}.preview-stats{gap:6px}.preview-stats>div{padding:10px 7px}.preview-stats strong{font-size:19px}.preview-stats span{font-size:7px}.preview-stats em{font-size:6px}.preview-stats strong small{font-size:6px}.preview-timer{padding:12px}.preview-timer strong{font-size:27px}.preview-timer>div>span{font-size:6px}.preview-timer-right{min-width:98px}.preview-timer-right>span{font-size:7px!important}.preview-timer-right>div{font-size:7px;gap:5px}.preview-timer-right>div>i{width:35px}.mini-chart{height:114px;gap:12px}.preview-chart-head{font-size:9px}.preview-chart-head>span{font-size:7px}.mini-chart-column>span{font-size:8px}.preview-bottom{font-size:7px}.window-top>span{font-size:8px}.window-top{height:35px}.section-width{width:calc(100% - 46px)}.section-label{font-size:8px;letter-spacing:1.2px}.benefit-intro h2{font-size:31px;letter-spacing:-1.2px}.feature-header h2{font-size:35px}.feature-tabs button{font-size:10px;gap:5px;padding:12px 5px}.feature-tabs button svg{width:14px}.feature-copy h3{font-size:34px}.time-detail,.vacation-detail,.report-detail{padding:22px}.time-equation strong{font-size:26px}.time-equation>div>span{font-size:9px}.timeline-segment strong,.timeline-segment span{font-size:10px}.perspective-copy h2{font-size:34px}.perspective-card{padding:23px}.perspective-number{font-size:49px}.perspective-card-bottom{flex-direction:column;gap:10px}.section-center h2{font-size:29px;letter-spacing:-1.2px}.faq-intro h2{font-size:35px}.faq-item button{font-size:14px}.final-section{padding:32px 26px}.final-copy h2{font-size:37px}.final-copy .section-label{font-size:8px}.final-copy p{font-size:13px}.preview-insight{font-size:8px}.mini-calendar-grid>span{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}[data-reveal]{opacity:1;transform:none}.draw-line{stroke-dashoffset:0}.product-window{transform:none}}
/* Core reading text remains comfortable; preview typography scales with the mockup. */
.site-nav nav a,.nav-login,.quiet-link,.feature-tabs button,.feature-copy li,.feature-login,.feature-extras>div,.faq-answer p{font-size:14px}.hero-eyebrow,.section-label,.hero-footnote,.feature-kicker,.final-copy .section-label,.footer-top p,.footer-bottom,.scroll-cue>span{font-size:12px}.hero-content>p.hero-description,.benefit p,.step p,.feature-copy>p,.faq-intro p{font-size:16px}.feature-header>p{font-size:16px}.feature-header .section-label{font-size:12px}.faq-item button{font-size:16px}.hero-content>p.hero-description{color:#758094}.benefit p,.benefit-intro>p,.perspective-copy>p,.step p,.faq-intro p{color:#758094}.feature-copy>p{color:#a1aac0}.feature-copy li{color:#cbd2e3}.faq-answer p{color:#74819a}.section-label{color:#627294}.feature-kicker{color:#899bc6}.feature-extras>div{color:#8b9ab6}.hero-footnote{color:#7b879e}.feature-tabs button{color:#abb4ca}.footer-top p,.footer-bottom{color:#8492ae}@media(max-width:980px){.site-nav nav a{font-size:12px}.hero-eyebrow{font-size:10px}.feature-tabs button{font-size:13px}.feature-kicker{font-size:11px}.hero-actions{gap:17px}}@media(max-width:760px){.site-nav nav a{font-size:15px}.hero-eyebrow{font-size:11px}.hero-actions .quiet-link{font-size:14px}.feature-tabs button{font-size:13px;flex-direction:column;gap:6px}.feature-tabs button svg{width:19px}.feature-extras>div{font-size:14px}.section-label{font-size:11px}.scroll-cue>span{font-size:10px}.final-copy .section-label{font-size:11px}.faq-item button{font-size:16px}.final-copy p{font-size:15px}}@media(max-width:430px){.hero-eyebrow{font-size:9px}.hero-content>p.hero-description{font-size:15px}.feature-tabs button{font-size:12px}.section-label{font-size:10px}.final-copy .section-label{font-size:10px}.scroll-cue>span{font-size:9px}.feature-copy li{font-size:14px}.feature-kicker{font-size:10px}}

[hidden]{display:none!important}
/* Progressive Darstellung: Inhalte bleiben ohne JavaScript sichtbar. */
[data-reveal]{opacity:1;transform:none}
.js-motion [data-reveal]:not(.visible){opacity:0;transform:translateY(23px)}

/* Schriftfamilien und Ersatzschriften entsprechen der bestehenden Anwendung. */
body{font-family:var(--f-body)}
h1,h2,h3,h4{font-family:var(--f-display);letter-spacing:-.01em}
h1{font-weight:750;font-stretch:78%}
h2{font-weight:700;font-stretch:88%}
h3,h4{font-weight:650}
.wordmark{font-family:var(--f-display);font-weight:800;font-stretch:70%}
.hero-eyebrow,.section-label,.feature-kicker{font-family:var(--f-display);font-stretch:80%}
.preview-stats strong,.preview-timer strong,.time-equation strong,.report-detail-value strong,.report-detail-metrics strong,.perspective-number,.timeline-segment>span,.timeline-end,.preview-timer-right>div>span{font-family:var(--f-mono);font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:-.02em}
.preview-stats strong small,.preview-timer strong small,.time-equation strong small,.report-detail-value strong small,.perspective-number>span{font-family:var(--f-body);font-weight:400;letter-spacing:normal}
@media(max-width:430px){.preview-stats strong{font-size:17px}.preview-timer strong{font-size:25px}.perspective-number{font-size:45px}.time-equation strong{font-size:24px}}

/* Inter: klare Business-Typografie mit gut lesbaren Zeitwerten. */
body,button,a,h1,h2,h3,h4{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
h1,h2,h3,h4,.wordmark{font-stretch:normal;letter-spacing:-.025em}
h1{font-weight:700}h2{font-weight:650}h3,h4{font-weight:600}
.hero-eyebrow,.section-label,.feature-kicker{font-stretch:normal}
.preview-stats strong,.preview-timer strong,.time-equation strong,.report-detail-value strong,.report-detail-metrics strong,.perspective-number,.timeline-segment>span,.timeline-end,.preview-timer-right>div>span{font-family:Inter,system-ui,sans-serif;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";letter-spacing:-.02em;font-weight:600}
.hero-content>p.hero-description,.benefit p,.step p,.faq-answer p{line-height:1.8}

/* Zeitstand: responsive vector brand mark */
.logo-symbol{background:transparent;box-shadow:none;border-radius:0}.logo-symbol img{display:block;width:100%;height:100%;max-width:none}.preview-brand img{display:block}.wordmark{font-weight:700;letter-spacing:-.04em}

/* Refinement: clear product preview, restrained depth and readable grouping. */
.hero-product{min-width:0}.product-window{width:100%;transform:none;transition:none}
.hero-product:hover .product-window{transform:none}
.product-workspace{min-width:0}.preview-stats strong small{margin-left:3px}
.hero-content h1{font-size:clamp(36px,4.2vw,60px);letter-spacing:-.03em}
.hero-content>p:first-of-type{margin-top:26px}
.preview-heading h3{margin-top:0}.benefit-top{justify-content:flex-start}
.final-section{background:#2f43b8}.final-glow{display:none}
.cta{box-shadow:0 3px 10px #2f43b814}.cta:hover{box-shadow:0 4px 12px #2f43b81f}
.hero-content,.product-window,.mini-chart-track i,.draw-line{animation:none}
[data-reveal]{opacity:1;transform:none}
.section-label,.feature-kicker{letter-spacing:normal}
@media(max-width:760px){.hero-content h1{font-size:clamp(34px,7vw,48px)}}