@font-face{font-family:sans;src:url(/_next/static/media/03e7decc532f08a6-s.p.woff2) format("woff2");font-display:swap;font-weight:400}@font-face{font-family:sans;src:url(/_next/static/media/7b78a01de3f438de-s.p.woff2) format("woff2");font-display:swap;font-weight:500}@font-face{font-family:sans;src:url(/_next/static/media/a50b65dc40b33829-s.p.woff2) format("woff2");font-display:swap;font-weight:600}@font-face{font-family:sans;src:url(/_next/static/media/31bf83bcbf020d67-s.p.woff2) format("woff2");font-display:swap;font-weight:700}@font-face{font-family:sans Fallback;src:local("Arial");ascent-override:96.67%;descent-override:24.66%;line-gap-override:8.88%;size-adjust:101.38%}.__className_2b40e4{font-family:sans,sans Fallback}.__variable_2b40e4{--font-sans:"sans","sans Fallback"}:root{--bg:#ffffff;--n-25:#FAFAFA;--n-100:#F2F2F2;--n-150:#E7E7E7;--n-200:#D9D9D9;--n-400:#A3A3A3;--n-600:#525252;--ink:#0A0A0A;--text:#262626;--text-2:#525252;--text-3:#6B6B6B;--muted:var(--text-2);--hairline:rgb(0 0 0/.06);--line:#E7E7E7;--surface:#F7F7F7;--panel:#EEF3F7;--frame-line:rgb(15 30 50/.10);--frame-shadow:0 1px 2px rgb(15 30 50/.06),0 16px 40px -18px rgb(15 30 50/.22);--select:oklch(0.63 0.17 148);--select-ink:oklch(0.46 0.12 150);--select-tint:oklch(0.96 0.03 150);--accent:var(--select);--accent-ink:var(--select-ink);--accent-soft:var(--select-tint);--err:#B42A2F;--emphasis:oklch(0.47 0.12 250);--font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--fs-display:clamp(38px,5.6vw,76px);--fs-h2:clamp(26px,3.2vw,40px);--fs-h3:clamp(16px,1vw,18px);--fs-body-lg:clamp(15.5px,1vw,17px);--fs-body:15.5px;--fs-small:13.5px;--fs-label:12.5px;--r-sm:6px;--r:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--r-2xl:28px;--shadow:0 1px 2px rgb(0 0 0/.04),0 2px 8px rgb(0 0 0/.03);--shadow-float:0 1px 2px rgb(0 0 0/.05),0 6px 20px rgb(0 0 0/.07);--shadow-pop:0 1px 2px rgb(0 0 0/.06),0 10px 28px rgb(0 0 0/.10);--shadow-shot:0 1px 2px rgb(0 0 0/.06),0 24px 60px -12px rgb(20 50 80/.22);--ease:cubic-bezier(0.22,1,0.36,1);--wrap:1180px;--gutter:clamp(16px,4vw,32px)}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:80px}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans),ui-sans-serif,system-ui,sans-serif;font-size:15.5px;line-height:1.55;letter-spacing:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body,figure,h1,h2,h3,ol,p,ul{margin:0}ol,ul{padding:0;list-style:none}a{text-decoration:none}a,button{color:inherit}button{font:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}::selection{background:#DCE8F5;color:var(--ink)}:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:4px}.mono{font-family:var(--font-mono)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.wrap{width:100%;max-width:calc(var(--wrap) + var(--gutter) * 2);margin:0 auto;padding:0 var(--gutter)}.btn{--h:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:var(--h);padding:0 20px;border-radius:999px;border:0;font-size:15px;font-weight:500;white-space:nowrap;transition:transform .16s var(--ease),background-color .16s,box-shadow .16s}.btn:active{transform:scale(.98)}.btn--sm{--h:36px;padding:0 16px;font-size:14px}.btn--dark,.btn--primary{background:var(--ink);color:#fff;box-shadow:inset 0 1px 0 rgb(255 255 255/.14),0 1px 2px rgb(0 0 0/.2)}.btn--dark:hover,.btn--primary:hover{background:#262626}.btn__arrow{display:inline-block;transition:transform .32s var(--ease)}.btn:hover .btn__arrow{transform:translateX(3px)}.btn:disabled{cursor:progress}.logo{display:inline-flex;align-items:center;gap:8px;color:var(--ink)}.logo__word{font-weight:600;font-size:19px;letter-spacing:-.03em}.bd{position:relative;isolation:isolate;overflow:hidden}.bd__paint{position:absolute;inset:0;z-index:-1;pointer-events:none}.bd__paint:after{content:none}.bd__paint i{position:absolute;border-radius:50%;filter:blur(40px)}.bd--sky{background:linear-gradient(180deg,#CFEAF4,#DFF2F8 50%,#F2FAFC)}.bd--sky .bd__paint i{background:radial-gradient(closest-side,#fff 30%,rgb(255 255 255/0));opacity:.45}.bd--sky .bd__paint i:first-child{width:42%;height:34%;left:-8%;top:6%}.bd--sky .bd__paint i:nth-child(2){width:38%;height:30%;right:-6%;top:-4%}.bd--sky .bd__paint i:nth-child(3){width:60%;height:40%;left:20%;top:40%;opacity:.4}.bd--sky .bd__paint i:nth-child(4){width:36%;height:28%;right:2%;top:38%;opacity:.5}.bd--panel{background:var(--panel)}.bd--panel .bd__paint{display:none}.shot{background:#fff;border-radius:var(--r-md);overflow:hidden;box-shadow:0 0 0 1px var(--frame-line),var(--frame-shadow)}.shot img{width:100%;height:auto}.wl{width:100%;max-width:440px}.wl__stage{position:relative}.wl__form{display:flex;gap:6px;padding:5px;background:#fff;border-radius:999px;box-shadow:0 0 0 1px rgb(10 10 10/.06),var(--shadow-float);transition:box-shadow .16s,opacity .32s var(--ease),transform .32s var(--ease),filter .32s}.wl__form:focus-within{box-shadow:0 0 0 1px rgb(10 10 10/.1),var(--shadow-float),0 0 0 5px rgb(11 122 31/.16)}.wl[data-state=error] .wl__form{box-shadow:0 0 0 1px #e6a8ab,var(--shadow-float),0 0 0 5px rgb(192 38 45/.1);animation:nudge .35s var(--ease)}.wl__input{flex:1 1;min-width:0;height:44px;padding:0 12px 0 18px;border:0;outline:0;background:transparent;font:inherit;font-size:16px;color:var(--ink)}.wl__input::placeholder{color:var(--n-400)}.wl__btn{--h:44px}.wl__hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.wl__note{margin-top:12px;font-size:var(--fs-label);color:var(--text-3);min-height:1.4em}.wl__note.is-error{color:var(--err)}.wl__done{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 18px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px rgb(10 10 10/.06),var(--shadow-float);font-size:15px;color:var(--n-600);text-align:left;opacity:0;transform:translateY(6px) scale(.98);pointer-events:none;transition:opacity .32s var(--ease) .08s,transform .5s var(--ease) .08s}.wl__done strong{color:var(--ink);font-weight:600}.wl__check{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--accent-ink);color:#fff;transform:scale(.4);transition:transform .5s cubic-bezier(.16,1,.3,1) .2s}.wl[data-state=created] .wl__form,.wl[data-state=exists] .wl__form{opacity:0;transform:scale(.98);filter:blur(2px)}.wl[data-state=created] .wl__done,.wl[data-state=exists] .wl__done{opacity:1;transform:none;pointer-events:auto}.wl[data-state=created] .wl__check,.wl[data-state=exists] .wl__check{transform:scale(1)}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgb(255 255 255/.3);border-top-color:#fff;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@keyframes nudge{0%,to{transform:none}30%{transform:translateX(-4px)}60%{transform:translateX(3px)}}.ve{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-gap:20px;gap:20px}.ve__panel{display:flex;flex-direction:column;gap:14px;background:#fff;border-radius:var(--r-xl);padding:16px;box-shadow:0 0 0 1px var(--line),var(--shadow);min-width:0}.ve__tabs{display:flex;gap:2px;padding:3px;background:var(--n-100);border-radius:var(--r);overflow-x:auto;scrollbar-width:none}.ve__tabs button{flex:1 1;border:0;background:transparent;height:32px;padding:0 10px;border-radius:var(--r-sm);font-size:14px;color:var(--n-600);white-space:nowrap;transition:background .16s,color .16s,box-shadow .16s}.ve__tabs button:hover{color:var(--ink)}.ve__tabs button.on{background:#fff;color:var(--ink);box-shadow:var(--shadow);font-weight:500}.ve__control{min-height:72px;display:flex;align-items:center;padding:4px}.ve__slider{width:100%;display:flex;flex-direction:column;gap:12px;font-size:14px;color:var(--n-600)}.ve__slider span{display:flex;justify-content:space-between}.ve__slider b{color:var(--ink);font-weight:500}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:24px;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:var(--n-150)}input[type=range]::-moz-range-track{height:4px;border-radius:4px;background:var(--n-150)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;margin-top:-7px;border-radius:50%;background:#fff;border:1px solid var(--n-200);box-shadow:var(--shadow-float)}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:1px solid var(--n-200)}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 5px rgb(11 122 31/.2)}.ve__seg{display:flex;gap:2px;width:100%;padding:3px;background:var(--n-100);border-radius:var(--r)}.ve__seg button{flex:1 1;height:34px;border:0;background:transparent;border-radius:var(--r-sm);font-size:14px;color:var(--n-600);transition:all .16s}.ve__seg button.on{background:#fff;color:var(--ink);box-shadow:var(--shadow);font-weight:500}.ve__swatches{display:flex;align-items:center;gap:10px}.ve__swatches button{width:30px;height:30px;border-radius:50%;border:0;background:var(--sw);box-shadow:inset 0 0 0 1px rgb(0 0 0/.1);transition:transform .16s var(--ease),box-shadow .16s}.ve__swatches button:hover{transform:scale(1.08)}.ve__swatches button.on{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--sw)}.ve__hex{margin-left:auto;font-size:13px;color:var(--muted)}.code{margin:0;display:flex;flex-direction:column;background:var(--n-25);color:#333;border-radius:var(--r-md);padding:12px 0 14px;box-shadow:inset 0 0 0 1px var(--line);font-family:var(--font-mono);font-size:12.5px;line-height:1.75;overflow-x:auto}.code__file{padding:0 14px 8px;margin-bottom:6px;border-bottom:1px solid var(--line);color:var(--muted);font-size:11.5px}.code__line{display:block;padding-right:14px;white-space:pre;transition:background-color .6s}.code__line i{display:inline-block;width:34px;text-align:right;padding-right:14px;color:#b5b5b5;font-style:normal}.code__line.is-flash{background:var(--accent-soft);box-shadow:inset 2px 0 0 var(--accent);transition:none}.code .k{color:#a23bb0}.code .f{color:#0a0a0a}.code .t{color:#0b7a1f}.code .a{color:#875c00}.code .s{color:#1f5fbf}.ve__stage{position:relative;display:grid;place-items:center;min-height:440px;padding:32px;border-radius:var(--r-xl);overflow:hidden;background:var(--panel)}.ve__device{width:100%;max-width:540px;background:#fff;border-radius:var(--r-md);box-shadow:0 0 0 1px var(--frame-line),var(--frame-shadow);transition:max-width .5s var(--ease),border-radius .5s;overflow:hidden}.ve__stage.is-mobile .ve__device{max-width:250px;border-radius:28px;box-shadow:0 0 0 6px #0a0a0a,var(--frame-shadow)}.ve__section{transition:padding .25s var(--ease);outline:1.5px solid var(--accent);outline-offset:-1.5px}.ve__eyebrow{font-size:12px;font-weight:600;transition:color .3s}.ve__h{font-weight:500;letter-spacing:-.035em;line-height:1.08;margin:6px 0 18px;transition:font-size .15s}.ve__grid{display:grid;grid-gap:10px;gap:10px}.ve__card{display:flex;flex-direction:column;gap:7px;padding:14px;border:1px solid var(--n-150);border-radius:10px;font-size:14px}.ve__card b{font-weight:500}.ve__icon{width:24px;height:24px;border-radius:7px;transition:background .3s;margin-bottom:4px}.ve__bar{height:6px;border-radius:6px;background:var(--n-100);width:90%}.ve__bar.s{width:60%}:root{--grey:var(--text-3);--dot:rgb(0 0 0/.08)}.muted{color:var(--text-3)}em{font-style:normal;color:var(--emphasis)}.display{letter-spacing:-.04em;line-height:.98}.display,.h2{font-weight:500;text-wrap:balance;color:var(--ink)}.h2{font-size:var(--fs-h2);line-height:1.05;letter-spacing:-.03em}.lede{font-size:var(--fs-body-lg);line-height:1.55;color:var(--text-2);max-width:46ch;text-wrap:pretty}.pill{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 14px;border-radius:999px;font-size:13.5px;font-weight:500;color:var(--ink);background:#fff;box-shadow:0 0 0 1px var(--line),var(--shadow)}.pill__dot{width:5px;height:5px;border-radius:50%;background:var(--select)}.canvas{position:relative;isolation:isolate}.canvas:before{content:"";inset:0;z-index:-1;background-image:radial-gradient(var(--dot) 1px,transparent 1.2px);background-size:22px 22px;-webkit-mask-image:radial-gradient(70% 60% at 50% 35%,#000 30%,transparent 80%);mask-image:radial-gradient(70% 60% at 50% 35%,#000 30%,transparent 80%)}.canvas:before,.cur{position:absolute;pointer-events:none}.cur{display:inline-flex;align-items:flex-start;color:var(--ink);z-index:3}.cur svg{filter:drop-shadow(0 2px 4px rgb(0 0 0/.18))}.cur__tag{margin:16px 0 0 -4px;padding:3px 9px;border-radius:999px 999px 999px 4px;background:var(--ink);color:#fff;font-size:var(--fs-label);font-weight:600;white-space:nowrap;letter-spacing:0;box-shadow:var(--shadow-float)}.cur--ai{color:var(--select)}.cur--ai .cur__tag{background:var(--select-ink)}@keyframes drift-a{0%,to{transform:translate(0)}30%{transform:translate(14px,-10px)}60%{transform:translate(-8px,8px)}}@keyframes drift-b{0%,to{transform:translate(0)}40%{transform:translate(-16px,6px)}75%{transform:translate(10px,-12px)}}.sel{position:relative;display:inline-block;white-space:nowrap}.sel__box{inset:.02em -.12em -.04em -.1em;pointer-events:none;animation:sel-in .7s var(--ease) .6s both}.sel__box,.sel__box i{position:absolute;border:2px solid var(--accent);border-radius:2px}.sel__box i{width:11px;height:11px;background:#fff}.sel__box i:first-child{left:-6.5px;top:-6.5px}.sel__box i:nth-child(2){right:-6.5px;top:-6.5px}.sel__box i:nth-child(3){left:-6.5px;bottom:-6.5px}.sel__box i:nth-child(4){right:-6.5px;bottom:-6.5px}.sel__tag{position:absolute;top:calc(100% + 10px);padding:3px 8px;border-radius:5px;background:var(--select-ink);color:#fff;font-family:var(--font-sans),sans-serif;font-size:12px;font-weight:600;font-style:normal;letter-spacing:.01em;line-height:1.4}@keyframes sel-in{0%{opacity:0;transform:scale(1.04)}}.note{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:8px 14px 8px 10px;border-radius:999px;background:#fff;font-size:13px;font-weight:500;white-space:nowrap;box-shadow:0 0 0 1px rgb(10 10 10/.06),var(--shadow-pop);animation:rise .9s var(--ease) both}.note__dot{width:8px;height:8px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 4px rgb(10 10 10/.08)}.note--ai .note__dot{background:var(--accent);box-shadow:0 0 0 4px rgb(34 160 75/.2)}.ab{display:flex;flex-direction:column;gap:8px}.ab__label{font-family:var(--font-sans),sans-serif;font-size:var(--fs-label);font-weight:600;color:var(--text-3);padding-left:2px}.ab__frame{position:relative;border-radius:var(--r-lg);box-shadow:0 0 0 1px var(--line);overflow:hidden;background:#fff}.nav{position:fixed;inset:14px 0 auto;z-index:50;display:flex;justify-content:center;padding:0 12px;pointer-events:none}.nav__bar{pointer-events:auto;display:flex;align-items:center;gap:6px;height:54px;padding:0 8px 0 18px;border-radius:999px;background:rgb(255 255 255/.72);backdrop-filter:saturate(1.6) blur(16px);-webkit-backdrop-filter:saturate(1.6) blur(16px);box-shadow:0 0 0 1px rgb(10 10 10/.06);transition:box-shadow .32s var(--ease),background-color .32s,border-radius .2s}.nav.is-scrolled .nav__bar{background:rgb(255 255 255/.9);box-shadow:0 0 0 1px rgb(10 10 10/.06),var(--shadow-pop)}.nav__div{width:1px;height:20px;margin:0 6px;background:var(--n-200);flex:none}.nav__links{display:flex;align-items:center;gap:2px;margin-right:22px}.nav__links a{position:relative;font-size:14.5px;font-weight:500;color:var(--n-600);padding:7px 12px;border-radius:999px;transition:color .16s,background-color .16s}.nav__links a:hover{color:var(--ink);background:var(--n-100)}.nav__links a[aria-current=page]{color:var(--ink)}.nav__links a[aria-current=page]:after{content:"";position:absolute;left:12px;right:12px;bottom:2px;height:2px;border-radius:2px;background:var(--select)}.logo__word{font-size:18px}.nav__scrim,.nav__sheet,.nav__toggle{display:none}.hero__copy{max-width:1100px;margin:0 auto;padding:0 var(--gutter);display:flex;flex-direction:column;align-items:center;text-align:center}.hero__sub{max-width:580px;font-size:var(--fs-body-lg);line-height:1.55;color:var(--text-2);text-wrap:pretty}.hero__form{width:100%;display:flex;justify-content:center}.hero__form .wl__note{text-align:center}.hero__cur-you{left:6%;top:46%;animation:drift-a 11s ease-in-out infinite}.hero__cur-ai{right:12%;top:64%}.hero__stage{margin-top:clamp(56px,7vw,88px);padding:0 12px}.hero__panel{border-radius:var(--r-2xl);padding:clamp(40px,6vw,80px) clamp(16px,5vw,72px) 0}.hero__shot{position:relative;max-width:1160px;margin:0 auto}.hero__shot .shot{border-radius:var(--r-lg) var(--r-lg) 0 0;aspect-ratio:2880/1400;box-shadow:0 0 0 1px var(--frame-line),0 24px 60px -24px rgb(15 30 50/.3)}.hero__shot .shot img{height:100%;object-fit:cover;object-position:top left}.hero__n1{left:34%;top:25%;animation-delay:.9s}.hero__n2{left:31%;top:30%}.hero__n3{right:22%;top:58%;animation-delay:1.2s}.logos{padding:clamp(40px,5vw,56px) 0 clamp(36px,4.5vw,48px);border-block:1px solid var(--n-100)}.logos .wrap{display:flex;flex-direction:column;align-items:center}.logos__label{font-size:var(--fs-small);font-weight:500;color:var(--text-2)}.logos__list{width:100%;max-width:980px;margin-top:26px;display:flex;justify-content:space-between;align-items:center;gap:24px}.logos__item{display:inline-flex;align-items:center;gap:10px;color:var(--text-3);font-size:17px;font-weight:500;letter-spacing:-.015em;white-space:nowrap;transition:color .16s var(--ease)}.logos__mark{flex:none;fill:currentColor;transition:fill .16s var(--ease)}.logos__mark--wide{width:30px;height:30px}.logos__item:hover{color:var(--ink)}.logos__item:hover .logos__mark{fill:var(--brand)}.logos__note{margin-top:26px;font-size:var(--fs-label);color:var(--text-3);text-align:center}[data-reveal] .logos__item{opacity:0;transform:translateY(6px);transition:opacity .6s var(--ease),transform .6s var(--ease),color .16s}[data-reveal].is-in .logos__item{opacity:1;transform:none}.logos__item:nth-child(2){transition-delay:40ms}.logos__item:nth-child(3){transition-delay:80ms}.logos__item:nth-child(4){transition-delay:.12s}.logos__item:nth-child(5){transition-delay:.16s}.logos__item:nth-child(6){transition-delay:.2s}.logos__item:hover{transition-delay:0s}.section{padding:clamp(96px,12vw,160px) 0}.sechead{margin-bottom:clamp(40px,5vw,64px);max-width:780px}.sechead--center{margin-left:auto;margin-right:auto;text-align:center}.split{display:grid;grid-template-columns:1.1fr 1fr;grid-gap:clamp(24px,6vw,96px);gap:clamp(24px,6vw,96px);align-items:end;margin-bottom:clamp(40px,5vw,56px)}.statement{font-size:clamp(28px,3.6vw,48px);line-height:1.14;letter-spacing:-.028em;color:var(--ink);font-weight:500;max-width:34ch;text-wrap:pretty}.boards{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px}.boards h3{margin-top:18px;font-size:var(--fs-h3);font-weight:600;letter-spacing:-.015em;color:var(--ink)}.boards p{margin-top:6px;font-size:var(--fs-body);color:var(--text-2)}.board{position:relative;aspect-ratio:1/1;background:var(--panel);display:grid;place-items:center;padding:18px;overflow:hidden}.board--crop{place-items:start;padding:0}.board--crop img{position:absolute;left:24px;top:24px;width:250%;max-width:none;border-radius:var(--r-md) 0 0 0;box-shadow:0 0 0 1px var(--frame-line),var(--frame-shadow)}.board--crop-r img{width:130%}.mini-prompt{display:flex;align-items:center;gap:10px;width:100%;padding:12px 10px 12px 14px;border-radius:14px;background:#fff;font-size:14px;font-weight:500;line-height:1.3;box-shadow:var(--shadow-pop)}.mini-prompt__spark{color:var(--accent-ink)}.mini-prompt__go{margin-left:auto;flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--ink);color:#fff;font-size:13px}.domain{display:inline-flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:#fff;font-size:var(--fs-small);font-weight:500;box-shadow:var(--shadow-pop)}.domain__dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgb(34 160 75/.2)}.domain__live{padding:2px 8px;border-radius:999px;background:var(--accent-soft);color:var(--accent-ink);font-size:12px;font-weight:600}.bento{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.tile{display:flex;flex-direction:column;min-width:0}.tile--wide{grid-column:span 2}.tile--tall{grid-row:span 2}.tile__art{position:relative;flex:1 1;min-height:340px;border-radius:var(--r-xl);overflow:hidden;transition:transform .32s var(--ease),box-shadow .32s var(--ease)}.tile:hover .tile__art{transform:translateY(-2px)}.tile--wide .tile__art{min-height:420px}.tile__art--plain{background:var(--panel);display:grid;place-items:center}.tile__cap{margin-top:16px;font-size:var(--fs-body);color:var(--text-2);padding-right:12px;text-wrap:pretty}.tile__cap b{color:var(--ink);font-weight:600}.tile__shot{position:absolute;left:32px;right:32px;top:40px;bottom:-1px;border-radius:var(--r-md) var(--r-md) 0 0}.tile__shot img{height:100%;object-fit:cover;object-position:top center}.tile__shot--assist{left:auto;width:min(50%,400px);top:48px}.tile__shot--inspector{left:18%;right:18%}.tile__shot--mobile{left:14%;right:14%}.bubble{position:absolute;left:7%;top:18%;z-index:2;max-width:38%;padding:14px 18px;border-radius:16px 16px 16px 4px;background:#fff;font-size:clamp(17px,1.6vw,22px);font-weight:500;letter-spacing:-.02em;line-height:1.25;box-shadow:var(--shadow-pop)}.bubble__cur{left:calc(100% - 20px);top:calc(100% - 6px)}.diff{width:100%;display:flex;flex-direction:column;font-size:12.5px;line-height:1.9;background:#fff;border-radius:12px;padding:12px 0;box-shadow:0 0 0 1px var(--frame-line),var(--frame-shadow)}.diff__file{display:flex;justify-content:space-between;align-items:center;padding:0 14px 8px;margin-bottom:6px;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px}.diff__ok{padding:1px 8px;border-radius:999px;background:var(--accent-soft);color:var(--accent-ink);font-weight:600;font-family:var(--font-sans),sans-serif}.diff__l{padding:0 14px;white-space:pre;color:#444}.diff__l--del{background:#fdecec;color:#a4262c}.diff__l--add{background:var(--accent-soft);color:var(--accent-ink)}.ab--demo .ab__frame{padding:16px;background:var(--n-25)}.own{display:grid;grid-template-columns:1fr 1fr;grid-gap:clamp(28px,6vw,96px);gap:clamp(28px,6vw,96px);align-items:center}.own .lede{margin-top:20px}.own__art{border-radius:var(--r-xl);padding:clamp(32px,5vw,64px)}.stack{display:flex;flex-direction:column;gap:10px}.stack li{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:var(--r-md);background:#fff;box-shadow:0 0 0 1px var(--frame-line),var(--frame-shadow)}.stack li:nth-child(2){margin-left:24px}.stack li:nth-child(3){margin-left:48px}.stack__ic{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--ink);color:#fff}.stack__ic svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.stack b{display:block;font-weight:600;color:var(--ink)}.stack span:not(.stack__ic){font-size:var(--fs-small);color:var(--text-2)}.final{padding:clamp(72px,9vw,120px) var(--gutter) clamp(110px,14vw,170px)}.final__copy{position:relative;max-width:1000px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center}.final__title{margin-top:30px;font-size:clamp(40px,6.4vw,88px)}.final__cur{right:-2%;top:58%;animation:drift-b 12s ease-in-out infinite}.footer{overflow:hidden;border-top:1px solid var(--n-100)}.footer__row{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding-top:28px;font-size:var(--fs-small);color:var(--text-2)}.footer__tag{margin-right:auto}.footer__word{font-size:clamp(120px,27vw,400px);font-weight:600;letter-spacing:-.06em;line-height:.8;text-align:center;color:var(--n-100);margin:24px 0 -.14em;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-reveal],[data-reveal].is-in{opacity:1;transform:none}.hero__copy>:not(.cur){animation:rise .9s var(--ease) both}.hero__copy>:nth-child(2){animation-delay:.06s}.hero__copy>:nth-child(3){animation-delay:.12s}.hero__copy>:nth-child(4){animation-delay:.18s}.hero__stage{animation:rise 1.2s var(--ease) .3s both}@keyframes rise{0%{transform:translateY(18px)}}@media (max-width:1080px){.boards{row-gap:36px}.bento,.boards{grid-template-columns:repeat(2,1fr)}.tile--tall{grid-row:auto}.tile--wide{grid-column:span 2}.hero__n2{display:none}}@media (max-width:860px){.ve{grid-template-columns:1fr}.ve__stage{order:-1;min-height:340px}.own,.split{grid-template-columns:1fr}.hero__cur-you{display:none}}@media (max-width:760px){.nav__cta,.nav__div,.nav__links{display:none}.nav__bar{gap:10px;padding-right:6px}.nav__toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:40px;height:40px;border:0;background:transparent;border-radius:999px;flex:none;transition:background-color .16s}.nav__toggle:hover{background:var(--n-100)}.nav__toggle span{width:16px;height:1.5px;border-radius:1px;background:var(--ink);transition:transform .28s var(--ease),opacity .2s var(--ease)}.nav.is-open .nav__toggle span:first-child{transform:translateY(5.5px) rotate(45deg)}.nav.is-open .nav__toggle span:nth-child(2){opacity:0}.nav.is-open .nav__toggle span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}.nav.is-open .nav__bar{border-radius:22px}.nav__scrim{display:block;position:fixed;inset:0;z-index:-1;border:0;padding:0;cursor:default;background:rgb(10 10 10/.28);opacity:0;pointer-events:none;transition:opacity .28s var(--ease)}.nav.is-open .nav__scrim{opacity:1;pointer-events:auto}.nav__sheet{display:flex;flex-direction:column;gap:4px;pointer-events:auto;position:absolute;top:68px;left:12px;right:12px;padding:10px;background:#fff;border-radius:20px;box-shadow:0 0 0 1px rgb(10 10 10/.06),var(--shadow-pop);opacity:0;transform:translateY(-8px) scale(.98);transform-origin:top center;transition:opacity .22s var(--ease),transform .28s var(--ease);visibility:hidden}.nav.is-open .nav__sheet{opacity:1;transform:none;visibility:visible}.nav__sheet nav{display:flex;flex-direction:column}.nav__sheet nav a{padding:13px 14px;border-radius:13px;font-size:16px;font-weight:500;color:var(--ink);transition:background-color .16s}.nav__sheet nav a:hover{background:var(--n-100)}.nav__sheet nav a[aria-current=page]{color:var(--select-ink)}.nav__sheet-cta{margin:6px 4px 4px;height:46px}.hero__cur-ai{display:none}.hero__stage{padding:0 8px}.hero__panel{border-radius:22px;padding:32px 0 0 20px}.hero__shot{width:180%;max-width:none}.hero__shot .shot{border-radius:14px 0 0 0}.hero__n1,.hero__n3{display:none}.boards{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:74%;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);margin:0 calc(var(--gutter) * -1);padding:0 var(--gutter) 6px;scrollbar-width:none}.boards li{scroll-snap-align:start}.bento{grid-template-columns:1fr}.tile--wide{grid-column:auto}.tile--wide .tile__art,.tile__art{min-height:360px}.bubble{max-width:70%;top:7%;font-size:17px}.tile__shot--assist{width:auto;left:32px;right:32px;top:40%}.stack li:nth-child(n){margin-left:0}.final__cur{display:none}.sel__box i{width:9px;height:9px}}@media (max-width:520px){.wl__form{flex-direction:column;border-radius:18px;padding:6px}.wl__input{height:48px;text-align:center;padding:0 12px}.wl__btn{width:100%;height:48px;border-radius:13px}.wl__done{border-radius:18px}.sel__tag{font-size:10.5px;top:calc(100% + 6px)}.footer__row{flex-direction:column;align-items:flex-start;gap:8px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}[data-reveal]{opacity:1;transform:none}}.preview-note{font-size:var(--fs-label);color:var(--text-3);text-align:center}.ab--demo+.preview-note,.preview-note{margin-top:14px}.faq{display:grid;grid-template-columns:.8fr 1.2fr;grid-gap:clamp(28px,6vw,96px);gap:clamp(28px,6vw,96px);align-items:start}.faq__head{position:-webkit-sticky;position:sticky;top:110px}.faq__list{margin:0;border-top:1px solid var(--line)}.faq__item{border-bottom:1px solid var(--line)}.faq__item summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;cursor:pointer;list-style:none}.faq__item summary::-webkit-details-marker{display:none}.faq__item h3{font-weight:600;letter-spacing:-.015em;color:var(--ink)}.faq__icon{position:relative;flex:none;width:28px;height:28px;border-radius:50%;background:var(--n-100);transition:background-color .16s,transform .32s var(--ease)}.faq__icon:after,.faq__icon:before{content:"";position:absolute;left:50%;top:50%;width:11px;height:1.5px;background:var(--ink);transform:translate(-50%,-50%)}.faq__icon:after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .32s var(--ease)}.faq__item[open] .faq__icon{background:var(--ink)}.faq__item[open] .faq__icon:after,.faq__item[open] .faq__icon:before{background:#fff}.faq__item[open] .faq__icon:after{transform:translate(-50%,-50%) rotate(0deg)}.faq__item summary:hover .faq__icon{background:var(--n-150)}.faq__item[open] summary:hover .faq__icon{background:#262626}.faq__a{margin:-6px 0 24px;max-width:58ch;font-size:var(--fs-body);color:var(--text-2)}.footer__links{display:flex;gap:20px}.footer__links a{color:var(--muted);transition:color .16s}.footer__links a:hover{color:var(--ink)}.analytics-notice{position:fixed;left:16px;bottom:16px;z-index:60;max-width:380px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 16px;border-radius:16px;background:#fff;font-size:14px;color:var(--n-600);box-shadow:0 0 0 1px rgb(10 10 10/.06),var(--shadow-pop)}.analytics-notice .btn:not(.btn--dark){background:var(--n-100);color:var(--ink)}.analytics-notice a{text-decoration:underline;text-underline-offset:2px}@media (max-width:900px){.logos__list{display:grid;grid-template-columns:repeat(3,auto);justify-content:space-evenly;grid-row-gap:22px;row-gap:22px}}@media (max-width:520px){.logos__list{grid-template-columns:repeat(2,1fr);justify-items:center}.logos__item{font-size:16px}}@media (max-width:860px){.faq{grid-template-columns:1fr}.faq__head{position:static}}@media (max-width:520px){.footer__links{flex-wrap:wrap;gap:14px}}.ab--demo+.preview-note{padding-left:2px}.disclosure{max-width:1160px;margin:18px auto 0;padding:0 12px;font-size:var(--fs-small);color:var(--text-2);text-align:center;text-wrap:balance}:root{--fs-statement:clamp(21px,2.4vw,32px);--space-section:clamp(64px,7.5vw,104px);--space-head:clamp(26px,3vw,44px);--t-fast:160ms;--t-mid:320ms}.final__title,.hero__title{font-size:var(--fs-display);line-height:.98}.statement{font-size:var(--fs-statement);line-height:1.2;max-width:30ch}.boards h3,.faq__item h3{font-size:var(--fs-h3)}.boards p,.tile__cap{font-size:var(--fs-body)}.hero__sub,.lede{font-size:var(--fs-body-lg)}.section{padding-block:var(--space-section)}.section--tight{padding-top:0}.sechead,.split,.split--head{margin-bottom:var(--space-head)}.final{padding-top:calc(var(--space-section) * .6);padding-bottom:var(--space-section)}.sel__tag{top:auto;bottom:calc(100% + 10px);right:-2px}.sel .sel__cur{left:calc(100% + .06em);top:calc(100% - 4px);font-size:16px;letter-spacing:0;line-height:1.2;font-style:normal}.sel__box i{animation:handle-in .4s var(--ease) both}.sel__box i:first-child{animation-delay:.9s}.sel__box i:nth-child(2){animation-delay:.94s}.sel__box i:nth-child(3){animation-delay:.98s}.sel__box i:nth-child(4){animation-delay:1.02s}@keyframes handle-in{0%{transform:scale(0)}}.board{aspect-ratio:4/3}.board--compose{justify-content:flex-end;align-items:stretch;gap:10px;padding:24px}.board--compose,.ghost{display:flex;flex-direction:column}.ghost{gap:8px;align-self:flex-start;width:70%;padding:12px 14px;border-radius:12px 12px 12px 4px;background:rgb(255 255 255/.75)}.ghost i{height:6px;border-radius:6px;background:var(--n-150)}.ghost i:nth-child(2){width:80%}.ghost i:nth-child(3){width:55%}.mini-prompt{font-size:var(--fs-small);box-shadow:0 0 0 1px var(--frame-line),var(--frame-shadow)}.mini-prompt__spark{display:grid;color:var(--select-ink)}.mini-prompt__spark svg{width:14px;height:14px;fill:currentColor}.mini-prompt__go svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.publish{align-self:flex-end;display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;background:#fff;font-size:var(--fs-label);box-shadow:0 0 0 1px var(--frame-line)}.publish__k{color:var(--text-3)}.publish__v{font-weight:600;color:var(--ink)}.domain{align-self:stretch;justify-content:flex-start;box-shadow:0 0 0 1px var(--frame-line),var(--frame-shadow)}.domain__live{margin-left:auto}.board--crop img,.board--crop-r img{width:160%;left:24px;top:24px}.board--crop img,.board>*{transition:transform var(--t-mid) var(--ease)}.boards li:hover .board--crop img,.boards li:hover .board>*{transform:translateY(-2px)}.ab__label{transition:color var(--t-fast)}.boards li:hover .ab__label{color:var(--ink)}.bento{align-items:stretch}.tile--wide .tile__art,.tile__art{flex:none;min-height:0;aspect-ratio:auto;height:clamp(260px,24vw,340px)}.tile:not(.tile--wide) .tile__cap{min-height:3.1em}.tile__art--plain{padding:32px;display:flex;align-items:center;justify-content:center}.diff,.tile__shot--export{border-radius:var(--r-md)}.tile__shot--export{top:50%;bottom:auto;transform:translateY(-50%)}.tile__shot--export img{height:auto;-webkit-clip-path:inset(3px round 10px);clip-path:inset(3px round 10px)}.diff,.tile__shot{transition:transform var(--t-mid) var(--ease),box-shadow var(--t-mid) var(--ease)}.tile:hover .tile__art{transform:none}.tile:hover .diff,.tile:hover .tile__shot--assist,.tile:hover .tile__shot--inspector,.tile:hover .tile__shot--mobile{transform:translateY(-4px);box-shadow:0 0 0 1px var(--frame-line),0 22px 44px -18px rgb(15 30 50/.3)}.tile:hover .tile__shot--export{transform:translateY(calc(-50% - 4px));box-shadow:0 0 0 1px var(--frame-line),0 22px 44px -18px rgb(15 30 50/.3)}.split{align-items:start}.ve__panel .code{flex:1 1}.ab--demo+.preview-note{text-align:left}.stack li:nth-child(n){margin-left:0}.stack li,.stack__ic{transition:transform var(--t-mid) var(--ease)}.stack li:hover{transform:translateY(-2px)}.stack li:hover .stack__ic{transform:rotate(-6deg)}.own__art{padding:clamp(24px,4vw,48px)}.faq{display:flex;flex-direction:column;align-items:center;gap:0}.faq__head{position:static;text-align:center;margin-bottom:var(--space-head)}.faq__list{width:100%;max-width:760px}.faq__item{transition:background-color var(--t-mid) var(--ease),border-radius var(--t-mid)}.faq__item summary{padding:20px 16px}.faq__item h3{line-height:1.3;transition:color var(--t-fast) var(--ease)}.faq__item summary:hover h3{color:var(--text-2)}.faq__item[open] summary:hover h3{color:var(--ink)}.faq__item[open]{background:none}.faq__a{margin:-6px 60px 24px 16px;max-width:none;text-wrap:pretty}.faq__more{margin-top:28px;font-size:var(--fs-small);color:var(--text-2);text-align:center}.faq__more a{color:var(--ink);font-weight:500;text-decoration:underline;-webkit-text-decoration-color:var(--n-200);text-decoration-color:var(--n-200);text-underline-offset:3px;transition:-webkit-text-decoration-color var(--t-fast);transition:text-decoration-color var(--t-fast);transition:text-decoration-color var(--t-fast),-webkit-text-decoration-color var(--t-fast)}.faq__more a:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}@supports (interpolate-size:allow-keywords){:root{interpolate-size:allow-keywords}.faq__item::details-content{block-size:0;overflow:hidden;transition:block-size var(--t-mid) var(--ease),content-visibility var(--t-mid) allow-discrete}.faq__item[open]::details-content{block-size:auto}}.btn--dark:hover,.btn--primary:hover{transform:translateY(-1px)}.btn--dark:active,.btn--primary:active{transform:translateY(0) scale(.98)}.wl__input::placeholder{transition:opacity var(--t-fast)}.wl__input:focus::placeholder{opacity:.5}.logos__item{transition:color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.logos__item:hover{transform:translateY(-1px)}.footer__links a{position:relative}.footer__links a:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform var(--t-mid) var(--ease)}.footer__links a:hover:after{transform:scaleX(1)}@media (max-width:1080px){.bento,.boards{grid-template-columns:repeat(2,1fr)}.tile--wide{grid-column:span 2}}@media (max-width:760px){.sel .sel__cur{display:none}.boards{grid-template-columns:none;grid-auto-columns:80%}.bento{grid-template-columns:1fr}.tile--wide{grid-column:auto}.tile--wide .tile__art,.tile__art{aspect-ratio:auto;flex:none;min-height:0;height:300px}.tile:not(.tile--wide) .tile__cap{min-height:0}.hero__shot{width:150%}.hero__n2{display:inline-flex;left:16px;top:18%}.logos__list{justify-items:center}.faq__item summary{padding:18px 8px}.faq__a{margin:-6px 44px 20px 8px}}@media (max-width:520px){.hero__title{margin-top:36px}.sel__tag{bottom:auto;top:calc(100% + 6px)}}@media (prefers-reduced-motion:reduce){.sel__box i{animation:none}.boards li:hover .board--crop img,.boards li:hover .board>*,.btn--dark:hover,.btn--primary:hover,.logos__item:hover,.stack li:hover,.stack li:hover .stack__ic,.tile:hover .diff,.tile:hover .tile__shot{transform:none}}.hero{padding-top:clamp(112px,11vw,148px)}.hero__copy{position:relative;z-index:2}.hero__sub,.hero__title{margin-top:20px}.hero__form{margin-top:24px}.hero__form .wl{max-width:480px}.hero__form .wl__btn,.hero__form .wl__input{height:48px}.hero__form .wl__form{padding:6px}.hero__form .wl__form:focus-within{box-shadow:0 0 0 1px rgb(10 10 10/.16),var(--shadow-float),0 0 0 5px rgb(10 10 10/.07)}.hero__stage{position:relative;z-index:1;margin-top:-120px}.hero__panel{padding-top:152px;border-radius:0 0 var(--r-2xl) var(--r-2xl);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 150px);mask-image:linear-gradient(180deg,transparent 0,#000 150px)}.hero__shot{max-width:1200px}.hero__shot .shot{animation:shot-in 1.1s var(--ease) .35s both;transform-origin:50% 0}@keyframes shot-in{0%{opacity:0;transform:translateY(24px) scale(.98)}}.hero__stage{animation:none}.hero__title .sel__tag{top:-9px;bottom:auto;right:14px;font-size:11px;padding:2px 7px}.hero__n2.note--card{border-radius:12px;padding:10px 14px 10px 12px;font-size:13.5px}.hero__n2{animation-delay:1s}.hero__n3{animation-delay:1.15s}@media (max-width:760px){.hero{padding-top:96px}.hero__stage{margin-top:-48px}.hero__panel{padding-top:72px;border-radius:0 0 22px 22px;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 64px);mask-image:linear-gradient(180deg,transparent 0,#000 64px)}.hero__title .sel__tag{top:calc(100% + 6px);bottom:auto;right:-2px}.hero__sub{margin-top:36px}}@media (prefers-reduced-motion:reduce){.hero__shot .shot{animation:none}}.sel__tag:before{content:attr(data-tag)}.cur__tag:before{content:attr(data-name)}.analytics-settings{padding:0 var(--gutter) 20px;text-align:center}.analytics-settings button{background:none;border:0;padding:6px 8px;font-size:var(--fs-label);color:var(--text-3);text-decoration:underline;text-underline-offset:3px;-webkit-text-decoration-color:var(--n-200);text-decoration-color:var(--n-200);transition:color var(--t-fast)}.analytics-settings button:hover{color:var(--ink)}@media (max-width:520px){.analytics-notice{left:12px;right:12px;max-width:none}}.board--crop img{width:170%}.board--crop-r img{width:110%}@keyframes sel-draw{0%{-webkit-clip-path:inset(50% 50% 50% 50%);clip-path:inset(50% 50% 50% 50%)}to{-webkit-clip-path:inset(-16px);clip-path:inset(-16px)}}@keyframes tag-in{0%{opacity:0}}@keyframes cur-settle{0%{opacity:0;transform:translate(-22px,-16px)}}@keyframes dot-ping{0%{opacity:.5;transform:scale(.65)}80%,to{opacity:0;transform:scale(2.2)}}@keyframes check-draw{0%{stroke-dashoffset:24}}@keyframes diff-bar{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes nav-line{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.hero .sel__box{animation:sel-draw .5s var(--ease) .55s backwards}.hero .sel__box i:first-child{animation-delay:1.05s}.hero .sel__box i:nth-child(2){animation-delay:1.09s}.hero .sel__box i:nth-child(3){animation-delay:1.13s}.hero .sel__box i:nth-child(4){animation-delay:1.17s}.hero .sel__tag{animation:tag-in .28s var(--ease) 1.28s both}.hero .sel .sel__cur{animation:cur-settle .45s var(--ease) 1.05s both}.final .sel__box,.final .sel__box i,.final .sel__tag{animation:none}.final__copy.is-in .sel__box{animation:sel-draw .5s var(--ease) backwards}.final__copy.is-in .sel__box i{animation:handle-in .4s var(--ease) both}.final__copy.is-in .sel__box i:first-child{animation-delay:.5s}.final__copy.is-in .sel__box i:nth-child(2){animation-delay:.54s}.final__copy.is-in .sel__box i:nth-child(3){animation-delay:.58s}.final__copy.is-in .sel__box i:nth-child(4){animation-delay:.62s}.final__copy.is-in .sel__tag{animation:tag-in .28s var(--ease) .72s both}.domain__dot,.pill__dot{position:relative}.domain__dot:after,.pill__dot:after{content:"";position:absolute;inset:-4px;border-radius:inherit;border:1px solid var(--select);opacity:0;pointer-events:none;animation:dot-ping 2.4s var(--ease) infinite}.wl__check path{stroke-dasharray:24;animation:check-draw .4s var(--ease) .22s both}.ab__frame{transition:box-shadow var(--t-mid) var(--ease)}.boards li:hover .ab__frame{box-shadow:0 0 0 1px var(--select)}.diff__l--add{position:relative}.diff__l--add:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--accent);transform:scaleY(1);transform-origin:top}.bento[data-reveal] .diff__l--add:before{transform:scaleY(0)}.bento[data-reveal].is-in .diff__l--add:before{animation:diff-bar .4s var(--ease) .15s forwards}.nav__links a[aria-current=page]:after{transform-origin:left;animation:nav-line .32s var(--ease) both}.reading{max-width:860px;margin-inline:auto;padding:clamp(112px,11vw,148px) var(--gutter) var(--space-section)}.reading a:not(.guide-index a):not(.btn):not(.related-guides a){text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--n-200);text-decoration-color:var(--n-200);transition:-webkit-text-decoration-color var(--t-fast) var(--ease);transition:text-decoration-color var(--t-fast) var(--ease);transition:text-decoration-color var(--t-fast) var(--ease),-webkit-text-decoration-color var(--t-fast) var(--ease)}.reading a:not(.guide-index a):not(.btn):not(.related-guides a):hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.reading-header{margin-bottom:clamp(32px,4vw,48px)}.reading-header h1{max-width:18ch;font-size:clamp(30px,3.8vw,46px);line-height:1.08;letter-spacing:-.03em;font-weight:500;text-wrap:balance}.reading-header>p{margin-top:20px;max-width:62ch;color:var(--text-2);font-size:var(--fs-body-lg);line-height:1.6;text-wrap:pretty}.reading-header .article-byline{font-size:var(--fs-small);color:var(--text-3);margin-top:16px}.reading-header .article-answer{color:var(--ink)}.breadcrumbs{display:flex;align-items:center;gap:10px;margin-bottom:24px;font-size:var(--fs-small);color:var(--text-3)}.breadcrumbs a{color:var(--text-2);text-decoration:none!important;transition:color var(--t-fast)}.breadcrumbs a:hover{color:var(--ink)}.breadcrumbs__sep{color:var(--n-200)}.guide-index{border-top:1px solid var(--line)}.guide-index li{border-bottom:1px solid var(--line)}.guide-index a{display:block;padding:clamp(24px,3vw,32px) 0}.guide-index h2{font-size:clamp(19px,1.8vw,24px);line-height:1.2;font-weight:500;letter-spacing:-.02em;color:var(--ink);text-wrap:balance}.guide-index p{margin-top:10px;color:var(--text-2);max-width:62ch}.guide-index__go{display:inline-flex;align-items:center;gap:6px;margin-top:16px;font-size:var(--fs-small);font-weight:600;color:var(--text-2);transition:color var(--t-fast)}.guide-index a:hover .guide-index__go{color:var(--ink)}.arrow{display:inline-block;transition:transform var(--t-mid) var(--ease)}.guide-index a:hover .arrow,.related-guides a:hover .arrow{transform:translateX(4px)}.reading-note{margin-top:32px;font-size:var(--fs-small);color:var(--text-2)}.article-toc{margin-bottom:clamp(36px,4vw,48px);padding:20px 24px;border-radius:var(--r-md);background:var(--panel)}.article-toc strong{font-size:var(--fs-label);font-weight:600;color:var(--text-2)}.article-toc ol{margin-top:12px;display:grid;grid-gap:8px;gap:8px;list-style:decimal inside;color:var(--text-3);font-size:var(--fs-body)}.article-toc li::marker{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.article-toc a{color:var(--ink);text-decoration:none!important;background:linear-gradient(currentColor,currentColor) 0 100% /0 1px no-repeat;transition:background-size var(--t-mid) var(--ease)}.article-toc a:hover{background-size:100% 1px}.prose{font-size:clamp(15.5px,1vw,17px);line-height:1.75;color:var(--text);overflow-wrap:anywhere}.prose section{margin-top:clamp(40px,5vw,56px);scroll-margin-top:110px}.prose section:first-child{margin-top:0}.prose h2{font-size:clamp(21px,2vw,26px);font-weight:500;line-height:1.2;letter-spacing:-.02em;color:var(--ink);text-wrap:balance}.prose p{text-wrap:pretty}.prose p,.prose ul{margin-top:18px;max-width:68ch}.prose ul{list-style:disc;padding-left:22px}.prose li+li{margin-top:8px}.prose li::marker{color:var(--text-3)}.prose pre{margin:24px 0 0;padding:20px 24px;max-width:100%;overflow-x:auto;background:var(--n-25);border-radius:var(--r-md);box-shadow:inset 0 0 0 1px var(--frame-line);font-size:14px;line-height:1.7;-moz-tab-size:2;tab-size:2}.prose code{font-family:var(--font-mono)}.guide-example{margin-top:24px}.guide-example figcaption{margin-top:12px;font-size:var(--fs-small);color:var(--text-3);line-height:1.6}.example-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.example-comparison .example-label{margin:0 0 8px;font-size:var(--fs-label);font-weight:600;color:var(--text-2)}.example-after,.example-before{min-height:260px;border-radius:var(--r-md);background:#fff;box-shadow:0 0 0 1px var(--frame-line)}.example-before{padding:12px}.example-before h3{font-size:18px;font-weight:500}.example-before p{margin:4px 0;font-size:16px}.example-after{padding:24px}.example-after h3{font-size:24px;line-height:1.2;font-weight:600}.example-after p{margin-top:12px;font-size:16px;line-height:1.6}.example-after .meta{font-size:var(--fs-small);color:var(--text-3)}.example-action{display:inline-block;margin-top:8px;font-size:var(--fs-small)}.example-after .example-action{margin-top:24px;padding:8px 16px;border-radius:999px;background:var(--ink);color:#fff;font-weight:500}.example-projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));grid-gap:12px;gap:12px}.example-projects>div{min-width:0;padding:20px;border-radius:var(--r-md);box-shadow:0 0 0 1px var(--frame-line);overflow-wrap:anywhere}.example-projects p{margin-top:8px;font-size:16px;color:var(--text-2)}.related-guides{margin-top:clamp(48px,6vw,64px)}.related-guides h2{font-size:clamp(19px,1.8vw,22px);font-weight:500;letter-spacing:-.02em}.related-guides ul{margin-top:16px;border-top:1px solid var(--line)}.related-guides li{border-bottom:1px solid var(--line)}.related-guides a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;color:var(--ink);font-weight:500}.related-guides a .arrow{color:var(--text-3);transition:transform var(--t-mid) var(--ease),color var(--t-fast)}.related-guides a:hover .arrow{color:var(--ink)}.article-cta{margin-top:clamp(48px,6vw,72px);padding:clamp(28px,5vw,48px);border-radius:var(--r-xl);background:var(--panel);text-align:center;display:flex;flex-direction:column;align-items:center}.article-cta h2{font-size:clamp(21px,2.2vw,27px);font-weight:500;line-height:1.15;letter-spacing:-.025em;text-wrap:balance}.article-cta>p{margin-block:12px 24px;max-width:48ch;color:var(--text-2)}.article-cta .wl{max-width:480px}.article-cta .wl__btn,.article-cta .wl__input{height:48px}.article-cta .wl__note{text-align:center}@media (max-width:600px){.example-comparison{grid-template-columns:1fr}.example-after,.example-before{min-height:auto}.prose pre{padding:16px;font-size:12.5px}.article-toc{padding:18px}}@media (prefers-reduced-motion:reduce){.guide-index a:hover .arrow,.related-guides a:hover .arrow{transform:none}}