@font-face{font-family:Red Hat Display;font-style:normal;font-weight:500 900;font-display:swap;src:url(../fonts/RedHatDisplay-latin.f7a7830b81.woff2) format("woff2")}@font-face{font-family:Red Hat Text;font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/RedHatText-latin.59826f39dc.woff2) format("woff2")}:root{--ink: #17243b;--ink-soft: #566173;--blue: #087cff;--ok: #008d32;--warn: #c45100;--crm: #b30086;--accounting: #008d32;--delivery: #087cff;--library: #8a593b;--sharktank: #707a89;--task: #6500ff;--ticket: #00757a;--paper: #ffffff;--mist: #f3f6fb;--line: #dde4ee;--display: "Red Hat Display", "Segoe UI", system-ui, sans-serif;--text: "Red Hat Text", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--text);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}p strong{color:var(--ink);font-weight:600}:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:6px}.wrap{width:min(1240px,100% - 48px);margin-inline:auto}.top{position:sticky;top:0;z-index:20;background:#ffffffeb;backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.top-row{display:flex;align-items:center;gap:32px;height:76px}.brand{display:flex;align-items:center;gap:12px;font-family:var(--display);font-weight:800;font-size:1.45rem;letter-spacing:-.01em}.brand img{width:38px;height:38px;display:block}.brand span span{color:var(--blue)}.top .btn{margin-left:auto}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 24px;border-radius:999px;background:var(--blue);color:#fff;font-family:var(--display);font-weight:700;font-size:1rem;box-shadow:0 8px 22px #087cff47;transition:transform .15s,box-shadow .15s}.btn:hover{transform:translateY(-1px);box-shadow:0 12px 28px #087cff57}.btn.big{padding:18px 34px;font-size:1.12rem}.band{padding:112px 0;scroll-margin-top:76px}.band-head{max-width:46rem}.band h2{margin:0;font-family:var(--display);font-weight:800;font-size:clamp(2.1rem,3.9vw,3.4rem);line-height:1.05;letter-spacing:-.025em;text-wrap:balance}.band-head p{margin:22px 0 0;max-width:40rem;font-size:1.22rem;line-height:1.5;color:var(--ink-soft)}.band-head p{--d: .35s}.anim [data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .9s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d, 0s)}.anim [data-reveal].in{opacity:1;transform:none}.anim [data-reveal=words].split{opacity:1;transform:none;transition:none}.word{display:inline-block}.anim .word{opacity:0;transform:translateY(.5em);filter:blur(8px);transition:opacity .6s ease,transform .8s cubic-bezier(.2,.7,.2,1),filter .6s ease;transition-delay:calc(var(--d, 0s) + var(--i) * 70ms)}.anim .in .word{opacity:1;transform:none;filter:none}.lit{color:var(--blue)}.anim .lit{animation:light .9s ease both}@keyframes light{0%{color:inherit}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{50%{opacity:0}}@keyframes pulse{50%{opacity:.35}}@keyframes land{0%{box-shadow:0 0 0 4px #087cff66}to{box-shadow:0 0 0 4px #087cff00}}@media(max-width:1080px){.top .btn{padding:11px 18px}.band{padding:80px 0}}@media(max-width:520px){.wrap{width:calc(100% - 32px)}.top-row{gap:12px}.brand{font-size:1.25rem}.band{padding:64px 0}.band-head p{font-size:1.1rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.still *,.still *:before,.still *:after{transition:none!important}.press{width:100%;border:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.card{background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:-6px 10px 34px #16274314,0 30px 80px #16274314;overflow:hidden}.card-head{display:flex;align-items:center;gap:16px;padding:20px 24px;border-bottom:1px solid var(--line)}.tile{flex:none;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;color:var(--c);background:color-mix(in srgb,var(--c) 12%,#fff)}.tile svg,.glyph{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.card-title{display:grid;gap:2px;min-width:0}.card-title b{font-family:var(--display);font-weight:800;font-size:1.15rem;line-height:1.2}.card-title span{font-size:.92rem;color:var(--ink-soft)}.pill{--p: var(--ok);margin-left:auto;flex:none;padding:6px 14px;border-radius:999px;font-size:.88rem;font-weight:600;color:var(--p);background:color-mix(in srgb,var(--p) 11%,#fff);transition:background .25s,color .25s}.pill[data-kind=run]{--p: var(--blue)}.pill[data-kind=idle]{--p: var(--ink-soft)}.pill[data-kind=ask]{color:#fff;background:var(--blue)}.dock{display:flex;align-items:center;gap:14px;padding:18px 24px;border-top:1px solid var(--line);background:#fbfcfe;transition:background .3s}.dock[data-kind=ask]{background:color-mix(in srgb,var(--blue) 7%,#fff)}.dock p{margin:0;line-height:1.35}.dock p b{display:block;font-weight:600;font-size:1rem}.dock p span{font-size:.93rem;color:var(--ink-soft)}.dock img{flex:none;width:34px;height:34px}.dock .dot{flex:none;width:10px;height:10px;margin:0 4px;border-radius:50%;background:var(--blue);animation:pulse 1s infinite}.dock .answers{margin-left:auto;flex:none;display:flex;gap:8px}.dock .answers span{padding:9px 16px;border-radius:999px;border:1.5px solid var(--blue);background:#fff;color:var(--blue);font-weight:600;font-size:.92rem;transition:background .15s,color .15s,transform .15s}.dock .answers .pressed{background:var(--blue);color:#fff;transform:scale(.95)}.steps{list-style:none;margin:0;padding:24px 24px 4px}.step{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);gap:16px;padding-bottom:20px}.step:before{content:"";position:absolute;left:19px;top:40px;bottom:0;width:2px;background:var(--line);transition:background .3s}.step:last-child:before{display:none}.step[data-state=ok]:before{background:var(--ok)}.step b{display:block;padding-top:6px;font-weight:600;font-size:1.06rem;line-height:1.3}.step .note{display:block;min-height:1.45em;margin-top:2px;font-size:.93rem;color:var(--ink-soft)}.node{--node: 40px;position:relative;width:var(--node);height:var(--node);border-radius:50%;display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:1rem;color:var(--ink-soft);background:#fff center / calc(var(--node) / 2) no-repeat;border:2px solid var(--line);transition:background-color .25s,border-color .25s,color .25s}[data-state=work]>.node{color:var(--blue)}[data-state=work]>.node:after{content:"";position:absolute;inset:-2px;border-radius:50%;border:2px solid transparent;border-top-color:var(--blue);animation:spin .8s linear infinite}[data-state=ask]>.node{font-size:0;background-color:var(--blue);border-color:var(--blue)}[data-state=ask]>.node:before{content:"?";font-size:calc(var(--node) * .48);color:#fff}[data-state=ok]>.node{font-size:0;background-color:var(--ok);border-color:var(--ok);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}.row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px}.row b{display:block;font-weight:600;font-size:1.06rem;line-height:1.3}.row .note{display:block;font-size:.93rem;color:var(--ink-soft)}.face{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-family:var(--display);font-weight:800;background:var(--mist)}[data-state=work] .note{color:var(--blue)}[data-state=ask] .note{color:var(--blue);font-weight:600}[data-state=ok] .note{color:var(--ok)}.slot{border:1px solid var(--line);border-radius:14px;transition:border-color .3s,background .3s}.slot[data-state=wait]{border-style:dashed}.slot[data-state=wait]>*{visibility:hidden}.slot[data-state=in]{animation:rise .35s ease both}.slot:is([data-state=read],[data-state=ask]){border-color:var(--blue);background:color-mix(in srgb,var(--blue) 6%,#fff)}.track{display:flex;gap:5px}.track i{position:relative;flex:1;height:8px;border-radius:999px;overflow:hidden;background:var(--line)}.track i:before{content:"";position:absolute;inset:0;background:var(--blue);transform:scaleX(0);transform-origin:left}.track [data-state=work]:before{transform:none;transition:transform var(--t) linear}.track [data-state=ask]:before{transform:none;animation:pulse 1s infinite}.track [data-state=ok]:before{transform:none;background:var(--ok);transition:background .3s}.pipe{position:relative;height:24px}.pipe:before{content:"";position:absolute;left:10px;right:12px;top:50%;margin-top:-1px;border-top:2px dashed #9fb0c7}.pipe:after{content:"";position:absolute;right:10px;top:50%;width:9px;height:9px;margin-top:-5px;border-top:2px solid #9fb0c7;border-right:2px solid #9fb0c7;transform:rotate(45deg)}.pipe .mote{position:absolute;left:0;top:0;width:24px;height:24px;animation:cross-x .95s linear forwards}@keyframes cross-x{0%{left:0;opacity:0}20%,80%{opacity:1}to{left:calc(100% - 24px);opacity:0}}.promises{list-style:none;margin:0;padding:0;display:grid;gap:36px}.promises li{position:relative;padding-left:26px}.promises li:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:4px;border-radius:4px;background:var(--line);transition:background .35s}.promises b{display:block;font-family:var(--display);font-weight:800;font-size:clamp(1.7rem,2.4vw,2.2rem);line-height:1.1;letter-spacing:-.02em;transition:color .35s}.promises p{margin:8px 0 0;max-width:27rem;font-size:1.08rem;line-height:1.5;color:var(--ink-soft)}.promises li.on:before{background:var(--blue)}.promises li.on b{color:var(--blue)}.promises li:nth-child(2){--d: .12s}.promises li:nth-child(3){--d: .24s}.band-cta{--d: .36s;display:grid;gap:16px;justify-items:start}.band-cta p{margin:0;max-width:22rem;font-family:var(--display);font-weight:700;font-size:1.25rem;line-height:1.3;text-wrap:balance}.duo{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:72px;align-items:center;margin-top:64px}.duo-side .band-cta{margin:44px 0 0 26px}@media(max-width:1080px){.duo{grid-template-columns:1fr;gap:48px;margin-top:48px}}@media(max-width:520px){.card-head{padding:16px 18px;gap:12px}.tile{width:42px;height:42px;border-radius:12px}.card-title b{font-size:1.05rem}.pill{padding:5px 11px;font-size:.8rem}.dock{padding:16px 18px}.dock p{min-width:0}.dock[data-kind=ask]{flex-wrap:wrap}.dock[data-kind=ask] p{flex-basis:100%}.dock .answers{margin-left:0}.steps{padding:20px 18px 2px}.step{gap:12px}}.chat-head{display:flex;align-items:center;gap:12px;padding:18px 24px;border-bottom:1px solid var(--line)}.chat-head b{font-family:var(--display);font-weight:800;font-size:1.15rem}.state{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:.92rem;color:var(--ink-soft)}.state i{width:9px;height:9px;border-radius:50%;background:var(--ok)}.state.busy i{background:var(--blue);animation:pulse 1s infinite}.chat-body{height:388px;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;gap:14px;overflow:hidden}.ask{align-self:flex-end;max-width:86%;padding:14px 18px;border-radius:20px 20px 6px;background:var(--ink);color:#fff;font-size:1.05rem;line-height:1.4}.jobs{list-style:none;margin:0;padding:0;display:grid;gap:8px}.job{display:flex;align-items:center;gap:12px;padding:12px 14px 12px 12px;border:1px solid var(--line);border-left:5px solid var(--c);border-radius:14px;font-weight:500}.job .mark{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center}.job .mark.spin{border:3px solid var(--line);border-top-color:var(--c);animation:spin .7s linear infinite}.job .mark.ok{background:var(--c)}.job .where{margin-left:auto;flex:none;padding:3px 11px;border-radius:999px;font-size:.85rem;font-weight:600;color:var(--c);background:color-mix(in srgb,var(--c) 10%,#fff)}.answer{align-self:flex-start;max-width:86%;padding:14px 18px;border-radius:20px 20px 20px 6px;background:var(--mist);font-size:1.05rem;line-height:1.4}.answer a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.ask,.job,.answer{animation:rise .3s ease both}.still .ask,.still .job,.still .answer{animation:none}.composer{display:flex;align-items:center;gap:12px;margin:0 20px 20px;padding:10px 10px 10px 20px;border:1.5px solid var(--line);border-radius:999px}.composer.live{border-color:var(--blue)}.typed{flex:1;min-height:1.5em;font-size:1.02rem;white-space:nowrap;overflow:hidden}.typed.empty{color:#8a94a6}.typed .caret{display:inline-block;width:2px;height:1.1em;margin-left:1px;background:var(--blue);vertical-align:-.18em;animation:blink 1s steps(1) infinite}.send{flex:none;width:42px;height:42px;border-radius:50%;background:var(--blue);display:grid;place-items:center}@media(max-width:520px){.chat-body{height:480px;padding:16px}.chat-head{padding:16px 18px}.ask,.answer{font-size:.98rem}.job{font-size:.93rem;line-height:1.3;gap:10px;padding:10px}.job .where{font-size:.78rem;padding:3px 9px}.composer{margin:0 12px 12px}}.hero{padding:84px 0 110px;background:linear-gradient(180deg,#fff,#f8fafc)}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:72px;align-items:center}h1{margin:0;font-family:var(--display);font-weight:800;font-size:clamp(2.7rem,5.6vw,4.9rem);line-height:1;letter-spacing:-.03em;text-wrap:balance}.lede{margin:28px 0 0;max-width:31rem;font-size:1.28rem;line-height:1.5;color:var(--ink-soft)}.actions{margin-top:40px}.hero .lede{--d: .45s}.hero .actions{--d: .6s}.hero .chat{--d: .25s}.hero .chat{box-shadow:-6px 10px 34px #1627431a,0 30px 80px #1627431a}@media(max-width:1080px){.hero{padding:48px 0 72px}.hero-grid{grid-template-columns:1fr;gap:48px}}@media(max-width:520px){.lede{font-size:1.12rem}}.step[data-state=back]{animation:nudge .45s ease}.step[data-state=back] .node{font-size:0;background-color:var(--warn);border-color:var(--warn);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 14 4 9l5-5'/%3E%3Cpath d='M4 9h10.5a5.5 5.5 0 0 1 0 11H11'/%3E%3C/svg%3E")}.step[data-state=back] .note{color:var(--warn);font-weight:600}.run .dock{min-height:96px}@keyframes nudge{25%{transform:translate(-6px)}60%{transform:translate(4px)}}@media(max-width:520px){.run .step:nth-child(2) .note{min-height:2.9em}.run .dock{min-height:132px}}.channels{background:var(--mist);overflow-x:clip}.flow{--pipe: 136px;display:grid;grid-template-columns:minmax(0,1fr) var(--pipe) minmax(0,1fr);align-items:center;margin-top:64px}.team{grid-area:1 / 1}.flow .pipe{grid-area:1 / 2}.record,.flow .chat{grid-area:1 / 3}.team,.record,.flow .chat{transition:opacity .45s ease,transform .9s cubic-bezier(.5,0,.15,1)}.flow[data-scene=capture] .chat{opacity:0}@media(min-width:1081px){.flow[data-scene=capture] .chat{transform:translate(56px)}.flow[data-scene=ask] .team{opacity:0;transform:translate(-56px)}.flow[data-scene=ask] .record{transform:translate(calc(-100% - var(--pipe)))}.flow[data-scene=ask] .chat{transition-delay:.35s}}.chan{flex:none;display:block;width:30px;height:30px;transition:filter .3s,opacity .3s}.people{list-style:none;margin:0;padding:8px 24px}.person{padding:16px 0;border-bottom:1px solid var(--line)}.person:last-child{border-bottom:0}.person .note{color:var(--ok)}.person .chans{display:flex;gap:8px}.person[data-state=off] .note{color:var(--ink-soft)}.person[data-state=off] .chan{filter:grayscale(1);opacity:.35}.person[data-state=sync] .note{color:var(--blue)}.person[data-state=sync] .chan{animation:pulse 1s infinite}@keyframes cross-y{0%{top:0;opacity:0}20%,80%{opacity:1}to{top:calc(100% - 24px);opacity:0}}.talks{list-style:none;margin:0;padding:18px 24px;display:grid;gap:10px}.talk{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:14px;padding:12px 14px}.talk b{display:block;font-weight:600;font-size:.88rem;color:var(--ink-soft)}.talk span{display:block;font-size:1.04rem;line-height:1.35}.record .dock{min-height:84px}.gains{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(0,1fr);gap:56px;align-items:start;margin-top:72px}.channels .promises{grid-template-columns:1fr 1fr;gap:56px}.channels .promises b{font-size:clamp(1.4rem,1.9vw,1.7rem)}.channels .promises li:not(.on):before{background:#c9d4e3}@media(max-width:1080px){.flow{--pipe: 124px;grid-template-columns:minmax(0,1fr);align-items:start;margin-top:48px}.flow .pipe{grid-area:2 / 1;width:24px;height:var(--pipe);justify-self:center}.record,.flow .chat{grid-area:3 / 1}.flow[data-scene=capture] .chat{transform:translateY(24px)}.flow[data-scene=ask] .record{opacity:0}.flow[data-scene=ask] .chat{transition-delay:.2s}.flow .pipe:before{inset:10px auto 12px 50%;margin:0 0 0 -1px;border-top:0;border-left:2px dashed #9fb0c7}.flow .pipe:after{inset:auto auto 10px 50%;margin:0 0 0 -5px;transform:rotate(135deg)}.flow .pipe .mote{animation-name:cross-y}.gains{grid-template-columns:1fr;gap:44px;margin-top:56px}}@media(max-width:720px){.channels .promises{grid-template-columns:1fr;gap:32px}}@media(max-width:520px){.people{padding:6px 18px}.person{gap:12px}.talks{padding:16px 18px}.record .dock{min-height:96px}.flow .chat-body{height:404px}}.deck{--seats: 3;--on: 0;margin-top:64px}.seats{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--seats),minmax(0,1fr));border-bottom:1px solid var(--line)}.seats:after{content:"";position:absolute;left:0;bottom:-1px;width:calc(100% / var(--seats));height:3px;background:var(--blue);translate:calc(var(--on) * 100%);transition:translate .6s cubic-bezier(.5,0,.15,1)}.seat button{padding:16px 24px;transition:background .2s}.seat button:hover{background:#fbfcfe}.seat button:focus-visible{outline-offset:-3px;border-radius:12px}.seat b{transition:color .2s}.seat button:hover b{color:var(--blue)}.seat .face{transition:color .3s,background .3s}.seat.on .face{color:#fff;background:var(--blue)}.request{display:grid;align-items:center;min-height:66px;margin:20px 24px 6px}.request>*{grid-area:1 / 1}.request .composer{margin:0;transition:opacity .25s}.request:has(.ask) .composer{opacity:0}.request .ask{justify-self:start;align-self:center;max-width:100%;margin-left:calc(var(--on) * (100% + 48px) / var(--seats))}.lanes{list-style:none;margin:0;padding:12px 24px 22px;display:grid;gap:8px;transition:opacity .3s}.lanes.out{opacity:0}.lane{grid-template-columns:auto minmax(0,20rem) minmax(0,1fr) auto;gap:16px;min-height:64px;padding:8px 16px 8px 9px}.lane:not([data-state=wait]){animation:rise .35s ease both}.lane .tile{width:44px;height:44px;border-radius:13px}.lane .tile svg{width:24px;height:24px}.lane>.node{--node: 30px}.lane[data-state=ok]>.node{animation:land 1.3s ease}.deck .dock{min-height:88px}.deck .dock[data-kind=done] p{animation:rise .35s ease both}.deck .dock[data-kind=done] b{font-family:var(--display);font-weight:800;font-size:1.25rem;line-height:1.25}.still .lane,.still .lane>.node,.still .deck .dock p{animation:none}.sharky .band-cta{margin-top:56px}@media(max-width:1080px){.deck{margin-top:48px}.seat button{gap:12px;padding:16px 14px}.seat b{font-size:.96rem}.request .ask{margin-left:0}.lane{grid-template-columns:auto minmax(0,17rem) minmax(0,1fr) auto}}@media(max-width:720px){.seat button{height:100%;grid-template:auto 1fr / minmax(0,1fr);justify-items:center;gap:6px;padding:14px 6px;text-align:center}.seat button>:last-child{align-self:stretch;display:grid;align-content:space-between}.seat .face{width:38px;height:38px}.seat b{font-size:.82rem}.seat .note{font-size:.8rem}.request{min-height:78px}.lane{position:relative;grid-template-columns:auto minmax(0,1fr) auto;min-height:76px;padding-bottom:21px}.lane b,.lane .note{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track{position:absolute;left:12px;right:12px;bottom:8px}.track i{height:5px}.deck .dock{min-height:110px}}@media(max-width:520px){.request{margin:16px 18px 4px}.lanes{padding:10px 18px 18px}.lane{gap:10px;padding-right:10px}.lane .tile{width:40px;height:40px;border-radius:12px}.lane b{font-size:1rem}.lane .note{font-size:.86rem}.deck .dock{min-height:158px}}.sprite{position:absolute;width:0;height:0}.wall-view{--card: 300px;--gap: 20px;--edge: max(24px, (100% - 1240px) / 2);display:grid;grid-auto-rows:1fr;gap:var(--gap);margin-top:56px;padding:8px var(--edge) 40px;overflow-x:auto;scrollbar-width:none}.wall-view::-webkit-scrollbar{display:none}.wall-row{list-style:none;margin:0;padding:0;display:flex;width:max-content}.wall-row li{flex:none;width:var(--card);margin-right:var(--gap)}.feat{display:grid;height:100%;min-height:176px;padding:20px;cursor:inherit;user-select:none;box-shadow:0 8px 24px #1627430f;transition:border-color .25s,background .25s}.feat>span{grid-area:1 / 1;transition:opacity .25s}.feat b{grid-column:1 / -1;font-family:var(--display);font-weight:800;font-size:1.15rem;line-height:1.2}.feat-face{display:grid;grid-template-columns:auto minmax(0,1fr);align-content:start}.feat .tile svg{width:26px;height:26px}.feat .tile img{width:28px;height:28px;-webkit-user-drag:none}.feat-area{justify-self:end;font-weight:600;font-size:.85rem;color:var(--ink-soft)}.feat-face b{margin-top:16px}.feat-face b+span{grid-column:1 / -1;margin-top:4px;font-size:.93rem;line-height:1.4;color:var(--ink-soft)}.feat-more{display:grid;align-content:start;gap:8px;opacity:0}.feat-more b{margin-bottom:4px;color:var(--c)}.feat-more span{position:relative;padding-left:16px;font-size:.93rem;line-height:1.35}.feat-more span:before{content:"";position:absolute;left:0;top:.5em;width:6px;height:6px;border-radius:50%;background:var(--c)}.feat.open{border-color:var(--c);background:color-mix(in srgb,var(--c) 6%,#fff)}.feat.open .feat-face{opacity:0}.feat.open .feat-more{opacity:1}.wall-view.rolling{padding-inline:0;overflow:hidden;touch-action:pan-y;cursor:grab}.rolling .wall-row{margin-left:var(--gap);animation:wall-pan calc(var(--n) * 11s) linear infinite}@keyframes wall-pan{to{transform:translate(-50%)}}.rolling.held .wall-row{animation-play-state:paused}.wall .band-cta{margin-top:24px}@media(max-width:1080px){.wall-view{margin-top:40px}}@media(max-width:520px){.wall-view{--card: 264px;--gap: 14px;--edge: 16px}.feat{padding:16px}}.inhouse{background:var(--mist)}.studio{display:grid;grid-template-columns:340px minmax(0,1fr);gap:64px;align-items:start;margin-top:64px}.studio-title{margin:0 0 24px}.studio-title b{display:block;font-family:var(--display);font-weight:800;font-size:1.45rem;line-height:1.15;letter-spacing:-.015em;text-wrap:balance}.studio-title span{display:block;margin-top:8px;line-height:1.45;color:var(--ink-soft)}.erp{padding:20px 20px 22px;color:var(--ink)}.erp-head{display:flex;align-items:center;gap:10px;margin:0;font-family:var(--display);font-weight:800;font-size:1.1rem}.erp-head img{width:28px;height:28px}.erp-label{margin:18px 0 6px;font-weight:600;font-size:.85rem;color:var(--ink-soft)}.apps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.apps li{display:grid;justify-items:center;align-content:start;gap:8px;padding:12px 4px 10px;text-align:center;font-weight:600;font-size:.82rem;line-height:1.2}.apps .tile img{width:26px;height:26px}.own .tile{color:#fff;background:var(--blue)}.own .slot[data-state=in]{animation:rise .35s ease both,land 1.3s ease}.apps .next{border:1px dashed #aab8cd;border-radius:14px;color:var(--ink-soft)}.next .tile{color:var(--ink-soft);background:none;border:1.5px dashed #aab8cd}.ladder{list-style:none;margin:0;padding:0;display:flex;gap:24px}.ladder li{position:relative;padding:7px 15px;border-radius:999px;border:1.5px solid rgb(23 36 59 / 24%);font-weight:600;font-size:.92rem;white-space:nowrap;color:var(--ink-soft);transition:background .3s,border-color .3s,color .3s}.ladder li+li:before{content:"";position:absolute;right:100%;top:50%;width:24px;margin-right:1.5px;border-top:1.5px solid rgb(23 36 59 / 24%)}.ladder li[data-state=done]{color:var(--ink);border-color:#17243b99}.ladder li[data-state=now]{color:#fff;background:var(--blue);border-color:var(--blue)}.bench{display:flex;align-items:flex-start;height:460px;margin-top:28px}.app{flex:none;width:min(708px,100% - 128px);overflow:hidden;color:var(--ink);background:#fff;border:1.5px solid #fff;border-radius:18px;box-shadow:0 24px 60px #040c1c73;transition:width .8s cubic-bezier(.5,0,.15,1),background .5s,border-color .5s,box-shadow .5s,opacity .4s,transform .5s}.app-bar{display:flex;align-items:center;gap:7px;padding:12px 14px;border-bottom:1px solid var(--line)}.app-bar i{width:9px;height:9px;border-radius:50%;background:#d5dde9}.app-bar b{margin-left:8px;font-family:var(--display);font-weight:800;font-size:.98rem;white-space:nowrap}.app-bar .pill{padding:3px 10px;font-size:.78rem}.app-body{display:grid;grid-template-columns:0 minmax(0,1fr);transition:grid-template-columns .8s cubic-bezier(.5,0,.15,1)}.app-side{min-width:0;overflow:hidden;display:grid;align-content:start;justify-items:center;gap:10px;padding:14px 0;background:var(--mist)}.app-side i{width:28px;height:28px;border-radius:9px;background:#d9e1ed}.app-side i:first-child{background:var(--blue)}.app-main{min-width:0;display:grid;padding:14px}.fold{display:grid;grid-template-rows:0fr;transition:grid-template-rows .8s cubic-bezier(.5,0,.15,1)}.fold>div{min-height:0;overflow:hidden}.kpis{list-style:none;margin:0;padding:0 0 12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.kpis li{display:grid;padding:8px 12px;border-radius:10px;background:var(--mist)}.kpis span{font-size:.75rem;color:var(--ink-soft)}.kpis b{font-family:var(--display);font-weight:800;font-size:1.2rem;line-height:1.2}.chart{box-sizing:content-box;display:flex;align-items:flex-end;gap:6px;height:70px;padding:0 0 14px}.chart i{flex:1;height:var(--h);border-radius:4px 4px 0 0;background:color-mix(in srgb,var(--blue) 28%,#fff);transform:scaleY(0);transform-origin:bottom;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.chart i:last-child{background:var(--blue)}.orders{list-style:none;margin:0;padding:0;display:grid;gap:6px}.orders li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 10px;padding:8px 12px;border:1px solid var(--line);border-radius:10px}.orders b{justify-self:start;font-weight:600;font-size:.88rem;line-height:1.3}.orders span{grid-column:1;justify-self:start;font-size:.8rem;line-height:1.3;color:var(--ink-soft)}.orders i{grid-area:1 / 2 / span 2;padding:3px 10px;border-radius:999px;font-style:normal;font-weight:600;font-size:.76rem;color:var(--c, var(--blue));background:color-mix(in srgb,var(--c, var(--blue)) 11%,#fff)}.app-btn{justify-self:start;margin-top:12px;padding:7px 15px;border-radius:999px;background:var(--blue);color:#fff;font-family:var(--display);font-weight:700;font-size:.82rem}.app-bar b,.orders b,.orders span,.orders i,.app-btn{transition:color .5s,background .5s}.phone{flex:none;position:relative;z-index:1;width:150px;margin:132px 0 0 -22px;padding:18px 10px 12px;display:grid;align-content:start;gap:8px;color:var(--ink);background:#fff;border:5px solid #0c1525;border-radius:26px;box-shadow:0 0 0 1.5px #ffffff47,0 24px 50px #040c1c8c;opacity:0;transform:translateY(24px);transition:opacity .5s,transform .7s cubic-bezier(.2,.7,.2,1)}.phone>b{font-family:var(--display);font-weight:800;font-size:.86rem}.phone .orders li{padding:7px 9px}.phone .app-btn{justify-self:stretch;margin-top:4px;text-align:center}.studio[data-stage=idea] .app{opacity:0;transform:translateY(14px)}.studio:is([data-stage=idea],[data-stage=poc]) .app{width:min(300px,100% - 128px);background:none;border-color:#17243b99;border-style:dashed;box-shadow:none}.studio:is([data-stage=idea],[data-stage=poc]) :is(.app-bar,.orders li){border-color:#17243b61;border-style:dashed}.studio:is([data-stage=idea],[data-stage=poc]) .app :is(.app-bar b,.orders b,.orders span,.orders i,.app-btn){color:transparent;background:#17243b38;border-radius:6px}.studio:is([data-stage=idea],[data-stage=poc]) .app-bar i{background:#17243b4d}.studio[data-stage=mvp] .app{width:min(420px,100% - 128px)}.studio[data-stage=app] .app-body{grid-template-columns:54px minmax(0,1fr)}.studio[data-stage=app] .fold{grid-template-rows:1fr}.studio[data-stage=app] .chart i{transform:none;transition-delay:calc(.45s + var(--n) * 70ms)}.studio[data-stage=app] .phone{opacity:1;transform:none;transition-delay:.8s}.app-bar .pill{opacity:0;transition:opacity .4s}.studio[data-stage=app] .app-bar .pill{opacity:1;transition-delay:1.3s}.inhouse .band-cta{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 48px;margin-top:64px}.inhouse .band-cta p{max-width:none;font-weight:800;font-size:clamp(1.8rem,2.8vw,2.4rem);line-height:1.1;letter-spacing:-.02em}.inhouse .band-cta span{grid-column:1;max-width:38rem;font-size:1.12rem;line-height:1.5;color:var(--ink-soft)}.inhouse .band-cta .btn{grid-area:1 / 2 / span 2}@media(max-width:1080px){.studio{grid-template-columns:minmax(0,1fr);gap:56px;margin-top:48px}.apps{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:720px){.apps{grid-template-columns:repeat(3,minmax(0,1fr))}.inhouse .band-cta{grid-template-columns:minmax(0,1fr);gap:14px;margin-top:48px}.inhouse .band-cta .btn{grid-area:auto;margin-top:8px}}@media(max-width:520px){.studio{gap:44px}.studio-title b{font-size:1.3rem}.ladder{gap:14px}.ladder li{padding:6px 11px;font-size:.82rem}.ladder li+li:before{width:14px}.bench{height:452px}.app .orders i{display:none}.app{width:calc(100% - 70px)}.studio:is([data-stage=idea],[data-stage=poc]) .app{width:200px}.studio[data-stage=mvp] .app{width:236px}.studio[data-stage=app] .app-body{grid-template-columns:38px minmax(0,1fr)}.app-main{padding:10px}.app-side i{width:22px;height:22px;border-radius:7px}.kpis{gap:5px}.kpis li{padding:6px 7px}.phone{width:112px;margin:170px 0 0 -42px;padding:14px 7px 9px;border-width:4px;border-radius:22px}}.stage{--tile: 56px;--rise: 420px;--step: 240px;--foot: 82px;--spot: 0px;--cta: 0px;position:relative;height:calc(var(--spot) + var(--rise) + var(--tile) + 4px + var(--foot) + var(--cta));margin-top:64px;container-type:inline-size}.stage .band-cta{position:absolute;left:0;top:0;width:calc(37.5% - 28px);gap:22px}.stage .btn{position:relative;z-index:1}.says{list-style:none;margin:0;padding:0;display:grid;width:100%;height:148px}.says li{grid-area:1 / 1;opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s .25s}.says>.on{opacity:1;visibility:visible;transition:opacity .35s .6s}.says b{display:block;padding-left:calc(var(--tile) + 16px);font-family:var(--display);font-weight:800;font-size:clamp(1.3rem,1.9vw,1.75rem);line-height:var(--tile);letter-spacing:-.02em;white-space:nowrap}.says b+span{display:block;margin-top:10px;font-size:1.12rem;line-height:1.5;color:var(--ink-soft)}.says .gain{align-self:end;font-family:var(--display);font-weight:800;font-size:clamp(1.3rem,1.9vw,1.5rem);line-height:1.2;letter-spacing:-.02em}.gain span{transition:color .5s}.gain .on{color:var(--blue)}.growth{list-style:none;margin:0;padding:0;position:absolute;inset:0 0 calc(34px + var(--cta));display:flex;align-items:flex-end;pointer-events:none}.growth li{--up: calc(20px + var(--n) / 8 * (var(--step) - 20px));--stand: max(var(--n) / 8 * var(--rise), var(--up));--h: var(--stand);flex:1;min-width:0}.growth button{display:block;padding:0;pointer-events:auto}.growth .tile{width:var(--tile);height:var(--tile);margin-bottom:4px;border-radius:calc(var(--tile) * .29);color:#fff;background:var(--blue);transition:color .35s,background .35s,translate .7s cubic-bezier(.5,0,.15,1) .15s,opacity .3s,scale .5s cubic-bezier(.3,1.5,.5,1)}.growth .tile svg{width:50%;height:50%}.growth i{display:block;width:calc(var(--tile) * .82);height:var(--h);margin-left:calc(var(--tile) * .09);border-radius:4px 4px 0 0;background:color-mix(in srgb,var(--blue) 28%,#fff);transition:height 1s cubic-bezier(.2,.7,.2,1),background .35s}.growth b{display:block;height:2.5em;margin-top:12px;padding-right:16px;font-weight:600;font-size:.9rem;line-height:1.25;transition:color .35s,opacity .5s}.growth [data-state=out]{--stand: 0px}.growth [data-state=out] button{pointer-events:none}.growth [data-state=out] i{transition:none}.growth [data-state=out] .tile{opacity:0;scale:.4;transition:none}.growth [data-state=out] b{opacity:0;transition:none}.growth [data-state=up]{--stand: var(--up)}.growth [data-state=wait]{--stand: 6px}.growth [data-state=wait] i{background:#d9e1ed}.growth [data-state=wait] b{color:var(--ink-soft)}.growth [data-state=wait]:not(.on) .tile{color:var(--ink-soft);background:color-mix(in srgb,var(--ink-soft) 12%,#fff);animation:fret 2.6s ease-in-out infinite}.growth [data-state=wait]:not(.on):nth-child(2n) .tile{animation-duration:3.4s;animation-direction:reverse}@keyframes fret{0%,to{rotate:-5deg}50%{rotate:4deg}}.growth .on .tile{translate:calc((1 - var(--n)) * 12.5cqw) calc(var(--h) - var(--spot) - var(--rise));transition-delay:0s;animation:land 1.3s ease .6s}.growth .on b{color:var(--blue)}.growth.pointed .on{--h: calc(max(var(--stand), var(--up)) + var(--tile) + 4px)}.growth.pointed .on i{background:var(--blue);transition-duration:.5s,.35s}.growth [data-state=up]:not(.on) .tile{animation:hop .55s ease .75s}@keyframes hop{40%{scale:1.2}}.growth-meter{--fill: 1;--grown: 1;position:absolute;left:0;right:0;bottom:var(--cta);display:flex;align-items:center;gap:16px;margin:0;transition:opacity .5s}.growth-meter b{flex:none;font-weight:600;font-size:.85rem;line-height:1.2;color:var(--ink-soft)}.growth-meter .track{flex:1}.growth-meter .track i{height:10px}.growth-meter .track i:before{transform:scaleX(var(--fill));background:color-mix(in oklch,var(--blue) calc(var(--grown) * 100%),var(--warn));transition:transform 1s cubic-bezier(.2,.7,.2,1),background .6s}.growth-meter .track [data-state=ok]:before{background:var(--ok);transition-duration:.35s}.stage:has(.growth :first-child[data-state=out]) .growth-meter{opacity:0;transition:none}@media(max-width:1080px){.stage{--rise: 380px;--step: 220px;--foot: 34px;--spot: 144px;--cta: 92px;margin-top:48px}.stage .band-cta{inset:0;width:auto;align-content:space-between}.says{height:124px}.says b+span{max-width:40rem}.says .gain{max-width:44rem;font-size:clamp(1.5rem,3vw,1.9rem)}.growth b{display:none}}@media(max-width:720px){.stage{--tile: 44px;--rise: 320px;--step: 190px;--spot: 158px}.says{height:138px}}@media(max-width:520px){.stage{--tile: 36px;--rise: 260px;--step: 160px;--spot: 138px}.says{height:120px}.says b{padding-left:calc(var(--tile) + 12px);font-size:1.25rem}.says b+span{margin-top:8px;font-size:1.02rem}.says .gain{font-size:1.3rem}}@media(max-width:379px){.stage{--tile: 30px;--spot: 170px}.says{height:152px}}.videos{--full: 100vh;--pad: clamp(40px, 6vh, 96px);--rest: 284px;padding-block:var(--pad);overflow-x:clip}@supports (height: 100svh){.videos{--full: 100svh}}.videos-grid{--h: clamp(200px, var(--full) - 76px - 2 * var(--pad) - var(--rest), 480px);--w: min(100cqw, var(--h) * 16 / 9);container-type:inline-size;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:48px;align-items:end}.videos .band-cta{justify-items:end;text-align:right}.reel{--gap: 28px;grid-column:1 / -1;position:relative;margin-top:40px;user-select:none}.reel-track{list-style:none;margin:0;padding:0;display:flex;gap:var(--gap);touch-action:pan-y;translate:calc(var(--pull, 0px) + var(--at) * -1 * (var(--w) + var(--gap))) 0;transition:translate .8s cubic-bezier(.5,0,.15,1)}.clip{flex:none;width:var(--w);opacity:.38;cursor:pointer;transition:opacity .6s}.clip:not(.on):hover{opacity:.7;transition-duration:.2s}.clip.on{opacity:1;cursor:auto}.clip:has(~.on){opacity:0;visibility:hidden;transition:opacity .5s,visibility 0s .5s}.reel.pulled .reel-track{transition:none}.reel.pulled .clip:has(~.on){opacity:.38;visibility:visible;transition:opacity .3s}.reel.pulled .clip,.reel.pulled .clip-poster{cursor:grabbing}.clip-poster{position:relative;display:grid;place-items:center;aspect-ratio:16 / 9;padding:0;background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--c, var(--ink)) 6%,#fff));transform-origin:left center;transition:scale .8s cubic-bezier(.5,0,.15,1)}.clip:not(.on) .clip-poster{scale:.92;cursor:inherit}.clip-poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;-webkit-user-drag:none}.clip-poster .tile{width:96px;height:96px;border-radius:28px}.clip-poster .tile svg,.clip-poster .tile img{position:static;width:48px;height:48px}.clip-poster .pill{position:absolute;right:20px;top:20px}.clip-play{position:relative;display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:var(--blue);box-shadow:0 8px 22px #087cff47;transition:scale .25s,opacity .4s}.clip-play svg{width:34px;height:34px;translate:2px 0;fill:#fff}.clip.on .clip-poster:hover .clip-play{scale:1.08}.clip:not(.on) .clip-play{opacity:0}.clip>b{display:block;margin-top:26px;font-family:var(--display);font-weight:800;font-size:clamp(1.25rem,1.9vw,1.6rem);line-height:34px;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reel .track{position:absolute;left:0;top:calc(var(--w) * 9 / 16 + 11px);width:var(--w);transition:opacity .3s}.reel .track i{height:4px}.videos.taken .track,.reel.pulled .track{opacity:0}.reel-screen{position:absolute;z-index:1;left:0;top:0;width:var(--w);aspect-ratio:16 / 9;border-radius:26px;overflow:hidden;background:#000;opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s}.reel[data-state=play] .reel-screen{opacity:1;visibility:visible;transition:opacity .3s}.reel-screen iframe{display:block;width:100%;height:100%;border:0}.reel-list{position:absolute;z-index:2;right:0;top:0;width:min(440px,100cqw);height:max(100%,430px);display:flex;flex-direction:column;opacity:0;visibility:hidden;translate:28px 0;transition:opacity .25s,translate .45s cubic-bezier(.2,.7,.2,1),visibility 0s .45s}.reel.listed .reel-list{opacity:1;visibility:visible;translate:none;transition-delay:0s}.reel-find{display:flex;align-items:center;gap:12px;padding:12px 12px 12px 22px;border-bottom:1px solid var(--line);color:var(--ink-soft);transition:border-color .2s}.reel-find:focus-within{border-color:var(--blue)}.reel-find input{flex:1;min-width:0;padding:8px 0;border:0;outline:0;background:none;font:inherit;font-size:1.02rem;color:var(--ink);appearance:none}.reel-find input::placeholder{color:#8a94a6;opacity:1}.reel-find input::-webkit-search-cancel-button{display:none}.reel-find button{flex:none;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:none;color:var(--ink-soft);cursor:pointer;transition:background .15s,color .15s}.reel-find button:hover{background:var(--mist);color:var(--ink)}.reel-list ol{flex:1;min-height:0;list-style:none;margin:0;padding:8px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.reel-list .row{padding:8px;border-radius:14px;transition:background .15s}.reel-list .row:hover{background:var(--mist)}.reel-list .row:focus-visible{outline-offset:-3px;border-radius:14px}.reel-list .row b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:1rem;transition:color .15s}.reel-list [aria-current]{background:color-mix(in srgb,var(--blue) 6%,#fff)}.reel-list [aria-current] b{color:var(--blue)}.reel-thumb{position:relative;display:grid;place-items:center;width:96px;aspect-ratio:16 / 9;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.reel-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.reel-thumb .tile{width:34px;height:34px;border-radius:10px}.reel-thumb .tile svg,.reel-thumb .tile img{position:static;width:18px;height:18px}.reel-none{margin:0;padding:20px 22px;color:var(--ink-soft)}.reel-bar{grid-column:1 / -1;display:flex;align-items:center;gap:10px;margin-top:22px}.reel-bar button{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:48px;min-width:48px;padding:0 20px;border:1.5px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font:inherit;font-weight:600;font-size:.96rem;cursor:pointer;transition:border-color .15s}.reel-bar button:hover,.reel-bar [aria-expanded=true]{border-color:var(--ink)}.reel-bar button:focus-visible{border-radius:999px}.reel-bar .reel-step{padding:0}.reel-count{min-width:4.6em;text-align:center;font-weight:600;font-size:.96rem;color:var(--ink-soft);font-variant-numeric:tabular-nums}.reel-bar .reel-search{justify-content:start;width:220px;margin-left:auto;font-weight:400;font-size:1.02rem;color:#8a94a6;cursor:text}.reel-search svg{color:var(--ink-soft)}.videos .glyph{width:20px;height:20px}@media(max-width:1080px){.videos{--rest: 412px}.videos-grid{grid-template-columns:minmax(0,1fr)}.videos .band-cta{order:1;justify-items:start;margin-top:36px;text-align:left}.reel{margin-top:36px}}@media(max-width:720px){.reel{--gap: 16px}.reel-bar .reel-search{width:48px;padding:0;justify-content:center}.reel-search span{display:none}.clip-play{width:68px;height:68px}.clip-play svg{width:28px;height:28px}.clip-poster .tile{width:72px;height:72px;border-radius:21px}.clip-poster .tile svg,.clip-poster .tile img{width:36px;height:36px}.clip-poster .pill{right:14px;top:14px}}@media(max-width:520px){.videos{--pad: 36px;--rest: 400px}.reel{margin-top:28px}.clip>b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:56px;margin-top:22px;font-size:1.2rem;line-height:28px;white-space:normal}.reel .track{top:calc(var(--w) * 9 / 16 + 9px)}.reel-bar{gap:6px;margin-top:16px}.reel-bar button{gap:8px;padding:0 14px}.reel-bar .reel-step,.reel-bar .reel-search{padding:0}.reel-count{min-width:4.2em}.videos .band-cta{grid-template-columns:minmax(0,1fr) auto;align-items:center;margin-top:28px}.videos .band-cta p{font-size:1.1rem}}@media(max-width:379px){.reel-bar .reel-open{width:48px;padding:0;font-size:0}}.foot{padding-bottom:40px;background:var(--mist)}.maker{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);column-gap:72px}.maker strong{display:block}.maker .band-cta{margin-top:40px}.facts{margin:36px 0 0}.facts div{--d: calc(.45s + var(--n) * .16s);position:relative;display:grid;grid-template-columns:11.5rem minmax(0,1fr);column-gap:24px;padding:16px 0}.facts div:nth-child(1){--n: 0}.facts div:nth-child(2){--n: 1}.facts div:nth-child(3){--n: 2}.facts div:nth-child(4){--n: 3}.facts div:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:var(--line);transform-origin:left}.anim .facts div:before{transform:scaleX(0);transition:transform 1.1s cubic-bezier(.2,.7,.2,1) var(--d)}.anim .facts .in:before{transform:none}.anim .facts .in dt{animation:name 1.6s ease var(--d) backwards}@keyframes name{0%,45%{color:var(--blue)}}.facts dt{font-weight:600}.facts dd{margin:0;color:var(--ink-soft)}.kin{--tile: 160px;--gap: 36px;--d: .25s;grid-area:1 / 2 / span 3;align-self:center;justify-self:end;display:flex;gap:var(--gap)}.kin a{display:grid;justify-items:center;gap:20px;width:var(--tile);transition:translate .8s cubic-bezier(.5,0,.15,1),visibility 0s}.kin-tile{display:grid;place-items:center;width:100%;aspect-ratio:1;border-radius:calc(var(--tile) * .29);transition:scale .7s cubic-bezier(.3,1.5,.5,1),box-shadow .8s}.kin-tile svg{display:block;width:54%;height:54%}.kin b{font-family:var(--display);font-weight:800;font-size:1.2rem;line-height:20px;letter-spacing:-.01em;white-space:nowrap}.kin img{display:block;width:100%;height:auto;transition:opacity .4s}.kin .hand{stroke-dasharray:1.01 1.01;stroke-dashoffset:1.01;transition:stroke-dashoffset 1.3s cubic-bezier(.5,0,.15,1)}.kin[data-scene=pair] .hand{stroke-dashoffset:0}.kin[data-scene=pair] .was{opacity:0;transition:opacity 0s 1.3s}.kin:not([data-scene=pair]) .kin-tile{scale:.88}.kin:not([data-scene=pair]) img{opacity:0}.kin[data-scene=pair] .kin-tile{transition-delay:1.15s}.kin[data-scene=pair] img{transition-delay:1s}.kin-core{position:relative;z-index:1}.kin:is([data-scene=core],[data-scene=start]) .kin-core{translate:calc((var(--tile) + var(--gap)) / 2) 0}.kin:is([data-scene=core],[data-scene=start]) .kin-maker{translate:calc((var(--tile) + var(--gap)) / -2) 0;visibility:hidden;transition-delay:0s,.8s}.kin:is([data-scene=core],[data-scene=start]) .kin-maker .kin-tile{box-shadow:none}.kin[data-scene=start] :is(a,.kin-tile,img,.hand){transition:none}.foot-nav{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:40px 88px;margin-top:96px;padding-top:44px;border-top:1px solid var(--line)}.foot-nav p{margin:14px 0 0;font-size:.96rem;color:var(--ink-soft)}.foot-nav b{display:block;margin-bottom:14px;font-weight:600;font-size:.96rem}.foot-nav ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:.96rem;color:var(--ink-soft)}.foot-nav nav ul{grid-auto-flow:column;grid-template-rows:repeat(4,auto);column-gap:44px}.foot-nav li a{font-weight:500;transition:color .15s}.foot-nav li a:hover{color:var(--ink)}.foot-legal{margin:56px 0 0;font-size:.88rem;color:var(--ink-soft)}@media(max-width:1080px){.maker{grid-template-columns:minmax(0,1fr);row-gap:48px}.maker .band-cta,.facts{margin-top:0}.kin{grid-area:auto;justify-self:start}.kin:is([data-scene=core],[data-scene=start]) .kin-core{translate:none}.kin:is([data-scene=core],[data-scene=start]) .kin-maker{translate:calc(-1 * (var(--tile) + var(--gap))) 0}.foot-nav{grid-template-columns:repeat(3,auto);justify-content:start;gap:40px 72px;margin-top:72px}.foot-nav>:first-child{grid-column:1 / -1}}@media(max-width:720px){.foot-nav,.foot-nav nav ul{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}.foot-nav{row-gap:36px}.foot-nav nav{grid-column:1 / -1}}@media(max-width:520px){.facts div{grid-template-columns:minmax(0,1fr);row-gap:4px}.kin{--tile: 132px;--gap: 24px}.kin b{font-size:1.1rem}.foot-nav{margin-top:56px;padding-top:36px}.foot-legal{margin-top:44px}}
