:root{--ink: var(--color-text);--paper: var(--color-surface);--grey: var(--color-muted);--dim: var(--color-dim);--rule: var(--color-border);--gutter: 24px;--side: 40px;--ease-out: cubic-bezier(.16, 1, .3, 1)}html{scroll-behavior:smooth;scroll-padding-top:72px}body{height:auto;background:var(--paper);color:var(--ink);font-family:var(--font-sans);font-size:16px;line-height:1.55}::selection{background:var(--ink);color:var(--paper)}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}a{color:inherit}h1,h2,h3{margin:0;font-family:var(--font-display);font-weight:500;letter-spacing:-.02em;text-wrap:balance}.wrap{width:100%;max-width:1280px;margin-inline:auto;padding-inline:var(--side)}.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gutter)}.skip{position:absolute;left:16px;top:-60px;z-index:20;padding:10px 14px;background:var(--ink);color:var(--paper);border-radius:var(--radius-sm);text-decoration:none}.skip:focus{top:12px}.particles{position:fixed;inset:0;z-index:0;width:100%;height:100%;pointer-events:none}main,.footer{position:relative;z-index:1}.nav{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--rule)}.nav__row{display:flex;align-items:center;gap:32px;height:64px;max-width:1680px;padding-inline:min(32px,var(--side))}.brand{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:19px;font-weight:600;letter-spacing:-.02em;text-decoration:none}.brand__mark{display:block;flex:none;width:26px;height:26px}.nav__links{display:flex;gap:28px;margin-left:auto;font-size:14px}.nav__links a{color:var(--grey);text-decoration:none;transition:color .15s ease}.nav__links a:hover{color:var(--ink)}.btn{display:inline-flex;align-items:center;height:48px;padding:0 24px;border-radius:var(--radius-pill);background:var(--ink);color:var(--paper);font-size:15px;font-weight:500;text-decoration:none;transition:transform .2s var(--ease-out),background-color .2s ease}.btn:hover{transform:translateY(-2px);background:var(--color-text)}.btn:active{transform:translateY(0) scale(.98)}.btn--sm{height:38px;padding:0 16px;font-size:14px}.link-arrow{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:15px;font-weight:500;text-decoration:none}.link-arrow:after{content:"";width:14px;height:1.5px;background:currentColor;transition:width .25s var(--ease-out)}.link-arrow:hover:after{width:26px}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px}.hero{padding-top:clamp(56px,9vw,120px)}.hero__title{grid-column:1 / span 8;font-size:clamp(44px,6.6vw,92px);line-height:.98}.hero__side{grid-column:1 / span 7;display:flex;flex-direction:column;gap:28px;margin-top:32px}.hero__lead{margin:0;max-width:52ch;color:var(--grey);font-size:18px}[data-enter]{animation:enter .9s var(--ease-out) both}.hero__side[data-enter]{animation-delay:.12s}@keyframes enter{0%{opacity:0;transform:translateY(18px)}}.board{position:relative;background:var(--paper);margin:clamp(48px,6vw,80px) 0 0;border:1px solid var(--ink);border-radius:var(--radius-xl);overflow:hidden}.board__bar{display:flex;justify-content:space-between;gap:16px;padding:14px 20px;border-bottom:1px solid var(--rule);font-size:13px;font-weight:500}.board__hint{color:var(--grey);font-weight:400}.board__canvas{position:relative;height:340px;background-image:radial-gradient(var(--color-board-dot) 1px,transparent 1px);background-size:18px 18px}.edges{position:absolute;inset:0;width:100%;height:100%}.edges path{fill:none;stroke:var(--ink);stroke-width:1.5;vector-effect:non-scaling-stroke}.node{position:absolute;display:flex;flex-direction:column;gap:2px;width:16%;min-width:140px;padding:12px 16px;border:1.5px solid var(--ink);border-radius:var(--radius-lg);background:var(--paper);color:var(--ink);font:14px/1.3 var(--font-mono);text-align:left;white-space:nowrap;cursor:pointer;transition:transform .2s var(--ease-out),background-color .15s ease,color .15s ease}.node small{font:11px/1.3 var(--font-sans);color:var(--grey)}.node:hover{transform:translateY(-2px)}.node--box{border-style:dashed;color:var(--grey)}.node.is-selected{background:var(--ink);border-color:var(--ink);border-style:solid;color:var(--paper)}.node.is-selected small{color:var(--dim)}.node.is-focus:after{content:"";position:absolute;inset:-7px;border-radius:calc(var(--radius-lg) + 7px);padding:2.5px;background:conic-gradient(from var(--holo-turn),var(--puca-holo-stops));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;animation:holo-spin 6s linear infinite;pointer-events:none}.card{position:absolute;left:60%;top:52%;display:flex;flex-direction:column;gap:4px;max-width:260px;padding:14px 16px;border:1px solid var(--ink);border-radius:var(--radius-md);background:var(--paper);font-size:13px}.card strong{font-family:var(--font-mono);font-weight:500}.card__owner{color:var(--grey)}.tag{align-self:flex-start;margin-top:4px;padding:3px 10px;border:1px solid var(--ink);border-radius:var(--radius-pill);font-size:12px;font-weight:500}.tag[hidden]{display:none}.board__caption{display:flex;align-items:center;gap:18px;padding:16px 20px;border-top:1px solid var(--rule)}.board__caption p{margin:0;font-size:15px}.board__caption b{font-weight:600}.orb{position:relative;flex:none;width:52px;height:52px;border-radius:50%}.puca{padding-top:clamp(96px,12vw,168px)}.puca__stage{grid-column:2 / span 4;position:relative;aspect-ratio:1;align-self:center}.puca__sphere{position:absolute;inset:0}.puca__copy{grid-column:7 / span 5;align-self:center}.puca__copy h2{margin-bottom:32px;font-size:clamp(32px,3.6vw,52px);line-height:1.04}.skills{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}.skills li{border-bottom:1px solid var(--rule)}.skill{position:relative;display:grid;width:100%;padding:12px 0;border:0;background:none;color:var(--dim);text-align:left;cursor:pointer;transition:color .35s var(--ease-out)}.skill:hover{color:var(--grey)}.skill__name{font-family:var(--font-display);font-size:clamp(19px,1.7vw,24px);font-weight:500;line-height:1.2;letter-spacing:-.015em}.skill__line{max-height:0;overflow:hidden;opacity:0;font-size:15px;color:var(--grey);transition:max-height .45s var(--ease-out),opacity .3s ease,margin .45s var(--ease-out)}.skill.is-active{color:var(--ink)}.skill.is-active .skill__line{max-height:3.2em;opacity:1;margin-top:4px}.skill:after{content:"";position:absolute;left:0;bottom:-1px;height:1px;width:100%;background:var(--ink);transform:scaleX(0);transform-origin:left}.skills.is-running .skill.is-active:after{animation:tick var(--skill-ms, 3.2s) linear forwards}@keyframes tick{to{transform:scaleX(1)}}.problem{padding-top:clamp(96px,12vw,168px)}.problem__title,.who__title{grid-column:1 / span 5;font-size:clamp(32px,3.6vw,52px);line-height:1.04}.rows{grid-column:7 / span 6;margin:0;border-top:1px solid var(--ink)}.row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:var(--gutter);padding:22px 0;border-bottom:1px solid var(--rule)}.row dt{font-family:var(--font-display);font-size:19px;font-weight:500;letter-spacing:-.02em}.row dd{margin:0;color:var(--grey)}.who{padding-top:clamp(96px,12vw,168px)}.who__col{grid-column:span 3;padding-top:18px;border-top:1px solid var(--ink)}.who__col:nth-of-type(1){grid-column:1 / span 4}.who__col:nth-of-type(2){grid-column:6 / span 4}.who__title--big{grid-column:1 / -1;max-width:18ch;margin-bottom:56px;font-size:clamp(40px,5.6vw,80px);line-height:1}.who__col h3{font-size:22px}.who__col p{margin:10px 0 0;color:var(--grey)}.install{padding-top:clamp(96px,12vw,168px);scroll-margin-top:72px}.install__intro{grid-column:1 / span 5}.install__title{font-size:clamp(32px,3.6vw,52px);line-height:1.04}.install__intro p{margin:20px 0 0;max-width:40ch;color:var(--grey)}.install__steps{grid-column:7 / span 6;margin:0;padding:0;list-style:none;counter-reset:passo;border-top:1px solid var(--ink)}.step{position:relative;padding:22px 0 22px 44px;border-bottom:1px solid var(--rule);counter-increment:passo}.step:before{content:counter(passo);position:absolute;left:0;top:22px;font-family:var(--font-display);font-size:19px;color:var(--dim)}.step h3{font-size:19px}.step p{margin:8px 0 0;color:var(--grey)}.step .actions{margin-top:8px;gap:0 24px}.cmd{display:flex;align-items:center;gap:12px;margin-top:12px;padding:10px 10px 10px 16px;border:1px solid var(--rule);border-radius:var(--radius-sm);background:var(--color-surface-muted)}.cmd__text{flex:1;min-width:0;font-family:var(--font-mono);font-size:13px;line-height:1.5;overflow-wrap:anywhere}.cmd__copy{flex:none;border:0;cursor:pointer;font-family:inherit}.step code:not(.cmd__text),.install__note code{font-family:var(--font-mono);font-size:.9em}kbd{padding:1px 6px;border:1px solid var(--rule);border-radius:4px;font-family:inherit;font-size:.9em}.install__note{grid-column:7 / span 6;margin:24px 0 0;font-size:13px;color:var(--grey)}.install__note a{color:var(--ink)}.close{position:relative;margin-top:clamp(112px,14vw,200px);padding-block:clamp(96px,12vw,160px);border-top:1px solid var(--rule)}.close__inner{position:relative}.close h2{max-width:14ch;margin-bottom:40px;font-size:clamp(44px,6.6vw,92px);line-height:.98}.footer{border-top:1px solid var(--rule)}.footer__row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:28px 40px;font-size:13px;color:var(--grey)}.footer .brand{color:var(--ink);font-size:16px}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}[data-enter],.node.is-focus:after{animation:none}.skill,.skill__line,.btn,.node{transition:none}}@media (max-width: 1024px){.hero__title{grid-column:1 / -1}.hero__side{grid-column:1 / span 9}.puca__stage{grid-column:1 / span 5}.puca__copy{grid-column:6 / -1}.problem__title,.who__title{grid-column:1 / -1;margin-bottom:40px}.rows,.install__intro,.install__steps,.install__note{grid-column:1 / -1}.install__intro{margin-bottom:40px}.who__col,.who__col:nth-of-type(1),.who__col:nth-of-type(2){grid-column:span 6}}@media (max-width: 720px){:root{--side: 16px;--gutter: 16px}.nav__links{display:none}.nav__row .btn{margin-left:auto}.hero__side{grid-column:1 / -1}.puca__stage{grid-column:4 / span 6;margin-bottom:24px}.puca__copy{grid-column:1 / -1}.row{grid-template-columns:1fr;gap:6px}.cmd{flex-direction:column;align-items:stretch}.cmd__copy{justify-content:center}.who__col,.who__col:nth-of-type(1),.who__col:nth-of-type(2){grid-column:1 / -1;margin-bottom:28px}.board__canvas{height:auto;padding:20px;display:flex;flex-direction:column;gap:12px}.edges{display:none}.node,.card{position:relative;left:auto!important;top:auto!important;width:auto!important;max-width:none}.footer__row{flex-direction:column;align-items:flex-start}}