:root{--primary-color:#151E32;--secondary-color:#0F172A;--accent-color:#FF7B00;--accent-hover:#E66A00;--text-main:#333333;--text-light:#8892B0;--bg-color:#F4F6F9;--white:#FFFFFF;--border-color:#E2E8F0;--font-family:'Poppins',sans-serif;}*{margin:0;padding:0;box-sizing:border-box;}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-main);line-height:1.6;font-size:16px;}a{text-decoration:none;color:inherit;transition:color 0.3s ease;}ul{list-style:none;}.container{max-width:1200px;margin:0 auto;padding:0 20px;}header{background-color:var(--white);color:var(--primary-color);padding:15px 0;position:sticky;top:0;z-index:1000;box-shadow:0 4px 6px rgba(0,0,0,0.1);}.header-inner{display:flex;justify-content:space-between;align-items:center;gap:30px;}.logo{font-size:24px;font-weight:700;color:var(--primary-color);display:flex;align-items:center;gap:10px;white-space:nowrap;}.logo span{color:var(--accent-color);}nav ul{display:flex;gap:20px;}nav a{font-weight:500;font-size:15px;white-space:nowrap;color:var(--primary-color);}nav a:hover{color:var(--accent-color);}.dropdown{position:relative;display:inline-block;}.dropdown-content{display:none;position:absolute;background-color:var(--white);min-width:260px;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);z-index:1000;border-radius:4px;top:100%;left:0;padding:10px 0;}.dropdown-content a{color:var(--primary-color);padding:12px 16px;text-decoration:none;display:block;font-weight:400;white-space:normal;border-bottom:1px solid rgba(0,0,0,0.05);}.dropdown-content a:last-child{border-bottom:none;}.dropdown-content a:hover{background-color:var(--accent-color);color:var(--white);}.dropdown:hover .dropdown-content{display:block;}.dropdown>a::after{content:' ▼';font-size:10px;}.header-contacts{display:flex;align-items:center;gap:20px;}.phone{font-size:18px;font-weight:700;color:var(--primary-color);white-space:nowrap;}.btn-primary{background-color:var(--accent-color);color:var(--white);padding:12px 30px;border-radius:50px;box-shadow:0 4px 15px rgba(255,123,0,0.3);font-weight:600;transition:background-color 0.3s,transform 0.2s;border:none;cursor:pointer;display:inline-block;text-align:center;}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-2px);}.btn-secondary{background-color:transparent;color:var(--primary-color);padding:12px 30px;border-radius:50px;font-weight:600;border:2px solid var(--primary-color);transition:all 0.3s;cursor:pointer;display:inline-block;}.btn-secondary:hover{background-color:var(--primary-color);color:var(--white);}.seo-content-image{max-width:100%;height:250px;width:400px;border-radius:8px;box-shadow:0 8px 20px rgba(0,0,0,0.1);object-fit:cover;display:block;}@media (max-width:768px){.seo-content-image{float:none;margin:20px auto;display:block;width:100% !important;height:auto !important;}.content-section table:not(.price-table),.content-section table:not(.price-table) tbody,.content-section table:not(.price-table) tr,.content-section table:not(.price-table) td{display:block !important;width:100% !important;padding-right:0 !important;}}.hero{background-color:var(--secondary-color);color:var(--white);padding:100px 0 120px;text-align:center;border-bottom-left-radius:80px;border-bottom-right-radius:80px;}.hero h1{font-size:42px;margin-bottom:20px;line-height:1.2;}.hero p{font-size:18px;color:var(--text-light);margin-bottom:30px;max-width:700px;margin-left:auto;margin-right:auto;}.hero .btn-secondary{color:var(--white);border-color:var(--white);}.hero .btn-secondary:hover{background-color:var(--white);color:var(--primary-color);}.section{padding:80px 0;}.section-title{text-align:center;font-size:32px;margin-bottom:40px;color:var(--primary-color);}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;}.service-card{background:var(--white);padding:35px 25px;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,0.08);transition:transform 0.3s;text-align:center;display:flex;flex-direction:column;}.service-card:hover{transform:translateY(-5px);}.service-card img{display:block;margin:0 auto 20px;}.service-card h3{font-size:20px;margin:15px 0;color:var(--primary-color);}.service-card p{color:var(--text-main);font-size:15px;margin-bottom:20px;}.service-card .btn-secondary{margin-top:auto;}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}.process-step{text-align:center;position:relative;}.step-number{background-color:var(--accent-color);color:var(--white);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;margin:0 auto 15px;}.process-step h4{font-size:18px;margin-bottom:10px;}.lead-form-section{background-color:var(--primary-color);color:var(--white);padding:60px 0;}.lead-form{background:var(--white);padding:40px;border-radius:8px;max-width:500px;margin:0 auto;}.lead-form h3{color:var(--primary-color);margin-bottom:20px;text-align:center;}.form-group{margin-bottom:15px;}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:4px;font-family:var(--font-family);}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-color);}.lead-form .btn-primary{width:100%;}footer{background-color:var(--secondary-color);color:var(--text-light);padding:60px 0 20px;}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;margin-bottom:40px;}.footer-logo{font-size:24px;font-weight:700;color:var(--white);margin-bottom:15px;display:block;}.footer-logo span{color:var(--accent-color);}.footer-seo-text{font-size:14px;margin-bottom:20px;}.footer-links h4,.footer-contacts h4{color:var(--white);margin-bottom:20px;font-size:18px;}.footer-links ul li{margin-bottom:10px;}.footer-links a:hover{color:var(--white);}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid rgba(255,255,255,0.1);font-size:14px;}.page-header{background-color:var(--secondary-color);color:var(--white);padding:60px 0;text-align:center;}.page-header h1{font-size:36px;margin-bottom:15px;}.content-section{padding-top:60px;padding-bottom:60px;}.content-section h2{color:var(--primary-color);margin-bottom:20px;}.content-section p{margin-bottom:15px;}.content-section ul{list-style:disc;margin-left:20px;margin-bottom:20px;}.content-section li{margin-bottom:10px;}.content-grid{display:grid;grid-template-columns:1fr 400px;gap:40px;align-items:stretch;}.content-image img{width:100%;height:100%;object-fit:cover;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,0.1);display:block;}.price-table{width:100%;border-collapse:collapse;margin-bottom:30px;background:var(--white);box-shadow:0 2px 10px rgba(0,0,0,0.05);}.price-table th,.price-table td{padding:15px;text-align:left;border-bottom:1px solid var(--border-color);}.price-table th{background-color:var(--primary-color);color:var(--white);}.price-table tr:hover{background-color:var(--bg-color);}.mobile-menu-btn{display:none;background:none;border:none;color:var(--primary-color);font-size:28px;cursor:pointer;}@media (max-width:1024px){.header-inner{flex-wrap:wrap;}nav{order:3;width:100%;display:none;padding-top:15px;border-top:1px solid rgba(255,255,255,0.1);margin-top:15px;}nav.nav-open{display:block;}nav ul{flex-direction:column;gap:15px;align-items:center;}.mobile-menu-btn{display:block;}}@media (max-width:768px){.header-contacts{order:4;width:100%;flex-direction:row;justify-content:center;gap:10px;margin-top:10px;}.header-contacts .phone{font-size:14px;}.header-contacts .btn-primary{padding:8px 12px;font-size:12px;}.process-grid{grid-template-columns:1fr;}.content-grid{grid-template-columns:1fr;}.footer-grid{grid-template-columns:1fr;}.hero h1{font-size:32px;}.price-table{display:block;overflow-x:auto;white-space:nowrap;}}@media (max-width:768px){.hero .btn-primary,.hero .btn-secondary{display:block !important;margin:15px auto !important;width:100%;max-width:320px;}}.pain-points-section{padding:60px 0;background-color:var(--white);}.pain-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;}.pain-card{background:var(--bg-color);padding:30px;border-radius:16px;text-align:left;transition:transform 0.3s ease;}.pain-card:hover{transform:translateY(-5px);}.pain-icon{font-size:40px;margin-bottom:20px;}.pain-card h3{color:var(--primary-color);margin-bottom:15px;font-size:20px;}.pain-card p{color:#334155;font-size:15px;}.quiz-section{padding:80px 0;background-color:var(--bg-color);}.quiz-container{max-width:800px;margin:0 auto;background:var(--white);padding:40px;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,0.05);}.quiz-step{display:none;animation:fadeIn 0.4s ease;}.quiz-step.active{display:block;}.quiz-step h3{font-size:24px;color:var(--primary-color);margin-bottom:20px;}.quiz-options{display:flex;flex-direction:column;gap:15px;margin-bottom:30px;}.quiz-option{padding:15px 20px;background:var(--bg-color);border:2px solid transparent;border-radius:10px;cursor:pointer;font-size:16px;font-weight:500;transition:all 0.2s ease;display:flex;align-items:center;}.quiz-option:hover{border-color:var(--border-color);}.quiz-option input[type="radio"]{margin-right:15px;transform:scale(1.2);}.quiz-actions{display:flex;justify-content:space-between;gap:15px;}@media (max-width:480px){.quiz-actions{flex-direction:column;}}.stages-section{padding:80px 0;background-color:var(--white);}.stages-grid{display:grid;grid-template-columns:1fr;gap:20px;max-width:800px;margin:0 auto;}.stage-card{display:flex;align-items:center;background:var(--bg-color);padding:20px 30px;border-radius:16px;gap:25px;transition:transform 0.3s ease;}.stage-card:hover{transform:translateX(10px);}.stage-number{background:var(--accent-color);color:var(--white);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;flex-shrink:0;}.stage-card h3{color:var(--primary-color);margin-bottom:5px;font-size:18px;}.stage-card p{color:#334155;font-size:15px;margin:0;}@media (max-width:480px){.stage-card{flex-direction:column;text-align:center;padding:30px 20px;}}@keyframes fadeIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}
img{max-width:100%;height:auto;}
.seo-content-image{width:100%;height:auto;aspect-ratio:16/9;display:block;}
.hero{min-height:450px;}
@font-face{font-display:swap;}

body{font-family:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;}
h1,h2,h3,h4,h5,h6{font-family:'Poppins','Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;}

:root{--font-sans:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;}
body{font-family:var(--font-sans)!important;}
h1,h2,h3,h4,h5,h6,.logo{font-family:var(--font-sans)!important;}

header{min-height:70px;contain:layout;}
.header-inner{min-height:50px;}

.stage-card p, .pain-card p, .service-card p { color: #334155 !important; font-weight: 450; }

/* Responsive Mobile Typography Enhancement */
@media (max-width: 768px) {
    body {
        font-size: 18px !important;
        line-height: 1.7 !important;
    }
    p, .content-section p {
        font-size: 18px !important;
        line-height: 1.7 !important;
    }
    .stage-card p, .pain-card p, .service-card p {
        font-size: 17px !important;
        line-height: 1.6 !important;
    }
    .hero p {
        font-size: 19px !important;
        line-height: 1.6 !important;
    }
    .hero h1 {
        font-size: 28px !important;
        line-height: 1.3 !important;
    }
    .content-section h2, .section-title {
        font-size: 24px !important;
        line-height: 1.3 !important;
    }
    .content-section h3 {
        font-size: 20px !important;
        line-height: 1.4 !important;
    }
}


/* ==========================================================================
   Dan Kennedy Direct-Response Conversion System & Visual Standard (AGENTS.md)
   ========================================================================== */

.btn-whatsapp {
  background-color: #25d366;
  color: #ffffff !important;
  padding: 10px 18px;
  border-radius: 50px;
  font-weight: 700;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  box-shadow: 0 4px 12px rgba(37,211,102,0.3);
  transition: background 0.2s, transform 0.2s;
  text-decoration: none;
}
.btn-whatsapp:hover {
  background-color: #1ebe5d;
  transform: translateY(-2px);
  color: #ffffff !important;
}

.grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin: 30px 0;
}

.grid-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin: 30px 0;
}

.card {
  background: #ffffff;
  border: 1px solid var(--border-color);
  border-radius: 12px;
  padding: 24px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.08);
}
.card h3 {
  color: var(--primary-color);
  font-size: 18px;
  margin-bottom: 10px;
}
.card p {
  color: #334155 !important;
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 8px;
}

/* Dan Kennedy Principle 1: Agitation of Pain */
.pain-section {
  background: #ffffff;
  padding: 60px 0;
  border-top: 1px solid var(--border-color);
}
.pain-badge {
  background: #fee2e2;
  color: #b91c1c;
  font-weight: 700;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 6px 14px;
  border-radius: 50px;
  display: inline-block;
  margin-bottom: 12px;
}
.pain-card {
  background: #fffaf0;
  border: 1px solid #fed7aa;
  border-left: 4px solid #ea580c;
  border-radius: 12px;
  padding: 24px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.03);
}
.pain-card h3 {
  color: #9a3412;
  font-size: 18px;
  margin-bottom: 8px;
}
.pain-card p {
  color: #431407 !important;
  font-size: 14px;
  line-height: 1.6;
}

/* Dan Kennedy Principle 2: Total Risk Reversal */
.guarantees-section {
  background: #f8fafc;
  padding: 60px 0;
  border-top: 1px solid var(--border-color);
}
.guarantee-badge {
  background: #dbeafe;
  color: #1d4ed8;
  font-weight: 700;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 6px 14px;
  border-radius: 50px;
  display: inline-block;
  margin-bottom: 12px;
}
.guarantee-card {
  background: #ffffff;
  border: 1px solid var(--border-color);
  border-top: 4px solid var(--accent-color);
  border-radius: 12px;
  padding: 24px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.04);
}
.guarantee-card .icon {
  font-size: 32px;
  margin-bottom: 12px;
  display: block;
}
.guarantee-card h3 {
  font-size: 18px;
  margin-bottom: 8px;
  color: var(--primary-color);
}
.guarantee-card p {
  font-size: 14px;
  color: #334155 !important;
  line-height: 1.6;
}

/* Dan Kennedy Principle 3: Irresistible Godfather Offer Box */
.lead-section {
  background-color: var(--primary-color);
  color: var(--white);
  padding: 60px 0;
  margin-top: 60px;
}
.lead-form-box {
  background: var(--white);
  color: var(--primary-color);
  padding: 36px;
  border-radius: 16px;
  max-width: 600px;
  margin: 0 auto;
  box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}
.lead-form-box h3 {
  text-align: center;
  font-size: 24px;
  margin-top: 0;
  margin-bottom: 8px;
  color: var(--primary-color);
}
.lead-form-box p {
  text-align: center;
  color: var(--text-light);
  font-size: 14px;
  margin-bottom: 20px;
}
.scarcity-banner {
  background: #fff7ed;
  border: 1px solid #fed7aa;
  border-radius: 8px;
  padding: 10px 16px;
  margin-bottom: 20px;
  text-align: center;
}
.scarcity-banner .tag {
  color: #c2410c;
  font-weight: 700;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  display: block;
  margin-bottom: 4px;
}
.scarcity-banner p {
  color: #9a3412;
  font-size: 14px;
  margin: 0;
  font-weight: 600;
}
.godfather-bundle {
  background: #f8fafc;
  border: 1px dashed #cbd5e1;
  border-radius: 10px;
  padding: 16px 20px;
  margin-bottom: 22px;
  text-align: left;
}
.godfather-bundle h4 {
  font-size: 14px;
  font-weight: 700;
  color: var(--primary-color);
  margin-bottom: 10px;
}
.godfather-bundle ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.godfather-bundle ul li {
  font-size: 13px;
  color: #334155 !important;
  line-height: 1.6;
  margin-bottom: 6px;
}
.godfather-bundle ul li strong {
  color: var(--primary-color);
}

.btn-submit {
  width: 100%;
  background-color: var(--accent-color);
  color: var(--white);
  padding: 14px;
  font-size: 16px;
  font-weight: 700;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.2s, transform 0.2s;
}
.btn-submit:hover {
  background-color: var(--accent-hover);
  transform: translateY(-2px);
}

.money-zone-box {
  margin: 35px 0;
  padding: 30px;
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
  border-radius: 16px;
  border: 1px solid rgba(255, 123, 0, 0.3);
  text-align: center;
  box-shadow: 0 10px 25px -5px rgba(0,0,0,0.2);
}
.money-zone-box h3 { color: #ffffff; margin: 0 0 10px 0; font-size: 22px; }
.money-zone-box p { color: #94a3b8; margin: 0 0 20px 0; font-size: 15px; }
.money-zone-box p strong { color: #ffffff; }
.btn-cta {
  display: inline-block;
  font-size: 18px;
  padding: 15px 36px;
  background: linear-gradient(135deg, #ff5500 0%, #ff8800 100%);
  color: #ffffff;
  border-radius: 50px;
  font-weight: 700;
  box-shadow: 0 6px 20px rgba(255, 85, 0, 0.45);
  transition: all 0.3s ease;
  text-decoration: none;
}
.btn-cta:hover { transform: translateY(-2px); color: #ffffff; }

@media (max-width: 1024px) {
  .grid-3, .grid-4 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
  .grid-3, .grid-4 { grid-template-columns: 1fr; }
}

/* Rank & Rent Mobile Sticky Quick-Action Bar */
.sticky-mobile-bar {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(15, 23, 42, 0.96);
  backdrop-filter: blur(10px);
  padding: 10px 14px;
  box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.25);
  z-index: 9999;
  justify-content: space-between;
  gap: 10px;
}
.sticky-mobile-bar a {
  flex: 1;
  text-align: center;
  padding: 12px 10px;
  border-radius: 8px;
  font-weight: 700;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  text-decoration: none;
}
.sticky-btn-phone { background: var(--accent-color); color: #ffffff !important; }
.sticky-btn-wa { background: #16a34a; color: #ffffff !important; }
@media (max-width: 768px) {
  .sticky-mobile-bar { display: flex; }
  body { padding-bottom: 70px; }
}

/* Rank & Rent Interactive Cost & Lead Calculator */
.calc-card {
  background: #ffffff;
  border: 2px solid #e2e8f0;
  border-radius: 14px;
  padding: 26px;
  margin: 30px 0;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}
.calc-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 16px;
  margin-bottom: 20px;
}
.calc-field label {
  display: block;
  font-size: 13px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 6px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.calc-field select, .calc-field input {
  width: 100%;
  padding: 11px 14px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  font-size: 15px;
  font-family: inherit;
  background: #f8fafc;
}
.calc-result-box {
  background: #0f172a;
  color: #ffffff;
  padding: 20px;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px;
}
.calc-price-val {
  font-size: 26px;
  font-weight: 800;
  color: #38bdf8;
}
.calc-economy {
  font-size: 13px;
  color: #94a3b8;
  margin-top: 4px;
}
.calc-apply-btn {
  background: var(--accent-color);
  color: #ffffff;
  padding: 12px 22px;
  border-radius: 50px;
  font-weight: 700;
  border: none;
  cursor: pointer;
  transition: transform 0.2s, background 0.2s;
}
.calc-apply-btn:hover {
  transform: translateY(-2px);
  background: var(--accent-hover);
}


/* --- Compact Keywords FAQ & BOFU Styles --- */
.faq-box {
  margin-top: 40px;
  padding-top: 25px;
  border-top: 1px solid #e2e8f0;
}
.faq-item {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 15px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
  transition: transform 0.2s ease, border-color 0.2s ease;
}
.faq-item:hover {
  border-color: #cbd5e1;
}
.faq-question {
  font-size: 18px;
  color: var(--primary-color);
  margin-bottom: 10px;
  font-weight: 700;
  line-height: 1.4;
}
.faq-answer {
  color: #334155;
  line-height: 1.6;
  font-size: 15px;
}
.faq-answer strong {
  color: #0f172a;
}
.bofu-trust-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 15px;
  margin: 30px 0;
  padding: 20px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
}