/* TimeClock.website 5.0 | Studio Edition. Original responsive design system. */
:root{--tc-ink:#102d3d;--tc-pine:#064e49;--tc-primary:#0cae98;--tc-primary-dark:#087c71;--tc-mint:#b6f7dc;--tc-sky:#e8f5f9;--tc-paper:#fbfdfd;--tc-fog:#eef6f7;--tc-edge:#dce9e9;--tc-round:23px;--tc-shadow:0 20px 65px rgba(8,42,54,.10)}
html{scroll-padding-top:90px}body{font-family:Inter,'Segoe UI',system-ui,Arial,sans-serif;color:#143548;background:#fff;letter-spacing:-.008em}h1,h2,h3{font-family:Inter,'Segoe UI',system-ui,Arial,sans-serif;font-weight:800;letter-spacing:-.058em}p{line-height:1.72}.container{width:min(1280px,calc(100% - 58px))}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.95);backdrop-filter:blur(15px);border-bottom:1px solid #e7eeef}.nav-inner{min-height:81px;gap:24px}.brand-name{font-size:1.23rem;font-weight:850;letter-spacing:-.065em;color:#112e41}.brand-name span{color:#0ba89a}.brand-v4-logo{border-radius:14px;box-shadow:0 4px 18px #12364b21}.nav{gap:6px}.nav a:not(.button){font-size:.8rem;font-weight:760;color:#4d6574;padding:9px 10px}.nav a.current,.nav a:not(.button):hover{color:#078878;background:#edf9f6;border-radius:9px}.button{border-radius:12px;font-weight:760;min-height:48px;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.button.primary,.button.accent{background:#0da88f!important;color:#fff!important;border-color:#0da88f!important;box-shadow:0 10px 28px #05987c30}.button.primary:hover,.button.accent:hover{background:#087d70!important;transform:translateY(-2px)}.button.secondary{background:#e8f8f3;color:#0a786c}.button.outline,.button.hero-ghost{border:1px solid #d9e9e5;color:#133d47}.eyebrow{color:#038a81!important;letter-spacing:.155em!important}
.hero-v3{background:radial-gradient(ellipse at 12% 7%,#dff8f1 0%,#f6fbfc 35%,#eff8f9 100%);position:relative}.hero-v3:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#20645306 1px,transparent 1px),linear-gradient(90deg,#20645306 1px,transparent 1px);background-size:42px 42px;pointer-events:none}.hero-v3-inner{padding:92px 0 110px;min-height:700px;gap:55px}.hero-v3 h1{font-size:clamp(3.4rem,5.9vw,6.3rem);letter-spacing:-.083em;font-weight:880;line-height:1.02;color:#0c2e3d}.hero-v3 h1 span,.v3-pagehero h1 span{color:#099989}.hero-v3-lead{font-size:1.1rem;line-height:1.78;color:#516a77;max-width:560px}.v3-kicker{display:inline-block;background:#e0f8ec;border:1px solid #c0eddc;border-radius:99px;padding:9px 16px;color:#095e57;font-size:.67rem;letter-spacing:.14em}.kicker-star{background:#b6f5dc;color:#075d51;margin-right:4px;width:23px;height:23px;line-height:23px}.hero-v3-assurance{gap:13px 20px;color:#477064}.hero-v3-assurance b{color:#079a83}.hero-photograph{background-image:url('v5-workshop.webp');border-radius:35px;border:5px solid white;box-shadow:0 30px 85px #10394e36;inset:0 0 8px 0}.floating-app{border:1px solid #e5f3ef;left:-19px;top:70px;transform:rotate(-2deg);box-shadow:0 27px 65px #071e3060}.floating-app-top{background:#0b3042}.mini-punch span{background:#0db293;color:#fff}.mini-punch span+span{background:#e7f0ff;color:#124d7d}.mini-rest span{background:#eff8f6}.floating-status{right:-14px;bottom:12px}.signal-bar{background:#0d3140;color:#d0eeea;padding:16px 0}.signal-bar-inner span:nth-child(even){color:#32dbb9}
.v3-benefits,.v3-steps{background:#fff}.v3-section-head h2,.showcase-text h2{letter-spacing:-.063em;color:#173748}.v3-section-head h2 span{color:#07887d}.v3-feature-grid .feature-card,.v3-steps-grid article{border:1px solid #dfedeb;background:#fff;border-radius:20px;box-shadow:0 12px 40px #0c36460b;transition:transform .2s ease,box-shadow .2s ease}.v3-feature-grid .feature-card:hover,.v3-steps-grid article:hover{transform:translateY(-4px);box-shadow:0 20px 50px #0b3b4c1d}.v3-feature-icon,.feature-icon,.step-picto{background:#dcf7ee!important;color:#068477!important}.v3-split-showcase{background:#eff7f6}.showcase-photo{background-image:url('atelier-clock.webp')}.v3-bottom-banner{background:linear-gradient(120deg,#092f41,#0a5451);border-radius:29px;box-shadow:0 25px 65px #093c4c33}.v3-bottom-banner .eyebrow{color:#7ef7d5!important}.v3-pagehero h1{color:#102e3e}.v3-main-price{border:2px solid #0fbaa0;background:linear-gradient(175deg,#edfff8,#fff 55%)}.v3-main-price,.v3-host-price{border-radius:23px}.v3-price-note{background:#f0fbf7;border-color:#c7eadd}.v3-plan-label{color:#048778}.v3-cost{color:#102e3d}.host-badge{background:#d7f6e9;color:#06745e}.v3-addon-grid article{border-radius:21px}.demo-v3-head{background:linear-gradient(120deg,#0a3043,#0b5a5c)}.demo-v3-area{border-radius:25px}.tour-side{background:#0e3449}.footer{background:#092b3b;color:#d7e8eb}.footer-links a:hover{color:#72f4d0}
/* Business-grade product content */
.v5-section{padding:85px 0}.v5-soft{background:#f1f8f7}.v5-dark{background:#0b3042;color:#fff}.v5-dark h2,.v5-dark h3{color:#fff}.v5-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.v5-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.v5-card{background:#fff;border:1px solid #dcece9;border-radius:21px;padding:32px;box-shadow:0 15px 45px #103d420c}.v5-card h3{font-size:1.32rem;margin:12px 0}.v5-card p{font-size:.88rem;color:#526e7c}.v5-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:99px;background:#dffaf0;color:#087565;font-weight:800;font-size:.72rem}.v5-kicker{font-size:.74rem;letter-spacing:.16em;font-weight:830;color:#078c80}.v5-title{font-size:clamp(2.4rem,4.5vw,4.5rem);line-height:1.08;max-width:900px;margin:13px 0 20px}.v5-lead{max-width:780px;color:#587280;font-size:1.05rem}.v5-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-top:33px}.v5-step{background:#fff;border:1px solid #daebe7;border-radius:18px;padding:26px;position:relative;min-height:215px}.v5-step-number{display:inline-grid;place-items:center;background:#0c9b8a;color:#fff;border-radius:11px;width:39px;height:39px;font-size:.85rem;font-weight:900}.v5-step h3{font-size:1.16rem;margin:19px 0 7px}.v5-step p{font-size:.86rem;color:#5b7580;margin:0}.v5-icon{height:46px;width:46px;display:grid;place-items:center;border-radius:14px;background:#e4f8ef;color:#0a8073;font-size:1.5rem}.v5-comparison{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:start;margin-top:35px}.v5-calculator{background:#fff;border:1px solid #d3e7e2;border-radius:22px;padding:30px;box-shadow:var(--tc-shadow)}.v5-calculator .v5-field{display:grid;grid-template-columns:1fr 1fr;gap:17px}.v5-calculator label{display:block;color:#345965;font-size:.84rem;font-weight:760}.v5-calculator input,.v5-calculator select{width:100%;border:1px solid #bddbd3;border-radius:10px;padding:12px 14px;font:inherit;margin-top:9px;background:#fff;color:#0d3e4a}.v5-compare-result{background:linear-gradient(115deg,#0b4f51,#0b394d);border-radius:16px;padding:25px;margin-top:20px;color:#fff}.v5-compare-result strong{display:block;color:#6df8d2;font-size:2.6rem;letter-spacing:-.07em;line-height:1.2}.v5-compare-result small{display:block;color:#d1e7e9}.v5-detail-table{width:100%;border-collapse:collapse;margin:25px 0}.v5-detail-table td,.v5-detail-table th{padding:15px;border-bottom:1px solid #e0ecec;font-size:.9rem;text-align:left}.v5-detail-table th{color:#153c49}.v5-detail-table td:first-child{font-weight:750}.v5-faq details{background:#fff;border:1px solid #d7e9e5;border-radius:13px;margin:10px 0;padding:19px 24px}.v5-faq summary{cursor:pointer;font-size:1rem;font-weight:780;color:#164151}.v5-faq p{margin-bottom:0;color:#567280}.v5-inline-notice{padding:16px 20px;background:#e6f7f2;border:1px solid #b9e7dc;border-radius:14px;color:#285a5b;font-size:.9rem}.v5-mock{background:#112e42;border-radius:24px;padding:20px;box-shadow:0 25px 65px #061f2f31}.v5-mock-top{display:flex;justify-content:space-between;color:#bfd5dc;font-size:.76rem;border-bottom:1px solid #345362;padding:8px 12px 16px}.v5-mock-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.v5-mock-tiles>div{background:#204a59;color:#b9ebeb;padding:17px;border-radius:13px;font-size:.75rem}.v5-mock-tiles strong{display:block;color:white;font-size:1.65rem}.v5-mock-bars{height:165px;display:flex;gap:13px;align-items:flex-end;padding:15px 10px}.v5-mock-bars span{flex:1;height:var(--h);border-radius:9px 9px 0 0;background:linear-gradient(#66efce,#178d91);box-shadow:0 3px 20px #20c5c544}.v5-cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}.v5-footer-trust{display:flex;gap:15px;flex-wrap:wrap;margin-top:17px;font-size:.79rem;color:#a9d1d0}.v5-disclaimer{font-size:.75rem;color:#6a8290;line-height:1.55}.v5-dark .v5-disclaimer{color:#b9d5db}
:focus-visible{outline:3px solid #0fbaab!important;outline-offset:3px}@media(max-width:1000px){.v5-steps{grid-template-columns:repeat(2,1fr)}.hero-v3-inner{gap:30px}.v5-comparison{gap:20px}.nav-inner{gap:10px}}@media(max-width:770px){.v5-grid,.v5-grid.two,.v5-comparison{grid-template-columns:1fr}.v5-section{padding:62px 0}.hero-v3-inner{padding:63px 0 74px}.hero-v3 h1{font-size:clamp(3.15rem,10vw,4.75rem)}.v5-calculator{padding:23px}.v5-mock{max-width:660px}.nav a:not(.button){padding:12px}.hero-photograph{background-position:57% center}}@media(max-width:520px){.container{width:calc(100% - 32px)}.v5-steps{grid-template-columns:1fr}.v5-calculator .v5-field{grid-template-columns:1fr}.v5-card{padding:23px}.v5-section{padding:48px 0}.v5-mock-tiles>div{padding:10px}.v5-mock-tiles strong{font-size:1.25rem}.hero-v3 h1{font-size:3.4rem}.site-header .brand-name{font-size:1.01rem}.site-header .brand-v4-logo{width:39px;height:39px}.v5-cta-row a{width:100%;justify-content:center}}@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;scroll-behavior:auto!important}}@media print{.site-header,.footer,.v5-cta-row{display:none!important}}