@font-face{font-family:B;src:url('/assets/fonts/bricolage-grotesque-latin.woff2')}@font-face{font-family:G;src:url('/assets/fonts/geist-latin-wght-normal.woff2')}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0b0b0c;color:#f3f0e9;font:17px/1.65 G,Arial}header,main,footer{max-width:1240px;margin:auto;padding:24px}header,footer{display:flex;justify-content:space-between;border-bottom:1px solid #34312a}a{color:#e9d5a1;text-underline-offset:5px}header a{text-decoration:none}a,button,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #e9d5a1;outline-offset:5px}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:20px;background:#151516;z-index:3;padding:15px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding:65px 0}.provider{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:1px}.provider img{object-fit:contain}h1{font:650 clamp(44px,5.6vw,74px)/1.06 B;letter-spacing:-2px;margin:24px 0}h1 em{font-style:normal;color:#e9d5a1}.lead{font-size:21px;color:#bdb8ae}.small{font-size:13px;color:#bdb8ae}.actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin:22px 0}.button,button{padding:13px 22px;border-radius:28px;background:#e9d5a1;color:#18150e;border:1px solid #e9d5a1;font:600 15px G;text-decoration:none;cursor:pointer}.demo{margin:0;background:#151516;border:1px solid #39352d;border-radius:22px;padding:24px;overflow:hidden}.demo-head{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:9px;letter-spacing:1px}.demo-head button{background:transparent;color:#e9d5a1;padding:10px 12px;font-size:12px}.workshop{position:relative;min-height:430px;padding-top:32px}.team{display:grid;grid-template-columns:1fr 1fr;gap:12px;position:relative}.role{border:1px solid #5d5341;background:#23221f;border-radius:10px;padding:15px;font:500 21px B}.role span{display:block;font:12px/1.5 G;color:#bdb8ae;margin-top:5px}.chief{grid-column:1/3;text-align:center}.message{position:absolute;left:25%;top:36px;padding:7px 12px;background:#e9d5a1;color:#18150e;font-size:10px;border-radius:18px;animation:transfer 9s infinite}.routing{display:grid;grid-template-columns:1fr 40px 90px;align-items:center;gap:8px;font-size:13px;border-block:1px solid #494033;margin-top:26px;padding:20px 0}.routing strong{color:#e9d5a1;font-size:22px}.arrow{transform:rotate(-90deg);font-size:24px}.typo{grid-column:1/4;height:24px;position:relative;text-align:center}.typo del,.typo ins{position:absolute;left:0;right:0}.typo del{color:#d7a18f;animation:before 9s infinite}.typo ins{color:#bad8af;text-decoration:none;animation:after 9s infinite}.dashboard{position:relative;padding:20px 0 0}.dashboard>span{font-size:9px;letter-spacing:1px;color:#a39f96}.task{font-size:14px;display:flex;gap:12px;margin:10px 0;align-items:center}.task i{width:15px;height:15px;border:1px solid #a39f96;border-radius:4px}.task:first-of-type i{animation:check 9s infinite}.done{position:absolute;right:0;bottom:0;background:#243026;color:#bad8af;border:1px solid #425145;padding:6px 10px;border-radius:6px;font-size:11px;animation:after 9s infinite}figcaption{font-size:10px;color:#a39f96;border-top:1px solid #34312a;padding-top:15px}.jump{display:flex;gap:28px;flex-wrap:wrap;padding:24px 0;border-block:1px solid #34312a}section:not(.hero){padding:70px 0;border-bottom:1px solid #34312a;scroll-margin-top:20px}h2{font:550 clamp(30px,4vw,46px)/1.15 B;margin:14px 0 24px;max-width:850px}h3{font:500 24px B}.eyebrow{color:#e9d5a1;font-size:11px;letter-spacing:1.2px}.intro,ol,.note{max-width:850px}li{margin:20px 0;padding-left:8px}li::marker{color:#e9d5a1}code{overflow-wrap:anywhere;font-size:14px}.note{color:#bdb8ae;font-size:15px;padding:20px 0;border-top:1px solid #34312a}.beforeafter{display:grid;grid-template-columns:1fr 1fr;gap:32px;max-width:950px;margin:30px 0}.beforeafter>div{border-top:2px solid #796947;padding-top:16px}.beforeafter span{font-size:10px;letter-spacing:1px;color:#e9d5a1}.beforeafter p{font-size:19px}.prompt{max-width:950px}details{padding:18px 0;border-block:1px solid #34312a}summary{cursor:pointer;color:#e9d5a1;padding:8px 0}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:15px/1.8 G;color:#f3f0e9;background:#171718;padding:24px;border-radius:12px}details p{max-width:850px}.community{margin:45px 0;padding:25px 30px;border:1px solid #63563d;border-radius:18px;background:#171718}.community h3{margin-top:0}footer{justify-content:flex-start;gap:25px;font-size:14px}#status{position:fixed;right:20px;bottom:20px;background:#28261f;padding:10px 16px;border-radius:10px}#status:empty{display:none}.paused *{animation-play-state:paused!important}@keyframes transfer{0%,10%{opacity:0;transform:translate(-20px,0)}18%{opacity:1}35%{opacity:1;transform:translate(70px,0)}50%{opacity:1;transform:translate(20px,75px)}58%,100%{opacity:0;transform:translate(20px,75px)}}@keyframes before{0%,52%{opacity:1}62%,100%{opacity:0}}@keyframes after{0%,57%{opacity:0;transform:translateY(8px)}67%,100%{opacity:1;transform:translateY(0)}}@keyframes check{0%,70%{background:transparent}80%,100%{background:#bad8af;border-color:#bad8af}}@media(max-width:760px){header,main,footer{padding:20px}.hero{grid-template-columns:1fr;padding:38px 0;gap:34px}h1{font-size:clamp(43px,11vw,65px)}.lead{font-size:19px}.demo{padding:20px}.jump{font-size:14px;gap:18px}.beforeafter{grid-template-columns:1fr;gap:18px}section:not(.hero){padding:48px 0}.workshop{min-height:440px}pre{padding:16px}.role{font-size:18px}.routing{grid-template-columns:1fr 24px 75px;font-size:12px}.done{position:static;display:inline-block;margin-top:4px}.community{padding:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.message{display:none}.typo del{display:none}.typo ins,.done{opacity:1;transform:none}.workshop *{animation:none!important}}