@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Instrument+Serif:ital@0;1&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--ink:#17292c;--muted:#66736f;--paper:#f8f9f4;--white:#fff;--blue:#204df4;--lime:#d9ef9c;--line:#dde2db;--soft-blue:#edf0ff;--font:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color-scheme:light;font-family:var(--font);color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img,svg{max-width:100%}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{line-height:1.15;letter-spacing:-.045em}p{margin-bottom:1em}button:disabled{cursor:default;opacity:.48}input,textarea,select{color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px 15px;max-width:100%}textarea{resize:vertical}label{font-weight:600}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}::selection{background:var(--lime);color:var(--ink)}.brand{display:inline-flex;align-items:center;gap:9px;font-size:26px;font-weight:800;letter-spacing:-1.4px;line-height:1;white-space:nowrap}.brand-symbol{display:inline-block;position:relative;width:29px;height:29px;border:2.6px solid currentColor;border-radius:50%;transform:rotate(-34deg)}.brand-symbol::after{content:'';position:absolute;width:37px;height:13px;left:-6.6px;top:5.7px;border:2.2px solid currentColor;border-radius:50%;background:var(--paper)}.brand-symbol::before{content:'';position:absolute;width:8px;height:8px;right:-3px;top:0;background:currentColor;border:2px solid var(--paper);border-radius:50%;z-index:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;border-radius:9px;padding:15px 24px;font-size:13px;line-height:1.3;font-weight:700;border:1px solid transparent;min-height:48px;transition:background .2s,transform .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:#173dd2}.btn-ghost{background:transparent;border-color:var(--line)}.btn-ghost:hover{background:#eff1ea}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;display:block}.muted{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:20px;z-index:999;background:var(--ink);color:white;padding:12px 20px;border-radius:8px}.skip-link:focus{top:12px}.serif{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-style:italic}dialog{color:var(--ink);border:0;border-radius:22px;padding:0;max-height:90dvh;overflow:auto;box-shadow:0 24px 90px #17292c30}dialog::backdrop{background:#142a4266;backdrop-filter:blur(5px)}[hidden]{display:none!important}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;animation-iteration-count:1!important}}

/* Keep the Afterticker wordmark and orbit together in compact headers. */
.brand{flex-shrink:0}.brand-symbol{flex-shrink:0}

/* Readable secondary copy on the site's light surfaces. */
:root{--readable-muted:#59685f;--readable-blue:#536583;--readable-warning:#735b37;--space-unit:8px}
/* Shared interaction and reading defaults across marketing and workspace pages. */
body{overflow-wrap:break-word}
main,section,article,header,footer,nav{min-width:0}
button,input,textarea,select{letter-spacing:inherit}
.btn{font-size:14px;line-height:1.45;padding:14px 22px;min-height:48px;text-align:center}
.eyebrow{font-size:11px;line-height:1.6;letter-spacing:.13em}
input::placeholder,textarea::placeholder{color:var(--readable-muted);opacity:1}
input[type=checkbox],input[type=radio],input[type=range]{accent-color:var(--blue)}
input[type=checkbox],input[type=radio]{padding:0}
dialog{max-width:calc(100% - 32px);max-height:calc(100dvh - 32px);overscroll-behavior:contain}
@media(max-width:600px){input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select{font-size:16px}}
@media(hover:none){.btn:hover{transform:none}}
