@font-face{font-family:Satoshi;src:url(/faster/criativos/assets/satoshi-400.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Satoshi;src:url(/faster/criativos/assets/satoshi-500.woff2) format("woff2");font-weight:500 900;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f7f2;color:#20201e;font:15px Satoshi,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #1636ef;outline-offset:5px}header{margin:0 5.8%;height:110px;display:flex;align-items:center;border-bottom:1px solid #d9d9d2;gap:65px}.brand{font-size:28px;font-weight:900;letter-spacing:-1.8px}.brand span{font-size:11px;vertical-align:top;letter-spacing:0;margin-left:3px}nav{display:flex;gap:32px;font-size:13px}nav .active{color:#1834e9}i{display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;vertical-align:middle;margin-left:4px}.header-note{margin-left:auto;font:9px monospace;letter-spacing:1px}main{max-width:1400px;margin:auto;padding:0 8%}.hero{padding:74px 0 56px}.eyebrow,.meta,.overline{font:10px monospace;letter-spacing:1px;text-transform:uppercase}.eyebrow{display:flex;justify-content:space-between}.live{color:#60645b}.live i{color:#345d36;margin:0 8px 1px 0}.hero-row{display:flex;align-items:center;justify-content:space-between;margin:5px 0 22px}h1{font-size:clamp(100px,16vw,224px);font-weight:500;letter-spacing:-.085em;line-height:1;margin:0}.asterisk{font-size:clamp(100px,16vw,205px);font-weight:400;line-height:1;color:#1834e9;display:block;margin-right:25px}.intro{display:flex;justify-content:space-between;align-items:end}.intro p{font-size:18px;line-height:1.6;margin:0;max-width:460px}.intro small{color:#75756d;font-size:12px}.filters{border-top:1px solid #d9d9d2;padding:24px 0 30px;display:flex;gap:25px;align-items:center;flex-wrap:wrap}.filters button{background:none;border:0;padding:4px 0;color:#77776e;font-size:12px;position:relative}.filters button.selected{color:#1834e9}.filters button.selected:after{content:'';height:2px;background:currentColor;position:absolute;bottom:-7px;left:0;right:0}.filters sup{font-size:8px;margin-left:4px}.count{margin-left:auto;font:10px monospace;color:#77776e}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:38px 24px}.card{grid-column:span 4;min-width:0;animation:enter .7s both;animation-delay:calc(var(--i)*70ms)}.card:first-child{grid-column:span 8}.card:nth-child(4){grid-column:span 8}.visual{height:260px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#eeeee8;transition:transform .5s}.card:first-child .visual,.card:nth-child(2) .visual{height:340px}.card:hover .visual{transform:translateY(-4px)}.visual:after{content:'↗';position:absolute;right:17px;bottom:14px;font-size:20px;opacity:0;transform:translate(-5px,5px);transition:.3s}.card:hover .visual:after{opacity:1;transform:none}.card-top{position:absolute;top:18px;left:20px;right:20px;display:flex;justify-content:space-between;font:9px monospace;letter-spacing:1px;z-index:1}.meta{display:flex;justify-content:space-between;color:#85857b;font-size:9px;margin:18px 0 10px;letter-spacing:.4px}h2{font-weight:500;font-size:22px;letter-spacing:-.7px;margin:0 0 7px}.card p{margin:0;color:#77776e;font-size:12px;line-height:1.6}.motion{background:#1834ed;color:white}.ribbon{display:flex;gap:9px;transform:rotate(-26deg)}.ribbon span{width:43px;height:150px;border:1px solid #ffffffa0;border-radius:50%;background:linear-gradient(90deg,#ffffff08,#ffffff38,#ffffff05);transform:rotate(-20deg)}.is-running .ribbon span{animation:wave 4s ease-in-out infinite alternate;animation-delay:calc(var(--n)*-.25s)}.prompt{background:#e9e9e2}.prompt-code{font:12px/2.5 monospace;transform:rotate(-5deg);width:78%}.prompt-code b{font-weight:400;background:#d6d8ff;color:#263cec;padding:5px 12px}.prompt-code em{font-style:normal;color:#8e8e85}.layout{background:#e6e5dd}.layout-demo{width:75%;height:145px;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:5px;transition:.4s;transform:rotate(-7deg)}.layout-demo span{background:#c4c4b8}.layout-demo span:first-child{grid-row:span 2;background:#1834ed}.layout-demo span:last-child{grid-column:span 2;background:#d4d4ca}.card:hover .layout-demo{grid-template-columns:1fr 1.6fr .8fr;transform:rotate(0)}.game{background:#20211f;color:#f6f6ef}.game-line{position:absolute;width:70%;height:1px;background:#464740;transform:rotate(-14deg)}.ball{width:47px;height:47px;background:#d9ff78;border-radius:50%;position:relative;box-shadow:0 20px 30px #0005}.is-running .ball{animation:bounce 2.8s ease-in-out infinite}.game-label{position:absolute;bottom:27px;left:30px;color:#a0a296;font:11px monospace}.writing{background:#e8eaf0}.quote{font-size:43px;font-weight:500;line-height:1.08;letter-spacing:-2px;width:80%}.quote em{font-weight:400;color:#1834ed}.resource{background:#e9e6df}.resource-stack{width:140px;height:160px;background:#f9f8f4;border:1px solid #d8d6cd;box-shadow:8px 8px 0 #d9d7cc,16px 16px 0 #cdcbc0;transform:rotate(10deg);padding:22px;font:10px monospace}.resource-stack strong{display:block;color:#1834ed;font-size:55px;margin-top:27px;font-weight:400}.about{border-top:1px solid #d9d9d2;margin:85px 0 65px;padding-top:38px;display:grid;grid-template-columns:1fr 2fr;gap:35px}.about h2{font-size:33px;max-width:500px;line-height:1.3}.about p{max-width:500px;line-height:1.8;color:#77776e}.side{position:fixed;left:20px;top:48%;font:9px monospace;display:grid;gap:20px;color:#8c8c83}.side a{display:flex;gap:8px;align-items:center}.side b{height:5px;width:5px;background:#1834ed;border-radius:50%}footer{border-top:1px solid #d9d9d2;margin:0 5.8%;padding:28px 0;display:flex;justify-content:space-between;font-size:10px;color:#85857b}.detail{padding:65px 0}.detail h1{font-size:clamp(50px,8vw,110px);letter-spacing:-.065em;line-height:1.08;margin:30px 0}.detail .lede{font-size:21px;max-width:650px;line-height:1.6;color:#77776e}.stage{margin:45px 0;padding:50px;background:#eaeae3;min-height:320px}.stage .visual{height:330px}.stage button,.action{background:#1834ed;color:white;border:0;padding:13px 22px;display:inline-block;margin:12px 12px 12px 0}.stage textarea{display:block;width:100%;min-height:140px;border:1px solid #ccccc2;background:#f7f7f2;padding:18px;resize:vertical}.stage pre{white-space:pre-wrap;line-height:1.8}.article{max-width:660px;font-size:18px;line-height:1.9}.article h2{margin-top:35px}.game-stage{position:relative;height:300px;background:#20211f;color:white;overflow:hidden}.game-stage button{position:absolute;border-radius:50%;width:62px;height:62px;background:#d9ff78;color:#20211f;padding:0;margin:0}.game-stage p{padding:20px}.cta{position:relative;width:130px;height:130px;display:block;color:#1834ed}.cta svg{width:130px;height:130px;animation:spin 24s linear infinite}.cta strong{position:absolute;inset:0;display:grid;place-items:center;font-size:45px}.cta:hover svg{animation-play-state:paused}@keyframes spin{to{transform:rotate(360deg)}}@keyframes wave{to{transform:rotate(20deg) translateY(15px)}}@keyframes bounce{50%{transform:translate(60px,-45px)}}@keyframes enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@media(min-width:1600px){main{padding:0 70px}}@media(max-width:800px){header{height:85px;gap:30px}.header-note,.side{display:none}nav{margin-left:auto;gap:20px}main{padding:0 6%}.hero{padding-top:45px}.intro{gap:25px}.intro p{font-size:15px}.intro small{display:none}.filters{gap:18px}.count{display:none}.grid{gap:28px 18px}.card,.card:first-child,.card:nth-child(4){grid-column:span 6}.card:first-child .visual,.card:nth-child(2) .visual,.visual{height:240px}.card:first-child{grid-column:span 12}.quote{font-size:32px}.about{grid-template-columns:1fr}.stage{padding:20px}.about h2{font-size:28px}footer{gap:20px}footer span:nth-child(2){display:none}}@media(max-width:480px){.card,.card:nth-child(4){grid-column:span 12}.hero-row{margin:25px 0}.eyebrow{font-size:8px}.live{font-size:8px}.asterisk{margin:0}.visual{height:270px}.intro p{max-width:280px}.filters{gap:16px}.filters button{font-size:11px}.brand{font-size:25px}nav{font-size:11px;gap:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
body{background:#f5f5f1;color:#191a1b}.brand{font-weight:500;font-size:23px;letter-spacing:-1px}input[type=range]{display:block;margin:20px 0;width:min(100%,420px)}.stage label{display:block;margin:20px 0 10px}.stage .visual{margin-bottom:25px}.skip-lab{position:absolute;top:-100px;left:20px;background:#f5f5f1;z-index:100;padding:15px}.skip-lab:focus{top:15px}button{min-height:36px}
@media(min-width:801px){.card:first-child,.card:nth-child(2){grid-column:span 6}.card:nth-child(4){grid-column:span 4}.card:first-child .visual,.card:nth-child(2) .visual{height:340px}}

.visual.grid-study{background:#e9eae4;color:#1834ed}.grid-study .gs-cover{height:72%;width:68%;background:repeating-linear-gradient(90deg,#1834ed12 0 16%,transparent 16% 17%),repeating-linear-gradient(0deg,transparent 0 24%,#1834ed50 24% 24.4%,transparent 24.4% 25%);border:1px solid #1834ed80;position:relative;transform:rotate(-7deg);transition:transform .5s}.grid-study .gs-cover:before{content:'6 × 8';font:12px ui-monospace,monospace;position:absolute;top:12px;left:12px;background:#e9eae4;padding:4px}.card:hover .gs-cover{transform:rotate(0)}
@media(prefers-reduced-motion:reduce){.grid-study .gs-cover{transition:none}}

.visual.slice{background:#e9eae4;color:#1834ed}.slice-cover{width:100%;height:240px;position:relative}.slice-cover span{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(70px,8vw,120px);font-weight:500;letter-spacing:-7px;clip-path:inset(calc(var(--n)*16.666%) 0 calc(100% - (var(--n) + 1)*16.666%) 0);transform:translateX(calc((var(--n) - 2.5)*8px));transition:transform .65s cubic-bezier(.22,1,.36,1)}.card:hover .slice-cover span{transform:translateX(calc((2.5 - var(--n))*12px))}@media(max-width:800px){.slice-cover span{font-size:100px}}@media(prefers-reduced-motion:reduce){.slice-cover span{transition:none}}

.visual.contour{background:#e8eae3;color:#1834ed}.contour-cover{position:relative;width:235px;height:230px;transform:rotate(-12deg);transition:transform .7s cubic-bezier(.22,1,.36,1)}.contour-cover span{position:absolute;inset:calc(var(--n)*7px);border:1px solid #1834edb0;border-radius:43% 57% 38% 62% / 58% 36% 64% 42%;transform:rotate(calc(var(--n)*6deg))}.card:hover .contour-cover{transform:rotate(8deg)}@media(prefers-reduced-motion:reduce){.contour-cover{transition:none}}

.visual.brand{background:#e8ebe5;color:#1834ed}.brand-system-cover{display:grid;justify-items:center;gap:12px}.brand-system-cover>span{font:10px ui-monospace,monospace;letter-spacing:.08em}.brand-system-cover>i{font-size:24px;font-style:normal;transition:transform .3s}.brand-system-cover strong{font-size:clamp(28px,3.5vw,50px);font-weight:400;letter-spacing:-.06em}.card:hover .brand-system-cover>i{transform:translateY(3px)}@media(prefers-reduced-motion:reduce){.brand-system-cover>i{transition:none}}
