/* ================= FOOTER ================= */

.footer{
  background:#0a2a52; /* brand dark navy */
  color:#ffffff;
  padding:80px 20px 30px;
  margin-top:120px;
}

.footer-container{
  max-width:1200px;
  margin:0 auto;
  display:grid;
  grid-template-columns:2fr 1fr;
  gap:80px;
}

@media(max-width:768px){
  .footer-container{
    grid-template-columns:1fr;
    gap:50px;
  }
}

.footer h3{
  font-size:22px;
  font-weight:800;
  margin-bottom:20px;
}

.footer p{
  font-size:15px;
  line-height:1.7;
  color:#dbe6f4;
  margin-bottom:15px;
}

.support-email a{
  color:#ff8c1a;
  text-decoration:none;
  font-weight:600;
}

.support-email a:hover{
  text-decoration:underline;
}

/* Links */

.footer-links h4{
  font-size:18px;
  margin-bottom:20px;
  font-weight:700;
}

.footer-links a{
  display:block;
  text-decoration:none;
  color:#dbe6f4;
  font-size:14px;
  margin-bottom:12px;
  transition:.3s ease;
}

.footer-links a:hover{
  color:#ff8c1a;
  transform:translateX(4px);
}

/* Bottom */

.footer-bottom{
  text-align:center;
  margin-top:60px;
  padding-top:20px;
  border-top:1px solid rgba(255,255,255,0.1);
  font-size:14px;
  color:#cbd8ea;
}

  /* ================= GLOBAL WAVE BACKGROUND ================= */


/* Background Layer */
.global-bg{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:-1;
  overflow:hidden;

  background:
    linear-gradient(180deg,#f5f7fa 0%, #eef2f6 100%);
}

/* Navy Soft Wave */
.global-bg::before{
  content:"";
  position:absolute;
  width:160%;
  height:800px;
  top:-250px;
  left:-30%;
  background:radial-gradient(circle at 50% 50%, rgba(10,42,82,0.10), transparent 70%);
  transform:rotate(-12deg);
}

/* Orange Soft Wave */
.global-bg::after{
  content:"";
  position:absolute;
  width:160%;
  height:800px;
  bottom:-300px;
  left:-20%;
  background:radial-gradient(circle at 50% 50%, rgba(255,140,26,0.10), transparent 70%);
  transform:rotate(10deg);
}

/* Extra Soft Layer */
body::before{
  content:"";
  position:fixed;
  width:150%;
  height:700px;
  top:200px;
  left:-25%;
  background:radial-gradient(circle at 50% 50%, rgba(10,42,82,0.05), transparent 70%);
  transform:rotate(18deg);
  z-index:-1;
}

  
  /* ================= FAQ SECTION ================= */

.faq-section{
  padding:140px 20px;
  background:transparent;
}

.faq-container{
  max-width:900px;
  margin:0 auto;
}

.faq-section h2{
  text-align:center;
  font-size:40px;
  font-weight:800;
  color:#0a2a52;
  margin-bottom:70px;
}

/* FAQ ITEM */

.faq-item{
  margin-bottom:20px;
  border-radius:14px;
  overflow:hidden;
  border:1px solid #e5eaf1;
  background:transparent;

}

/* Question */

.faq-question{
  width:100%;
  padding:22px 25px;
  font-size:16px;
  font-weight:600;
  background:transparent;

  border:none;
  display:flex;
  justify-content:space-between;
  align-items:center;
  cursor:pointer;
  color:#0a2a52;
}

.faq-question:hover{
  background:#f8fbff;
}

/* Icon */

.faq-icon{
  font-size:22px;
  color:#ff8c1a;
  transition:.3s;
}

/* Answer */

.faq-answer{
  padding:0 25px;
  max-height:0;
  overflow:hidden;
  font-size:15px;
  line-height:1.7;
  color:#444;
  transition:max-height .4s ease, padding .3s ease;
}

/* Active */

.faq-item.active .faq-answer{
  max-height:200px;
  padding:0 25px 20px 25px;
}

.faq-item.active .faq-icon{
  transform:rotate(45deg);
}

  /* ================= LOCAL INDIA SECTION ================= */

.local-section{
  padding:140px 20px;
  background:transparent;
}

.local-container{
  max-width:1150px;
  margin:0 auto;
}

.local-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:80px;
  align-items:center;
}

@media (max-width:900px){
  .local-grid{
    grid-template-columns:1fr;
    gap:50px;
  }
}

/* LEFT SIDE */

.local-text h2{
  font-size:40px;
  font-weight:800;
  color:#0a2a52;
  margin-bottom:25px;
}

.local-intro{
  font-size:16px;
  line-height:1.8;
  color:#555;
  margin-bottom:30px;
}

.local-highlight{
  font-size:18px;
  font-weight:600;
  color:#ff8c1a; /* brand orange */
}

/* RIGHT LIST */

.local-list{
  display:flex;
  flex-direction:column;
  gap:25px;
}

.local-item{
  font-size:16px;
  font-weight:600;
  color:#0a2a52;
  padding-left:20px;
  position:relative;
}

/* Orange Accent Dot */

.local-item::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:#ff8c1a;
  position:absolute;
  left:0;
  top:8px;
}

/* Heading */
.analysis-section h2{
  font-size:40px;
  font-weight:800;
  color:#0a2a52;
  margin-bottom:20px;
}

.analysis-intro{
  max-width:700px;
  margin:0 auto 80px auto;
  font-size:16px;
  line-height:1.8;
  color:#555;
}

/* List */

.analysis-list{
  display:flex;
  flex-direction:column;
  gap:50px;
  text-align:left;
}

/* Each row */

.analysis-point{
  display:flex;
  align-items:flex-start;
  gap:25px;
}

/* ORANGE NUMBER CIRCLE */

.analysis-number{
  min-width:48px;
  height:48px;
  border-radius:50%;
  background:#ff8c1a;   /* your brand orange */
  color:#ffffff;
  font-weight:700;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:16px;
}

/* Content */

.analysis-point h3{
  font-size:18px;
  font-weight:700;
  color:#0a2a52;
  margin-bottom:8px;
}

.analysis-point p{
  font-size:15px;
  line-height:1.7;
  color:#444;
}

/* Footer */

.analysis-footer{
  margin-top:90px;
  font-size:17px;
  color:#333;
}

  /* ================= HOW DETECTION WORKS ================= */

.analysis-section{
  padding:130px 20px;
  background:linear-gradient(180deg,#f4f8fc,#ffffff);
}

.analysis-container{
  max-width:1100px;
  margin:0 auto;
  text-align:center;
}

.analysis-section h2{
  font-size:38px;
  font-weight:800;
  margin-bottom:30px;
  color:#0a2a52;
}

.analysis-intro{
  max-width:750px;
  margin:0 auto 70px auto;
  font-size:16px;
  line-height:1.8;
  color:#555;
}

/* GRID */

.analysis-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  gap:40px;
  text-align:left;
}

/* ITEM */

.analysis-item{
  padding:30px;
  border-radius:18px;
  background:transparent;
  border:1px solid #eef2f7;
  box-shadow:0 15px 35px rgba(0,0,0,0.05);
  transition:.3s ease;
}

.analysis-item h3{
  font-size:17px;
  font-weight:700;
  color:#0B5ED7;
  margin-bottom:12px;
}

.analysis-item p{
  font-size:15px;
  line-height:1.7;
  color:#555;
}

.analysis-item:hover{
  transform:translateY(-8px);
  box-shadow:0 25px 50px rgba(0,0,0,0.08);
}

/* Footer */

.analysis-footer{
  margin-top:80px;
  font-size:17px;
  color:#444;
}

  /* ================= WHY TRUST CLEAN LIST ================= */

.trust-section{
  padding:120px 20px;
  background:transparent;

}

.trust-container{
  max-width:1000px;
  margin:0 auto;
  text-align:center;
}

.trust-section h2{
  font-size:38px;
  font-weight:800;
  margin-bottom:70px;
  color:#0a2a52;
}

/* List Layout */

.trust-list{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:30px 60px;
  text-align:left;
}

@media (max-width:768px){
  .trust-list{
    grid-template-columns:1fr;
  }
}

/* Each Point */

.trust-point{
  display:flex;
  align-items:flex-start;
  gap:15px;
}

/* Check Icon */

.check-icon{
  color:#0B5ED7; /* your brand blue */
  font-size:20px;
  font-weight:700;
  margin-top:4px;
}

/* Text */

.trust-point h3{
  font-size:17px;
  font-weight:600;
  color:#222;
  line-height:1.6;
}

  
  /* ================= HOW IT WORKS SECTION ================= */

.how-section{
  padding:120px 20px;
 background:transparent;
}

.how-container{
  max-width:1100px;
  margin:0 auto;
  text-align:center;
}

.how-section h2{
  font-size:36px;
  font-weight:800;
  margin-bottom:70px;
  color:#0a2a52;
}

/* GRID */

.how-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));
  gap:40px;
}

/* STEP CARD */

.how-step{
  background:transparent;
  padding:45px 30px;
  border-radius:22px;
  border:1px solid #eef2f7;
  box-shadow:0 15px 35px rgba(0,0,0,0.05);
  transition:.3s ease;
}

.step-number{
  width:50px;
  height:50px;
  line-height:50px;
  border-radius:50%;
  background:#0B5ED7;
  color:#fff;
  font-weight:700;
  margin:0 auto 20px auto;
}

.how-step h3{
  font-size:18px;
  margin-bottom:15px;
  font-weight:700;
  color:#222;
}

.how-step p{
  font-size:15px;
  line-height:1.7;
  color:#555;
}

/* RESULT COLORS */

.safe{
  color:#1b7f3c;
  font-weight:600;
}

.suspicious{
  color:#f0a500;
  font-weight:600;
}

.danger{
  color:#c62828;
  font-weight:600;
}

/* Hover */

.how-step:hover{
  transform:translateY(-8px);
  box-shadow:0 25px 50px rgba(0,0,0,0.08);
}

/* Footer Text */

.how-footer{
  margin-top:70px;
  font-size:17px;
  color:#444;
}

  /* ================= FEATURES SECTION ================= */

.features-section{
  padding:120px 20px;
 background:transparent;
}

.features-container{
  max-width:1100px;
  margin:0 auto;
  text-align:center;
}

.features-section h2{
  font-size:36px;
  font-weight:800;
  color:#0a2a52;
  margin-bottom:70px;
}

/* GRID */

.features-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));
  gap:40px;
}

/* FEATURE CARD */

.feature-item{
  background:#f8fbff;
  padding:40px 30px;
  border-radius:20px;
  border:1px solid #eef2f7;
  transition:all .3s ease;
  text-align:left;
}

.feature-item h3{
  font-size:18px;
  font-weight:700;
  margin-bottom:15px;
  color:#0B5ED7;
}

.feature-item p{
  font-size:15px;
  line-height:1.7;
  color:#555;
}

.feature-item:hover{
  transform:translateY(-6px);
  box-shadow:0 20px 45px rgba(0,0,0,0.08);
}


  /* ================= CYBER PROTECTION SECTION ================= */

.protection-section{
  padding:120px 20px;
  background:linear-gradient(180deg,#f4f8fc 0%, #ffffff 100%);
}

/* CONTAINER */
.protection-container{
  max-width:1200px;
  margin:0 auto;
  text-align:center;
}

/* HEADING */
.protection-section h2{
  font-size:36px;
  font-weight:800;
  color:#0a2a52;
  margin-bottom:15px;
}

.intro-text{
  max-width:750px;
  margin:0 auto 70px auto;
  font-size:16px;
  line-height:1.8;
  color:#555;
}

/* GRID 4 x 2 PERFECT CENTER */
.protection-grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:35px;
}

/* RESPONSIVE */
@media (max-width:1100px){
  .protection-grid{
    grid-template-columns:repeat(2, 1fr);
  }
}

@media (max-width:600px){
  .protection-grid{
    grid-template-columns:1fr;
  }
}

/* CARD */
.protection-item{
  background:transparent;
  padding:40px 25px;
  border-radius:20px;
  box-shadow:0 15px 35px rgba(0,0,0,0.06);
  border:1px solid #eef2f7;
  transition:all .35s ease;
}

/* ICON STYLE */
.protection-item i{
  font-size:28px;
  width:70px;
  height:70px;
  line-height:70px;
  border-radius:50%;
  display:inline-block;
  background:#eef4ff;
  color:#0B5ED7;
  transition:.3s ease;
}

/* H3 */
.protection-item h3{
  margin-top:18px;
  font-size:16px;
  font-weight:700;
  color:#222;
}

/* WhatsApp Brand */
.fa-whatsapp{
  background:rgba(37,211,102,0.15) !important;
  color:#25D366 !important;
}

/* Hover Premium Effect */
.protection-item:hover{
  transform:translateY(-10px);
  box-shadow:0 25px 50px rgba(0,0,0,0.10);
}

.protection-item:hover i{
  transform:scale(1.1);
}

/* Closing Text */
.closing-text{
  max-width:800px;
  margin:70px auto 0 auto;
  font-size:16px;
  line-height:1.8;
  color:#444;
}

  /* ================= SEO CONTENT SECTION ================= */

.seo-section{
  padding:100px 20px;
  background:transparent;
}

.seo-container{
  max-width:900px;
  margin:auto;
}

.seo-section h2{
  font-size:34px;
  font-weight:800;
  margin-bottom:25px;
  color:#0a2a52;
}

.seo-section p{
  font-size:16px;
  line-height:1.8;
  color:#444;
  margin-bottom:18px;
}
  /* PROFESSIONAL RESULT CARD */
.result-card{
  margin-top:30px;
  padding:40px;
  border-radius:20px;
  background:transparent;
  box-shadow:0 15px 40px rgba(0,0,0,0.06);
  animation:fadeUp .4s ease;
}

@keyframes fadeUp{
  from{opacity:0; transform:translateY(15px);}
  to{opacity:1; transform:translateY(0);}
}

.result-header{
  font-size:28px;
  font-weight:800;
  margin-bottom:20px;
  letter-spacing:.5px;
}

.result-header.safe{
  color:#1b7f3c;
}

.result-header.scam{
  color:#c62828;
}

.result-confidence{
  background:#f4f6fa;
  padding:18px;
  border-radius:14px;
  margin-bottom:30px;
  line-height:1.6;
  font-size:15px;
}

.result-section{
  margin-bottom:30px;
}

.result-section h3{
  font-size:18px;
  margin-bottom:15px;
  font-weight:700;
  color:#111;
}

.result-section ul{
  list-style:none;
  padding:0;
}

.result-section li{
  background:#f9fbff;
  padding:15px 18px;
  border-radius:12px;
  margin-bottom:12px;
  font-size:14px;
  line-height:1.6;
  border:1px solid #eef2f7;
}

.report-link{
  display:inline-block;
  margin-top:10px;
  padding:14px 22px;
  border-radius:12px;
  background:#c62828;
  color:#fff;
  font-weight:700;
  text-decoration:none;
  transition:.3s ease;
}

.report-link:hover{
  background:#a81f1f;
}

:root{
  --blue:#0B5ED7;
  --dark:#0a2a52;
  --orange:#ff8c1a;
}

*{
  margin:0;
  padding:0;
  box-sizing:border-box;
  font-family:Inter, Arial, sans-serif;
}

/* ================= GLOBAL WAVE BACKGROUND ================= */

body{
  margin:0;
  position:relative;
  background:transparent;
}

/* Full Page Gradient Layer */
.global-bg{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(180deg,#f5f7fa 0%, #eef2f6 100%);
}

/* Navy Wave */
.global-bg::before{
  content:"";
  position:absolute;
  width:170%;
  height:900px;
  top:-300px;
  left:-35%;
  background:radial-gradient(circle at 50% 50%, rgba(10,42,82,0.12), transparent 70%);
  transform:rotate(-15deg);
}

/* Orange Wave */
.global-bg::after{
  content:"";
  position:absolute;
  width:170%;
  height:900px;
  bottom:-350px;
  left:-30%;
  background:radial-gradient(circle at 50% 50%, rgba(255,140,26,0.10), transparent 70%);
  transform:rotate(15deg);
}

/* NAVBAR */
.navbar{
  height:80px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:0 60px;
  position:fixed;
  top:0;
  width:100%;
  background:rgba(255,255,255,0.08);
  backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(255,255,255,0.1);
  z-index:1000;
}

.site-logo{ height:170px; }

.nav-links{
  display:flex;
  gap:35px;
}
.nav-links a{
  text-decoration:none;
  font-weight:700;
  color:#333;
}
.nav-links a:hover{ color:var(--blue); }

/* HERO */
.hero{
  padding:140px 20px 100px;
  text-align:center;
}

.hero h1{ font-size:52px; font-weight:800; }
.hero p{ font-size:18px; color:#666; margin:12px 0 45px; }

/* CARD */
.scan-card{
  max-width:900px;
  margin:auto;
  background:#fff;
  padding:45px;
  border-radius:24px;
}

/* TABS */
.scan-tabs{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-bottom:32px;
}

.tab{
  padding:22px;
  border-radius:18px;
  border:2px solid #e0e6ef;
  background:#f7f9fc;
  font-weight:700;
  cursor:pointer;
}

.tab.active{
  background:linear-gradient(135deg,var(--blue),var(--dark));
  color:#fff;
  border:none;
}

.scan-input{
  width:100%;
  padding:16px;
  margin-bottom:22px;
  border:2px solid #e5e5e5;
  border-radius:14px;
  font-size:15px;
}

textarea.scan-input{
  min-height:260px;
  resize:vertical;
}

.hidden{ display:none; }

/* DROP AREA */
.drop-area{
  border:2px dashed rgba(11,94,215,0.4);
  border-radius:18px;
  padding:45px;
  text-align:center;
  cursor:pointer;
  transition:.3s ease;
  background:rgba(255,255,255,0.6);
  margin-bottom:22px;
}

.drop-area:hover{
  background:rgba(11,94,215,0.06);
  border-color:var(--blue);
}

.drop-area.dragover{
  background:rgba(11,94,215,0.12);
  border-color:var(--blue);
}

.upload-icon{
  font-size:40px;
  color:var(--blue);
  margin-bottom:12px;
}

.file-name{
  display:block;
  margin-top:10px;
  font-weight:600;
  color:var(--dark);
}

.scan-btn{
  width:100%;
  padding:16px;
  border:none;
  border-radius:14px;
  font-weight:800;
  font-size:16px;
  cursor:pointer;
  color:#fff;
  background:linear-gradient(135deg,var(--orange),#ff6a00);
}

.loader{ margin-top:18px; }

.progress{
  width:100%;
  height:10px;
  background:#e6ecf5;
  border-radius:6px;
  overflow:hidden;
}

#progressBar{
  height:100%;
  width:0%;
  background:linear-gradient(90deg,var(--blue),var(--orange));
  transition:width .3s ease;
}

#progressText{
  font-size:13px;
  margin-top:8px;
  color:#555;
}
/* ================= REPORT MODAL ================= */

.report-modal{
  display:none;
  position:fixed;
  inset:0;
  background:rgba(0,0,0,0.6);
  justify-content:center;
  align-items:center;
  z-index:9999;
}

.report-modal.active{
  display:flex;
}

.report-modal-content{
  background:#fff;
  width:95%;
  max-width:500px;
  padding:30px;
  border-radius:20px;
  position:relative;
  max-height:90vh;
  overflow-y:auto;
}

.close-btn{
  position:absolute;
  right:15px;
  top:10px;
  font-size:28px;
  cursor:pointer;
}

.report-modal-content h2{
  margin-bottom:20px;
  color:#0B5ED7;
}

.report-modal-content form{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.report-modal-content input,
.report-modal-content textarea,
.report-modal-content select{
  padding:10px;
  border-radius:8px;
  border:1px solid #ddd;
}

.report-submit-btn{
  background:#ff8c1a;
  color:#fff;
  border:none;
  padding:12px;
  border-radius:8px;
  cursor:pointer;
  font-weight:600;
}

.report-submit-btn:hover{
  opacity:.9;
}

.report-success{
  text-align:center;
  margin-top:20px;
}

.report-success h3{
  color:green;
}

.official-report-btn{
  display:inline-block;
  margin-top:15px;
  background:#0B5ED7;
  color:#fff;
  padding:10px 15px;
  border-radius:8px;
  text-decoration:none;
}

.hidden{
  display:none;
}