/* Business Desk / connected workspace. Public and auth art direction. */
:root{--motion-reveal:760ms;--motion-scene:1100ms;--motion-ease:cubic-bezier(.16,1,.3,1)}
.public-hero{background:#17212d;color:#fff;padding:82px 0 0;isolation:isolate;overflow:clip}.desk-atmosphere{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 73% 44%,#266a714d,transparent 56%)}.desk-grid{position:absolute;inset:0;background-image:linear-gradient(#92cbd30a 1px,transparent 1px),linear-gradient(90deg,#92cbd30a 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,transparent,#000)}.desk-orbit{position:absolute;width:880px;height:880px;border:1px solid #81cbd326;border-radius:50%;right:-160px;top:-220px;transform:translateY(calc(var(--scene-scroll,0)*-45px))}.orbit-two{inset:auto -20px -320px auto;width:690px;height:690px;border-style:dashed;border-color:#81cbd318}.desk-north{position:absolute;right:7%;top:24px;font-size:11px;letter-spacing:6px;color:#79b4c3}.hero-grid{grid-template-columns:1fr 1.08fr;gap:68px;align-items:center;padding-bottom:70px;position:relative;perspective:1500px}.hero-kicker{color:#a2c5cc;font-size:10px;letter-spacing:1.8px;line-height:1.7}.hero-kicker>span{background:#34bed5;box-shadow:0 0 0 5px #34bed517}.hero-copy h1{font-size:clamp(46px,4.9vw,76px);letter-spacing:-2.8px;line-height:1.04;max-width:600px}.hero-copy h1>span{color:#76deea}.hero-copy h1>span:after{height:2px;bottom:-14px;clip-path:none;background:linear-gradient(90deg,#34bed5,transparent)}.hero-copy>.lead{color:#b9cbd3;font-size:16px;line-height:1.85;max-width:450px}.hero-actions .btn{background:#a6eaf0;color:#17212d;border-color:#a6eaf0;box-shadow:0 5px 25px #34bed51a;font-size:13px}.hero-actions .btn:hover{background:#d2f7fa;box-shadow:0 8px 35px #34bed545;transform:translateY(-3px)}.hero-secondary{color:#edf7f9}.hero-secondary>.icon{transition:transform .25s}.hero-secondary:hover>.icon{transform:translateX(5px)}.hero-note{color:#93adb9}.hero-note .icon{color:#74d2df}.hero-desk{transform:translateY(calc(var(--scene-scroll,0)*-20px));position:relative}.hero-window{transform:rotateY(calc(-8deg + var(--pointer-x,0)*2deg)) rotateX(calc(3deg - var(--pointer-y,0)*2deg));transform-style:preserve-3d;transition:transform .35s var(--motion-ease)}.hero-window .product-preview{box-shadow:0 45px 85px #030e1980,0 0 0 6px #ffffff0b;border-color:#668188;border-radius:16px}.hero-window .preview-content{padding:22px}.hero-window .preview-chart{padding:14px}.hero-window .preview-chart svg{max-height:155px}.hero-window .chart-details{display:none}.hero-window .preview-greeting{margin-bottom:15px}.hero-window .preview-top{background:#20313f}.hero-window .preview-stats .stat-value{font-size:23px}.hero-window .preview-greeting h2{font-size:26px}.desk-coordinate{color:#829eac;font-size:10px;top:-36px}.desk-tab{position:absolute;display:flex;align-items:center;gap:12px;border:1px solid #789aa56b;background:#223b48;color:#e6f5f6;border-radius:12px;padding:14px 18px;box-shadow:0 15px 30px #06132145;font-size:12px;pointer-events:none}.desk-tab .icon{color:#83d9e4;width:19px}.desk-tab i{width:5px;height:5px;border-radius:50%;background:#a2e6c0;margin-left:12px}.desk-tab-sales{top:58px;right:-34px;transform:translateY(calc(var(--scene-scroll,0)*-18px))}.desk-tab-team{left:-30px;bottom:108px;transform:translateY(calc(var(--scene-scroll,0)*14px))}.payment-note{right:-24px;bottom:-12px;color:#17212d;border-color:#bfdbd9;transform:none;padding:14px 18px;z-index:2}.hero-baseline{display:flex;justify-content:space-between;align-items:center;padding:12px 0 26px}.scroll-cue{display:flex;align-items:center;gap:13px;font-size:11px;letter-spacing:.3px;color:#bed1da}.scroll-cue>span{width:27px;height:36px;border:1px solid #7297a766;border-radius:18px;display:grid;place-items:center;font-size:17px;transition:transform .25s}.scroll-cue:hover>span{transform:translateY(4px)}.motion-toggle{display:inline-flex;align-items:center;gap:9px;background:transparent;border:1px solid #7897a94d;border-radius:99px;padding:8px 12px;color:inherit;font-size:10px;cursor:pointer}.motion-toggle[hidden]{display:none}.motion-toggle:hover{background:#ffffff10}.motion-toggle-icon{font-size:12px}.hero-baseline .motion-toggle{color:#b5cbd5}.product-strip{border-color:#6e8d9c30;color:#bfccd3;padding:23px 0;font-size:11px}.product-strip i{background:#34bed5;box-shadow:0 0 10px #34bed52a}.public-header{background:#fafbf8f5}.public-header:after{content:'';position:absolute;bottom:0;left:0;height:2px;background:var(--cyan);width:100%;transform-origin:left;transform:scaleX(var(--reading-progress,0))}.public-navigation>a.is-current:after{right:0}
/* Choreography uses transforms and opacity. Nothing is hidden before JS enhancement. */
.motion-ready:not(.motion-reduced) .hero-copy>*{animation:desk-rise var(--motion-scene) var(--motion-ease) both;animation-delay:calc(var(--entry,0)*100ms)}.motion-ready .hero-copy h1{--entry:1}.motion-ready .hero-copy .lead{--entry:2}.motion-ready .hero-actions{--entry:3}.motion-ready .hero-note{--entry:4}.motion-ready:not(.motion-reduced) .hero-window{animation:desk-unfold 1300ms var(--motion-ease) both}.motion-ready:not(.motion-reduced) .desk-tab{animation:desk-rise 900ms var(--motion-ease) 450ms both}.motion-ready:not(.motion-reduced) .desk-tab-team{animation-delay:650ms}.motion-ready:not(.motion-reduced) .payment-note{animation:desk-rise 900ms var(--motion-ease) 900ms both}.public-body:not(.motion-reduced) .reveal-ready{transition:opacity var(--motion-reveal) var(--motion-ease),transform var(--motion-reveal) var(--motion-ease),clip-path var(--motion-reveal) var(--motion-ease);transform:translateY(28px);clip-path:inset(0 0 8% 0);opacity:0}.public-body:not(.motion-reduced) .reveal-ready.is-visible{transform:none;clip-path:inset(0);opacity:1}.public-modules .public-module{transition-delay:calc(var(--item-index,0)*70ms)}.desk-connectors{position:absolute;inset:0;width:100%;height:100%;stroke:#4bacb9;stroke-width:1.5;stroke-dasharray:500;stroke-dashoffset:500;transition:stroke-dashoffset 1.4s var(--motion-ease)}.is-visible .desk-connectors{stroke-dashoffset:0}.scattered-item{position:relative}.scattered-desk.is-visible .scattered-item{animation:desk-settle 1100ms var(--motion-ease) both;animation-delay:calc(var(--item-index,0)*90ms)}.one-desk h2{background:linear-gradient(105deg,#17212d 35%,#08788a 70%,#17212d);background-clip:text;color:transparent}.showcase-section{background:#eaf0ed;padding-top:86px}.showcase-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 0 20px;border-bottom:1px solid #cbdad4;margin-bottom:20px;gap:15px}.showcase-live{display:flex;align-items:center;gap:10px;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#536c68}.showcase-live i{width:6px;height:6px;border-radius:50%;background:#08788a}.showcase-next{display:flex;align-items:center;gap:10px;border:0;background:transparent;font-size:12px;font-weight:700;color:#08788a;cursor:pointer}.showcase-next[hidden]{display:none}.showcase-next .icon{width:16px}.showcase-tabs{position:sticky;top:83px;z-index:5;background:#eaf0edf7;padding:12px 0 20px;backdrop-filter:blur(12px)}.showcase-tabs a{border-radius:99px;position:relative;transition:background .22s,color .22s,transform .22s}.showcase-tabs a:hover{transform:translateY(-2px)}.showcase.is-enhanced .showcase-panel{min-height:520px;animation:desk-panel .6s var(--motion-ease)}.showcase-panel[hidden]{display:none}.showcase.is-enhanced .showcase-panel .preview-record{animation:desk-rise .65s var(--motion-ease) both;animation-delay:calc(var(--item-index,0)*65ms)}.showcase .product-preview{box-shadow:0 30px 55px #27463820,0 0 0 7px #ffffff70;transform:perspective(1400px) rotateY(-3deg);transition:transform .4s}.showcase .product-preview:hover{transform:perspective(1400px) rotateY(0)}.public-flow li{position:relative;overflow:hidden}.public-flow li:after{content:'';height:2px;position:absolute;bottom:0;left:0;right:0;background:#34bed5;transform:scaleX(0);transform-origin:left;transition:transform .65s var(--motion-ease);transition-delay:calc(var(--item-index,0)*160ms)}.public-flow .is-visible li:after{transform:scaleX(1)}.public-module:hover{background:#f6fcfc}.public-module:hover .module-icon{transform:rotate(-7deg) scale(1.07)}.module-icon{transition:transform .25s var(--motion-ease)}.pilot-figure{transform:translateY(calc(var(--section-shift,0)*-20px));box-shadow:0 24px 55px #06152138}.pilot-section{position:relative;overflow:hidden}.pilot-section:before{content:'';position:absolute;width:650px;height:650px;right:-240px;top:-300px;border:1px solid #69949b30;border-radius:50%;box-shadow:0 0 0 90px #729da609,0 0 0 180px #729da609;pointer-events:none}.final-cta{background:radial-gradient(ellipse at 50% 120%,#23717b65,transparent 65%),#17212d;position:relative;overflow:hidden}.final-cta:before{content:'';position:absolute;inset:20px;border:1px solid #91c4ce1c;border-radius:30px;pointer-events:none}.public-body .btn>.icon{transition:transform .22s}.public-body .btn:hover>.icon{transform:translate(3px,-2px)}
/* Auth: the workspace opens from a luminous, architectural scene. */
.guest-body{background:#eef2f0}.auth-layout{grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);min-height:100svh}.auth-story{padding:40px 50px;background:radial-gradient(ellipse at 70% 55%,#225a666b,transparent 63%),#17212d;position:relative;overflow:hidden;isolation:isolate}.auth-story:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#88bec808 1px,transparent 1px),linear-gradient(#88bec808 1px,transparent 1px);background-size:80px 80px;z-index:-1;mask-image:linear-gradient(#000,transparent)}.auth-story-content{padding:60px 0 20px;flex:1;display:flex;flex-direction:column;justify-content:center}.auth-story-content>.eyebrow{font-size:9px;letter-spacing:1.6px;color:#8abecb}.auth-story h2{font-size:clamp(34px,3.5vw,55px);line-height:1.12;letter-spacing:-1.8px;margin-top:20px}.auth-story h2>span{color:#8bdde6}.auth-story-note{color:#acc4cf;font-size:12px;max-width:360px}.auth-story-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #789ba329;padding-top:20px;font-size:9px;color:#95b9c5;letter-spacing:1px}.auth-story-footer .motion-toggle{font-size:9px;letter-spacing:0}.auth-form-section{margin:18px 18px 18px 0;border-radius:22px;background:#fafbf8;position:relative;min-height:calc(100svh - 36px);padding:80px 52px 65px;box-shadow:0 20px 40px #17212d05;display:flex;flex-direction:column;justify-content:center}.auth-form-content{width:100%;max-width:420px;position:relative}.auth-form-content:before{content:'';display:block;width:35px;height:4px;background:#34bed5;margin-bottom:30px;border-radius:3px}.auth-heading h1{font-size:35px;line-height:1.15;letter-spacing:-1.1px}.auth-heading>p{font-size:14px;line-height:1.75}.auth-heading{margin-bottom:28px}.auth-form-eyebrow{font-size:10px;letter-spacing:1.2px;color:#08788a}.auth-form .field input{height:53px;background:#fff;border-color:#d6e1df;box-shadow:0 2px 5px #17212d03;transition:border-color .2s,box-shadow .2s,background .2s}.auth-form .field:focus-within label{color:#08788a}.auth-form .field input:focus{background:#fff;box-shadow:0 0 0 4px #34bed518;border-color:#168e9e}.auth-form .field input[aria-invalid=true]{border-color:var(--danger);background:var(--danger-soft)}.btn-auth{min-height:53px;border-radius:10px;background:#17212d;box-shadow:0 7px 15px #17212d12}.btn-auth:hover{transform:translateY(-2px);box-shadow:0 10px 20px #17212d24}.auth-home-link{right:30px;top:24px;font-size:11px}.auth-footer{left:35px;right:35px;bottom:22px;font-size:10px;gap:8px}.auth-contact{padding-top:20px;margin-top:28px}.auth-scene{height:270px;margin:28px -10px 20px;position:relative;perspective:1000px;isolation:isolate}.auth-scene-orbit{position:absolute;width:310px;height:310px;border:1px solid #61c5d34d;border-radius:50%;top:-10px;left:50%;transform:translateX(-50%) rotateX(58deg) rotateZ(-18deg);box-shadow:0 0 0 48px #639aa30c,0 0 0 96px #639aa309}.auth-scene-grid{position:absolute;inset:15px;background:radial-gradient(ellipse,#41b4c51c,transparent 65%)}.auth-desk-slab{position:absolute;width:76%;max-width:350px;left:12%;top:25px;background:#f6faf7;color:#17212d;border:1px solid #90bec6;border-radius:15px;box-shadow:20px 30px 50px #040f2070,0 0 0 5px #b1e3e60c;transform:rotateY(-12deg) rotateX(12deg) rotateZ(-6deg);overflow:hidden}.slab-top{display:flex;gap:8px;align-items:center;padding:14px 17px;border-bottom:1px solid #d3e4df;font-size:11px}.slab-top>.icon{width:16px;color:#08788a}.slab-top>i{width:7px;height:7px;background:#8fcba7;border-radius:50%;margin-left:auto}.slab-content{padding:19px 20px}.slab-content>span{font-size:12px;color:#597379}.slab-chart{display:flex;align-items:flex-end;gap:12px;height:72px;margin:15px 0 18px;border-bottom:1px solid #d3e4df}.slab-chart>i{flex:1;background:linear-gradient(#67cdda,#cbeeed);height:40%;border-radius:4px 4px 0 0;transform-origin:bottom}.slab-chart>i:nth-child(2){height:55%}.slab-chart>i:nth-child(3){height:45%}.slab-chart>i:nth-child(4){height:72%}.slab-chart>i:nth-child(5){height:66%}.slab-chart>i:nth-child(6){height:82%}.slab-chart>i:nth-child(7){height:96%;background:#08788a}.slab-lines{display:flex;gap:10px}.slab-lines>i{height:5px;width:40%;border-radius:3px;background:#d8e5df}.slab-lines>i:last-child{width:22%}.auth-orbit-label{position:absolute;display:flex;gap:9px;align-items:center;padding:11px 14px;border:1px solid #83bec33b;background:#244350;color:#d5f0f1;font-size:10px;border-radius:10px;box-shadow:0 10px 20px #06132330}.auth-orbit-label>.icon{width:15px;color:#88dfea}.label-clients{top:2px;right:0}.label-finance{left:0;top:125px}.label-team{right:4%;bottom:30px}.auth-scene-caption{position:absolute;bottom:0;left:30%;color:#9dc0cc;font-size:9px;letter-spacing:2px}.motion-ready:not(.motion-reduced) .auth-desk-slab{animation:auth-open 1200ms var(--motion-ease) both}.motion-ready:not(.motion-reduced) .slab-chart>i{animation:bar-grow 1000ms var(--motion-ease) 350ms both}.motion-ready:not(.motion-reduced) .auth-orbit-label{animation:desk-rise 1000ms var(--motion-ease) 550ms both}.motion-ready:not(.motion-reduced) .auth-form-content{animation:desk-rise 700ms var(--motion-ease) both}.company-choice-grid{display:grid;grid-template-columns:1fr;gap:15px;margin-top:24px;max-height:55vh;overflow:auto;padding:4px}.company-choice{padding:23px;background:#fff;border:1px solid #d7e4e0;border-radius:17px;box-shadow:0 4px 15px #17212d04;transition:border-color .25s,box-shadow .25s}.company-choice:hover{border-color:#92cbd0;box-shadow:0 10px 25px #17212d0d}.company-choice h2{font-size:21px;margin:16px 0 8px}.company-choice>p{font-size:12px;color:var(--muted)}.company-choice-top{display:flex;justify-content:space-between;align-items:center}.company-choice form{margin-top:18px}.company-choice .btn{width:100%}.company-security{display:flex;gap:8px;margin-top:23px;font-size:11px;line-height:1.7;color:var(--muted)}.company-security>.icon{width:18px;flex:none}.company-logout{margin-top:10px}.company-logout .btn{font-size:11px}.company-welcome+.page-header{margin-top:12px}.company-welcome+.page-header h1{font-size:30px}.company-welcome+.page-header .eyebrow{display:none}
@keyframes desk-rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes desk-unfold{from{opacity:0;transform:rotateY(-18deg) rotateX(9deg) translateY(65px) scale(.95)}to{opacity:1;transform:rotateY(-8deg) rotateX(3deg)}}@keyframes desk-panel{from{opacity:.2;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes desk-settle{from{opacity:.2;translate:0 18px}to{opacity:1;translate:0 0}}@keyframes auth-open{from{opacity:0;transform:rotateY(-28deg) rotateX(28deg) rotateZ(-8deg) translateY(35px)}to{opacity:1;transform:rotateY(-12deg) rotateX(12deg) rotateZ(-6deg)}}@keyframes bar-grow{from{transform:scaleY(.05)}to{transform:scaleY(1)}}
@media(min-width:1500px){.public-hero{padding-top:100px}.hero-grid{padding-bottom:90px}.auth-story{padding:50px 75px}.auth-scene{height:320px}.auth-desk-slab{max-width:390px;top:40px}.auth-scene-orbit{width:380px;height:380px;top:-25px}}
@media(max-width:1100px){.hero-grid{gap:36px}.hero-copy h1{font-size:49px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-window .preview-stats .stat-value{font-size:18px}.hero-window .preview-content{padding:16px}.desk-tab-sales{right:-12px;top:50px}.desk-tab-team{left:-14px;bottom:115px}.hero-desk .payment-note{right:-8px}.hero-kicker{font-size:9px}.auth-story{padding:32px}.auth-form-section{padding:85px 36px 75px}.auth-story h2{font-size:37px}.auth-scene{margin-left:-10px;margin-right:-10px}.auth-story-footer{flex-wrap:wrap}.showcase-tabs{top:77px}}
@media(max-width:800px){.auth-layout{grid-template-columns:1fr}.auth-story{display:none}.auth-form-section{margin:12px;min-height:calc(100svh - 24px);border-radius:20px;padding:115px 30px 85px;background:radial-gradient(ellipse at 100% 0,#dcf4f14d,transparent 45%),#fafbf8}.auth-mobile-brand{display:block;top:29px;left:30px}.auth-home-link{top:87px;left:30px;right:auto}.auth-form-content{margin:auto;max-width:450px}.auth-heading h1{font-size:34px}.auth-footer{left:30px;right:30px}.company-choice-grid{max-height:none}.showcase.is-enhanced .showcase-panel{min-height:0}.showcase-tabs{top:74px}}
@media(max-width:760px){.public-hero{padding-top:42px}.hero-grid{grid-template-columns:1fr;gap:57px;padding-bottom:38px}.hero-copy{max-width:600px}.hero-copy h1{font-size:clamp(46px,8.2vw,64px)}.hero-copy>.lead{font-size:15px;max-width:540px}.hero-kicker{font-size:9px}.hero-actions{flex-direction:row;align-items:center}.hero-actions .btn{width:auto;font-size:12px}.hero-note{font-size:10px}.hero-desk{max-width:500px;padding:0 12px}.hero-window{transform:none!important}.hero-window .preview-content{padding:17px}.hero-window .preview-stats .stat-value{font-size:22px}.hero-window .preview-chart svg{max-height:130px}.hero-window .preview-chart{padding:12px}.hero-window .preview-chart h3{font-size:11px}.desk-coordinate{left:16px;font-size:9px;top:-24px}.desk-tab{padding:10px 12px;font-size:10px;gap:7px}.desk-tab-sales{top:52px;right:0}.desk-tab-team{left:0;bottom:105px}.hero-desk .payment-note{right:5px;bottom:-15px;padding:11px 13px}.hero-baseline{padding-top:18px;gap:12px}.hero-baseline .motion-toggle{font-size:9px}.product-strip{font-size:10px;justify-content:flex-start;gap:15px 20px}.showcase-toolbar{flex-wrap:wrap}.showcase-live{font-size:10px}.showcase.is-enhanced .showcase-panel{gap:32px}.showcase .product-preview{transform:none}.showcase-description .module-icon{display:none}.showcase-description h3{font-size:29px;max-width:85%}.showcase-tabs{margin-bottom:24px}.showcase-section{padding-top:60px}.public-module:last-child{grid-column:auto}.desk-atmosphere .desk-orbit{right:-600px}}
@media(max-width:450px){.public-hero{padding-top:34px}.hero-copy h1{font-size:46px;letter-spacing:-2px}.hero-kicker{font-size:8px;letter-spacing:1.1px}.hero-actions{gap:20px}.hero-actions .btn{font-size:12px;width:100%}.hero-desk{padding:0 5px}.hero-window .preview-stats .stat-value{font-size:18px}.hero-window .preview-content{padding:13px}.hero-window .preview-greeting h2{font-size:24px}.hero-window .preview-top{padding:13px}.desk-tab-team{display:none}.desk-tab-sales{right:-4px;top:56px}.hero-baseline{align-items:flex-start}.scroll-cue{font-size:10px;gap:8px}.hero-baseline .motion-toggle{padding:8px;max-width:145px}.auth-form-section{margin:8px;padding:118px 23px 83px;min-height:calc(100svh - 16px)}.auth-mobile-brand{left:23px}.auth-home-link{left:23px}.auth-heading h1{font-size:31px}.auth-footer{left:23px;right:23px;flex-wrap:wrap}.auth-footer>span:last-child{margin-left:0}.auth-form-content:before{margin-bottom:24px}.auth-form .label-row>a{font-size:11px}.auth-form .field label{font-size:12px}.company-choice{padding:20px}.public-modules{grid-template-columns:1fr}.public-module:last-child{grid-column:auto}}
.motion-reduced *,.motion-reduced *:before,.motion-reduced *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-reduced .reveal-ready{opacity:1!important;transform:none!important;clip-path:none!important}.motion-reduced .desk-connectors{stroke-dashoffset:0}.motion-reduced .hero-desk,.motion-reduced .pilot-figure,.motion-reduced .desk-orbit{transform:none}.motion-reduced .public-flow li:after{transform:scaleX(1)}
@media(prefers-reduced-motion:reduce){.public-body *,.guest-body *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal-ready{opacity:1!important;transform:none!important;clip-path:none!important}.desk-connectors{stroke-dashoffset:0}.hero-desk,.pilot-figure,.desk-orbit{transform:none!important}.public-flow li:after{transform:scaleX(1)}}

/* Keep product surfaces readable inside the dark stage. */
.hero-window .product-preview{color:var(--ink)}.public-hero{padding-top:56px}.hero-grid{padding-bottom:45px}.hero-window .cash-chart{margin:0}.hero-window .chart-readout{padding:8px}.hero-window .chart-table{display:none}.hero-window .preview-chart h3{margin-bottom:9px}.hero-window .preview-stats{margin-bottom:12px}.hero-window .preview-content{padding:18px}.hero-window .preview-greeting{margin-bottom:12px}.hero-window .preview-stats .stat-card{padding:13px}.hero-window .preview-stats .stat-value{margin-top:8px}.hero-window .preview-greeting h2{font-size:24px}.hero-window .preview-disclaimer{padding:8px 18px}
@media(max-width:760px){.public-hero{padding-top:38px}.hero-window .preview-content{padding:14px}.hero-window .preview-stats .stat-value{font-size:20px}}@media(max-width:450px){.hero-window .preview-stats .stat-value{font-size:18px}}

.auth-form-content{padding:0}.auth-home-link{position:absolute;top:25px;right:30px;left:auto;white-space:nowrap}.auth-form-section{align-items:center}.hero-window .chart-data{margin-top:8px}.hero-window .chart-readout{font-size:10px}.hero-window .chart-months{margin-top:0}.hero-window .chart-legend{margin-bottom:2px}.hero-window .preview-chart svg{max-height:130px}
@media(max-width:800px){.auth-home-link{top:85px;left:30px;right:auto}.auth-form-content{padding:0;margin:auto 0}.auth-form-section{padding-top:133px;justify-content:center}.auth-form-content:before{margin-bottom:24px}}
@media(max-width:450px){.auth-home-link{left:23px;top:84px}.auth-form-section{padding-top:125px;padding-bottom:83px}.auth-form-content{padding:0}.auth-heading{margin-bottom:23px}.auth-form-content:before{margin-bottom:20px}}

/* A finite chart construction introduces the reading direction of actual product previews. */
.preview-payroll{margin-top:20px;padding:20px;background:#edf6f4;border:1px solid #d1e7e2;border-radius:12px;color:var(--ink)}.preview-payroll>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin-bottom:18px}.preview-payroll>strong{display:flex;justify-content:space-between;gap:12px;font-size:13px}.preview-payroll>strong b{font-size:20px}.preview-payroll>p{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.preview-payroll>small{font-size:11px;color:var(--muted)}.preview-payroll-track{height:5px;margin:10px 0;background:#d3e6e1;border-radius:4px;overflow:hidden}.preview-payroll-track i{display:block;height:100%;width:35.09%;background:#087e90;border-radius:4px;transform-origin:left}.motion-ready:not(.motion-reduced) .showcase-panel.is-active .preview-payroll-track i{animation:bar-grow 700ms var(--motion-ease)}
.public-body.motion-ready:not(.motion-reduced) .hero-window polyline:last-of-type,.public-body.motion-ready:not(.motion-reduced) .showcase-panel.is-active polyline:last-of-type{stroke-dasharray:1000;animation:desk-chart-draw 1400ms var(--motion-ease) 400ms both}
@keyframes desk-chart-draw{from{stroke-dashoffset:1000}to{stroke-dashoffset:0}}

@keyframes desk-unfold{from{opacity:0;transform:rotateY(-18deg) rotateX(9deg) translateY(65px) scale(.95)}to{opacity:1;transform:rotateY(calc(-8deg + var(--pointer-x,0)*2deg)) rotateX(calc(3deg - var(--pointer-y,0)*2deg))}}

/* Keep showcase anchors and controls usable below the public header. */
.showcase-tabs{top:92px}.showcase-panel{scroll-margin-top:190px}
@media(max-width:1000px){.showcase-tabs{top:77px}}
@media(max-width:760px){.showcase-tabs{top:72px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:10px 0;overflow:visible;white-space:normal}.showcase-tabs a{justify-content:center;white-space:normal;text-align:center;min-height:42px;padding:7px;font-size:11px;gap:5px}.showcase-tabs a>.icon{width:14px;flex:none}.showcase-panel{scroll-margin-top:190px}.preview-payroll{padding:15px}.preview-payroll>strong{display:block}.preview-payroll>strong b{display:block;margin-top:9px}.preview-payroll>div:first-child{flex-wrap:wrap}}

@media(min-width:761px) and (max-width:1100px){.desk-tab-team{display:none}}
@media(min-width:761px) and (max-width:900px){.showcase-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:10px 0}.showcase-tabs a{justify-content:center;min-height:42px}.showcase-panel{scroll-margin-top:195px}}