.app360-head{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:20px 64px;align-items:end;margin-bottom:48px}.app360-head h2{margin:0;max-width:16ch;font-size:clamp(32px,3.6vw,50px)}.app360-head .eyebrow{white-space:nowrap}.app360-head .store-links{margin-top:22px}#app .store-badge{background:transparent;color:#fff;border:1px solid rgba(248,198,44,.5);transition:background .2s ease,color .2s ease,border-color .2s ease}#app .store-badge:hover{background:var(--gold);color:#111;border-color:var(--gold)}#app .store-badge:focus-visible{outline:3px solid var(--gold-2);outline-offset:3px}.app360{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:56px;align-items:center}.app360-orbit{container-type:inline-size;position:relative;width:100%;max-width:560px;margin-inline:auto;aspect-ratio:1}.app360-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.tk{stroke:rgba(255,255,255,.22);stroke-width:1.2}.tk-3{stroke:rgba(255,255,255,.4);stroke-width:1.6}.tk-4{stroke:var(--gold);stroke-width:2.4}.ring-base{fill:none;stroke:rgba(255,255,255,.07);stroke-width:1}.ring-dots{fill:none;stroke:rgba(248,198,44,.45);stroke-width:3;stroke-linecap:round;stroke-dasharray:1 11;transform-box:fill-box;transform-origin:center;animation:app360-gira 90s linear infinite}.hub-bg{fill:#0a0e14;stroke:rgba(248,198,44,.55);stroke-width:1.5}.arc{fill:none;stroke-linecap:round;stroke-width:3;opacity:.4;transition:opacity .3s ease,stroke-width .3s ease}.arc.is-active{opacity:1;stroke-width:8}.spoke{stroke:rgba(255,255,255,.12);stroke-width:1;transition:stroke .3s ease}.c-sindico{stroke:#4aa3ff}.c-portaria{stroke:#2fcf8f}.c-zelador{stroke:#a98bff}.c-morador{stroke:#ff5d9c}.spoke.is-active.c-sindico{stroke:#4aa3ff}.spoke.is-active.c-portaria{stroke:#2fcf8f}.spoke.is-active.c-zelador{stroke:#a98bff}.spoke.is-active.c-morador{stroke:#ff5d9c}@keyframes app360-gira{to{transform:rotate(360deg)}}.app360-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:1cqw;pointer-events:none}.app360-num{font-size:max(30px,11.5cqw);font-weight:800;line-height:1;letter-spacing:-.05em;color:var(--gold-2)}.app360-sub{font-size:max(10px,2.5cqw);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#b9bec8}.app360-node{--c:#4aa3ff;--g:rgba(74,163,255,.5);position:absolute;width:16.67%;aspect-ratio:1;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8cqw;padding:0;border-radius:50%;border:2px solid var(--c);background:#0c1119;color:#fff;cursor:pointer;transition:transform .25s ease,background .25s ease,color .25s ease,box-shadow .25s ease}.app360-node svg{width:34%;height:auto}.app360-node span{font-size:max(10px,2.4cqw);font-weight:800;line-height:1}.app360-node:hover{background:#151c27}.app360-node:focus-visible{outline:3px solid var(--gold-2);outline-offset:4px}.app360-node[aria-selected="true"]{background:var(--c);color:#0a0e14;transform:translate(-50%,-50%) scale(1.12);box-shadow:0 0 32px var(--g)}.n-sindico{left:50%;top:14.33%}.n-portaria{--c:#2fcf8f;--g:rgba(47,207,143,.5);left:85.67%;top:50%}.n-zelador{--c:#a98bff;--g:rgba(169,139,255,.5);left:50%;top:85.67%}.n-morador{--c:#ff5d9c;--g:rgba(255,93,156,.5);left:14.33%;top:50%}.app360-panels{--c:#4aa3ff;--g:rgba(74,163,255,.16);position:relative;min-width:0;padding:38px 250px 38px 38px;border-radius:30px;border:1px solid rgba(255,255,255,.09);background:radial-gradient(540px 280px at 0% 0%,var(--g),transparent 70%),#0e131b;overflow:hidden;min-height:430px}.app360-panels[data-active="portaria"]{--c:#2fcf8f;--g:rgba(47,207,143,.16)}.app360-panels[data-active="zelador"]{--c:#a98bff;--g:rgba(169,139,255,.18)}.app360-panels[data-active="morador"]{--c:#ff5d9c;--g:rgba(255,93,156,.16)}.app360-panel{animation:app360-entra .35s ease}.app360-panel[hidden]{display:none}.app360-panel h3{margin:0 0 8px;font-size:clamp(28px,3vw,38px);line-height:1.05;letter-spacing:-.04em;color:#fff}.app360-panel h3::before{content:"";display:block;width:34px;height:4px;margin-bottom:16px;border-radius:999px;background:var(--c)}.app360-tag{margin:0 0 22px;color:#c5cbd4;font-size:16px;line-height:1.5}.app360-panel ul{margin:0;padding:0;list-style:none;display:grid;gap:13px}.app360-panel li{position:relative;padding-left:30px;color:#e3e7ed;font-size:15.5px;line-height:1.45}.app360-panel li::before{content:"✓";position:absolute;left:0;top:0;color:var(--c);font-weight:900}.app360-phone{position:absolute;right:30px;top:34px;width:190px;height:auto;border-radius:24px 24px 0 0;-webkit-mask-image:linear-gradient(180deg,#000 70%,transparent 100%);mask-image:linear-gradient(180deg,#000 70%,transparent 100%)}@keyframes app360-entra{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.app360-points{margin:60px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.app360-points li{padding:2px 26px;border-left:1px solid rgba(255,255,255,.12)}.app360-points li:first-child{padding-left:0;border-left:0}.app360-points strong{display:block;margin-bottom:6px;color:#fff;font-size:17px}.app360-points span{color:#adb4be;font-size:14.5px;line-height:1.55}@media (prefers-reduced-motion:reduce){.ring-dots{animation:none}.app360-panel{animation:none}.app360-node,.arc,.spoke{transition:none}}@media (max-width:1180px){.app360-head{grid-template-columns:1fr;align-items:start;margin-bottom:34px}.app360-head h2{max-width:none}.app360{grid-template-columns:1fr;gap:34px}.app360-points{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 0}.app360-points li:nth-child(3){padding-left:0;border-left:0}}@media (max-width:680px){.app360-panels{padding:26px 22px;border-radius:24px;min-height:0}.app360-phone{display:none}.app360-points{grid-template-columns:1fr;gap:20px}.app360-points li,.app360-points li:first-child,.app360-points li:nth-child(3){padding:0 0 0 16px;border-left:2px solid var(--gold)}}