:root {
  --bg:#070b14;--panel:#121826;--panel-soft:#161f31;--text:#e8eefc;--muted:#9aa8c7;--line:#24324d;
  --suite:#37d5ff;--atlas:#8b5cf6;--monitor:#34d399;--sintesis:#fb923c;--social:#60a5fa;
  --glow-suite:rgba(55,213,255,.25);--glow-atlas:rgba(139,92,246,.26);--glow-monitor:rgba(52,211,153,.26);--glow-sintesis:rgba(251,146,60,.26);--glow-social:rgba(96,165,250,.26);
}
*{box-sizing:border-box}
body{margin:0;font-family:'Lexend',sans-serif;background:radial-gradient(circle at top, #10192b 0%, var(--bg) 45%);color:var(--text);line-height:1.45}
.container{max-width:1160px;margin:0 auto;padding:1.15rem}
.row,.row-between{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.row-between{justify-content:space-between}
.hd-header{position:sticky;top:0;z-index:20;background:#070b14e6;backdrop-filter: blur(7px);border-bottom:1px solid #1c263a}.brand{display:flex;align-items:center;text-decoration:none}
.chips{display:flex;gap:.5rem}.chip{padding:.38rem .72rem;border-radius:999px;text-decoration:none;color:var(--text);border:1px solid var(--line);font-size:.87rem;transition:.25s ease}.chip:hover{transform:translateY(-1px);background:#172033}
.chip-suite{border-color:var(--suite)}.chip-atlas{border-color:var(--atlas)}.chip-monitor{border-color:var(--monitor)}.chip-sintesis{border-color:var(--sintesis)}.chip-social{border-color:var(--social)}
.suite-logo{display:block;object-fit:contain;object-position:left center;max-width:100%;image-rendering:-webkit-optimize-contrast;filter:drop-shadow(0 6px 14px rgba(0,0,0,.35))}
.suite-logo-header{width:176px;height:34px}
.suite-logo-hero{width:320px;max-width:88%;height:62px;margin:0 0 1.15rem}
.suite-logo-pricing{width:245px;max-width:80%;height:48px;margin:.2rem 0 .7rem}

.card{background:linear-gradient(160deg,var(--panel) 0%, var(--panel-soft) 100%);border:1px solid #22314d;border-radius:16px;padding:1.1rem;margin:1rem 0;box-shadow:0 10px 25px rgba(0,0,0,.25);transition:.3s ease}
.hero-premium{padding:2.6rem 2rem;margin-top:1.4rem}
.hero h1,.hero-premium h1{margin:0 0 .85rem;font-size:clamp(1.7rem,3.6vw,2.8rem);line-height:1.16}
.hero-subtitle{color:#c4d4f6;max-width:860px;font-size:1.02rem}
.hero-actions{margin-top:1.2rem}
.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem}
.product-grid .app-card{grid-column:span 3}.pricing-grid .pricing-card{grid-column:span 4;position:relative}
.app-card{padding:1.3rem 1.2rem}
.app-logo{width:148px;max-width:78%;height:44px;object-fit:contain;object-position:left top;display:block;margin:0 0 1rem;image-rendering:-webkit-optimize-contrast;filter:drop-shadow(0 5px 12px rgba(0,0,0,.35))}
.app-card h3{margin:.1rem 0 .4rem}.app-card p{margin:.1rem 0 .6rem;color:#c5d4f4}
.feature-list{padding-left:1rem;margin:.2rem 0 0}.feature-list li{margin:.26rem 0;color:#d8e5ff;font-size:.95rem}
.app-card:hover,.pricing-card:hover{transform:translateY(-5px);border-color:#3a507a}
.app-card.atlas:hover{box-shadow:0 14px 36px var(--glow-atlas)}.app-card.monitor:hover{box-shadow:0 14px 36px var(--glow-monitor)}.app-card.sintesis:hover{box-shadow:0 14px 36px var(--glow-sintesis)}.app-card.social:hover{box-shadow:0 14px 36px var(--glow-social)}
.btn{background:linear-gradient(135deg,var(--suite),#5b4ee9);color:#041029;border:none;padding:.62rem 1rem;border-radius:11px;text-decoration:none;font-weight:700;display:inline-block;transition:.25s ease}
.btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px var(--glow-suite)}.btn-xl{padding:.76rem 1.12rem}
.btn-secondary{background:#1c263a;color:var(--text)}
.badge{border:1px solid #334567;padding:.3rem .55rem;border-radius:999px;font-size:.85rem}
.price{font-size:1.45rem;font-weight:800;margin:.55rem 0 .15rem}.price-note{font-size:.78rem;color:var(--muted);margin-top:0}
.pricing-card{padding:1.3rem 1.2rem}
.pricing-badge{position:absolute;right:.95rem;top:.95rem;font-size:.72rem;border-radius:999px;padding:.25rem .55rem;border:1px solid #3c4f74;background:#1a263e;color:#dbe8ff}
.pricing-badge.popular{border-color:var(--monitor);color:#bff8e4;background:rgba(52,211,153,.12)}
.pricing-badge.enterprise{border-color:var(--suite);color:#c9f7ff;background:rgba(55,213,255,.12)}
.hd-footer{padding:1.8rem 1rem 2.1rem;text-align:center;color:rgba(154,168,199,.84);font-size:.9rem}
.hd-footer a{color:#9edfff;text-decoration:none;transition:.2s ease}.hd-footer a:hover{color:#dff8ff;opacity:1}

@media (max-width:1024px){.product-grid .app-card{grid-column:span 6}.pricing-grid .pricing-card{grid-column:span 6}}
@media (max-width:700px){.container{padding:.95rem}.hero-premium{padding:2rem 1.15rem}.product-grid .app-card,.pricing-grid .pricing-card{grid-column:span 12}.app-logo{width:132px;height:38px}.chips{width:100%}.suite-logo-header{width:152px;height:30px}.suite-logo-hero{width:248px;height:50px;margin-bottom:.95rem}.suite-logo-pricing{width:208px;height:42px}}