@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@500&display=swap');
*{box-sizing:border-box;margin:0;padding:0}
  :root{--brand:#2fe9d3;--brand-dark:#1ab8a6;--brand-light:#e8fdfb;--brand-text:#0a6b61}
  body{font-family:var(--font-sans,system-ui);color:var(--color-text-primary);background:#fff;line-height:1.7;font-size:15px}
  .nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;border-bottom:0.5px solid #e0e0e0;background:rgba(255,255,255,0.95);backdrop-filter:blur(8px);position:sticky;top:0;z-index:100}
  .logo{display:flex;align-items:center}
  .logo-img{height:45px;width:auto;max-width:140px;display:block}
  .nav-links{display:flex;gap:1.5rem}
  .nav-links a{font-size:13px;color:#555;text-decoration:none;cursor:pointer}
  .nav-links a:hover{color:#1ab8a6}
  .btn-book{display:inline-block;text-decoration:none;background:#2fe9d3;color:#0a6b61;border:none;padding:8px 18px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer}
  .btn-book:hover{background:#1ab8a6}
  .nav-hamburger{display:none}
  .nav-mobile{display:none}

  /* HERO with background image */
  .hero{position:relative;min-height:560px;display:flex;align-items:center;overflow:hidden;background:#0a2c29}
  .hero-bg{position:absolute;inset:0;background-image:url("../images/ewa_pp_hero-WPdIAlu.jpg");background-size:cover;background-position:center 15%;opacity:0.55}
  .hero-overlay{position:absolute;inset:0;background:linear-gradient(to right, rgba(10,44,41,0.88) 35%, rgba(10,44,41,0.0) 100%)}
  .hero-content{position:relative;z-index:2;width:100%;max-width:960px;margin:0;padding:4rem 3rem;display:grid;grid-template-columns:1fr;align-items:center}
  .hero-text{max-width:520px}
  .hero-badge{display:inline-block;background:rgba(47,233,211,0.2);color:#2fe9d3;font-size:12px;padding:4px 14px;border-radius:20px;margin-bottom:1rem;border:0.5px solid rgba(47,233,211,0.5)}
  .hero h1{font-size:36px;font-weight:500;line-height:1.25;margin-bottom:1rem;color:#fff}
  .hero h1 span{color:#2fe9d3}
  .hero p{font-size:15px;color:rgba(255,255,255,0.8);margin-bottom:2rem;max-width:420px}
  .hero-btns{display:flex;gap:12px;flex-wrap:wrap}
  .btn-primary{display:inline-block;text-decoration:none;background:#2fe9d3;color:#0a6b61;border:none;padding:12px 28px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer}
  .btn-primary:hover{background:#1ab8a6}
  .btn-secondary{background:transparent;color:#fff;border:0.5px solid rgba(255,255,255,0.5);padding:12px 28px;border-radius:8px;font-size:14px;cursor:pointer;text-decoration:none}
  .btn-secondary:hover{background:rgba(255,255,255,0.1)}
  .hero-photo{display:flex;justify-content:center}
  .hero-photo img{width:340px;height:420px;object-fit:cover;border-radius:16px;border:2px solid rgba(47,233,211,0.3);box-shadow:0 20px 60px rgba(0,0,0,0.4)}
  .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:2.5rem}
  .stat{position:relative;background:rgba(47,233,211,0.1);border:0.5px solid rgba(47,233,211,0.3);border-radius:8px;padding:0.75rem;text-align:center;overflow:hidden}
  .stat::before,.stat::after{content:'';position:absolute;border-radius:8px;inset:0;pointer-events:none}
  .stat::before{border-top:2px solid #2fe9d3;border-right:2px solid #2fe9d3;width:0;height:0;transition:width 0.2s ease,height 0.2s ease 0.2s}
  .stat::after{border-bottom:2px solid #2fe9d3;border-left:2px solid #2fe9d3;width:0;height:0;top:auto;right:auto;bottom:0;left:0;transition:width 0.2s ease 0.4s,height 0.2s ease 0.6s}
  .stat:hover::before{width:100%;height:100%}
  .stat:hover::after{width:100%;height:100%}
  .stat-num{font-size:22px;font-weight:500;color:#2fe9d3}
  .stat-lbl{font-size:11px;color:rgba(255,255,255,0.7);margin-top:2px}

  /* STUCK SECTION */
  .sec-stuck{background:#0a2c29;padding:3rem 2rem}
  .stuck-inner{max-width:960px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
  .stuck-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;color:#2fe9d3;margin-bottom:0.75rem}
  .stuck-title{font-size:26px;font-weight:500;color:#fff;line-height:1.3;margin-bottom:1rem}
  .stuck-intro{font-size:13px;color:rgba(255,255,255,0.6);margin-bottom:1.25rem}
  .stuck-questions{display:grid;grid-template-columns:1fr 1fr;gap:6px 1.5rem;margin-bottom:1.5rem}
  .stuck-q{display:flex;align-items:center;gap:8px;font-size:13px;color:rgba(255,255,255,0.75)}
  .stuck-q svg{width:15px;height:15px;flex-shrink:0;stroke:#2fe9d3;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .stuck-cta{font-size:15px;font-weight:500;color:#2fe9d3;line-height:1.5}
  .stuck-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
  .stuck-card{background:rgba(255,255,255,0.05);border:0.5px solid rgba(47,233,211,0.25);border-radius:12px;padding:1.25rem 0.75rem;display:flex;flex-direction:column;align-items:center;gap:0.75rem;text-align:center;transition:border-color 0.2s,background 0.2s}
  .stuck-card.active{border-color:#2fe9d3;background:rgba(47,233,211,0.12);box-shadow:0 0 14px rgba(47,233,211,0.2)}
  .stuck-card.active .stuck-card-icon{border-color:#2fe9d3;background:rgba(47,233,211,0.15)}
  .stuck-card.dimmed{opacity:0.45}
  .stuck-card-icon{width:48px;height:48px;border-radius:50%;border:1.5px solid rgba(47,233,211,0.3);display:flex;align-items:center;justify-content:center}
  .stuck-card-icon svg{width:22px;height:22px;fill:#2fe9d3;stroke:none}
  .stuck-card:nth-child(3) .stuck-card-icon svg{fill:none;stroke:#2fe9d3;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .stuck-card p{font-size:12px;color:rgba(255,255,255,0.8);line-height:1.4}
  @media(max-width:700px){
    .stuck-inner{grid-template-columns:1fr}
    .stuck-cards{grid-template-columns:repeat(2,1fr)}
  }

  /* SECTIONS */
  .sec-dark{background:#0a2c29;padding:4rem 2rem}
  .sec-white{background:#fff;padding:3.5rem 2rem}

  /* Journey section */
  .journey-heading{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;color:#fff;line-height:1.3;margin-bottom:0.75rem}
  .journey-heading span{color:#2fe9d3}
  .journey-sub{font-size:14px;color:rgba(255,255,255,0.7);margin-bottom:2.5rem;line-height:1.7}
  .journey-sub strong{color:#fff}

  .journey-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:3rem}
  .journey-card{background:rgba(255,255,255,0.04);border:0.5px solid rgba(47,233,211,0.2);border-radius:14px;padding:1.75rem 1.5rem;display:flex;flex-direction:column;gap:0.75rem;transition:border-color 0.2s,background 0.2s}
  .journey-card--highlight{background:rgba(47,233,211,0.07);border-color:rgba(47,233,211,0.5)}
  .journey-card-icon{width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(47,233,211,0.4);display:flex;align-items:center;justify-content:center;margin-bottom:0.25rem}
  .journey-card-icon svg{width:20px;height:20px;fill:#2fe9d3}
  .journey-card h3{font-size:16px;font-weight:600;color:#fff}
  .journey-card>p{font-size:13px;color:rgba(255,255,255,0.65);line-height:1.6}
  .journey-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0.4rem;flex:1}
  .journey-list li{font-size:12.5px;color:rgba(255,255,255,0.7);padding-left:1.25rem;position:relative}
  .journey-list li::before{content:'✓';position:absolute;left:0;color:#2fe9d3;font-weight:700}
  .journey-btn{display:inline-block;margin-top:auto;padding-top:1rem;font-size:12.5px;color:#2fe9d3;text-decoration:none;font-weight:500;border-top:0.5px solid rgba(47,233,211,0.2)}
  .journey-btn:hover{opacity:0.8}

  /* This is for you if */
  .journey-for-you{border-top:0.5px solid rgba(47,233,211,0.2);padding-top:3rem;display:flex;flex-direction:column;align-items:center;text-align:center}
  .journey-foryou-heading{font-size:clamp(1.4rem,2.5vw,2rem);font-weight:700;color:#1a1a1a;margin-bottom:1.75rem;text-align:left;width:100%;max-width:450px}
  .journey-foryou-heading span{color:#2fe9d3}
  .journey-for-you .journey-foryou-heading{color:#fff}
  .journey-foryou-list{list-style:none;padding:0;margin:0 0 2rem;display:flex;flex-direction:column;gap:0.75rem;text-align:left;max-width:560px}
  .journey-foryou-list li{font-size:14px;color:rgba(255,255,255,0.8);padding-left:1.75rem;position:relative;line-height:1.6}
  .journey-foryou-list li::before{content:'✓';position:absolute;left:0;color:#2fe9d3;font-weight:700}
  .journey-foryou-list strong{color:#fff}
  .journey-handwritten{font-family:'Caveat',cursive;font-size:1.6rem;font-weight:500;color:rgba(255,255,255,0.75);margin-bottom:1.75rem}
  .journey-handwritten strong{color:#2fe9d3}
  .journey-cta-btn{display:inline-block;padding:14px 36px;background:transparent;border:2px solid #2fe9d3;color:#2fe9d3;font-size:13px;font-weight:700;letter-spacing:0.08em;border-radius:8px;text-decoration:none;transition:background 0.2s,color 0.2s}
  .journey-cta-btn:hover{background:#2fe9d3;color:#0a2c29}

  @media(max-width:700px){
    .journey-cards{grid-template-columns:1fr}
  }
  .sec-teal{background:#e8fdfb;padding:3.5rem 2rem;border-top:0.5px solid #b2f0e8;border-bottom:0.5px solid #b2f0e8}
  .inner{max-width:960px;margin:0 auto;padding:0 1.25rem}
  .section-label{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:0.08em;color:#0a6b61;margin-bottom:0.5rem}
  .section-title{font-size:26px;font-weight:500;margin-bottom:0.5rem;color:#111}
  .section-title span{color:#0a6b61}
  .section-sub{color:#666;margin-bottom:2rem}

  .about-grid{display:grid;grid-template-columns:1fr 2fr;gap:2rem;align-items:start}
  .about-photo{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:12px;border:0.5px solid #e0e0e0}
  .about-text p{color:#555;margin-bottom:1rem}
  .tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:1rem}
  .tag{background:#e8fdfb;color:#0a6b61;border:0.5px solid #2fe9d3;padding:4px 12px;border-radius:20px;font-size:12px}
  .about-handwritten{font-family:'Caveat',cursive;font-size:1.8rem;font-weight:500;color:#0a6b61 !important;margin-top:1.25rem}

  .services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
  .service-card{background:#fff;border:0.5px solid #e0e0e0;border-radius:12px;padding:1.25rem;transition:border-color 0.2s}
  .service-card:hover{border-color:#2fe9d3}
  .service-icon{width:36px;height:36px;border-radius:8px;background:#e8fdfb;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}
  .service-icon svg{width:18px;height:18px;stroke:#0a6b61;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .service-card h3{font-size:15px;font-weight:500;margin-bottom:6px;color:#111}
  .service-card p{font-size:13px;color:#666;line-height:1.6}

  .process-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}
  .step{text-align:center;padding:1.25rem;background:#fff;border-radius:12px;border:0.5px solid #e0e0e0}
  .step-num{width:36px;height:36px;border-radius:50%;background:#2fe9d3;color:#0a6b61;font-weight:500;font-size:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 0.75rem}
  .step h3{font-size:14px;font-weight:500;margin-bottom:6px;color:#111}
  .step p{font-size:12px;color:#666;line-height:1.5}

  .deal-tool{background:#fff;border-radius:12px;padding:1.5rem;border:0.5px solid #e0e0e0}
  .deal-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:1rem}
  .field-group{display:flex;flex-direction:column;gap:4px}
  .field-group label{font-size:12px;color:#666}
  .field-group input{padding:8px 10px;border:0.5px solid #ddd;border-radius:8px;background:#fff;color:#111;font-size:14px;width:100%}
  .field-group input:focus{outline:none;border-color:#2fe9d3}
  .deal-results{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:1rem}
  .result-box{background:#f7f7f7;border:0.5px solid #e0e0e0;border-radius:8px;padding:0.75rem;text-align:center}
  .result-box.positive{border-color:#2fe9d3;background:#e8fdfb}
  .result-val{font-size:18px;font-weight:500;color:#0a6b61}
  .result-lbl{font-size:11px;color:#777;margin-top:2px}

  .form-wrap{background:#fff;border:0.5px solid #e0e0e0;border-radius:12px;padding:2rem}
  .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .form-group{display:flex;flex-direction:column;gap:5px}
  .form-group.full{grid-column:1/-1}
  .form-group label{font-size:12px;color:#666;font-weight:500}
  .form-group input,.form-group select,.form-group textarea{padding:9px 12px;border:0.5px solid #ddd;border-radius:8px;background:#fafafa;color:#111;font-size:14px;font-family:inherit}
  .form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#2fe9d3}
  .form-group textarea{resize:vertical;min-height:90px}
  .submit-btn{background:#2fe9d3;color:#0a6b61;border:none;padding:12px 32px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;margin-top:1rem;width:100%}
  .submit-btn:hover{background:#1ab8a6}
  .success-msg{display:none;text-align:center;padding:2rem;color:#0a6b61;font-weight:500}

  .testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
  .testimonial{background:#fff;border-radius:12px;padding:1.25rem;border:0.5px solid #e0e0e0}
  .testimonial p{font-size:13px;color:#666;line-height:1.6;margin-bottom:0.75rem}
  .tname{font-size:13px;font-weight:500;color:#111}
  .stars{color:#0a6b61;font-size:13px;margin-bottom:0.5rem;letter-spacing:2px}

  /* Projects section */
  .projects-label{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#0a6b61;margin-bottom:0.75rem}
  .projects-heading{font-size:clamp(1.4rem,2.5vw,2rem);font-weight:700;color:#1a1a1a;margin-bottom:2rem;line-height:1.3}
  .projects-heading span{color:#0a6b61}
  .projects-strip{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding-bottom:0.5rem}
  .projects-strip::-webkit-scrollbar{display:none}
  .projects-item{flex:1;min-width:180px}
  .projects-img-wrap{position:relative;border-radius:10px;overflow:hidden;aspect-ratio:3/4;background:rgba(255,255,255,0.06);border:0.5px solid rgba(47,233,211,0.2)}
  .projects-img-wrap img{width:100%;height:100%;object-fit:cover;display:block}
  .projects-badge{position:absolute;bottom:10px;left:10px;background:rgba(0,0,0,0.55);backdrop-filter:blur(4px);color:#fff;font-size:11px;font-weight:600;padding:4px 10px;border-radius:20px;letter-spacing:0.03em}
  .projects-badge--teal{background:rgba(47,233,211,0.25);color:#2fe9d3;border:0.5px solid rgba(47,233,211,0.5)}
  @media(max-width:700px){
    .projects-item{min-width:130px}
    .projects-item--wide{min-width:200px}
  }

  footer{padding:2rem;background:#e8fdfb;border-top:0.5px solid #b2f0e8;color:#555;font-size:13px}
  .footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:0.75rem;max-width:1100px;margin:0 auto}
  .footer-nav{display:flex;gap:1.25rem}
  .footer-nav a{color:#555;text-decoration:none;font-size:13px}
  .footer-nav a:hover{color:#0a6b61}

  .cookie-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.55);backdrop-filter:blur(3px);z-index:998}
  .cookie-overlay.visible{display:block}
  .cookie-banner{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #b2f0e8;box-shadow:0 -4px 24px rgba(0,0,0,0.08);z-index:999;padding:1.25rem 2rem;transform:translateY(100%);transition:transform 0.35s ease}
  .cookie-banner.visible{transform:translateY(0)}
  .cookie-banner-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}
  .cookie-text{flex:1;min-width:240px}
  .cookie-text strong{display:block;font-size:14px;color:#1a1a1a;margin-bottom:0.35rem}
  .cookie-text p{font-size:12px;color:#666;line-height:1.6;margin:0}
  .cookie-tag{background:#e8fdfb;color:#0a6b61;border:0.5px solid #2fe9d3;padding:1px 7px;border-radius:20px;font-size:11px;font-weight:500}
  .cookie-actions{display:flex;gap:0.75rem;flex-shrink:0}
  .cookie-btn{padding:8px 20px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;border:none;transition:opacity 0.15s}
  .cookie-btn:hover{opacity:0.85}
  .cookie-reject{background:#f0f0f0;color:#444}
  .cookie-accept{background:#2fe9d3;color:#0a6b61}

  @media(max-width:700px){
    .cookie-banner-inner{flex-direction:column;align-items:flex-start;gap:1rem}
    .cookie-actions{width:100%}
    .cookie-btn{flex:1;text-align:center}
  }


/* ── Book Free Call page ── */

/* logo as link */
.logo { text-decoration: none; color: inherit; }

/* ── Hero ── */
.book-hero {
  position: relative;
  min-height: 420px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  overflow: hidden;
  background: #0a2c29;
}
.book-hero-bg {
  position: absolute;
  inset: 0;
  background-image: url("../images/ewa_pp_hero-WPdIAlu.jpg");
  background-size: cover;
  background-position: 50% 10%;
  opacity: 0.35;
}
.book-hero-overlay {
  position: absolute;
  inset: 0;
  background: rgba(10, 44, 41, 0.6);
}
.book-hero-content {
  position: relative;
  z-index: 2;
  padding: 4rem 2rem;
  max-width: 680px;
}
.book-hero-content h1 {
  font-size: 42px;
  font-weight: 500;
  color: #fff;
  line-height: 1.2;
  margin-bottom: 1rem;
}
.book-hero-accent {
  color: #2fe9d3;
}
.book-hero-sub {
  color: rgba(255,255,255,0.75);
  font-size: 15px;
  margin-bottom: 1.5rem;
  line-height: 1.6;
}
.book-hero-badges {
  display: flex;
  gap: 12px;
  justify-content: center;
  margin-bottom: 1.75rem;
  flex-wrap: wrap;
}
.book-hero-badges span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(47,233,211,0.12);
  border: 0.5px solid rgba(47,233,211,0.4);
  color: #2fe9d3;
  font-size: 13px;
  padding: 6px 16px;
  border-radius: 20px;
}
.book-hero-btn {
  display: inline-block;
  text-decoration: none;
  font-size: 14px;
  padding: 13px 32px;
  letter-spacing: 0.02em;
}
.book-hero-note {
  color: rgba(255,255,255,0.45);
  font-size: 12px;
  margin-top: 1rem;
}

/* ── Why section ── */
.book-why {
  border-top: none;
}
.book-why-inner {
  max-width: 680px;
  margin: 0 auto;
}
.book-why-inner h2 {
  font-size: 22px;
  font-weight: 600;
  color: #0a2c29;
  margin-bottom: 0.5rem;
}
.book-why-sub {
  color: #555;
  margin-bottom: 0.75rem;
}
.book-why-cta-line {
  margin-bottom: 1.5rem;
  font-size: 15px;
}
.book-why-intro {
  font-size: 15px;
  color: #333;
  margin-bottom: 0.75rem;
}
.book-list {
  list-style: none;
  padding: 0;
  margin: 0 0 1.75rem 0;
}
.book-list li {
  font-size: 15px;
  color: #222;
  padding: 6px 0 6px 1.6rem;
  position: relative;
  line-height: 1.5;
}
.book-list li::before {
  content: '✓';
  position: absolute;
  left: 0;
  color: #2fe9d3;
  font-weight: 700;
}
.book-no-pressure {
  font-size: 15px;
  margin-bottom: 1rem;
  color: #0a2c29;
}
.book-why-footer {
  font-size: 14px;
  color: #555;
  line-height: 1.8;
}
.book-why-arrow {
  color: #0a6b61;
  font-weight: 500;
}

/* ── Policy section ── */
.book-policy-inner {
  display: flex;
  gap: 3rem;
  max-width: 860px;
  margin: 0 auto;
  flex-wrap: wrap;
}
.book-policy-col {
  flex: 1;
  min-width: 220px;
}
.book-policy-col h3 {
  font-size: 16px;
  font-weight: 600;
  color: #0a2c29;
  margin-bottom: 0.75rem;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.book-policy-tag {
  background: rgba(47,233,211,0.2);
  border: 0.5px solid rgba(47,233,211,0.5);
  color: #0a6b61;
  font-size: 11px;
  padding: 2px 10px;
  border-radius: 12px;
  font-weight: 500;
}
.book-policy-sub {
  font-size: 14px;
  font-weight: 600;
  color: #0a2c29;
  margin-bottom: 0.5rem;
}
.book-check-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.book-check-list li {
  font-size: 14px;
  color: #444;
  padding: 4px 0 4px 1.4rem;
  position: relative;
  line-height: 1.5;
}
.book-check-list li::before {
  content: '✓';
  position: absolute;
  left: 0;
  color: #2fe9d3;
  font-weight: 700;
}

/* ── Bottom CTA ── */
.book-cta-section {
  border-top: 0.5px solid #e8e8e8;
}
.book-cta-inner {
  max-width: 860px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 2.5rem;
  flex-wrap: wrap;
}
.book-cta-photo {
  width: 130px;
  height: 130px;
  border-radius: 50%;
  object-fit: cover;
  object-position: top;
  border: 3px solid #2fe9d3;
  flex-shrink: 0;
}
.book-cta-text h2 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.book-cta-text p {
  font-size: 14px;
  color: #555;
  margin-bottom: 1.25rem;
  max-width: 480px;
}
.book-cta-btn {
  display: inline-block;
  text-decoration: none;
  font-size: 14px;
  letter-spacing: 0.02em;
}

  @media(max-width:800px){
    .nav-links{display:none}
    .btn-book{display:none}
    .nav-hamburger{display:flex;flex-direction:column;justify-content:space-between;width:24px;height:18px;background:none;border:none;cursor:pointer;padding:0}
    .nav-hamburger span{display:block;height:2px;width:100%;background:#0a6b61;border-radius:2px;transition:transform 0.25s ease,opacity 0.25s ease}
    .nav-hamburger.open span:nth-child(1){transform:translateY(8px) rotate(45deg)}
    .nav-hamburger.open span:nth-child(2){opacity:0}
    .nav-hamburger.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
    .nav-mobile{display:none;flex-direction:column;background:rgba(255,255,255,0.98);backdrop-filter:blur(8px);border-bottom:0.5px solid #e0e0e0;padding:1rem 2rem;gap:0;position:sticky;top:57px;z-index:99}
    .nav-mobile.open{display:flex}
    .nav-mobile a{padding:0.75rem 0;font-size:14px;color:#555;text-decoration:none;cursor:pointer;border-bottom:0.5px solid #f0f0f0}
    .nav-mobile a:hover{color:#1ab8a6}
    .nav-mobile-cta{margin-top:0.5rem;background:#2fe9d3;color:#0a6b61 !important;text-align:center;padding:0.65rem 0 !important;border-radius:8px;font-weight:500;border-bottom:none !important}
  }

  @media(max-width:700px){
    .hero-content{grid-template-columns:1fr}
    .hero-photo{display:none}
    .about-grid,.form-grid,.deal-grid{grid-template-columns:1fr}
    .hero h1{font-size:26px}
    .stat-num{font-size:15px}
  
    .book-hero-content h1 { font-size: 28px; }
    .book-policy-inner { flex-direction: column; gap: 2rem; }
    .book-cta-inner { flex-direction: column; text-align: center; }
    .book-cta-photo { margin: 0 auto; }
    .book-cta-text p { margin: 0 auto 1.25rem; }
    .hero-bg{background-position:70% 15%}
    .book-hero-bg{background-position:70% 10%}
  }
/* ── Deal Analysis page ── */
.da-hero { text-align: center; }
.da-hero-icon {
  font-size: 2.5rem;
  color: #2fe9d3;
  margin-bottom: 0.75rem;
}
.da-hero .book-hero-content h1 {
  font-size: 46px;
}

/* How it works */
.da-how-inner {
  max-width: 860px;
  margin: 0 auto;
}
.da-how-inner h2 {
  font-size: 20px;
  font-weight: 600;
  color: #0a2c29;
  margin-bottom: 1.5rem;
}
.da-steps {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.25rem;
}
.da-step {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
  background: #fff;
  border: 0.5px solid #b2f0e8;
  border-radius: 10px;
  padding: 1.25rem 1.25rem;
}
.da-step-icon {
  font-size: 1.4rem;
  color: #2fe9d3;
  flex-shrink: 0;
  width: 36px;
  text-align: center;
  margin-top: 2px;
}
.da-step strong {
  display: block;
  font-size: 14px;
  color: #0a2c29;
  margin-bottom: 0.3rem;
}
.da-step p {
  font-size: 13px;
  color: #555;
  margin: 0;
  line-height: 1.5;
}

/* Deal analysis hero buttons */
.da-hero-btns { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; }

/* Policy override — remove top/bottom borders on white bg */
.da-policy {
  border-top: 0.5px solid #e8e8e8;
  border-bottom: 0.5px solid #e8e8e8;
}

/* CTA override — teal bg, adjust text */
.da-cta-section { border-top: none; }

@media(max-width:700px){
  .da-steps { grid-template-columns: 1fr; }
  .da-hero .book-hero-content h1 { font-size: 32px; }
}

/* ── Auction Support page ── */
.as-hero-note-inline {
  display: block;
  font-size: 13px;
  color: rgba(255,255,255,0.6);
  margin-top: 0.4rem;
}
.as-why-inner {
  position: relative;
}
.as-save-line {
  font-size: 15px;
  margin: 1.25rem 0 0.75rem;
}
.as-why-image-wrap {
  position: absolute;
  right: -2rem;
  top: 0;
  width: 160px;
  pointer-events: none;
}
.as-gavel-img {
  width: 100%;
  object-fit: contain;
  opacity: 0.85;
}
@media(max-width:700px){
  .as-why-image-wrap { display: none; }
}

/* ── Property Strategy Call page ── */
.psc-gets {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.25rem;
  margin-top: 0.75rem;
}
.psc-get-card {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
  background: #f7fffe;
  border: 0.5px solid #b2f0e8;
  border-radius: 10px;
  padding: 1.25rem;
}
.psc-get-icon {
  font-size: 1.4rem;
  color: #2fe9d3;
  flex-shrink: 0;
  width: 32px;
  text-align: center;
  margin-top: 2px;
}
.psc-get-card p {
  font-size: 14px;
  color: #333;
  margin: 0 0 0.3rem;
  line-height: 1.5;
}
.psc-get-card p:last-child { margin-bottom: 0; }

/* Dark CTA band */
.psc-cta-band {
  background: #0a2c29;
  padding: 3rem 2rem;
  text-align: center;
}
.psc-cta-band-inner {
  max-width: 680px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
}
.psc-cta-band-inner p {
  color: rgba(255,255,255,0.85);
  font-size: 18px;
  line-height: 1.6;
  margin: 0;
}
.psc-cta-band-inner strong {
  color: #fff;
}

@media(max-width:700px){
  .psc-gets { grid-template-columns: 1fr; }
}

/* ── Booking Modal ── */
.bfc-modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.55);
  backdrop-filter: blur(3px);
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.bfc-modal-overlay.visible {
  opacity: 1;
  visibility: visible;
}
.bfc-modal {
  background: #fff;
  border-radius: 14px;
  padding: 2.5rem;
  width: 100%;
  max-width: 520px;
  max-height: 90vh;
  overflow-y: auto;
  position: relative;
  transform: translateY(20px);
  transition: transform 0.3s ease;
  box-shadow: 0 20px 60px rgba(0,0,0,0.2);
}
.bfc-modal-overlay.visible .bfc-modal {
  transform: translateY(0);
}
.bfc-modal h3 {
  font-size: 20px;
  font-weight: 600;
  color: #0a2c29;
  margin-bottom: 0.4rem;
}
.bfc-modal-sub {
  font-size: 13px;
  color: #777;
  margin-bottom: 1.5rem;
}
.bfc-modal-close {
  position: absolute;
  top: 1rem;
  right: 1.25rem;
  background: none;
  border: none;
  font-size: 22px;
  color: #999;
  cursor: pointer;
  line-height: 1;
}
.bfc-modal-close:hover { color: #333; }

/* Form inside modal */
.bfc-form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 1rem;
}
.bfc-form-group {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
}
.bfc-form-group label {
  font-size: 13px;
  font-weight: 500;
  color: #333;
  margin-bottom: 0.35rem;
}
.bfc-form-group input,
.bfc-form-group select,
.bfc-form-group textarea {
  padding: 9px 12px;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-size: 14px;
  color: #222;
  background: #fafafa;
  transition: border-color 0.2s;
  font-family: inherit;
}
.bfc-form-group input:focus,
.bfc-form-group select:focus,
.bfc-form-group textarea:focus {
  outline: none;
  border-color: #2fe9d3;
  background: #fff;
}
.bfc-form-group ul {
  list-style: none;
  padding: 0;
  margin: 0.25rem 0 0;
}
.bfc-form-group ul li {
  font-size: 12px;
  color: #c0392b;
  margin-top: 0.25rem;
}
/* ── Privacy Policy ── */
.policy-hero { background: #0a2c29; padding: 4rem 2rem 3rem; text-align: center; }
.policy-hero-inner { max-width: 720px; margin: 0 auto; }
.policy-hero h1 { font-size: clamp(1.75rem, 4vw, 2.5rem); font-weight: 600; color: #fff; margin-bottom: 0.5rem; }
.policy-hero p { color: rgba(255,255,255,0.55); font-size: 0.9rem; }
.policy-content { max-width: 760px; margin: 0 auto; padding: 0.5rem 0 3rem; }
.policy-section { margin-bottom: 2.5rem; }
.policy-section h2 { font-size: 1.1rem; font-weight: 600; color: #0a2c29; margin-bottom: 0.75rem; border-left: 3px solid #2fe9d3; padding-left: 0.75rem; }
.policy-section p { color: #444; line-height: 1.8; margin-bottom: 0.75rem; font-size: 0.95rem; }
.policy-section ul { padding-left: 1.25rem; margin-bottom: 0.75rem; }
.policy-section ul li { color: #444; font-size: 0.95rem; line-height: 1.8; }
.policy-section p a, .policy-section li a { color: #0a6b61; text-decoration: underline; }

/* ── Social media section ── */
.social-section { padding: 4rem 0; }
.social-cursive { font-family: 'Caveat', cursive; font-style: normal; font-size: 1.2em; color: #0a6b61; font-weight: 500; }
.social-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; margin-bottom: 1.75rem; }
.social-card { border-radius: 10px; overflow: hidden; box-shadow: 0 2px 10px rgba(0,0,0,0.08); }
.social-card-img-wrap { position: relative; aspect-ratio: 3/4; overflow: hidden; }
.social-card-img-wrap > img { width: 100%; height: 100%; object-fit: cover; display: block; }
.social-card-status { position: absolute; top: 8px; left: 8px; font-size: 9px; font-weight: 700; letter-spacing: 0.06em; border-radius: 4px; padding: 3px 7px; }
.status-before-after { display: flex; gap: 4px; background: none; padding: 0; }
.status-before-after span { background: rgba(10,44,41,0.75); color: #fff; padding: 3px 7px; border-radius: 4px; }
.status-in-progress { background: #fff3cd; color: #856404; }
.status-finished { background: #e8fdfb; color: #0a6b61; }
.social-card-info { position: absolute; bottom: 0; left: 0; right: 0; padding: 0.5rem 0.75rem; background: rgba(10,44,41,0.7); color: #fff; font-size: 11px; line-height: 1.4; pointer-events: none; }
.social-card-info small { color: rgba(255,255,255,0.7); font-size: 10px; }
.social-caption { text-align: center; color: #555; font-size: 13px; margin-bottom: 1.25rem; }
.social-caption i { color: #c13584; margin-right: 4px; }
.social-btns { display: flex; gap: 1rem; justify-content: center; margin-bottom: 2.5rem; flex-wrap: wrap; }
.social-btn { display: inline-flex; align-items: center; gap: 0.5rem; padding: 12px 24px; border-radius: 8px; font-size: 13px; font-weight: 600; text-decoration: none; letter-spacing: 0.04em; }
.social-btn--instagram { background: #0a6b61; color: #fff; }
.social-btn--instagram:hover { background: #085549; }
.social-btn--facebook { background: #1877F2; color: #fff; }
.social-btn--facebook:hover { background: #1464cc; }
.social-features { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem; border-top: 1px solid #f0f0f0; padding-top: 2rem; }
.social-feature { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 0.4rem; }
.social-feature i { font-size: 22px; color: #0a6b61; margin-bottom: 0.25rem; }
.social-feature strong { font-size: 11px; letter-spacing: 0.06em; color: #0a2c29; }
.social-feature span { font-size: 12px; color: #888; }
/* Before/after compare slider */
.compare-slider { position: relative; width: 100%; height: 100%; overflow: hidden; cursor: col-resize; user-select: none; }
.compare-before-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; pointer-events: none; }
.compare-after { position: absolute; inset: 0; clip-path: inset(0 50% 0 0); }
.compare-after img { width: 100%; height: 100%; object-fit: cover; display: block; pointer-events: none; }
.compare-handle { position: absolute; top: 0; bottom: 0; left: 50%; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; pointer-events: none; }
.compare-line { width: 2px; flex: 1; background: #fff; }
.compare-btn { width: 32px; height: 32px; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #0a6b61; font-size: 12px; box-shadow: 0 2px 8px rgba(0,0,0,0.25); position: absolute; top: 50%; transform: translateY(-50%); pointer-events: none; flex-shrink: 0; }
.compare-label { position: absolute; top: 8px; font-size: 9px; font-weight: 700; letter-spacing: 0.06em; background: rgba(10,44,41,0.7); color: #fff; padding: 3px 7px; border-radius: 4px; pointer-events: none; }
.compare-label--before { left: 8px; }
.compare-label--after { right: 8px; }
@media(max-width:900px) { .social-grid { grid-template-columns: repeat(3, 1fr); } }
@media(max-width:700px) { .social-grid { grid-template-columns: repeat(2, 1fr); } .social-features { grid-template-columns: repeat(2, 1fr); } }
@media(max-width:480px) { .social-grid { grid-template-columns: 1fr 1fr; } .social-btns { flex-direction: column; align-items: center; } }

/* ── Error pages ── */
.not-found-section { background: #0a2c29; min-height: 70vh; display: flex; align-items: center; justify-content: center; padding: 4rem 2rem; text-align: center; }
.not-found-inner { max-width: 520px; }
.not-found-code { font-size: clamp(6rem, 20vw, 10rem); font-weight: 700; color: #2fe9d3; line-height: 1; margin-bottom: 1rem; opacity: 0.85; }
.not-found-section h1 { font-size: clamp(1.5rem, 4vw, 2.25rem); font-weight: 600; color: #fff; margin-bottom: 1rem; }
.not-found-section p { font-size: 1rem; color: rgba(255,255,255,0.7); margin-bottom: 2.5rem; line-height: 1.6; }
.not-found-links { display: flex; gap: 1.25rem; justify-content: center; flex-wrap: wrap; align-items: center; }
.not-found-link { color: #2fe9d3; text-decoration: none; font-size: 0.95rem; border-bottom: 1px solid rgba(47,233,211,0.4); padding-bottom: 1px; }
.not-found-link:hover { border-color: #2fe9d3; }

.bfc-disclaimer-row { display: flex; align-items: flex-start; gap: 0.5rem; }
.bfc-disclaimer-row input[type="checkbox"] { margin-top: 3px; flex-shrink: 0; accent-color: #2fe9d3; width: 16px; height: 16px; cursor: pointer; }
.bfc-disclaimer-row label { font-size: 0.85rem; color: #444; cursor: pointer; }

.bfc-submit-btn {
  width: 100%;
  padding: 13px;
  font-size: 14px;
  margin-top: 0.5rem;
}
.bfc-feedback {
  font-size: 13px;
  padding: 8px 12px;
  border-radius: 6px;
  margin-bottom: 0.75rem;
}
.bfc-feedback.error { background: #fdecea; color: #c0392b; }
.bfc-feedback.success { background: #e8fdfb; color: #0a6b61; }

/* Success state */
.bfc-success {
  text-align: center;
  padding: 1rem 0;
}
.bfc-success i {
  font-size: 3rem;
  color: #2fe9d3;
  margin-bottom: 1rem;
}
.bfc-success h3 { margin-bottom: 0.5rem; }
.bfc-success p { color: #555; font-size: 14px; }

@media(max-width:600px){
  .bfc-form-row { grid-template-columns: 1fr; }
  .bfc-modal { padding: 1.75rem 1.25rem; margin: 1rem; }
}

/* ── Slot picker ── */
.slot-select-hidden { display: none !important; }
.slot-picker { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.5rem; margin-bottom: 0.25rem; }
.slot-box { display: flex; flex-direction: column; align-items: center; gap: 1px; padding: 0.5rem 0.65rem; border: 1.5px solid #ddd; border-radius: 8px; background: #fafafa; cursor: pointer; width: 100%; transition: border-color 0.15s, background 0.15s; }
.slot-box:hover { border-color: #2fe9d3; background: #f0fdf9; }
.slot-box.active { border-color: #0a6b61; background: #e8fdfb; }
.slot-day { font-size: 10px; font-weight: 700; letter-spacing: 0.06em; color: #0a6b61; }
.slot-num { font-size: 20px; font-weight: 700; color: #0a2c29; line-height: 1.1; }
.slot-month { font-size: 10px; font-weight: 500; color: #888; letter-spacing: 0.04em; }
.slot-time { font-size: 10px; color: #555; margin-top: 3px; border-top: 1px solid #eee; padding-top: 3px; width: 100%; text-align: center; }
.slot-box.active .slot-day { color: #0a6b61; }
.slot-box.active .slot-num { color: #0a2c29; }
.slot-box.active .slot-time { border-color: #b2f0e8; }

/* ── Quick Deal Calculator ── */
.calc-card {
  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 12px;
  padding: 1.75rem;
}
.calc-fields-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 1.5rem;
}
@media (max-width: 600px) {
  .calc-fields-grid { grid-template-columns: 1fr; }
}
.calc-card .field-group {
  margin-bottom: 1rem;
}
.calc-card .field-group label {
  display: block;
  font-size: 13px;
  color: #666;
  margin-bottom: 0.3rem;
}
.calc-card .field-group input {
  width: 100%;
  padding: 9px 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 14px;
  color: #222;
  background: #fafafa;
}
.calc-card .field-group input:focus {
  outline: none;
  border-color: #2fe9d3;
  background: #fff;
}
.calc-costs-toggle {
  display: flex;
  align-items: center;
  gap: 8px;
  background: none;
  border: none;
  color: #0a6b61;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  padding: 0.5rem 0;
  margin-bottom: 0.25rem;
}
.calc-toggle-icon {
  font-size: 12px;
  transition: transform 0.25s ease;
}
.calc-costs-panel {
  display: none;
  background: #f7f7f7;
  border-radius: 8px;
  padding: 0.5rem 1rem;
  margin-bottom: 1.25rem;
}
.calc-costs-panel.open { display: block; }
.calc-cost-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
  border-bottom: 1px solid #efefef;
  font-size: 13px;
  color: #444;
}
.calc-cost-row:last-child { border-bottom: none; }
.calc-cost-row em { color: #999; font-style: normal; font-size: 11px; }
.calc-cost-total { font-weight: 600; color: #0a2c29; }
.calc-inline-input {
  width: 90px;
  padding: 4px 8px;
  border: 1px solid #ddd;
  border-radius: 5px;
  font-size: 13px;
  text-align: right;
  background: #fff;
}
.calc-inline-input:focus { outline: none; border-color: #2fe9d3; }
.calc-disclaimer {
  font-size: 12px;
  color: #999;
  margin-top: 1rem;
}
.calc-cta-line {
  font-size: 13px;
  color: #444;
  margin-top: 0.4rem;
}
.calc-cta-line a { color: #0a6b61; font-weight: 500; }

/* ══ Deal Calculator Page ══ */

/* Calculator section */
.dc-calc-section { padding: 3rem 0; background: #f8f9fa; }
.dc-calc-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; align-items: start; }
.dc-col-heading { display: flex; align-items: center; gap: 0.65rem; font-size: 1rem; font-weight: 600; color: #0a2c29; margin-bottom: 1.25rem; }
.dc-col-num { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; background: #0a6b61; color: #fff; border-radius: 50%; font-size: 12px; font-weight: 700; flex-shrink: 0; }

/* Inputs */
.dc-inputs { background: #fff; border-radius: 12px; padding: 1.75rem; border: 1px solid #e8e8e8; }
.dc-field { margin-bottom: 1rem; }
.dc-field label { display: block; font-size: 13px; color: #666; margin-bottom: 0.35rem; }
.dc-field input { width: 100%; padding: 10px 12px; border: 1px solid #ddd; border-radius: 7px; font-size: 14px; color: #222; background: #fafafa; }
.dc-field input:focus { outline: none; border-color: #2fe9d3; background: #fff; }

.dc-costs-toggle { display: flex; align-items: center; gap: 8px; background: none; border: 1px dashed #b2f0e8; border-radius: 7px; color: #0a6b61; font-size: 13px; font-weight: 500; cursor: pointer; padding: 0.6rem 1rem; width: 100%; margin-bottom: 0.75rem; }
.dc-costs-icon { font-size: 11px; transition: transform 0.25s ease; }
.dc-costs-panel { display: none; margin-bottom: 0.75rem; }
.dc-costs-panel.open { display: block; }
.dc-cost-row { display: flex; justify-content: space-between; align-items: center; padding: 0.5rem 0; border-bottom: 1px solid #f0f0f0; gap: 1rem; }
.dc-cost-row:last-child { border-bottom: none; }
.dc-cost-row label { font-size: 13px; color: #555; white-space: nowrap; }
.dc-cost-row input { width: 110px; padding: 6px 10px; border: 1px solid #ddd; border-radius: 6px; font-size: 13px; text-align: right; background: #fafafa; }
.dc-cost-row input:focus { outline: none; border-color: #2fe9d3; background: #fff; }
.dc-total-row { display: flex; justify-content: space-between; align-items: center; padding: 0.85rem 1rem; background: #f7fffe; border-radius: 8px; border: 1px solid #b2f0e8; font-size: 14px; color: #0a2c29; margin-top: 0.5rem; }
.dc-total-row i { color: #0a6b61; margin-right: 5px; font-size: 12px; }
.dc-total-row strong { font-size: 16px; font-weight: 700; color: #0a6b61; }

/* Results */
.dc-results { background: #fff; border-radius: 12px; padding: 1.75rem; border: 1px solid #e8e8e8; }
.dc-result-boxes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.75rem; margin-bottom: 1.5rem; }
.dc-result-box { background: #f8f9fa; border-radius: 10px; padding: 1rem; text-align: center; border: 1.5px solid #e8e8e8; }
.dc-result-box.result-box.positive { border-color: #2fe9d3; background: #e8fdfb; }
.dc-result-val { font-size: 1.5rem; font-weight: 700; color: #0a6b61; line-height: 1.2; margin-bottom: 0.25rem; }
.dc-result-lbl { font-size: 11px; color: #777; line-height: 1.4; }
.dc-result-lbl small { display: block; font-size: 10px; color: #aaa; }

.dc-legend { background: #f8f9fa; border-radius: 10px; padding: 1rem 1.25rem; margin-bottom: 1rem; }
.dc-legend h3 { font-size: 13px; font-weight: 600; color: #0a2c29; margin-bottom: 0.75rem; }
.dc-legend-category { font-size: 11px; font-weight: 700; letter-spacing: 0.07em; text-transform: uppercase; color: #0a6b61; margin: 0.75rem 0 0.35rem; }
.dc-legend-row { display: flex; align-items: center; gap: 0.6rem; padding: 0.35rem 0; font-size: 13px; }
.dc-legend-row strong { color: #333; }
.dc-legend-verdict { margin-left: auto; color: #666; font-size: 12px; }
.dc-dot { width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; }
.dc-dot--green { background: #2ecc71; }
.dc-dot--amber { background: #f39c12; }
.dc-dot--red { background: #e74c3c; }

.dc-disclaimer { display: flex; align-items: flex-start; gap: 0.5rem; font-size: 12px; color: #999; }
.dc-disclaimer i { color: #b2f0e8; margin-top: 2px; flex-shrink: 0; }
.dc-disclaimer p { line-height: 1.5; margin: 0; }

/* How to use */
.dc-how-section { padding: 3rem 0; background: #fff; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; }
.dc-how-grid { display: grid; grid-template-columns: 1fr 2fr; gap: 3rem; align-items: center; }
.dc-how-heading { font-size: clamp(1.2rem, 2.5vw, 1.6rem); font-weight: 600; color: #0a2c29; line-height: 1.3; }
.dc-how-steps { display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; }
.dc-step { display: flex; align-items: flex-start; gap: 0.75rem; }
.dc-step-num { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; background: #e8fdfb; border: 1.5px solid #2fe9d3; color: #0a6b61; border-radius: 50%; font-size: 13px; font-weight: 700; flex-shrink: 0; margin-top: 1px; }
.dc-step p { font-size: 13px; color: #555; line-height: 1.5; margin: 0; }
.dc-step em { color: #999; font-style: normal; }

/* Example section */
.dc-example-section { padding: 3rem 0; background: #f8f9fa; }
.dc-example-grid { display: grid; grid-template-columns: 220px 1fr; gap: 2.5rem; align-items: start; }
.dc-example-left .section-label { margin-bottom: 0.75rem; }
.dc-example-left p { font-size: 14px; color: #555; line-height: 1.6; margin-bottom: 1rem; }
.dc-example-link { display: inline-block; color: #0a6b61; font-size: 13px; font-weight: 500; text-decoration: none; background: #e8fdfb; border: 1px solid #b2f0e8; border-radius: 7px; padding: 0.5rem 1rem; }
.dc-example-link:hover { background: #d0f8f2; }
.dc-example-photos { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.75rem; margin-bottom: 1rem; }
.dc-example-photo { border-radius: 8px; overflow: hidden; position: relative; aspect-ratio: 3/4; }
.dc-example-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.dc-example-photo-label { position: absolute; bottom: 0; left: 0; right: 0; background: rgba(10,44,41,0.75); color: #fff; font-size: 10px; padding: 0.4rem 0.5rem; line-height: 1.4; }
.dc-example-photo-label strong { font-size: 12px; display: block; color: #2fe9d3; }
.dc-example-results { display: flex; gap: 1rem; }
.dc-example-result { background: #fff; border: 1px solid #e8e8e8; border-radius: 8px; padding: 0.6rem 1rem; display: flex; flex-direction: column; gap: 2px; }
.dc-example-result span { font-size: 11px; color: #888; }
.dc-example-result strong { font-size: 16px; font-weight: 700; color: #0a6b61; }

/* Common mistakes */
.dc-mistakes-section { padding: 3rem 0; background: #fff; }
.dc-mistakes-heading { font-size: clamp(1.1rem, 2vw, 1.4rem); font-weight: 600; color: #0a2c29; text-align: center; margin-bottom: 2rem; }
.dc-mistakes-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem; }
.dc-mistake { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 0.5rem; padding: 1.5rem 1rem; background: #f8f9fa; border-radius: 10px; border: 1px solid #eee; }
.dc-mistake i { font-size: 26px; color: #0a6b61; margin-bottom: 0.25rem; }
.dc-mistake strong { font-size: 13px; color: #0a2c29; line-height: 1.4; }
.dc-mistake span { font-size: 12px; color: #888; }

/* CTA */
.dc-cta-section { background: #0a2c29; padding: 2.5rem 0 1.75rem; }
.dc-cta-inner { display: flex; align-items: center; justify-content: space-between; gap: 2rem; flex-wrap: wrap; margin-bottom: 1.25rem; }
.dc-cta-left { display: flex; align-items: center; gap: 1.25rem; }
.dc-cta-icon { font-size: 2.5rem; color: #2fe9d3; flex-shrink: 0; }
.dc-cta-left strong { display: block; font-size: 1.1rem; color: #fff; margin-bottom: 0.25rem; }
.dc-cta-left p { font-size: 13px; color: rgba(255,255,255,0.6); margin: 0; }
.dc-cta-right { display: flex; flex-direction: column; align-items: flex-end; gap: 0.4rem; flex-shrink: 0; }
.dc-cta-btn { display: inline-block; background: #2fe9d3; color: #0a2c29; font-weight: 700; font-size: 14px; text-decoration: none; padding: 13px 28px; border-radius: 8px; white-space: nowrap; }
.dc-cta-btn:hover { background: #1ab8a6; }
.dc-cta-sub { font-size: 12px; color: rgba(255,255,255,0.5); }
.dc-cta-privacy { font-size: 12px; color: rgba(255,255,255,0.4); text-align: center; }
.dc-cta-privacy i { margin-right: 4px; }
.dc-cta-privacy a { color: rgba(255,255,255,0.5); text-decoration: underline; }

/* Responsive */
@media(max-width:900px) {
  .dc-calc-grid { grid-template-columns: 1fr; }
  .dc-how-grid { grid-template-columns: 1fr; gap: 1.5rem; }
  .dc-example-grid { grid-template-columns: 1fr; }
  .dc-mistakes-grid { grid-template-columns: repeat(2, 1fr); }
  .dc-cta-inner { flex-direction: column; align-items: flex-start; }
  .dc-cta-right { align-items: flex-start; }
}
@media(max-width:600px) {
  .dc-result-boxes { grid-template-columns: 1fr; }
  .dc-how-steps { grid-template-columns: 1fr; }
  .dc-example-photos { grid-template-columns: repeat(2, 1fr); }
  .dc-example-results { flex-wrap: wrap; }
  .dc-mistakes-grid { grid-template-columns: 1fr 1fr; }
  .dc-hero-badges { flex-direction: column; align-items: center; }
}