:root{--bg:#fff;--fg:#141413;--muted:#6b665e;--red:#3a55d4;--blue:#5a5752;--sand:#e8e4dd;--card:#f7f6f3;--line:#e4e1db;--grid:#1414130d;--display:var(--font-display), "Helvetica Neue", Arial, sans-serif;--body:var(--font-body), "Helvetica Neue", Arial, sans-serif;--mono:var(--font-mono), ui-monospace, Menlo, monospace;--ease:cubic-bezier(.22, 1, .36, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.band{background:var(--bg);color:var(--fg);box-shadow:0 0 0 100vmax var(--bg);clip-path:inset(0 -100vmax)}.band.dark{--bg:#0e0e0d;--fg:#f3efe8;--muted:#9a948a;--card:#191917;--line:#2a2926;--blue:#a7a198;--red:#8ea2f4;--sand:#d8c9a8;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-top-color:#0000}.band.dark+.band.dark{border-top-color:var(--line)}html{scroll-behavior:smooth}html,body{background:var(--bg);color:var(--fg)}body{font-family:var(--body);margin:0;padding-inline:clamp(16px,4vw,48px);overflow-x:hidden}.hero{position:relative}.hero:before,.hero>div:first-child:before{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(to right, var(--grid) 1px, transparent 1px), linear-gradient(to bottom, var(--grid) 1px, transparent 1px);-webkit-mask-composite:source-in;background-position:top;background-size:64px 64px;width:100vw;position:absolute;top:0;bottom:0;left:calc(50% - 50vw);-webkit-mask-image:linear-gradient(#0000 0%,#000 22% 70%,#0000 100%),linear-gradient(90deg,#0000 0%,#000 22% 78%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 22% 70%,#0000 100%),linear-gradient(90deg,#0000 0%,#000 22% 78%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.hero>*{z-index:1;position:relative}.hero>div:first-child:before{display:none}@media (max-width:960px){.hero:before{display:none}.hero>div:first-child:before{z-index:-1;display:block;top:calc(-1*clamp(32px,7vh,80px));bottom:-28px}}.hero+.chapter{border-top-color:#0000;position:relative}.wrap{z-index:1;max-width:1240px;margin-inline:auto;position:relative}a{color:inherit}:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.nav{top:env(safe-area-inset-top,0px);z-index:10;transition:background .5s var(--ease), padding .5s var(--ease), border-color .5s, box-shadow .5s, backdrop-filter .5s;background:#fff;border-bottom:0;justify-content:space-between;align-items:center;gap:16px;margin-inline:calc(50% - 50vw);padding-block:18px;padding-inline:max(clamp(16px,4vw,48px),50vw - 620px);display:flex;position:sticky}.nav.scrolled{background:0 0;padding-block:10px}.nav:before{content:"";z-index:-1;pointer-events:none;transition:background .5s var(--ease), box-shadow .5s var(--ease);background:#fff0;position:absolute;inset:0}.nav.scrolled:before{-webkit-backdrop-filter:saturate(180%)blur(18px);backdrop-filter:saturate(180%)blur(18px);background:linear-gradient(#ffffffdb 0%,#ffffffa8 100%);box-shadow:inset 0 1px #ffffffe6,inset 0 -1px #14141312,0 12px 32px -20px #14141359}.nav.menu-open:before{background:var(--bg);box-shadow:none}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.nav.scrolled:before{background:#fffffff5}}.nav .brand{transition:font-size .5s var(--ease)}.nav.scrolled .brand{font-size:clamp(30px,3vw,40px)}.brand{font-family:var(--display);letter-spacing:-.06em;align-items:flex-end;font-size:clamp(48px,5.4vw,72px);font-weight:700;line-height:.9;text-decoration:none;display:inline-flex}.brand .mark{background:var(--red);width:.2em;height:.2em;animation:morph 6s var(--ease) infinite;margin:0 0 .1em .06em;display:inline-block}.brand:hover .mark{animation-duration:1.2s}.links{gap:24px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.links a{align-items:baseline;gap:6px;text-decoration:none;display:inline-flex}.links a span{font-family:var(--mono);color:var(--muted);font-size:10px}.links a:hover{color:var(--red)}.btn{font:500 14px/1 var(--body);white-space:nowrap;transition:transform .4s var(--ease);border:1px solid #0000;border-radius:4px;align-items:center;gap:10px;padding:12px 18px;text-decoration:none;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--fg);color:var(--bg)}.btn.ghost{border-color:var(--line)}.socials{align-items:center;gap:10px;display:flex}.nav-link{font:500 15px/1 var(--body);color:var(--fg);white-space:nowrap;--c:var(--red);--l:7px;--w:1.5px;padding:12px 16px;text-decoration:none;transition:color .3s;position:relative}.nav-link:after{content:"";pointer-events:none;opacity:0;background:linear-gradient(var(--c) 0 0) top left / var(--l) var(--w), linear-gradient(var(--c) 0 0) top left / var(--w) var(--l), linear-gradient(var(--c) 0 0) top right / var(--l) var(--w), linear-gradient(var(--c) 0 0) top right / var(--w) var(--l), linear-gradient(var(--c) 0 0) bottom left / var(--l) var(--w), linear-gradient(var(--c) 0 0) bottom left / var(--w) var(--l), linear-gradient(var(--c) 0 0) bottom right / var(--l) var(--w), linear-gradient(var(--c) 0 0) bottom right / var(--w) var(--l);transition:inset .35s var(--ease), opacity .25s;background-repeat:no-repeat;position:absolute;inset:-6px}.nav-link:hover:after,.nav-link:focus-visible:after{opacity:1;inset:0}.nav-link:hover,.nav-link:focus-visible{color:var(--red)}.nav-link:focus-visible{outline:none}.nav-link[aria-current=page]{color:var(--red)}.nav-link[aria-current=page]:after{opacity:1;inset:0}.socials .soc{margin-left:8px}.soc{background:var(--fg);width:44px;height:44px;color:var(--bg);transition:transform .4s var(--ease), background .3s;border-radius:50%;place-items:center;display:grid}.soc svg{width:18px;height:18px}.soc:hover{background:var(--red);transform:translateY(-2px)}.soc:focus-visible{outline:2px solid var(--red);outline-offset:3px}.burger{z-index:2;background:var(--fg);width:44px;height:44px;color:var(--bg);cursor:pointer;transition:background .4s var(--ease), transform .4s var(--ease);border:0;border-radius:50%;flex:none;padding:0;display:none;position:relative}.burger:active{transform:scale(.94)}.burger:focus-visible{outline:2px solid var(--red);outline-offset:3px}.burger span{height:1.5px;transition:top .25s var(--ease) .2s, left .3s var(--ease), transform .45s var(--ease);background:currentColor;border-radius:2px;position:absolute;left:13px;right:13px}.burger span:first-child{top:18px}.burger span:nth-child(2){top:25px;left:19px}.burger:hover span:nth-child(2){left:13px}.burger[aria-expanded=true]{background:var(--red)}.burger[aria-expanded=true] span{transition:top .25s var(--ease), left .25s var(--ease), transform .45s var(--ease) .2s;top:21.25px;left:13px}.burger[aria-expanded=true] span:first-child{transform:rotate(45deg)}.burger[aria-expanded=true] span:nth-child(2){transform:rotate(-45deg)}.nav .brand{z-index:2;position:relative}.menu{z-index:1;padding:calc(env(safe-area-inset-top,0px) + 112px) clamp(16px, 4vw, 48px) calc(env(safe-area-inset-bottom,0px) + 32px);background:var(--bg);visibility:hidden;clip-path:circle(0 at var(--mx,calc(100% - 38px)) var(--my,40px));transition:clip-path .6s var(--ease) .15s, visibility 0s .75s;flex-direction:column;justify-content:space-between;display:flex;position:fixed;inset:0;overflow-y:auto}.menu.open{visibility:visible;clip-path:circle(150vmax at var(--mx,calc(100% - 38px)) var(--my,40px));transition:clip-path .8s var(--ease), visibility 0s}.menu-links{margin:0;padding:0;list-style:none}.menu-links li{border-bottom:1px solid var(--line);overflow:hidden}.menu-links a{color:var(--fg);font:600 clamp(38px, 11vw, 60px)/1.02 var(--display);letter-spacing:-.045em;transition:transform .5s var(--ease), color .3s;align-items:baseline;gap:14px;padding:14px 0 12px;text-decoration:none;display:flex;transform:translateY(105%)}.menu.open .menu-links a{transition:transform .8s var(--ease) calc(.18s + var(--i) * 70ms), color .3s;transform:none}.menu-links a:hover,.menu-links a:focus-visible{color:var(--red);outline:none}.menu-links a[aria-current=page]{color:var(--red)}.menu-links a[aria-current=page] span:after{content:"";background:currentColor;border-radius:50%;width:.16em;height:.16em;margin-left:.1em;display:inline-block}.menu-foot{opacity:0;transition:opacity .3s, transform .3s var(--ease);padding-top:28px;transform:translateY(12px)}.menu-foot:before{content:"";background:var(--fg);transform-origin:0;height:1px;transition:transform .4s var(--ease);margin-bottom:24px;display:block;transform:scaleX(0)}.menu.open .menu-foot{opacity:1;transition:opacity .6s .55s, transform .8s var(--ease) .55s;transform:none}.menu.open .menu-foot:before{transition:transform 1s var(--ease) .5s;transform:scaleX(1)}.menu-foot .btn{box-sizing:border-box;width:100%;min-height:60px;font:500 17px/1 var(--body);letter-spacing:-.01em;border-radius:8px;justify-content:center;gap:12px;padding:18px 22px}.menu-foot .btn svg{width:19px;height:19px}.menu-foot .btn .arrow{font-size:19px}.menu{display:none}@media (max-width:560px){.nav .socials{display:none}.burger{display:block}.menu{display:flex}}.btn .arrow{transition:transform .4s var(--ease)}.btn:hover .arrow{transform:translate(4px)}.hero{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);align-items:center;gap:clamp(28px,5vw,72px);padding-block:clamp(32px,7vh,80px) 56px;display:grid}.eyebrow{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);align-items:center;gap:10px;margin:0;font-size:12px;display:flex}.dot{background:var(--red);border-radius:50%;flex:none;width:8px;height:8px}h1{font-family:var(--display);letter-spacing:-.04em;text-wrap:balance;margin:18px 0 22px;font-size:clamp(30px,4.6vw,70px);font-weight:600;line-height:1}h1:first-child{margin-top:0}h1 em{color:inherit;font-style:normal}h1 b,h1 span{white-space:nowrap;font-weight:inherit;display:block}h1 span{color:var(--red)}.lede{letter-spacing:-.01em;color:var(--muted);max-width:36ch;margin:0 0 30px;font-size:clamp(20px,1.95vw,28px);line-height:1.42}.lede .w{opacity:0;animation:rise .8s var(--ease) forwards;animation-delay:calc(var(--i) * 32ms + .15s);display:inline-block;transform:translateY(.45em)}.disc{background:linear-gradient(var(--red), var(--red)) no-repeat 0 100% / 0% 2px;transition:color .5s var(--ease), background-size .7s var(--ease)}.disc.on{color:var(--fg);background-size:100% 2px}.lede .nw{white-space:nowrap}.lede strong{color:var(--fg);font-weight:500}.me{align-items:center;gap:14px;display:flex}.me img{object-fit:cover;object-position:50% 30%;border:2px solid var(--bg);width:64px;height:64px;box-shadow:0 0 0 1px var(--line);border-radius:50%}.me div{flex-direction:column;gap:2px;display:flex}.me strong{font-family:var(--display);font-size:17px;font-weight:560}.me span{color:var(--muted);font-size:14px}.ctas{flex-wrap:wrap;gap:12px;display:flex}.areas{grid-template-columns:1fr 1fr;gap:8px;display:grid}.area{aspect-ratio:1;color:var(--fg);border-radius:4px;text-decoration:none;display:block;position:relative;overflow:hidden}.area svg{width:100%;height:100%;transition:transform .9s var(--ease);position:absolute;inset:0}.area:hover svg{transform:scale(1.06)}.area .chip{z-index:1;background:var(--bg);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;border-radius:3px;align-items:baseline;gap:8px;padding:6px 9px;font-size:11px;display:flex;position:absolute;bottom:10px;left:10px}.area .chip i{color:var(--muted);font-style:normal}.area:hover .chip{background:var(--fg);color:var(--bg)}.area:hover .chip i{color:var(--bg);opacity:.6}.ring{animation:pulse 3.6s var(--ease) infinite}.ring+.ring{animation-delay:.6s}.areas svg *{transform-box:fill-box;transform-origin:50%}.a-breathe{animation:breathe 6s var(--ease) infinite;transform-origin:0 0!important}.a-bob{animation:3.2s ease-in-out infinite bob}.a-sweep{animation:5s ease-in-out infinite sweep;transform-origin:70% 70%!important}.a-bar{animation:rise-bar 3s var(--ease) infinite;animation-delay:calc(var(--k) * .25s);transform-origin:bottom!important}.a-cell{animation:2.4s linear infinite ripple;animation-delay:calc(var(--k) * .3s)}.a-core{animation:2.4s ease-in-out infinite core}.a-left{animation:4s ease-in-out infinite left-in}.a-right{animation:4s ease-in-out infinite right-in}.js .area.reveal{opacity:0;transition:opacity .9s var(--ease) var(--d,0s), transform .9s var(--ease) var(--d,0s);transform:translateY(28px)}.js .area.reveal.in{opacity:1;transform:none}.devices{background:var(--sand);border-radius:4px;grid-template-columns:minmax(0,3.2fr) minmax(0,1fr);align-items:end;gap:clamp(12px,3vw,32px);margin-top:10px;padding:clamp(14px,3vw,28px);display:grid}.desktop{background:var(--bg);box-shadow:0 1px 0 var(--line), 0 18px 40px -24px #14141359;border-radius:6px;overflow:hidden}.desktop .bar{border-bottom:1px solid var(--line);align-items:center;gap:5px;padding:8px 10px;display:flex}.desktop .bar i{background:var(--line);border-radius:50%;width:7px;height:7px}.desktop .bar span{background:var(--card);border-radius:99px;flex:1;max-width:50%;height:10px;margin-left:10px}.phone{background:var(--bg);border:5px solid var(--fg);aspect-ratio:9/18;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 18px 40px -24px #14141373}.phone .notch{background:var(--fg);z-index:1;border-radius:99px;width:34%;height:9px;position:absolute;top:4px;left:50%;transform:translate(-50%)}.ui{gap:12px;padding:14px;display:grid}.desktop .ui{grid-template-columns:1.1fr 1fr;align-items:center;gap:18px;padding:18px}.phone .ui{gap:8px;padding:22px 10px 10px}.ui-media{aspect-ratio:1;background:var(--card);border-radius:4px;place-items:center;display:grid;overflow:hidden}.ui-shape{aspect-ratio:1;background:var(--fg);width:46%;box-shadow:18% 0 0 0 var(--red);box-shadow:.9em .2em 0 -.2em var(--red);border-radius:50%}.ui-body{flex-direction:column;gap:8px;min-width:0;display:flex}.ui-line{background:var(--fg);border-radius:99px;height:9px}.ui-line.dim{background:var(--line)}.w60{width:70%}.w40{width:45%}.ui-price{font:600 13px/1 var(--display)}.ui-chips{flex-wrap:wrap;gap:4px;display:flex}.ui-chips i{font:400 9px/1 var(--mono);border:1px solid var(--line);border-radius:3px;padding:5px 6px;font-style:normal}.ui-chips i.on{border-color:var(--fg);background:var(--fg);color:var(--bg)}.ui-btn{text-align:center;background:var(--red);color:#fff;font:500 11px/1 var(--body);border-radius:4px;padding:8px;display:block}.phone .ui-price{font-size:11px}.phone .ui-line{height:7px}.phone .ui-chips i{padding:4px;font-size:8px}.phone .ui-btn{padding:7px;font-size:9px}.device-labels{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);grid-template-columns:minmax(0,3.2fr) minmax(0,1fr);gap:clamp(12px,3vw,32px);padding-inline:clamp(14px,3vw,28px);font-size:11px;display:grid}@media (max-width:560px){.desktop .ui{grid-template-columns:1fr 1fr;gap:10px;padding:10px}.devices,.device-labels{grid-template-columns:minmax(0,2.4fr) minmax(0,1fr)}}.platforms{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:6px 0 0;padding:0;list-style:none;display:grid}.platforms li{cursor:default;border:1px solid var(--line);background:var(--bg);min-width:0;transition:border-color .3s, transform .4s var(--ease);border-radius:4px;justify-content:center;align-items:center;padding:12px 2px;display:flex;position:relative}.platforms li:hover,.platforms li:focus-visible{border-color:var(--fg);outline:none;transform:translateY(-2px)}.platforms li:after{content:attr(data-tip);z-index:3;opacity:0;pointer-events:none;white-space:nowrap;background:var(--fg);color:var(--bg);font:400 11px/1 var(--mono);letter-spacing:.04em;transition:opacity .2s, transform .3s var(--ease);border-radius:3px;padding:6px 9px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px)}.platforms li:before{content:"";z-index:3;border:5px solid #0000;border-top-color:var(--fg);opacity:0;transition:opacity .2s, transform .3s var(--ease);border-bottom:0;position:absolute;bottom:calc(100% + 3px);left:50%;transform:translate(-50%,4px)}.platforms li:hover:after,.platforms li:focus-visible:after,.platforms li:hover:before,.platforms li:focus-visible:before{opacity:1;transform:translate(-50%)}.platforms svg{fill:none;width:22px;height:22px;stroke:var(--fg);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.platforms li:first-child svg{stroke:var(--red)}.divider{flex-direction:column;gap:18px;padding-block:clamp(80px,14vh,140px);display:flex}.divider h2{font-family:var(--display);letter-spacing:-.04em;text-wrap:balance;max-width:16ch;margin:0;font-size:clamp(36px,6vw,84px);font-weight:600;line-height:1}.divider .smile{color:var(--red)}.divider .caret{vertical-align:-.08em;background:var(--red);width:.08em;height:.85em;margin-left:.12em;animation:1.1s step-end infinite blink;display:inline-block}.divider>p:not(.eyebrow){color:var(--muted);margin:0;font-size:18px}.down{border:1px solid var(--line);border-radius:50%;place-items:center;width:44px;height:44px;margin-top:10px;text-decoration:none;animation:2.4s ease-in-out infinite nudge;display:grid}.down:hover{border-color:var(--fg)}.divider+.band.dark{border-top-color:var(--line)}.pipe{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.pipe.sub{margin-top:2px}.pipe.long{flex-wrap:nowrap;gap:4px}.pipe.long .node{white-space:nowrap;flex:auto;min-width:0;padding:9px 8px}@media (max-width:1100px){.pipe.long{flex-wrap:wrap}.pipe.long .node{flex:none}}.pipe.long b{font-size:11px}.node{border:1px solid var(--line);background:var(--bg);font:500 12px/1.2 var(--mono);border-radius:4px;flex-direction:column;gap:3px;padding:10px 12px;display:inline-flex}.node small{font:400 10px/1.2 var(--mono);color:var(--muted)}.node.hl{border-color:var(--red);box-shadow:0 0 0 3px color-mix(in srgb, var(--red) 18%, transparent)}.pipe b{font:400 13px/1 var(--mono);color:var(--red);animation:2s ease-in-out infinite flow;animation-delay:calc(var(--k,0) * .25s)}.code{background:color-mix(in srgb, var(--bg) 70%, #000);border:1px solid var(--line);font:400 12.5px/1.75 var(--mono);color:var(--fg);white-space:pre;tab-size:2;border-radius:4px;margin:8px 0 0;padding:16px 18px;overflow-x:auto}.code .c{color:var(--muted)}.code .k{color:var(--red)}.code .s{color:var(--sand)}.code .n{color:var(--fg)}.example{font:400 10px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);align-self:flex-start}.make{border:1px solid var(--line);background:var(--bg);border-radius:6px;margin-top:10px;overflow:hidden}.make-bar{border-bottom:1px solid var(--line);align-items:center;gap:5px;padding:9px 12px;display:flex}.make-bar i{background:var(--line);border-radius:50%;width:7px;height:7px}.make-bar span{font:500 12px/1 var(--body);color:var(--muted);margin-left:10px}.make-body{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);min-height:320px;display:grid}.make-chat{border-right:1px solid var(--line);flex-direction:column;justify-content:flex-start;gap:10px;min-width:0;padding:16px;display:flex}.msg{font:400 14px/1.45 var(--body);border-radius:8px;max-width:92%;padding:10px 12px}.msg.user{background:var(--fg);color:var(--bg);border-bottom-right-radius:2px;align-self:flex-end}.msg.ai{background:var(--card);border:1px solid var(--line);border-bottom-left-radius:2px;align-self:flex-start}.msg.ai b{font-weight:600}.msg code{background:var(--bg);border:1px solid var(--line);font:400 11px/1.4 var(--mono);border-radius:3px;margin:4px 2px 0 0;padding:2px 6px;display:inline-block}.make-input{border:1px solid var(--fg);font:400 14px/1.3 var(--body);border-radius:8px;align-items:center;gap:2px;min-height:22px;margin-top:auto;padding:10px 10px 10px 14px;display:flex}.make-text{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.make-caret{background:var(--red);flex:none;width:1.5px;height:1.1em;animation:1s step-end infinite blink}.make-input b{background:var(--red);color:#fff;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;margin-left:auto;font-weight:500;display:grid}.make-preview{background:var(--sand);place-items:center;padding:34px 18px 18px;display:grid;position:relative}.make-preview .phone{width:min(170px,70%)}.make-live{font:400 11px/1 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--fg);align-items:center;gap:6px;display:inline-flex;position:absolute;top:12px;left:12px}.make-live:before{content:"";background:#2fbf71;border-radius:50%;width:7px;height:7px;animation:1.6s ease-in-out infinite blink}.make-preview.refresh .phone{animation:refresh .8s var(--ease)}@media (max-width:640px){.make-body{grid-template-columns:1fr}.make-chat{border-right:0;border-bottom:1px solid var(--line)}}.make-preview .phone{position:relative}.plp{background:var(--bg);color:var(--fg);flex-direction:column;gap:7px;padding:22px 8px 0;transition:background .5s,color .5s;display:flex;position:absolute;inset:0}.plp.dark{--bg:#141413;--fg:#f3efe8;--card:#24231f;--line:#3a3934;--muted:#9a948a}.plp-head{justify-content:space-between;align-items:baseline;display:flex}.plp-title{font:600 12px/1 var(--display);letter-spacing:-.01em}.plp-count{font:400 8px/1 var(--body);color:var(--muted)}.plp-filters{flex-wrap:nowrap;gap:3px;display:flex}.plp-filters i{font:500 7.5px/1 var(--body);border:1px solid var(--line);white-space:nowrap;border-radius:99px;padding:4px 5px;font-style:normal;transition:background .3s,color .3s}.plp-filters i.on{background:var(--fg);color:var(--bg);border-color:var(--fg)}.plp-sort{border:1px solid var(--line);font:400 8px/1 var(--body);border-radius:4px;justify-content:space-between;align-items:center;padding:5px 6px;display:none}.plp-sort b{font-weight:600}.plp.sort .plp-sort{animation:pop .5s var(--ease);display:flex}.plp-scroll{flex:1;min-height:0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0,#000 5% 90%,#0000 100%);mask-image:linear-gradient(#0000 0,#000 5% 90%,#0000 100%)}.plp-track{flex-direction:column;gap:8px;padding-bottom:8px;animation:18s linear infinite plp-scroll;display:flex}.make-preview:hover .plp-track{animation-play-state:paused}.plp-grid{grid-template-columns:1fr 1fr;gap:8px 6px;display:grid}.plp.cols3 .plp-grid{grid-template-columns:1fr 1fr 1fr;gap:6px 4px}.plp-card{flex-direction:column;gap:3px;min-width:0;display:flex}.plp-img{aspect-ratio:1;background:var(--card);border-radius:3px;place-items:center;display:grid;position:relative;overflow:hidden}.plp-img.alt{background:color-mix(in srgb, var(--sand) 55%, var(--card))}.plp.dark .plp-img.alt{background:#2c2a25}.shoe{width:76%;height:auto;transition:opacity .4s, transform .6s var(--ease);transform:rotate(-6deg)}.plp-img em{font:600 6.5px/1 var(--body);color:#fff;border-radius:2px;padding:2px 4px;font-style:normal;position:absolute;top:4px;left:4px}.tag-new{background:var(--fg);color:var(--bg)!important}.tag-sale{background:var(--red);display:none}.plp.sale .tag-sale{display:block}.plp.sale .tag-new{display:none}.plp-name{font:500 7.5px/1.2 var(--body);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.plp-price{font:600 8.5px/1 var(--display)}.plp-sw{gap:3px;display:none}.plp-sw i{background:var(--fg);border-radius:50%;width:6px;height:6px}.plp-sw i:nth-child(2){background:var(--red)}.plp-sw i:nth-child(3){background:var(--sand)}.plp.swatch .plp-sw{display:flex}.plp.cols3 .plp-name,.plp.cols3 .plp-price{font-size:7px}.plp-card.loading .plp-img>*,.plp-card.loading .plp-sw{opacity:0}.plp-card.loading .plp-img,.plp-card.loading .plp-name,.plp-card.loading .plp-price{color:#0000;background:linear-gradient(90deg, var(--card) 20%, var(--line) 50%, var(--card) 80%);background-size:250% 100%;border-radius:3px;animation:1.2s linear infinite shimmer}.plp-card.loading .plp-name{width:70%}.plp-card.loading .plp-price{width:35%}.plp-card .shoe{opacity:1}.plp-card.loading .shoe{transform:rotate(-8deg)translate(-12%)}.hub{--h-acc:#3a55d4;--h-line:#1414131f;background:radial-gradient(70% 90%,#fff 0%,#f7f6f2 80%);border-radius:6px;grid-template-columns:158px minmax(140px,1fr) 158px;justify-content:space-between;align-items:center;gap:clamp(20px,5vw,80px);margin-top:8px;padding:clamp(22px,3vw,36px);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #1414130f}.hub-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.hub-lines .base{fill:none;stroke:var(--h-line);stroke-width:1.2px}.hub-lines .flow{fill:none;stroke:var(--h-acc);stroke-width:1.6px;stroke-linecap:round;stroke-dasharray:.05 .95;opacity:.55;animation:2.8s linear infinite h-flow}.hub-lines .flow.on{opacity:1;stroke-width:2px;stroke-dasharray:1 0;animation:none}.hub-col{z-index:1;flex-direction:column;gap:12px;min-width:0;margin:0;padding:0;list-style:none;display:flex;position:relative}.hub-item{box-sizing:border-box;border:1px solid var(--h-line);height:46px;font:500 14px/1 var(--display);letter-spacing:-.005em;color:var(--fg);cursor:default;white-space:nowrap;transition:border-color .4s, box-shadow .4s, transform .5s var(--ease);background:#fff;border-radius:999px;outline:none;align-items:center;gap:10px;padding:8px 14px 8px 8px;display:flex;box-shadow:0 1px 2px #1414130a}.hub-col.right .hub-item{text-align:right;flex-direction:row-reverse;padding:8px 8px 8px 14px}.hub-ic{background:#f3f2ee;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;transition:background .4s;display:grid}.hub-ic svg{fill:none;width:15px;height:15px;stroke:var(--fg);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;transition:stroke .4s}.hub-item.on{border-color:var(--h-acc);box-shadow:0 0 0 4px #3a55d41a,0 8px 20px -10px #3a55d473}.hub-col.left .hub-item.on{transform:translate(6px)}.hub-col.right .hub-item.on{transform:translate(-6px)}.hub-item.on .hub-ic{background:var(--h-acc)}.hub-item.on .hub-ic svg{stroke:#fff}.hub-core{z-index:1;text-align:center;background:var(--fg);color:#fff;border-radius:18px;flex-direction:column;justify-self:center;align-items:center;gap:10px;width:100%;max-width:220px;padding:26px 14px;display:flex;position:relative;box-shadow:0 24px 50px -24px #1414138c,0 0 0 8px #3a55d40f}.hub-core:after{content:"";border:1px solid #3a55d459;border-radius:24px;animation:3s ease-in-out infinite h-ring;position:absolute;inset:-8px}.hub-mark{background:var(--h-acc);width:26px;height:26px;animation:morph 6s var(--ease) infinite}.hub-core b{font:600 clamp(19px, 1.7vw, 24px)/1.05 var(--display);letter-spacing:-.02em}.hub-core small{font:400 13px/1 var(--body);color:#fff9}.hub-card{container-type:inline-size}@container (max-width:600px){.hub{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.hub-core{flex-direction:row;grid-area:1/1/auto/-1;justify-content:center;max-width:none;margin-bottom:8px;padding:16px}.hub-lines{display:none}.hub-col.right .hub-item{text-align:left;flex-direction:row;padding:8px 14px 8px 8px}}.growth{background:var(--bg);border:1px solid var(--line);border-radius:4px;grid-template-columns:repeat(3,1fr);align-items:end;gap:8px;height:130px;margin-top:8px;padding:12px;display:grid;position:relative}.growth .step{flex-direction:column;justify-content:flex-end;gap:6px;height:100%;display:flex}.growth .bar{height:var(--h);background:var(--sand);border-radius:3px;display:block;position:relative}.growth .step:last-of-type .bar{background:var(--fg)}.growth b{font:500 12px/1 var(--body)}.growth .me{background:var(--red);width:14px;height:14px;box-shadow:0 0 0 4px color-mix(in srgb, var(--red) 22%, transparent);opacity:0;border-radius:50%;margin-left:-7px;animation:4.5s infinite step-on;position:absolute;top:-7px;left:50%}.growth .step:nth-child(2) .me{animation-delay:1.5s}.growth .step:nth-child(3) .me{animation-delay:3s}.org{background:var(--bg);border:1px solid var(--line);border-radius:4px;flex-direction:column;align-items:center;gap:0;margin-top:8px;padding:14px 12px;display:flex}.org-lead{background:var(--fg);color:var(--bg);font:600 13px/1 var(--display);border-radius:4px;flex-direction:column;align-items:center;gap:2px;padding:8px 14px;display:flex}.org-lead small{font:400 10px/1 var(--body);opacity:.7}.org-stem{background:var(--line);width:1px;height:14px}.org-row{grid-template-columns:1fr 1fr;gap:10px;width:100%;padding-top:14px;display:grid;position:relative}.org-row:before{content:"";border:1px solid var(--line);border-bottom:0;border-radius:4px 4px 0 0;height:14px;position:absolute;top:0;left:25%;right:25%}.org-team{border:1px solid var(--line);background:var(--card);border-radius:4px;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;display:flex}.org-team b{font:500 12px/1.2 var(--body);text-align:center}.org-dots{display:flex}.org-dots i{background:var(--sand);border:2px solid var(--card);border-radius:50%;width:18px;height:18px;margin-left:-5px;animation:3s ease-in-out infinite bob}.org-dots i:first-child{margin-left:0}.org-dots i:nth-child(2){background:var(--blue);animation-delay:.3s}.org-dots i:nth-child(3){background:var(--red);animation-delay:.6s}.org-support{border-top:1px dashed var(--line);width:100%;font:400 11px/1 var(--body);color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;margin-top:10px;padding-top:10px;display:flex}.org-support i{border:1px dashed var(--line);border-radius:99px;padding:4px 7px;font-style:normal}.journey2{--o-bg:#0f0f0e;--o-fg:#f3efe8;--o-dim:#f3efe88c;--o-line:#f3efe81f;--o-acc:#8ea2f4;background:radial-gradient(100% 120% at 0% 0%, #1c1c1a 0%, var(--o-bg) 60%);color:var(--o-fg);border-radius:6px;margin-top:8px;padding:34px clamp(16px,3vw,32px) 28px;position:relative;box-shadow:inset 0 0 0 1px #ffffff0a}.journey2 .j-inner{position:relative}.journey2 .j-track{top:6px;left:calc((100% - (var(--n,5) - 1) * 16px) / (2 * var(--n,5)));right:calc((100% - (var(--n,5) - 1) * 16px) / (2 * var(--n,5)));background:var(--o-line);border-radius:2px;height:2px;position:absolute}.journey2 .j-fill{background:var(--o-acc);width:0;transition:width 1.1s var(--ease), opacity .4s;border-radius:2px;position:absolute;inset:0 auto 0 0;box-shadow:0 0 10px #8ea2f499}.journey2 ol{grid-template-columns:repeat(var(--n,5), minmax(0, 1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid;position:relative}.journey2 li{text-align:center;flex-direction:column;align-items:center;gap:6px;min-width:0;display:flex}.journey2 .j-dot{z-index:1;background:var(--o-bg);border:2px solid var(--o-line);border-radius:50%;width:14px;height:14px;transition:background .4s,border-color .4s,box-shadow .4s;position:relative}.journey2 li.on .j-dot{border-color:var(--o-acc);background:var(--o-acc);box-shadow:0 0 0 6px #8ea2f42e}.journey2 b{font:600 clamp(14px, 1.25vw, 17px)/1.15 var(--display);letter-spacing:-.02em;color:var(--o-dim);margin-top:10px;transition:color .4s}.journey2 li.on b{color:var(--o-fg)}.journey2 li p{font:400 13px/1.4 var(--body);color:var(--o-dim);margin:0}@media (max-width:640px){.journey2 ol{grid-template-columns:1fr 1fr;row-gap:22px}.journey2 li{opacity:1}.journey2 .j-track{display:none}}.t-ic{width:44px;height:44px;box-shadow:0 8px 20px -12px var(--g2);transition:transform .5s var(--ease);border-radius:12px;place-items:center;margin-bottom:6px;display:grid}.t-ic svg{fill:none;stroke:#fff;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.t-ic.wide2{grid-auto-flow:column;justify-content:center;align-items:center;gap:0 6px;width:76px;display:inline-grid}.t-ic.wide2 svg{width:20px;height:20px}.t-ic.wide2 i{background:#ffffffd9;border-radius:2px;width:8px;height:2px}.card:hover .t-ic{transform:translateY(-2px)rotate(-4deg)}.ic-violet{--g2:#6a55ef;background:#6a55ef}.ic-coral{--g2:#ec5d6f;background:#ec5d6f}.ic-teal{--g2:#1fb3a8;background:#1fb3a8}.ic-amber{--g2:#f29a2e;background:#f29a2e}.chapter{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:clamp(24px,4vw,64px);padding-block:72px;display:grid}.chapter-head{flex-direction:column;align-self:start;gap:14px;display:flex;position:sticky;top:130px}.num{grid-template-columns:auto 1fr;align-items:start;gap:14px 10px;display:grid}.num b{font-family:var(--display);letter-spacing:-.06em;color:var(--fg);font-variant-numeric:tabular-nums;font-size:clamp(64px,7vw,104px);font-weight:500;line-height:.8}.num em{font-style:normal;font-family:var(--display);letter-spacing:.02em;color:var(--muted);padding-top:.2em;font-size:16px;font-weight:500}.num .segs{grid-column:1/-1;gap:4px;display:flex}.num .segs i{background:var(--line);border-radius:2px;width:22px;height:3px}.num .segs i.on{background:var(--red)}.num .segs i.on:last-of-type{animation:2.4s ease-in-out infinite seg}.chapter h2{font-family:var(--display);letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(32px,3.8vw,52px);font-weight:600;line-height:.95}.chapter-head p{color:var(--muted);max-width:32ch;margin:0;font-size:17px;line-height:1.5}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.card{background:var(--card);border:1px solid var(--line);min-width:0;transition:border-color .3s, transform .5s var(--ease);border-radius:4px;flex-direction:column;gap:10px;padding:22px;display:flex}.card:hover{border-color:var(--fg);transform:translateY(-2px)}.card h3{font-family:var(--display);letter-spacing:-.015em;margin:0;font-size:20px;font-weight:560;line-height:1.15}.card p{color:var(--muted);margin:0;font-size:15px;line-height:1.55}.card.wide{grid-column:1/-1}.flow{font-family:var(--mono);flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;font-size:12px;display:flex}.flow span{border:1px solid var(--line);background:var(--bg);border-radius:999px;padding:6px 10px}.flow b{color:var(--muted);font-weight:400}.flow span.lead{background:var(--fg);color:var(--bg);border-color:var(--fg)}.stat{font-family:var(--display);letter-spacing:-.04em;color:var(--red);font-size:64px;font-weight:600;line-height:.9}.slot{border:1px dashed var(--line);text-align:center;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border-radius:4px;margin-top:6px;padding:14px;font-size:11px}.tags{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.tags span{font-family:var(--body);background:var(--bg);border:1px solid var(--line);color:var(--muted);border-radius:3px;padding:6px 11px;font-size:14px;font-weight:500}.story{border-top:1px solid var(--line);padding-block:72px}.story h2{font-family:var(--display);letter-spacing:-.03em;text-wrap:balance;max-width:22ch;margin:12px 0 32px;font-size:clamp(30px,3.6vw,48px);font-weight:600;line-height:1}.steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.steps li{background:var(--c);color:var(--on,var(--bg));border-radius:4px;flex-direction:column;justify-content:space-between;gap:18px;min-height:150px;padding:20px;display:flex;position:relative}.steps li small{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;opacity:.75;font-size:11px}.steps li strong{font-family:var(--display);letter-spacing:-.02em;font-size:clamp(20px,2vw,26px);font-weight:600;line-height:1.05}.steps li:not(:last-child):after{content:"→";z-index:1;background:var(--bg);width:20px;height:20px;color:var(--fg);border-radius:50%;place-items:center;font-size:12px;display:grid;position:absolute;top:50%;right:-14px;transform:translateY(-50%)}.sea{color:inherit;transition:background-size .4s var(--ease), color .3s;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;text-decoration:none}.sea:hover{color:var(--red);background-size:100% 1px}.foot{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-block:28px 40px;font-size:14px;display:flex}@media (max-width:960px){.links{display:none}.hero,.chapter{grid-template-columns:1fr}.chapter-head{position:static}.steps{grid-template-columns:1fr 1fr}.steps li:nth-child(2):after{display:none}}@media (max-width:440px){.cards{grid-template-columns:1fr}}@media (max-width:560px){.steps{grid-template-columns:1fr}.cards{gap:8px}.card{padding:16px}.steps li:after{display:none}.nav .btn{padding:10px 12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.band.dark{--bg:#fff;--card:#fff;--line:#12141e17;--muted:#5b6275;--fg:#12141c;--red:#3a55d4;--blue:#6b7287;--sand:#c9d3ff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;isolation:isolate;position:relative}.band.dark:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(#12141e12 1px,#0000 1.2px) 0 0/22px 22px;position:absolute;inset:0 calc(50% - 50vw)}.band.dark h2{color:var(--fg)}.t-label{width:max-content;font:500 12px/1 var(--mono);letter-spacing:.02em;color:#2f46b8;background:#3a55d412;border:1px solid #3a55d440;border-radius:6px;align-items:center;gap:8px;padding:6px 10px;display:inline-flex}.t-label i{background:#3a55d4;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #3a55d4b3}.band.dark .card{transition:transform .5s var(--ease), box-shadow .5s;background:#fff;border:1px solid #12141e1a;border-radius:12px;box-shadow:0 1px 2px #12141e0a,0 18px 40px -30px #12141e40}.band.dark .card:hover{border-color:#3a55d473;transform:translateY(-3px);box-shadow:0 0 0 1px #3a55d459,0 24px 50px -26px #3a55d473}.band.dark .card p{color:var(--muted)}.band.dark .tags span{font:500 12px/1 var(--mono);color:#3b4255;background:#f3f4f8;border-color:#12141e1a;border-radius:6px}.band.dark .stat{color:var(--red)}.band.dark .node{background:#f6f7fb;border-color:#12141e1a;border-radius:8px}.band.dark .node.hl{background:#fff;border-color:#3a55d4;box-shadow:0 0 0 3px #3a55d426,0 0 24px -8px #3a55d480}.editor{background:#0a0b0f;border:1px solid #ffffff14;border-radius:10px;margin-top:10px;overflow:hidden}.ed-bar{background:#0f1015;border-bottom:1px solid #ffffff0f;align-items:center;gap:6px;padding:9px 12px;display:flex}.ed-bar>i{background:#ffffff1f;border-radius:50%;width:9px;height:9px}.ed-tab{font:500 11.5px/1 var(--mono);color:#d7dbea;background:#ffffff0d;border-radius:5px;margin-left:10px;padding:4px 10px}.ed-meta{font:400 10px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#6b7080;margin-left:auto}.ed-code{counter-reset:ln;font:400 12.5px/1.85 var(--mono);color:#d7dbea;margin:0;padding:10px 0;list-style:none;overflow-x:auto}.ed-code li{counter-increment:ln;white-space:pre;padding:0 16px 0 0}.ed-code li:before{content:counter(ln);text-align:right;color:#4b5060;width:34px;padding-right:14px;display:inline-block}.ed-code li.add{background:#2ecc711a;box-shadow:inset 2px 0 #2ecc71}.ed-code li.add:before{content:"+";color:#2ecc71}.ed-code li.del{color:#b98a8a;background:#ff55551a;-webkit-text-decoration:line-through #ff5f5f80;text-decoration:line-through #ff5f5f80;box-shadow:inset 2px 0 #ff5f5f}.ed-code li.del:before{content:"−";color:#ff5f5f}.ed-code .c{color:#6b7080}.ed-code .k{color:#8ea2f4}.ed-code .s{color:#c9d3ff}.ed-code .n{color:#eef0f6}.ed-review{background:#3a55d414;border:1px solid #8ea2f440;border-radius:8px;align-items:flex-start;gap:10px;margin:0 12px 12px;padding:10px 12px;display:flex}.ed-bot{width:22px;height:22px;font:600 10px/1 var(--mono);color:#fff;background:#3a55d4;border-radius:6px;flex:none;place-items:center;display:grid}.band.dark .card .ed-review p,.ed-review p{font:400 13px/1.5 var(--body);color:#c8ccd8;margin:0}.ed-review b{color:#fff;font-weight:600}.ed-review code{font:400 12px/1 var(--mono);color:#c9d3ff;background:#ffffff0f;border-radius:4px;padding:2px 6px}.divider.band.dark:before{background:radial-gradient(#12141e12 1px,#0000 1.2px) 0 0/22px 22px}.band.dark.ink{--bg:#0b0b0c;--card:#141416;--line:#ffffff17;--muted:#9a9ca6;--fg:#f2f2f4;--red:#8ea2f4;--blue:#9a9ca6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.band.dark.ink:before{background:radial-gradient(#ffffff14 1px,#0000 1.2px) 0 0/22px 22px}.band.dark.ink .card{box-shadow:none;background:#141416;border-color:#ffffff17}.band.dark.ink .card:hover{box-shadow:none;border-color:#8ea2f48c}.band.dark.ink .t-label{color:#b9c5ff;background:#8ea2f41a;border-color:#8ea2f459}.band.dark.ink .t-label i{box-shadow:none;background:#8ea2f4}.band.dark.ink .tags span{color:#d0d1d7;background:#1c1c1f;border-color:#ffffff1a}.band.dark.ink .node{color:var(--fg);background:#1c1c1f;border-color:#ffffff1a}.band.dark.ink .node.hl{background:#1c1c1f;border-color:#8ea2f4;box-shadow:0 0 0 3px #8ea2f42e}.band.dark.ink .editor{background:#0f0f11;border-color:#ffffff1a}.band.dark.ink .num em{color:var(--muted)}.divider.band.dark:after{content:"";background:#12141e1f;height:1px;position:absolute;top:0;left:calc(50% - 50vw);right:calc(50% - 50vw)}.divider{text-align:center;align-items:center}.divider .eyebrow{justify-content:center}.divider h2{margin-inline:auto}.divider.band.dark.ink:after{background:#ffffff1a}.divider.ink .eyebrow{color:var(--muted)}.divider.ink .dot{background:#8ea2f4}.divider.ink .down{color:#0b0b0c;background:#fff;border-color:#fff}.divider.ink .down:hover{color:#0b0b0c;background:#8ea2f4;border-color:#8ea2f4}.divider.ink>p:not(.eyebrow){color:#fff;justify-content:center;align-items:center;gap:18px;width:100%;display:flex}.divider.ink>p:not(.eyebrow):before,.divider.ink>p:not(.eyebrow):after{content:"";background:#ffffff59;flex:0 90px;height:1px}.divider.band.dark.ink:before{opacity:0}.fade-ready .fadeh .fw{opacity:0;filter:blur(10px);transition:opacity 1.4s cubic-bezier(.22,1,.36,1),transform 1.6s cubic-bezier(.22,1,.36,1),filter 1.4s;transition-delay:calc(var(--i) * .16s + .1s);display:inline-block;transform:translateY(14px)}.fade-ready .fadeh.in .fw{opacity:1;filter:blur();transform:none}.fadeh .fw,.fadeh .caret.fw{display:inline-block}.ai-flow{z-index:3;background-color:#111216;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:48px 48px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border-radius:16px;grid-column:1/-1;margin:24px 0 0;padding:clamp(14px,2vw,22px);position:relative}.af-grid{grid-template-columns:minmax(0,1.1fr) 56px minmax(0,1.3fr) 56px minmax(0,.85fr);align-items:center;display:grid}.af-panel{background:#08090b;border-radius:12px;height:420px;position:relative;overflow:hidden}.af-arrow{fill:none;stroke:#fff;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;width:56px;height:36px}.af-arrow path:first-child{stroke-dasharray:140;stroke-dashoffset:140px;animation:3s ease-in-out infinite af-draw}.af-caps{text-align:center;font:500 15px/1 var(--mono);color:#fff;letter-spacing:.02em;grid-template-columns:minmax(0,1.1fr) 56px minmax(0,1.3fr) 56px minmax(0,.85fr);margin-top:16px;display:grid}.af-inputs{flex-direction:column;justify-content:center;gap:14px;padding:18px 0;display:flex}.af-snap{width:72%;font:400 9px/1.45 var(--body);border-radius:0 6px 6px 0;position:relative;overflow:visible}.af-snap .hl{outline-offset:2px;border-radius:2px;outline:1.5px solid #8ea2f4;position:relative}.af-snap .hl:after{content:"";background:#8ea2f4;width:28px;height:1.5px;position:absolute;top:50%;left:calc(100% + 2px)}.af-tag{font:500 11px/1 var(--mono);letter-spacing:.06em;color:#fff;z-index:2;white-space:nowrap;background:#3a55d4;border-radius:4px;padding:7px 10px;font-style:normal;position:absolute;top:50%;right:-36%;transform:translateY(-50%)}.af-snap .hl{animation:3.6s ease-in-out infinite af-hl}.snap-site .hl{animation-delay:1.2s}.snap-figma .hl{animation-delay:2.4s}.snap-docs{color:#3a3d46;background:#fff}.sd-path{font:400 8.5px/1.3 var(--mono);color:#7a7f8c;border-bottom:1px solid #e7e8ec;padding:5px 8px}.sd-path b{color:#1b1d24;font-weight:500}.sd-code{font:400 8.5px/1.6 var(--mono);color:#4b7a3a;flex-direction:column;padding:6px 8px;display:flex}.sd-code i{color:#7d4cdb;font-style:normal}.sd-code .hl{color:#1b1d24;background:#f1f3ff}.snap-site{color:#1b1d24;background:#fff}.ss-nav{border-bottom:1px solid #e7e8ec;gap:10px;padding:6px 8px;font-size:8.5px;display:flex}.ss-nav b{font:600 10px/1 var(--display);margin-right:auto}.ss-body{flex-direction:column;gap:5px;padding:8px;display:flex}.ss-title{font:600 11px/1 var(--display);align-items:center;gap:6px;display:flex}.ss-title i{font:400 8px/1 var(--body);border:1px solid #d6d8de;border-radius:3px;padding:2px 5px;font-style:normal}.ss-body .hl{padding:4px 6px}.ss-chips{gap:4px;display:flex}.ss-chips i{border:1px solid #d6d8de;border-radius:3px;padding:2px 5px;font-size:8px;font-style:normal}.snap-figma{color:#e6e6e8;background:#2c2c2e}.sf-head{border-bottom:1px solid #3a3a3d;justify-content:space-between;padding:6px 8px;font-weight:600;display:flex}.sf-label{color:#a0a0a6;padding:6px 8px 2px}.sf-text{padding:0 8px 6px}.snap-figma .hl{margin:0 8px 8px;padding:4px 6px}.af-struct{padding:0}.ed-stack{position:absolute;inset:0}.ed-win{width:56%;left:calc(3% + var(--n) * 10%);bottom:calc(5% + var(--n) * 11%);animation:.9s cubic-bezier(.22,1,.36,1) both ed-in;animation-delay:calc(var(--n) * .15s);background:#0d0e12;border:1px solid #23252d;border-radius:6px;padding:26px 0 0;position:absolute;box-shadow:-12px 12px 30px #0000008c}.ed-win pre{font:400 9px/1.6 var(--mono);color:#c7cad6;white-space:pre;border-top:1px solid #1d1f26;margin:0;padding:8px 10px;overflow:hidden}.ed-win pre b{color:#8ea2f4;font-weight:400}.ed-lbl{color:#fff;font:500 10px/1 var(--body);white-space:nowrap;background:#3a55d4;border-radius:4px;padding:4px 8px;position:absolute;top:-12px;left:-1px}.af-toast{z-index:5;color:#fff;background:#2a2b31;border-radius:6px;align-items:center;gap:10px;padding:10px 14px;display:flex;position:absolute;bottom:5%;left:12%;box-shadow:0 10px 30px #00000080}.af-toast b{font:500 13px/1.2 var(--body);display:block}.af-toast small{font:400 11px/1.2 var(--body);color:#a3a6b1}.spin{border:2px solid #8ea2f44d;border-top-color:#8ea2f4;border-radius:50%;width:18px;height:18px;animation:1s linear infinite spin}.af-cons{color:#fff;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:18px 12px;display:flex}.mcp-mark{background:#3a55d4;border-radius:16px;place-items:center;width:64px;height:64px;display:grid}.mcp-mark svg{fill:none;stroke:#fff;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:34px;height:34px}.mcp-t{font:500 14px/1.35 var(--body)}.af-cons ul{flex-direction:column;gap:14px;margin:8px 0 0;padding:0;list-style:none;display:flex}.af-cons li{font:400 13px/1 var(--body);flex-direction:column;align-items:center;gap:6px;display:flex}.ci{background:#fff;border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.ci svg{fill:none;stroke:#0b0b0c;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.af-cons li:first-child .ci{background:#f29a2e}.af-cons li:nth-child(2) .ci{background:#6a55ef}.af-cons li:nth-child(3) .ci{background:#ec5d6f}.af-cons li:nth-child(4) .ci{background:#1fb3a8}.af-cons li .ci svg{stroke:#fff}@media (max-width:900px){.af-grid,.af-caps{grid-template-columns:1fr}.af-caps{display:none}.af-arrow{margin:6px auto;transform:rotate(90deg)}.af-panel{height:auto;min-height:300px}.af-inputs{padding:18px 0}.af-struct{height:340px}.af-cons ul{flex-flow:wrap;justify-content:center;gap:18px}}@media (prefers-reduced-motion:reduce){.ai-flow *{animation:none!important}.af-arrow path:first-child{stroke-dashoffset:0}}#ai.chapter{display:block}#ai .chapter-row{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:clamp(24px,4vw,64px);display:grid}#ai .ai-flow{margin-top:clamp(32px,5vw,56px)}@media (max-width:960px){#ai .chapter-row{grid-template-columns:1fr}}.af-cons{justify-content:center;gap:12px}.mcp-list{flex-direction:column;gap:8px;width:100%;display:flex}.mcp-srv{text-align:left;background:#15161b;border:1px solid #262833;border-radius:10px;align-items:center;gap:10px;padding:10px;display:flex}.mcp-srv b{font:600 13px/1.2 var(--body);color:#fff;display:block}.mcp-srv small{font:400 11px/1.3 var(--body);color:#a3a6b1}.mcp-ic{background:#3a55d4;border-radius:9px;flex:none;place-items:center;width:34px;height:34px;display:grid}.mcp-ic.alt{background:#3a55d4}.mcp-ic svg{fill:none;stroke:#fff;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.used-by{font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#8b8f9c;margin-top:4px}.af-cons ul{grid-template-columns:1fr 1fr;gap:12px 8px;width:100%;margin:0;display:grid}.af-cons li{font-size:12px}.ci{width:36px;height:36px}.ed-win.cc{border-color:#3a55d4;box-shadow:-12px 12px 30px #0000008c,0 0 0 1px #8ea2f459}.af-grid,.af-caps{grid-template-columns:minmax(0,1.05fr) 44px minmax(0,1.05fr) 44px minmax(0,.95fr) 44px minmax(0,.5fr)}.af-arrow{width:44px}.af-snap{width:70%}.af-tag{padding:6px 8px;font-size:10px;right:-38%}.ed-win{width:66%;left:calc(3% + var(--n) * 9%);bottom:calc(8% + var(--n) * 14%)}.ed-win pre{font-size:8.5px}.af-toast{left:6%}.af-mcp{color:#fff;flex-direction:column;justify-content:center;align-items:stretch;padding:16px;display:flex}.mcp-card{background:#15161b;border:1px solid #262833;border-radius:10px;flex-direction:column;align-items:flex-start;gap:6px;padding:14px;display:flex}.mcp-card b{font:600 15px/1.2 var(--display)}.mcp-card small{font:400 12px/1.4 var(--body);color:#a3a6b1}.mcp-card .src{font:400 10px/1 var(--mono);color:#8b8f9c;background:#ffffff0d;border-radius:4px;padding:4px 6px;font-style:normal}.mcp-ic{width:32px;height:32px}.cc-link{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:4px 8px;display:flex}.cc-line{border-left:1.5px dashed #8ea2f4;width:0;height:14px}.cc-pill{font:600 12px/1 var(--body);color:#fff;background:#3a55d4;border-radius:99px;align-items:center;gap:6px;padding:6px 10px;animation:2.6s ease-in-out infinite cc-pulse;display:inline-flex}.cc-pill svg{fill:none;stroke:#fff;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.cc-link small{font:400 11px/1.35 var(--body);color:#a3a6b1;max-width:22ch}.af-cons{padding:16px 8px}.af-cons ul{grid-template-columns:1fr;gap:18px}@media (max-width:900px){.af-grid{grid-template-columns:1fr}.af-mcp{height:auto}.af-cons ul{grid-template-columns:repeat(4,1fr)}.af-cons{min-height:0}}.logo-img{object-fit:contain;width:22px;height:22px;display:block}.mcp-ic .logo-img{width:17px;height:17px}#ai .t-ic{--g2:#3a55d4;background:#3a55d4}#ai .cards .card{background:#f7f6f3;border-color:#e4e1db}.af-grid{align-items:stretch}.af-panel{box-sizing:border-box;height:560px}.af-arrow{align-self:center}@media (max-width:900px){.af-panel{height:auto}.af-struct{height:360px}}.af-panel{background:#08090b}.ed-win{bottom:calc(4% + var(--n) * 23%);left:calc(2% + var(--n) * 10%)}.af-toast{bottom:2%}.af-cons ul{grid-template-columns:1fr 1fr;align-content:center;gap:16px 6px}.af-cons li{text-align:center;font-size:11.5px;line-height:1.2}.af-cons li .ci.logo{background:#fff;border-radius:10px;width:38px;height:38px;overflow:hidden}.ci.logo img{object-fit:cover;width:100%;height:100%;display:block}@media (max-width:900px){.af-cons ul{grid-template-columns:repeat(4,1fr)}}.af-cons li:last-child:nth-child(odd){grid-column:1/-1}@media (max-width:900px){.af-cons li:last-child:nth-child(odd){grid-column:auto}}.af-cons li .ci.logo.outlined{box-shadow:0 0 0 1.5px #fff}#ai .t-ic{--g2:#0b0b0c;background:#0b0b0c;box-shadow:0 8px 18px -12px #0009}.band.dark .card.dark-card{color:#f2f2f4;background:#0b0b0c;border-color:#0b0b0c}.band.dark .card.dark-card:hover{border-color:#3a55d4}.band.dark .card.dark-card h3{color:#fff}.band.dark .card.dark-card p{color:#a3a6b1}.band.dark .card.dark-card .node{color:#f2f2f4;background:#18181b;border-color:#ffffff1f}.band.dark .card.dark-card .node small{color:#8b8f9c}.band.dark .card.dark-card .node.hl{background:#18181b;border-color:#8ea2f4;box-shadow:0 0 0 3px #8ea2f433}.band.dark .card.dark-card .pipe b{color:#8ea2f4}.dk-label{width:max-content;font:500 11px/1 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:#b9c5ff;background:#8ea2f41f;border:1px solid #8ea2f44d;border-radius:6px;align-items:center;gap:6px;padding:5px 9px;display:inline-flex}.pipe.has-loop{padding-bottom:34px;position:relative}.loop-back{pointer-events:none;border:1.5px dashed #8ea2f4;border-top:0;border-radius:0 0 10px 10px;height:22px;position:absolute}.loop-back:before{content:"";border:5px solid #0000;border-top:0;border-bottom:7px solid #8ea2f4;position:absolute;top:-2px;left:-5.5px}.loop-back em{font:500 11px/1 var(--mono);color:#b9c5ff;white-space:nowrap;background:#0b0b0c;padding:0 8px;font-style:normal;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.loop-back.v{border:1.5px dashed #8ea2f4;border-left:0;border-radius:0 10px 10px 0;height:auto}.loop-back.v:before{border:5px solid #0000;border-left:0;border-right:7px solid #8ea2f4;top:-5.5px;left:-2px}.loop-back.v em{padding:4px 6px;top:50%;bottom:auto;left:100%;transform:translate(-50%,-50%)rotate(90deg)}.card:has(.pipe.has-loop){container-type:inline-size}@container (max-width:700px){.pipe.has-loop{flex-flow:column;align-items:stretch;gap:2px;padding:0 44px 0 0}.pipe.has-loop .node{white-space:normal;flex-direction:row;flex:none;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 12px}.pipe.has-loop .node small{text-align:right}.pipe.has-loop b{align-self:center;padding:2px 0;line-height:1;transform:rotate(90deg)}}.hl-stat{font-family:var(--display);letter-spacing:-.02em;color:var(--fg);white-space:nowrap;margin-inline:.18em;font-size:1.45em;font-weight:700;line-height:1}.card-strong{color:var(--fg);font-weight:600}.onboard{counter-reset:ob;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:10px 0 0;padding:0;list-style:none;display:grid;position:relative}.onboard:before{content:"";opacity:.6;background:#8ea2f4;height:2px;position:absolute;top:7px;left:7px;right:33%}.onboard li{flex-direction:column;gap:6px;padding:26px 16px 0 0;display:flex;position:relative}.onboard li:before{content:"";background:#0b0b0c;border:2px solid #8ea2f4;border-radius:50%;width:12px;height:12px;position:absolute;top:0;left:0}.onboard li:first-child:before{background:#8ea2f4}.onboard b{font:600 18px/1 var(--display);letter-spacing:-.02em;color:var(--fg)}.onboard span{font:400 14px/1.45 var(--body);color:var(--muted);max-width:26ch}@media (max-width:640px){.onboard{grid-template-columns:1fr;gap:14px}.onboard:before{display:none}}.card.two-sides{grid-template-columns:1fr 1fr;gap:0;padding:0;display:grid;overflow:hidden}.two-sides .side{flex-direction:column;gap:10px;min-width:0;padding:22px;display:flex}.two-sides .side.next{background:#3a55d414;border-left:1px dashed #8ea2f473}.side-status{width:max-content;font:500 11px/1 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:#b9c5ff;border:1px solid #8ea2f459;border-radius:99px;align-items:center;gap:6px;padding:5px 9px;display:inline-flex}.side-status:before{content:"";background:#8ea2f4;border-radius:50%;width:7px;height:7px;animation:1.6s ease-in-out infinite blink}.side-status.done{color:#9be3b4;border-color:#2ecc7166}.side-status.done:before{background:#2ecc71;animation:none}@media (max-width:640px){.card.two-sides{grid-template-columns:1fr}.two-sides .side.next{border-top:1px dashed #8ea2f473;border-left:0}}.card .side-status{margin-bottom:2px}@media (max-width:560px){h1{margin:14px 0 18px;font-size:clamp(36px,10.5vw,46px)}h1 b,h1 span{white-space:normal}.lede{font-size:19px}.nav .brand,.nav.scrolled .brand{font-size:32px}.nav{gap:8px}.socials{gap:0}.nav-link{padding:8px 6px;font-size:13px}.socials .soc{margin-left:6px}.soc{width:38px;height:38px}.soc svg{width:16px;height:16px}.steps{gap:12px}.steps li{min-height:104px;padding:18px}.steps li:not(:last-child):after{display:grid;inset:auto auto -16px 50%;transform:translate(-50%)rotate(90deg)}.pipe,.pipe.long{flex-flow:column;align-items:stretch;gap:2px}.pipe .node,.pipe.long .node{white-space:normal;flex-direction:row;flex:none;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 12px}.pipe .node small{text-align:right}.pipe b,.pipe.long b{align-self:center;padding:2px 0;line-height:1;transform:rotate(90deg)}.pipe.has-loop{padding:0 44px 0 0}.af-struct{padding:26px 14px 14px;height:auto!important}.ed-stack{flex-direction:column-reverse;gap:22px;display:flex;position:static}.ed-win{width:auto;box-shadow:none;position:relative;bottom:auto;left:auto}.af-toast{width:max-content;margin-top:14px;position:relative;bottom:auto;left:auto}}.cur{z-index:9999;pointer-events:none;opacity:0;--c:#3a55d4;--l:8px;--w:2px;background:linear-gradient(var(--c) 0 0) top left / var(--l) var(--w), linear-gradient(var(--c) 0 0) top left / var(--w) var(--l), linear-gradient(var(--c) 0 0) top right / var(--l) var(--w), linear-gradient(var(--c) 0 0) top right / var(--w) var(--l), linear-gradient(var(--c) 0 0) bottom left / var(--l) var(--w), linear-gradient(var(--c) 0 0) bottom left / var(--w) var(--l), linear-gradient(var(--c) 0 0) bottom right / var(--l) var(--w), linear-gradient(var(--c) 0 0) bottom right / var(--w) var(--l);background-repeat:no-repeat;width:30px;height:30px;transition:width .3s cubic-bezier(.22,1,.36,1),height .3s cubic-bezier(.22,1,.36,1),opacity .25s;position:fixed;top:0;left:0}.cur.on{opacity:1}.cur.big{width:46px;height:46px}.cur.dark{--c:#8ea2f4}.cur.hide{opacity:0}@media (pointer:coarse){.cur{display:none}}
.j-head{padding-block:clamp(48px,9vh,96px) 40px;position:relative}.j-head:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(to right, var(--grid) 1px, transparent 1px), linear-gradient(to bottom, var(--grid) 1px, transparent 1px);-webkit-mask-composite:source-in;background-position:top;background-size:64px 64px;width:100vw;position:absolute;top:0;bottom:0;left:calc(50% - 50vw);-webkit-mask-image:linear-gradient(#0000,#000 25% 65%,#0000),linear-gradient(90deg,#0000,#000 22% 78%,#0000);mask-image:linear-gradient(#0000,#000 25% 65%,#0000),linear-gradient(90deg,#0000,#000 22% 78%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.j-head h1{font-family:var(--display);letter-spacing:-.04em;margin:18px 0 16px;font-size:clamp(44px,6vw,84px);font-weight:600;line-height:1}.j-head h1 span{color:var(--red)}.j-head p:not(.eyebrow){max-width:46ch;color:var(--muted);margin:0;font-size:clamp(18px,1.6vw,22px);line-height:1.45}.filters{flex-wrap:wrap;gap:8px;margin:0 0 28px;padding:0;list-style:none;display:flex}.filters button{font:400 12px/1 var(--mono);letter-spacing:.04em;border:1px solid var(--line);color:var(--fg);cursor:pointer;background:#fff;border-radius:999px;padding:10px 14px;transition:background .25s,color .25s,border-color .25s}.filters button:hover{border-color:var(--fg)}.filters button[aria-pressed=true]{background:var(--fg);color:#fff;border-color:var(--fg)}.posts{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-bottom:80px;display:grid}.post{animation:l-rise .7s var(--ease) both;animation-delay:calc(var(--i,0) * 70ms)}.post[hidden]{display:none}.post-link{background:var(--card);border:1px solid var(--line);height:100%;transition:transform .4s var(--ease), border-color .3s, box-shadow .4s var(--ease);border-radius:6px;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.post-link:hover{border-color:#3a55d473;transform:translateY(-4px);box-shadow:0 24px 50px -28px #3a55d480}.post-link:focus-visible{outline:2px solid var(--red);outline-offset:3px}.post-img{aspect-ratio:16/10;border-bottom:1px solid var(--line);overflow:hidden}.post-img>img{object-fit:cover;width:100%;height:100%;transition:transform .8s var(--ease);display:block}.post-link:hover .post-img>img{transform:scale(1.05)}.post-body{flex-direction:column;flex:1;gap:10px;padding:20px 22px 22px;display:flex}.post-meta{font:400 11px/1 var(--mono);color:var(--muted);justify-content:space-between;align-items:center;gap:10px;display:flex}.post-tag{border:1px solid var(--line);color:var(--fg);letter-spacing:.04em;text-transform:uppercase;background:#fff;border-radius:4px;padding:5px 8px}.post h2{font-family:var(--display);letter-spacing:-.02em;margin:6px 0 0;font-size:clamp(20px,1.7vw,24px);font-weight:600;line-height:1.15}.post p{color:var(--muted);margin:0;font-size:15px;line-height:1.55}.more{color:var(--red);margin-top:auto;padding-top:8px;font-size:14px;font-weight:500}.more .arrow{transition:transform .4s var(--ease);display:inline-block}.post-link:hover .more .arrow{transform:translate(4px)}@media (max-width:960px){.posts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.posts{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.post{animation:none}}.locked .post-link{cursor:pointer}.locked .post-link:hover{border-color:#3a55d473;transform:translateY(-4px);box-shadow:0 24px 50px -28px #3a55d480}.locked .post-link:hover .post-img>img{filter:blur(3px)saturate(.6);transform:scale(1.05)}.post-img>img{transition:transform .8s var(--ease), filter .5s var(--ease)}.unlock-hint{z-index:2;opacity:0;transition:opacity .4s var(--ease);background:#14141373;place-items:center;display:grid;position:absolute;inset:0}.unlock-hint span{color:var(--fg);font:500 14px/1 var(--body);transition:transform .45s var(--ease);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:12px 18px;display:inline-flex;transform:translateY(10px)scale(.96);box-shadow:0 14px 30px -12px #00000073}.unlock-hint svg{width:14px;height:14px;color:var(--red)}.locked .post-link:hover .unlock-hint,.locked .post-link:focus-visible .unlock-hint{opacity:1}.locked .post-link:hover .unlock-hint span,.locked .post-link:focus-visible .unlock-hint span{transform:none}.unlocked .unlock-hint{display:none}.locked .more{color:var(--muted)}.locked .post-link:hover .more{color:var(--red)}.locked .more .arrow{display:none}.post-img{position:relative}.lock-badge{color:var(--fg);font:400 11px/1 var(--mono);letter-spacing:.04em;text-transform:uppercase;background:#ffffffeb;border-radius:999px;align-items:center;gap:6px;padding:7px 10px;display:none;position:absolute;top:12px;right:12px;box-shadow:0 6px 18px -8px #00000059}.lock-badge svg{width:12px;height:12px}.locked .lock-badge{display:inline-flex}.locked .post-link:hover .lock-badge{opacity:0}.lock-badge{z-index:3;transition:opacity .3s}.gate{border:1px solid var(--line);width:min(460px,100vw - 32px);color:var(--fg);text-align:center;background:#fff;border-radius:10px;padding:36px 32px 28px;box-shadow:0 40px 80px -30px #14141373}.gate[open]{animation:l-pop .4s var(--ease)}.gate::backdrop{-webkit-backdrop-filter:blur(4px);background:#14141359}.gate-card{position:relative}.gate-x{background:var(--card);width:34px;height:34px;color:var(--fg);cursor:pointer;border:0;border-radius:50%;font-size:20px;line-height:1;position:absolute;top:-24px;right:-18px}.gate-x:hover{background:var(--line)}.lock{background:var(--fg);color:#fff;border-radius:50%;place-items:center;width:56px;height:56px;margin:0 auto 18px;display:grid}.lock svg{width:24px;height:24px}.gate h1{font-family:var(--display);letter-spacing:-.03em;margin:0 0 10px;font-size:clamp(26px,3vw,34px);font-weight:600;line-height:1.05}.gate p:not(.eyebrow):not(.err){color:var(--muted);margin:0 0 22px;font-size:15px;line-height:1.5}.gate p a{color:var(--red)}.gate form{gap:8px;display:flex}.gate input{border:1px solid var(--line);min-width:0;height:50px;font:400 16px var(--body);color:var(--fg);background:#fff;border-radius:6px;flex:1;padding:0 16px;transition:border-color .25s,box-shadow .25s}.gate input:focus{border-color:var(--red);outline:none;box-shadow:0 0 0 4px #3a55d426}.gate form button{background:var(--red);color:#fff;height:50px;font:500 15px var(--body);cursor:pointer;transition:transform .3s var(--ease), background .3s;border:0;border-radius:6px;align-items:center;gap:8px;padding:0 20px;display:inline-flex}.gate form button:hover{background:#2e47bd;transform:translateY(-2px)}.gate form button[disabled]{opacity:.7;cursor:progress}.gate .err{min-height:20px;font:400 13px/1.4 var(--mono);color:#c2413b;margin:12px 0 0}.gate.shake form{animation:.4s l-shake}.gate-inline{box-sizing:border-box;animation:l-pop .5s var(--ease) both;margin:clamp(8px,3vw,32px) auto clamp(64px,10vw,120px)}.gate h2{font-family:var(--display);letter-spacing:-.03em;margin:0 0 10px;font-size:clamp(26px,3vw,34px);font-weight:600;line-height:1.05}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.lockbtn{font:400 12px/1 var(--mono);color:#fff;background:var(--fg);border:1px solid var(--fg);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:10px 14px;transition:background .25s,color .25s;display:inline-flex}.lockbtn:hover{background:var(--red);border-color:var(--red)}.unlocked .lockbtn{color:var(--muted);border-color:var(--line);background:#fff}.unlocked .lockbtn:hover{color:var(--fg);border-color:var(--fg);background:#fff}.lk-ic{display:inline-flex}.lk-ic svg{width:12px;height:12px}.filters{align-items:center}@media (max-width:560px){.gate{padding:30px 20px 22px}.gate form{flex-direction:column}.gate input{box-sizing:border-box;flex:none;width:100%}.gate form button{justify-content:center}}.post[data-cat=life] .post-link{transition:transform .7s var(--ease), box-shadow .7s var(--ease), border-color .5s;background:#f8f3ea;border-color:#ece3d2;border-radius:18px}.post[data-cat=life] .post-link:hover{border-color:#e2d5bd;transform:translateY(-2px);box-shadow:0 22px 44px -30px #785c3273}.post[data-cat=life] .post-img{border:0;border-radius:12px;margin:10px 10px 0}.post[data-cat=life] .post-link:hover .post-img>img{transition-duration:1.4s;transform:scale(1.03)}.post[data-cat=life] .post-body{padding:18px 22px 24px}.post[data-cat=life] .post-meta{font-family:var(--body);color:#9a8b74;font-size:13px}.post[data-cat=life] .tag.life,.post[data-cat=life] .post-tag.life{font:500 13px/1 var(--body);letter-spacing:0;text-transform:none;color:#a0703c;background:0 0;border:0;padding:0}.post[data-cat=life] h2{letter-spacing:-.02em}.post[data-cat=life] p{color:#7d7468}.post[data-cat=life] .more{color:#a0703c}.post-tag.life,.tag.life{color:#2e47bd;background:#e7ecff;border-color:#c9d3ff}.progress{z-index:20;background:var(--red);transform-origin:0;width:100%;height:3px;position:fixed;top:0;left:0;transform:scaleX(0)}.art-head{max-width:860px;margin-inline:auto;padding-block:clamp(36px,7vh,72px) 32px}.back{font:400 12px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;text-decoration:none;display:inline-flex}.back:hover{color:var(--red)}.back span{transition:transform .4s var(--ease)}.back:hover span{transform:translate(-4px)}.art-meta{font:400 12px/1 var(--mono);color:var(--muted);align-items:center;gap:12px;margin:28px 0 0;display:flex}.art-head h1{font-family:var(--display);letter-spacing:-.04em;text-wrap:balance;margin:18px 0;font-size:clamp(40px,5.4vw,72px);font-weight:600;line-height:1.02}.art-lede{color:var(--muted);max-width:40ch;margin:0;font-size:clamp(19px,1.8vw,24px);line-height:1.45}.art-hero{border:1px solid var(--line);border-radius:8px;margin:0 0 clamp(36px,6vw,64px);overflow:hidden}.art-hero img{aspect-ratio:12/5;width:100%;height:auto;display:block}.art-body{color:#2b2a27;max-width:680px;margin-inline:auto;font-size:clamp(17px,1.3vw,19px);line-height:1.75}.art-body p{margin:0 0 1.3em}.art-map{width:min(880px,100vw - 32px);margin:2em 0 2.2em;position:relative;left:50%;transform:translate(-50%)}.art-map-frame{border:1px solid var(--line);background:#cfd8e8;border-radius:12px;height:clamp(280px,42vw,440px);position:relative;overflow:hidden}.art-map-frame .art-map-canvas{opacity:0;width:100%;height:100%;transition:opacity .8s;position:absolute;inset:0}.art-map-frame .art-map-canvas.ready{opacity:1}.art-map-fallback{background:linear-gradient(#ffffff59 1px,#0000 1px) 0 0/32px 32px,linear-gradient(90deg,#ffffff59 1px,#0000 1px) 0 0/32px 32px,radial-gradient(60% 55% at 78% 8%,#eadfc8 0 60%,#0000 61%),radial-gradient(45% 40% at 40% -6%,#eadfc8 0 60%,#0000 61%),radial-gradient(70% 60% at 62% 4%,#f3ecdd 0 62%,#0000 63%),linear-gradient(170deg,#b9cbef,#9db4e8);place-items:center;display:grid;position:absolute;inset:0}.art-map-label{z-index:2;font:500 13px/1 var(--body);color:var(--fg);background:#fffffff0;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;display:inline-flex;position:absolute;top:14px;left:14px;box-shadow:0 4px 18px #14141326}.art-map-label .dot{width:7px;height:7px}.art-map figcaption{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:6px 16px;margin-top:10px;font-size:13px;line-height:1.5;display:flex}.art-map figcaption a{color:var(--red);white-space:nowrap;margin-left:auto;text-decoration:none}.art-map figcaption a:hover{text-decoration:underline}.art-map-zoom{z-index:2;background:#fffffff5;border-radius:12px;flex-direction:column;display:flex;position:absolute;bottom:14px;right:14px;overflow:hidden;box-shadow:0 4px 18px #1414132e}.art-map-zoom button{width:40px;height:40px;color:var(--fg);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;transition:background .2s,color .2s;display:grid}.art-map-zoom button+button{border-top:1px solid var(--line)}.art-map-zoom button:hover:not(:disabled){color:var(--red);background:#f2f4fb}.art-map-zoom button:active:not(:disabled){background:#e6eafa}.art-map-zoom button:focus-visible{outline:2px solid var(--red);outline-offset:-2px}.art-map-zoom button:disabled{opacity:.4;cursor:default}.art-map-zoom svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:16px;height:16px}.map-pin{background:var(--red);border:3px solid #fff;border-radius:50%;width:16px;height:16px;position:relative;box-shadow:0 2px 10px #14141359}.map-pin:after{content:"";border:2px solid #fff;border-radius:50%;animation:2.2s ease-out infinite map-pulse;position:absolute;inset:-3px}.art-body>p:first-child:first-letter{float:left;font-family:var(--display);color:var(--red);margin:.06em .1em 0 0;font-size:3.6em;font-weight:600;line-height:.85}.art-body h2{font-family:var(--display);letter-spacing:-.02em;color:var(--fg);margin:2em 0 .6em;font-size:clamp(24px,2.2vw,30px);font-weight:600;line-height:1.15}.art-body blockquote{border-left:3px solid var(--red);font-family:var(--display);letter-spacing:-.02em;color:var(--fg);margin:1.8em 0;padding:4px 0 4px 24px;font-size:clamp(24px,2.4vw,32px);font-weight:600;line-height:1.2}.art-body ul{gap:14px;margin:0 0 1.4em;padding:0;list-style:none;display:grid}.art-body li{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:16px 18px 16px 44px;position:relative}.art-body li:before{content:"";background:var(--red);width:10px;height:10px;position:absolute;top:1.45em;left:18px}.art-body li strong{color:var(--fg);font-weight:600}.more-from{padding-block:72px 80px}.more-from h2.sec{font-family:var(--display);letter-spacing:-.02em;margin:0 0 24px;font-size:clamp(26px,2.6vw,34px);font-weight:600}.art.life .art-head h1{letter-spacing:-.035em}.art.life .art-head h1 em{color:#a0703c;font-style:normal}.art.life .art-lede{color:#7d7468}.art-body u{text-decoration:underline;-webkit-text-decoration-color:var(--red);text-decoration-color:var(--red);text-underline-offset:.22em;text-decoration-skip-ink:auto;text-decoration-thickness:2px}.art.life .art-body u{text-decoration-color:#d9a65e}.art.life .art-meta .tag,.art.life .art-meta .post-tag{font:500 13px/1 var(--body);letter-spacing:0;text-transform:none;color:#a0703c;background:0 0;border:0;padding:0}.art.life .art-meta{font-family:var(--body);color:#9a8b74;font-size:13px}.art.life .art-hero{border:0;border-radius:24px}.art.life .art-body{color:#3d3a35;line-height:1.85}.art.life .art-body>p:first-child:first-letter{color:#a0703c}.art.life .art-body blockquote{text-align:center;color:#a0703c;border-left:0;margin:2.2em 0;padding:0}.art.life .art-body blockquote:before{content:"";background:#d9c7a6;width:40px;height:1px;margin:0 auto 22px;display:block}.art.life .art-body ul{border-top:1px solid #ece3d2;gap:0}.art.life .art-body li{background:0 0;border:0;border-bottom:1px solid #ece3d2;border-radius:0;padding:16px 0 16px 34px}.art.life .art-body li:before{background:#a0703c;width:14px;height:1.5px;top:1.6em;left:4px}.progress.life{background:#e9b872}
@keyframes morph{0%,40%{border-radius:0;transform:rotate(0)}50%,90%{border-radius:50%;transform:rotate(90deg)}to{border-radius:0;transform:rotate(180deg)}}@keyframes rise{to{opacity:1;transform:none}}@keyframes pulse{0%,to{opacity:.35}50%{opacity:1}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(.92)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8%)}}@keyframes sweep{0%,to{transform:translate(0)rotate(0)}33%{transform:translate(6%,-4%)rotate(-6deg)}66%{transform:translate(-5%,4%)rotate(5deg)}}@keyframes rise-bar{0%,to{transform:scaleY(1)}40%{transform:scaleY(.7)}70%{transform:scaleY(1.06)}}@keyframes ripple{0%,to{opacity:.25}12%{opacity:1}40%{opacity:.25}}@keyframes core{0%,to{transform:scale(1)rotate(0)}50%{transform:scale(1.25)rotate(45deg)}}@keyframes left-in{0%,to{transform:translate(0)}50%{transform:translate(18%)}}@keyframes right-in{0%,to{transform:translate(0)}50%{transform:translate(-18%)}}@keyframes blink{50%{opacity:0}}@keyframes nudge{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@keyframes flow{0%,to{opacity:.3}30%{opacity:1}}@keyframes refresh{0%{opacity:.2;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:translateY(-4px)}}@keyframes plp-scroll{0%{transform:translateY(0)}to{transform:translateY(calc(-50% - 4px))}}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-150% 0}}@keyframes h-flow{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes h-ring{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.8;transform:scale(1.03)}}@keyframes step-on{0%{opacity:0;transform:translateY(6px)}6%,30%{opacity:1;transform:none}36%,to{opacity:0;transform:translateY(-4px)}}@keyframes seg{0%,to{opacity:1}50%{opacity:.4}}@keyframes af-draw{0%{stroke-dashoffset:140px}40%,85%{stroke-dashoffset:0}to{stroke-dashoffset:0;opacity:.3}}@keyframes af-hl{0%,to{outline-color:#8ea2f48c}15%,35%{outline-color:#b9c5ff;box-shadow:0 0 0 4px #8ea2f440}}@keyframes ed-in{0%{opacity:0;transform:translate(-14px,14px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes cc-pulse{0%,to{box-shadow:0 0 #8ea2f400}50%{box-shadow:0 0 0 6px #8ea2f438}}@keyframes l-rise{0%{opacity:0;transform:translateY(16px)}}@keyframes l-pop{0%{opacity:0;transform:translateY(12px)scale(.98)}}@keyframes l-shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@keyframes map-pulse{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(3.2)}}