/* Guam landing page. Shared Woven Trinity tokens + components live in
   pis-brand.css (loaded first). Wrapper: `.pis pis-guam`. */

.pis-guam .hero-section {
    background: linear-gradient(to right, rgba(42,32,53,.96) 0%, rgba(42,32,53,.82) 50%, rgba(42,32,53,.45) 100%), url('/assets/img/guam-hero.jpg') center/cover no-repeat;
    color: #fff; padding: 100px 0; position: relative;
}
/* Keep headings white on the dark hero + pricing panel (override the shared
   .pis h1-h4 { color: ink } rule which would otherwise be invisible there). */
.pis-guam .hero-section h1, .pis-guam .hero-section h2, .pis-guam .hero-section h3, .pis-guam .hero-section h4 { color: #fff; }
.pis-guam .pricing-box-left h1, .pis-guam .pricing-box-left h2, .pis-guam .pricing-box-left h3 { color: #fff; }
.pis-guam .text-yellow { color: var(--pis-gold) !important; }
.pis-guam .letter-spacing-1 { letter-spacing: 1px; }
.pis-guam .hero-features { font-size: .95rem; font-weight: 500; }
.pis-guam .hero-features i { font-size: 1.25rem; color: #fff; margin-right: 8px; }
.pis-guam .hero-floating-card { background: rgba(42,32,53,.55); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,.14); border-radius: 16px; padding: 2.5rem; box-shadow: 0 15px 35px rgba(0,0,0,.2); }
.pis-guam .hero-floating-card ul li { margin-bottom: 15px; font-size: 1rem; display: flex; align-items: center; color: #e9ecef; }
.pis-guam .hero-floating-card ul li i { color: #28a745; margin-right: 12px; font-size: 1.2rem; }

.pis-guam .service-box { border: 1px solid rgba(43,32,53,.08); border-radius: 16px; padding: 35px 20px; transition: transform .3s ease, box-shadow .3s ease; height: 100%; background: #fff; }
.pis-guam .service-box:hover { box-shadow: 0 15px 35px rgba(43,32,53,.1); transform: translateY(-6px); }
.pis-guam .service-icon { font-size: 3.5rem; margin-bottom: 20px; }

.pis-guam .pricing-box-left { background: linear-gradient(135deg, var(--pis-ink), var(--pis-blue-d)); color: #fff; border-radius: 16px 0 0 16px; padding: 50px; }
.pis-guam .pricing-box-right { background: var(--pis-band); border-radius: 0 16px 16px 0; padding: 50px; }

@media (max-width: 768px) {
    .pis-guam .pricing-box-left { border-radius: 16px 16px 0 0; padding: 30px; }
    .pis-guam .pricing-box-right { border-radius: 0 0 16px 16px; padding: 30px; }
    .pis-guam .hero-section { padding: 60px 0; background: linear-gradient(rgba(42,32,53,.96), rgba(42,32,53,.96)), url('/assets/img/guam-hero.jpg') center/cover no-repeat; }
    .pis-guam .hero-floating-card { padding: 1.5rem; margin-top: 1rem; }
    .pis-guam .trust-border { border-left: none !important; }
    .pis-guam .hero-btns a { width: 100%; justify-content: center; margin-bottom: 10px; }
}

.pis-guam .trust-section { border-top: 1px solid rgba(43,32,53,.08); border-bottom: 1px solid rgba(43,32,53,.08); padding: 50px 0; }
@media (min-width: 769px) { .pis-guam .trust-border { border-left: 1px solid rgba(43,32,53,.08); } }
.pis-guam .trust-item i { font-size: 2.5rem; color: var(--pis-blue); margin-bottom: 15px; }
.pis-guam .contact-info-list i { color: var(--pis-blue); font-size: 1.4rem; width: 35px; text-align: center; }

.pis-guam .tech-item { transition: all .3s; cursor: default; width: 100px; }
.pis-guam .tech-item i { transition: all .3s; color: #6c757d; }
.pis-guam .tech-item:hover i { color: var(--pis-blue) !important; transform: scale(1.1); }
.pis-guam .tech-item span { display: block; margin-top: 8px; font-size: .85rem; font-weight: 500; color: #6c757d; }