/* Visual system for the Lucknow supplier-comparison page.
   Scoped so it does not alter shared product and service pages. */
body.lucknow-comparison{background:var(--paper);}
body.lucknow-comparison .phero{isolation:isolate;padding:172px 0 104px;background:linear-gradient(128deg,#071d31 0%,#0b2a46 48%,#0e8fa0 150%);color:var(--paper);}
body.lucknow-comparison .phero::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.6;background:radial-gradient(circle at 84% 22%,rgba(57,191,203,.45),transparent 26rem),radial-gradient(circle at 8% 104%,rgba(181,64,46,.45),transparent 28rem);}
body.lucknow-comparison .phero::after{content:"";position:absolute;right:5%;bottom:-1px;width:min(42vw,540px);height:7px;background:linear-gradient(90deg,var(--sage-light) 0 34%,var(--clay-bright) 34% 68%,var(--paper-tan) 68%);box-shadow:0 -1px 0 rgba(255,255,255,.28);}
body.lucknow-comparison .phero .wrap{position:relative;max-width:1100px;}
body.lucknow-comparison .section-eyebrow{display:inline-flex;align-items:center;gap:9px;margin:0 0 18px;color:#a9edf0;font-family:'JetBrains Mono',monospace;font-size:.73rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;}
body.lucknow-comparison .section-eyebrow::before{content:"";width:30px;height:2px;background:var(--clay-bright);}
body.lucknow-comparison .phero h1{max-width:900px;color:#fff;font-size:clamp(2.75rem,6vw,5.4rem);line-height:.99;letter-spacing:-.042em;text-wrap:balance;}
body.lucknow-comparison .seo-lede{max-width:710px;margin:26px 0 0;color:rgba(253,248,240,.83);font-size:clamp(1.03rem,1.8vw,1.18rem);line-height:1.68;}
body.lucknow-comparison .phero-actions{margin-top:34px;}
body.lucknow-comparison .phero .btn-primary{background:var(--clay-bright);box-shadow:0 18px 36px -16px rgba(0,0,0,.62);}
body.lucknow-comparison .phero .btn-primary:hover{background:#e27058;}
body.lucknow-comparison .phero .btn-ghost{border-color:rgba(253,248,240,.64);color:var(--paper);}
body.lucknow-comparison .phero .btn-ghost:hover{background:var(--paper);color:var(--ink);}

body.lucknow-comparison .seo-section{position:relative;padding:84px 0;background:var(--paper);}
body.lucknow-comparison .seo-section:nth-of-type(even){background:#fffdf8;}
body.lucknow-comparison .seo-section .wrap{max-width:1100px;}
body.lucknow-comparison .section-heading{max-width:760px;margin-bottom:34px;}
body.lucknow-comparison .section-heading .eyebrow{display:block;margin:0 0 12px;color:var(--clay);font-family:'JetBrains Mono',monospace;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;}
body.lucknow-comparison .section-heading h2{font-family:'Fraunces',serif;font-size:clamp(2rem,4vw,3.35rem);font-weight:500;line-height:1.04;letter-spacing:-.032em;color:var(--ink);text-wrap:balance;}
body.lucknow-comparison .section-heading>p{max-width:66ch;margin-top:14px;color:var(--ink-soft);line-height:1.7;}
body.lucknow-comparison .prose-card{max-width:920px;margin:16px 0;padding:26px 30px;border:1px solid var(--line);border-left:4px solid var(--sage);border-radius:12px;background:rgba(255,255,255,.78);box-shadow:0 18px 40px -36px rgba(8,31,51,.55);}
body.lucknow-comparison .prose-card p{color:var(--ink-soft);line-height:1.72;}
body.lucknow-comparison .prose-card p+p{margin-top:16px;}
body.lucknow-comparison .table-shell{border:1px solid rgba(8,31,51,.15);border-radius:14px;background:#fff;box-shadow:0 24px 50px -42px rgba(8,31,51,.65);}
body.lucknow-comparison .table-shell table{min-width:820px;}
body.lucknow-comparison .table-shell thead{background:var(--ink);color:var(--paper);}
body.lucknow-comparison .table-shell th,body.lucknow-comparison .table-shell td{padding:18px 20px;vertical-align:top;line-height:1.45;}
body.lucknow-comparison .table-shell tbody tr:nth-child(even){background:#f7fbfb;}
body.lucknow-comparison .table-shell tbody tr:hover{background:#eaf8f9;}
body.lucknow-comparison .yes{color:#087a86;font-weight:700;}
body.lucknow-comparison .no{color:var(--clay);font-weight:700;}
body.lucknow-comparison .unknown{color:var(--ink-soft);}
body.lucknow-comparison .sub{max-width:760px;margin:24px 0 0;padding-left:18px;border-left:2px solid var(--clay);color:var(--ink-soft);font-size:.98rem;line-height:1.68;}
body.lucknow-comparison .feat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:980px;}
body.lucknow-comparison .feat{position:relative;overflow:hidden;padding:29px 28px;border-top:3px solid var(--sage);border-radius:12px;background:#fff;}
body.lucknow-comparison .feat:nth-child(2n){border-top-color:var(--clay);}
body.lucknow-comparison .feat::after{content:"";position:absolute;right:-34px;bottom:-42px;width:126px;height:126px;border-radius:50%;background:rgba(57,191,203,.09);}
body.lucknow-comparison .feat .fi{position:relative;z-index:1;width:auto;height:auto;margin:0 0 24px;padding:0;background:transparent;color:var(--clay);font-family:'JetBrains Mono',monospace;font-size:.76rem;font-weight:700;letter-spacing:.12em;}
body.lucknow-comparison .feat h3{position:relative;z-index:1;font-size:1.3rem;line-height:1.25;}
body.lucknow-comparison .faq-item{max-width:920px;margin:10px 0;border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden;}
body.lucknow-comparison .faq-q{padding:20px 22px;font-size:1.12rem;}
body.lucknow-comparison .faq-q span{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--line);border-radius:50%;color:var(--clay);}
body.lucknow-comparison .faq-item.open{border-color:rgba(14,143,160,.48);box-shadow:0 15px 34px -28px rgba(8,31,51,.55);}
body.lucknow-comparison .faq-item.open .faq-q span{background:var(--sage);color:#fff;border-color:var(--sage);}
body.lucknow-comparison .seo-cta{padding:88px 0;background:linear-gradient(120deg,var(--ink),#174568);color:var(--paper);}
body.lucknow-comparison .seo-cta .wrap{max-width:1100px;}
body.lucknow-comparison .seo-cta h2{max-width:710px;font-family:'Fraunces',serif;font-size:clamp(2.15rem,4.4vw,3.7rem);font-weight:500;line-height:1.02;letter-spacing:-.03em;}
body.lucknow-comparison .seo-cta p{max-width:660px;margin-top:15px;color:rgba(253,248,240,.8);line-height:1.7;}
body.lucknow-comparison .seo-cta .btn-ghost{border-color:rgba(253,248,240,.6);color:var(--paper);}
body.lucknow-comparison .seo-cta .btn-ghost:hover{background:var(--paper);color:var(--ink);}
body.lucknow-comparison footer{border-top:4px solid var(--sage);}
@media(max-width:700px){
  body.lucknow-comparison .phero{padding:126px 0 72px;}
  body.lucknow-comparison .phero h1{font-size:clamp(2.45rem,12vw,3.65rem);}
  body.lucknow-comparison .seo-section{padding:58px 0;}
  body.lucknow-comparison .prose-card{padding:22px 20px;}
  body.lucknow-comparison .feat-grid{grid-template-columns:1fr;}
  body.lucknow-comparison .table-shell{margin-right:-20px;border-radius:12px 0 0 12px;}
  body.lucknow-comparison .table-shell th,body.lucknow-comparison .table-shell td{padding:15px;}
  body.lucknow-comparison .seo-cta{padding:64px 0;}
}