
:root{
  --bg:#171316;--panel:#211a1f;--panel2:#2a2026;--line:rgba(255,255,255,.10);
  --text:#fff8f4;--muted:#d9cbc5;--rose:#d6a092;--rose2:#efc8bc;--gold:#d0a77c;
  --green:#8bd3a9;--red:#ef9f9f;--shadow:0 18px 50px rgba(0,0,0,.28);--radius:24px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#151114,#1d171b 45%,#151114);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.58}
a{color:inherit}.container{width:min(1180px,calc(100% - 32px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(20,16,19,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.header-row{display:flex;align-items:center;gap:18px;min-height:76px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:max-content}.brand img{width:116px;height:auto;display:block}.version{font-size:.74rem;color:var(--muted);border-left:1px solid var(--line);padding-left:12px}.topnav{display:flex;gap:7px;align-items:center;overflow-x:auto;scrollbar-width:none;margin-left:auto}.topnav::-webkit-scrollbar{display:none}.topnav a,.logout{white-space:nowrap;text-decoration:none;border:1px solid transparent;border-radius:999px;padding:9px 12px;font-size:.82rem;color:var(--muted);background:transparent}.topnav a:hover,.topnav a.active{color:#fff;background:rgba(214,160,146,.12);border-color:rgba(214,160,146,.24)}.logout{cursor:pointer;border-color:var(--line)}
main{min-height:70vh}.hero{padding:72px 0 44px}.eyebrow{color:var(--rose2);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800}.hero h1{font-size:clamp(2.1rem,5vw,4.5rem);line-height:1.02;letter-spacing:-.045em;margin:14px 0 18px;max-width:900px}.hero p{font-size:1.08rem;color:var(--muted);max-width:880px}.tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.tag{padding:8px 12px;border-radius:999px;border:1px solid rgba(214,160,146,.22);background:rgba(214,160,146,.08);color:var(--rose2);font-size:.82rem;font-weight:700}.section{padding:34px 0 58px}.section.alt{background:rgba(255,255,255,.018);border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04)}.section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:24px}.section-head h2{font-size:clamp(1.65rem,3vw,2.65rem);line-height:1.1;letter-spacing:-.03em;margin:7px 0}.lead{color:var(--muted);max-width:880px}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}.card h3{margin:5px 0 9px;font-size:1.18rem}.card p,.card li{color:var(--muted)}.card ul{padding-left:20px;margin:12px 0}.metric strong{display:block;font-size:1.8rem;line-height:1.05;margin:8px 0;color:#fff}.metric small{color:var(--muted)}.index-card{text-decoration:none;transition:.2s transform,.2s border-color}.index-card:hover{transform:translateY(-3px);border-color:rgba(214,160,146,.45)}.index-no{color:var(--rose2);font-size:.78rem;font-weight:900;letter-spacing:.13em}.arrow{display:inline-block;margin-top:12px;color:var(--rose2);font-weight:800}.callout{border:1px solid rgba(214,160,146,.25);background:rgba(214,160,146,.08);border-radius:20px;padding:18px 20px;color:#f8e9e3}.callout.green{border-color:rgba(139,211,169,.25);background:rgba(139,211,169,.07)}.callout strong{color:#fff}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:22px}.data-table{width:100%;border-collapse:collapse;min-width:650px;background:rgba(255,255,255,.018)}.data-table th,.data-table td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left}.data-table th{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--rose2);background:rgba(214,160,146,.06)}.data-table td:last-child,.data-table th:last-child{text-align:right}.data-table tr:last-child td{border-bottom:0}.data-table .total td{font-weight:900;color:#fff;background:rgba(214,160,146,.06)}.money{font-variant-numeric:tabular-nums;white-space:nowrap}.pill{display:inline-block;border-radius:999px;padding:5px 9px;border:1px solid var(--line);font-size:.75rem;color:var(--muted)}.steps{counter-reset:step}.step{position:relative;padding-left:64px}.step:before{counter-increment:step;content:counter(step,decimal-leading-zero);position:absolute;left:18px;top:19px;color:var(--rose2);font-size:.78rem;font-weight:900}.bar{height:10px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;margin-top:12px}.bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--rose),var(--rose2));width:var(--w)}.scenario-base{border-color:rgba(255,255,255,.14)}.scenario-real{border-color:rgba(139,211,169,.26)}.scenario-best{border-color:rgba(208,167,124,.34)}.scenario-value{font-size:1.65rem;font-weight:900;margin:8px 0}.page-nav{display:flex;justify-content:space-between;gap:12px;padding:30px 0 62px}.page-nav a{text-decoration:none;border:1px solid var(--line);border-radius:16px;padding:12px 16px;color:var(--muted);background:rgba(255,255,255,.025)}.page-nav a:hover{border-color:rgba(214,160,146,.4);color:#fff}.site-footer{border-top:1px solid var(--line);padding:28px 0 38px;color:var(--muted);font-size:.86rem}.footer-row{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.source-note{font-size:.84rem;color:var(--muted)}.source-note a{color:var(--rose2)}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.photo{margin:0;border-radius:22px;overflow:hidden;border:1px solid var(--line);background:#fff}.photo img{width:100%;display:block;aspect-ratio:4/5;object-fit:cover}.photo figcaption{padding:11px;text-align:center;background:#20191d;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.compact-list{display:grid;gap:10px;padding:0;margin:0;list-style:none}.compact-list li{padding:12px 14px;border-radius:15px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);color:var(--muted)}
@media(max-width:980px){.header-row{display:block;padding:12px 0}.brand{margin-bottom:10px}.topnav{margin:0;padding-bottom:2px}.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.container{width:min(100% - 22px,1180px)}.brand img{width:105px}.version{font-size:.68rem}.hero{padding:46px 0 28px}.hero h1{font-size:2.25rem}.section{padding:28px 0 42px}.grid-2,.grid-3,.grid-4,.photo-grid{grid-template-columns:1fr}.card{padding:18px;border-radius:20px}.section-head{display:block}.page-nav{flex-direction:column}.page-nav a{text-align:center}.topnav a,.logout{font-size:.76rem;padding:8px 10px}.data-table{min-width:580px}}
@media print{body{background:#fff;color:#111}.site-header,.page-nav,.logout{display:none}.card,.table-wrap,.callout{box-shadow:none;background:#fff;border:1px solid #ccc;color:#111}.card p,.card li,.lead,.source-note{color:#333}.section{page-break-inside:avoid}.site-footer{color:#333}.data-table th{color:#333;background:#eee}}

.movement-panel{background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}
.movement-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.movement-heading h3{margin:4px 0 0;font-size:1.35rem}.movement-legend{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:.78rem}.movement-legend span{display:flex;align-items:center;gap:7px}.movement-legend i{width:12px;height:12px;border-radius:4px;display:inline-block}.legend-op,.movement-op{background:linear-gradient(90deg,var(--gold),#e4c69f)}.legend-profit,.movement-profit{background:linear-gradient(90deg,var(--rose),var(--rose2))}
.movement-row{display:grid;grid-template-columns:190px minmax(180px,1fr) 260px;gap:16px;align-items:center;padding:15px 0;border-top:1px solid rgba(255,255,255,.07)}.movement-row:first-of-type{border-top:0}.movement-label{display:grid;gap:2px}.movement-label small{color:var(--muted)}.movement-track{height:18px;border-radius:999px;background:rgba(255,255,255,.065);overflow:hidden}.movement-stack{display:flex;height:100%;min-width:8px;border-radius:999px;overflow:hidden}.movement-op,.movement-profit{height:100%;display:block}.movement-values{display:flex;justify-content:space-between;gap:12px;align-items:center;font-variant-numeric:tabular-nums}.movement-values span{color:var(--muted);font-size:.79rem}.movement-values strong{white-space:nowrap}
@media(max-width:820px){.movement-heading{display:block}.movement-legend{margin-top:10px}.movement-row{grid-template-columns:1fr;gap:8px}.movement-values{justify-content:flex-start;flex-wrap:wrap}.movement-track{height:16px}}
@media print{.movement-panel{box-shadow:none;background:#fff;border:1px solid #ccc}.movement-track{background:#eee}.movement-label small,.movement-values span{color:#333}}

.integration-core{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 28px;margin-bottom:16px;border-radius:var(--radius);border:1px solid rgba(214,160,146,.30);background:linear-gradient(135deg,rgba(214,160,146,.14),rgba(208,167,124,.07));box-shadow:var(--shadow)}
.integration-core h3{font-size:1.55rem;margin:6px 0 8px}.integration-core p{margin:0;color:var(--muted);max-width:820px}.integration-core>strong{font-size:1.05rem;color:var(--rose2);white-space:nowrap}.integration-node{position:relative;overflow:hidden}.integration-node:after{content:"";position:absolute;inset:auto -35px -45px auto;width:110px;height:110px;border-radius:50%;background:rgba(214,160,146,.06)}
@media(max-width:820px){.integration-core{display:block;padding:22px}.integration-core>strong{display:block;margin-top:14px;white-space:normal}.integration-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.integration-grid{grid-template-columns:1fr}}

/* Projeções líquidas por cenário — v50 */
.payout-grid{display:grid;gap:22px}.payout-card{border:1px solid var(--line);border-radius:26px;padding:22px;background:linear-gradient(145deg,rgba(255,255,255,.052),rgba(255,255,255,.022));box-shadow:var(--shadow)}.payout-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding-bottom:16px;border-bottom:1px solid var(--line)}.payout-head h3{margin:5px 0 0;font-size:1.28rem}.payout-head>strong{font-size:1.5rem;white-space:nowrap}.payout-list{display:grid}.payout-row{display:grid;grid-template-columns:1.15fr repeat(3,minmax(125px,.75fr));gap:14px;align-items:center;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.07)}.payout-row:last-child{border-bottom:0}.payout-row>div{display:flex;flex-direction:column;gap:3px}.payout-row b{font-size:1rem}.payout-row small{display:block;color:var(--muted);font-size:.74rem;margin-bottom:3px}.payout-row>span{font-variant-numeric:tabular-nums;font-weight:800;text-align:right;white-space:nowrap}.payout-card.scenario-real{border-color:rgba(139,211,169,.26)}.payout-card.scenario-best{border-color:rgba(208,167,124,.34)}
@media(max-width:820px){.payout-head{align-items:flex-start;flex-direction:column}.payout-row{grid-template-columns:1fr 1fr}.payout-row>div{grid-column:1/-1}.payout-row>span{text-align:left;padding:10px 11px;border-radius:13px;background:rgba(255,255,255,.035)}}
@media(max-width:480px){.payout-card{padding:17px;border-radius:21px}.payout-row{grid-template-columns:1fr}.payout-row>div{grid-column:auto}.payout-row>span{display:flex;justify-content:space-between;gap:12px;align-items:center}.payout-row>span small{margin:0}.payout-head>strong{font-size:1.35rem}}


/* Alerta de margens projetadas — v50 */
.projection-alert{position:relative;margin-top:24px;padding:26px 28px;border:3px solid #ef4444;border-radius:30px;background:linear-gradient(145deg,rgba(239,68,68,.12),rgba(255,255,255,.025));box-shadow:0 0 0 6px rgba(239,68,68,.07),var(--shadow)}
.projection-alert:before{content:"";position:absolute;inset:8px;border:1px dashed rgba(248,113,113,.48);border-radius:22px;pointer-events:none}
.projection-alert>*{position:relative;z-index:1}.projection-alert-badge{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;background:#b91c1c;color:#fff;font-size:.72rem;font-weight:900;letter-spacing:.12em}.projection-alert h3{margin:14px 0 10px;font-size:clamp(1.35rem,2.5vw,2rem);line-height:1.15}.projection-alert p{margin:8px 0;color:#f3dedb}.projection-alert strong{color:#fff}
@media(max-width:680px){.projection-alert{padding:22px 19px;border-radius:24px}.projection-alert:before{inset:6px;border-radius:17px}.projection-alert h3{font-size:1.42rem}}
@media print{.projection-alert{box-shadow:none;background:#fff;border:3px solid #b91c1c;color:#111}.projection-alert p{color:#222}.projection-alert h3,.projection-alert strong{color:#111}}

/* Sumário vertical e navegação em painel — v51 */
.header-row{min-height:86px}
.summary-toggle{margin-left:auto;display:flex;align-items:center;gap:14px;padding:10px 13px 10px 16px;border:1px solid rgba(214,160,146,.28);border-radius:18px;background:linear-gradient(145deg,rgba(214,160,146,.12),rgba(255,255,255,.025));color:var(--text);cursor:pointer;box-shadow:0 10px 28px rgba(0,0,0,.18);transition:.2s transform,.2s border-color,.2s background}
.summary-toggle:hover{transform:translateY(-1px);border-color:rgba(214,160,146,.5);background:rgba(214,160,146,.15)}
.summary-toggle>span{display:grid;text-align:left;line-height:1.15}.summary-toggle b{font-size:.92rem}.summary-toggle small{font-size:.68rem;color:var(--muted);margin-top:3px}
.summary-toggle i{display:grid;gap:4px;width:28px;height:28px;place-content:center;border-radius:10px;background:rgba(255,255,255,.055)}
.summary-toggle em{display:block;width:15px;height:2px;border-radius:2px;background:var(--rose2);transition:.22s transform,.22s opacity}
body.summary-open .summary-toggle em:nth-child(1){transform:translateY(6px) rotate(45deg)}
body.summary-open .summary-toggle em:nth-child(2){opacity:0}
body.summary-open .summary-toggle em:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.summary-backdrop{position:fixed;inset:0;z-index:79;background:rgba(8,6,8,.62);backdrop-filter:blur(5px);opacity:0;visibility:hidden;transition:.25s opacity,.25s visibility}
.summary-drawer{position:fixed;z-index:80;top:0;right:0;width:min(430px,94vw);height:100dvh;padding:22px;display:flex;flex-direction:column;background:linear-gradient(180deg,#1c161a,#151114);border-left:1px solid rgba(214,160,146,.22);box-shadow:-25px 0 70px rgba(0,0,0,.45);transform:translateX(104%);transition:.28s transform cubic-bezier(.2,.8,.2,1);overflow:hidden}
body.summary-open{overflow:hidden}body.summary-open .summary-backdrop{opacity:1;visibility:visible}body.summary-open .summary-drawer{transform:translateX(0)}
.summary-drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:5px 3px 18px;border-bottom:1px solid var(--line)}
.summary-drawer-head>div{display:grid}.summary-kicker{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--rose2);font-weight:900}.summary-drawer-head strong{font-size:2rem;line-height:1.1;margin-top:4px}.summary-drawer-head small{color:var(--muted);margin-top:4px}
.summary-close{width:42px;height:42px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:#fff;font-size:1.55rem;line-height:1;cursor:pointer}
.summary-list{display:grid;gap:8px;padding:17px 2px 20px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(214,160,146,.38) transparent}
.summary-list a{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 14px;border-radius:18px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);text-decoration:none;transition:.2s transform,.2s border-color,.2s background}
.summary-list a:hover{transform:translateX(-3px);border-color:rgba(214,160,146,.32);background:rgba(214,160,146,.08)}
.summary-list a.active{border-color:rgba(214,160,146,.48);background:linear-gradient(135deg,rgba(214,160,146,.18),rgba(214,160,146,.06));box-shadow:inset 3px 0 0 var(--rose)}
.summary-number{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:rgba(214,160,146,.09);color:var(--rose2);font-size:.73rem;font-weight:900;letter-spacing:.05em}
.summary-list a>span:nth-child(2){display:grid;min-width:0}.summary-list strong{font-size:.91rem}.summary-list small{font-size:.7rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.summary-list a>i{font-style:normal;color:var(--rose2);opacity:.7}
.summary-drawer-footer{margin-top:auto;padding-top:14px;border-top:1px solid var(--line)}.drawer-logout{width:100%;padding:12px 14px;border-radius:15px;border:1px solid rgba(239,159,159,.24);background:rgba(239,159,159,.06);color:#ffdada;cursor:pointer;font-weight:800}
@media(max-width:680px){.header-row{display:flex;padding:10px 0;min-height:78px}.brand{margin:0}.summary-toggle{padding:9px 10px 9px 12px;border-radius:16px}.summary-toggle small{display:none}.summary-toggle i{width:27px;height:27px}.summary-drawer{width:100%;padding:18px 15px 16px}.summary-list{gap:7px}.summary-list a{padding:12px}.summary-list small{font-size:.67rem}.summary-drawer-head strong{font-size:1.75rem}}
@media print{.summary-toggle,.summary-backdrop,.summary-drawer{display:none!important}}

/* Planejamento tributário — v54 */
.tax-threshold{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.tax-threshold .card{position:relative;overflow:hidden}.tax-threshold .card:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-45px;bottom:-55px;background:rgba(214,160,146,.06)}
@media(max-width:760px){.tax-threshold{grid-template-columns:1fr}}

/* Galeria de experiência de marca — v54 */
.experience-gallery .photo img{aspect-ratio:4/5;object-fit:contain;background:#f2efed;padding:8px}.experience-gallery .photo{background:#f2efed}

/* Concepção da Bella Fit — v66 */
.conception-hero{background:radial-gradient(circle at 78% 18%,rgba(214,160,146,.13),transparent 34%)}
.conception-statement{padding:34px;border:1px solid rgba(214,160,146,.34);border-radius:30px;background:linear-gradient(135deg,rgba(214,160,146,.14),rgba(255,255,255,.025));box-shadow:var(--shadow)}
.conception-statement>span{color:var(--rose2);font-size:.72rem;font-weight:900;letter-spacing:.16em}
.conception-statement h2{font-size:clamp(1.8rem,4vw,3.35rem);line-height:1.12;letter-spacing:-.035em;max-width:1050px;margin:12px 0 16px}
.conception-statement p{color:var(--muted);font-size:1.04rem;max-width:960px;margin:0}
.value-pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.value-pillars article{padding:22px;border-radius:22px;border:1px solid var(--line);background:rgba(255,255,255,.03)}.value-pillars strong{display:block;color:var(--rose2);font-size:.74rem;letter-spacing:.14em}.value-pillars span{display:block;font-size:1.3rem;font-weight:900;margin:8px 0}.value-pillars p{margin:0;color:var(--muted)}
.process-flow{display:grid;grid-template-columns:repeat(9,auto);align-items:stretch;gap:8px}.process-flow article{min-width:0;padding:18px 16px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.03);display:grid;align-content:start;gap:6px}.process-flow article b{color:var(--rose2);font-size:.72rem;letter-spacing:.12em}.process-flow article strong{font-size:1.04rem}.process-flow article small{color:var(--muted);line-height:1.45}.process-flow>i{align-self:center;color:var(--rose2);font-style:normal;font-size:1.3rem}.conception-index{border-color:rgba(214,160,146,.36);background:linear-gradient(145deg,rgba(214,160,146,.12),rgba(255,255,255,.025))}
@media(max-width:980px){.value-pillars{grid-template-columns:repeat(2,1fr)}.process-flow{grid-template-columns:1fr}.process-flow>i{transform:rotate(90deg);justify-self:center}}
@media(max-width:680px){.conception-statement{padding:24px 20px;border-radius:24px}.value-pillars{grid-template-columns:1fr}}

/* Cadastro e Repositório dos Sócios — v66 */
.repository-shell{display:grid;gap:18px}.repo-gate{padding:28px;border:1px solid rgba(214,160,146,.34);border-radius:28px;background:linear-gradient(145deg,rgba(214,160,146,.12),rgba(255,255,255,.025));box-shadow:var(--shadow)}.repo-gate h2{margin:5px 0 8px}.repo-gate p{color:var(--muted);max-width:850px}.repo-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 17px;border:1px solid rgba(214,160,146,.35);border-radius:14px;background:rgba(214,160,146,.13);color:#fff;font:inherit;font-weight:850;cursor:pointer}.repo-button.secondary{background:rgba(255,255,255,.035);border-color:var(--line)}.repo-button.danger{background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.25)}.repo-button:disabled{opacity:.55;cursor:wait}.repo-userbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 19px;border-radius:20px;border:1px solid var(--line);background:rgba(255,255,255,.025)}.repo-userbar>div{display:grid}.repo-userbar strong{font-size:1.1rem}.repo-userbar small{color:var(--muted)}.repo-role{display:inline-flex;width:max-content;margin-top:6px;padding:4px 8px;border-radius:999px;background:rgba(214,160,146,.12);color:var(--rose2);font-size:.69rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.repo-tabs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.repo-panel{padding:24px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));box-shadow:var(--shadow)}.repo-panel h3{margin:0 0 5px}.repo-panel>p{color:var(--muted);margin-top:0}.repo-form{display:grid;gap:14px}.repo-form .grid{gap:13px}.repo-form label{display:grid;gap:7px;color:var(--muted);font-size:.82rem}.repo-form input,.repo-form select,.repo-form textarea,.owner-switch select{width:100%;border-radius:13px;border:1px solid var(--line);background:#171216;color:#fff;padding:12px;font:inherit}.repo-form textarea{resize:vertical}.repo-meta{display:block;margin:10px 0 16px;color:var(--muted);font-size:.76rem}.owner-switch{display:flex;align-items:center;gap:12px;margin:0 0 18px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.025);border:1px solid var(--line)}.owner-switch label{white-space:nowrap;font-size:.78rem;color:var(--muted)}.document-list{display:grid;gap:10px;margin-top:18px}.document-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:13px;padding:13px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.025)}.doc-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:rgba(214,160,146,.12);color:var(--rose2);font-size:.7rem;font-weight:950}.document-row>div:nth-child(2){display:grid;min-width:0}.document-row strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.document-row small,.document-row span{color:var(--muted);font-size:.7rem}.doc-actions{display:flex;gap:7px}.doc-actions button{padding:8px 10px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.035);color:#fff;cursor:pointer}.empty-state{padding:18px;border:1px dashed var(--line);border-radius:16px;color:var(--muted);text-align:center}.repo-notice{position:fixed;right:20px;bottom:20px;z-index:100;padding:13px 16px;border-radius:14px;background:#193a2a;color:#d9ffe8;border:1px solid rgba(126,231,165,.3);box-shadow:var(--shadow);max-width:min(420px,calc(100vw - 40px))}.repo-notice.error{background:#421d22;color:#ffe2e2;border-color:rgba(255,120,130,.3)}.security-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.security-strip>div{padding:17px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025)}.security-strip strong{display:block;color:var(--rose2);margin-bottom:5px}.security-strip span{color:var(--muted);font-size:.8rem}.user-list{display:grid;gap:9px;margin:14px 0}.user-line{display:flex;justify-content:space-between;gap:14px;padding:12px;border:1px solid var(--line);border-radius:15px}.user-line>div{display:grid}.user-line small{color:var(--muted)}.user-line span{font-size:.72rem;color:var(--rose2);font-weight:800}.invite-grid{display:grid;gap:8px}.invite-grid button{display:flex;justify-content:space-between;gap:10px;width:100%}
@media(max-width:880px){.repo-tabs{grid-template-columns:1fr}.security-strip{grid-template-columns:1fr}.document-row{grid-template-columns:42px minmax(0,1fr)}.doc-actions{grid-column:1/-1}.repo-userbar{align-items:flex-start;flex-direction:column}}


/* Bella Fit — identidade visual oficial v66 */
:root{
  --bg:#0d090d;--panel:#1a1218;--panel2:#241820;--line:rgba(232,173,155,.20);
  --text:#fff9f6;--muted:#d8c8c4;--rose:#dda18f;--rose2:#f4c5b7;--gold:#dba989;
  --shadow:0 24px 70px rgba(0,0,0,.42);--radius:27px;
}
body{background:
  radial-gradient(circle at 50% -10%,rgba(221,161,143,.10),transparent 30%),
  radial-gradient(circle at 100% 35%,rgba(118,58,81,.10),transparent 35%),
  linear-gradient(180deg,#0c080c,#171016 46%,#0d090d);}
.site-header{background:rgba(10,7,10,.92);border-bottom-color:rgba(232,173,155,.17);box-shadow:0 12px 35px rgba(0,0,0,.28)}
.header-row{min-height:86px}.brand img{width:150px;max-height:68px;object-fit:contain;filter:drop-shadow(0 9px 24px rgba(0,0,0,.5))}.version{font-size:.82rem;color:#ead9d3;border-left-color:rgba(232,173,155,.22)}
.summary-toggle{border-color:rgba(232,173,155,.44)!important;background:linear-gradient(145deg,rgba(221,161,143,.13),rgba(255,255,255,.025))!important;box-shadow:0 10px 28px rgba(0,0,0,.22)}
.summary-toggle:hover{border-color:rgba(244,197,183,.7)!important;transform:translateY(-1px)}
.hero{padding:62px 0 38px}.hero h1{background:linear-gradient(115deg,#fff,#f6d1c6 60%,#dda18f);-webkit-background-clip:text;background-clip:text;color:transparent}
.card,.movement-panel,.integration-core,.conception-statement,.repo-panel{background:radial-gradient(circle at 92% 6%,rgba(221,161,143,.08),transparent 26%),linear-gradient(145deg,rgba(49,32,42,.76),rgba(20,13,18,.88));border-color:rgba(232,173,155,.18);box-shadow:var(--shadow)}
.card:hover{border-color:rgba(232,173,155,.34)}
.site-footer{border-top-color:rgba(232,173,155,.18);background:linear-gradient(180deg,transparent,rgba(221,161,143,.025))}.site-footer a{color:var(--rose2)}
.tag{border-color:rgba(232,173,155,.32);background:rgba(221,161,143,.09)}

/* Concepção — composição especial v66 */
.conception-visual-hero{padding:24px 0 22px}
.conception-showcase{display:grid;grid-template-columns:minmax(260px,.82fr) minmax(0,1.18fr);gap:28px;align-items:center;padding:42px;border:1px solid rgba(232,173,155,.24);border-radius:34px;background:radial-gradient(circle at 24% 45%,rgba(221,161,143,.17),transparent 32%),linear-gradient(145deg,rgba(48,31,40,.84),rgba(18,12,17,.94));box-shadow:0 30px 90px rgba(0,0,0,.45);overflow:hidden;position:relative}
.conception-showcase:after{content:"";position:absolute;left:7%;right:50%;bottom:18px;height:2px;background:radial-gradient(circle,rgba(244,197,183,.9),transparent 66%);filter:blur(.4px)}
.conception-symbol{display:grid;place-items:center;min-height:300px}.conception-symbol img{width:min(310px,88%);max-height:320px;object-fit:contain;filter:drop-shadow(0 18px 32px rgba(221,161,143,.28))}
.conception-copy .eyebrow{margin-bottom:8px}.conception-copy h1{font-size:clamp(2.7rem,6vw,5.3rem);margin:0 0 18px;line-height:.96}.conception-copy p{font-size:1.18rem;max-width:650px;color:#e4d4cf}
.process-icons{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:22px}.process-icon-card{min-height:228px;text-align:center;padding:24px 18px;border-radius:26px;border:1px solid rgba(232,173,155,.22);background:linear-gradient(160deg,rgba(48,31,40,.72),rgba(17,11,16,.84));box-shadow:0 18px 40px rgba(0,0,0,.28)}
.process-icon{width:52px;height:52px;margin:0 auto 14px;display:grid;place-items:center;border:1px solid rgba(244,197,183,.35);border-radius:17px;color:var(--rose2);font-size:1.55rem;background:rgba(221,161,143,.07)}
.process-icon-card h3{margin:0 0 8px;color:#f4c5b7}.process-icon-card p{margin:0;color:var(--muted);font-size:.94rem}
.premise-panel{position:relative;overflow:hidden;padding:32px;border:1px solid rgba(232,173,155,.22);border-radius:30px;background:linear-gradient(145deg,rgba(46,29,39,.78),rgba(19,12,17,.9));box-shadow:var(--shadow)}
.premise-panel:after{content:"";position:absolute;right:4%;top:50%;width:190px;height:190px;transform:translateY(-50%);background:url('logo-symbol-transparent.png') center/contain no-repeat;opacity:.07;filter:saturate(.7)}
.premise-panel ul{font-size:1.12rem;line-height:1.9;margin:12px 0 0;padding-left:24px;max-width:650px}.premise-panel li::marker{color:var(--rose)}
.brand-experience-card{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);gap:26px;align-items:center;padding:30px;border-radius:30px;border:1px solid rgba(232,173,155,.22);background:linear-gradient(145deg,rgba(44,28,37,.78),rgba(18,12,17,.92));box-shadow:var(--shadow)}
.brand-experience-card img{width:100%;height:300px;object-fit:cover;border-radius:22px;border:1px solid rgba(255,255,255,.09)}
.brand-experience-card h2{font-size:2rem;margin:8px 0 12px}.brand-experience-card .cta{display:inline-flex;margin-top:16px;padding:11px 18px;border-radius:999px;text-decoration:none;border:1px solid rgba(244,197,183,.45);color:var(--rose2);font-weight:800}
.brand-experience-card .cta:hover{background:rgba(221,161,143,.10)}
.conception-footer-heart{text-align:center;color:var(--rose2);font-size:1.4rem;margin-bottom:7px}
@media(max-width:900px){.conception-showcase{grid-template-columns:1fr;padding:30px}.conception-symbol{min-height:210px}.conception-symbol img{max-height:230px}.process-icons{grid-template-columns:repeat(2,1fr)}.brand-experience-card{grid-template-columns:1fr}.brand-experience-card img{height:260px}}
@media(max-width:680px){.header-row{display:flex;padding:10px 0}.brand{margin:0}.brand img{width:126px}.version{font-size:.68rem}.summary-toggle small{display:none}.conception-showcase{padding:24px 20px;border-radius:27px}.conception-copy h1{font-size:2.7rem}.conception-copy p{font-size:1rem}.process-icons{grid-template-columns:1fr 1fr;gap:11px}.process-icon-card{min-height:210px;padding:20px 13px}.process-icon-card p{font-size:.86rem}.premise-panel{padding:24px 21px}.premise-panel:after{width:130px;height:130px}.brand-experience-card{padding:22px}.brand-experience-card img{height:220px}}


/* =========================================================
   Bella Fit — Refinamento visual global · Versão 66
   ========================================================= */
:root{
  --bg:#0d080c;
  --panel:#21151d;
  --panel2:#2c1b25;
  --line:rgba(240,176,157,.20);
  --text:#fff9f6;
  --muted:#d9c6bf;
  --rose:#dda18e;
  --rose2:#f1c4b5;
  --gold:#d8aa7f;
  --shadow:0 26px 74px rgba(0,0,0,.42);
  --radius:28px;
}
body{
  background:
    radial-gradient(circle at 18% 2%,rgba(221,161,142,.08),transparent 29%),
    radial-gradient(circle at 88% 34%,rgba(102,48,72,.12),transparent 31%),
    linear-gradient(180deg,#0d080c 0%,#171016 48%,#0d080c 100%);
}
.site-header{
  background:rgba(13,8,12,.88);
  border-bottom-color:rgba(240,176,157,.15);
  box-shadow:0 12px 36px rgba(0,0,0,.25);
}
.header-row{min-height:92px}
.brand img{
  width:178px;
  max-height:74px;
  object-fit:contain;
  filter:drop-shadow(0 8px 20px rgba(221,161,142,.17));
}
.version{
  color:#ead6ce;
  border-left-color:rgba(240,176,157,.24);
  font-size:.78rem;
}
.summary-toggle{
  border-color:rgba(240,176,157,.30);
  background:linear-gradient(145deg,rgba(67,40,52,.74),rgba(24,15,21,.88));
  box-shadow:0 12px 32px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.04);
}
.summary-toggle:hover{border-color:rgba(240,176,157,.56)}
.hero{
  padding:82px 0 52px;
  background:radial-gradient(circle at 78% 20%,rgba(221,161,142,.08),transparent 31%);
}
.hero h1{
  text-shadow:0 10px 42px rgba(0,0,0,.34);
}
.card,.movement-panel,.integration-core,.conception-statement,.repo-panel,
.premise-panel,.brand-experience-card,.process-icon-card{
  border-color:rgba(240,176,157,.20);
  background:
    radial-gradient(circle at 91% 8%,rgba(240,176,157,.08),transparent 25%),
    linear-gradient(150deg,rgba(53,32,43,.82),rgba(18,11,16,.92));
  box-shadow:0 24px 64px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.035);
}
.card:hover{
  border-color:rgba(240,176,157,.36);
}
.tag{
  border-color:rgba(240,176,157,.30);
  background:rgba(221,161,142,.09);
}
.site-footer{
  border-top-color:rgba(240,176,157,.16);
  background:linear-gradient(180deg,transparent,rgba(221,161,142,.025));
}
.site-footer a{color:var(--rose2);font-weight:800}
.photo,.table-wrap{
  border-color:rgba(240,176,157,.18);
  box-shadow:0 20px 52px rgba(0,0,0,.24);
}

/* Página Concepção — visual fiel ao layout aprovado */
.conception-visual-hero{padding:34px 0 28px}
.conception-showcase{
  min-height:460px;
  padding:48px;
  border-color:rgba(240,176,157,.29);
  background:
    radial-gradient(circle at 23% 43%,rgba(221,161,142,.20),transparent 31%),
    radial-gradient(circle at 83% 12%,rgba(100,48,71,.16),transparent 29%),
    linear-gradient(145deg,rgba(54,33,44,.89),rgba(15,9,14,.96));
  box-shadow:0 36px 110px rgba(0,0,0,.50),inset 0 1px 0 rgba(255,255,255,.04);
}
.conception-symbol img{
  width:min(360px,94%);
  max-height:350px;
  filter:drop-shadow(0 22px 42px rgba(221,161,142,.31));
}
.conception-copy h1{
  background:linear-gradient(135deg,#fff9f6,#efb6a5 72%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.process-icon-card{
  min-height:242px;
  transition:transform .22s ease,border-color .22s ease;
}
.process-icon-card:hover{
  transform:translateY(-4px);
  border-color:rgba(240,176,157,.40);
}
.process-icon{
  border-color:rgba(240,176,157,.38);
  background:rgba(221,161,142,.08);
  box-shadow:0 10px 26px rgba(0,0,0,.21);
}
.premise-panel:after{
  background-image:url('logo-symbol-transparent.png');
  opacity:.085;
}
.brand-experience-card img{
  border-color:rgba(240,176,157,.20);
  box-shadow:0 20px 48px rgba(0,0,0,.28);
}
.conception-footer-heart{
  color:var(--rose2);
  text-shadow:0 0 18px rgba(221,161,142,.42);
}

@media(max-width:680px){
  .header-row{min-height:76px}
  .brand img{width:154px;max-height:62px}
  .version{font-size:.66rem}
  .conception-showcase{padding:28px 21px;min-height:auto}
  .conception-symbol img{width:min(265px,88%)}
  .process-icon-card{min-height:220px}
}



/* =========================================================
   Bella Fit — Redesign geral v66
   Mais sofisticado, menos marrom, com acento verde sutil
   ========================================================= */
:root{
  --bg:#0a090c;
  --bg2:#121017;
  --panel:#17131b;
  --panel-soft:#1f1822;
  --panel-soft-2:#261c28;
  --line:rgba(255,255,255,.08);
  --line-strong:rgba(242,197,183,.24);
  --text:#fffaf8;
  --muted:#d5cbc8;
  --rose:#e1a694;
  --rose2:#f4cec2;
  --rose3:#ffeadf;
  --mint:#9fd9b6;
  --mint-2:#6bbd91;
  --shadow:0 26px 74px rgba(0,0,0,.42);
  --radius:28px;
}
html{background:var(--bg)}
body{
  background:
    radial-gradient(circle at 8% 0%, rgba(120,213,166,.08), transparent 24%),
    radial-gradient(circle at 82% 8%, rgba(226,166,148,.10), transparent 29%),
    radial-gradient(circle at 50% 100%, rgba(110,57,79,.10), transparent 32%),
    linear-gradient(180deg,#0a090c 0%,#120f15 48%,#0a090c 100%);
  color:var(--text);
}
.site-header{
  position:sticky;
  top:0;
  z-index:60;
  background:rgba(9,8,11,.82);
  backdrop-filter:blur(18px) saturate(130%);
  -webkit-backdrop-filter:blur(18px) saturate(130%);
  border-bottom:1px solid rgba(255,255,255,.05);
  box-shadow:0 14px 42px rgba(0,0,0,.25);
}
.site-header::before{
  content:"";
  position:absolute;
  left:0; right:0; top:0;
  height:3px;
  background:linear-gradient(90deg, rgba(111,196,147,.95), rgba(228,163,146,.75) 40%, rgba(255,255,255,.10));
  box-shadow:0 0 18px rgba(111,196,147,.35);
}
.header-row{
  position:relative;
  min-height:90px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.brand{
  gap:16px;
}
.brand img{
  width:168px;
  max-height:72px;
  object-fit:contain;
  filter:drop-shadow(0 10px 24px rgba(225,166,148,.14));
}
.version{
  color:#ead8d1;
  border-left:1px solid rgba(255,255,255,.09);
  padding-left:14px;
  font-size:.82rem;
}
main{
  position:relative;
  isolation:isolate;
}
.hero{
  padding:78px 0 46px;
  position:relative;
}
.hero::before{
  content:"";
  position:absolute;
  inset:14px 0 auto;
  height:420px;
  pointer-events:none;
  background:
    radial-gradient(circle at 24% 0%, rgba(111,196,147,.06), transparent 28%),
    radial-gradient(circle at 78% 18%, rgba(225,166,148,.10), transparent 32%);
}
.hero .container{position:relative;z-index:1}
.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:var(--rose2);
  font-size:.80rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  font-weight:900;
}
.eyebrow::before{
  content:"";
  width:34px;
  height:1px;
  background:linear-gradient(90deg,var(--mint),transparent);
  opacity:.9;
}
.hero h1,
.section-head h2{
  color:var(--text);
  letter-spacing:-.045em;
}
.hero h1{
  max-width:940px;
  margin:14px 0 18px;
  text-shadow:0 8px 34px rgba(0,0,0,.28);
}
.hero p,
.lead,
.card p,
.card li,
.source-note,
.compact-list li,
.movement-label small,
.movement-values span,
.integration-core p,
.data-table td,
.photo figcaption,
label,
.section p{
  color:var(--muted);
}
.tags{gap:10px;margin-top:26px}
.tag,.pill{
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.02));
  color:#f5d8cf;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.section{
  padding:36px 0 62px;
}
.section.alt{
  background:linear-gradient(180deg, rgba(255,255,255,.015), rgba(255,255,255,.008));
  border-top:1px solid rgba(255,255,255,.04);
  border-bottom:1px solid rgba(255,255,255,.04);
}
.section-head{
  align-items:end;
  margin-bottom:28px;
}
.grid{gap:18px}
.card,
.movement-panel,
.integration-core,
.conception-statement,
.repo-panel,
.premise-panel,
.brand-experience-card,
.process-icon-card,
.table-wrap,
.photo,
.callout{
  border-radius:30px;
  border:1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 100% 0%, rgba(255,255,255,.04), transparent 25%),
    linear-gradient(155deg, rgba(28,22,32,.92), rgba(16,13,19,.96));
  box-shadow:var(--shadow);
}
.card{
  padding:24px;
  transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.card:hover,
.index-card:hover,
.process-icon-card:hover,
.photo:hover{
  transform:translateY(-3px);
  border-color:rgba(242,197,183,.24);
  box-shadow:0 34px 86px rgba(0,0,0,.46);
}
.metric{
  position:relative;
  overflow:hidden;
}
.metric::after{
  content:"";
  position:absolute;
  right:-20px;
  top:-24px;
  width:110px;
  height:110px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(111,196,147,.13), rgba(111,196,147,0) 72%);
}
.metric strong,
.scenario-value,
.card h3,
.brand-experience-card h2,
.integration-core h3{
  color:var(--rose3);
}
.metric strong{
  font-size:1.92rem;
  line-height:1.03;
}
.index-card{
  position:relative;
  overflow:hidden;
  text-decoration:none;
}
.index-card::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:4px;
  background:linear-gradient(180deg, var(--mint-2), var(--rose));
  opacity:.85;
}
.index-no,
.arrow,
.data-table th,
.summary-kicker,
.summary-number,
.callout strong{
  color:var(--rose2);
}
.arrow{font-weight:800}
.callout{
  padding:22px 24px;
  border-color:rgba(242,197,183,.20);
  background:
    radial-gradient(circle at 0% 0%, rgba(226,166,148,.10), transparent 24%),
    linear-gradient(145deg, rgba(30,23,34,.95), rgba(16,13,18,.96));
}
.callout.green{
  border-color:rgba(111,196,147,.24);
  background:
    radial-gradient(circle at 0% 0%, rgba(111,196,147,.12), transparent 28%),
    linear-gradient(145deg, rgba(22,28,26,.95), rgba(14,17,16,.96));
}
.table-wrap{
  overflow:hidden;
}
.data-table{
  background:transparent;
}
.data-table th{
  background:rgba(255,255,255,.03);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.data-table td,
.data-table th{
  border-bottom:1px solid rgba(255,255,255,.06);
}
.data-table .total td{
  background:rgba(255,255,255,.04);
}
.summary-toggle{
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  min-width:174px;
  padding:14px 16px 14px 18px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(145deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  color:var(--text);
  box-shadow:0 16px 36px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.03);
  cursor:pointer;
  transition:.22s ease;
}
.summary-toggle:hover{
  transform:translateY(-1px);
  border-color:rgba(111,196,147,.30);
  box-shadow:0 20px 44px rgba(0,0,0,.28);
}
.summary-toggle span{display:grid;gap:2px;text-align:left}
.summary-toggle b{font-size:1.05rem}
.summary-toggle small{font-size:.72rem;color:#d8c6c0}
.summary-toggle i{
  width:44px;height:44px;border-radius:16px;
  display:grid;place-items:center;
  background:linear-gradient(145deg, rgba(111,196,147,.10), rgba(225,166,148,.12));
  border:1px solid rgba(255,255,255,.06);
}
.summary-toggle em{
  display:block;
  width:18px;height:2px;border-radius:99px;
  background:var(--rose2);
  box-shadow:0 6px 0 var(--rose2),0 -6px 0 var(--rose2);
}
.summary-backdrop{
  position:fixed;
  inset:0;
  background:rgba(5,4,6,.56);
  backdrop-filter:blur(6px);
  opacity:0;
  pointer-events:none;
  transition:opacity .22s ease;
  z-index:69;
}
body.summary-open .summary-backdrop{opacity:1;pointer-events:auto}
.summary-drawer{
  position:fixed;
  top:18px;
  right:18px;
  bottom:18px;
  width:min(420px, calc(100vw - 24px));
  padding:20px;
  border-radius:30px;
  border:1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 100% 0%, rgba(111,196,147,.10), transparent 24%),
    radial-gradient(circle at 0% 0%, rgba(226,166,148,.10), transparent 24%),
    linear-gradient(165deg, rgba(26,21,30,.96), rgba(14,11,16,.98));
  box-shadow:0 28px 78px rgba(0,0,0,.54);
  z-index:70;
  transform:translateX(calc(100% + 30px));
  transition:transform .24s ease;
  display:flex;
  flex-direction:column;
}
body.summary-open .summary-drawer{transform:translateX(0)}
.summary-drawer-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding:4px 2px 18px;
}
.summary-drawer-head strong{display:block;font-size:1.6rem;margin:5px 0 4px}
.summary-drawer-head small{color:var(--muted)}
.summary-close,
.drawer-logout{
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.03);
  color:var(--text);
  border-radius:16px;
}
.summary-close{
  width:42px;height:42px;font-size:1.7rem;cursor:pointer;
}
.summary-list{
  display:grid;
  gap:10px;
  overflow:auto;
  padding-right:4px;
}
.summary-list a{
  display:grid;
  grid-template-columns:60px 1fr 18px;
  gap:14px;
  align-items:center;
  text-decoration:none;
  padding:16px 15px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.06);
  background:linear-gradient(145deg, rgba(255,255,255,.035), rgba(255,255,255,.015));
  transition:.22s ease;
}
.summary-list a:hover{
  transform:translateX(-2px);
  border-color:rgba(111,196,147,.24);
  background:linear-gradient(145deg, rgba(111,196,147,.08), rgba(226,166,148,.08));
}
.summary-number{
  display:grid;place-items:center;
  width:52px;height:52px;border-radius:17px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);
  font-weight:900;
}
.summary-list strong{display:block;color:var(--text);margin-bottom:3px}
.summary-list small{color:var(--muted)}
.summary-list i{color:var(--mint);font-style:normal;font-weight:900}
.summary-drawer-footer{padding-top:16px}
.drawer-logout{
  width:100%;min-height:50px;padding:12px 16px;font-weight:800;cursor:pointer;
}
.page-nav{
  gap:14px;
  padding:34px 0 64px;
}
.page-nav a{
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(145deg, rgba(255,255,255,.04), rgba(255,255,255,.015));
  color:#f0dbd4;
  padding:14px 18px;
}
.page-nav a:hover{border-color:rgba(111,196,147,.22); color:#fff}
.site-footer{
  border-top:1px solid rgba(255,255,255,.06);
  padding:30px 0 42px;
  color:#d0c1bb;
  background:linear-gradient(180deg, transparent, rgba(255,255,255,.015));
}
.site-footer a{color:var(--rose2);text-decoration:none;font-weight:800}
.site-footer a:hover{color:#fff}
.photo{
  overflow:hidden;
}
.photo img{
  transition:transform .35s ease;
}
.photo:hover img{transform:scale(1.02)}
.photo figcaption{
  background:#18131a;
  border-top:1px solid rgba(255,255,255,.06);
}
.compact-list li{
  border:1px solid rgba(255,255,255,.06);
  background:rgba(255,255,255,.025);
  border-radius:18px;
}
.movement-panel,
.integration-core,
.brand-experience-card,
.premise-panel,
.process-icon-card,
.repo-panel{
  border-color:rgba(255,255,255,.08);
}
.integration-core{
  background:
    radial-gradient(circle at 100% 0%, rgba(111,196,147,.09), transparent 26%),
    linear-gradient(145deg, rgba(28,22,32,.94), rgba(16,13,19,.98));
}
.process-icon{
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(145deg, rgba(111,196,147,.10), rgba(225,166,148,.10));
  color:var(--rose3);
}
.premise-panel:after{
  opacity:.07;
}
.brand-experience-card img{
  border:1px solid rgba(255,255,255,.08);
}
input,select,textarea{
  border:1px solid rgba(255,255,255,.10);
  background:rgba(10,8,12,.75);
  color:var(--text);
  border-radius:18px;
}
input:focus,select:focus,textarea:focus{
  outline:none;
  border-color:rgba(111,196,147,.34);
  box-shadow:0 0 0 4px rgba(111,196,147,.10);
}
button, .button, .btn{
  font:inherit;
}
@media (max-width:980px){
  .header-row{min-height:82px}
}
@media (max-width:680px){
  .container{width:min(100% - 22px,1180px)}
  .header-row{min-height:74px}
  .brand{gap:12px}
  .brand img{width:146px;max-height:60px}
  .version{font-size:.69rem;padding-left:10px}
  .summary-toggle{min-width:auto;padding:12px 13px 12px 14px;gap:12px;border-radius:20px}
  .summary-toggle small{display:none}
  .summary-toggle i{width:40px;height:40px;border-radius:14px}
  .summary-drawer{top:10px;right:10px;bottom:10px;width:calc(100vw - 20px);padding:16px;border-radius:24px}
  .summary-list a{grid-template-columns:52px 1fr 14px;padding:14px 13px;border-radius:18px}
  .summary-number{width:44px;height:44px;border-radius:14px}
  .hero{padding:50px 0 30px}
  .section{padding:28px 0 44px}
  .card,.movement-panel,.integration-core,.brand-experience-card,.premise-panel,.process-icon-card,.callout{padding:18px;border-radius:22px}
  .grid{gap:14px}
  .metric strong{font-size:1.72rem}
}



/* =========================================================
   Bella Fit — Correção responsiva do cabeçalho v66
   ========================================================= */
.header-row{overflow:visible}
.brand{min-width:0}
.brand img{max-width:100%}
.version{min-width:0}
.summary-toggle{max-width:100%;flex-shrink:0}

@media (max-width: 860px){
  .header-row{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:12px;
    min-height:auto !important;
    padding:12px 0 !important;
  }
  .brand{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    align-items:center;
    gap:12px;
  }
  .brand img{
    width:138px !important;
    max-height:60px !important;
  }
  .version{
    display:block;
    font-size:.76rem !important;
    line-height:1.15;
    white-space:normal;
    overflow-wrap:anywhere;
    padding-left:12px;
  }
  .summary-toggle{
    margin-left:0 !important;
    justify-self:end;
    min-width:unset;
    padding:11px 12px 11px 14px !important;
    gap:10px !important;
  }
  .summary-toggle b{font-size:1rem !important}
  .summary-toggle small{display:none !important}
}

@media (max-width: 560px){
  .header-row{
    grid-template-columns:1fr;
    gap:10px;
  }
  .brand{
    width:100%;
  }
  .brand img{
    width:152px !important;
    max-height:64px !important;
  }
  .version{
    font-size:.72rem !important;
    padding-left:10px;
  }
  .summary-toggle{
    width:100%;
    justify-self:stretch;
    justify-content:space-between;
    border-radius:18px;
  }
}

@media (max-width: 420px){
  .container{width:min(100% - 18px, 1180px) !important}
  .brand{
    gap:10px;
  }
  .brand img{
    width:138px !important;
    max-height:58px !important;
  }
  .version{
    font-size:.68rem !important;
    line-height:1.1;
  }
  .summary-toggle{
    padding:10px 12px !important;
  }
  .summary-toggle i{
    width:38px !important;
    height:38px !important;
  }
}
