.topbar{background:#0a0d14}.hero{background:#fff;min-height:420px}.hero-bg{left:0}.hero-bg::after{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.92) 26%,rgba(255,255,255,.4) 46%,rgba(255,255,255,0) 64%)}.hero-photo{object-position:center}.hero h1{font-size:clamp(34px,5vw,54px)}.hero h1 em{color:var(--c3)}.hero-grid{min-height:420px}.hero-sub{color:#111827;font-weight:500}.hero-points{margin-top:24px}.hp-ic{border-radius:8px;color:var(--c3);background:#fff;box-shadow:none;border:1px solid #f3c6cb}
.tiles{grid-template-columns:repeat(8,1fr)}.tile{background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px 8px 12px;box-shadow:0 4px 14px rgba(0,0,0,.05)}.tile-img{max-width:none;border:0;background:#fff}.tile-img img{object-fit:contain;aspect-ratio:4/3}
.brands-h{font-size:24px}.brands{display:flex;flex-wrap:wrap;gap:12px}.brands a{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border:1.5px solid var(--line);border-radius:999px;font-weight:700;color:var(--c1);background:#fff;transition:border-color .2s,color .2s}.brands a:hover{border-color:var(--c3);color:var(--c3)}
.promos{display:grid;grid-template-columns:1fr 1fr;gap:20px}.promo{position:relative;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;border-radius:16px;overflow:hidden;min-height:210px;background:#0f172a;color:#fff;padding:24px;transition:transform .22s,box-shadow .22s}.promo:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(0,0,0,.2)}.promo.p1{background:#e9eef5;color:#111827}.promo-img{position:absolute;inset:0}.promo-img img{width:100%;height:100%;object-fit:cover}.promo::before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(15,23,42,.88) 0%,rgba(15,23,42,.55) 45%,rgba(15,23,42,0) 75%)}.promo.p1::before{background:linear-gradient(90deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.7) 45%,rgba(255,255,255,0) 75%)}.promo-t{position:relative;z-index:2;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.promo-t strong{font-size:26px;line-height:1.15}.promo-t em{color:var(--c3)}.promo.p2 .promo-t small{color:#d6dbe6}.promo-t small{font-size:14px}.promo .chip-s{z-index:3}
.why{grid-template-columns:repeat(6,1fr)}.why-i{padding:14px;border-radius:12px;background:#fdecee}.why-i:nth-child(2){background:#e7f7ef}.why-i:nth-child(3){background:#e8f0fe}.why-i:nth-child(4){background:#e8f0fe}.why-i:nth-child(5){background:#f1eafd}.why-i:nth-child(6){background:#fff5db}
.icard-img{aspect-ratio:4/3;background:#fff}.icard-img img{object-fit:contain}.icard-act .btn{width:100%}.bdg{background:#111827;color:#fff}
@media(max-width:1180px){.tiles{grid-template-columns:repeat(4,1fr)}.why{grid-template-columns:repeat(3,1fr)}}@media(max-width:980px){.promos{grid-template-columns:1fr}.hero-bg{height:240px}.hero-bg::after{background:linear-gradient(180deg,rgba(255,255,255,0) 60%,#fff 100%)}}@media(max-width:600px){.tile{min-width:120px;flex:0 0 120px}.why{grid-template-columns:1fr 1fr}.promo{grid-template-columns:1fr;min-height:230px}}