:root{
  --green:#0b4a3a;
  --green-dark:#083a2d;
  --yellow:#f4bd2c;
  --yellow-deep:#f0b429;
  --orange:#e8541e;
  --mint:#e6f5ef;
  --black:#111111;
  --off-white:#f7f7f5;
  --text-muted:#5b6b66;
  --radius-lg:28px;
  --radius-xl:40px;
  font-size:16px;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:'Space Grotesk', sans-serif;
  color:var(--black);
  background:var(--off-white);
  -webkit-font-smoothing:antialiased;
}

a{text-decoration:none;color:inherit;}
button{font-family:inherit;border:none;background:none;cursor:pointer;}
input{font-family:inherit;}

.display{
  font-family:'Poppins',sans-serif;
  font-weight:800;
  font-style:italic;
  line-height:0.95;
  margin:0;
  letter-spacing:-0.5px;
  position:relative;
  z-index:0;
  isolation:isolate;
}
.display.dark{color:var(--black);}
.display.small{font-size:clamp(28px,4vw,42px);}
.display.center{text-align:center;margin-left:auto;margin-right:auto;}

.section-title{
  font-family:'Poppins',sans-serif;
  font-weight:800;
  font-size:clamp(30px,5vw,52px);
  line-height:1.1;
  margin:0 0 50px;
  position:relative;
  z-index:0;
  isolation:isolate;
}
.section-title.italic{font-style:italic;}
.section-title.center{text-align:center;}

.underline-hit, .underline-hit-orange{
  position:relative;
  display:inline-block;
}
h1.display .underline-hit{position:absolute;left:0;}
.underline-hit::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:6px;
  height:0.32em;
  background:var(--yellow);
  z-index:-1;
}
.section-title .underline-hit::after,
.testimonial-section .underline-hit::after{
  background:var(--yellow);
}
.underline-hit-orange::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0.12em;
  height:0.18em;
  background:var(--orange);
  z-index:-1;
}
.display .underline-hit-orange{position:relative;}

.btn{
  display:inline-block;
  padding:16px 34px;
  border-radius:999px;
  font-weight:700;
  font-size:14px;
  letter-spacing:0.4px;
  white-space:nowrap;
}
.btn-pill-dark{
  background:var(--black);
  color:#fff;
}
.btn-pill-dark:hover{background:#000;}

/* ================= NAV ================= */
.nav{
  position:sticky;
  top:0;
  z-index:100;
  background:var(--black);
  color:#fff;
}
.nav-inner{
  max-width:1400px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:20px 40px;
}
.nav-search{
  display:flex;
  align-items:center;
  gap:10px;
  border-bottom:1px solid rgba(255,255,255,0.4);
  padding-bottom:6px;
  min-width:220px;
  color:#fff;
}
.nav-search input{
  background:none;
  border:none;
  color:#fff;
  font-style:italic;
  font-size:15px;
  outline:none;
  width:180px;
}
.nav-search input::placeholder{color:rgba(255,255,255,0.75);}
.nav-links{
  display:flex;
  gap:36px;
  font-weight:600;
}
.nav-right{
  display:flex;
  align-items:center;
  gap:24px;
}
.nav-login{
  display:flex;
  align-items:center;
  gap:8px;
  font-weight:600;
}

/* ================= HERO ================= */
.hero{
  background:var(--green);
  color:#fff;
  position:relative;
  overflow:hidden;
  padding:70px 40px 0;
}
.hero-grid-lines{
  position:absolute;
  inset:0;
  background-image:
    repeating-linear-gradient(90deg, rgba(255,255,255,0.06) 0 1px, transparent 1px 12.5%),
    repeating-linear-gradient(0deg, rgba(255,255,255,0.06) 0 1px, transparent 1px 25%);
  pointer-events:none;
}
.hero-inner{
  max-width:1400px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:40px;
  position:relative;
  z-index:1;
}
.hero-copy{padding:50px 0 60px;}
.hero-copy h1{
  font-size:clamp(42px,5.2vw,74px);
  color:#fff;
  position:relative;
}
.hero-copy h1 span.underline-hit{color:transparent;}
.hero-sub{
  font-size:19px;
  color:rgba(255,255,255,0.9);
  max-width:460px;
  margin:26px 0 30px;
  line-height:1.5;
}
.hero-form{
  display:flex;
  gap:14px;
  max-width:480px;
  margin-bottom:22px;
}
.hero-form input{
  flex:1;
  background:transparent;
  border:1px solid rgba(255,255,255,0.5);
  border-radius:999px;
  padding:16px 24px;
  color:#fff;
  outline:none;
  font-size:15px;
}
.hero-form input::placeholder{color:rgba(255,255,255,0.7);}
.hero-checks{
  display:flex;
  gap:28px;
  font-size:14px;
  color:rgba(255,255,255,0.9);
}
.hero-checks span{display:flex;align-items:center;gap:8px;}

.hero-art{
  position:relative;
  min-height:480px;
}
.hero-blob{
  position:absolute;
  top:40px;left:14%;right:0;bottom:0;
  background:var(--yellow-deep);
  border-radius:50% 50% 0 0 / 60% 60% 0 0;
}
.hero-person{
  position:absolute;
  right:0;
  left:14%;
  bottom:0;
  display:flex;
  justify-content:center;
  align-items:flex-end;
  z-index:2;
}
.hero-person img{
  width:auto;
  max-width:100%;
  max-height:440px;
  display:block;
  object-fit:contain;
}
.chat-bubble{
  position:absolute;
  z-index:3;
  background:#fff;
  color:#111;
  padding:10px 16px;
  border-radius:20px;
  display:flex;
  align-items:center;
  gap:10px;
  font-size:13px;
  font-weight:600;
  box-shadow:0 8px 20px rgba(0,0,0,0.15);
  max-width:230px;
}
.avatar-sm{width:30px;height:30px;border-radius:50%;object-fit:cover;flex-shrink:0;}
.avatar-md{width:44px;height:44px;border-radius:50%;object-fit:cover;flex-shrink:0;}
.bubble-1{top:30px;left:0px;}
.bubble-2{top:100px;left:70px;}
.bubble-3{top:170px;left:-10px;flex-direction:row-reverse;}
.float-card{
  z-index:4;
  position:absolute;
  background:#fff;
  border-radius:16px;
  padding:16px 20px;
  box-shadow:0 12px 30px rgba(0,0,0,0.2);
  text-align:center;
  color:#111;
}
.float-label{
  display:block;
  font-size:11px;
  font-weight:800;
  font-style:italic;
  margin-bottom:6px;
}
.float-num{
  display:block;
  font-size:22px;
  font-weight:800;
  font-style:italic;
  margin-top:2px;
}
.float-success{top:0;right:0;}
.float-rating{bottom:40px;right:-10px;}
.stars{color:var(--yellow-deep);display:block;font-size:14px;margin-top:2px;}

/* ================= LOGOS STRIP ================= */
.logos-strip{
  background:#fff;
  text-align:center;
  padding:60px 40px 40px;
}
.logos-strip p{
  color:var(--text-muted);
  font-size:16px;
  margin:0 0 40px;
}
.logos-row{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:60px;
  max-width:1200px;
  margin:0 auto;
  padding-bottom:30px;
  border-bottom:1px solid #eee;
  font-size:22px;
  color:#333;
  font-weight:500;
}

/* ================= AGENT SECTION ================= */
.agent-section{
  background:#fff;
  padding:90px 40px;
  max-width:1400px;
  margin:0 auto;
}
.agent-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:30px;
  margin-bottom:30px;
}
.agent-chat-panel{
  background:var(--mint);
  border-radius:var(--radius-xl);
  padding:60px 50px;
  position:relative;
  overflow:hidden;
}
.chat-window{
  background:#fff;
  border-radius:24px;
  max-width:420px;
  margin:0 auto;
  box-shadow:0 20px 50px rgba(0,0,0,0.12);
  overflow:hidden;
}
.chat-head{
  background:var(--green);
  color:#fff;
  display:flex;
  align-items:center;
  gap:12px;
  padding:16px 20px;
}
.chat-head div{display:flex;flex-direction:column;flex:1;}
.chat-head .online{font-size:12px;color:#b7f5dd;}
.chat-head .dots{opacity:0.8;}
.chat-body{padding:20px;display:flex;flex-direction:column;gap:10px;}
.msg{
  padding:10px 16px;
  border-radius:16px;
  font-size:14px;
  max-width:80%;
}
.msg-in{background:#fdf1de;align-self:flex-start;}
.msg-out{background:#d6f3e8;align-self:flex-end;}
.msg-time{font-size:11px;color:#999;align-self:flex-end;margin:-4px 4px 0;}
.chat-input{
  display:flex;
  align-items:center;
  gap:10px;
  border-top:1px solid #eee;
  padding:12px 16px;
}
.round-icon{
  width:28px;height:28px;border-radius:50%;border:1px solid #ccc;
  display:flex;align-items:center;justify-content:center;font-size:16px;color:#999;
}
.chat-input input{
  flex:1;border:none;outline:none;background:none;font-size:14px;
}
.send-btn{
  width:32px;height:32px;border-radius:50%;background:var(--green);
  color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;
}

.agent-side{display:flex;flex-direction:column;gap:24px;}
.stat-card{
  background:var(--mint);
  border-radius:var(--radius-xl);
  display:flex;
  padding:50px 30px;
}
.stat-col{
  flex:1;
  text-align:center;
  border-right:1px solid rgba(0,0,0,0.1);
}
.stat-col:last-child{border-right:none;}
.stat-num{
  display:block;
  font-family:'Poppins',sans-serif;
  font-weight:800;
  font-style:italic;
  font-size:42px;
}
.stat-label{color:var(--text-muted);font-size:15px;}

.quote-card{
  background:var(--mint);
  border-radius:var(--radius-xl);
  padding:40px;
  flex:1;
}
.quote-person{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:20px;
}
.quote-person div{display:flex;flex-direction:column;}
.quote-person span{color:var(--text-muted);font-size:14px;}
.quote-card p{
  font-size:22px;
  font-weight:600;
  line-height:1.35;
  margin:0 0 26px;
}
.brand-row{display:flex;gap:14px;}
.brand-chip{
  width:56px;height:56px;border-radius:14px;background:#fff;
  display:flex;align-items:center;justify-content:center;font-size:22px;
  box-shadow:0 6px 16px rgba(0,0,0,0.08);
}
.brand-chip.atica{
  background:#6a3fd1;color:#fff;font-size:13px;font-weight:800;font-style:italic;
}

.stats-row{
  display:flex;
  justify-content:space-between;
  padding-top:40px;
  gap:20px;
  flex-wrap:wrap;
}
.stats-row > div{display:flex;flex-direction:column;gap:6px;}
.big-num{
  font-family:'Poppins',sans-serif;
  font-weight:800;
  font-style:italic;
  font-size:clamp(40px,6vw,64px);
}
.stats-row span:last-child{color:var(--text-muted);font-size:16px;}

/* ================= FEATURES / YELLOW ================= */
.features-section{
  background:var(--yellow);
  position:relative;
  overflow:hidden;
  padding:100px 40px 0;
}
.features-grid{
  max-width:1400px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 1.1fr;
  gap:40px;
  align-items:center;
}
.features-copy{padding-bottom:90px;}
.eyebrow{
  display:block;
  font-size:14px;
  font-weight:700;
  letter-spacing:2px;
  color:rgba(0,0,0,0.55);
  margin-bottom:18px;
}
.features-copy h2{
  font-size:clamp(34px,4.4vw,54px);
  margin-bottom:26px;
}
.features-copy p{
  font-size:17px;
  color:rgba(0,0,0,0.65);
  max-width:440px;
  line-height:1.6;
  margin-bottom:34px;
}
.features-art{position:relative;}
.dashboard-mock{
  background:#fff;
  border-radius:24px 24px 0 0;
  box-shadow:0 30px 60px rgba(0,0,0,0.2);
  padding:24px;
  transform:translateY(0);
  max-width:560px;
  margin-left:auto;
}
.dash-top{display:flex;align-items:center;gap:20px;margin-bottom:20px;font-size:14px;color:#333;}
.dash-brand{font-weight:700;}
.dash-search{
  flex:1;background:#f4f4f4;border-radius:20px;padding:8px 14px;color:#888;font-size:13px;
}
.dash-body{display:grid;grid-template-columns:0.7fr 1.3fr 1fr;gap:16px;font-size:13px;}
.dash-nav{display:flex;flex-direction:column;gap:14px;color:#555;}
.dash-mid{border-left:1px solid #eee;border-right:1px solid #eee;padding:0 14px;}
.dash-header-row{display:flex;justify-content:space-between;color:#999;font-size:12px;margin-bottom:4px;}
.dash-header-row strong{color:#111;font-size:15px;}
.dash-sub{color:#999;font-size:12px;margin:0 0 10px;}
.dash-tx{display:flex;justify-content:space-between;padding:6px 0;color:#444;border-bottom:1px solid #f4f4f4;}
.view-all{display:block;text-align:right;font-size:11px;color:#999;margin:8px 0 16px;}
.dash-goal{background:#fafafa;border-radius:14px;padding:14px;text-align:center;}
.dash-goal .ring{font-size:24px;display:block;color:var(--green);}
.dash-goal strong{display:block;font-size:12px;margin:6px 0;}
.start-btn{background:#111;color:#fff;border-radius:12px;padding:4px 14px;font-size:11px;display:inline-block;}
.dash-right{display:flex;flex-direction:column;gap:14px;}
.balance-label{color:#999;font-size:11px;}
.balance-num{font-size:20px;}
.mini-chart{font-size:20px;}
.dash-bills{background:#fafafa;border-radius:14px;padding:12px;}
.dash-bills span{color:#999;font-size:11px;}
.dash-bills strong{display:block;font-size:16px;margin:2px 0 8px;}
.bill-chips{display:flex;gap:6px;}
.chip{background:#111;color:#fff;border-radius:10px;padding:6px 8px;font-size:10px;text-align:center;flex:1;}
.chip small{color:#bbb;font-weight:400;}
.chip-green{background:#2fe3a8;color:#111;}
.chip-green small{color:#0a5c42;}

.feature-cols{
  max-width:1400px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:40px;
  padding:60px 0 90px;
}
.feature-cols h3{
  font-size:26px;
  font-weight:600;
  line-height:1.3;
  margin:0;
}

/* ================= TOOLS ================= */
.tools-section{
  background:#fff;
  text-align:center;
  padding:100px 40px;
}
.tools-row{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:24px;
  margin-top:60px;
}
.tool-icon{
  width:70px;height:70px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:28px;
  box-shadow:0 10px 24px rgba(0,0,0,0.08);
}

/* ================= REASONS ================= */
.reasons-section{
  background:#fff;
  padding:0 40px 100px;
  text-align:center;
}
.reason-cards{
  max-width:1400px;
  margin:60px auto 0;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:30px;
}
.reason-card{
  background:var(--mint);
  border-radius:var(--radius-lg);
  padding:60px 40px;
  text-align:center;
}
.reason-ico{font-size:44px;margin-bottom:30px;}
.reason-card h3{font-size:22px;font-weight:600;margin:0;line-height:1.4;}

/* ================= TESTIMONIAL BIG ================= */
.testimonial-section{
  background:var(--green);
  padding:100px 40px;
}
.testimonial-card{
  max-width:1400px;
  margin:0 auto;
  background:var(--orange);
  border-radius:var(--radius-xl);
  display:grid;
  grid-template-columns:0.8fr 1.4fr;
  overflow:hidden;
  min-height:420px;
}
.testi-photo{width:100%;height:100%;object-fit:cover;display:block;}
.testi-body{padding:70px 60px;display:flex;flex-direction:column;justify-content:center;position:relative;}
.quote-mark{
  width:52px;height:52px;background:#111;color:#fff;border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:26px;
}
.testi-text{
  font-family:'Poppins',sans-serif;
  font-weight:800;
  font-style:italic;
  font-size:clamp(26px,3.2vw,38px);
  line-height:1.25;
  margin:0 0 30px;
}
.testi-person strong{display:block;font-size:18px;}
.testi-person span{color:rgba(0,0,0,0.6);font-size:15px;}
.testi-rating{margin-top:22px;color:#111;font-size:15px;}
.testi-rating span{color:rgba(0,0,0,0.6);margin-left:8px;}
.testi-dots{
  position:absolute;
  top:70px;right:60px;
  display:flex;gap:8px;
}
.testi-dots span{width:9px;height:9px;border-radius:50%;border:1.5px solid #111;display:inline-block;}
.testi-dots span.active{background:#111;}

/* ================= FAQ ================= */
.faq-section{
  background:var(--mint);
  padding:100px 40px;
}
.faq-list{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:20px;}
.faq-item{
  background:#fff;
  border:1.5px solid #111;
  border-radius:20px;
  padding:26px 32px;
}
.faq-q{
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:19px;
  font-weight:500;
  text-align:left;
}
.faq-toggle{
  width:36px;height:36px;border-radius:50%;border:1.5px solid #111;
  display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;
  transition:transform 0.25s ease;
}
.faq-a{
  max-height:0;
  overflow:hidden;
  transition:max-height 0.3s ease;
}
.faq-a p{color:var(--text-muted);font-size:15px;line-height:1.6;padding-top:18px;margin:0;}
.faq-item.open .faq-a{max-height:200px;}
.faq-item.open .faq-toggle{transform:rotate(45deg);}

/* ================= CONTACT STRIP ================= */
.contact-strip{
  background:#fff;
  padding:100px 40px;
  text-align:center;
}
.contact-strip h2{margin-bottom:70px;}
.contact-row{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:40px;
  flex-wrap:wrap;
  max-width:1100px;
  margin:0 auto;
}
.contact-item{display:flex;align-items:center;gap:16px;text-align:left;}
.contact-item div{display:flex;flex-direction:column;}
.contact-item strong{font-size:16px;}
.contact-item span{color:var(--text-muted);font-size:14px;}
.contact-ico{
  width:48px;height:48px;border-radius:50%;background:#111;color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;
}
.slash{color:#ccc;font-size:24px;}

/* ================= CTA BANNER ================= */
.cta-banner{
  background:var(--yellow);
  padding:110px 40px;
  text-align:center;
  position:relative;
  overflow:hidden;
}
.cta-line{position:absolute;top:0;height:100%;width:220px;opacity:0.9;}
.cta-line.line-1{left:0;}
.cta-line.line-2{right:0;}
.cta-banner .display{font-size:clamp(28px,4.6vw,52px);position:relative;z-index:1;}
.cta-sub{
  color:rgba(0,0,0,0.6);
  font-size:17px;
  margin:26px 0 36px;
  position:relative;z-index:1;
}
.cta-banner .btn{position:relative;z-index:1;}

/* ================= FOOTER ================= */
.footer{
  background:#fff;
  padding:80px 40px 30px;
}
.footer-top{
  max-width:1400px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1.2fr 1fr 1fr 1fr 1fr;
  gap:30px;
  padding-bottom:50px;
}
.footer-brand{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:24px;
  font-weight:800;
}
.logo-mark{
  width:44px;height:44px;background:#111;color:#fff;border-radius:10px;
  display:flex;align-items:center;justify-content:center;font-size:20px;
}
.footer-col{display:flex;flex-direction:column;gap:16px;}
.footer-col a{color:#333;font-size:15px;}
.footer-col a:hover{color:#000;}
.footer-bottom{
  max-width:1400px;
  margin:0 auto;
  display:flex;
  justify-content:space-between;
  border-top:1px solid #eee;
  padding-top:26px;
  font-size:14px;
  color:#333;
  flex-wrap:wrap;
  gap:10px;
}

/* ================= SCROLL TOP ================= */
.scroll-top{
  position:fixed;
  bottom:24px;right:24px;
  width:46px;height:46px;
  background:#6a3fd1;
  color:#fff;
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:18px;
  box-shadow:0 10px 24px rgba(0,0,0,0.2);
  z-index:50;
  opacity:0;
  pointer-events:none;
  transition:opacity 0.2s ease;
}
.scroll-top.visible{opacity:1;pointer-events:auto;}

/* ================= ICON FONT SIZING ================= */
.fi{line-height:1;}
.stars i{color:var(--yellow-deep);font-size:12px;margin-right:1px;}
.stars i:last-child{margin-right:0;}
.chat-head .dots i{color:#fff;font-size:16px;}
.send-btn i{color:#fff;font-size:13px;}
.emoji i{color:#999;font-size:17px;}
.brand-chip i{color:#333;font-size:22px;}
.brand-chip.atica{font-size:13px;}
.dash-nav span{display:flex;align-items:center;gap:8px;}
.dash-nav i{font-size:14px;color:#777;}
.dash-search i{font-size:13px;color:#999;margin-right:4px;}
.dash-header-row strong i{font-size:15px;margin-left:4px;color:#f0b429;}
.dash-goal .ring i{font-size:24px;color:var(--green);}
.mini-chart i{font-size:20px;color:#333;}
.tool-icon i{color:#fff;font-size:26px;}
.reason-ico i{font-size:44px;color:#0b4a3a;}
.testi-rating i{color:#111;font-size:14px;margin-right:1px;}
.contact-ico i{color:#fff;font-size:18px;}
.scroll-top i{color:#fff;font-size:17px;}

/* ================= RESPONSIVE ================= */
@media (max-width: 1024px){
  .hero-inner{grid-template-columns:1fr;}
  .hero-art{min-height:420px;margin-top:40px;}
  .agent-grid{grid-template-columns:1fr;}
  .features-grid{grid-template-columns:1fr;}
  .features-art{margin-top:40px;}
  .dashboard-mock{margin:0 auto;}
  .feature-cols{grid-template-columns:1fr;}
  .reason-cards{grid-template-columns:1fr;}
  .testimonial-card{grid-template-columns:1fr;}
  .testi-photo{max-height:320px;}
  .footer-top{grid-template-columns:1fr 1fr;}
}
@media (max-width: 640px){
  .nav-inner{flex-wrap:wrap;padding:16px 20px;}
  .nav-search{order:3;width:100%;}
  .nav-links{gap:18px;font-size:14px;flex-wrap:wrap;}
  .hero{padding:40px 20px 0;}
  .hero-checks{flex-direction:column;gap:10px;}
  .dash-body{grid-template-columns:1fr;}
  .dash-mid{border:none;padding:0;}
  .footer-top{grid-template-columns:1fr;}
  .contact-row{flex-direction:column;}
  .slash{display:none;}
}

/* ---- Mobile hamburger nav ---- */
.nav-hamburger{
  display:none;
  flex-direction:column;
  gap:5px;
  background:none;
  border:none;
  cursor:pointer;
  padding:8px;
}
.nav-hamburger span{
  display:block;
  width:24px;
  height:2px;
  background:#fff;
  border-radius:2px;
  transition:0.3s;
}
.nav-right-mobile{ display:none; }
@media (max-width: 860px){
  .nav-links{
    position:absolute;
    top:100%;
    left:0;
    right:0;
    background:#0f3d2e;
    flex-direction:column;
    align-items:flex-start;
    gap:0;
    padding:0;
    max-height:0;
    overflow:hidden;
    transition:max-height 0.3s ease;
  }
  .nav-links.open{ max-height:420px; padding:12px 0; }
  .nav-links a{ padding:14px 24px; width:100%; }
  .nav-right{ display:none; }
  .nav-right-mobile{
    display:flex;
    flex-direction:column;
    gap:10px;
    padding:14px 24px;
    width:100%;
  }
  .nav-right-mobile .btn{ text-align:center; }
  .nav-hamburger{ display:flex; }
}

/* ---- Contact form ---- */
.contact-form input, .contact-form textarea{
  background:#fff;
  border:1px solid #d5ddd8;
  color:#111;
  border-radius:14px;
  padding:16px 20px;
  font-size:15px;
  font-family:inherit;
  width:100%;
  outline:none;
}
.contact-form input::placeholder, .contact-form textarea::placeholder{
  color:#8a9a92;
  opacity:1;
}
.contact-form input:focus, .contact-form textarea:focus{
  border-color:#0f3d2e;
}
.contact-form textarea{ resize:vertical; min-height:110px; }

/* ======================================================
   MEDISURE — media identity layer (extends piku-theme)
   Uses same fonts, radius, spacing. New brand accent: teal.
   ====================================================== */
:root {
  --media-teal: #0a6e4f;
  --media-teal-dark: #083d2c;
  --media-teal-light: #12a37a;
  --media-gold: #e8a020;
  --media-surface: #f3faf7;
}

/* Trust state badges */
.badge-verified   { background:#d4edda; color:#1a6b30; }
.badge-partial    { background:#fff3cd; color:#856404; }
.badge-review     { background:#ffe0b2; color:#8b4000; }
.badge-conflict   { background:#d1ecf1; color:#0c5460; }
.badge-false      { background:#f8d7da; color:#721c24; }
.badge-unverified { background:#e2e3e5; color:#383d41; }
.badge-ai         { background:#e8d5f5; color:#5b2c8d; }

.trust-pill {
  display:inline-flex; align-items:center; gap:5px;
  padding:3px 12px; border-radius:50px; font-size:12px; font-weight:700;
}

/* Clean URL helpers */
.media-nav-link { text-decoration:none; color:inherit; }