:root{--bs-ink: #151A21;--bs-terracotta: #C2603C;--bs-terracotta-deep: #A44A28;--bs-white: #FFFFFF;--bs-slate: #5A6472;--bs-concrete: #C9C6C0;--bs-font-sans: Archivo, "Helvetica Neue", Arial, sans-serif;--bs-font-mono: "JetBrains Mono", ui-monospace, monospace;--u: 4px;--s3: 16px;--s4: 24px;--s5: 40px;--s6: 64px;--s7: 96px;--s8: 144px;--rule: 1px solid var(--bs-concrete);--radius: 0;--maxw: 1280px;--gutter: clamp(20px, 5vw, 72px);--navh: 68px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--bs-white);color:var(--bs-ink);font-family:var(--bs-font-sans);font-size:17px;line-height:1.6;font-synthesis:none;-webkit-font-smoothing:antialiased;overflow-x:hidden}img,svg{display:block;max-width:100%}a{color:inherit}:focus-visible{outline:2px solid var(--bs-terracotta);outline-offset:3px}.skip{position:absolute;left:-9999px;top:0;background:var(--bs-ink);color:var(--bs-white);padding:12px 18px;z-index:100}.skip:focus{left:0}.statement{font-weight:500;font-stretch:118%;font-size:clamp(40px,7.6vw,116px);line-height:.94;letter-spacing:-.035em;margin:0;text-wrap:balance}.display{font-weight:500;font-stretch:112%;font-size:clamp(32px,3.9vw,53px);line-height:1.06;letter-spacing:-.026em;margin:0;text-wrap:pretty}.h2{font-weight:500;font-stretch:108%;font-size:clamp(27px,3.4vw,44px);line-height:1.06;letter-spacing:-.022em;margin:0;text-wrap:balance}.h3{font-weight:500;font-size:21px;line-height:1.22;letter-spacing:-.012em;margin:0}.lead{font-size:clamp(18px,1.5vw,22px);line-height:1.45;max-width:44ch;margin:0}.body{max-width:60ch;margin:0}.body+.body{margin-top:1em}.small{font-size:14px;line-height:1.55;color:var(--bs-slate);margin:0}.eyebrow{font-family:var(--bs-font-mono);font-weight:500;font-size:11px;line-height:1.4;letter-spacing:.09em;text-transform:uppercase;color:var(--bs-slate);margin:0}.mono{font-family:var(--bs-font-mono);font-size:14px;line-height:1.5}.say{font-family:var(--bs-font-mono);font-size:.86em}.secnum{font-family:var(--bs-font-mono);font-size:13px;color:var(--bs-terracotta);letter-spacing:.04em}.wordmark{font-family:var(--bs-font-sans);font-weight:500;font-stretch:100%;line-height:1;letter-spacing:-.03em;text-transform:lowercase}.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}.section{padding-block:clamp(80px,10vw,152px)}.section--tight{padding-block:clamp(48px,5vw,80px)}.surface-ink{background:var(--bs-ink);color:var(--bs-white)}.surface-warm{background:var(--bs-terracotta-deep);color:var(--bs-white)}.surface-ink .eyebrow{color:#fff9}.surface-warm .eyebrow{color:#ffffffc2}.surface-ink .small{color:#fff9}.rule{border:0;border-top:var(--rule);margin:0}.surface-ink .rule{border-top-color:#fff3}.surface-warm .rule{border-top-color:#ffffff4d}.head{display:grid;gap:var(--s4);margin-bottom:var(--s7)}.cols{display:grid;gap:var(--s5) var(--s6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.split{display:grid;gap:var(--s6) var(--s7);grid-template-columns:minmax(0,.85fr) minmax(0,1.6fr)}.split__aside{position:sticky;top:calc(var(--navh) + var(--s5));align-self:start;display:grid;gap:var(--s4)}.split__aside .h2{font-size:clamp(26px,2.7vw,36px);line-height:1.1}[id]{scroll-margin-top:calc(var(--navh) + var(--s4))}@media(max-width:900px){.split{grid-template-columns:1fr;gap:var(--s5)}.split__aside{position:static}}.list{list-style:none;padding:0;margin:0}.list li{position:relative;padding-left:22px;margin-bottom:10px}.list li:before{content:"";position:absolute;left:0;top:.72em;width:12px;height:1px;background:var(--bs-terracotta)}.surface-warm .list li:before{background:var(--bs-white)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.reveal{animation:reveal linear both;animation-timeline:view();animation-range:entry 4% cover 22%}.reveal--2{animation-range:entry 4% cover 28%}.reveal--3{animation-range:entry 4% cover 34%}@keyframes reveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}}}@supports (animation-timeline: scroll()){@media(prefers-reduced-motion:no-preference){.heromark__b{animation:joint linear both;animation-timeline:scroll(root);animation-range:0 460px}@keyframes joint{to{transform:translate(-6px)}}.progress{animation:progress linear both;animation-timeline:scroll(root);transform-origin:0 50%}@keyframes progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}}}.nav{position:sticky;top:0;z-index:50;background:#ffffffe6;backdrop-filter:saturate(160%) blur(10px);border-bottom:var(--rule)}.nav__in{display:flex;align-items:center;gap:var(--s5);height:var(--navh)}.nav__brand{display:flex;align-items:center;gap:12px;text-decoration:none}.nav__brand .wordmark{font-size:21px}.nav__links{display:flex;gap:var(--s4);margin-left:auto}.nav__links a{font-size:14px;text-decoration:none;color:var(--bs-slate);padding-block:4px;white-space:nowrap}.nav__links a:hover{color:var(--bs-ink)}.progress{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--bs-terracotta)}@media(max-width:900px){.nav__links{display:none}.nav__in{justify-content:space-between}}.button{display:inline-flex;align-items:center;gap:12px;background:var(--bs-ink);color:var(--bs-white);padding:15px 24px;font-family:var(--bs-font-sans);font-weight:500;font-size:14px;line-height:1;border:0;border-radius:var(--radius);text-decoration:none;position:relative;overflow:hidden}.button span{position:relative}.button:after{content:"";position:absolute;inset:0;background:var(--bs-terracotta-deep);transform:scaleX(0);transform-origin:0 50%;transition:transform .34s cubic-bezier(.22,.61,.36,1)}.button:hover:after{transform:scaleX(1)}.button--big{padding:22px 34px;font-size:16px}.button--onwarm{background:var(--bs-white);color:var(--bs-ink)}.button--onwarm:after{background:var(--bs-ink)}.button--onwarm:hover{color:var(--bs-white)}.top{min-height:calc(100svh - var(--navh) - 2px);display:flex;flex-direction:column}.hero{flex:1;min-height:0;display:grid;align-content:center;padding-block:clamp(32px,4vw,72px)}.hero__grid{display:grid;gap:clamp(40px,5vw,88px);grid-template-columns:minmax(0,1.28fr) minmax(0,.72fr);align-items:center}.hero__text{display:grid;gap:var(--s4)}.hero__text .lead{margin-top:8px}.hero__markwrap{display:grid;gap:var(--s3);justify-items:center}.hero__mark{width:clamp(150px,19vw,280px)}.hero__cap{font-family:var(--bs-font-mono);font-size:11px;letter-spacing:.22em;color:var(--bs-slate)}.hero .display{text-wrap:pretty}@media(max-width:1000px){.br-wide{display:none}}@media(max-width:1000px){.top{min-height:0}.hero{padding-block:clamp(48px,8vw,72px)}.hero__grid{grid-template-columns:1fr;gap:var(--s5)}.hero__markwrap{justify-items:start}.hero__mark{width:clamp(140px,32vw,220px)}}.logos{overflow:hidden;border-top:var(--rule);border-bottom:var(--rule);padding-block:var(--s4);position:relative}.logos__track{display:flex;align-items:center;gap:clamp(40px,5vw,72px);width:max-content;animation:marquee 46s linear infinite}.logos:hover .logos__track{animation-play-state:paused}.logos img{height:clamp(20px,2vw,26px);width:auto;opacity:.62;transition:opacity .25s ease}.logos img:hover{opacity:1}@keyframes marquee{to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.logos__track{animation:none;width:100%;flex-wrap:wrap;justify-content:center;row-gap:var(--s4)}.logos__track img[aria-hidden=true]{display:none}}.claimfield{padding-block:clamp(96px,14vw,200px)}.claimfield .statement{max-width:18ch}.claimfield__foot{display:flex;flex-wrap:wrap;gap:var(--s4) var(--s6);margin-top:var(--s7);padding-top:var(--s4);border-top:1px solid rgba(255,255,255,.3)}.tool__stage{margin-top:clamp(56px,7vw,96px);height:clamp(240px,30vw,400px);overflow:hidden}.tool__shot{margin:0;border:var(--rule);border-bottom:0;background:#f2f1ef;aspect-ratio:16 / 9;display:grid;grid-template-rows:auto 1fr}.tool__bar{display:flex;align-items:center;gap:var(--s3);padding:12px var(--s3);border-bottom:var(--rule);background:var(--bs-white)}.tool__mark{width:16px;height:16px;flex:none}.tool__title{font-family:var(--bs-font-mono);font-size:12px;color:var(--bs-ink)}.tool__meta{font-family:var(--bs-font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--bs-slate);margin-left:auto}.tool__body{display:grid;align-content:start;justify-items:center;gap:8px;padding:clamp(32px,5vw,64px) var(--s4);text-align:center}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.tool__shot{animation:rise linear both;animation-timeline:view();animation-range:entry 6% cover 52%}@keyframes rise{0%{transform:translateY(96px)}to{transform:none}}}}.composer{display:grid;gap:var(--s5)}.composer__tabs{display:flex;flex-wrap:wrap;gap:var(--u)}.composer__tab{font-family:var(--bs-font-mono);font-size:13px;line-height:1;padding:15px 18px;background:transparent;color:var(--bs-slate);border:var(--rule);border-radius:var(--radius);cursor:pointer;transition:color .2s ease,border-color .2s ease,background .2s ease}.composer__tab:hover{color:var(--bs-ink);border-color:var(--bs-ink)}.composer__tab[aria-selected=true]{background:var(--bs-ink);color:var(--bs-white);border-color:var(--bs-ink)}.composer__pool{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--u)}@media(max-width:1000px){.composer__pool{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.composer__pool{grid-template-columns:repeat(2,1fr)}}.skill{border:var(--rule);padding:var(--s4) var(--s3) var(--s3);min-height:168px;display:flex;flex-direction:column;gap:8px;transition:background .34s cubic-bezier(.22,.61,.36,1),color .34s ease,border-color .34s ease,transform .34s cubic-bezier(.22,.61,.36,1),opacity .34s ease}.skill__n{font-family:var(--bs-font-mono);font-size:11px;color:var(--bs-concrete)}.skill__name{font-weight:500;font-size:17px;line-height:1.2}.skill__what{font-size:13px;line-height:1.45;color:var(--bs-slate);margin:0}.skill[data-on=a]{background:var(--bs-ink);border-color:var(--bs-ink);color:var(--bs-white);transform:translateY(-6px)}.skill[data-on=b]{background:var(--bs-terracotta-deep);border-color:var(--bs-terracotta-deep);color:var(--bs-white);transform:translateY(-6px)}.skill[data-on] .skill__n{color:#ffffff8c}.skill[data-on] .skill__what{color:#ffffffd1}.skill[data-off]{opacity:.34}.composer__pool:hover .skill[data-off]{opacity:.5}.composer__out{display:grid;gap:8px;border-left:2px solid var(--bs-terracotta);padding-left:var(--s4);min-height:76px}.surface-ink .composer__tab{border-color:#ffffff47;color:#ffffffb3}.surface-ink .composer__tab:hover{color:var(--bs-white);border-color:var(--bs-white)}.surface-ink .composer__tab[aria-selected=true]{background:var(--bs-white);color:var(--bs-ink);border-color:var(--bs-white)}.surface-ink .skill{border-color:#ffffff38}.surface-ink .skill__n{color:#ffffff8c}.surface-ink .skill__what{color:#ffffff9e}.surface-ink .skill[data-on=a]{background:var(--bs-white);border-color:var(--bs-white);color:var(--bs-ink)}.surface-ink .skill[data-on=a] .skill__n,.surface-ink .skill[data-on=a] .skill__what{color:var(--bs-slate)}.surface-ink .skill[data-on=b]{background:var(--bs-terracotta-deep);border-color:var(--bs-terracotta-deep);color:var(--bs-white)}.surface-ink .skill[data-on=b] .skill__n{color:#ffffffc7}.surface-ink .skill[data-on=b] .skill__what{color:#ffffffd6}.steps{display:grid;gap:0}.step{display:grid;grid-template-columns:64px minmax(0,1fr);gap:var(--s3) var(--s4);padding-block:var(--s5);border-top:var(--rule)}.step:last-child{border-bottom:var(--rule)}.step__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--s3) var(--s4)}.step__when{font-family:var(--bs-font-mono);font-size:12px;letter-spacing:.06em;color:var(--bs-terracotta)}.step__body{grid-column:2}@media(max-width:640px){.step{grid-template-columns:44px minmax(0,1fr)}}.cards{display:grid;gap:var(--u);grid-template-columns:repeat(3,1fr)}@media(max-width:1000px){.cards{grid-template-columns:1fr}}.card{border:var(--rule);padding:var(--s5) var(--s4) var(--s4);display:flex;flex-direction:column;gap:var(--s3);transition:background .3s ease,color .3s ease,border-color .3s ease}.card:hover{background:var(--bs-ink);border-color:var(--bs-ink);color:var(--bs-white)}.card:hover .card__meta{color:#ffffff9e}.card:hover .list li:before{background:var(--bs-white)}.card:hover .card__slot{border-color:#ffffff57;background:transparent}.card:hover .card__slot span{color:#ffffff9e}.card__meta{font-family:var(--bs-font-mono);font-size:12px;color:var(--bs-slate);transition:color .3s ease}.card__what{font-size:15px;line-height:1.5;margin:0}.card .list{margin-top:auto;padding-top:var(--s3)}.card .list li{font-size:14px;line-height:1.45}.figures{display:grid;gap:var(--s5);grid-template-columns:repeat(3,1fr)}@media(max-width:760px){.figures{grid-template-columns:1fr;gap:var(--s4)}}.figure{display:grid;gap:6px}.figure__n{font-family:var(--bs-font-mono);font-weight:500;font-size:clamp(34px,4vw,52px);line-height:1;letter-spacing:-.02em}.figure__l{font-size:13px;line-height:1.4;color:var(--bs-slate)}.surface-ink .figure__l{color:#ffffff9e}.is-placeholder{color:var(--bs-terracotta)}.slot{position:relative;border:1px dashed var(--bs-concrete);background:#f2f1ef;display:grid;place-content:center;gap:6px;padding:var(--s4);text-align:center}.slot__k{font-family:var(--bs-font-mono);font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--bs-slate)}.slot__d{font-size:13px;line-height:1.45;color:var(--bs-slate);max-width:34ch}.slot--wide{aspect-ratio:21 / 9}.slot--tall{aspect-ratio:3 / 4}.slot--square{aspect-ratio:1 / 1}.surface-ink .slot{background:#ffffff0a;border-color:#ffffff42}.surface-ink .slot__k,.surface-ink .slot__d{color:#ffffff9e}.card__slot{aspect-ratio:16 / 10;border:1px dashed var(--bs-concrete);background:#f2f1ef;display:grid;place-content:center;transition:background .3s ease,border-color .3s ease}.card__slot span{font-family:var(--bs-font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--bs-slate);transition:color .3s ease}.slots{display:grid;gap:var(--u);grid-template-columns:repeat(3,1fr)}@media(max-width:760px){.slots{grid-template-columns:1fr}}.creds{display:grid;gap:var(--u);grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:760px){.creds{grid-template-columns:1fr}}.cred{border:1px solid rgba(255,255,255,.3);padding:var(--s4);display:grid;gap:6px}.cred--todo{border-style:dashed;border-color:#ffffff70}.cred--todo .cred__t{color:#ffffffc7}.cred__t{font-weight:500;font-size:17px}.cred__m{font-family:var(--bs-font-mono);font-size:12px;color:#ffffffc2}.press{display:flex;flex-wrap:wrap;gap:var(--u)}.press span{font-family:var(--bs-font-mono);font-size:12px;border:1px dashed rgba(255,255,255,.44);padding:14px 18px;color:#ffffffc2}.close{display:grid;gap:var(--s6);justify-items:start}.close__cta{display:grid;gap:var(--s3);justify-items:start}.foot{padding-block:var(--s6);border-top:var(--rule)}.foot__in{display:flex;flex-wrap:wrap;gap:var(--s4) var(--s6);align-items:baseline}.foot__legal{font-family:var(--bs-font-mono);font-size:12px;color:var(--bs-slate)}.foot__wordmark{font-size:19px}.nav__mark{width:24px;height:24px;flex:none}