.onJ4JW_section{--accent:var(--pen);align-items:center;height:min(100svh,60rem);min-height:38rem;padding:1.5rem 0;display:flex;position:relative;overflow:clip visible}.onJ4JW_inner{z-index:1;flex-direction:column;gap:clamp(1rem,2.5vh,2rem);height:100%;display:flex;position:relative}.onJ4JW_head{flex:none;justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.onJ4JW_headText{gap:.5rem;display:grid}.onJ4JW_h2{font-family:var(--font-display);letter-spacing:-.045em;font-size:clamp(2.3rem,5.2vw,4.6rem);font-weight:800;line-height:.95}.onJ4JW_controls{z-index:2;align-items:center;gap:.6rem;display:flex;position:absolute;bottom:0;left:50%;translate:-50%}.onJ4JW_arrow{border:1px solid var(--line-2);width:3rem;height:3rem;color:var(--ink);transition:background-color .25s var(--ease), color .25s var(--ease), border-color .25s var(--ease), opacity .25s var(--ease), transform .3s var(--ease);background:#fff;border-radius:50%;place-items:center;display:grid}@media (hover:hover){.onJ4JW_arrow:hover:not(:disabled){background:var(--ink);border-color:var(--ink);color:var(--paper)}}@media (pointer:coarse){.onJ4JW_arrow{position:relative}.onJ4JW_arrow:after{content:"";border-radius:50%;position:absolute;inset:-.25rem}}.onJ4JW_arrow:active:not(:disabled){transform:scale(.92)}.onJ4JW_arrow:disabled{opacity:.35;cursor:default}.onJ4JW_stack{display:grid}.onJ4JW_stack>*{grid-area:1/1}.onJ4JW_grid{z-index:1;flex:1;grid-template-columns:minmax(0,.78fr) minmax(0,1.5fr);align-items:center;gap:clamp(2rem,4vw,4rem);min-height:0;display:grid;position:relative}.onJ4JW_copy{align-content:center;gap:1rem;min-width:0;display:grid}.onJ4JW_titleBox{min-height:1.15em;margin-bottom:-.18em;padding-bottom:.26em;font-size:clamp(2rem,min(3.4vw,5.6vh),3.2rem);overflow:hidden}.onJ4JW_titleWrap{align-items:flex-end;display:flex}.onJ4JW_title{font-family:var(--font-display);letter-spacing:-.045em;font-size:1em;font-weight:800;line-height:1}.onJ4JW_metaBox{min-height:12.5rem;margin:-4px;padding:4px;overflow:hidden}.onJ4JW_meta{align-content:start;gap:.75rem;display:grid}.onJ4JW_line{max-width:32ch;color:var(--ink-2);font-size:1.08rem}.onJ4JW_tags{flex-wrap:wrap;gap:.35rem;display:flex}.onJ4JW_tags li{border:1px solid var(--line-2);color:var(--ink-2);border-radius:999px;padding:.3rem .75rem;font-size:.8rem;font-weight:500}.onJ4JW_note{font-family:var(--font-pen);color:var(--pen);transform-origin:0;font-size:1.45rem;font-weight:600;line-height:1;transform:rotate(-2.5deg)}.onJ4JW_actionRow{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-top:.2rem;display:flex}.onJ4JW_action{isolation:isolate;border:1px solid var(--line-2);height:2.6rem;color:var(--ink);white-space:nowrap;transition:color .35s var(--ease), border-color .35s var(--ease), scale .3s var(--ease);background:#fff;border-radius:999px;align-items:center;gap:.6rem;padding:0 1.05rem 0 .3rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.onJ4JW_action:before{content:"";z-index:-1;background:var(--ink);clip-path:circle(.95rem at 1.25rem);opacity:0;transition:clip-path .55s var(--ease), opacity .2s var(--ease) .35s;position:absolute;inset:0}.onJ4JW_actionIcon{background:var(--ink);width:1.95rem;height:1.95rem;color:var(--paper);transition:background-color .35s var(--ease), color .35s var(--ease);border-radius:50%;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.onJ4JW_actionIcon svg{transition:translate .5s var(--ease);grid-area:1/1}.onJ4JW_action[data-kind=page] .onJ4JW_actionIcon svg:last-child{translate:-150%}.onJ4JW_action[data-kind=live] .onJ4JW_actionIcon svg:last-child,.onJ4JW_action[data-kind=demo] .onJ4JW_actionIcon svg:last-child{translate:-150% 150%}.onJ4JW_actionLabel{position:relative}@media (hover:hover){.onJ4JW_action.onJ4JW_action:hover{color:var(--paper);border-color:var(--ink)}.onJ4JW_action:hover:before{clip-path:circle(150% at 1.25rem);opacity:1;transition:clip-path .55s var(--ease), opacity 0s}.onJ4JW_action:hover .onJ4JW_actionIcon{background:var(--accent);color:var(--ink)}.onJ4JW_action[data-kind=page]:hover .onJ4JW_actionIcon svg:first-child{translate:150%}.onJ4JW_action[data-kind=live]:hover .onJ4JW_actionIcon svg:first-child,.onJ4JW_action[data-kind=demo]:hover .onJ4JW_actionIcon svg:first-child{translate:150% -150%}.onJ4JW_action:hover .onJ4JW_actionIcon svg:last-child{translate:0}}.onJ4JW_action:active{scale:.96}.onJ4JW_action:focus-visible{outline:2px solid var(--pen);outline-offset:2px}@media (pointer:coarse){.onJ4JW_action{height:2.75rem}}.onJ4JW_soon{background:color-mix(in oklab, var(--accent) 12%, transparent);height:1.8rem;color:var(--ink-2);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;gap:.45rem;padding:0 .7rem 0 .55rem;font-size:.66rem;display:inline-flex}.onJ4JW_soon i{border:1.5px dashed var(--accent);border-radius:50%;width:.62rem;height:.62rem;animation:6s linear infinite onJ4JW_soonSpin}@keyframes onJ4JW_soonSpin{to{rotate:1turn}}.onJ4JW_list{border-top:1px solid var(--line);margin-top:.25rem;display:grid}.onJ4JW_row{text-align:left;border-bottom:1px solid var(--line);width:100%;color:var(--ink-3);transition:color .3s var(--ease);grid-template-columns:1.4rem minmax(0,1fr);align-items:center;padding:.6rem 0;display:grid;position:relative}.onJ4JW_row[data-on]{color:var(--ink)}@media (hover:hover){.onJ4JW_row:hover{color:var(--ink)}}.onJ4JW_rowDot{width:.5rem;height:.5rem;transition:background-color .3s var(--ease), border-color .3s var(--ease), scale .4s var(--ease);border:1.5px solid;border-radius:50%}.onJ4JW_row[data-on] .onJ4JW_rowDot{background:var(--dot);border-color:var(--dot);scale:1.3}.onJ4JW_rowTitle{transition:translate .45s var(--ease);font-size:.95rem;font-weight:600}.onJ4JW_row[data-on] .onJ4JW_rowTitle{translate:.35rem}@media (hover:hover){.onJ4JW_row:hover .onJ4JW_rowTitle{translate:.35rem}}.onJ4JW_rowBar{height:2px;position:absolute;bottom:-1px;left:0;right:0;overflow:hidden}.onJ4JW_rowBar span{transform-origin:0;position:absolute;inset:0}.onJ4JW_stageCol{min-width:0;height:100%;min-height:0;padding-bottom:4rem;display:grid;position:relative}@property --showcase-glow{syntax:"<color>";inherits:false;initial-value:#2b3bff}.onJ4JW_glow{--showcase-glow:var(--accent);background:radial-gradient(closest-side, var(--showcase-glow) 0%, color-mix(in srgb, var(--showcase-glow) 98.7%, transparent) 30%, color-mix(in srgb, var(--showcase-glow) 95.2%, transparent) 40%, color-mix(in srgb, var(--showcase-glow) 86.1%, transparent) 50%, color-mix(in srgb, var(--showcase-glow) 68.7%, transparent) 60%, color-mix(in srgb, var(--showcase-glow) 45.1%, transparent) 70%, color-mix(in srgb, var(--showcase-glow) 22.8%, transparent) 80%, color-mix(in srgb, var(--showcase-glow) 8.5%, transparent) 90%, color-mix(in srgb, var(--showcase-glow) 2.3%, transparent) 97%, transparent 100%);opacity:.28;transition:--showcase-glow .7s var(--ease);pointer-events:none;position:absolute;inset:calc(8% - 140px) calc(6% - 140px)}.onJ4JW_stage{perspective:1400px;place-items:center;min-height:0;display:grid;position:absolute;inset:0 0 4rem}.onJ4JW_float{animation:onJ4JW_float 6s var(--ease-in-out) infinite;place-items:center;display:grid}@keyframes onJ4JW_float{50%{transform:translateY(-10px)}}.onJ4JW_frameLink{color:inherit;transform-style:preserve-3d;justify-items:center;text-decoration:none;display:grid;position:relative}.onJ4JW_frame{transition:background-color .5s var(--ease), box-shadow .5s var(--ease);background:#fff;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #1413101a,inset 0 2px #fff9,0 50px 90px -40px #1413108c}.onJ4JW_frame[data-frame=phone]{background:#141310}.onJ4JW_frame[data-frame=tablet]{background:#1b1b1e;box-shadow:0 0 0 1px #77746e,0 0 0 2.5px #1413102e,inset 0 0 0 1px #ffffff12,0 50px 90px -40px #141310a6}.onJ4JW_frame[data-frame=tablet] .onJ4JW_screen{background:#10131c}.onJ4JW_camera{z-index:5;pointer-events:none;background:radial-gradient(circle at 35% 35%,#4a5160,#0b0c0f 70%);border-radius:50%;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;position:absolute;top:0;left:50%;box-shadow:0 0 0 1px #ffffff0d}.onJ4JW_frame[data-frame=mac]{background:#161513;box-shadow:0 0 0 1px #00000080,0 50px 90px -40px #141310b3}@media (hover:hover){.onJ4JW_frameLink:hover .onJ4JW_frame{box-shadow:0 0 0 3px var(--accent), 0 60px 100px -40px #14131099}}.onJ4JW_chrome{background:#f6f4ef;border-bottom:1px solid #14131014;flex:none;align-items:center;gap:.75rem;padding:0 .9rem;display:flex;position:relative;overflow:hidden}.onJ4JW_frame[data-frame=phone] .onJ4JW_chrome{background:0 0;border:0;justify-content:center}.onJ4JW_lights{transition:opacity .3s var(--ease);gap:.35rem;display:flex}.onJ4JW_frame[data-frame=phone] .onJ4JW_lights{opacity:0;position:absolute}.onJ4JW_lights i{background:#ff5f57;border-radius:50%;width:.62rem;height:.62rem}.onJ4JW_lights i:nth-child(2){background:#febc2e}.onJ4JW_lights i:nth-child(3){background:#28c840}.onJ4JW_url,.onJ4JW_titleBar{font-family:var(--font-mono);color:var(--ink-2);white-space:nowrap;flex:1;justify-content:center;align-items:center;gap:.4rem;font-size:.72rem;display:inline-flex;overflow:hidden}.onJ4JW_url{background:#ebe7de;border-radius:8px;max-width:22rem;height:1.7rem;margin-inline:auto}.onJ4JW_addr{text-overflow:ellipsis;min-width:0;overflow:hidden}.onJ4JW_titleBar{font-family:var(--font-text);color:var(--ink);font-size:.78rem;font-weight:600}.onJ4JW_lock{background:#1f9a6a;border-radius:2px;width:.55rem;height:.5rem;position:relative}.onJ4JW_lock:before{content:"";border:1.5px solid #1f9a6a;border-bottom:0;border-radius:.2rem .2rem 0 0;width:.38rem;height:.3rem;margin-left:-.19rem;position:absolute;bottom:100%;left:50%}.onJ4JW_screen{background:#ebe5d8;flex:1;min-height:0;position:relative;overflow:hidden}.onJ4JW_frame[data-frame=phone] .onJ4JW_screen{border-radius:30px}.onJ4JW_screenInner{will-change:opacity, transform;position:absolute;top:0;left:0}.onJ4JW_shot,.onJ4JW_tall{object-fit:cover;object-position:top center;-webkit-user-select:none;user-select:none;width:100%;display:block;position:absolute;top:0;left:0}.onJ4JW_shot{height:100%}.onJ4JW_tall{opacity:0;height:auto;animation:onJ4JW_tallScroll 28s var(--ease-in-out) 2.8s infinite both;will-change:translate, opacity}@keyframes onJ4JW_tallScroll{0%{opacity:0;translate:0}4%,9%{opacity:1;translate:0}48%,56%{opacity:1;translate:0 var(--travel)}90%{opacity:1;translate:0}95%,to{opacity:0;translate:0}}.onJ4JW_glare{z-index:2;pointer-events:none;background:radial-gradient(circle at var(--gx,50%) var(--gy,50%), #ffffff47, transparent 45%);mix-blend-mode:soft-light;opacity:0;transition:opacity .4s var(--ease);position:absolute;inset:0}@media (hover:hover){.onJ4JW_frameLink:hover .onJ4JW_glare{opacity:1}}.onJ4JW_sweep{z-index:3;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff73,#0000);width:40%;position:absolute;top:0;bottom:0;left:0}.onJ4JW_homeBar{z-index:4;background:#ffffffd9;border-radius:999px;width:32%;height:4px;margin-left:-16%;position:absolute;bottom:14px;left:50%}.onJ4JW_stand{background:linear-gradient(#d9d3c6,#c8c0b0);border-radius:0 0 10px 10px;height:10px;margin-top:10px;display:block;box-shadow:0 18px 30px -16px #14131080}.onJ4JW_shapeTag{background:var(--ink);height:3rem;color:var(--paper);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;box-sizing:border-box;border-radius:999px;justify-content:center;align-items:center;gap:.55rem;padding:0 1.25rem;font-size:.72rem;line-height:1;display:inline-flex;position:relative}.onJ4JW_shapeTag i{background:var(--accent);width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in oklab, var(--accent) 30%, transparent);border-radius:50%;flex-shrink:0}@media (min-width:901px) and (max-height:820px){.onJ4JW_copy{gap:.6rem}.onJ4JW_titleBox{font-size:clamp(2rem,min(3.2vw,5vh),3rem)}.onJ4JW_meta{gap:.55rem}.onJ4JW_line{font-size:1rem}.onJ4JW_metaBox{min-height:11.6rem}.onJ4JW_row{padding:.36rem 0}.onJ4JW_rowTitle{font-size:.9rem}}@media (max-width:900px){.onJ4JW_section{height:min(100svh,52rem);min-height:34rem;padding:1rem 0}.onJ4JW_inner{gap:.75rem}.onJ4JW_head .eyebrow{display:none}.onJ4JW_h2{font-size:clamp(1.7rem,7.5vw,2.2rem)}.onJ4JW_arrow{width:2.6rem;height:2.6rem}.onJ4JW_grid{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:.75rem}.onJ4JW_glow{opacity:.22;inset:calc(8% - 110px) calc(6% - 110px)}.onJ4JW_stageCol{order:-1;align-self:stretch;height:auto;padding-bottom:3.3rem}.onJ4JW_stage{bottom:3.3rem}.onJ4JW_titleBox{min-height:1.1em;font-size:clamp(1.6rem,7vw,2.1rem)}.onJ4JW_metaBox{min-height:11.4rem}.onJ4JW_copy{gap:.55rem}.onJ4JW_title{font-size:clamp(1.8rem,8vw,2.4rem)}.onJ4JW_meta{gap:.5rem}.onJ4JW_line{font-size:.98rem}.onJ4JW_note{font-size:1.2rem}.onJ4JW_list{display:none}.onJ4JW_shapeTag{height:2.6rem;padding:0 1rem;font-size:.64rem}}@media (max-width:900px) and (max-height:700px){.onJ4JW_note{display:none!important}.onJ4JW_metaBox{min-height:9.6rem}}.onJ4JW_section:not([data-play]) *,.onJ4JW_section:not([data-play]) :before,.onJ4JW_section:not([data-play]) :after{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.onJ4JW_float,.onJ4JW_soon i{animation:none}.onJ4JW_tall{display:none}}
.-DClBq_section{padding-block:clamp(5.5rem,10vw,9rem);position:relative}.-DClBq_workSection{padding-top:clamp(5.5rem,10vw,9rem);padding-bottom:clamp(3rem,6vw,5rem);position:relative}.-DClBq_workSub{max-width:30ch;color:var(--ink-2)}.-DClBq_workFoot{justify-content:center;margin-top:1rem;display:flex}.-DClBq_head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:clamp(2.5rem,5vw,4rem);display:flex}.-DClBq_headText{gap:1rem;display:grid}.-DClBq_all{border:1px solid var(--line-2);height:3rem;color:var(--ink);transition:background-color .3s var(--ease), color .3s var(--ease), border-color .3s var(--ease);border-radius:999px;align-items:center;gap:.6rem;padding:0 1.3rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}@media (hover:hover){.-DClBq_all:hover{color:var(--paper);background:var(--ink);border-color:var(--ink)}}.-DClBq_allArrow{transition:transform .45s var(--ease)}@media (hover:hover){.-DClBq_all:hover .-DClBq_allArrow{transform:translate(4px)}}