
:root{
  --ithu-navy:#222132;
  --ithu-orange:#F95C19;
  --ithu-teal:#0088B4;
  --ithu-cyan:#00CEC2;
  --ithu-soft:#F0F4F9;
}
body{background:#fff;color:var(--ithu-navy);}
.navbar{backdrop-filter:blur(20px);background:rgba(255,255,255,.94)!important;box-shadow:0 10px 30px rgba(34,33,50,.07);}
.navbar-brand img{height:48px;object-fit:contain;}
.btn-primary{background:var(--ithu-orange)!important;border-color:var(--ithu-orange)!important;color:#fff!important;border-radius:12px;font-weight:800;}
.btn-outline-primary{color:var(--ithu-orange)!important;border-color:var(--ithu-orange)!important;border-radius:12px;font-weight:800;}
.btn-outline-primary:hover{background:var(--ithu-orange)!important;color:#fff!important;}
.text-primary{color:var(--ithu-orange)!important;}
.bg-primary{background:var(--ithu-orange)!important;}
.ithu-hero{padding-top:110px;background:linear-gradient(135deg,#fff 0%,#f9fbff 55%,#eef7f8 100%);position:relative;overflow:hidden;}
.ithu-hero:after{content:"";position:absolute;right:-120px;top:120px;width:460px;height:460px;background:radial-gradient(circle,rgba(0,206,194,.17),rgba(249,92,25,.05),transparent 60%);border-radius:50%;}
.hero-badge{display:inline-flex;gap:.6rem;align-items:center;background:#fff;border-left:5px solid var(--ithu-teal);border-radius:16px;padding:.9rem 1.2rem;box-shadow:0 14px 35px rgba(34,33,50,.08);font-weight:700;color:var(--ithu-navy);}
.hero-title{font-size:clamp(2.4rem,7vw,5.4rem);line-height:1.03;font-weight:900;letter-spacing:-.04em;}
.hero-title span{color:var(--ithu-orange);}
.hero-card{background:#fff;border-radius:28px;box-shadow:0 30px 80px rgba(34,33,50,.12);padding:1.5rem;position:relative;z-index:1;}
.status-pill{background:#e9fbfa;color:#006f74;border-radius:999px;padding:.65rem 1rem;font-weight:800;font-size:.9rem;}
.section-kicker{text-transform:uppercase;letter-spacing:.12em;color:var(--ithu-teal);font-weight:900;}
.product-card{border:0;border-radius:22px;overflow:hidden;box-shadow:0 18px 45px rgba(34,33,50,.11);background:#fff;margin-bottom:1.75rem;}
.product-card .product-img{background:#05142a;min-height:350px;display:flex;align-items:center;justify-content:center;}
.product-card .product-img img{width:100%;height:100%;object-fit:cover;}
.product-content{padding:2rem;}
.product-type{font-weight:900;color:var(--ithu-teal);text-transform:uppercase;letter-spacing:.08em;}
.product-title{font-size:2.5rem;font-weight:900;line-height:1.05;letter-spacing:-.03em;}
.spec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.6rem 0;}
.spec{border-right:1px solid #dfe3ec;padding-right:1rem;}
.spec:last-child{border-right:0;}
.spec strong{font-size:2rem;display:block;color:var(--ithu-navy);}
.spec span{color:#5c5b6c;font-size:.95rem;}
.product-note{background:#eaf8f8;border-radius:14px;padding:1rem;display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center;color:var(--ithu-navy);}
.product-note strong{color:var(--ithu-teal);}
.price-row{display:flex;align-items:flex-end;justify-content:space-between;margin-top:1.4rem;gap:1rem;}
.price small{display:block;color:#5c5b6c;font-weight:700;}
.price strong{font-size:2.6rem;color:var(--ithu-teal);line-height:1;font-weight:900;}
.faq-card{border:1px solid #edf0f5;border-radius:18px;margin-bottom:1rem;background:#fff;box-shadow:0 10px 25px rgba(34,33,50,.06);}
.faq-btn{width:100%;border:0;background:transparent;padding:1.35rem 1.5rem;text-align:left;font-weight:900;color:var(--ithu-teal);font-size:1.1rem;display:flex;justify-content:space-between;align-items:center;}
.faq-body{display:none;padding:0 1.5rem 1.4rem;color:#5c5b6c;}
.faq-card.open .faq-body{display:block;}
.find-hub-box{background:linear-gradient(135deg,#222132,#062b3a);color:#fff;border-radius:28px;padding:2rem;box-shadow:0 25px 70px rgba(34,33,50,.2);}
.hub-result{background:#fff;color:var(--ithu-navy);border-radius:16px;padding:1rem;margin-top:1rem;}
.footer{background:#222132;color:#fff;}
.footer a{color:#fff;text-decoration:none;}
.mobile-product{display:none;}
@media(max-width:991px){
 .hero-title{font-size:3rem;}
 .product-card .row{display:block;}
 .product-card .product-img{min-height:260px;}
 .product-title{font-size:2rem;}
 .spec-grid{grid-template-columns:1fr 1fr 1fr;}
 .spec strong{font-size:1.45rem;}
 .price-row{display:block;}
 .price-row .btn{width:100%;margin-top:1rem;}
}
@media(max-width:575px){
 .product-content{padding:1.25rem;}
 .spec-grid{grid-template-columns:1fr;gap:.7rem;}
 .spec{border-right:0;border-bottom:1px solid #edf0f5;padding-bottom:.65rem;}
 .product-note{grid-template-columns:1fr;}
 .hero-card{padding:1rem;}
}
