.top{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:14px var(--pad-x);background:linear-gradient(to bottom,color-mix(in srgb,var(--bg) 88%,transparent),transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.top-right{display:flex;align-items:center;gap:12px}@media(max-width:640px){.top .status-chip{display:none}}.hero{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:96px var(--pad-x) 64px;max-width:var(--max-w);margin-inline:auto;position:relative}.hero-kicker{font-size:.8rem;color:var(--muted);margin-bottom:18px}.hero-kicker a{color:var(--accent);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent) 50%,transparent);text-underline-offset:3px}.hero-name{font-size:clamp(3.4rem,15vw,9.5rem);font-weight:700;line-height:.94;letter-spacing:-.035em;margin:0 0 26px}.hero-tag{font-size:clamp(1.1rem,2.4vw,1.45rem);color:var(--soft);line-height:1.5;margin-bottom:38px}.hero-ctas{display:flex;flex-wrap:wrap;gap:14px}.hero-scroll{position:absolute;bottom:26px;left:var(--pad-x);font-size:.72rem;color:var(--muted);display:flex;align-items:center;gap:8px}.hero-scroll-arrow{display:inline-block;animation:nudge 1.6s ease-in-out infinite}@keyframes nudge{50%{transform:translateY(4px)}}.sec{padding:clamp(88px,14vh,150px) var(--pad-x);max-width:var(--max-w);margin-inline:auto}.sec-title{font-size:clamp(1.7rem,4vw,2.5rem);font-weight:600;letter-spacing:-.02em;margin-bottom:34px;display:flex;align-items:baseline;gap:14px}.sec-num{font-size:.85rem;color:var(--accent);font-weight:400}.sec-sub{color:var(--muted);margin:-18px 0 30px;max-width:52ch}.prose p{font-size:clamp(1.05rem,2vw,1.2rem);line-height:1.75;color:var(--soft);max-width:64ch}.prose p+p{margin-top:1.2em}.prose a{color:var(--accent);text-decoration-color:color-mix(in srgb,var(--accent) 45%,transparent)}.reveal{opacity:0;transform:translateY(14px)}.reveal.in{opacity:1;transform:none;transition:opacity .55s ease,transform .55s ease}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}.cards{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:860px){.cards{grid-template-columns:repeat(3,1fr)}}.card{display:flex;flex-direction:column;gap:18px;padding:26px 24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-2);text-decoration:none;transition:border-color .2s ease,transform .2s ease}a.card:hover{border-color:var(--accent);transform:translateY(-3px)}.card h3{font-size:1.3rem;font-weight:600;line-height:1.25;letter-spacing:-.01em}.card ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:10px;font-size:.78rem;color:var(--soft);line-height:1.5}.card li{padding-left:18px;position:relative}.card li:before{content:"▸";position:absolute;left:0;color:var(--accent)}.card-go{margin-top:auto;font-size:.72rem;color:var(--muted)}a.card:hover .card-go{color:var(--accent)}.pin-sec{position:relative}.pin-stage{height:100svh;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;background:var(--bg)}.flujo-mount{width:100%;display:flex;justify-content:center;padding-inline:16px}.flujo-mount svg{width:min(100%,1160px);height:auto;overflow:visible}.fcard-rect{stroke-width:1.5}.ftext{fill:var(--soft);font-family:var(--font-mono)}.ftext-node{fill:var(--text);font-family:var(--font-mono)}.fpath{stroke:var(--accent);stroke-width:2;fill:none}.fpulse{stroke:var(--accent-hot);stroke-width:2.5;fill:none;stroke-dasharray:14 260;stroke-dashoffset:0;opacity:0}.flujo-running .fpulse{opacity:1;animation:comet 2.4s linear infinite}@keyframes comet{to{stroke-dashoffset:-274}}.flujo-running .fcard-dot-lit{animation:dotpulse 2.4s ease-in-out infinite}@keyframes dotpulse{50%{opacity:.45}}.flujo-overlay{position:absolute;bottom:clamp(28px,8vh,72px);left:0;right:0;text-align:center;pointer-events:none}.flujo-label{position:absolute;left:0;right:0;bottom:0;font-size:clamp(.85rem,2.2vw,1.1rem);color:var(--soft);opacity:0;padding-inline:20px}@media(max-width:700px){.flujo-mount{padding-top:88px}}.flujo-badge{position:absolute;top:clamp(72px,12vh,110px);left:50%;transform:translate(-50%) scale(.92);border:1px solid var(--ok);color:var(--ok);border-radius:99px;padding:8px 18px;font-size:.8rem;background:color-mix(in srgb,var(--ok) 8%,var(--bg));opacity:0;white-space:nowrap}@media(max-width:700px){.flujo-badge{top:62px;font-size:.72rem}}.desk{position:relative;width:min(100% - 32px,1040px);display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:22px}.desk-frame{position:absolute;inset:0;border:1px solid var(--line);border-radius:16px;pointer-events:none}.dpanel{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-2);overflow:hidden;min-height:260px;display:flex;flex-direction:column}.dpanel-head{display:flex;align-items:center;gap:10px;padding:10px 14px;font-size:.68rem;color:var(--muted);border-bottom:1px solid var(--line);background:var(--surface)}.dpanel-dots{width:8px;height:8px;border-radius:50%;background:var(--line);box-shadow:14px 0 0 var(--line),28px 0 0 var(--line);margin-right:24px;flex:none}.dpanel-body{flex:1;padding:16px;margin:0;font-size:.72rem;line-height:1.7;color:var(--soft);overflow:hidden;position:relative}pre.dpanel-body{white-space:pre-wrap;word-break:break-word}#typecode .tk-c{color:var(--muted)}#typecode .tk-k{color:var(--accent)}#typecode .tk-s{color:var(--ok)}.caret{display:inline-block;width:7px;height:1em;background:var(--accent);vertical-align:text-bottom;animation:blink 1s steps(1) infinite}#miniflow-mount svg,#chart-mount svg{width:100%;height:100%}.mf-rect{fill:var(--surface);stroke:var(--line);stroke-width:1.5}.mf-text{fill:var(--soft);font-family:var(--font-mono)}.mf-path{stroke:var(--accent);stroke-width:2;fill:none}.ch-axis{stroke:var(--line);stroke-width:1}.ch-bar{fill:color-mix(in srgb,var(--accent) 28%,var(--bg-2))}.ch-line{stroke:var(--accent);stroke-width:2.5;fill:none;stroke-linecap:round}.ch-dot{fill:var(--accent-hot)}.desk-final{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;opacity:0;pointer-events:none}.desk-final-name{font-size:clamp(2.4rem,7vw,4.6rem);font-weight:700;letter-spacing:-.03em;line-height:1;text-shadow:0 2px 30px var(--bg)}.desk-final-tag{color:var(--accent);font-size:.85rem}@media(max-width:820px){.desk{grid-template-columns:1fr;gap:10px;padding:14px}.dpanel{min-height:0;height:min(27svh,200px)}.dpanel-body{font-size:.62rem;line-height:1.55}}.static-pieces .flujo-label[data-step="2"]{opacity:1}.static-pieces .flujo-badge{opacity:1;transform:translate(-50%)}.static-pieces .desk-final{opacity:1}.static-pieces .dpanel{opacity:.35}.static-pieces .caret{display:none}.term{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-2);overflow:hidden;max-width:780px}.term-head{display:flex;align-items:center;gap:10px;padding:10px 14px;font-size:.68rem;color:var(--muted);border-bottom:1px solid var(--line);background:var(--surface)}.term-out{padding:18px 18px 6px;font-size:.78rem;line-height:1.7;min-height:150px;max-height:320px;overflow-y:auto;color:var(--soft);white-space:pre-wrap;word-break:break-word}.term-out .t-cmd{color:var(--text)}.term-out .t-cmd:before{content:"➜ ~ ";color:var(--accent)}.term-out .t-acc,.term-out a{color:var(--accent)}.term-line{display:flex;align-items:center;gap:10px;padding:10px 18px 16px}.term-prompt{color:var(--accent);font-size:.82rem;flex:none}.term-in{flex:1;background:transparent;border:none;color:var(--text);font-size:.82rem;min-height:34px}.term-in:focus{outline:none}.term-in::placeholder{color:var(--muted)}.term-btns{display:flex;flex-wrap:wrap;gap:10px;padding:0 18px 18px}.term-btn{background:var(--surface);border:1px solid var(--line);color:var(--soft);border-radius:8px;padding:9px 16px;font-size:.75rem;cursor:pointer;min-height:40px;transition:border-color .15s ease,color .15s ease}.term-btn:hover{border-color:var(--accent);color:var(--accent)}.cta-final{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:96px var(--pad-x);gap:26px;background:linear-gradient(to bottom,var(--bg),var(--bg-2))}.cta-kicker{color:var(--accent);font-size:.8rem}.cta-title{font-size:clamp(2.2rem,7vw,4.8rem);font-weight:700;letter-spacing:-.03em;line-height:1.05}.cta-actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.cta-mail{font-size:.85rem}.cta-mail a{color:var(--soft);text-decoration-color:var(--accent)}.cta-mail a:hover{color:var(--accent)}.foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding:28px var(--pad-x);border-top:1px solid var(--line);background:var(--bg-2);font-size:.75rem;color:var(--muted)}.foot nav{display:flex;flex-wrap:wrap;gap:20px}.foot a{color:var(--muted);text-decoration:none;min-height:44px;display:inline-flex;align-items:center}.foot a:hover{color:var(--accent)}@media(prefers-reduced-motion:reduce){.hero-scroll-arrow,.caret,.flujo-running .fpulse,.flujo-running .fcard-dot-lit{animation:none}}