.hero--web h1{font-size:clamp(2.2rem,12cqi,6.2rem)}.trades{display:flex;flex-wrap:wrap;gap:.6rem}.chip{min-height:2.75rem;padding:.4rem .95rem;border:0;border-radius:4px;background:transparent;color:var(--fg);font:650 1.0625rem/1 var(--text);font-stretch:75%;box-shadow:inset 0 0 0 2px var(--edge);cursor:pointer;transition:transform .18s var(--lift),background-color .15s}.chip:hover{transform:translateY(-2px)}.chip[aria-pressed=true]{background:var(--yellow);color:var(--ink);box-shadow:inset 0 0 0 2px var(--yellow),3px 5px 7px var(--shade)}.hero__note{color:var(--fg-2);font-size:.9375rem}.hero--web .hero__bench{justify-items:center}.stage--web .kit--stage{opacity:1;visibility:visible;transform:none}.ladder .services__list{container-type:inline-size}.kw{font-size:clamp(2.6rem,15.5cqi,6.6rem);line-height:.9;white-space:nowrap;transform-origin:left center}@keyframes squeeze{0%{transform:scaleX(.5);opacity:.3}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.kw{animation:squeeze linear both;animation-timeline:view();animation-range:entry 5% cover 42%}}}.ladder .svc{min-height:82svh}@media(max-width:900px){.stage--web{display:grid;order:0;position:sticky;top:var(--head);z-index:5;height:13.5rem;margin-inline:calc(var(--gut) * -1);padding-top:.75rem;background:var(--mat);border-bottom:1px solid var(--tick)}.stage--web .kit--stage{width:min(78%,21rem)}.ladder .svc{min-height:62svh;align-content:start}}.scr--demo{container-type:size;background:#fff}.demo{--bg: #fbf3e4;--fg: #3b2413;--soft: #7a5a43;--accent: #c8552b;--on-accent: #fff8ee;--panel: #fffaf0;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--bg);color:var(--fg);font:400 2.5cqw/1.3 Archivo Variable,sans-serif;font-stretch:100%;text-align:left;contain:layout paint;transition:background-color .35s,color .35s}.demo[data-skin=auto]{--bg: #16191d;--fg: #f3f3f1;--soft: #a6abb3;--accent: #e2392c;--on-accent: #fff;--panel: #23272d}.demo[data-skin=dental]{--bg: #eef6f7;--fg: #12333a;--soft: #4b6c73;--accent: #128a8a;--on-accent: #fff;--panel: #fff}.demo[data-skin=heat]{--bg: #0f2a4a;--fg: #fff;--soft: #b7c7dc;--accent: #ff8a3d;--on-accent: #1b1206;--panel: #18385f}.d-nav{display:flex;align-items:center;gap:1.6em;height:4.4em;padding:0 2em}.d-brand{margin-right:auto;font-weight:800;font-size:1.1em}.d-link{color:var(--soft)}.d-btn,.d-cta{display:inline-block;padding:.55em 1em;border-radius:.4em;background:var(--accent);color:var(--on-accent);font-weight:700;white-space:nowrap}.d-hero{display:flex;align-items:center;gap:2em;padding:1.2em 2em 0}.d-copy{flex:1 1 52%;min-width:0}.d-h{max-width:none;margin:0 0 .35em;font-size:3.1em;font-weight:800;line-height:1;letter-spacing:-.02em}.demo[data-skin=bakery] .d-h{font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:700}.demo[data-skin=auto] .d-h{font-stretch:62%;font-weight:900;font-size:4em;text-transform:uppercase;line-height:.92}.demo[data-skin=dental] .d-h{font-stretch:112%;font-weight:300}.demo[data-skin=heat] .d-h{font-stretch:125%}.d-hours{max-width:none;margin:0 0 1.1em;color:var(--soft);font-size:1.15em}.d-edit{padding:0 .15em;border-radius:.2em}.d-art{position:relative;flex:1 1 40%;aspect-ratio:1.15}.d-art i{position:absolute;display:block;transition:inset .45s var(--lift),border-radius .45s var(--lift),background-color .35s}.demo[data-skin=bakery] .d-art i:nth-child(1){top:26%;right:6%;bottom:8%;left:14%;border-radius:46% 46% 12% 12%/70% 70% 12% 12%;background:#b9773f}.demo[data-skin=bakery] .d-art i:nth-child(2){top:8%;right:40%;bottom:44%;left:4%;border-radius:50% 50% 14% 14%/80% 80% 14% 14%;background:#e0a868}.demo[data-skin=bakery] .d-art i:nth-child(3){top:54%;right:0;bottom:6%;left:62%;border-radius:50%;background:#c8552b}.demo[data-skin=auto] .d-art i:nth-child(1){top:6%;right:12%;bottom:6%;left:12%;border-radius:50%;background:#0b0d10;box-shadow:inset 0 0 0 1.1em #0b0d10,inset 0 0 0 1.5em #3a4049}.demo[data-skin=auto] .d-art i:nth-child(2){top:34%;right:36%;bottom:34%;left:36%;border-radius:50%;background:#e2392c}.demo[data-skin=auto] .d-art i:nth-child(3){top:84%;right:0;bottom:4%;left:0;border-radius:.2em;background:repeating-linear-gradient(-45deg,#f3f3f1 0,#f3f3f1 .7em,#16191d .7em,#16191d 1.4em)}.demo[data-skin=dental] .d-art i:nth-child(1){top:4%;right:8%;bottom:4%;left:8%;border-radius:50%;background:#bfe6e4}.demo[data-skin=dental] .d-art i:nth-child(2){top:22%;right:30%;bottom:20%;left:30%;border-radius:45% 45% 38% 38%/38% 38% 62% 62%;background:#fff}.demo[data-skin=dental] .d-art i:nth-child(3){top:12%;right:14%;bottom:74%;left:72%;border-radius:50%;background:#128a8a}.demo[data-skin=heat] .d-art i:nth-child(1){top:4%;right:18%;bottom:30%;left:18%;border-radius:50%;background:#ff8a3d}.demo[data-skin=heat] .d-art i:nth-child(2){top:52%;right:4%;bottom:6%;left:4%;border-radius:.6em .6em 0 0;background:#18385f}.demo[data-skin=heat] .d-art i:nth-child(3){top:64%;right:40%;bottom:6%;left:40%;border-radius:.3em .3em 0 0;background:#ffd9a6}.demo[data-step="2"] .d-edit{background:var(--accent);color:var(--on-accent);animation:blink .9s steps(2) infinite}@keyframes blink{50%{box-shadow:.2em 0 0 -.08em var(--fg)}}.d-panel{position:absolute;inset:auto 1.6em 1.4em;padding:1.1em 1.4em 1.3em;border-radius:.8em;background:var(--panel);box-shadow:0 .5em 1.6em #00000038;opacity:0;visibility:hidden;transform:translateY(110%);transition:transform .45s var(--lift),opacity .2s,visibility 0s .45s}.demo[data-step="3"] .d-book,.demo[data-step="4"] .d-join,.demo[data-step="5"] .d-flow{opacity:1;visibility:visible;transform:none;transition:transform .45s var(--lift),opacity .2s}.d-pt{max-width:none;margin:0 0 .7em;font-weight:800;font-size:1.25em}.d-slots,.d-rows{display:flex;flex-wrap:wrap;gap:.6em;margin:0;padding:0;list-style:none}.d-slots span,.d-rows li{padding:.45em .9em;border-radius:.4em;box-shadow:inset 0 0 0 .12em var(--soft);font-weight:600;white-space:nowrap}.demo[data-step="3"] .d-slots span:nth-child(3){background:var(--accent);color:var(--on-accent);box-shadow:none;animation:before-pick .01s .9s backwards}@keyframes before-pick{0%{background:transparent;color:inherit;box-shadow:inset 0 0 0 .12em var(--soft)}}.d-ok{max-width:none;margin:.8em 0 0;font-weight:700;color:var(--accent)}.demo[data-step="3"] .d-ok{animation:before-show .3s 1.4s backwards}@keyframes before-show{0%{opacity:0;transform:translateY(.4em)}}.d-rows li{display:flex;align-items:center;gap:.55em}.d-rows li:before{content:"";width:.7em;height:.7em;border-radius:50%;background:var(--accent)}.demo[data-step="4"] .d-join li:before,.demo[data-step="5"] .d-flow li:before{animation:before-lit .01s calc(.5s + var(--n) * .45s) backwards}.demo[data-step="4"] .d-join li,.demo[data-step="5"] .d-flow li{animation:before-dim .2s calc(.5s + var(--n) * .45s) backwards}@keyframes before-lit{0%{background:var(--soft);opacity:.4}}@keyframes before-dim{0%{opacity:.45}}.d-flow .d-rows{flex-direction:column;flex-wrap:nowrap;gap:.45em}.d-app{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;background:var(--panel);opacity:0;visibility:hidden;transform:scale(1.04);transition:opacity .3s,transform .4s var(--lift),visibility 0s .4s}.demo[data-step="6"] .d-app{opacity:1;visibility:visible;transform:none;transition:opacity .3s,transform .4s var(--lift)}.d-side{display:flex;flex-direction:column;gap:.9em;flex:none;width:27%;padding:1.6em 1.3em;background:var(--accent);color:var(--on-accent)}.d-side b{margin-bottom:.6em;font-size:1.05em;line-height:1.1}.d-side span:nth-of-type(1){font-weight:800}.d-main{flex:1;min-width:0;padding:1.6em 1.6em 0}.d-jobs{display:grid;gap:.5em;margin:0;padding:0;list-style:none}.d-jobs li{display:flex;align-items:center;justify-content:space-between;gap:1em;padding:.65em .9em;border-radius:.4em;background:var(--bg);font-weight:600;white-space:nowrap}.demo[data-step="6"] .d-jobs li{animation:before-show .3s calc(.25s + var(--n) * .12s) backwards}.d-pill{padding:.2em .7em;border-radius:1em;background:var(--accent);color:var(--on-accent);font-size:.85em;font-weight:700}.d-jobs li:nth-child(n+3) .d-pill{background:transparent;color:var(--soft);box-shadow:inset 0 0 0 .12em var(--soft)}@container (orientation: portrait){.demo{font-size:6.4cqw}.d-nav{gap:.8em;height:3.6em;padding:2.2em 1.1em 0}.d-link{display:none}.d-brand{font-size:.95em;line-height:1.05}.d-hero{flex-direction:column;align-items:stretch;gap:1.2em;padding:1.6em 1.1em 0}.d-h{font-size:2.2em}.demo[data-skin=auto] .d-h{font-size:2.8em}.d-art{flex:none;width:100%;aspect-ratio:1.3}.d-panel{inset:auto .8em 1em;padding:.9em 1em 1em}.d-side{display:none}.d-main{padding:2.4em 1em 0}}
