@font-face{font-family:"Studio Text";font-style:normal;font-weight:400;font-display:swap;src:url("/clarity/fonts/body-regular.ttf") format("truetype")}
@font-face{font-family:"Studio Text";font-style:normal;font-weight:500;font-display:swap;src:url("/clarity/fonts/body-medium.ttf") format("truetype")}
@font-face{font-family:"Studio Text";font-style:normal;font-weight:700;font-display:swap;src:url("/clarity/fonts/body-bold.ttf") format("truetype")}
@font-face{font-family:"Studio Display";font-style:normal;font-weight:500;font-display:swap;src:url("/clarity/fonts/display-medium.ttf") format("truetype")}
@font-face{font-family:"Studio Display";font-style:normal;font-weight:700;font-display:swap;src:url("/clarity/fonts/display-bold.ttf") format("truetype")}
@font-face{font-family:"Studio Display";font-style:normal;font-weight:800;font-display:swap;src:url("/clarity/fonts/display-extra.ttf") format("truetype")}

/* Local brand typography and task hierarchy, across landing pages and workspaces. */
:root{--ui-text:"Studio Text",sans-serif;--ui-display:"Studio Display",sans-serif;--ui-action:var(--brand-dark,var(--green,#294959));--ui-edge:var(--line,#d9ddd9);--ui-paper:var(--paper,#f7f3ed);--ui-ink:var(--ink,#243c36)}
body.fitness,body.sport{--ui-action:var(--accent);--ui-paper:var(--bg);--ui-ink:var(--ink)}
html{scroll-padding-top:100px}body{font-family:var(--ui-text)!important;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select,textarea{font-family:var(--ui-text)!important}h1,h2,h3,h4,.bigtype{font-family:var(--ui-display)!important;font-style:normal;word-break:normal;overflow-wrap:break-word;text-wrap:balance}h1,.home-hero h1,.sport .home-hero h1{font-weight:500;letter-spacing:-.052em;line-height:1.08}h2,.section-heading h2,.editorial h2,.end-panel h2{font-weight:500;line-height:1.22;letter-spacing:-.035em}h3{font-weight:700;line-height:1.35;letter-spacing:-.025em}h1 em,h2 em{font-family:inherit;font-style:normal;font-weight:700}p{word-break:normal;overflow-wrap:break-word;text-wrap:pretty}p,li{line-height:1.75}.brand,.signature-name,.brand-link>span{font-family:var(--ui-display)!important;font-weight:700!important;letter-spacing:-.035em!important}.brand small,.brand-link small,.signature-tag{font-family:var(--ui-text)!important;font-weight:500;letter-spacing:.055em}.eyebrow,.overline{font-family:var(--ui-text);font-size:11px;letter-spacing:.15em;font-weight:700}.lead,.lede{font-size:17px;line-height:1.8;max-width:54ch}.micro{font-size:12px!important;line-height:1.75}.project-slogan{font-family:var(--ui-display);letter-spacing:-.015em}.hero,.home-hero{padding-top:clamp(34px,5vw,70px);padding-bottom:clamp(30px,4vw,54px)}
button:not(.product):not(.profile):not(.recipe):not(.iconbutton),.btn,.button,.primary,.secondary,summary{min-height:46px}button,.btn,.button{font-weight:700;letter-spacing:.005em;line-height:1.4}.btn,.button,a.secondary{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:14px 22px;text-align:center;border:1px solid var(--ui-action);border-radius:10px;text-decoration:none;box-shadow:0 4px 10px #00000009}.btn.ghost,.button.secondary,a.secondary{border:1px solid var(--ui-edge);box-shadow:none}.actions{gap:12px;align-items:center}.actions .btn:first-child,.actions .button:first-child{box-shadow:0 6px 20px #00000014}.actions .btn:first-child:hover,.actions .button:first-child:hover{transform:translateY(-2px)}button:disabled{cursor:not-allowed!important}a,button,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--ui-action);outline-offset:4px}input:not([type=checkbox]):not([type=radio]),select,textarea{min-height:48px;line-height:1.5;font-size:16px!important}label{font-weight:700;line-height:1.5}summary{cursor:pointer;padding-block:14px;font-weight:700}nav a:not(.brand),nav button{min-height:44px;align-content:center}nav button,aside nav a,.side nav button{border:1px solid var(--ui-edge)!important;border-radius:9px}nav button.active,nav button.selected,aside nav a.active,.side nav button.active{box-shadow:inset 3px 0 0 currentColor;font-weight:700!important}nav a:hover,nav button:hover{ text-decoration:underline;text-underline-offset:5px}.home-nav{gap:18px}.home-nav>a:not(.button),.navlinks>a{padding:8px 5px;color:var(--ui-ink)}.path-card{padding:28px;gap:4px}.path-card .num{margin-bottom:16px}.path-card p{font-size:15px}.path-card .button{margin-top:auto;min-height:50px;border-color:var(--accent)}.section-heading{margin-bottom:26px}.section{padding-block:54px}.card,.panel{line-height:1.65}.card h2,.panel h2{margin-bottom:12px}.help-shortcut,.overview-return{min-height:44px;display:inline-flex;align-items:center;padding:10px 14px;border:1px solid var(--ui-edge);border-radius:9px;text-decoration:none!important}.help-shortcut:hover,.overview-return:hover{border-color:var(--ui-action)}
.clarity-start{width:min(1160px,calc(100% - 64px));margin:0 auto 42px;padding:28px 0 0;border-top:1px solid var(--ui-edge);color:var(--ui-ink)}.clarity-start-label{display:block;font-size:11px;letter-spacing:.16em;font-weight:700;color:var(--muted);margin-bottom:10px}.clarity-start h2{font-size:clamp(24px,2.8vw,34px);margin:0 0 22px}.clarity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.clarity-choice{display:grid;grid-template-columns:1fr auto;gap:8px 16px;padding:22px;border:1px solid var(--ui-edge);border-radius:12px;text-decoration:none;color:var(--ui-ink);background:var(--surface,var(--card,var(--ui-paper)));transition:transform .18s,border-color .18s,box-shadow .18s}.clarity-choice:first-child{border-color:var(--ui-action)}.clarity-choice strong{font-family:var(--ui-display);font-size:17px;letter-spacing:-.025em;line-height:1.4}.clarity-choice small{grid-column:1;font-size:14px;line-height:1.6;color:var(--muted)}.clarity-choice .clarity-arrow{grid-column:2;grid-row:1/3;align-self:center;display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--ui-edge);border-radius:50%;font-size:18px}.clarity-choice:hover{border-color:var(--ui-action);box-shadow:0 8px 24px #0000000d;transform:translateY(-2px)}.welcome .clarity-start{width:100%;margin-top:36px}.hero-tools>.wrap>div:first-child:has(>h2){display:none}
@media(max-width:760px){html{scroll-padding-top:24px}.clarity-start{width:calc(100% - 40px);margin-bottom:28px;padding-top:24px}.clarity-grid{grid-template-columns:1fr;gap:10px}.clarity-choice{padding:18px 20px}.clarity-start h2{margin-bottom:16px}.home-hero h1,.sport .home-hero h1{font-size:clamp(36px,8.8vw,54px);letter-spacing:-.045em}.hero h1{letter-spacing:-.045em}.home-hero,.hero{padding-block:32px}.actions{align-items:stretch}.actions>.btn,.actions>.button{flex:1 1 210px;min-height:52px}.path-card{padding:24px}.home-nav>a{min-height:48px}.section{padding-block:36px}.brand{white-space:normal}.brand-link>span{font-size:17px}.top .nav{gap:14px}.clarity-choice small{font-size:14px}aside nav a,.side nav button{min-height:48px}.micro{font-size:12px!important}.welcome-actions{display:flex;gap:12px;flex-wrap:wrap}.welcome-actions>a{min-height:50px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Consistent touch feedback without decorative motion. */
button:active,.button:active,.btn:active{transform:translateY(1px)}@media(prefers-reduced-motion:reduce){button:active,.button:active,.btn:active{transform:none}}.tools-entry{display:inline-flex;align-items:center;min-height:44px;margin:8px 14px;font-weight:700;text-underline-offset:5px}