@media (max-width:1080px){
  .hero-grid,.split{grid-template-columns:1fr}.hero-visual{min-height:500px}.grid-4{grid-template-columns:repeat(2,1fr)}.gallery-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.section-heading{display:block}.section-heading .btn{margin-top:16px}
}
@media (max-width:900px){
  .menu-toggle{display:grid;place-items:center}.nav-links{position:fixed;left:16px;right:16px;top:86px;display:none;flex-direction:column;align-items:stretch;padding:18px;border-radius:22px;background:rgba(5,8,22,.96);border:1px solid var(--line);box-shadow:var(--shadow)}.nav-links.open{display:flex}.nav-links a{padding:10px 8px}.nav-actions .btn-whatsapp{display:none}.hero{padding-top:56px}.hero-grid{gap:10px}.steps::before{display:none}.grid-3{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.required-features{grid-template-columns:1fr}.phone-preview{right:0;width:190px}.hero-card-mock{left:0;width:360px}.hero-mini-card{max-width:240px}.kpi-row{grid-template-columns:1fr}
}
@media (max-width:640px){
  .container{width:min(100% - 22px,var(--max))}.section{padding:62px 0}.page-hero{padding:60px 0 40px}.hero-visual{min-height:420px}.hero-mini-card{display:none}.phone-preview{width:155px;top:20px}.hero-card-mock{width:290px;bottom:84px}.nfc-ring{width:150px;height:150px}.grid-2,.grid-4{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}.cta-row .btn{width:100%}.floating-whatsapp{left:14px;right:14px;text-align:center;justify-content:center}.back-to-top{bottom:84px}.logo{font-size:1.25rem}.nav{min-height:70px}.card{padding:20px}th,td{padding:12px 10px;font-size:.9rem}.quote-dialog{padding:22px 16px}.hero h1{font-size:2.55rem}
}

/* ===== Final premium readability + typography refinement ===== */
:root{
  --title-weight:700;
  --body-weight:500;
}
body{
  font-size:16px;
  font-weight:var(--body-weight);
}
h1,h2,h3,h4{
  letter-spacing:-.025em;
  font-weight:var(--title-weight);
}
h1{font-size:clamp(2.35rem,5.1vw,4.35rem);line-height:1.04}
h2{font-size:clamp(1.85rem,3.2vw,2.65rem);line-height:1.12}
h3{font-size:clamp(1.18rem,2vw,1.45rem);line-height:1.18}
h4{font-size:1.05rem;line-height:1.25}
.hero h1{font-size:clamp(2.65rem,5.7vw,4.7rem);font-weight:750;line-height:1.03}
.section-heading{margin-bottom:30px}.section-heading p{font-size:1rem;line-height:1.7}
.page-hero h1{font-size:clamp(2.35rem,4.6vw,3.75rem);font-weight:750}.lead{font-size:clamp(1rem,1.5vw,1.14rem);line-height:1.72}
.card h3,.product-card h3,.demo-card h3,.style-card h3{font-size:1.32rem;font-weight:700}.card p{font-size:.98rem;line-height:1.68}.faq-q{font-size:1rem;font-weight:700}.footer h3,.footer h4{font-size:1.08rem;font-weight:700}

/* Premium light mode: stronger contrast, cleaner typography, less washed out */
body.light-page{
  --text:#0b1220;
  --muted:#334155;
  --line:rgba(15,23,42,.16);
  color:#0b1220;
  background:
    radial-gradient(circle at 76% 0,rgba(124,58,237,.10),transparent 28%),
    radial-gradient(circle at 20% 10%,rgba(6,182,212,.12),transparent 28%),
    linear-gradient(180deg,#ffffff 0%,#f8fafc 55%,#f4f7fb 100%);
}
body.light-page::before{
  background-image:linear-gradient(rgba(15,23,42,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.045) 1px,transparent 1px);
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.26),transparent 88%);
}
body.light-page h1,body.light-page h2,body.light-page h3,body.light-page h4,
body.light-page .faq-q,body.light-page label,body.light-page strong{
  color:#0b1220!important;
}
body.light-page p,body.light-page .lead,body.light-page .section-heading p,
body.light-page .breadcrumb,body.light-page .form-note,body.light-page .price-note,
body.light-page .footer,body.light-page .footer p,body.light-page .copyright,
body.light-page .card p,body.light-page .glass-panel p{
  color:#334155!important;
}
body.light-page .gradient-text{
  background:linear-gradient(90deg,#0891b2 0%,#2563eb 52%,#7c3aed 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent!important;
}
body.light-page .card,body.light-page .glass-panel,body.light-page .faq-item,
body.light-page .comparison-wrap,body.light-page .form-card,body.light-page .contact-card,
body.light-page .map-placeholder{
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,252,.94))!important;
  border-color:rgba(15,23,42,.16)!important;
  box-shadow:0 14px 42px rgba(15,23,42,.075)!important;
  color:#0b1220!important;
}
body.light-page .eyebrow,body.light-page .pill,body.light-page .tag{
  background:#ffffff!important;
  color:#1e293b!important;
  border-color:rgba(15,23,42,.18)!important;
}
body.light-page ul.clean li,body.light-page .clean li,body.light-page .feature-list li,
body.light-page .product-card li,body.light-page .demo-card li,body.light-page .style-card li{
  color:#334155!important;
  font-weight:500;
}
body.light-page .footer a,body.light-page .nav-links,body.light-page .nav-links a,
body.light-page .contact-line,body.light-page .contact-line a{
  color:#1e293b!important;
}
body.light-page .footer a:hover,body.light-page .nav-links a:hover{color:#2563eb!important}
body.light-page .footer .logo span,body.light-page .logo span{color:#0b1220!important}
body.light-page .logo span span{color:#06b6d4!important}
body.light-page table{background:#fff!important}body.light-page th{background:#eef4ff!important;color:#0b1220!important;font-weight:700}body.light-page td{color:#334155!important}
body.light-page .no{color:#64748b!important}body.light-page .maybe{color:#b45309!important}body.light-page .yes{color:#16a34a!important}

/* FAQ should look clean, not overly bold or oversized */
.faq-section h2,.faq h2,#faq h2,.section h2{font-weight:700}.faq-q{font-weight:650!important}.faq-item{border-radius:18px}.faq-a{font-weight:500}.faq-a p{font-size:.96rem;line-height:1.68}

/* Remove chatbot completely, including old cached iframe/classes */
#tapismart-chatbot-frame,.chat-root,.chat-toggle,.chat-panel,.chat-messages,.quick-questions,.chat-actions{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;width:0!important;height:0!important;overflow:hidden!important}

@media (max-width:900px){
  h1{font-size:clamp(2.15rem,8vw,3.2rem)}
  h2{font-size:clamp(1.72rem,6vw,2.3rem)}
  .hero h1{font-size:clamp(2.35rem,9vw,3.6rem)}
}
@media (max-width:640px){
  .hero h1{font-size:2.45rem!important}
  h1{font-size:2.15rem!important}
  h2{font-size:1.85rem!important}
  .section{padding:56px 0}.page-hero{padding:50px 0 34px}
}

/* ===== Mobile/tablet menu readability fix ===== */
@media (max-width: 900px){
  .header{z-index:9999!important;overflow:visible!important}
  .nav{position:relative;z-index:10000!important}
  .menu-toggle{color:#ffffff!important;background:rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.22)!important;box-shadow:0 10px 28px rgba(0,0,0,.22)!important}
  body.light-page .menu-toggle{color:#0b1220!important;background:#ffffff!important;border-color:rgba(15,23,42,.16)!important;box-shadow:0 10px 28px rgba(15,23,42,.10)!important}
  .nav-links{
    position:fixed!important;
    left:16px!important;
    right:16px!important;
    top:82px!important;
    z-index:10001!important;
    display:none!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:0!important;
    padding:14px!important;
    border-radius:22px!important;
    background:#050a18!important;
    border:1px solid rgba(255,255,255,.16)!important;
    box-shadow:0 28px 80px rgba(0,0,0,.48)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  .nav-links.open{display:flex!important}
  body.light-page .nav-links{
    background:#ffffff!important;
    border-color:rgba(15,23,42,.14)!important;
    box-shadow:0 28px 80px rgba(15,23,42,.18)!important;
  }
  .nav-links a{
    display:flex!important;
    align-items:center!important;
    min-height:46px!important;
    padding:12px 14px!important;
    border-radius:14px!important;
    font-size:1rem!important;
    font-weight:800!important;
    letter-spacing:-.01em!important;
    color:#f8fbff!important;
    text-shadow:none!important;
    opacity:1!important;
  }
  body.light-page .nav-links a{color:#0b1220!important}
  .nav-links a:hover,.nav-links a.active{
    color:#ffffff!important;
    background:linear-gradient(90deg,rgba(56,213,255,.18),rgba(139,92,246,.16))!important;
  }
  body.light-page .nav-links a:hover,body.light-page .nav-links a.active{
    color:#0b1220!important;
    background:linear-gradient(90deg,rgba(56,213,255,.14),rgba(139,92,246,.12))!important;
  }
  .nav-links a::after{bottom:6px!important;left:14px!important;height:2px!important;background:linear-gradient(90deg,var(--primary),var(--accent))!important}
  .nav-links a.active::after{width:calc(100% - 28px)!important}
}

@media (max-width:640px){
  .nav-links{left:12px!important;right:12px!important;top:78px!important;padding:12px!important;border-radius:20px!important}
  .nav-links a{min-height:44px!important;font-size:.96rem!important;padding:10px 12px!important}
}