.brand-logo{overflow:hidden;padding:0;background:#07111f}
.brand-logo img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.menu-dots{display:inline-grid;place-items:center;min-width:46px;min-height:40px;padding:6px 10px;font-size:19px;letter-spacing:3px;line-height:1}
.hero-logo-card{aspect-ratio:1;border-radius:50%;background:#081523}
.hero-logo-card img{object-fit:cover;object-position:center}
.hero-logo-card::after{background:radial-gradient(circle at 50% 45%,transparent 48%,rgba(2,8,17,.42) 100%)}
.service-review{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;padding:10px 12px;border:1px solid rgba(66,228,157,.2);border-radius:10px;background:rgba(66,228,157,.07)}
.service-review span{font-size:9px;letter-spacing:.16em;color:#8fa3bd;font-weight:800}
.service-review strong{font-size:13px;color:#42e49d;text-transform:uppercase}
.check-list .web-design-service{grid-column:1/-1;background:linear-gradient(100deg,#091725,rgba(37,136,255,.1))}
.check-list .web-design-service b{color:#70c9ff}
.digital-services-grid .digital-card.streaming{grid-row:1/3}
.digital-card.freefire{background:radial-gradient(circle at 75% 25%,rgba(255,151,33,.42),transparent 34%),linear-gradient(145deg,#3b1309,#10192a)}
.digital-card.mobile-topups{background:radial-gradient(circle at 75% 22%,rgba(55,216,255,.35),transparent 34%),linear-gradient(145deg,#082a43,#0b1425)}
.digital-symbol{position:absolute;inset:24px 26px auto auto;display:flex;align-items:flex-end;gap:3px;color:#fff;opacity:.94;transform:rotate(-4deg)}
.digital-symbol b,.digital-symbol strong{font-size:clamp(28px,4vw,52px);line-height:.85;letter-spacing:-.08em}
.digital-symbol strong{color:#ff9d2e}
.digital-symbol i{font-style:normal;color:#ffd25e;font-size:27px;margin-left:5px}
.phone-symbol{width:86px;height:118px;border:3px solid rgba(255,255,255,.86);border-radius:18px;display:grid;place-items:center;transform:rotate(8deg)}
.phone-symbol span{font-size:38px;color:#37d8ff}.phone-symbol i{position:absolute;right:-12px;top:-12px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#37d8ff;color:#07111f;font-weight:900}
.digital-card.freefire{background:radial-gradient(circle at 74% 18%,rgba(255,176,0,.2),transparent 35%),linear-gradient(145deg,#17223a,#0b1424)}
.digital-card.mobile-topups{background:radial-gradient(circle at 20% 12%,rgba(55,216,255,.2),transparent 38%),linear-gradient(145deg,#102944,#0a1627)}
.recharge-logo-stage{position:absolute;z-index:1;top:24px;right:26px;bottom:118px;left:26px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(5,14,27,.38);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.freefire-logo-stage img{width:86%;height:auto;object-fit:contain;filter:drop-shadow(0 9px 24px rgba(0,0,0,.38))}
.operator-logos{position:absolute;z-index:1;top:20px;right:22px;bottom:114px;left:22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;align-content:center}
.operator-logo{display:flex;align-items:center;justify-content:center;min-height:64px;padding:11px 16px;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(255,255,255,.96);box-shadow:0 10px 24px rgba(0,0,0,.18)}
.operator-logo img{width:100%;max-width:112px;height:38px;object-fit:contain}
.operator-logo.operator-cnt img{height:54px;transform:scale(1.28)}
.final-cta h2{margin-bottom:18px}.final-cta .cta-motto{margin:0 0 34px;text-transform:none;letter-spacing:.08em;font-size:clamp(15px,2vw,20px);line-height:1.48;font-weight:750;color:rgba(255,255,255,.94)}
.catalog-hero{max-width:var(--max);margin:auto;padding:90px 28px 35px;text-align:center}.catalog-hero .eyebrow{justify-content:center}.catalog-hero h1{font-size:clamp(44px,6vw,76px);letter-spacing:-.055em;line-height:1;margin:0}.catalog-hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(135,202,255,.9)}.catalog-hero>p:last-child{max-width:650px;margin:24px auto 0;color:var(--muted)}
.catalog-section{padding-top:45px}.catalog-empty{text-align:center;color:var(--muted);padding:60px 20px;border:1px solid var(--line);border-radius:18px}
@media (min-width:901px){.site-header .menu-toggle{display:inline-grid}.site-header nav{display:none;position:absolute;right:28px;top:72px;width:250px;flex-direction:column;align-items:stretch;padding:14px;background:rgba(7,17,31,.98);border:1px solid var(--line);border-radius:14px;gap:3px;box-shadow:0 24px 70px rgba(0,0,0,.45)}.site-header nav.open{display:flex}.site-header nav a{padding:11px 13px;border-radius:8px}.site-header nav a:hover{background:rgba(255,255,255,.05)}}
@media (max-width:900px){.hero-logo-card{width:min(310px,78vw);border-radius:50%}}
@media (max-width:620px){.check-list .web-design-service{grid-column:auto}.operator-logo{min-height:76px}.final-cta .cta-motto{letter-spacing:.06em}}