@font-face{font-family:Wanted Sans;src:url(/fonts/WantedSans-Regular.otf)format("opentype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Wanted Sans;src:url(/fonts/WantedSans-SemiBold.otf)format("opentype");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:Wanted Sans;src:url(/fonts/WantedSans-Bold.otf)format("opentype");font-style:normal;font-weight:700;font-display:swap}:root{color:#13251d;font-synthesis:none;text-rendering:optimizelegibility;--paper:#f1e9d7;--ink:#13251d;--orange:#eb6a3e;--blue:#2e5bff;--lime:#c8ee58;--white:#fffdf7;--muted-paper:#d8cfbb;background:#13251d;font-family:Wanted Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:var(--orange) var(--ink);scrollbar-width:thin;-webkit-tap-highlight-color:transparent;min-width:320px}body{background:var(--ink);overflow-wrap:break-word;word-break:keep-all;min-width:320px;min-height:100vh;margin:0}body,a,button{font:inherit}a{color:inherit}svg{display:block}::selection{background:var(--lime);color:var(--ink)}:focus-visible{outline:3px solid var(--lime);outline-offset:5px}.skip-link{z-index:20;background:var(--white);color:var(--ink);padding:12px 16px;font-weight:700;text-decoration:none;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.home-shell,.legal-shell{flex-direction:column;min-height:100dvh;display:flex;overflow:hidden}.site-header{z-index:10;background:var(--ink);max-width:1440px;min-height:82px;color:var(--paper);justify-content:space-between;align-items:center;gap:32px;margin:0 auto;padding:16px clamp(20px,4vw,64px);display:flex;position:sticky;top:0}.site-header:before{z-index:-1;background:var(--ink);content:"";width:100vw;height:100%;position:absolute;top:0;left:calc(50% - 50vw)}.process,.privacy-note,.store-links{scroll-margin-top:82px}.brand{letter-spacing:-.02em;align-items:center;gap:12px;font-size:19px;font-weight:700;text-decoration:none;display:inline-flex}.brand svg{width:32px;height:32px;overflow:visible}.brand svg path:first-child{fill:var(--paper);stroke:none}.brand svg circle{fill:var(--orange)}.brand svg path:last-child{fill:none;stroke:var(--ink);stroke-width:2.5px}.site-header nav,.site-footer nav{align-items:center;gap:clamp(16px,2.5vw,32px);display:flex}.site-header nav a,.site-footer nav a{color:inherit;text-underline-offset:7px;font-size:13px;font-weight:600;text-decoration-color:#0000;text-decoration-thickness:2px;transition:text-decoration-color .16s ease-out}.site-header nav a:hover,.site-footer nav a:hover{text-decoration-color:currentColor}.hero{background:var(--orange);min-height:calc(100svh - 82px);color:var(--ink);grid-template-columns:minmax(280px,.76fr) minmax(540px,1.24fr);align-items:center;gap:clamp(40px,6vw,96px);padding:clamp(64px,8vw,116px) max(24px,50vw - 656px);display:grid}.hero-copy{z-index:2;max-width:560px;position:relative}.hero-copy h1{letter-spacing:-.04em;text-wrap:balance;max-width:9ch;margin:0;font-size:clamp(58px,7vw,96px);font-weight:700;line-height:.96}.hero-copy>p{letter-spacing:-.015em;max-width:34rem;margin:34px 0 0;font-size:clamp(17px,1.7vw,21px);line-height:1.72}.hero-actions{flex-wrap:wrap;align-items:center;gap:18px 24px;margin-top:40px;display:flex}.primary-action,.privacy-note>a{background:var(--ink);min-height:52px;color:var(--white);justify-content:center;align-items:center;gap:16px;padding:13px 20px;font-size:14px;font-weight:700;text-decoration:none;transition:background-color .16s ease-out,color .16s ease-out;display:inline-flex}.primary-action svg,.privacy-note>a svg{fill:none;stroke:currentColor;stroke-linecap:square;stroke-width:2px;width:22px}.primary-action:hover{background:var(--blue)}.text-action{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink);text-underline-offset:7px;padding:12px 0;font-size:14px;font-weight:700;text-decoration-thickness:2px}.punch-demo{background-color:var(--paper);width:100%;max-width:780px;color:var(--ink);text-shadow:.2px 0 #13251d6b,-.15px .1px #13251d3d;background-image:url(/materials/time-card-fiber.jpg);background-size:512px 512px;margin:0;padding:clamp(28px,4vw,48px) clamp(22px,4vw,48px) 28px clamp(44px,5vw,68px);position:relative;box-shadow:18px 26px 48px #13251d42}.punch-demo:before,.punch-demo:after{content:"";background:#13251d3d;width:1px;position:absolute;top:18px;bottom:18px}.punch-demo:before{left:34px}.punch-demo:after{right:18px}.card-holes{flex-direction:column;justify-content:space-between;display:flex;position:absolute;top:32px;bottom:32px;left:-12px}.card-holes span{background:url(/materials/punch-ring.png) 50%/cover no-repeat;border-radius:50%;width:25px;height:25px}.demo-head{border-bottom:3px solid var(--ink);justify-content:space-between;align-items:baseline;gap:20px;padding-bottom:14px;display:flex}.demo-head strong{letter-spacing:.06em;font-size:clamp(15px,1.5vw,20px)}.demo-head span,.punch-demo figcaption{color:#526057;font-size:11px;font-weight:600}.roster{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);font-variant-numeric:tabular-nums;margin-top:24px}.roster-dates,.roster-row{grid-template-columns:minmax(88px,1.4fr) repeat(7,minmax(32px,1fr));display:grid}.roster-dates span,.roster-row>*{border-right:1px solid #13251d4d;place-items:center;min-height:34px;display:grid}.roster-dates span:last-child,.roster-row>:last-child{border-right:0}.roster-dates{color:#526057;font-size:10px;font-weight:700}.roster-row{border-top:1px solid #13251d4d;font-size:clamp(11px,1.1vw,14px);font-weight:600}.roster-row strong{justify-content:start;padding:0 10px}.roster-row.is-selected{background:var(--blue);color:var(--white);animation:1.55s cubic-bezier(.16,1,.3,1) .28s both row-lock}.punch-track{color:#526057;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:10px;padding:22px 0;font-size:10px;font-weight:700;animation:1.55s cubic-bezier(.16,1,.3,1) .28s both review-step;display:grid}.punch-track i{background:currentColor;height:1px;position:relative}.punch-track i:after{content:"";border-top:1px solid;border-right:1px solid;width:7px;height:7px;position:absolute;top:-4px;right:0;transform:rotate(45deg)}.result-strip{border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);transform-origin:top;grid-template-columns:repeat(7,minmax(0,1fr));animation:1.55s cubic-bezier(.16,1,.3,1) .28s both result-lock;display:grid}.result-day{border-right:1px solid var(--ink);text-align:center;gap:4px;min-width:0;padding:11px 7px 13px;display:grid}.result-day:last-child{border-right:0}.result-day>span,.result-day small{color:#526057;font-size:9px}.result-day strong{font-variant-numeric:tabular-nums;font-size:clamp(15px,1.7vw,20px)}.result-day b{background:var(--ink);width:28px;height:28px;color:var(--white);place-items:center;margin:4px auto 0;font-size:12px;display:grid}.result-day.shift-e b{background:var(--orange);color:var(--ink)}.result-day.shift-n b{background:var(--blue)}.result-day.shift-- b{background:var(--lime);color:var(--ink)}.punch-demo figcaption{margin-top:16px;line-height:1.6}.process{background:var(--paper);grid-template-columns:minmax(280px,.7fr) minmax(520px,1.3fr);gap:clamp(56px,8vw,128px);max-width:1440px;margin:0 auto;padding:clamp(92px,10vw,156px) clamp(24px,5vw,72px);display:grid}.process:before{z-index:-1;background:var(--paper);content:"";height:100%;position:absolute;left:0;right:0}.process-heading h2,.privacy-note h2,.legal-intro h1{letter-spacing:-.035em;text-wrap:balance;margin:0;font-weight:700}.process-heading h2{max-width:11ch;font-size:clamp(42px,5vw,72px);line-height:1.04}.process-heading p{color:#445148;max-width:32rem;margin:30px 0 0;font-size:17px;line-height:1.75}.process ol{border-top:3px solid var(--ink);margin:0;padding:0;list-style:none}.process li{border-bottom:1px solid #13251d6b;grid-template-columns:88px 1fr;gap:0 28px;padding:30px 0 34px;display:grid}.process li>span{color:var(--blue);letter-spacing:.04em;grid-row:1/3;align-self:start;font-size:13px;font-weight:700}.process h3{letter-spacing:-.025em;margin:0;font-size:clamp(21px,2.2vw,28px)}.process li p{color:#445148;max-width:44rem;margin:12px 0 0;font-size:15px;line-height:1.75}.privacy-note{background:var(--blue);max-width:1440px;min-height:440px;color:var(--white);justify-content:space-between;align-items:flex-end;gap:64px;margin:0 auto;padding:clamp(76px,9vw,132px) clamp(24px,5vw,72px);display:flex}.privacy-note>div{max-width:900px}.privacy-note h2{max-width:18ch;font-size:clamp(40px,5.4vw,78px);line-height:1.02}.privacy-note p{color:#e5e9ff;max-width:65ch;margin:34px 0 0;font-size:16px;line-height:1.8}.privacy-note>a{background:var(--lime);color:var(--ink);flex:none}.privacy-note>a:hover{background:var(--white)}.site-footer{background:var(--ink);max-width:1440px;color:var(--muted-paper);grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;margin:auto auto 0;padding:30px clamp(20px,4vw,64px) 34px;font-size:12px;display:grid}.site-footer p{margin:0}.site-footer p:nth-child(2){color:var(--paper);font-weight:600}.site-footer nav{justify-content:flex-end}.legal-shell{background:var(--paper)}.legal-page{max-width:1120px;margin:0 auto;padding:0 clamp(24px,5vw,72px) clamp(88px,10vw,144px)}.legal-intro{border-bottom:4px solid var(--ink);grid-template-columns:1fr auto;gap:24px 48px;padding:clamp(72px,9vw,128px) 0 clamp(48px,7vw,84px);display:grid}.legal-intro>a{width:fit-content;color:var(--blue);text-underline-offset:6px;grid-column:1/-1;font-size:13px;font-weight:700;text-decoration-thickness:2px}.legal-intro h1{grid-column:1/-1;max-width:none;font-size:clamp(52px,8vw,96px);line-height:.98}.legal-intro p{color:#445148;max-width:58ch;margin:8px 0 0;font-size:17px;line-height:1.75}.legal-intro time{color:#445148;font-variant-numeric:tabular-nums;align-self:end;padding-bottom:5px;font-size:12px;font-weight:600}.legal-body{max-width:840px;margin:0 auto;padding-top:clamp(56px,7vw,92px)}.legal-body section{border-bottom:1px solid #13251d47;grid-template-columns:56px 1fr;gap:30px;padding:0 0 46px;display:grid}.legal-body section+section{margin-top:48px}.legal-body section>span{color:var(--orange);font-variant-numeric:tabular-nums;padding-top:5px;font-size:13px;font-weight:700}.legal-body h2{letter-spacing:-.025em;margin:0;font-size:clamp(23px,2.4vw,31px)}.legal-body p{color:#344139;max-width:70ch;margin:18px 0 0;font-size:16px;line-height:1.9}.store-links{margin-top:40px}.store-links-label{color:var(--ink);letter-spacing:.04em;margin:0 0 14px;font-size:13px;font-weight:700}.store-links ul{flex-wrap:wrap;gap:12px;margin:0;padding:0;list-style:none;display:flex}.store-link{border:1px solid var(--ink);background:var(--ink);min-height:52px;color:var(--white);align-items:center;gap:12px;margin:0;padding:12px 19px;font-size:14px;font-weight:700;text-decoration:none;transition:background-color .16s ease-out,border-color .16s ease-out;display:inline-flex}a.store-link:hover{border-color:var(--blue);background:var(--blue)}.store-glyph{fill:currentColor;stroke:none;flex:none;width:20px;height:20px}.store-link.is-pending{color:var(--ink);background:0 0}.store-state{background:var(--ink);color:var(--white);letter-spacing:.02em;padding:4px 8px;font-size:11px;font-weight:700}@keyframes row-lock{0%,14%{filter:saturate(.72);transform:translate(-5px)}30%{filter:saturate(1.22);transform:translate(3px)}42%,to{filter:saturate();transform:translate(0)}}@keyframes review-step{0%,24%{color:#738077;letter-spacing:0}48%{color:var(--blue);letter-spacing:.025em}68%,to{color:#526057;letter-spacing:0}}@keyframes result-lock{0%,50%{filter:grayscale(.72)saturate(.55);opacity:.72;transform:translateY(-7px)scaleY(.98)}72%{filter:grayscale(0)saturate(1.15);opacity:1;transform:translateY(3px)scaleY(1.01)}to{filter:none;opacity:1;transform:translateY(0)scaleY(1)}}@media (width<=1040px){.hero{grid-template-columns:1fr}.hero-copy{max-width:700px}.hero-copy h1{max-width:10ch}.punch-demo{max-width:860px}.process{grid-template-columns:1fr}.process-heading h2{max-width:16ch}.privacy-note{flex-direction:column;align-items:flex-start}}@media (width<=700px){.site-header{min-height:72px}.process,.privacy-note,.store-links{scroll-margin-top:72px}.site-header nav{gap:16px}.site-header nav .nav-secondary{display:none}.site-header nav a{font-size:11px}.hero{gap:54px;min-height:auto;padding:64px 20px 76px}.hero-copy h1{font-size:clamp(52px,17vw,76px)}.punch-demo{margin-left:8px;padding:26px 18px 22px 38px}.punch-demo:before{left:27px}.demo-head{flex-direction:column;align-items:flex-start;gap:8px}.roster-dates,.roster-row{grid-template-columns:66px repeat(7,minmax(28px,1fr))}.roster-dates span,.roster-row>*{min-height:30px}.roster-row strong{padding:0 6px;font-size:10px}.punch-track{grid-template-columns:1fr;gap:6px;padding:18px 0}.punch-track i{width:1px;height:12px;margin-left:3px}.punch-track i:after{top:auto;bottom:0;right:-3px;transform:rotate(135deg)}.result-day{padding:9px 3px 10px}.result-day b{width:24px;height:24px}.result-day small{display:none}.store-links ul{flex-direction:column;align-items:stretch}.store-link{justify-content:flex-start}.store-link.is-pending .store-state{margin-left:auto}.process,.privacy-note{padding-left:20px;padding-right:20px}.process li{grid-template-columns:56px 1fr;gap:0 16px}.privacy-note{min-height:520px}.site-footer{grid-template-columns:1fr;gap:12px}.site-footer p:nth-child(2){display:none}.site-footer nav{justify-content:flex-start}.legal-page{padding-left:20px;padding-right:20px}.legal-intro{grid-template-columns:1fr}.legal-intro h1{font-size:clamp(46px,14vw,68px)}.legal-intro time{justify-self:start}.legal-body section{grid-template-columns:38px 1fr;gap:14px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
