:root{--bg:#0b0f19;--surface:#121a2a;--card:rgba(19,29,47,.78);--line:rgba(255,255,255,.1);--text:#f8fafc;--muted:#97a5ba;--blue:#3b82f6;--blue-light:#66a5ff;--shadow:0 24px 65px rgba(0,0,0,.28)}
[data-theme="light"]{--bg:#f4f7fc;--surface:#fff;--card:rgba(255,255,255,.86);--line:rgba(15,23,42,.09);--text:#101827;--muted:#576579;--shadow:0 24px 55px rgba(31,54,88,.1)}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;scroll-padding-top:95px}body{background:var(--bg);color:var(--text);font:400 16px/1.65 Poppins,Segoe UI,sans-serif;overflow-x:hidden}a{text-decoration:none;color:inherit}.site-header{position:fixed;z-index:10;top:0;width:100%;padding:19px clamp(22px,5vw,72px);display:flex;align-items:center;justify-content:space-between;gap:22px;transition:.3s}.site-header.scrolled{background:color-mix(in srgb,var(--bg) 83%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);padding-block:12px}.logo{display:flex;width:151px}.logo img,.footer-brand img{width:100%;height:auto}.site-nav{display:flex;align-items:center;gap:4px;padding:5px 8px;border:1px solid var(--line);border-radius:99px;background:rgba(255,255,255,.04)}.site-nav a{padding:7px 14px;border-radius:99px;font-size:.86rem;color:#d7dfec;transition:.25s}.site-nav a:hover,.site-nav .active{background:rgba(59,130,246,.18);color:#fff}.header-actions{display:flex;align-items:center;gap:10px}.theme-toggle,.menu-toggle{border:1px solid var(--line);background:rgba(255,255,255,.06);color:var(--text);cursor:pointer}.theme-toggle{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;font-size:1rem;transition:.25s}.theme-toggle:hover{border-color:var(--blue);transform:rotate(15deg)}.admin-btn{display:flex;gap:8px;align-items:center;border-radius:99px;padding:10px 17px;color:#fff;background:linear-gradient(125deg,#2563eb,#4f46e5 58%,#7c3aed);font-size:.82rem;font-weight:600;box-shadow:0 8px 24px rgba(79,70,229,.35);transition:.25s}.admin-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(79,70,229,.5)}.menu-toggle{display:none;width:42px;height:42px;border-radius:50%;padding:11px}.menu-toggle span{display:block;height:2px;margin:4px 0;background:currentColor;transition:.25s}
.hero{min-height:720px;padding:164px clamp(24px,9vw,145px) 88px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:clamp(45px,7vw,115px);position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 68% 30%,#1c3b74 0,transparent 27%),linear-gradient(140deg,#0a0f19 0%,#111a2c 55%,#12173a 100%)}[data-theme="light"] .hero{background:radial-gradient(circle at 68% 30%,#c8ddff 0,transparent 28%),linear-gradient(140deg,#eff5ff,#f8fbff 55%,#e6eeff)}.grid-glow{position:absolute;inset:0;z-index:-1;opacity:.19;background-image:linear-gradient(rgba(125,172,255,.33) 1px,transparent 1px),linear-gradient(90deg,rgba(125,172,255,.33) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#000,transparent 88%)}.orb{position:absolute;z-index:-1;border-radius:50%;filter:blur(8px);opacity:.55}.orb-one{width:330px;height:330px;background:#1456bc;right:-80px;top:110px}.orb-two{width:200px;height:200px;background:#6d35c4;left:31%;bottom:-90px}.eyebrow{display:flex;align-items:center;gap:8px;color:var(--blue-light);text-transform:uppercase;letter-spacing:.15em;font-size:.72rem;font-weight:700}.hero h1{font-size:clamp(2.8rem,5vw,5rem);line-height:1.08;letter-spacing:-.055em;margin:19px 0 23px;max-width:640px}.hero h1 span{background:linear-gradient(105deg,#5ea1ff,#a78bfa);color:transparent;background-clip:text}.hero-text{max-width:570px;font-size:1.05rem;color:var(--muted)}.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin:34px 0 26px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:99px;padding:13px 20px;font-size:.86rem;font-weight:600;transition:.25s}.btn:hover{transform:translateY(-2px)}.primary{background:linear-gradient(120deg,#2273ee,#6c5ce7);box-shadow:0 12px 25px rgba(45,104,224,.3);color:#fff}.secondary{border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--text)}.hero-points{display:flex;flex-wrap:wrap;gap:18px;color:var(--muted);font-size:.74rem}.hero-points i{color:#56d3a4;margin-right:5px}.hero-panel{position:relative;border:1px solid rgba(255,255,255,.14);border-radius:25px;background:linear-gradient(130deg,rgba(33,50,83,.87),rgba(10,17,33,.88));box-shadow:0 25px 60px rgba(0,0,0,.36);padding:20px;transform:perspective(1200px) rotateY(-5deg) rotateX(2deg)}[data-theme="light"] .hero-panel{background:linear-gradient(130deg,rgba(255,255,255,.88),rgba(229,239,255,.92));border-color:#d7e3f6}.panel-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:17px;border-bottom:1px solid var(--line);font-size:.75rem}.panel-brand{font-weight:700;display:flex;gap:7px;align-items:center}.panel-brand b{width:10px;height:10px;border-radius:3px;background:linear-gradient(135deg,#4292ff,#774beb)}.panel-status{color:#b8c5d6;font-size:.65rem}.panel-status i{display:inline-block;width:7px;height:7px;background:#42d69c;border-radius:50%;margin-right:4px}.panel-body{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:16px}.metric,.activity{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.05);border-radius:15px;padding:15px}.metric small,.activity small{display:block;color:#aab8ca;font-size:.62rem}.metric strong{display:block;font-size:1.25rem;margin:3px 0}.metric-main{grid-row:span 2}.metric-main em{font-style:normal;font-size:.65rem;color:#55d9a3}.chart{height:64px;display:flex;align-items:end;gap:7px;margin-top:11px}.chart span{width:100%;border-radius:5px 5px 2px 2px;background:linear-gradient(#639eff,#384eef)}.chart span:nth-child(1){height:33%}.chart span:nth-child(2){height:55%}.chart span:nth-child(3){height:42%}.chart span:nth-child(4){height:70%}.chart span:nth-child(5){height:62%}.chart span:nth-child(6){height:92%}.chart span:nth-child(7){height:78%}.metric-small>i{float:right;color:#77aaff;background:rgba(81,135,255,.15);padding:7px;border-radius:8px;font-size:.7rem}.activity{grid-column:span 2;display:flex;align-items:center;gap:9px}.activity-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:rgba(67,211,154,.15);color:#53d6a0;font-size:.8rem}.activity p{flex:1;font-size:.65rem}.activity p b{display:block}.activity>i{color:#9badc4}
.systems-section{max-width:1310px;margin:auto;padding:100px 32px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:38px}.section-heading h2,.benefits h2{font-size:clamp(2rem,3.4vw,3.25rem);line-height:1.15;letter-spacing:-.045em;max-width:680px;margin-top:12px}.section-heading>p{max-width:360px;color:var(--muted);font-size:.92rem}.toolbar{padding:15px;border:1px solid var(--line);border-radius:18px;background:var(--card);display:flex;align-items:center;gap:16px;justify-content:space-between;box-shadow:var(--shadow)}.search{display:flex;align-items:center;gap:10px;padding:0 13px;flex:1;max-width:370px;color:var(--muted)}.search input{width:100%;border:0;outline:0;background:transparent;font:inherit;font-size:.83rem;color:var(--text)}.search input::placeholder{color:var(--muted)}.filters{display:flex;flex-wrap:wrap;gap:7px}.filter{border:0;background:transparent;color:var(--muted);padding:8px 12px;border-radius:9px;cursor:pointer;font:600 .72rem Poppins,sans-serif;transition:.2s}.filter:hover,.filter.active{background:var(--blue);color:#fff}.result-count{color:var(--muted);font-size:.77rem;margin:19px 0}.systems-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.system-card{border:1px solid var(--line);background:var(--card);border-radius:19px;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s,border-color .3s,box-shadow .3s}.system-card:hover{transform:translateY(-6px);border-color:rgba(91,152,255,.6);box-shadow:var(--shadow)}.system-card.is-hidden{display:none}.card-visual{height:124px;position:relative;overflow:hidden;padding:18px;display:flex;justify-content:space-between;align-items:start;background:linear-gradient(130deg,#205dc4,#252656)}.card-visual:after{content:"";position:absolute;width:150px;height:150px;right:-36px;bottom:-85px;border:1px solid rgba(255,255,255,.35);border-radius:50%;box-shadow:0 0 0 22px rgba(255,255,255,.05),0 0 0 45px rgba(255,255,255,.04)}.card-visual span{position:relative;z-index:1;color:#fff;font-size:1.7rem;font-weight:800}.card-visual>i{position:relative;z-index:1;color:rgba(255,255,255,.86);font-size:1.3rem;background:rgba(255,255,255,.13);padding:10px;border:1px solid rgba(255,255,255,.2);border-radius:12px}.sales{background:linear-gradient(130deg,#1d58cb,#6a41b9)}.commerce{background:linear-gradient(130deg,#006e8f,#1a9c81)}.finance{background:linear-gradient(130deg,#036a79,#148456)}.adventure{background:linear-gradient(130deg,#277261,#77a82b)}.service{background:linear-gradient(130deg,#9b5323,#bd8a28)}.bids{background:linear-gradient(130deg,#51527f,#974e8d)}.legal{background:linear-gradient(130deg,#513f75,#7d518f)}.transfer{background:linear-gradient(130deg,#1b5d92,#3488a3)}.print{background:linear-gradient(130deg,#555f71,#294762)}.card-content{padding:21px;display:flex;flex-direction:column;flex:1}.card-tag{color:var(--blue-light);font-size:.65rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.card-content h3{font-size:1.19rem;line-height:1.2;margin:6px 0 9px}.card-content>p:not(.card-tag){font-size:.81rem;color:var(--muted);min-height:53px}.card-content ul{list-style:none;margin:17px 0 20px;display:grid;gap:7px;color:var(--muted);font-size:.72rem}.card-content li:before{content:"✓";color:#55d8a2;margin-right:7px;font-weight:800}.card-content a{margin-top:auto;border-top:1px solid var(--line);padding-top:14px;color:var(--blue-light);font-size:.77rem;font-weight:700}.card-content a i{margin-left:4px;transition:.2s}.card-content a:hover i{transform:translateX(4px)}.empty-state{padding:65px 20px;text-align:center;border:1px dashed var(--line);border-radius:18px;color:var(--muted)}.empty-state>i{font-size:1.8rem;color:var(--blue-light);margin-bottom:8px}.empty-state h3{color:var(--text);margin-bottom:4px}
.benefits{max-width:1246px;margin:10px auto 105px;padding:clamp(35px,6vw,75px);border-radius:27px;display:grid;grid-template-columns:1fr .9fr;gap:80px;background:linear-gradient(125deg,#101b32,#202159);position:relative;overflow:hidden}.benefits:after{content:"";position:absolute;width:430px;height:430px;right:-180px;bottom:-240px;border:1px solid rgba(255,255,255,.14);border-radius:50%;box-shadow:0 0 0 45px rgba(255,255,255,.035),0 0 0 95px rgba(255,255,255,.025)}.benefits .eyebrow{color:#a9c9ff}.benefits h2{margin:14px 0 20px;max-width:500px}.benefits-copy>p:not(.eyebrow){color:#b8c6dc;font-size:.91rem;max-width:535px;margin-bottom:25px}.benefits-list{display:grid;gap:12px;position:relative;z-index:1}.benefits-list>div{display:flex;align-items:center;gap:15px;padding:18px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);border-radius:15px}.benefits-list>div>i{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(98,153,255,.18);color:#9fc5ff}.benefits-list b,.benefits-list small{display:block}.benefits-list b{font-size:.83rem}.benefits-list small{font-size:.71rem;color:#b5c1d5}
@media(max-width:1050px){.hero{grid-template-columns:1fr;padding-inline:7vw}.systems-grid{grid-template-columns:repeat(2,1fr)}.site-nav{gap:0}.site-nav a{padding-inline:9px}.benefits{margin-inline:28px}}
@media(max-width:790px){.site-header{padding:14px 20px}.logo{width:130px}.menu-toggle{display:block}.site-nav{position:fixed;left:17px;right:17px;top:76px;display:grid;padding:12px;gap:4px;background:var(--surface);box-shadow:var(--shadow);border-radius:17px;transform:translateY(-20px);opacity:0;pointer-events:none;transition:.25s}.site-nav.open{transform:none;opacity:1;pointer-events:auto}.site-nav a{padding:11px 13px}.admin-btn span{display:none}.admin-btn{padding:11px}.hero{min-height:auto;padding:130px 25px 70px;display:block}.hero-panel{margin-top:47px;max-width:500px}.section-heading{display:block}.section-heading>p{margin-top:18px}.toolbar{display:block}.search{max-width:none;border-bottom:1px solid var(--line);padding:0 0 14px;margin-bottom:10px}.systems-section{padding:76px 20px}.systems-grid{grid-template-columns:1fr}.card-content>p:not(.card-tag){min-height:0}.benefits{grid-template-columns:1fr;gap:35px;margin:0 20px 60px}.hero-points{gap:11px 16px}}
@media(max-width:420px){.theme-toggle{display:none}.hero h1{font-size:2.6rem}.hero-actions .btn{width:100%}.filters{margin-top:10px}.filter{padding:7px 9px;font-size:.67rem}.panel-body{gap:8px}.metric,.activity{padding:11px}.metric strong{font-size:1.05rem}}
.hero{grid-template-columns:1fr;min-height:570px;padding-bottom:78px}.hero-copy{max-width:760px;margin:0 auto;text-align:center}.hero-copy .eyebrow,.hero-copy .hero-points,.hero-copy .hero-actions{justify-content:center}.hero-copy h1{margin-inline:auto}.hero-copy .hero-text{margin-inline:auto}.ecosystem-nav a{color:var(--text)}.ecosystem-nav .nav-divider{color:var(--muted);font-size:.9rem;user-select:none}.logo{width:135px;height:34px;align-items:center}.logo img{max-height:34px;object-fit:contain}.orb-two{width:160px;height:160px;left:12%;bottom:28px;opacity:.42}@media(max-width:790px){.ecosystem-nav .nav-divider{display:none}.logo{width:120px;height:30px}.logo img{max-height:30px}}

/* Tema claro: superfícies sólidas e contraste equivalente ao site institucional. */
[data-theme="light"] .site-nav{background:rgba(255,255,255,.72);border-color:rgba(15,23,42,.1);box-shadow:0 8px 24px rgba(15,23,42,.06)}
[data-theme="light"] .site-nav a{color:#334155}
[data-theme="light"] .site-nav a:hover{background:rgba(37,99,235,.1);color:#1d4ed8}
[data-theme="light"] .ecosystem-nav .nav-divider{color:#94a3b8}
[data-theme="light"] .grid-glow{opacity:.34}
[data-theme="light"] .systems-section{background:linear-gradient(180deg,#f4f7fc 0%,#eaf1fb 100%)}
[data-theme="light"] .toolbar{background:rgba(255,255,255,.9);border-color:rgba(15,23,42,.1);box-shadow:0 14px 32px rgba(30,64,112,.09)}
[data-theme="light"] .system-card{background:#ffffff;border-color:rgba(15,23,42,.1);box-shadow:0 10px 25px rgba(30,64,112,.07)}
[data-theme="light"] .system-card:hover{border-color:rgba(37,99,235,.45);box-shadow:0 18px 35px rgba(30,64,112,.14)}
[data-theme="light"] .card-content a{border-color:rgba(15,23,42,.09);color:#2563eb}
[data-theme="light"] .benefits{color:#f8fafc;box-shadow:0 20px 45px rgba(30,64,112,.16)}
[data-theme="light"] .benefits h2{color:#fff}
[data-theme="light"] .benefits-list b{color:#f8fafc}
[data-theme="light"] .benefits .secondary{color:#f8fafc;border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.06)}

/* Mantém o header do Ecossistema no mesmo grid e escala do site Winfocus. */
.site-header{display:grid;grid-template-columns:1fr auto 1fr;gap:0;padding:1.2rem 3rem}
.site-header .logo{width:135px;height:34px;align-items:center}.site-header .logo img{width:100%;height:100%;max-height:none;object-fit:contain;object-position:left center;transform:none}
.site-header .site-nav{justify-self:center;gap:1.5rem;padding:.35rem .6rem;border-color:rgba(255,255,255,.08)}
.site-header .site-nav a{padding:.5rem 1.1rem;font-size:.92rem;font-weight:500;color:#e2e8f0}
.site-header .header-actions{justify-self:end;gap:1rem}
.site-header.scrolled{padding:.7rem 2.5rem}.site-header.scrolled .logo{width:135px;height:34px}.site-header.scrolled .logo img{width:100%;height:100%}
@media(max-width:992px){.site-header .logo,.site-header.scrolled .logo{width:112px;height:28px}}
@media(min-width:791px) and (max-width:1200px){.site-header .site-nav{gap:.65rem}.site-header .site-nav a{padding-inline:.75rem;white-space:nowrap}}
@media(max-width:790px){.site-header{grid-template-columns:1fr auto 1fr;padding:1rem 1.5rem}.site-header .logo{width:112px;height:28px}.site-header .logo img{width:100%;height:100%;transform:none}.site-header.scrolled{padding:1rem 1.5rem}.site-header.scrolled .logo{width:112px;height:28px}.site-header.scrolled .logo img{width:100%;height:100%}}
@media(max-width:520px){.site-header .logo,.site-header.scrolled .logo{width:90px;height:23px}}
@media(max-width:420px){.site-header .theme-toggle{display:grid}}

/* Mantém o mesmo contraste do header institucional no tema claro. */
[data-theme="light"] .site-header .site-nav a{color:#334155}
[data-theme="light"] .site-header .site-nav a:hover,[data-theme="light"] .site-header .site-nav a.active{background:rgba(59,130,246,.08);color:#2563eb}

/* Vitrine de sistemas: cards compactos, inteiramente clicaveis e com foco visivel. */
.systems-grid{gap:16px;align-items:stretch;padding:8px 7px 18px;margin-inline:-7px}
.system-card{position:relative;isolation:isolate;min-width:0;border-radius:22px;cursor:pointer;transform-origin:center;transition:transform .32s cubic-bezier(.2,.8,.2,1),border-color .32s,box-shadow .32s,background-color .32s}
.system-card:hover{transform:none}
.system-card:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:linear-gradient(145deg,rgba(85,145,255,.12),transparent 38%);opacity:0;transition:opacity .32s}
.system-card:has(.card-content a:focus-visible){outline:3px solid rgba(101,163,255,.72);outline-offset:4px;border-color:rgba(91,152,255,.72);box-shadow:0 22px 50px rgba(20,72,154,.22)}
.card-visual{height:92px;flex:none;padding:14px 17px;transition:filter .32s,transform .32s}
.card-visual:before{content:"WINFOCUS / SISTEMA";position:absolute;z-index:1;left:17px;bottom:11px;color:rgba(255,255,255,.58);font-size:.5rem;font-weight:700;letter-spacing:.13em}
.card-visual:after{width:126px;height:126px;right:-31px;bottom:-79px;transition:transform .42s cubic-bezier(.2,.8,.2,1),box-shadow .42s}
.card-visual span{font-size:1.45rem;line-height:1}
.card-visual>i{display:grid;place-items:center;width:39px;height:39px;padding:0;border-radius:11px;font-size:1rem;transition:transform .32s,background-color .32s}
.card-content{padding:17px 18px 16px}
.card-tag{width:max-content;max-width:100%;padding:4px 8px;border:1px solid rgba(102,165,255,.2);border-radius:99px;background:rgba(59,130,246,.08);font-size:.56rem;line-height:1.3;letter-spacing:.1em}
.card-content h3{font-size:1.08rem;line-height:1.24;letter-spacing:-.025em;margin:7px 0 6px}
.card-content>p:not(.card-tag){min-height:2.85rem;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--muted);font-size:.75rem;line-height:1.52}
.card-content ul{margin:12px 0 13px;gap:5px;font-size:.67rem;line-height:1.45}
.card-content li{display:flex;align-items:flex-start}
.card-content li:before{flex:none;margin-right:7px}
.card-content a{position:static;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:11px;font-size:.71rem;letter-spacing:.01em}
.card-content a:after{content:"";position:absolute;z-index:6;inset:0;border-radius:inherit}
.card-content a:focus-visible{outline:0}
.card-content a i{display:grid;place-items:center;width:28px;height:28px;margin-left:auto;border-radius:50%;background:rgba(59,130,246,.11);transition:transform .25s,background-color .25s,color .25s}
.card-content a:hover i{transform:none}
[data-theme="light"] .card-tag{background:rgba(37,99,235,.06);border-color:rgba(37,99,235,.14)}

@media (hover:hover) and (pointer:fine) and (min-width:791px){
  .system-card:hover{z-index:3;transform:translateY(-9px) scale(1.035);border-color:rgba(91,152,255,.68);box-shadow:0 28px 58px rgba(0,0,0,.3)}
  .system-card:hover:before{opacity:1}
  .system-card:hover .card-visual{filter:saturate(1.16) brightness(1.05)}
  .system-card:hover .card-visual:after{transform:translate(-8px,-5px) scale(1.1);box-shadow:0 0 0 25px rgba(255,255,255,.065),0 0 0 51px rgba(255,255,255,.045)}
  .system-card:hover .card-visual>i{transform:rotate(-5deg) scale(1.08);background:rgba(255,255,255,.2)}
  .system-card:hover .card-content a i{transform:translateX(3px);background:var(--blue);color:#fff}
  [data-theme="light"] .system-card:hover{box-shadow:0 26px 56px rgba(30,64,112,.2)}
}

@media(max-width:790px){
  .systems-grid{gap:13px;padding:4px 0 10px;margin:0}
  .system-card{border-radius:18px;box-shadow:0 10px 25px rgba(0,0,0,.12)}
  .system-card:active{transform:scale(.988);border-color:rgba(91,152,255,.68)}
  .card-visual{height:80px;padding:12px 15px}
  .card-visual:before{left:15px;bottom:9px;font-size:.47rem}
  .card-visual:after{width:116px;height:116px;right:-31px;bottom:-75px}
  .card-visual span{font-size:1.32rem}
  .card-visual>i{width:36px;height:36px;font-size:.94rem}
  .card-content{padding:15px}
  .card-content h3{font-size:1.04rem}
  .card-content>p:not(.card-tag){min-height:0;-webkit-line-clamp:3}
  .card-content ul{margin-block:11px 12px}
  .card-content a{min-height:38px;padding-top:9px}
}