/* SimpliTime v7 – shared tokens + chrome for sub-pages (same values as the homepage).
   Loaded after a page's own <style>, so legacy variables (--paper, --ink, --accent, --blue…) are remapped. */
@font-face{font-family:Geist;src:url(/fonts/geist.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:Switzer;src:url(/fonts/switzer-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Switzer;src:url(/fonts/switzer-600.woff2) format("woff2");font-weight:600;font-display:swap}
:root:root{
  --bg:#F6F6F3;--surface:#FFFFFF;--surface-2:#F0F0EC;--line:#E3E4DE;
  --text:#191A1A;--text-2:#565853;--text-3:#6E706D;
  --primary:#F4BD24;--primary-hover:#E3AA12;--primary-soft:#FFF3C4;--on-primary:#191A1A;--accent-text:#7A5C00;
  --nav:#202121;--nav-2:#2C2D2C;--nav-text:#F4F4F1;--nav-text-2:#B4B6B1;
  --ok:#136B45;--ok-soft:#E3F0E9;--alert:#B3341C;--alert-soft:#FAE6E1;--warn:#8A5A12;--warn-soft:#F7EBD8;
  --r:10px;--gut:clamp(16px,2.2vw,32px);--ease:cubic-bezier(.16,1,.3,1);
  /* legacy names used by the sub-page templates */
  --paper:var(--bg);--paper2:var(--surface-2);--ink:var(--text);--muted:var(--text-2);
  --accent:var(--primary);--accent-ink:var(--on-primary);--soft:var(--primary-soft);--white:var(--surface);
  --blue:var(--primary);--blue-hover:var(--primary-hover);
}
html{scroll-padding-top:96px}
body{background:var(--bg)!important;color:var(--text);font-family:Geist,system-ui,sans-serif!important;padding-top:88px}
h1,h2,h3,h4{font-family:Geist,system-ui,sans-serif!important;font-weight:650!important;letter-spacing:-.03em!important;text-wrap:balance}
.kicker,.eyebrow,code,.mono{font-family:Geist,system-ui,sans-serif!important;letter-spacing:0!important}
::selection{background:var(--primary-soft);color:var(--text)}
:focus-visible{outline:3px solid var(--accent-text);outline-offset:3px}
a.cta,.btn-primary,.cta-btn,button.cta{background:var(--primary)!important;color:var(--on-primary)!important;border-radius:var(--r)!important}
a.cta:hover,.btn-primary:hover{background:var(--primary-hover)!important}
.lead{border-left-color:var(--primary)!important}
.num,td,.price{font-variant-numeric:tabular-nums}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ico{width:1.1em;height:1.1em;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:10px 22px;border-radius:var(--r);font:600 17px/1.15 Geist,sans-serif;letter-spacing:-.01em;text-decoration:none;border:0}
.btn.btn-primary{background:var(--primary);color:var(--on-primary)}
.st-nav .nav-cta{min-height:44px;padding:0 18px;font-size:15px;flex:none}
/* Wordmark: Switzer + the self-drawing arc from the app's sign-in screen */
.wordmark{position:relative;display:inline-block;font-family:Switzer,Geist,sans-serif;letter-spacing:-.03em;line-height:1;white-space:nowrap}
.wordmark .s{font-weight:400}.wordmark .t{font-weight:600;display:inline-block}
.wordmark svg{position:absolute;left:0;bottom:-.24em;width:100%;height:.26em;overflow:visible}
.wordmark path{fill:none;stroke:var(--primary);stroke-width:2;stroke-linecap:round;stroke-dasharray:202;stroke-dashoffset:0}
.js .wordmark.draw path{stroke-dashoffset:202;transition:stroke-dashoffset .42s cubic-bezier(.19,1,.22,1) .82s}
.js .wordmark.draw .t{opacity:0;transform:translateY(8px);transition:opacity .4s cubic-bezier(.19,1,.22,1) .55s,transform .4s cubic-bezier(.19,1,.22,1) .55s}
.js .wordmark.draw .s{opacity:0;transition:opacity .5s cubic-bezier(.25,.46,.45,.94) .2s}
.ready .wordmark.draw path,.js .wordmark.draw.on path{stroke-dashoffset:0}
.ready .wordmark.draw .s,.ready .wordmark.draw .t,.js .wordmark.draw.on .s,.js .wordmark.draw.on .t{opacity:1;transform:none}
.mark{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--primary);color:var(--on-primary);flex:none}
.mark svg{width:21px;height:21px}



/* Sticky floating header (mockup.html), every live menu item */
.st-nav{position:fixed;inset:12px 0 auto;z-index:50;pointer-events:none}
.st-nav .nav-in{pointer-events:auto;width:min(1320px,100% - 24px);margin:auto;display:flex;align-items:center;gap:18px;padding:8px 8px 8px 12px;border-radius:16px;background:rgba(250,250,247,.82);-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);border:1px solid rgba(21,23,22,.1);color:var(--text)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:21px;padding-bottom:3px;flex:none}
.appicon{width:34px;height:34px;border-radius:9px}
.links{display:flex;align-items:center;gap:2px;margin-left:auto}
.links>a,.drop-b{display:flex;align-items:center;gap:4px;padding:9px 10px;border-radius:10px;font-size:15px;font-weight:500;color:var(--text-2);text-decoration:none;background:none;border:0;white-space:nowrap}
.links>a:hover,.drop-b:hover,.drop-b[aria-expanded="true"]{color:var(--text);background:rgba(25,26,26,.06)}
.drop{position:relative}
.drop-b .ico{width:14px;height:14px;transition:transform .2s}
.drop-b[aria-expanded="true"] .ico{transform:rotate(180deg)}
.drop-m{position:absolute;top:calc(100% + 10px);left:-8px;width:300px;padding:8px;border-radius:14px;background:var(--surface);border:1px solid var(--line);box-shadow:0 24px 48px -24px rgba(25,26,26,.35);display:none;flex-direction:column}
.drop-m a{padding:9px 12px;border-radius:9px;font-size:15px;text-decoration:none;color:var(--text)}
.drop-m a:hover{background:var(--surface-2)}
.drop-m .sep{height:1px;background:var(--line);margin:6px 8px}
.drop.open .drop-m{display:flex}
@media(hover:hover) and (min-width:1321px){.drop:hover .drop-m,.drop:focus-within .drop-m{display:flex}}
.lang{display:inline-flex;gap:2px;padding:3px;margin:0 6px;border:1px solid rgba(21,23,22,.16);border-radius:999px}
.lang a{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;font-size:13px;font-weight:700;text-decoration:none;color:var(--text-2)}
.lang a[aria-current="page"]{background:var(--text);color:var(--bg)}
.links .login{color:var(--text);font-weight:600}
.nav-cta{min-height:44px;padding:0 18px;font-size:15px;flex:none}
.burger{display:none;width:44px;height:44px;border-radius:12px;border:0;background:var(--text);position:relative;flex:none}
.burger i{position:absolute;left:13px;right:13px;height:2px;background:#fff;border-radius:2px;transition:transform .25s var(--ease)}
.burger i:first-child{top:17px}.burger i:last-child{top:25px}
.burger[aria-expanded="true"] i:first-child{transform:translateY(4px) rotate(45deg)}
.burger[aria-expanded="true"] i:last-child{transform:translateY(-4px) rotate(-45deg)}
@media(max-width:1320px){
  .burger{display:block}.nav-cta{margin-left:auto}
  .links{position:absolute;top:calc(100% + 8px);left:0;right:0;flex-direction:column;align-items:stretch;gap:2px;padding:10px;border-radius:16px;background:var(--surface);border:1px solid var(--line);box-shadow:0 24px 48px -24px rgba(25,26,26,.35);max-height:calc(100svh - 100px);overflow:auto;display:none}
  .st-nav.open .links{display:flex}
  .links>a,.drop-b{font-size:17px;padding:12px;width:100%;justify-content:space-between;color:var(--text)}
  .drop-m{position:static;width:auto;box-shadow:none;border:0;padding:0 0 6px 10px}
  .lang{align-self:flex-start;margin:8px 12px}
}
@media(max-width:430px){.nav-cta{padding:0 14px}.brand .wordmark{font-size:18px}}

/* Live-site pill: slides under the hovered or current link */
@media(min-width:1321px){
.links{position:relative;isolation:isolate}
.links .pill{position:absolute;z-index:-1;left:0;top:50%;height:36px;width:var(--pw,0px);margin-top:-18px;border-radius:999px;background:linear-gradient(135deg,rgba(255,251,235,.98),rgba(255,243,196,.92));border:1px solid rgba(229,168,36,.28);box-shadow:0 8px 22px rgba(26,27,26,.08),inset 0 1px 0 rgba(255,255,255,.9);opacity:var(--po,0);transform:translate3d(var(--px,0px),0,0);transition:transform .45s cubic-bezier(.22,1.2,.36,1),width .45s cubic-bezier(.22,1.2,.36,1),opacity .2s ease;will-change:transform,width;pointer-events:none}
}
.links>a,.drop-b{border-radius:999px}
.links>a:hover,.drop-b:hover,.drop-b[aria-expanded="true"]{background:none}
.links>a.on,.links>a:hover,.drop-b:hover{color:var(--text)}
.drop-m::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
@media(max-width:1320px){.links .pill{display:none}.links>a:hover{background:rgba(25,26,26,.05)}}

.st-nav .links>a.on{color:var(--text)}
/* footer: one row of tiles, as on the homepage */
.st-foot{padding:10px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px;margin-top:64px;font-family:Geist,sans-serif}
.st-foot .ft{border-radius:var(--r);padding:22px;min-height:180px;display:flex;flex-direction:column;justify-content:space-between;gap:16px;background:var(--surface)}
.st-foot .ft.s{grid-column:1/5}.st-foot .ft.n{grid-column:5/8}.st-foot .ft.a{grid-column:8/10}.st-foot .ft.e{grid-column:10/13}
.st-foot .ft p{font-size:24px;letter-spacing:-.02em;line-height:1.2;margin:0}
.st-foot .ft small{font-size:13px;color:var(--text-2)}
.st-foot .ft ul{list-style:none;display:flex;flex-direction:column;gap:6px;font-size:16px;margin:0;padding:0}
.st-foot .ft a{text-decoration:none}.st-foot .ft a:hover{text-decoration:underline}
.st-foot .em{font-size:20px;font-weight:600}
@media(max-width:1000px){.st-foot .ft.s,.st-foot .ft.n,.st-foot .ft.a,.st-foot .ft.e{grid-column:span 6}}
@media(max-width:700px){.st-foot .ft.s,.st-foot .ft.n,.st-foot .ft.a,.st-foot .ft.e{grid-column:1/-1;min-height:auto}body{padding-top:80px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}
.st-nav button{font-family:inherit;cursor:pointer}
.st-nav .drop-b{background:none;border:0}
.st-nav a{text-decoration:none}
/* legacy sub-page buttons and marks on the v7 palette: dark text on amber, checks in status green */
.cta-box a,.cta-box a.primary,.plan .buy,.nav a.cta{background:var(--primary)!important;color:var(--on-primary)!important;border-radius:var(--r)!important}
.cta-box a:hover,.cta-box a.primary:hover,.plan .buy:hover,.nav a.cta:hover{background:var(--primary-hover)!important}
.checklist li:before,.plan li:before{color:var(--ok)!important}
.plan .tag{color:var(--accent-text)!important}
/* wordmark: legacy ".brand span{opacity:.55}" must not dim it */
.st-nav .brand span{opacity:1}
.st-nav .brand .wordmark .s,.st-nav .brand .wordmark .t{color:var(--text)}
/* store trademark note spans the whole footer row */
.st-foot .tm{grid-column:1/-1;display:block;padding:4px 12px 8px;font-size:12px;line-height:1.5;color:var(--text-3)}
.skip{position:absolute;inset-inline-start:16px;top:-80px;background:#1A1B1A;color:#fff;padding:12px 18px;border-radius:999px;font-weight:600;text-decoration:none;z-index:10000;box-shadow:0 0 0 2px #fff,0 8px 24px rgba(0,0,0,.35)}
.skip:focus,.skip:focus-visible{top:12px;outline:3px solid #F4BD24;outline-offset:2px}
.link-btn{background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;text-align:left}.link-btn:hover{text-decoration:underline}.link-btn:focus-visible{outline:3px solid currentColor;outline-offset:2px}