:root{--ink: #121110;--paper: #f4efe6;--paper-2: #eae2d3;--muted: #6e685d;--signal: #ff4f1a;--line: rgba(18, 17, 16, .14);--line-inv: rgba(244, 239, 230, .16);--font-display: "Bricolage Grotesque", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-serif: "Instrument Serif", Georgia, serif;--wrap: 1240px;--gutter: clamp(16px, 4vw, 40px);--radius: 18px}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.02;letter-spacing:-.02em;margin:0;font-weight:700}em.serif,.serif{font-family:var(--font-serif);font-style:italic;font-weight:400;letter-spacing:-.01em}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gutter)}.section{padding:clamp(72px,10vw,140px) 0}.section--dark{background:var(--ink);color:var(--paper)}.section--alt{background:var(--paper-2)}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.eyebrow:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--signal)}.section--dark .eyebrow{color:#f4efe699}.section-head{display:grid;gap:20px;margin-bottom:clamp(40px,6vw,72px);max-width:820px}.section-head h2{font-size:clamp(36px,5.4vw,68px)}.section-head p{font-size:19px;color:var(--muted);margin:0;max-width:620px}.section--dark .section-head p{color:#f4efe6b3}.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 24px;border-radius:999px;font-weight:600;font-size:16px;text-decoration:none;border:1.5px solid var(--ink);transition:transform .2s ease,background .2s ease,color .2s ease}.btn:hover{transform:translateY(-2px)}.btn--signal{background:var(--signal);border-color:var(--signal);color:#fff}.btn--ghost:hover{background:var(--ink);color:var(--paper)}.section--dark .btn--ghost{border-color:var(--paper)}.section--dark .btn--ghost:hover{background:var(--paper);color:var(--ink)}.tag{display:inline-block;padding:4px 11px;border-radius:999px;border:1px solid var(--line);font-size:13px;color:var(--muted)}.prose{max-width:720px;font-size:19px}.prose h2{font-size:32px;margin:48px 0 16px}.prose em{color:var(--muted)}.js .reveal{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}.js .reveal.is-in{opacity:1;transform:none}.reveal-d1{transition-delay:.08s!important}.reveal-d2{transition-delay:.16s!important}.reveal-d3{transition-delay:.24s!important}.marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.marquee__track{display:flex;gap:56px;width:max-content;animation:marquee 32s linear infinite}.marquee:hover .marquee__track{animation-play-state:paused}@keyframes marquee{to{transform:translate(-50%)}}.field{display:grid;gap:8px;min-width:0}.field>*{min-width:0}.calc>*,.panel,.results{min-width:0}.field label{font-weight:600;font-size:15px}.field input,.field textarea,.field select{font:inherit;color:var(--ink);background:#fbf8f2;border:1.5px solid var(--line);border-radius:12px;padding:14px 16px;width:100%;transition:border-color .2s,box-shadow .2s}.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 4px #ff4f1a2e}.field textarea{min-height:130px;resize:vertical}.choice{position:relative}.choice input{position:absolute;opacity:0;inset:0;cursor:pointer}.choice span{display:grid;gap:4px;padding:18px 20px;border-radius:14px;border:1.5px solid var(--line);background:#fbf8f2;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}.choice span small{color:var(--muted);font-size:14px}.choice span strong{font-size:17px}.choice:hover span{border-color:var(--ink)}.choice input:checked+span{border-color:var(--signal);background:#fff1ea}.choice input:focus-visible+span{box-shadow:0 0 0 4px #ff4f1a40}.note{font-size:14px;color:var(--muted)}.demo-banner{background:var(--ink);color:var(--paper);font-size:13px;text-align:center;padding:8px 16px}@media(prefers-reduced-motion:reduce){.js .reveal{opacity:1;transform:none}.marquee__track{animation:none}html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}@media(max-width:860px){html,body{overflow-x:clip}html{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.js .reveal{transform:translateY(10px);transition-duration:.3s}.reveal-d1{transition-delay:.03s!important}.reveal-d2{transition-delay:.06s!important}.reveal-d3{transition-delay:.09s!important}.btn{transition:transform .12s ease,background .2s,color .2s}.btn:active{transform:scale(.97)}@view-transition{navigation:auto}::view-transition-old(root){animation:vt-out .16s ease both}::view-transition-new(root){animation:vt-in .26s cubic-bezier(.2,.7,.2,1) both}.header{view-transition-name:site-header}.ast-fab{view-transition-name:ast-fab}}@keyframes vt-out{to{opacity:0}}@keyframes vt-in{0%{opacity:0;transform:translateY(8px)}}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}.prose blockquote{margin:18px 0;padding:20px 22px;border-radius:16px;background:var(--paper-2);border-left:4px solid var(--signal)}.prose blockquote p{margin:0;font-family:var(--font-serif);font-style:italic;font-size:19px;line-height:1.45}.prose blockquote p+p{margin-top:8px;font-family:inherit;font-style:normal;font-size:13px;font-weight:700;color:var(--muted)}@media(max-width:760px){.m-rail{display:flex!important;grid-template-columns:none!important;flex-wrap:nowrap!important;gap:12px!important;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);margin-inline:calc(-1 * var(--gutter));padding:4px var(--gutter) 14px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.m-rail::-webkit-scrollbar{display:none}:has(>.m-rail){min-width:0}.m-rail>*{flex:0 0 84%;min-width:0;scroll-snap-align:start;margin:0!important}.m-rail--narrow>*{flex-basis:68%}.m-rail>.reveal{opacity:1!important;transform:none!important}}@media(max-width:860px){input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select{font-size:16px!important}a.back,.crumbs a,.crumbs__lang,a.tpc__dl,a.pick__more,a.sv-format__go{display:inline-flex;align-items:center;min-height:44px;padding-block:10px;margin-block:-10px}.btn{min-height:48px;justify-content:center}:is(.sh-ctas,.cta__actions,.hero__ctas,.hero-ctas,.ctas){display:grid!important;grid-template-columns:1fr;gap:10px}:is(.sh-ctas,.cta__actions,.hero__ctas,.hero-ctas,.ctas)>.btn{width:100%}h1,h2,h3{overflow-wrap:break-word}}@media(max-width:760px){.m-clamp:not(.is-open){display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.m-more{display:inline-flex;align-items:center;min-height:44px;margin-top:-6px;padding:0;border:0;background:none;font:inherit;font-weight:700;color:var(--signal);cursor:pointer}}@media(min-width:761px){.m-more{display:none}}.type-tag{display:inline-flex;align-items:center;gap:6px;align-self:start;justify-self:start;width:max-content;padding:4px 10px 4px 8px;border-radius:999px;font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;line-height:1.2;color:var(--tc, #9a3412);background:var(--tb, #fff1ea)}.type-tag svg{width:13px;height:13px}.type-tag[data-type=Tool]{--tc: #166534;--tb: #dcfce7}.type-tag[data-type=Article]{--tc: #1d4ed8;--tb: #dbeafe}.type-tag[data-type=Course]{--tc: #6d28d9;--tb: #ede9fe}.type-tag[data-type=Template]{--tc: #c2410c;--tb: #ffedd5}.type-tag[data-type=Video]{--tc: #b91c1c;--tb: #fee2e2}.type-tag[data-type=Guide]{--tc: #0f766e;--tb: #ccfbf1}.type-tag[data-type=Note]{--tc: #78350f;--tb: #f5ead7}.type-tag[data-type=Pick]{--tc: #a16207;--tb: #fef3c7}.type-tag[data-type=Playbook]{--tc: #fff;--tb: #121110}.type-tag[data-type=Podcast]{--tc: #9d174d;--tb: #fce7f3}@media(max-width:600px){.section{padding:56px 0}}@media(max-width:480px){.tool__body .big{padding:22px}.tool__body .big strong{font-size:clamp(28px,9vw,40px);overflow-wrap:anywhere}.tool__body .row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.tool__body .row div{padding:16px;min-width:0}.tool__body .row strong{font-size:clamp(18px,5.6vw,24px);overflow-wrap:anywhere}.tool__body .results span{font-size:12px}}