/* Pixel Web v3.2 — content design layer (presentation only; no markup/feature dependency) */
:root{--pc-navy:#0b1633;--pc-navy-2:#132a63;--pc-blue:#2563eb;--pc-indigo:#4f46e5;--pc-ink:#0f172a;--pc-text:#334155;--pc-muted:#64748b;--pc-line:#e5eaf2;--pc-soft:#f5f7fb;--pc-radius:16px;--pc-shadow:0 1px 2px rgba(15,23,42,.04),0 10px 30px rgba(15,23,42,.06);--pc-shadow-hover:0 2px 4px rgba(15,23,42,.05),0 22px 48px rgba(15,23,42,.11)}

/* ---------- Unified inner-page hero ---------- */
.pw-page-hero{position:relative;overflow:hidden;isolation:isolate;padding:64px 0 88px!important;min-height:0!important;color:#fff!important;background:radial-gradient(900px 380px at 88% -20%,rgba(59,130,246,.55),transparent 62%),radial-gradient(700px 320px at -5% 120%,rgba(79,70,229,.45),transparent 60%),linear-gradient(135deg,var(--pc-navy) 0%,var(--pc-navy-2) 58%,#1e40af 100%)!important}
.pw-page-hero::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse 70% 80% at 50% 40%,#000 30%,transparent 80%);mask-image:radial-gradient(ellipse 70% 80% at 50% 40%,#000 30%,transparent 80%)}
.pw-page-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(147,197,253,.45),transparent)}
.pw-page-hero>.container{padding-top:16px!important;padding-bottom:16px!important;position:relative;z-index:2}
.pw-page-hero>.position-absolute{display:none}
.pw-page-hero h1,.pw-page-hero .display-4,.pw-page-hero .display-5{font-size:clamp(1.9rem,3.4vw,3rem)!important;line-height:1.25!important;font-weight:800!important;letter-spacing:-.01em;color:#fff!important;margin-bottom:14px!important;text-wrap:balance}
.pw-page-hero h1 i{margin-right:12px;font-size:.8em;opacity:.85}
.pw-page-hero .hero-accent{background:linear-gradient(90deg,#93c5fd,#c7d2fe);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent}
.pw-page-hero .lead,.pw-page-hero p{max-width:720px;margin-left:auto;margin-right:auto;color:rgba(226,232,240,.88)!important;opacity:1!important;font-size:1.06rem;line-height:1.75}
.pw-page-hero .text-start .lead,.pw-page-hero .text-start p{margin-left:0}
.pw-crumb{display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;padding:6px 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);font-size:.84rem;font-weight:600;color:#e2e8f0;backdrop-filter:blur(6px)}
.pw-crumb a{color:#bfdbfe!important;text-decoration:none!important}
.pw-crumb a:hover{color:#fff!important}
.pw-crumb .pw-crumb-sep{opacity:.45}
.pw-page-hero+section[style*="margin-top"]{margin-top:-44px!important;background:transparent!important}
.pw-page-hero+section[style*="margin-top"]::before{content:"";position:absolute;inset:44px 0 0;background:var(--pc-soft);z-index:-1}
.pw-page-hero+section.bg-white[style*="margin-top"]::before{background:#fff}
.pw-page-hero+section{position:relative;z-index:1}

/* Domain hero search on dark */
.pw-page-hero .search-card{border:1px solid rgba(255,255,255,.4);box-shadow:0 24px 60px rgba(2,6,23,.35)!important}
.pw-page-hero .text-white-50{color:rgba(203,213,225,.8)!important}

/* ---------- Section rhythm & headings ---------- */
main section.bg-light,section.bg-light{background-color:var(--pc-soft)!important}
section .text-center.mb-5>h2,section .text-center.mb-5>.fw-bold:not(p){font-size:clamp(1.6rem,2.6vw,2.25rem);font-weight:800;color:var(--pc-ink);letter-spacing:-.01em;line-height:1.3}
section .text-center.mb-5>h6.text-uppercase,section .text-center.mb-5>.text-primary.text-uppercase,section h6.text-primary.text-uppercase{display:inline-block;margin-bottom:10px!important;padding:5px 14px;border-radius:999px;background:#eff6ff;border:1px solid #dbeafe;color:var(--pc-blue)!important;font-size:.78rem!important;font-weight:700;letter-spacing:.06em}
section .text-center.mb-5>p.text-muted{max-width:680px;margin-left:auto;margin-right:auto}
.text-justify{text-align:left!important}

/* ---------- Cards (service / theme / portfolio / team / info) ---------- */
.orange-hover-card,.theme-card,.portfolio-wrapper,.team-card,.info-card,.info-box,.pricing-card,.custom-package-card,.result-card{border:1px solid var(--pc-line)!important;border-radius:var(--pc-radius)!important;box-shadow:var(--pc-shadow)!important;background:#fff;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
.orange-hover-card:hover,.theme-card:hover,.portfolio-wrapper:hover,.team-card:hover,.info-card:hover{transform:translateY(-4px);box-shadow:var(--pc-shadow-hover)!important;border-color:#cfdcf3!important}
.orange-hover-card{padding:30px 24px!important}
.orange-hover-card .icon-container{width:64px!important;height:64px!important;border-radius:16px!important;background:linear-gradient(145deg,#eff6ff,#e0e7ff)!important;color:var(--pc-blue)!important;font-size:26px}
.orange-hover-card .icon-container i{color:var(--pc-blue)!important}
.orange-hover-card:hover .icon-container{background:linear-gradient(145deg,var(--pc-blue),var(--pc-indigo))!important}
.orange-hover-card:hover .icon-container i{color:#fff!important}
.orange-hover-card .card-title-text{font-size:1.08rem;color:var(--pc-ink)}
.orange-hover-card p{font-size:.93rem;line-height:1.7}
.theme-card .card-body{padding:22px 22px 24px!important}
.theme-card .card-body h5,.theme-card .card-body .fw-bold.mb-2{font-size:1.05rem;color:var(--pc-ink);line-height:1.4}
.theme-card .theme-card-image{overflow:hidden;border-bottom:1px solid var(--pc-line)}
.theme-card .theme-full-image{transition:transform .5s ease}
.theme-card:hover .theme-full-image{transform:scale(1.04)}
.theme-card .price-badge{border-radius:999px!important;box-shadow:0 8px 20px rgba(37,99,235,.3)}
.team-card{overflow:hidden}
.team-card .image-box img{transition:transform .5s ease}
.team-card:hover .image-box img{transform:scale(1.05)}
.info-card .info-icon,.icon-circle{border-radius:14px!important}
.custom-package-card{max-width:760px;padding:48px 32px!important;background:radial-gradient(500px 200px at 50% 0%,#eff6ff,transparent 70%),#fff!important}

/* ---------- Pricing (unified) ---------- */
.pricing-card{border-radius:20px!important;overflow:visible}
.pricing-card .card-body{padding:36px 28px!important}
.pricing-card:hover{transform:translateY(-4px);box-shadow:var(--pc-shadow-hover)!important}
.pricing-card.featured-card,.pricing-card.featured-pricing{border:2px solid var(--pc-blue)!important;box-shadow:0 24px 60px rgba(37,99,235,.18)!important;background:linear-gradient(180deg,#f8fbff,#fff 40%)!important}
.pricing-card .price-box{background:linear-gradient(145deg,#f1f6ff,#eef2ff)!important;border:1px solid #e0e7ff;border-radius:14px!important}
.pricing-card .price-box h2{font-size:clamp(2.2rem,3.4vw,2.9rem)!important;letter-spacing:-.02em}
.pricing-card ul li{font-size:.95rem}
.pricing-card ul li .fa-check-circle{color:#16a34a!important}
.popular-badge{border-radius:999px!important;padding:6px 14px!important;font-size:.72rem!important;letter-spacing:.06em;top:-14px!important;right:50%!important;transform:translateX(50%);background:linear-gradient(90deg,var(--pc-blue),var(--pc-indigo))!important;box-shadow:0 10px 24px rgba(37,99,235,.35)}
.blue-outline-btn{border:1.5px solid #c7d2fe!important;color:var(--pc-blue)!important;background:#fff!important;border-radius:12px!important}
.blue-outline-btn:hover{background:var(--pc-blue)!important;color:#fff!important;border-color:var(--pc-blue)!important}
.orange-active-btn,.orange-btn,.orange-submit-btn{border-radius:12px!important}

/* ---------- Buttons ---------- */
.btn.rounded-pill{letter-spacing:.01em}
.btn-outline-dark.rounded-pill{border-width:1.5px;border-color:#cbd5e1;color:var(--pc-ink)}
.btn-outline-dark.rounded-pill:hover{background:var(--pc-ink);border-color:var(--pc-ink);color:#fff}

/* ---------- Forms ---------- */
.custom-input,.form-floating>.form-control,.pixel-auth .form-control{background:#fff!important;border:1px solid #d9e1ec!important;border-radius:12px!important;transition:border-color .2s ease,box-shadow .2s ease}
.custom-input:focus,.form-floating>.form-control:focus{border-color:var(--pc-blue)!important;box-shadow:0 0 0 4px rgba(37,99,235,.12)!important}
.form-label{color:var(--pc-text);font-size:.9rem}
.card.shadow-lg.p-4{border:1px solid var(--pc-line)!important;border-radius:20px!important;box-shadow:0 24px 60px rgba(15,23,42,.08)!important}

/* ---------- Tables ---------- */
.domain-table{border-collapse:separate;border-spacing:0}
.domain-table thead th{background:#f8fafc;color:var(--pc-muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--pc-line)!important}
.domain-table tbody tr{transition:background .2s ease}
.domain-table tbody tr:hover{background:#f8fbff}
.domain-table td{border-color:#eef2f7!important}
.table-responsive:has(.domain-table){border:1px solid var(--pc-line);border-radius:var(--pc-radius);box-shadow:var(--pc-shadow);background:#fff}

/* ---------- Filters & pagination ---------- */
.portfolio-filter{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.btn-filter{border:1px solid var(--pc-line)!important;background:#fff!important;color:var(--pc-text)!important;border-radius:999px!important;padding:9px 20px!important;font-weight:600;transition:all .2s ease}
.btn-filter:hover{border-color:#bfdbfe!important;color:var(--pc-blue)!important}
.btn-filter.active{background:var(--pc-navy)!important;border-color:var(--pc-navy)!important;color:#fff!important;box-shadow:0 8px 20px rgba(11,22,51,.2)}
.pagination{gap:6px;flex-wrap:wrap;justify-content:center}
.pagination .page-link{min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px!important;border:1px solid var(--pc-line)!important;color:var(--pc-text);font-weight:600;background:#fff}
.pagination .page-item.active .page-link{background:var(--pc-blue)!important;border-color:var(--pc-blue)!important;color:#fff!important;box-shadow:0 8px 18px rgba(37,99,235,.25)}
.pagination .page-item.disabled .page-link{opacity:.5}
nav[role="navigation"] p.small{color:var(--pc-muted)}

/* ---------- Product details ---------- */
.product-details-area .breadcrumb{font-size:.88rem}
.product-details-area img.img-fluid{border-radius:var(--pc-radius)}

/* ---------- Legal pages (privacy/terms/data deletion) ---------- */
.pw-page-hero~section h2,.pw-page-hero~section h3,.pw-page-hero~section h4{scroll-margin-top:96px}
.pw-page-hero~section h3 i,.pw-page-hero~section h4 i,.pw-page-hero~section h2 i,.pw-page-hero~section strong>i,.pw-page-hero~section li>i{margin-right:10px}
.pw-page-hero~section .alert{border-radius:12px}

/* ---------- About ---------- */
.main-about-img{border-radius:20px!important}
.experience-badge{border-radius:14px!important;border:1px solid var(--pc-line)}

/* ---------- Responsive ---------- */
@media (max-width:767.98px){
 .pw-page-hero{padding:44px 0 70px!important}
 .pw-page-hero h1,.pw-page-hero .display-4,.pw-page-hero .display-5{font-size:1.75rem!important}
 .pw-page-hero .lead,.pw-page-hero p{font-size:.98rem}
 .pricing-card .card-body{padding:28px 20px!important}
 .custom-package-card{padding:32px 20px!important}
 .table-responsive:has(.domain-table){border-radius:12px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
/* CTA bands that used the old bright gradient */
section[style*="cta-gradient"]:not(.pw-page-hero){position:relative;overflow:hidden;background:radial-gradient(700px 260px at 85% 0%,rgba(59,130,246,.45),transparent 60%),linear-gradient(135deg,var(--pc-navy),var(--pc-navy-2) 60%,#1e40af)!important}
section[style*="cta-gradient"]:not(.pw-page-hero) .btn-dark{background:#fff!important;color:var(--pc-navy)!important;border-color:#fff!important}

/* ---------- Animated technology network background (v3.4) ---------- */
.pw-net-host{position:relative;overflow:hidden;isolation:isolate}
.pw-net-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;display:block}
.pw-net-host>.container,.pw-net-host>.container-fluid{position:relative;z-index:2}
.pw-page-hero::before{display:none!important}
.home-hero__bg{background-image:none!important;z-index:0}
.home-hero.pw-net-host{background:radial-gradient(800px 360px at 85% 10%,rgba(96,165,250,.16),transparent 65%),radial-gradient(700px 320px at 5% 90%,rgba(129,140,248,.12),transparent 60%),linear-gradient(180deg,#f8fbff 0%,#fff 82%)!important}
.home-stats__bg{display:none}
.home-cta.pw-net-host{background-image:none}
.home-cta.pw-net-host::before,.home-cta.pw-net-host::after{opacity:0!important}
.home-cta__bg{display:none!important}