@font-face{font-family:Funnel Display;src:url(/fonts/funnel-display.woff2) format("woff2");font-weight:300 800;font-display:swap}@font-face{font-family:Archivo;src:url(/fonts/archivo.woff2) format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Space Grotesk;src:url(/fonts/space-grotesk.woff2) format("woff2");font-weight:300 700;font-display:swap}:root{--paper: #eeece8;--paper-2: #e4e1db;--card: #f7f6f3;--ink: #0a0a0a;--ink-2: #4a4845;--ink-3: #8a8782;--line: #0a0a0a1f;--accent: #1ba34b;--accent-deep: #0e7a34;--accent-soft: #c9ecd3;--display: "Funnel Display", "Archivo", system-ui, sans-serif;--body: "Archivo", system-ui, sans-serif;--mono: "Space Grotesk", ui-monospace, monospace;--gutter: clamp(16px, 3.2vw, 48px);--max: 1480px;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;overflow-x:clip}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.5 var(--body);-webkit-font-smoothing:antialiased}::selection{background:var(--accent);color:var(--ink)}a{color:inherit}button{font:inherit;color:inherit}img{display:block;max-width:100%}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}body:after{content:"";position:fixed;top:-50%;right:-50%;bottom:-50%;left:-50%;pointer-events:none;z-index:90;opacity:.07;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}.label{font:500 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;display:inline-flex;align-items:center;gap:8px}.label:before{content:"";width:7px;height:7px;background:var(--accent)}.h-xl{font:700 clamp(64px,13.5vw,240px)/.84 var(--display);letter-spacing:-.045em;margin:0}.h-l{font:650 clamp(44px,7.4vw,128px)/.9 var(--display);letter-spacing:-.04em;margin:0}.h-m{font:600 clamp(28px,3.4vw,52px)/1 var(--display);letter-spacing:-.03em;margin:0}.lede{font-size:clamp(18px,1.5vw,22px);line-height:1.45;color:var(--ink-2);max-width:34em;margin:0}.accent{color:var(--accent)}kbd,.key{display:inline-flex;align-items:center;justify-content:center;min-width:1.9em;height:1.9em;padding:0 .55em;font:600 .78em/1 var(--mono);letter-spacing:.02em;background:var(--card);border:1.5px solid var(--ink);border-bottom-width:4px;border-radius:6px;vertical-align:.08em}.btn{--bg: var(--ink);--fg: var(--paper);display:inline-flex;align-items:center;gap:12px;height:56px;padding:0 22px;background:var(--bg);color:var(--fg);border:1.5px solid var(--ink);border-radius:4px;font:600 16px/1 var(--body);text-decoration:none;cursor:pointer;white-space:nowrap;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s cubic-bezier(.2,.8,.2,1),background .2s}.btn:hover{transform:translate(-3px,-3px);box-shadow:3px 3px 0 var(--ink)}.btn:active{transform:none;box-shadow:none}.btn.accent{--bg: var(--accent);--fg: var(--ink)}.btn.ghost{--bg: transparent;--fg: var(--ink)}.btn small{font:500 12px/1 var(--mono);opacity:.75;letter-spacing:.03em}.btn svg{width:18px;height:18px;flex:none}.loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--ink);color:var(--paper);display:grid;place-items:center;pointer-events:none}.loader span{font:800 clamp(80px,22vw,360px)/1 var(--display);letter-spacing:-.05em;display:flex}.loader span i{font-style:normal;display:inline-block;transform-origin:50% 100%}.loader span i.a{color:var(--accent)}.nav{position:fixed;top:0;left:0;right:0;z-index:50;padding:14px var(--gutter);display:flex;align-items:center;gap:28px;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.nav.hide{transform:translateY(-110%)}.nav .mark{display:flex;align-items:center;gap:10px;text-decoration:none;font:700 20px/1 var(--display);letter-spacing:-.02em}.nav .mark img{width:30px;height:30px;border-radius:7px}.nav .links{display:flex;gap:6px;margin-left:auto}.nav .links a{font:500 13px/1 var(--mono);text-transform:uppercase;letter-spacing:.06em;text-decoration:none;padding:10px 12px;border:1.5px solid transparent;border-radius:4px}.nav .links a:hover{border-color:var(--ink)}.nav .btn{height:42px;padding:0 16px;font-size:14px}.nav-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:color-mix(in srgb,var(--paper) 82%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);opacity:0;transition:opacity .3s}.nav.solid .nav-bg{opacity:1}@media(max-width:860px){.nav .links{display:none}.nav .btn{margin-left:auto}}.hero{position:relative;overflow-x:clip;min-height:100svh;padding:110px 0 40px;display:flex;flex-direction:column}.hero .wrap{flex:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:24px;align-items:end;width:100%}.hero h1{position:relative;z-index:2}.hero h1 .line{display:block;overflow:hidden;padding-bottom:.06em}.hero h1 .line>span{display:inline-block}.hero .copy{display:flex;flex-direction:column;gap:30px;padding-bottom:40px}.hero .ctas{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.hero .meta{display:flex;flex-wrap:wrap;gap:8px 18px;font:500 13px/1 var(--mono);color:var(--ink-2)}.hero .meta b{color:var(--ink);font-weight:600}.stage{position:relative;height:min(78svh,720px);display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.stage .floor{position:absolute;left:-8%;right:-8%;bottom:0;height:2px;background:var(--ink)}.stage .sheep{position:relative;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none}.stage .sheep:focus-visible{outline:2px dashed var(--accent);outline-offset:8px}.bubble{position:absolute;z-index:3;max-width:min(420px,80vw);padding:16px 20px;background:var(--card);border:1.5px solid var(--ink);border-radius:18px;font:500 clamp(17px,1.5vw,21px)/1.35 var(--body);box-shadow:4px 4px 0 var(--ink);transform-origin:20% 100%}.bubble:after{content:"";position:absolute;left:var(--tail, 34px);bottom:-13px;width:22px;height:22px;background:var(--card);border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:skew(28deg) rotate(45deg) scaleY(.9)}.bubble .hint{font:500 12px/1 var(--mono);text-transform:uppercase;letter-spacing:.07em;color:var(--ink-3);display:block;margin-bottom:6px}.bubble .was{display:block;color:var(--ink-3);text-decoration:line-through;text-decoration-color:var(--accent);font-size:.72em;margin-bottom:8px}.bubble .caret{display:inline-block;width:2px;height:1em;background:var(--accent);margin-left:2px;vertical-align:-.12em;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.try{position:absolute;left:0;bottom:-36px;z-index:4;display:flex;align-items:center;gap:10px;font:500 13px/1.2 var(--mono);color:var(--ink-2)}.pasted{position:absolute;right:0;bottom:18px;z-index:4;width:min(320px,70%);background:var(--card);border:1.5px solid var(--ink);border-radius:8px;overflow:hidden;font-size:15px}.pasted header{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1.5px solid var(--ink);font:500 11px/1 var(--mono);text-transform:uppercase;letter-spacing:.07em}.pasted header i{width:8px;height:8px;border-radius:50%;background:var(--accent)}.pasted p{margin:0;padding:12px;min-height:64px}.pasted .was{display:block;color:var(--ink-3);text-decoration:line-through;font-size:13px;margin-bottom:6px}@media(max-width:900px){.hero{padding-top:92px}.hero .wrap{grid-template-columns:minmax(0,1fr);align-items:start}.hero .copy{padding-bottom:0}.stage{height:520px}.try{position:static;order:-1;margin-bottom:auto;max-width:none}.pasted{position:static;width:100%;margin-top:14px;order:3}.stage .floor{bottom:auto;top:auto;position:relative;left:0;right:0;width:116%;order:2}}section{position:relative}.sec{padding:clamp(90px,12vw,180px) 0}.sec-head{display:grid;grid-template-columns:1fr;gap:26px;margin-bottom:clamp(44px,6vw,84px)}.sec-head .row{display:flex;justify-content:space-between;align-items:end;gap:30px;flex-wrap:wrap}.rule{height:1.5px;background:var(--ink);border:0;margin:0}.dark{background:var(--ink);color:var(--paper)}.dark .lede{color:#b9b6b0}.dark .rule{background:var(--paper)}.apps{padding:56px 0 70px}.apps .top{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;margin-bottom:26px}.apps .top p{margin:0;font:600 clamp(22px,2.3vw,34px)/1.05 var(--display);letter-spacing:-.02em;max-width:18em}.grid-apps{display:grid;grid-template-columns:repeat(11,1fr);border-top:1.5px solid var(--ink);border-left:1.5px solid var(--ink)}.grid-apps a{aspect-ratio:1;display:grid;place-items:center;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);position:relative;overflow:hidden;text-decoration:none;transition:background .25s}.grid-apps img{width:34%;height:34%;object-fit:contain;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.grid-apps a span{position:absolute;bottom:8px;left:0;right:0;text-align:center;font:500 10px/1 var(--mono);text-transform:uppercase;letter-spacing:.07em;opacity:0;transform:translateY(6px);transition:.3s}.grid-apps a:hover{background:var(--card)}.grid-apps a:hover img{transform:scale(1.18) rotate(-6deg)}.grid-apps a:hover span{opacity:1;transform:none}@media(max-width:900px){.grid-apps{grid-template-columns:repeat(6,1fr)}}@media(max-width:520px){.grid-apps{grid-template-columns:repeat(4,1fr)}}.how{height:420vh}.how .pin{position:sticky;top:0;height:100svh;overflow:hidden;display:flex;flex-direction:column;padding-top:96px}.how .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1.5px solid var(--paper)}.how .step{padding:18px 20px 20px 0;opacity:.32;transition:opacity .35s}.how .step+.step{padding-left:20px;border-left:1.5px solid #ffffff22}.how .step.on{opacity:1}.how .step b{display:block;font:600 clamp(26px,3vw,46px)/1 var(--display);letter-spacing:-.03em;margin:10px 0 8px}.how .step p{margin:0;color:#b9b6b0;font-size:16px;max-width:26em}.how .bar{height:3px;background:#fff2;margin-top:14px;overflow:hidden}.how .bar i{display:block;height:100%;background:var(--accent);transform-origin:0 50%;transform:scaleX(0)}.how .scene{flex:1;position:relative;display:grid;place-items:center;min-height:0}@media(max-width:760px){.how .steps{grid-template-columns:1fr}.how .step{display:none;padding:14px 0!important;border:0!important}.how .step.on{display:block}}.desk{position:relative;width:min(980px,100%,calc((100svh - 400px)*1.7));aspect-ratio:16 / 9.4;min-width:min(100%,340px)}.window{position:absolute;top:0;right:0;bottom:64px;left:0;background:var(--paper);color:var(--ink);border-radius:10px;overflow:hidden;box-shadow:0 30px 80px #0008;display:flex;flex-direction:column}.window .chrome{height:40px;display:flex;align-items:center;gap:8px;padding:0 14px;border-bottom:1.5px solid var(--ink);font:500 12px/1 var(--mono)}.window .chrome i{width:11px;height:11px;border-radius:50%;border:1.5px solid var(--ink)}.window .chrome span{margin:0 auto;letter-spacing:.04em}.compose{padding:clamp(14px,2.4vw,30px);display:grid;gap:10px;font-size:clamp(13px,1.4vw,18px);flex:1;align-content:start}.compose .f{display:flex;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--line);color:var(--ink-2)}.compose .f b{color:var(--ink);font-weight:500}.compose .body{line-height:1.55;min-height:9em;white-space:pre-wrap}.compose .body .cur{display:inline-block;width:2px;height:1.1em;background:var(--ink);vertical-align:-.2em;animation:blink 1s steps(1) infinite}.compose .body p{margin:0 0 .8em}.keys{position:absolute;left:50%;bottom:146px;transform:translate(-50%);display:flex;gap:14px;z-index:3}.keys .key{font-size:clamp(16px,2.2vw,30px);height:2.4em;min-width:3.2em;color:var(--ink);transition:transform .1s,border-bottom-width .1s}.keys .key.down{transform:translateY(3px);border-bottom-width:1.5px;background:var(--accent);color:var(--ink);border-color:var(--ink)}.pill{position:absolute;left:50%;bottom:82px;transform:translate(-50%);z-index:4;display:flex;align-items:center;gap:12px;padding:0 16px 0 10px;height:50px;background:#121212f0;color:#fff;border:1px solid #ffffff2a;border-radius:14px;box-shadow:0 14px 40px #0009;max-width:92%;white-space:nowrap;overflow:hidden}.pill .dot{width:30px;height:30px;border-radius:9px;background:var(--accent);display:grid;place-items:center;flex:none}.pill .wave{display:flex;gap:3px;align-items:center;height:26px;flex:none}.pill .wave i{width:3px;border-radius:2px;background:#fff}.pill .live{font:500 clamp(12px,1.3vw,15px)/1 var(--body);opacity:.85;overflow:hidden;text-overflow:ellipsis;max-width:46ch;direction:rtl;text-align:left}.taskbar{position:absolute;left:0;right:0;bottom:0;height:48px;background:#1c1c1c;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:10px}.taskbar i{width:26px;height:26px;border-radius:6px;background:#3a3a3a}.taskbar i.app{background:var(--paper)}.strike{text-decoration:line-through;text-decoration-color:var(--accent);text-decoration-thickness:2px;color:var(--ink-3)}.said{font:500 clamp(22px,2.6vw,38px)/1.2 var(--display);letter-spacing:-.02em;margin:0;max-width:24em}.said q{quotes:"“" "”"}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin:36px 0 20px}.tab{display:inline-flex;align-items:center;gap:9px;height:46px;padding:0 16px;border:1.5px solid var(--ink);border-radius:4px;background:transparent;cursor:pointer;font:600 15px/1 var(--body);transition:background .2s,color .2s}.tab img{width:18px;height:18px}.tab[aria-selected=true]{background:var(--ink);color:var(--paper)}.tab[aria-selected=true] img{filter:invert(1)}.out-wrap{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;align-items:stretch}.out{border:1.5px solid var(--ink);border-radius:8px;background:var(--card);min-height:300px;display:flex;flex-direction:column;overflow:hidden}.out header{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1.5px solid var(--ink);font:500 12px/1 var(--mono);text-transform:uppercase;letter-spacing:.07em}.out header img{width:16px;height:16px}.out header em{margin-left:auto;font-style:normal;color:var(--accent)}.out .txt{padding:22px;font-size:clamp(16px,1.4vw,19px);line-height:1.55;white-space:pre-wrap}.out .txt.mono{font:15px/1.6 var(--mono)}.out .txt ul{margin:0;padding-left:1.2em}.tone{border:1.5px solid var(--ink);border-radius:8px;padding:18px;display:flex;flex-direction:column;gap:10px}.tone h4{margin:0 0 4px;font:500 12px/1 var(--mono);text-transform:uppercase;letter-spacing:.07em}.tone label{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1.5px solid var(--line);border-radius:4px;font-weight:500}.tone label.on{border-color:var(--ink);background:var(--ink);color:var(--paper)}.tone p{margin:auto 0 0;font-size:14px;color:var(--ink-2)}@media(max-width:820px){.out-wrap{grid-template-columns:1fr}}.meet{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:20px}.panel{border:1.5px solid var(--paper);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;min-height:400px}.panel>header{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1.5px solid var(--paper);font:500 12px/1 var(--mono);text-transform:uppercase;letter-spacing:.07em}.panel>header .rec{width:9px;height:9px;border-radius:50%;background:var(--accent);animation:blink 1.2s steps(1) infinite}.panel>header em{margin-left:auto;font-style:normal;opacity:.6}.lines{padding:16px;display:flex;flex-direction:column;gap:14px;flex:1}.ln{display:grid;grid-template-columns:92px 1fr;gap:12px;align-items:baseline}.who{font:600 12px/1 var(--mono);text-transform:uppercase;letter-spacing:.05em;padding:6px 8px;border-radius:4px;text-align:center;border:1.5px solid currentColor;transition:background .4s,color .4s}.ln p{margin:0;color:#d9d6d0;font-size:16px}.summary{padding:20px;display:flex;flex-direction:column;gap:18px;color:var(--paper)}.summary h5{margin:0 0 6px;font:500 12px/1 var(--mono);text-transform:uppercase;letter-spacing:.07em;color:var(--accent)}.summary ul{margin:0;padding-left:1.1em;display:grid;gap:6px;color:#d9d6d0}.summary li b{color:var(--paper)}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.chip{font:500 13px/1 var(--mono);padding:9px 12px;border:1.5px solid currentColor;border-radius:4px}@media(max-width:900px){.meet{grid-template-columns:1fr}.panel{min-height:0}.ln{grid-template-columns:76px 1fr}}.buddy-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.screen{position:relative;border:1.5px solid var(--ink);border-radius:10px;overflow:hidden;aspect-ratio:4 / 3;background:var(--paper-2)}.screen .wall{position:absolute;top:0;right:0;bottom:52px;left:0;background:linear-gradient(var(--line) 1px,transparent 1px) 0 0 / 40px 40px,linear-gradient(90deg,var(--line) 1px,transparent 1px) 0 0 / 40px 40px}.screen .tb{position:absolute;left:0;right:0;bottom:0;height:52px;background:var(--ink);display:flex;align-items:center;justify-content:center;gap:10px}.screen .tb i{width:28px;height:28px;border-radius:7px;background:#333}.screen .tb i:nth-child(3){background:var(--paper)}.screen .who-sits{position:absolute;bottom:52px;left:12%}.screen .bubble{font-size:16px;padding:12px 14px;box-shadow:3px 3px 0 var(--ink)}.studio{border:1.5px solid var(--ink);border-radius:10px;background:var(--card);display:flex;flex-direction:column;overflow:hidden}.studio header{padding:12px 16px;border-bottom:1.5px solid var(--ink);font:500 12px/1 var(--mono);text-transform:uppercase;letter-spacing:.07em;display:flex;gap:10px}.studio .prompt{margin:18px;padding:14px 16px;border:1.5px solid var(--ink);border-radius:6px;font-size:18px;min-height:84px;background:var(--paper)}.studio .prompt .cur{display:inline-block;width:2px;height:1.1em;background:var(--accent);vertical-align:-.2em;animation:blink 1s steps(1) infinite}.studio .row{display:flex;gap:10px;padding:0 18px;flex-wrap:wrap;align-items:center}.studio .made{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:18px;align-items:end}.studio .made .cell{border:1.5px dashed var(--line);border-radius:6px;aspect-ratio:1;display:flex;align-items:flex-end;justify-content:center;position:relative;overflow:hidden}.studio .made .cell span{position:absolute;top:8px;left:8px;font:500 10px/1 var(--mono);text-transform:uppercase;letter-spacing:.07em;color:var(--ink-3)}.progress{height:6px;border:1.5px solid var(--ink);border-radius:3px;overflow:hidden;flex:1;min-width:120px}.progress i{display:block;height:100%;background:var(--accent);width:0}@media(max-width:900px){.buddy-grid{grid-template-columns:1fr}}.nums{display:grid;grid-template-columns:repeat(4,1fr);border-top:1.5px solid var(--ink)}.num{padding:26px 22px 30px 0;border-right:1.5px solid var(--line)}.num+.num{padding-left:22px}.num:last-child{border-right:0}.num b{display:block;font:700 clamp(56px,7vw,120px)/.9 var(--display);letter-spacing:-.05em}.num p{margin:14px 0 0;color:var(--ink-2);max-width:18em}@media(max-width:900px){.nums{grid-template-columns:1fr 1fr}.num{padding:22px 14px 24px 0!important;border-right:0;border-bottom:1.5px solid var(--line)}}.dl{background:var(--accent);color:var(--ink);overflow:hidden}.dl .big{font:800 clamp(74px,17vw,300px)/.8 var(--display);letter-spacing:-.055em;margin:0}.dl .box{margin-top:clamp(40px,6vw,80px);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px;align-items:stretch}.split{display:flex;border:1.5px solid var(--ink);border-radius:6px;background:var(--ink);position:relative;box-shadow:6px 6px 0 var(--ink)}.split a.main{flex:1;display:flex;align-items:center;gap:18px;padding:22px 26px;text-decoration:none;color:var(--paper)}.split a.main svg{width:40px;height:40px;flex:none}.split a.main b{display:block;font:650 clamp(22px,2.4vw,34px)/1 var(--display);letter-spacing:-.02em}.split a.main small{display:block;margin-top:8px;font:500 13px/1 var(--mono);opacity:.7}.split button.more{width:64px;border:0;border-left:1.5px solid #ffffff33;background:transparent;color:var(--paper);cursor:pointer;display:grid;place-items:center}.split button.more svg{width:18px;transition:transform .25s}.split button.more[aria-expanded=true] svg{transform:rotate(180deg)}.split .menu{position:absolute;left:-1.5px;right:-1.5px;top:calc(100% + 8px);background:var(--paper);color:var(--ink);border:1.5px solid var(--ink);border-radius:6px;z-index:5;overflow:hidden}.split .menu a{display:flex;justify-content:space-between;gap:10px;padding:14px 18px;text-decoration:none;font-weight:500;border-bottom:1px solid var(--line)}.split .menu a:last-child{border-bottom:0}.split .menu a:hover{background:var(--card)}.split .menu a small{font:500 12px/1.4 var(--mono);color:var(--ink-3)}.reqs{border:1.5px solid var(--ink);border-radius:6px;padding:20px 22px;display:grid;gap:10px;font-size:15px}.reqs div{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid #0a0a0a33;padding-bottom:10px}.reqs div:last-child{border:0;padding:0}.reqs span{opacity:.75}.steps3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:50px;border-top:1.5px solid var(--ink);padding-top:24px}.steps3 b{font:600 22px/1.1 var(--display);display:block;margin:8px 0 6px}.steps3 p{margin:0;opacity:.85;font-size:15px}.steps3 .n{font:500 12px/1 var(--mono);opacity:.7}@media(max-width:900px){.dl .box,.steps3{grid-template-columns:1fr}}.faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px}.qa{border-top:1.5px solid var(--ink)}.qa:last-child{border-bottom:1.5px solid var(--ink)}.qa button{width:100%;background:none;border:0;padding:24px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;text-align:left;font:600 clamp(19px,1.7vw,25px)/1.15 var(--display);letter-spacing:-.01em}.qa button i{width:26px;height:26px;flex:none;position:relative}.qa button i:before,.qa button i:after{content:"";position:absolute;left:50%;top:50%;width:16px;height:2px;background:var(--ink);transform:translate(-50%,-50%);transition:transform .3s}.qa button i:after{transform:translate(-50%,-50%) rotate(90deg)}.qa.open button i:after{transform:translate(-50%,-50%) rotate(0)}.qa .a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.2,.8,.2,1)}.qa.open .a{grid-template-rows:1fr}.qa .a>div{overflow:hidden}.qa .a p{margin:0 0 24px;color:var(--ink-2);max-width:40em}@media(max-width:900px){.faq{grid-template-columns:1fr}}.foot{background:var(--ink);color:var(--paper);padding:70px 0 26px;overflow:hidden}.foot .cols{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;margin-bottom:40px}.foot .cols nav{display:flex;gap:22px;flex-wrap:wrap;font:500 13px/1 var(--mono);text-transform:uppercase;letter-spacing:.06em}.foot .cols nav a{text-decoration:none;opacity:.8}.foot .cols nav a:hover{opacity:1;color:var(--accent)}.giant{display:flex;justify-content:center;align-items:flex-end;white-space:nowrap;font:800 clamp(52px,16.4vw,300px)/.78 var(--display);letter-spacing:-.055em;-webkit-user-select:none;user-select:none;cursor:default}.giant span{display:inline-block;transform-origin:50% 100%;transition:transform .6s cubic-bezier(.2,.8,.2,1),color .3s}.giant span.a:hover,.giant:hover span.a{color:var(--accent)}.foot .tiny{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font:500 12px/1.4 var(--mono);opacity:.6;margin-top:30px}.pal{position:fixed;left:18px;bottom:0;z-index:60;transition:transform .7s cubic-bezier(.2,.8,.2,1);cursor:pointer}.pal.away{transform:translateY(120%)}.pal .bubble{bottom:calc(100% + 8px);left:30px;width:max-content;max-width:240px;font-size:14px;padding:10px 13px;border-radius:13px;box-shadow:3px 3px 0 var(--ink)}.pal .bubble:after{left:18px;width:16px;height:16px;bottom:-10px}@media(max-width:600px){.pal{left:4px;scale:.72;transform-origin:0 100%}}[data-rise]{will-change:transform,opacity}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media(max-width:760px){.keys{bottom:96px;gap:8px}.keys .key{font-size:13px}.pill{bottom:56px;height:38px;gap:8px;padding:0 10px 0 6px}.pill .dot{width:24px;height:24px}.window{top:0;right:0;bottom:52px;left:0}.taskbar{height:40px}.desk{aspect-ratio:3 / 4;width:min(100%,calc((100svh - 330px)*.75))}}.hero .stage .floor{display:none}.hero .wrap{position:relative;z-index:1}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,color-mix(in srgb,var(--paper) 78%,transparent) 0%,color-mix(in srgb,var(--paper) 40%,transparent) 38%,transparent 58%)}.hero h1 .ch{display:inline-block;will-change:transform;transform-origin:50% 100%}@media(max-width:900px){.hero:before{background:linear-gradient(180deg,color-mix(in srgb,var(--paper) 70%,transparent) 0%,transparent 45%)}}.how.dark{background:transparent}.how .pin{background:var(--ink)}.ln-mask{padding-bottom:.04em}.h-l .accent,.h-xl .accent{display:inline-block}.statement{padding:clamp(80px,12vw,170px) 0}.statement p{margin:0;font:650 clamp(34px,5.4vw,92px)/1.02 var(--display);letter-spacing:-.035em;max-width:15em}.statement em{font-style:normal;color:var(--accent)}.grid-apps a:hover img{transform:none}.tab.m{position:relative;isolation:isolate}.tab.m[aria-selected=true]{background:transparent}.tab-hl{position:absolute;top:-1.5px;right:-1.5px;bottom:-1.5px;left:-1.5px;background:var(--ink);border-radius:4px;z-index:-1}.tone label{position:relative;isolation:isolate}.tone label.on{background:transparent}.tone-hl{position:absolute;top:-1.5px;right:-1.5px;bottom:-1.5px;left:-1.5px;background:var(--ink);border-radius:4px;z-index:-1}.wool{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:150;pointer-events:none}.dl .big .accent{color:var(--paper)}.statement-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.55fr);gap:20px;align-items:center}.statement-grid p{grid-column:1;grid-row:1}.woolball{grid-column:2;grid-row:1;aspect-ratio:1;width:100%;max-width:560px;justify-self:end}@media(max-width:900px){.statement-grid{grid-template-columns:1fr}.woolball{grid-column:1;grid-row:2;max-width:300px;justify-self:center}}.dl{position:relative}.field{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}section,.foot,.how .pin{position:relative}section>.wrap,.foot>.wrap,.how .pin>.wrap,.how .pin>.scene{position:relative;z-index:1}.how .pin{position:sticky}.grid-apps .ico{display:grid;place-items:center;width:34%;height:34%}.grid-apps .ico img{width:100%;height:100%}
