:root{--navy:#0B1D3A;--navy2:#07152B;--red:#C4001D;--red2:#e53223;--soft:#F5F7FA;--text:#263142;--muted:#667085;--line:#e6e9ee}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:#fff}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:1rem;top:1rem;z-index:9999;background:#fff;padding:.6rem 1rem}.site-nav{background:rgba(7,21,43,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.07)}.brand-link img{width:145px;height:48px;object-fit:cover;object-position:center}.offcanvas-logo{width:150px;height:55px;object-fit:cover}.nav-link{font-weight:500}.nav-link.active{color:#fff!important}.btn-brand{background:var(--red2);border-color:var(--red2);color:#fff}.btn-brand:hover{background:#c9261a;border-color:#c9261a;color:#fff}.hero{position:relative;min-height:92vh;background:var(--navy2);color:#fff;display:flex;align-items:center;padding:135px 0 80px;overflow:hidden}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,21,43,.98) 0%,rgba(7,21,43,.91) 50%,rgba(7,21,43,.72) 100%),url('../img/projects/rack-servidor.png') center/cover no-repeat;opacity:.9}.hero h1{font-size:clamp(3rem,6vw,5.7rem);line-height:.96;letter-spacing:-.055em;font-weight:800}.hero h1 span{color:#ff4638}.hero .lead{max-width:760px;color:#dbe4ef}.eyebrow{color:#ff5b50;letter-spacing:.13em;font-size:.76rem;font-weight:800}.hero-trust{display:flex;gap:1.4rem;flex-wrap:wrap;color:#cbd5e1;font-size:.92rem}.hero-trust i{color:#ff4b3e}.hero-panel{max-width:410px;margin-left:auto;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);border-radius:28px;padding:24px;box-shadow:0 25px 70px #0006;backdrop-filter:blur(14px)}.hero-panel>img{display:block;width:210px;height:180px;object-fit:cover;margin:auto;border-radius:18px}.portal-preview{background:#fff;color:var(--text);border-radius:18px;padding:20px;margin-top:18px}.portal-preview strong{display:block;font-size:1.15rem}.section{padding:96px 0}.section-soft{background:var(--soft)}.section-dark{background:var(--navy);color:#fff}.section-heading{max-width:700px;margin:auto}.lead-sm{font-size:1.1rem;color:var(--muted)}.feature-card,.service-card,.plan-card{height:100%;border:1px solid var(--line);border-radius:18px;padding:28px;background:#fff;transition:.25s}.feature-card:hover,.service-card:hover,.plan-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(11,29,58,.1);border-color:#d7dce3}.card-icon{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:13px;background:#fff1f0;color:var(--red2);font-size:1.35rem;margin-bottom:22px}.project-band{background:var(--navy);color:#fff}.project-main{width:100%;height:620px;object-fit:cover}.project-copy{padding:70px;max-width:620px}.project-copy h2{font-size:clamp(2.2rem,4vw,4rem);font-weight:800;letter-spacing:-.04em}.project-copy p{color:#cbd5e1;font-size:1.08rem}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.photo-grid img{width:100%;height:360px;object-fit:cover;border-radius:20px}.step-number{font-size:3rem;line-height:1;color:#ff493c;font-weight:900;margin-bottom:20px}.mini-hero{padding:165px 0 90px;background:linear-gradient(115deg,var(--navy2),var(--navy));color:#fff}.mini-hero h1{letter-spacing:-.04em}.plan-card.featured{border:2px solid var(--red2);box-shadow:0 18px 45px rgba(11,29,58,.09)}.cta{background:linear-gradient(120deg,var(--red),#e43729);color:#fff;border-radius:28px;padding:48px}.site-footer{background:var(--navy2);color:#cbd5e1;padding:68px 0 28px}.footer-logo{width:180px;height:60px;object-fit:cover}.footer-link{color:#fff;text-decoration:none}.footer-link:hover{color:#ff665c}.whatsapp{position:fixed;right:22px;bottom:22px;width:56px;height:56px;border-radius:50%;background:#198754;color:#fff;display:grid;place-items:center;text-decoration:none;font-size:1.5rem;box-shadow:0 10px 28px #0004;z-index:20}@media(max-width:991px){.hero-panel{margin:20px 0 0}.project-main{height:460px}.project-copy{padding:50px 28px}}@media(max-width:767px){.section{padding:62px 0}.hero{min-height:auto;padding-top:125px}.hero h1{font-size:3.2rem}.hero-trust{display:grid;gap:.6rem}.photo-grid{grid-template-columns:1fr}.photo-grid img{height:280px}.project-main{height:360px}.cta{padding:32px 24px}.brand-link img{width:125px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Plano Diretor GRADEV 2026 - OPS */
.ops-card{display:flex;flex-direction:column;gap:0;min-height:100%;padding:27px 22px}.ops-kicker{font-size:.73rem;letter-spacing:.13em;font-weight:800;color:#c4001d}.ops-price{font-size:2.2rem;font-weight:850;letter-spacing:-.05em;color:#0b1d3a;white-space:nowrap;margin:12px 0}.ops-price>span{font-size:.95rem;letter-spacing:0}.ops-price small{font-size:.84rem;color:#64748b;font-weight:500;letter-spacing:0}.ops-description{min-height:72px;font-size:.93rem}.ops-line{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-top:1px solid #e8ebf0;font-size:.9rem}.ops-line i{color:#c4001d;font-size:1.1rem}.ops-entry{background:#f2f5f9;border-radius:10px;padding:12px;margin-top:auto;font-size:.89rem}.ops-card .btn{margin-top:18px!important}.ops-table-wrap{border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;background:#fff}.ops-table{margin-bottom:0;min-width:760px}.ops-table th,.ops-table td{padding:17px 18px}.ops-table thead th{background:#0b1d3a;color:#fff;white-space:nowrap}.ops-table tbody th{font-weight:650}.ops-step{height:100%;border:1px solid #e2e8f0;border-radius:18px;padding:25px;background:#fff}.ops-step>span{font-size:2.4rem;color:#c4001d;font-weight:850}.ops-dark-panel{border:1px solid #ffffff35;background:#ffffff0d;border-radius:18px;padding:30px}.ops-dark-panel p{color:#dbe3ef}.ops-dark-panel i{color:#ff5b62;margin-right:8px}@media(max-width:767px){.ops-description{min-height:0}.ops-price{font-size:2rem}}