.hp{max-width:1200px;margin:-30px auto 10px;padding:0 20px;position:relative;z-index:2}
.hp-card{display:grid;grid-template-columns:1.4fr 1fr;gap:28px;background:linear-gradient(135deg,#0f2a4a 0%,#123a63 60%,#14532d 130%);color:#fff;border-radius:22px;padding:30px;box-shadow:0 18px 40px rgba(15,42,74,.28);transition:transform .25s,box-shadow .25s}
.hp-card:hover{transform:translateY(-4px);box-shadow:0 24px 50px rgba(15,42,74,.35)}
.hp-badge{display:inline-block;background:#16a34a;color:#fff;border-radius:999px;padding:4px 12px;font-weight:700;font-size:.85rem}
.hp h2{color:#fff;font-size:clamp(1.4rem,3vw,2rem);margin:10px 0 12px;line-height:1.3}
.hp-list{list-style:none;padding:0;margin:0 0 18px}.hp-list li{margin:8px 0;line-height:1.5}.hp-list span{color:#4ade80;margin-left:6px;font-weight:800}
.hp-cta{display:flex;gap:12px;flex-wrap:wrap}
.hp-btn{display:inline-flex;align-items:center;min-height:48px;padding:12px 24px;border-radius:12px;font-weight:800;text-decoration:none;transition:transform .2s,box-shadow .2s}
.hp-main{background:#16a34a;color:#fff;font-size:1.15rem}.hp-main:hover{background:#15803d;transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.25)}
.hp-sec{border:2px solid #fff;color:#fff}.hp-sec:hover{background:#fff;color:#0f2a4a}
.hp a:focus-visible,.hp input:focus-visible{outline:3px solid #fbbf24;outline-offset:3px}
.hp-quick{margin-top:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:14px;padding:12px 16px}
.hp-quick h3{margin:0 0 8px;color:#fff;font-size:1.05rem}.hpq-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.hpq-row label{display:flex;flex-direction:column;font-size:.85rem;gap:4px;color:#e2e8f0}.hpq-row input{width:100%;box-sizing:border-box;padding:8px;border-radius:8px;border:1px solid #cbd5e1;font:inherit;color:#0f2a4a;background:#fff}
.hpq-out{margin:10px 0 2px}.hpq-out b{color:#4ade80;font-size:1.3rem}.hpq-note{font-size:.78rem;color:#cbd5e1;margin:0}
.hp-vis{background:#fff;color:#0f2a4a;border-radius:18px;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.hp-donut{width:170px;height:170px;border-radius:50%;background:conic-gradient(#16a34a 0 34%,#1d4ed8 34% 67%,#93c5fd 67% 100%);display:flex;align-items:center;justify-content:center}
.hp-hole{width:104px;height:104px;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.hp-hole small{color:#64748b}
.hp-leg{list-style:none;display:flex;gap:12px;padding:0;margin:0;font-size:.85rem}.hp-leg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-left:4px}
.hp-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.hp-kpis div{background:#f1f5f9;border-radius:10px;padding:8px;text-align:center}.hp-kpis small{display:block;color:#64748b}.hp-cap{font-size:.75rem;color:#64748b;margin:0}
@media(max-width:860px){.hp-card{grid-template-columns:1fr;padding:22px}.hp{margin-top:-20px}}
@media(max-width:480px){.hp{padding:0 12px}.hp-card{padding:18px}.hpq-row{grid-template-columns:1fr}.hp-btn{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.hp *,.hp-card{transition:none}}