:root{--pink:#efa6be;--coral:#d94b3d;--salmon:#f15d50;--deep:#7f2630;--cream:#fff9f7;--ink:#17212b;--gold:#e7b873;--white:#fff;--muted:#667085;--shadow:0 18px 50px rgba(92,30,39,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink);background:linear-gradient(180deg,#fff 0,#fff8f6 100%);line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%}.container{width:min(1180px,92%);margin:auto}.topbar{background:var(--deep);color:#fff;font-size:.82rem;padding:.45rem 0}.topbar .container{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(217,75,61,.12)}.nav{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:1rem}.brand{display:flex;align-items:center;gap:.7rem;font-weight:900;letter-spacing:-.03em}.brand-mark{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,var(--coral),var(--salmon));display:grid;place-items:center;color:#fff;box-shadow:0 8px 24px rgba(217,75,61,.3)}.menu{display:flex;align-items:center;gap:.32rem;flex-wrap:wrap}.menu>a,.dropbtn{padding:.55rem .72rem;border-radius:999px;font-size:.88rem;font-weight:700}.menu>a:hover,.dropbtn:hover{background:var(--pink);color:var(--deep)}.dropdown{position:relative}.mega{display:none;position:absolute;right:0;top:100%;width:min(720px,90vw);padding:1rem;background:#fff;border-radius:22px;box-shadow:var(--shadow);grid-template-columns:repeat(3,1fr);gap:.5rem}.dropdown:hover .mega{display:grid}.mega a{padding:.8rem;border-radius:14px;background:#fff7f3;border:1px solid #f5d7d1}.mega a:hover{background:var(--coral);color:#fff}.mobile-toggle{display:none;border:0;background:var(--coral);color:white;border-radius:12px;padding:.6rem .8rem}.hero{background:var(--pink);padding:4.8rem 0 5.2rem;position:relative;overflow:hidden}.hero:before,.hero:after{content:'';position:absolute;border:1px solid rgba(255,255,255,.6);transform:rotate(45deg)}.hero:before{width:90px;height:90px;left:5%;top:20%}.hero:after{width:150px;height:150px;right:8%;bottom:10%}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:3rem;align-items:center}.eyebrow{display:inline-flex;padding:.4rem .75rem;border:1px solid rgba(255,255,255,.7);border-radius:999px;color:#fff;font-weight:800}.hero h1{font-family:Georgia,serif;font-size:clamp(3rem,6vw,6.2rem);line-height:.95;color:#fff;margin:.8rem 0 1rem;letter-spacing:-.055em}.hero p{font-size:1.12rem;color:#fff;max-width:670px}.actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 1.15rem;border-radius:12px;font-weight:850;border:2px solid transparent;transition:.25s}.btn-primary{background:var(--coral);color:white}.btn-light{background:white;color:var(--deep)}.btn-outline{border-color:white;color:white}.btn:hover{transform:translateY(-3px);box-shadow:0 10px 22px rgba(64,18,24,.18)}.science-visual{min-height:430px;position:relative;display:grid;place-items:center}.column-art{width:120px;height:390px;border-radius:60px;background:linear-gradient(90deg,#c6d0d7,#fff 28%,#a9b7c1 70%,#eef3f6);transform:rotate(18deg);box-shadow:0 30px 60px rgba(89,20,30,.25);position:relative}.column-art:before,.column-art:after{content:'';position:absolute;left:18px;right:18px;height:42px;border-radius:25px;background:linear-gradient(#6c7780,#dce3e7)}.column-art:before{top:-12px}.column-art:after{bottom:-12px}.column-label{position:absolute;left:10px;right:10px;top:145px;background:var(--coral);color:white;text-align:center;padding:1rem .4rem;font-weight:900;transform:rotate(-90deg);border-radius:8px}.orb{position:absolute;border-radius:50%;background:rgba(255,255,255,.45);border:1px solid rgba(255,255,255,.8)}.o1{width:140px;height:140px;top:5%;right:5%}.o2{width:90px;height:90px;bottom:10%;left:5%}.section{padding:5rem 0}.section.alt{background:#fff5f1}.kicker{color:var(--coral);font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}.section h2,.page-hero h1{font-family:Georgia,serif;font-size:clamp(2.3rem,4vw,4.2rem);line-height:1.05;margin:.35rem 0 1rem;color:var(--deep)}.lead{font-size:1.1rem;color:var(--muted);max-width:800px}.grid{display:grid;gap:1.2rem}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{background:rgba(255,255,255,.88);border:1px solid rgba(217,75,61,.14);border-radius:24px;padding:1.5rem;box-shadow:0 12px 35px rgba(81,32,39,.08);transition:.28s;position:relative;overflow:hidden}.card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.card:before{content:'';position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--coral),var(--pink),var(--gold))}.card h3{color:var(--deep);margin:.2rem 0 .5rem}.icon{width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,var(--coral),var(--salmon));display:grid;place-items:center;color:white;font-size:1.35rem;margin-bottom:1rem}.stat{font-size:2.5rem;font-weight:950;color:var(--coral)}.page-hero{background:linear-gradient(135deg,var(--pink),#f5b8c9);padding:3.5rem 0;color:white}.page-hero h1{color:white}.breadcrumbs{font-size:.85rem;margin-bottom:.8rem;color:#fff}.answer{background:#fff;border-left:5px solid var(--coral);padding:1.2rem 1.4rem;border-radius:0 18px 18px 0;box-shadow:0 8px 25px rgba(90,28,36,.08);margin:1.2rem 0}.toc{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0 2rem}.toc a{background:#fff1ed;border:1px solid #f4c3ba;padding:.45rem .7rem;border-radius:999px;font-size:.84rem}.spec-controls{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:.75rem;margin:1rem 0}.input,.select,textarea{width:100%;padding:.85rem 1rem;border:1px solid #e8b9b2;border-radius:12px;background:#fff;font:inherit}.table-wrap{overflow:auto;border-radius:18px;border:1px solid #edc8c2;background:#fff}.spec-table{width:100%;border-collapse:collapse;min-width:760px}.spec-table th{background:var(--coral);color:#fff;padding:.85rem;text-align:left;position:sticky;top:0}.spec-table td{padding:.75rem .85rem;border-bottom:1px solid #f3ded9}.spec-table tr:hover td{background:#fff7f4}.faq details{background:#fff;border:1px solid #efd1cb;border-radius:15px;padding:1rem 1.1rem;margin:.7rem 0}.faq summary{font-weight:850;color:var(--deep);cursor:pointer}.cta{background:var(--coral);color:#fff;border-radius:30px;padding:2rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.footer{background:#3b1520;color:#fbe9eb;padding:4rem 0 1rem}.footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:2rem}.footer h4{color:#fff}.footer a{display:block;color:#f6cfd5;margin:.35rem 0}.footer a:hover{color:#fff}.visitor{display:inline-flex;padding:.45rem .75rem;background:rgba(255,255,255,.1);border-radius:999px}.legal{border-top:1px solid rgba(255,255,255,.14);margin-top:2rem;padding-top:1rem;font-size:.85rem}.reveal{opacity:0;transform:translateY(18px);transition:.7s}.reveal.show{opacity:1;transform:none}.badge{display:inline-block;background:#ffe6df;color:var(--deep);padding:.3rem .6rem;border-radius:999px;font-size:.78rem;font-weight:800}.notice{background:#fff0d9;border:1px solid #efc78d;padding:1rem;border-radius:14px}.socials{display:flex;gap:.6rem}.socials a{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.12)}
@media(max-width:900px){.hero-grid,.grid-4,.grid-3,.grid-2,.footer-grid{grid-template-columns:1fr 1fr}.menu{display:none;position:absolute;left:4%;right:4%;top:76px;background:#fff;padding:1rem;border-radius:18px;box-shadow:var(--shadow)}.menu.open{display:flex;flex-direction:column;align-items:stretch}.dropdown:hover .mega{display:none}.mega{position:static;width:100%;grid-template-columns:1fr 1fr}.dropdown.open .mega{display:grid}.mobile-toggle{display:block}.science-visual{min-height:320px}.column-art{height:290px;width:90px}.column-label{top:105px}.spec-controls{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.hero-grid,.grid-4,.grid-3,.grid-2,.footer-grid{grid-template-columns:1fr}.hero{padding:3rem 0}.hero h1{font-size:3.2rem}.spec-controls{grid-template-columns:1fr}.topbar .container{justify-content:center;text-align:center}.cta{align-items:flex-start;flex-direction:column}}

/* Technical product-card enhancements */
.card-use{font-size:.92rem;line-height:1.55;margin-top:.65rem;color:var(--text-muted,#53616d)}
.card-use strong{color:var(--ink,#17324d)}
.menu>a,.dropbtn{white-space:nowrap}
@media (min-width:1100px){.menu{gap:.48rem}.menu>a,.dropbtn{font-size:.78rem;padding:.55rem .45rem}}

/* FireFlex and Fusion single-page family navigation */
.family-jump-grid{margin:1.5rem 0 2.5rem}.family-jump-card{display:block;text-decoration:none;color:inherit;transition:transform .2s ease,box-shadow .2s ease}.family-jump-card:hover{transform:translateY(-4px);box-shadow:0 16px 35px rgba(94,34,45,.14)}.family-jump-card h3{margin-bottom:.55rem}.family-count{display:inline-block;margin-top:.7rem;font-weight:700;color:var(--accent,#8b2635)}.family-block{scroll-margin-top:150px;padding:2.2rem 0;border-top:1px solid rgba(139,38,53,.15)}.family-block:first-child{border-top:0}.family-meta{font-weight:600;margin:.75rem 0 1rem}.back-to-top{text-align:right;margin-top:.75rem}.back-to-top a{text-decoration:none;font-weight:700}.menu>a[href="fireflex-columns.html"],.menu>a[href="fusion-columns.html"]{background:#f3a1bb;border-radius:999px;padding:.65rem .9rem}.menu>a[href="fireflex-columns.html"].active,.menu>a[href="fusion-columns.html"].active{background:#8b2635;color:#fff}@media(max-width:1100px){.menu>a[href="fireflex-columns.html"],.menu>a[href="fusion-columns.html"]{background:transparent;border-radius:0;padding:.65rem 0}}

.product-hero-image{width:min(430px,88%);max-height:430px;object-fit:contain;display:block;filter:drop-shadow(0 28px 35px rgba(89,20,30,.28));border-radius:16px;position:relative;z-index:2}.science-visual .product-hero-image{transform:none}.section img[src$="develosil-product.jpeg"]{background:#fff;padding:12px;border-radius:20px;box-shadow:0 18px 40px rgba(81,32,39,.16)}@media(max-width:900px){.product-hero-image{width:min(320px,88%);max-height:300px}}


/* Unified navigation button styling */
.menu > a,
.menu > .dropbtn {
  background: #f3a1bb;
  color: #5e222d;
  border-radius: 999px;
  padding: .65rem .9rem;
  transition: background-color .22s ease, color .22s ease, transform .22s ease, box-shadow .22s ease;
}
.menu > a:hover,
.menu > .dropbtn:hover {
  background: #e77f9f;
  color: #4b1621;
  transform: translateY(-1px);
  box-shadow: 0 7px 16px rgba(94,34,45,.16);
}
.menu > a:active,
.menu > .dropbtn:active,
.menu > a.active,
.menu > .dropbtn.active {
  background: #8b2635;
  color: #fff;
  transform: translateY(0);
  box-shadow: none;
}
@media (max-width:1100px) {
  .menu > a,
  .menu > .dropbtn {
    background: #f3a1bb;
    color: #5e222d;
    border-radius: 999px;
    padding: .65rem .9rem;
    width: 100%;
  }
  .menu > a:hover,
  .menu > .dropbtn:hover {
    background: #e77f9f;
    color: #4b1621;
  }
  .menu > a:active,
  .menu > .dropbtn:active,
  .menu > a.active,
  .menu > .dropbtn.active {
    background: #8b2635;
    color: #fff;
  }
}


/* USP menu button styling */
.menu>a[href="usp-listing.html"]{
  background:#f3a1bb;
  color:#5e222d;
  border-radius:999px;
  padding:.65rem .9rem;
  transition:background-color .22s ease,color .22s ease,transform .22s ease,box-shadow .22s ease;
}
.menu>a[href="usp-listing.html"]:hover{
  background:#e77f9f;
  color:#4b1621;
  transform:translateY(-1px);
  box-shadow:0 7px 16px rgba(94,34,45,.16);
}
.menu>a[href="usp-listing.html"].active,
.menu>a[href="usp-listing.html"]:active{
  background:#8b2635;
  color:#fff;
}

/* USP Listing main navigation button */
.menu > a[href="usp-listing.html"]{
  background:#f3a1bb;
  color:#5e222d;
  border-radius:999px;
  padding:.65rem .9rem;
  transition:background-color .22s ease,color .22s ease,transform .22s ease,box-shadow .22s ease;
}
.menu > a[href="usp-listing.html"]:hover{
  background:#e77f9f;
  color:#4b1621;
  transform:translateY(-1px);
  box-shadow:0 7px 16px rgba(94,34,45,.16);
}
.menu > a[href="usp-listing.html"].active,
.menu > a[href="usp-listing.html"]:active{
  background:#8b2635;
  color:#fff;
}
@media (max-width:1100px){
  .menu > a[href="usp-listing.html"]{
    width:100%;
    background:#f3a1bb;
    border-radius:999px;
    padding:.65rem .9rem;
  }
}


/* Mehendi green theme override */
:root{
  --mehendi-dark:#3f4f2f;
  --mehendi:#6b7d45;
  --mehendi-mid:#87985d;
  --mehendi-soft:#dfe8c8;
  --mehendi-pale:#f3f6e8;
  --mehendi-gold:#c5a15a;
  --mehendi-text:#26321f;
}

/* Page background and text */
body{
  background:var(--mehendi-pale);
  color:var(--mehendi-text);
}

/* Top bar */
.topbar{
  background:var(--mehendi-dark)!important;
  color:#fff!important;
}
.topbar a{color:#fff!important}

/* Header */
.site-header{
  background:#fff!important;
  border-bottom:1px solid rgba(63,79,47,.18)!important;
}
.brand-mark{
  background:linear-gradient(135deg,var(--mehendi),var(--mehendi-dark))!important;
  color:#fff!important;
}
.brand{color:var(--mehendi-text)!important}

/* Unified main navigation */
.menu > a,
.menu > .dropbtn,
.menu > a[href="usp-listing.html"]{
  background:var(--mehendi-soft)!important;
  color:var(--mehendi-text)!important;
}
.menu > a:hover,
.menu > .dropbtn:hover,
.menu > a[href="usp-listing.html"]:hover{
  background:var(--mehendi-mid)!important;
  color:#fff!important;
  box-shadow:0 7px 16px rgba(63,79,47,.18)!important;
}
.menu > a.active,
.menu > .dropbtn.active,
.menu > a:active,
.menu > .dropbtn:active,
.menu > a[href="usp-listing.html"].active,
.menu > a[href="usp-listing.html"]:active{
  background:var(--mehendi-dark)!important;
  color:#fff!important;
}

/* Hero sections */
.hero,
.page-hero{
  background:
    radial-gradient(circle at 80% 20%,rgba(255,255,255,.32),transparent 25%),
    radial-gradient(circle at 15% 80%,rgba(255,255,255,.18),transparent 30%),
    linear-gradient(135deg,#7d8f53 0%,#667944 45%,#4f6036 100%)!important;
  color:#fff!important;
}
.hero h1,.hero p,.hero .lead,
.page-hero h1,.page-hero p,
.hero .eyebrow,.page-hero .eyebrow,
.breadcrumbs,.breadcrumbs a{
  color:#fff!important;
}
.hero .btn{
  background:#fff!important;
  color:var(--mehendi-dark)!important;
}
.hero .btn.secondary{
  background:transparent!important;
  color:#fff!important;
  border-color:#fff!important;
}

/* Decorative hero shapes */
.hero::before,.hero::after,
.page-hero::before,.page-hero::after{
  border-color:rgba(255,255,255,.28)!important;
}

/* Cards, notices, tables */
.card,.notice,.toc,.table-wrap,.faq-list details{
  background:#fff!important;
  border-color:rgba(63,79,47,.16)!important;
  box-shadow:0 14px 35px rgba(63,79,47,.10)!important;
}
.card h2,.card h3,.section h2,.section h3{
  color:var(--mehendi-dark)!important;
}
.eyebrow,.family-count,.back-to-top a{
  color:var(--mehendi)!important;
}

/* Buttons */
.btn{
  background:var(--mehendi-dark)!important;
  color:#fff!important;
  border-color:var(--mehendi-dark)!important;
}
.btn:hover{
  background:var(--mehendi)!important;
  color:#fff!important;
}
.btn.secondary{
  background:var(--mehendi-soft)!important;
  color:var(--mehendi-dark)!important;
  border-color:var(--mehendi-mid)!important;
}

/* Tables */
.spec-table thead th{
  background:var(--mehendi-dark)!important;
  color:#fff!important;
}
.spec-table tbody tr:nth-child(even){
  background:var(--mehendi-pale)!important;
}
.spec-table a{color:var(--mehendi-dark)!important}

/* Links and accents */
a{color:var(--mehendi-dark)}
a:hover{color:var(--mehendi)}

/* Forms */
input,select,textarea{
  border-color:rgba(63,79,47,.28)!important;
}
input:focus,select:focus,textarea:focus{
  border-color:var(--mehendi)!important;
  box-shadow:0 0 0 3px rgba(107,125,69,.15)!important;
}

/* Footer */
.footer{
  background:var(--mehendi-dark)!important;
  color:#fff!important;
}
.footer a{color:var(--mehendi-soft)!important}
.footer a:hover{color:#fff!important}
.legal{
  border-top-color:rgba(255,255,255,.18)!important;
}

/* Product image glow/shadow adapted to green theme */
.hero-product-image img,
.product-hero-image{
  filter:drop-shadow(0 30px 35px rgba(38,50,31,.32))!important;
}

/* Mobile navigation */
@media (max-width:1100px){
  .menu{
    background:#fff!important;
    box-shadow:0 16px 35px rgba(63,79,47,.16)!important;
  }
  .menu > a,
  .menu > .dropbtn,
  .menu > a[href="usp-listing.html"]{
    background:var(--mehendi-soft)!important;
    color:var(--mehendi-text)!important;
  }
}