/* ── RESET & ROOT ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root {
  /* ── UPDATED PALETTE (Maintaining Original Variable Names) ── */
  --g:      #5DC840;                 /* primary green (from --green-primary) */
  --gh:     #75D858;                 /* hover / highlight (from --green-light) */
  --gd:     #3DA020;                 /* dark accent green (from --teal) */
  --g-glow: rgba(46, 125, 50, 0.15); /* matching new primary green at low opacity */
  --green-pale: #E8F5E9;
  --mcg:    #6e9400;
  --mcy:    #a5c100;
  
  --o:      #F57F17;                 /* accent orange/amber (from --amber) */
  --ol:     #FF9040;                 /* light accent (from --amber-light) */
  --yl:     #e9e454;
  --ylh:    #f4f084;
  
  --w:      #FFFFFF;                 /* pure white */
  --ow:     #F9FBF9;                 /* off-white */
  --bt:     #CACABE;                 /* border/muted (from --border) */
  --mu:     #546E7A;                 /* muted text (from --text-soft) */
  
  --dk:     #113008;                 /* darkest background (from --text-dark) */
  --cd:     #F9FBF9;                 /* card dark (from --text-mid) */
  --cd2:    #2E7D32;                  /* secondary card / dark green mix */
  --cd3:     #E8F5E9                
  
  --bd:     rgba(46, 125, 50, 0.10); /* border transparency */
  --bdg:    rgba(215, 232, 215, 0.5);/* border green subtle */
  
  --r:      16px;                    /* updated radius (from --radius) */
  --tr:     .25s cubic-bezier(.4, 0, .2, 1); 
  
  --sh:     0 4px 20px rgba(46, 125, 50, 0.10); /* new shadow style */
  --shg:    0 8px 32px rgba(46, 125, 50, 0.18); /* new shadow hover style */
}
html{scroll-behavior:smooth}
body{font-family:'Wix Madefor Display';font-size:18px;line-height:1.75;background:var(--ow);color:var(--dk);overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
ul{list-style:none}

/* ── UTILS ── */
.con{max-width:1200px;margin:0 auto;padding:0 32px}
.lbl{font-size:11px;font-weight:800;color:var(--dk);text-transform:uppercase;letter-spacing:1.8px;display:inline-block;margin-bottom:14px;background: var(--mcy);border: 1px solid rgba(93, 200, 64, .26);padding: 5px 15px;border-radius: 50px;}
.st{font-size:clamp(26px,3.5vw,44px);font-weight:800;color:#1B2631;letter-spacing:-1px;line-height:1.1;margin-bottom:14px}
.ss{font-size:17px;color:var(--mu);line-height:1.75}
.ssw{font-size:17px;color:var(--w);line-height:1.75}
.ssw{font-size:17px;color:var(--dk);line-height:1.75}


/* ── BUTTONS ── */
.btn-or{background:var(--o);color:#fff;border:none;padding:13px 26px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 20px rgba(243,113,33,.38);text-decoration:none;display:inline-flex;align-items:center;gap:8px}
.btn-or:hover{background:var(--ol);transform:translateY(-2px)}
.btn-yl{background:var(--yl);color:var(--dk);border:1px solid #113008 ;padding:13px 26px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;gap:8px}
.btn-yl:hover{background:var(--ylh);transform:translateY(-2px)}
.btn-ot{background:rgba(140,198,63,.08);color:var(--gh);border:1px solid #5DC840;padding:12px 24px;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;gap:8px}
.btn-ot:hover{border-color:var(--g);background:rgba(140,198,63,.08);color:var(--gh); transform: translateY(-2px);}
.btn-og{background:var(--dk);color:var(--w);border:1px solid var(--dk);padding:12px 24px;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;gap:8px}
.btn-og:hover{border-color:var(--dk);background:rgba(140,198,63,.08);color:var(--dk); transform: translateY(-2px);}

.btn-gs{background:transparent;color:var(--ow);border:1px solid rgba(240,237,230,.2);padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block}
.btn-gs:hover{border-color:var(--g);color:var(--g)}
.btn-cs{background:var(--g);color:#fff;border:none;padding:9px 20px;border-radius:6px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:var(--shg);text-decoration:none;display:inline-block}
.btn-cs:hover{background:var(--gh);transform:translateY(-1px)}

/* ── NAV ── */
/* .nav{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:space-between;padding:0 48px;height:72px;background:#ffffff;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:1px solid rgba(0,0,0,0.10);box-shadow:0 2px 20px rgba(0,0,0,.08);transition:all var(--tr)}
.nav-logo img{height:38px;width:auto;display:block}
.nav-links{display:flex;gap:28px}
.nav-links a{color:#374151;font-size:14px;font-weight:500;transition:color .2s}
.nav-links a:hover{color:var(--g)}
.nav-right{display:flex;gap:10px;align-items:center}
.nav-ham{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px}
.nav-ham span{display:block;width:22px;height:2px;background:#374151;border-radius:2px;transition:all var(--tr)}
/* nav buttons adjusted for white bg */
/* .btn-gs{background:transparent;color:#374151;border:1px solid rgba(0,0,0,.18);padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block}
.btn-gs:hover{border-color:var(--g);color:var(--g);background:rgba(93,200,64,.05)}  */


/* ── HERO ── */
.hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;padding-top:72px;position:relative;overflow:hidden}
/* Single static agricultural farmland background */
.hero-bg{position:absolute;inset:0;z-index:0;background:linear-gradient(105deg,rgba(8,14,5,.93) 0%,rgba(8,14,5,.80) 48%,rgba(8,14,5,.40) 100%),url('../images/hero-farm-image.jpg') center 55%/cover no-repeat}
.hero-left{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:80px 40px 80px 70px;text-shadow:0 1px 3px rgba(0,0,0,.3)}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(93,200,64,.13);border:1px solid rgba(93,200,64,.40);border-radius:100px;padding:6px 16px;font-size:11px;font-weight:600;color:var(--g);letter-spacing:.8px;text-transform:uppercase;width:-moz-fit-content;width:fit-content;margin-bottom:22px;animation:fadeUp .6s ease both}
.pulse-dot{width:6px;height:6px;background:var(--g);border-radius:50%;animation:pulse 2s infinite;flex-shrink:0}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(1.6)}}
.hero h1{font-size:clamp(38px, 5vw, 64px);font-weight:800;line-height:1.08;letter-spacing:-1.5px;color:#fff;margin-bottom:18px;animation:fadeUp .7s .1s ease both}
.hero h1 em{font-style:normal;color:var(--g)}
.hero-sub{font-size:18px;line-height:1.75;color:var(--bt);max-width:460px;margin-bottom:34px;animation:fadeUp .7s .2s ease both}
.hero-ctas{display:flex;gap:12px;flex-wrap:wrap;animation:fadeUp .7s .3s ease both;align-items:center;margin-bottom:48px}
.hero-stats{display:flex;gap:0;animation:fadeUp .7s .4s ease both;flex-wrap:nowrap;align-items:stretch}
.hs{padding:0 22px 0 0;border-right:1px solid rgba(255,255,255,.15);margin-right:22px;flex-shrink:0}
.hs:last-child{border-right:none;padding-right:0;margin-right:0}
.hs-num{font-size:44px;font-weight:800;color:var(--g);line-height:1}
.hs-lbl{font-size:16px;color:rgba(255,255,255,.55);margin-top:4px;white-space:nowrap}
.hero-right{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;padding:60px 60px 60px 40px;animation:fadeIn 1s .3s ease both}
/* ── NDVI SATELLITE VISUAL ── */
.sat-frame{width:100%;max-width:540px;border-radius:16px;overflow:hidden;position:relative;box-shadow:0 24px 64px rgba(0,0,0,.7),0 0 0 1px rgba(93,200,64,.24)}
.sat-img{width:100%;height:420px;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;display:block;filter:saturate(1.1) brightness(.88)}
.sat-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(12,23,8,.75) 100%)}
/* NDVI colour patches painted via CSS */
.sat-patches{position:absolute;inset:0;pointer-events:none}
.sp{position:absolute;border-radius:4px;mix-blend-mode:multiply}
.sp1{top:12%;left:8%;width:22%;height:18%;background:rgba(50,205,50,.55);border:1.5px solid rgba(100,255,100,.5)}
.sp2{top:18%;left:33%;width:18%;height:22%;background:rgba(255,200,0,.5);border:1.5px solid rgba(255,200,0,.6)}
.sp3{top:8%;left:55%;width:25%;height:16%;background:rgba(50,205,50,.5);border:1.5px solid rgba(100,255,100,.45)}
.sp4{top:38%;left:10%;width:28%;height:20%;background:rgba(255,100,50,.45);border:1.5px solid rgba(255,120,80,.5)}
.sp5{top:32%;left:42%;width:20%;height:24%;background:rgba(50,220,80,.6);border:1.5px solid rgba(100,255,120,.55)}
.sp6{top:28%;left:65%;width:24%;height:18%;background:rgba(200,230,50,.5);border:1.5px solid rgba(200,230,50,.55)}
.sp7{top:55%;left:22%;width:32%;height:18%;background:rgba(50,180,50,.45);border:1.5px solid rgba(80,210,80,.4)}
.sp8{top:50%;left:58%;width:26%;height:22%;background:rgba(255,180,0,.45);border:1.5px solid rgba(255,180,0,.5)}
/* scan animation */
.scan-line{position:absolute;left:0;right:0;height:2px;z-index:3;background:linear-gradient(90deg,transparent,rgba(93,200,64,.75),transparent);animation:scanAnim 3.5s linear infinite}
@keyframes scanAnim{from{top:0;opacity:.9}85%{opacity:.9}to{top:100%;opacity:0}}
/* floating metric cards */
.mc{position:absolute;z-index:4;background:var(--ow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(93,200,64,.28);border-radius:10px;padding:10px 14px}
.mc1{top:14px;left:14px}.mc2{top:14px;right:14px}.mc3{bottom:14px;right:14px}
.mc-lbl{font-size:10px;font-weight:500;color:var(--mu);text-transform:uppercase;letter-spacing:.6px;margin-bottom:3px}
.mc-val{font-size:17px;font-weight:700;color:var(--g);line-height:1}
.mc-val.warn{color:var(--o)}
.mc-val.warning{color:var(--yl)}
.mc-sub{font-size:11px;color:var(--mu);margin-top:2px}
/* NDVI legend */
.ndvi-legend{position:absolute;bottom:14px;left:20px;z-index:4;display:flex;align-items:center;gap:6px;background:rgba(18,32,13,.88);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.10);border-radius:8px;padding:6px 10px}
.ndvi-bar{width:80px;height:8px;border-radius:4px;background:linear-gradient(90deg,#d73027,#fc8d59,#fee08b,#d9ef8b,#91cf60,#1a9850)}
.ndvi-label{font-size:9px;color:var(--mu);letter-spacing:.5px;font-weight:600}
@keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
h2.st span{
    margin: auto;
    background-image: url('../images/title-underline.svg');
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-bottom: 10px;
    background-size: 100%;
    display: inline-block;
    color: #113008;
}

/* ── TRUST BAR ── */
.trust-bar{background: rgba(140,198,63,.08);border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);padding:22px 0;overflow:hidden}
.trust-inner{display:flex;align-items:center;padding:0 48px;gap:10px;flex-wrap:wrap}
.trust-label{font-size:14px;font-weight:600;color:var(--mu);text-transform:uppercase;letter-spacing:1.5px;white-space:nowrap;margin-right:36px;flex-shrink:0}
.trust-logos{display:flex;align-items:center;flex:1;flex-wrap:wrap}
.trust-item{flex-shrink:0;padding:8px 15px;border-right:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center}
.trust-item:last-child{border-right:none}
.trust-item img{height:80px;width:80px;max-width:100%;-o-object-fit:contain;object-fit:contain;transition:filter .3s}
.trust-item img:hover{filter:grayscale(0) brightness(1) opacity(.95)}
.trust-txt{font-size:12px;font-weight:700;color:rgba(240,237,230,.28);transition:color .25s;cursor:default;white-space:nowrap;letter-spacing:.5px}
.trust-txt:hover{color:rgba(240,237,230,.7)}

/* ── SUITE ── */
.suite-section{background: url('../images/testimonial-bg.svg'); background-color:var(--w);padding:100px 0;    background-repeat: no-repeat;}
.suite-header{text-align:center;margin-bottom:56px}
.badge360{display:inline-flex;flex-direction:column;align-items:center;background:linear-gradient(135deg,rgba(93,200,64,.16),rgba(61,160,32,.08));border:1px solid rgba(93,200,64,.30);border-radius:16px;padding:14px 30px;margin-bottom:26px;position:relative}
.badge360-1{display:inline-flex;flex-direction:column;align-items:center;background:var(--yl);border:1px solid rgba(93,200,64,.30);border-radius:16px;padding:14px 30px;margin-bottom:26px;position:relative}

.n360{font-size:50px;font-weight:800;color:var(--dk);line-height:1;letter-spacing:-2px}
.n360 sup{font-size:20px;vertical-align:super;color:var(--g)}
.l360{font-size:12px;font-weight:700;color:var(--dk);letter-spacing:2px;text-transform:uppercase;margin-top:2px}
.badge360::after{content:"WORLD'S FIRST";position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:var(--o);color:#fff;font-size:9px;font-weight:700;letter-spacing:1.5px;padding:3px 10px;border-radius:100px;white-space:nowrap}
.badge360-1::after{content:"WORLD'S FIRST";position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:var(--dk);color:var(--w);font-size:9px;font-weight:700;letter-spacing:1.5px;padding:3px 10px;border-radius:100px;white-space:nowrap}

.journey{display:flex;align-items:center;justify-content:center;gap:0;margin:28px 0 44px;flex-wrap:wrap}
.jpill{background:var(--o);color:#fff;font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;padding:7px 18px;border-radius:100px}
.jpill-two{background: var(--yl);color: var(--dk);font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;padding:7px 18px;border-radius:100px}

.jarr{color:var(--yl);font-size:15px;margin:0 7px}
.tr{margin-bottom:34px}
.tr-lbl{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.tr-badge{font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;padding:4px 12px;border-radius:100px}
.t1b{background:rgba(93,200,64,.14);color:var(--g);border:1px solid rgba(93,200,64,.26)}
.t2b{background:rgba(93,200,64,.10);color:rgba(117,216,88,.90);border:1px solid rgba(93,200,64,.20)}
.t3b{background:rgba(244,124,42,.11);color:var(--o);border:1px solid rgba(244,124,42,.23)}
.t1y{background: var(--yl);color: var(--dk);border:1px solid rgba(93,200,64,.26)}
.t2y{background: var(--yl);color: var(--dk);border:1px solid rgba(93,200,64,.20)}
span.tr-badge.t3y{background:rgba(244, 237, 42, 0.26);color:var(--dk);border:1px solid rgba(244, 237, 42, 0.26)}
.tr-title{font-size:14px;font-weight:700;color:var(--dk)}
.tr-line{flex:1;height:1px;background:var(--dk)}
.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
/* ── PRODUCT CARDS — FLIP BOX ── */
.pc{border-radius:var(--r);display:flex;flex-direction:column;position:relative;cursor:pointer;perspective:1000px;height:220px;box-shadow:none;transform:none}
.pc::after{display:none;border-color: var(--yl);}
.pc:hover{transform:none;box-shadow:none;border-color: var(--yl);}

/* ── FLIP INNER WRAPPER ── */
.pc-flip{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.4,0,.2,1)}


.pc:hover .pc-flip,
.pc.flipped .pc-flip{transform:rotateY(180deg)}

/* ── SHARED FACE STYLES ── */
.pc-front,.pc-back{position:absolute;inset:0;border-radius:var(--r);backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;display:flex;flex-direction:column}

/* ── FRONT FACE ── */
/* .pc-front{background:var(--yl);border:1px solid rgba(255,255,255,.09)} */
.pc-front::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;transform:scaleX(0);transform-origin:left;transition:transform .3s}
.pc:hover .pc-front::after{transform:scaleX(1)}
.t3y .pc-front::after{background:var(--yl)}
.t3c .pc-front::after{background:var(--yl)}

/* ── BACK FACE ── */
.pc-back{background:var(--dk);border:1px solid rgba(233,228,84,.3);transform:rotateY(180deg);padding:20px;justify-content:center;gap:12px}
.t3c .pc-back{background:var(--yl)}
.t3y .pc-back{background:var(--dk)}

/* ── IMAGE WRAP (front only) ── */
.pc-img-wrap{position:relative;height:130px;overflow:hidden;flex-shrink:0}
.pc-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:brightness(.55) saturate(1.2);transition:transform .4s,filter .4s}
.pc-img-overlay{position:absolute;inset:0;}
.pc-img-icon{display:none}

/* ── FRONT BODY ── */
.pc-body{padding:16px 16px 14px;display:flex;flex-direction:column;flex:1;background-color: var(--dk);}

/* ── PRODUCT NAME ── */
.pn{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;line-height:1.3}
.pc-front .pn{color:var(--w);margin-bottom:6px}
.pc-back .pn{color:var(--w);margin-bottom:8px;font-size:12px}

/* ── DESCRIPTION (back only) ── */
.pd{font-size:14px;line-height:1.55;flex:1;color:var(--w);}

/* ── LINK (back only) ── */
.pl{font-size:11px;font-weight:600;transition:color .2s;color:var(--w);display:inline-flex;align-items:center;gap:5px;margin-top:auto}
.pl:hover{opacity:.7}
.pl.o{font-size:14px}.pl.y{font-size:14px}

.suite-cta{text-align:center;padding:12px 0 0;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}

/* ── MOBILE: disable flip, show all content ── */
/* @media(hover:none){
  .pc{height:auto;perspective:none}
  .pc-flip{transform:none!important;transform-style:flat;position:static;display:flex;flex-direction:column}
  .pc-front{display:none}
  .pc-back{position:static;backface-visibility:visible;-webkit-backface-visibility:visible;transform:none;padding:16px}
} */

/* ── PROVEN RESULTS ── */
.roi-section{background:rgba(140,198,63,.08);padding:100px 0;position:relative;overflow:hidden}
/* .roi-bg{position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1589923188900-85dae523342b?w=1600&q=80') center/cover no-repeat;opacity:.06} */
.roi-in{position:relative;z-index:2}
.roi-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.roi-mets{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:28px}
.roi-card{background:var(--w);border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:22px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-left:3px solid var(--g)}
.roi-card.or-card{border-left-color:var(--o)}
.roi-card.yl-card{border-left-color:var(--yl)}
.rv{font-size:34px;font-weight:800;line-height:1;margin-bottom:4px}
.rv.gn{color:var(--g)}.rv.or{color:var(--o)}.rv.yl{color:var(--yl)}
.rl{font-size:13px;color:var(--mu)}
.rq{background:var(--w);border-left:3px solid var(--g);border-radius:0 10px 10px 0;padding:20px 24px;margin-bottom:24px}
.rq p{font-size:15px;font-style:italic;color:var(--mu);line-height:1.7;margin-bottom:10px}
.rq cite{font-size:12px;color:var(--mu);font-style:normal}
/* agriculture land image for ROI */
.roi-img-wrap{position:relative;border-radius:16px;overflow:hidden;box-shadow:var(--sh)}
.roi-img{width:100%;height:400px;-o-object-fit:cover;object-fit:cover;filter:brightness(.75) saturate(1.2);display:block;transition:transform .4s}
.roi-img-wrap:hover .roi-img{transform:scale(1.03)}
.roi-img-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(12,23,8,.7) 100%)}
.roi-img-badge{position:absolute;bottom:20px;left:20px;right:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.rib{background:var(--w);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(93,200,64,.25);border-radius:10px;padding:12px;text-align:center}
.rib-val{font-size:20px;font-weight:800;color:var(--g);line-height:1}
.rib-lbl{font-size:14px;color:var(--mu);margin-top:3px}
.roi-ctas{display:flex;gap:12px;flex-wrap:wrap}

/* ── INDUSTRIES ── */
.industry-heading-section{
  text-align:center;margin-bottom:52px
}
.ind-section{background: url('../images/testimonial-bg.svg');background-color:var(--w);padding:100px 0}
.ind-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
/* ── INDUSTRY CARDS — FLIP BOX ── */
.ind-card{background:url('../images/counter-bg.svg') center 55%/cover no-repeat;border-radius:var(--r);overflow:visible;position:relative;cursor:pointer;perspective:1000px;height:260px}
.ind-card::after{display:none}
.ind-card:hover{transform:none;box-shadow:none;border-color:transparent}

/* ── FLIP INNER ── */
.ind-flip{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.4,0,.2,1)}
/* .ind-card:hover .ind-flip{transform:rotateY(180deg)} */
.ind-card:hover .ind-flip,
.ind-card.flipped .ind-flip{transform:rotateY(180deg)}

/* ── SHARED FACE ── */
.ind-front,.ind-back{position:absolute;inset:0;border-radius:var(--r);backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;display:flex;flex-direction:column}

/* ── FRONT ── */
.ind-front{background:var(--mcg);border:1px solid rgba(255,255,255,.09)}
.ind-front::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:left;transition:transform .3s}
.ind-card:hover .ind-front::after{transform:scaleX(1)}

/* ── BACK ── */
.ind-back{background: var(--mcg);transform:rotateY(180deg);padding:22px;justify-content:center;gap:14px}

/* ── IMAGE WRAP ── */
.ind-img-wrap{position:relative;height:160px;overflow:hidden;flex-shrink:0}
.ind-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:brightness(.55) saturate(1.1);transition:transform .4s,filter .4s}
.ind-img-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(12,23,8,.85) 100%)}
.ind-img-icon{position:absolute;bottom:12px;left:14px;font-size:22px;width:36px;height:36px;object-fit:contain}

/* ── FRONT BODY ── */
.ind-body{padding:18px;display:flex;flex-direction:column;flex:1}

/* ── NAME ── */
.ind-name{font-size:14px;font-weight:700;margin-bottom:10px}
.ind-front .ind-name{color:var(--w);font-size: 16px;}
.ind-back .ind-name{color:var(--w);font-size:15px;margin-bottom:6px}

/* ── LIST ── */
.ind-list{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}
.ind-list li{font-size:15px;padding-left:14px;position:relative;line-height:1.5}
.ind-front .ind-list li{color:var(--mu)}
.ind-back .ind-list li{color:var(--w)}
.ind-front .ind-list li::before{content:'›';position:absolute;left:0;color:var(--g);font-weight:700}
.ind-back .ind-list li::before{content:'›';position:absolute;left:0;color:var(--w);font-weight:700}
ul.ind-list {
    padding-left: 0;
}
.ind-list ul{
    padding-left: 0;
}

/* ── LINK ── */
.ind-link{font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:5px;margin-top:auto;transition:opacity .2s}
.ind-front .ind-link{color:var(--g)}
.ind-front .ind-link:hover{color:var(--gh)}
.ind-back .ind-link{color:var(--yl)}
.ind-back .ind-link:hover{opacity:.7}

/* ── MOBILE — show back only, hide front ── */
/* @media(hover:none){
  .ind-card{height:auto;perspective:none;background:#e9e454;border-radius:var(--r)}
  .ind-flip{transform:none!important;transform-style:flat;position:static;display:flex;flex-direction:column}
  .ind-front{display:none}
  .ind-back{position:static;backface-visibility:visible;-webkit-backface-visibility:visible;transform:none;padding:18px}
} */
 /* ── MOBILE — restore card dimensions for tap to work ── */
@media(hover:none){
  .ind-back,
  .pc-back{pointer-events:none}
  
  .ind-card.flipped .ind-back,
  .pc.flipped .pc-back{pointer-events:auto}
  
  .ind-card.flipped .ind-front,
  .pc.flipped .pc-front{pointer-events:none}
}

/* ── SCALE STATS ── */
.scale-section{background:var(--w)}
.scale-header{text-align:center;padding:80px 0 48px}
.scale-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--bd)}
.scale-col{padding:44px 48px;border-right:1px solid var(--mu)}
.scale-col:last-child{border-right:none}
.scale-col.feat{background:rgba(93,200,64,.06)}
.scale-items{display:flex;flex-direction:column;gap:0}
.scale-item{padding:22px 0}
.scale-item+.scale-item{border-top:1px solid var(--bd)}
.snum{font-size:44px;font-weight:800;color:var(--g);line-height:1;margin-bottom:4px}
.slbl{font-size:16px;color:var(--mu)}

/* ── AWARDS ── */
.awards-section{background:rgba(140,198,63,.08);padding:90px 0}
.awards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:52px}
.award-card{background: var(--w);border-top: 3px solid #5DC840;border-radius:var(--r);padding:24px 20px;text-align:center;transition:all .25s;position:relative;overflow:hidden}
.award-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--g),var(--gh));transform:scaleX(0);transform-origin:left;transition:transform .3s}
.award-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.4)}
.award-card:hover::before{transform:scaleX(1)}
.award-logo-wrap{height:44px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.award-logo{max-height:36px;max-width:120px;-o-object-fit:contain;object-fit:contain;transition:filter .3s}
.award-card:hover .award-logo{filter:grayscale(0) brightness(1) opacity(.9)}
.award-org{font-size:10px;font-weight:700;color:var(--g);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px}
.award-title{font-size:13px;font-weight:700;color:var(--mu);line-height:1.35;margin-bottom:8px}
.award-year{font-size:11px;color:var(--mu);background:rgba(255,255,255,.05);border-radius:100px;padding:3px 10px;display:inline-block}

/* ── FEATURED IN ── */
.media-section{background:var(--w);padding:70px 0}
.media-label{text-align:center;font-size:11px;font-weight:600;color:var(--mu);text-transform:uppercase;letter-spacing:1.8px;margin-bottom:36px}
.media-logos{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0}
.media-item{padding:10px 24px;border-right:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:center}
.media-item:last-child{border-right:none}
.media-logo{height:90px;width:90px;max-width:110px;-o-object-fit:contain;object-fit:contain;transition:filter .3s;display:block}
.media-logo:hover{filter:grayscale(0) brightness(1) opacity(.9)}
.media-txt{font-size:14px;font-weight:700;color:rgba(243,240,233,.35);transition:color .25s;cursor:default;white-space:nowrap;letter-spacing:.3px}
.media-txt:hover{color:rgba(243,240,233,.80)}
.media-forbes{font-style:italic;font-size:16px;letter-spacing:-.5px}
.media-yourstory{color:rgba(243,100,30,.45)}
.media-inc42{color:rgba(93,200,64,.45)}

/* ── DEMO FORM ── */
.demo-section{background:rgba(140,198,63,.08);padding:100px 0;position:relative;overflow:hidden}
.demo-bg{position:absolute;inset:0;background:var(--ow)}
.demo-in{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.demo-bens{display:flex;flex-direction:column;gap:14px;margin-top:28px}
.db{display:flex;align-items:flex-start;gap:12px}
.db-ico{width:32px;height:32px;flex-shrink:0;background:rgba(93,200,64,.15);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:15px;margin-top:2px}
.db-txt{font-size:14px;color:var(--mu);line-height:1.55}
.db-txt strong{color:var(--dk);display:block;font-size:16px;margin-bottom:2px}
.demo-form{background:var(--w);border:1px solid rgba(93,200,64,.18);border-radius:16px;padding:36px}
.demo-form h3{font-size:20px;font-weight:800;color:var(--dk);margin-bottom:24px}
.fr{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.fr.full{grid-template-columns:1fr}
.fg{display:flex;flex-direction:column;gap:6px}
.fg label{font-size:11px;font-weight:600;color:var(--mu);text-transform:uppercase;letter-spacing:.8px}
.fg input,.fg select{background:var(--ow);border:1px solid #D7E8D7;border-radius:8px;color:var(--mu);font-size:15px;padding:11px 14px;transition:border-color .2s;outline:none;width:100%}
.fg input:focus,.fg select:focus{border-color:var(--g)}
.fg input::-moz-placeholder{color:var(--mu)}
.fg input::placeholder{color:var(--mu)}
.fg select option{background:var(--cd)}
.fsub{width:100%;background:var(--dk);color:#fff;border:none;padding:14px;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer;margin-top:6px;transition:all .2s;box-shadow:var(--shg)}
.fsub:hover{background:rgba(140,198,63,.08);transform:translateY(-2px);color: var(--dk);border: 1px solid var(--dk)}
.fsub-two{width:100%;background:var(--yl);color:var(--dk);border:none;padding:14px;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer;margin-top:6px;transition:all .2s;box-shadow:var(--shg)}
.fsub-two:hover{background:var(--ylh);transform:translateY(-2px)}

.fnote{font-size:12px;color:var(--mu);text-align:center;margin-top:12px}

/* ── FOOTER ── */
footer{background:#0E1C0A;border-top:1px solid rgba(255,255,255,.07);padding:70px 0 40px}
.fg-grid{display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;gap:48px;margin-bottom:56px}
.fdesc{font-size:14px;color:var(--ow);line-height:1.7;max-width:260px;margin-top:12px}
.fso{display:flex;gap:10px;margin-top:14px}
.fsoc{width:34px;height:34px;background:rgba(255,255,255,.05);border:1px solid var(--bd);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;cursor:pointer;transition:all .2s;text-decoration:none;color:var(--ow)}
.fsoc:hover{background:rgba(140,198,63,.12);border-color:var(--bdg);color:var(--g)}
.fc h5{font-size:12px;font-weight:700;color:var(--ow);text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}
.fl{display:flex;flex-direction:column;gap:9px}
ul.fl {padding-left: 0;}
.fl a{font-size:13px;color:var(--ow);transition:color .2s}
.fl a:hover{color:var(--g)}
.fbot{border-top:1px solid var(--bd);padding-top:28px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}
.fbot p{font-size:12px;color:var(--ow)}
.fbadges{display:flex;gap:10px;flex-wrap:wrap}
.fbadge{background:var(--ow);border:1px solid var(--bd);border-radius:6px;padding:6px 12px;font-size:11px;color:var(--mu);font-weight:600}

/* ── RESPONSIVE ── */
@media(max-width:1024px){
  .g4{grid-template-columns:repeat(2,1fr)}
  .ind-grid{grid-template-columns:repeat(2,1fr)}
  .awards-grid{grid-template-columns:repeat(2,1fr)}
  .scale-grid{grid-template-columns:1fr 1fr}
  .scale-col:nth-child(3){border-right:none;border-top:1px solid var(--bd)}
  .fg-grid{grid-template-columns:1fr 1fr}
  nav{padding:0 24px}
}
@media(max-width:768px){
  /* .nav-links,.nav-right{display:none}
  .nav-ham{display:flex;  z-index: 1001; }
  .nav-ham span{background:#5dc840} */
  .hero{grid-template-columns:1fr;min-height:auto}
  /* .hero-right{display:none} */
  .hero-left{padding:40px 0}
  .g4,.g3{grid-template-columns:1fr 1fr}
  .ind-grid{grid-template-columns:1fr 1fr}
  .roi-grid,.demo-in{grid-template-columns:1fr;gap:40px}
  .scale-grid{grid-template-columns:1fr}
  .scale-col{border-right:none;border-bottom:1px solid var(--bd);padding:32px 24px}
  .fg-grid{grid-template-columns:1fr}
  .trust-inner{padding:0 20px}
  .awards-grid{grid-template-columns:1fr 1fr}
  .media-logos{gap:0}
  .media-item{padding:8px 16px}
  .con{padding:0 20px}
}

.mobile-menu {
    display: none;
  }
 
@media(max-width:480px){
  .g4,.g3{grid-template-columns:1fr}
  .ind-grid{grid-template-columns:1fr}
  .awards-grid{grid-template-columns:1fr}
  .hero-stats{gap:16px}
  .hs{padding:0 16px 0 0;margin-right:16px}
  .roi-img-badge{grid-template-columns:1fr 1fr}
}


/* ── CONSOLIDATED EXTRA RESPONSIVE & MOBILE OPTIMIZATION ── */

/* Tablet & Smaller Screens */
@media (max-width: 991px) {
  .g4, .g3 {
    grid-template-columns: repeat(2, 1fr); /* 2 columns on tablets */
    gap: 12px;
  }
}

/* Standard Mobile Optimization (768px) */
@media (max-width: 768px) {
  /* 1. Hero Layout Centering */
  .hero {
    display: flex;
    flex-direction: column;
    text-align: center;
    padding-top: 100px;
  }
  
  .hero-left {
    padding: 20px;
    align-items: center;
  }

  .hero-sub {
    margin-left: auto;
    margin-right: auto;
  }

  .hero-ctas {
    justify-content: center;
  }

  /* 2. Hero Stats: Clean 2-Column Grid */
  .hero-stats {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 24px 10px !important;
    padding: 20px !important;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 12px;
    width: 100%;
    justify-content: center;
  }

  .hs {
    border-right: none !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: center;
  }

  /* 3. Satellite Image Scaling */
  .hero-right {
    padding: 20px;
  }
  
  .sat-frame {
    max-width: 100%;
    height: auto;
  }

  .sat-img {
    height: 300px;
  }

  .mc-val {
    font-size: 14px;
  }

  /* 4. Journey Pills: Row-wise (Vertical Stack) with breathing room */
  .journey {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 12px !important;
    margin-top: 40px !important;
  }

  .jpill {
    width: 100%;
    max-width: 280px;
    text-align: center;
    padding: 12px 20px !important;
    font-size: 13px !important;
    box-shadow: 0 4px 15px rgba(244, 124, 42, 0.2); /* Orange Pulse Shadow */
  }

  .jarr {
    display: none !important; /* Remove arrows to keep rows clean */
  }

  /* 5. ROI & Trust Bar Adjustments */
  .roi-mets {
    grid-template-columns: 1fr;
  }
  
  .roi-img {
    height: 300px;
  }

  .trust-inner {
    flex-direction: column !important;
    gap: 30px !important;
  }

  .trust-logos {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
    width: 100%;
  }

  .trust-item {
    border-right: none !important;
    padding: 10px !important;
    justify-content: center !important;
  }
}

/* Small Phones (600px) */
@media (max-width: 600px) {
  .g4, .g3 {
    grid-template-columns: 1fr;
  }
  
  .st {
    font-size: 28px;
  }
  
  .suite-header .n360 {
    font-size: 40px;
  }
}

/* Extra Tight Fix for very small devices (480px) */
@media (max-width: 480px) {
  .hero-stats {
    grid-template-columns: 1fr !important; /* Stack stats in a single row */
  }
}

/* Helper for Carousel display */
.trust-logos.owl-carousel {
  display: flex !important;
  align-items: center;
}

/* ── END CONSOLIDATED CSS ── */
/*navbar*/
.navbar-custom {
    background-color: #ffffff !important;
}
.navbar-toggler:focus {
    outline: none;
    border: none;
    box-shadow: none;
    color: #fff !important;
}
.header-cta > div {
    display: inline-block;
}
.navbar-toggler {
    border: none;
        position: relative;
}
.navbar-toggler span {
    display: block;
    background-color: #4D6802;
    height: 3px;
    width: 15px;
    margin-top: 4px;
    margin-bottom: 4px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    position: relative;
    left: 0;
    opacity: 1;
}

.navbar-toggler span:nth-child(1),
.navbar-toggler span:nth-child(3) {
   -webkit-transition: transform .35s ease-in-out;
   -moz-transition: transform .35s ease-in-out;
   -o-transition: transform .35s ease-in-out;
   transition: transform .35s ease-in-out;
}
.navbar-toggler span:nth-child(2) {
    width: 15px;
}
.navbar-toggler span:nth-child(2) {
    width: 25px;
}
.navbar-toggler span:nth-child(3) {
    width: 15px;
        margin-left: auto;
}
.navbar-toggler:not(.collapsed) span:nth-child(1) {
    position: absolute;
    left: 12px;
    top: 10px;
    width: 25px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    opacity: 0.9;
}

.navbar-toggler:not(.collapsed) span:nth-child(2) {
    height: 12px;
    visibility: hidden;
    background-color: transparent;
}

.navbar-toggler:not(.collapsed) span:nth-child(3) {
    position: absolute;
    left: 12px;
    top: 10px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    opacity: 0.9;
    width: 25px;
}
.navbar-bg {
    background-color: #ffffff !important;
}
.header-cta-1 {
    font-size: 12px;
    font-weight: 700;
    padding: 10px 17px;
    line-height: 1;
    border: 1px solid #113008;
    border-radius: 100px;
    background-color: #E9E454;
    margin-right: 20px;
}
.header-cta-2 {
    font-size: 12px;
    font-weight: 700;
    padding: 10px 17px;
    line-height: 1;
    border: 1px solid #113008;
    border-radius: 100px;
    margin-right: 20px;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    padding: 0px 20px 0px 20px;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
    text-align: center;
}
@media (max-width: 767px) {
    body {
        font-size: 14px;
    }
    div#navbarNavDropdown {
    background-color: #113008;
    color: #fff;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
}
#navbarNavDropdown .navbar-nav .nav-link.active {
    color: #FCF6F0;
}
#navbarNavDropdown .nav-link {
        color: #FCF6F0;
        margin-bottom: 0px;
}
.navbar>.container-fluid {
    padding-left: 0;
    padding-right: 0;
}
.header-cta > div {
    display: block;
    text-align: center;
    margin-bottom: 40px;
}
.header-cta-1 {
    background-color: #e9e454;
    margin-right: 0;
    display: inline-block;
    color: var(--dk);
}
.header-cta-2 {
        margin-right: 0;
        background-color: transparent;
        display: inline-block;
        border: 2px solid #e9e454;
}
.menu-main-menu-container .dropdown-menu li .dropdown-item {
    color: #fcf6f0;
    text-align: center;
    font-size: 12px;
    line-height: 1;
    padding: 7px 0;
}
.menu-main-menu-container .dropdown-menu {
    background: transparent;
    color: #fcf6f0;
    text-align: center;
    padding-top: 0;
    margin-top: 0;
}
.menu-main-menu-container >ul >.nav-item {
    margin-bottom: 15px;
}
}
@media (min-width:768px) and (max-width: 1025px) {
       div#navbarNavDropdown {
    background-color: #113008;
    color: #fff;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
}
#navbarNavDropdown .navbar-nav .nav-link.active {
    color: #FCF6F0;
}
#navbarNavDropdown .nav-link {
        color: #FCF6F0;
        margin-bottom: 30px;
}
.navbar>.container-fluid {
    padding-left: 0;
    padding-right: 0;
}
.header-cta > div {
    display: block;
    text-align: center;
    margin-bottom: 40px;
}
.header-cta-1 {
    background-color: #e9e454;
    margin-right: 0;
    display: inline-block;
}
.header-cta-2 {
    margin-right: 0;
    background-color: #FCF6F0;
    display: inline-block;
}
}

/*New product Page*/
/* ─── HERO ─── */
.hero-product{position:relative;padding:100px 48px 0;overflow:hidden;background:var(--dk)}
/* animated satellite grid */
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(122,181,61,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(122,181,61,.06) 1px,transparent 1px);background-size:48px 48px;animation:gridDrift 20s linear infinite}
@keyframes gridDrift{from{background-position:0 0}to{background-position:48px 48px}}
/* radial glow layers */
.hero-glow1{position:absolute;top:-120px;left:50%;transform:translateX(-50%);width:800px;height:600px;background:radial-gradient(ellipse,rgba(122,181,61,.15) 0%,transparent 65%);pointer-events:none}
.hero-glow2{position:absolute;bottom:-60px;left:10%;width:400px;height:400px;background:radial-gradient(circle,rgba(26,111,212,.1) 0%,transparent 65%);pointer-events:none}
.hero-glow3{position:absolute;bottom:-40px;right:8%;width:320px;height:320px;background:radial-gradient(circle,rgba(243,113,33,.08) 0%,transparent 65%);pointer-events:none}
/* scanline texture */
.hero-scan{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.04) 3px,rgba(0,0,0,.04) 4px);pointer-events:none;z-index:1}
.hero-inner{position:relative;z-index:2;max-width:900px;margin:0 auto;text-align:center;padding-bottom:60px}
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(122,181,61,.1);border:1px solid rgba(122,181,61,.25);border-radius:100px;padding:6px 16px;font-size:11.5px;font-weight:600;color:var(--gh);letter-spacing:.08em;text-transform:uppercase;margin-bottom:28px}
.pulse{width:6px;height:6px;border-radius:50%;background:var(--g);animation:pulse 2s ease infinite;box-shadow:0 0 0 0 rgba(122,181,61,.4)}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(122,181,61,.4)}50%{box-shadow:0 0 0 6px rgba(122,181,61,.0)}}
.hero-product h1{font-size:64px;font-weight:800;color:#fff;margin-bottom:22px;line-height:1.2}
.hero-product h1 i{font-style:normal;background:linear-gradient(135deg,var(--g),var(--gh));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-sub{font-size:18px;color:rgba(255,255,255,.6);line-height:1.8;max-width:660px;margin:0 auto 40px;font-weight:400}
.hero-sub strong{color:rgba(255,255,255,.9);font-weight:600}
.hero-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:56px}

/*product stats section*/
.hero-stats.product-stats-section {
    justify-content: center;
    background-color: var(--w);
    padding: 40px 0;
    text-align: center;
    gap: 30px;
}
.product-stats-section .hs-lbl {
    color: var(--mu);
}

/* ─── PHILOSOPHY ─── */
.philosophy{background-color:rgba(140,198,63,.08);padding:100px 0}
/* decorative circles */
.phi-orb1{position:absolute;top:-80px;right:-80px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(122,181,61,.07),transparent 70%);pointer-events:none}
.phi-orb2{position:absolute;bottom:-60px;left:-60px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(26,111,212,.06),transparent 70%);pointer-events:none}
.phi-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.15fr 1fr;gap:72px;align-items:start}
.phi-eyebrow {
    font-size: 11px;
    font-weight: 800;
    color: var(--dk);
    background-color: var(--mcy);
    padding: 7px 18px;
    border-radius: 25px;
    text-transform: uppercase;
    letter-spacing: .12em;
    margin-bottom: 14px;
    display: inline-block;
    align-items: center;
    gap: 8px;
}
.phi-left h2{font-size:clamp(28px,3.5vw,46px);font-weight:800;color:var(--ink);margin-bottom:18px}
.phi-left p{font-size:16px; color: var(--dk);;line-height:1.8;margin-bottom:28px;max-width:480px}
.phi-points{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}
.pp{display:flex;gap:14px;align-items:flex-start;padding:16px;border-radius:12px;background:var(--yl);border:1px solid var(--border);transition:.2s; min-height: 100px;}
.pp:hover{border-color:var(--mu);box-shadow:0 4px 16px rgb(1 1 1 / 10%);transform:translateX(4px)}
.pp-ico{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;font-size:16px;flex-shrink:0; border: 1px solid var(--mu); padding: 10px;}
.pp-ico.g{background:linear-gradient(135deg,var(--t1bg),#C8E890)}
.pp-ico.b{background:linear-gradient(135deg,var(--t2bg),#A8CCEC)}
.pp-ico.o{background:linear-gradient(135deg,var(--t3bg),#F8C890)}
.pp-title{font-size:14.5px;font-weight:700;color:var(--ink);margin-bottom:3px}
.pp-desc{font-size:14px;color:#5A6E4A;line-height:1.55}
.phi-right{display:flex;flex-direction:column;gap:12px}
.phi-right-label{font-size:11px;font-weight:800;color:var(--dk);text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px}
/* .journey-pill-data{background-color: var(--ow);padding: 20px; border-radius:8px ;} */
.jpill-two.data-jpill{padding: 8px 7px;letter-spacing: 0;font-size: 10px;}
.journey.data-journey{flex-wrap: nowrap;}
.pp-desc-data {font-size: 18px;color: var(--dk);margin-bottom: 28px;}


/* ─── FILTER BAR ─── */
.fb-inner{max-width:1160px;margin:0 auto;padding:0 48px;height:52px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.tier-btns{display:flex;gap:4px;background-color: var(--dk);border-radius: 25px;padding: 6px 10px}
.tb{padding:5px 15px;border-radius:100px;font-size:13px;font-weight:600;border:1.5px solid transparent;cursor:pointer;background:transparent;color:var(--ow);transition:.15s}
.tb:hover{background:var(--ylh);color:var(--dk)}
.tb.sa{background:var(--yl);color:var(--dk);border-color:var(--mu)}
.tb.st1{background:var(--yl);color:var(--dk);border-color:var(--mu)}
.tb.st2{background:var(--yl);color:var(--dk);border-color:var(--mu)}
.tb.st3{background:var(--yl);color:var(--dk);border-color:var(--mu)}
.fb-r{display:flex;align-items:center;gap:10px}
.fc-ct{font-size:13px;color:#9AAC8C}
.vt{display:flex;gap:2px;background:var(--bg2);border-radius:8px;padding:3px}
.vb{width:30px;height:28px;border:none;background:transparent;border-radius:6px;cursor:pointer;display:grid;place-items:center;color:#9AAC8C;transition:.14s}
.vb.on{background:#fff;color:var(--ink);box-shadow:0 1px 4px rgba(0,0,0,.08)}

/* ─── BODY ─── */
.product-body{max-width:1160px;margin:0 auto;padding:52px 48px 100px}

/* STANDALONE BAR */
.solo-bar{background: var(--dk);color: var(--ow);border:1.5px solid var(--border);border-radius:16px;padding:20px 28px;display:flex;align-items:center;gap:18px;margin-bottom:52px;box-shadow:var(--shadow);position:relative;overflow:hidden}
.solo-bar::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--g),var(--gl))}
.sb-ico{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--t1bg),#C8EC88);border:1px solid var(--t1b);display:grid;place-items:center;font-size:20px;flex-shrink:0}
.sb-tx h4{font-size:16px;font-weight:700;color:var(--ink);margin-bottom:4px}
.sb-tx p{font-size:13.5px;color:var(--w);line-height:1.5}
.sb-tags{display:flex;gap:7px;flex-wrap:wrap;margin-left:auto;flex-shrink:0}
.sbt{background:var(--yl);font-size:11px;font-weight:700;padding:4px 12px;border-radius:100px;text-transform:uppercase;letter-spacing:.05em;color: var(--dk);}
.sbt.g{background:var(--t1bg);color:var(--t1);border:1px solid var(--t1b)}
.sbt.b{background:var(--t2bg);color:var(--t2);border:1px solid var(--t2b)}
.sbt.o{background:var(--t3bg);color:var(--t3);border:1px solid var(--t3b)}


/* ─── FILTER PRODUCTS SECTION ─── */
.filter-products { padding: 60px 0; background: url('../images/testimonial-bg.svg'); background-color: var(--w); background-repeat: no-repeat;}

/* ─── TIER SECTION ─── */
.tier-sec { margin-bottom: 64px; }
.tier-hd {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 24px;
  padding-bottom: 18px;
  border-bottom: 2px solid var(--border);
}
.tn {
  width: 40px;
  height: 40px;
  border-radius: 11px;
  display: grid;
  place-items: center;
  font-size: 14px;
  font-weight: 800;
  flex-shrink: 0;
}
.t1 .tn { background: rgba(93,200,64,.14); color: var(--g); border: 1.5px solid rgba(93,200,64,.26); }
.t2 .tn { background: rgba(93,200,64,.10); color: var(--gh); border: 1.5px solid rgba(93,200,64,.20); }
.t3 .tn { background: rgba(244,124,42,.11); color: var(--o); border: 1.5px solid rgba(244,124,42,.23); }
.tm { flex: 1; }
.tm h2 { font-size: 20px; font-weight: 800; color: var(--dk); }
.tm p  { font-size: 16px; color: var(--mu); margin-top: 2px; }
.tbadge {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  padding: 5px 13px;
  border-radius: 100px;
}
.t1 .tbadge { background: rgba(93,200,64,.14);  color: var(--g);  border: 1px solid rgba(93,200,64,.26); }
.t2 .tbadge { background: rgba(93,200,64,.10);  color: var(--gh); border: 1px solid rgba(93,200,64,.20); }
.t3 .tbadge { background: rgba(244,124,42,.11); color: var(--o);  border: 1px solid rgba(244,124,42,.23); }

/* ─── TR LABEL ROW (overrides suite .tr styles above) ─── */
.tier-sec .tr { width: 100%; margin-bottom: 0; }
.tier-sec .tr-lbl {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
}
.tier-sec .tr-title {
  font-size: 15px;
  font-weight: 700;
  color: var(--dk);
}
.tier-sec .tr-line {
  flex: 1;
  height: 1px;
  background: var(--border);
}

/* ─── PRODUCTS GRID ─── */
.filter-products-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
.filter-products-grid.g3 {
  grid-template-columns: repeat(3, 1fr);
}

/* ─── PRODUCT CARD — FLIP ─── */
.filter-products-grid .pc {
  height: 880px;
  border: 1.5px solid var(--border);

}

.filter-products-grid .pc-back {
  background: var(--dk);
  padding: 20px;
  justify-content: center;
  gap: 12px;
}

.filter-products-grid .pc-back .pn { color: #fff; font-size: 13px; }
.filter-products-grid .pl {
  font-size: 12px;
  font-weight: 700;
  color: var(--yl);
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: auto;
  transition: gap .15s;
}
.filter-products-grid .pl:hover { gap: 10px; opacity: 1; }
.filter-products-grid .pl.y { color: var(--o); }

/* t3 card back accent */
.filter-products-grid .pc.t3y .pc-back { background: var(--dk); }
.filter-products-grid .pc.t3y .pl      { color: var(--o); }

/* ─── LIST VIEW ─── */
.filter-products-grid.ls {
  grid-template-columns: 1fr;
  gap: 8px;
}
.filter-products-grid.ls .pc {
  height: auto;
  min-height: unset;
}
.filter-products-grid.ls .pc-flip {
  transform: none !important;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  min-height: unset;
}
.filter-products-grid.ls .pc-front {
  position: relative;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: auto;
  transform: none;
  backface-visibility: visible;
  -webkit-backface-visibility: visible;
}
.filter-products-grid.ls .pc-back { display: none; }
/* .filter-products-grid.ls .pc-img-wrap {
  width: 80px;
  height: 80px;
  flex-shrink: 0;
  border-radius: 10px;
  margin: 12px;
  aspect-ratio: 1;
} */
.filter-products-grid.ls .pc-body {
  padding: 12px 16px 12px 0;
  background: var(--dk);
  flex-direction: row;
  align-items: center;
}
.filter-products-grid .pc-body {
  background: var(--dk);
}
.filter-products-grid.ls .pn { font-size: 13px; }
.pc-signals{background:var(--yl);border:1px solid var(--border);border-radius:10px;padding:11px 13px}
.sig-label{font-size:10px;font-weight:700;color:var(--dk);text-transform:uppercase;letter-spacing:.08em;margin-bottom:7px}
.sig-chips{display:inline-flex;gap:4px;flex-wrap:wrap; margin-bottom: 5px;}
.sc{font-size:11px;color:var(--dk);background:var(--ow);border:1px solid var(--mu);border-radius:6px;padding:2px 8px;font-weight:500}
/* metric */
.pc-front .pc-metric {
    margin-top: 10px;
}
.filter-products-grid .pc-front .pn{font-size: 14px;color: var(--ow);}
.pc-metric{display:inline-flex;align-items:center;gap:8px;border-radius:10px;padding:8px 12px;background:var(--ow);border:1px solid var(--mu)}
.mv{font-size:19px;font-weight:800;line-height:1}
.mv{color:var(--t1)}
.mv{color:var(--t2)}
.mv{color:var(--t3)}
.ml{font-size:12px;color:#7A8E6C;font-weight:500}
/* connects */
.pc-conn{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top: 10px;}
.pc-conn i.fa-arrow-right:before {
    color: var(--yl);
    font-size: 12px;
}
.cn-l{font-size:11px;color:var(--ow);font-weight:600;flex-shrink:0}
.cn-c{font-size:11px;background:var(--yl);border:1px solid var(--border);border-radius:6px;padding:2px 7px;color:#3D5230;font-weight:500}
/* footer */
.pc-foot{border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;margin-top:auto}
.pf-link{font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:5px;transition:.15s;text-decoration:none;color:var(--yl)}

.pf-link:hover{gap:9px}
.pf-api{font-size:11px;color:var(--ow);display:flex;align-items:center;gap:5px}
.ap{width:6px;height:6px;border-radius:50%;background:#22C55E;box-shadow:0 0 0 2px rgba(34,197,94,.2)}
.pc-caps ul {
    padding-left: 20px;
    list-style: disc;
}
.pc-caps ul li {
    font-size: 14px;
    color: var(--w);
}
.pc-caps p {
    font-size: 14px;
    line-height: 1.4;
    color: var(--w);
}
.pgrid.ls{grid-template-columns:1fr;gap:8px}
.pc.lv{flex-direction:row;border-radius:12px}
.pc.lv::after,.pc.lv::before{display:none}
.pc.lv .pc-accent{width:4px;height:auto;border-radius:12px 0 0 12px;flex-shrink:0}
.pc.lv .pc-body{flex-direction:row;align-items:center;gap:18px;padding:14px 18px;flex:1}
.pc.lv .pc-ico{width:200px;height:100%;font-size:18px}
.pc.lv .lv-main{flex:1;display:grid;grid-template-columns:160px 1fr;gap:16px;align-items:center}
.pc.lv .pc-signals,.pc.lv .pc-conn,.pc.lv .pc-tag{display:none}
.pc.lv .pc-foot{border:none;padding:0;margin:0;display: block;}
.pc.lv .pc-num{top:14px}


/* ─── RESPONSIVE ─── */
@media (max-width: 1024px) {
  .filter-products-grid           { grid-template-columns: repeat(3, 1fr); }
  .filter-products-grid.g3        { grid-template-columns: repeat(2, 1fr); }
  .product-body            { padding-left: 24px; padding-right: 24px; }
  .fb-inner                { padding-left: 24px; padding-right: 24px; }
}
@media (max-width: 768px) {
  .filter-products-grid           { grid-template-columns: repeat(2, 1fr); }
  .filter-products-grid.g3        { grid-template-columns: repeat(2, 1fr); }
  .tier-btns               { gap: 2px; overflow-x: auto; }
  .tb                      { padding: 4px 10px; font-size: 12px; white-space: nowrap; }
  .solo-bar                { flex-wrap: wrap; }
  .sb-tags                 { margin-left: 0;     display: contents;}
  .tier-hd                 { flex-wrap: wrap; display: inline-grid;}
}
@media (max-width: 480px) {
  .filter-products-grid,
  .filter-products-grid.g3        { grid-template-columns: 1fr; }
  .product-body            { padding-left: 16px; padding-right: 16px; }
  .fb-inner                { padding-left: 16px; padding-right: 16px; }
}


/* ─── AI ENGINE ─── */
.roi-mets-ai{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:28px}
.ai-sec{background:var(--ink);border-radius:24px;padding:64px 56px;margin-bottom:60px;position:relative;overflow:hidden}
/* animated orbs */
.ai-orb1{position:absolute;top:-100px;right:-100px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(122,181,61,.12),transparent 70%);animation:orbFloat 8s ease-in-out infinite}
.ai-orb2{position:absolute;bottom:-80px;left:-60px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(26,111,212,.1),transparent 70%);animation:orbFloat 10s ease-in-out infinite reverse}
.ai-orb3{position:absolute;top:40%;left:45%;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(243,113,33,.08),transparent 70%);animation:orbFloat 7s ease-in-out infinite 2s}
@keyframes orbFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}
/* animated data grid */
.ai-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(122,181,61,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(122,181,61,.04) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}
.ai-inner{max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.15fr 1fr;
    gap: 72px;
    align-items: start;}
.ai-l .eyebrow{font-size:11px;font-weight:700;color:var(--gl);text-transform:uppercase;letter-spacing:.12em;margin-bottom:14px;display:flex;align-items:center;gap:8px}
.ai-l .eyebrow::before{content:'';width:20px;height:2px;background:var(--g);border-radius:2px}
.ai-l h2{font-size:clamp(26px,3vw,46px);font-weight:800;color:var(--dk);margin-bottom:16px;line-height:1.1}
.ai-l h2 em{font-style:normal;color:var(--gl)}
.ai-l p{font-size:18px;color:var(--dk);line-height:1.8;margin-bottom:28px}
/* signal bars */
.sig-bars{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}
.sb-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}
.sb-info{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}
.sb-name{font-size:16px;color:var(--dk);font-weight:500}
.sb-val{font-size:13px;font-weight:700;color:var(--gl)}
.sb-track{height:5px;background:#2d2a2a14;border-radius:100px;overflow:hidden}
.sb-fill{height:100%;border-radius:100px;transition:width 1.5s cubic-bezier(.4,0,.2,1)}

/* model stat cards */
.ai-r{display:grid;grid-template-columns:2fr;gap:10px}
/* .mc{border-radius:14px;padding:20px 18px;position:relative;overflow:hidden} */
.mc::before{content:'';position:absolute;top:0;left:0;right:0;height:2px}
.mc.g{background:rgba(122,181,61,.08);border:1px solid rgba(122,181,61,.18)}
.mc.g::before{background:linear-gradient(90deg,var(--g),var(--gl))}
.mc.o{background:rgba(243,113,33,.08);border:1px solid rgba(243,113,33,.16)}
.mc.o::before{background:linear-gradient(90deg,var(--o),#FFB070)}
.mc.b{background:rgba(26,111,212,.08);border:1px solid rgba(26,111,212,.16)}
.mc.b::before{background:linear-gradient(90deg,var(--b),#70AAEC)}
.mc.w{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);grid-column:1/-1}
.mc.w::before{background:linear-gradient(90deg,var(--g),var(--b),var(--o))}
.mc-n{font-size:34px;font-weight:800;line-height:1;margin-bottom:5px}
.mc.g .mc-n{color:var(--gl)}
.mc.o .mc-n{color:#F4A060}
.mc.b .mc-n{color:#78B0F0}
.mc.w .mc-n{font-size:15px;color:rgba(255,255,255,.9);font-weight:700;line-height:1.4}
.mc-l{font-size:12.5px;line-height:1.5}
.mc.g .mc-l,.mc.o .mc-l,.mc.b .mc-l{color:rgba(255,255,255,.45)}
.mc.g .mc-l strong,.mc.o .mc-l strong,.mc.b .mc-l strong{color:rgba(255,255,255,.7);display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px}
.mc.w .mc-l{color:rgba(255,255,255,.4);margin-top:8px;font-size:12px}


/* ─── STANDALONE + TOGETHER ─── */
.flex-sec{background: url(../images/testimonial-bg.svg);
    background-color: var(--w);
    padding: 100px 0;
    background-repeat: no-repeat;}
/* .flex-sec::before{content:'';position:absolute;top:-60px;right:-60px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(122,181,61,.06),transparent 70%)}
.flex-sec::after{content:'';position:absolute;bottom:-40px;left:-40px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(26,111,212,.05),transparent 70%)} */
.fs-hd{text-align:center;margin-bottom:40px;position:relative;z-index:1}
.fs-hd h2{font-size:clamp(24px,3vw,44px);font-weight:800;color:var(--ink);margin-bottom:10px}
.fs-hd p{font-size:18px;color:var(--dk);max-width:600px;margin:0 auto}
.flex-cols{    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.2fr 1.2fr;
    gap: 72px;
    align-items: start;}
.fc-deploy{background:var(--dk);border:1px solid var(--border);border-radius:16px;padding:26px;height: 100%;}
.fc-hd{display:flex;align-items:center;gap:11px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--ow)}
.fc-ico{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:17px;flex-shrink:0}
.fc-ico.g{background:linear-gradient(135deg,var(--t1bg),#C8EC88)}
.fc-ico.d{background:var(--ink)}
.fc-hd h3{font-size:20px;font-weight:700;color:var(--w)}
.fc-hd p{font-size:18px;color:var(--w);margin-top:2px;margin-bottom: 0;}
.use-cases{display:flex;flex-direction:column;gap:10px}
.uc{background:var(--yl);border:1px solid var(--border);border-radius:11px;padding:14px 16px;transition:.2s}
.uc:hover{border-color:var(--g);box-shadow:0 2px 12px rgba(122,181,61,.08)}
.uc-buyer{font-size:18px;font-weight:700;color:var(--dk);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}
.uc-desc{font-size:16px;color:var(--dk);line-height:1.55;margin-bottom:8px}
.uc-prods{display:flex;gap:5px;flex-wrap:wrap}
.up{font-size:11px;padding:2px 8px;border-radius:5px;font-weight:600}
.up.g{background: var(--g);color: var(--dk);border: 1px solid var(--mu);}
.up.b{background:var(--gd);color:var(--w);border:1px solid var(--mu)}
.up.o{background:var(--o);color:var(--dk);border:1px solid var(--mu)}
.up.dk{background:var(--dk);color:var(--w)}



/* ─── API BAR ─── */
.api-bar-section{background-color: rgba(140,198,63,.08);padding: 60px 0;}
.api-bar{ max-width: 1200px;margin: 0 auto;display: grid;grid-template-columns: 4fr 1fr;gap: 72px;align-items: start;}
.api-bar::before{content:'';position:absolute;top:-80px;right:160px;width:300px;height:300px;background:radial-gradient(circle,rgba(122,181,61,.08),transparent 70%);pointer-events:none}
.ab-l h3{font-size:30px;font-weight:800;color:var(--dk);margin-bottom:7px}
.ab-l p{font-size:18px;color:var(--dk);line-height:1.7}
.ab-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}
.abc{font-size:12px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:7px;padding:5px 12px;color:rgba(255,255,255,.6);font-weight:500}
.abc.hl{background:rgba(122,181,61,.14);border-color:rgba(122,181,61,.28);color:var(--gl)}
.ab-r{display:flex;flex-direction:column;gap:9px;min-width:168px;position:relative;z-index:1}
.abtn{padding:12px 20px;border-radius:9px;font-size:14px;font-weight:700;text-align:center;cursor:pointer;border:none;transition:.15s;text-decoration:none;display:block}
.abtn.p{background:var(--o);color:#fff;box-shadow:0 2px 14px rgba(243,113,33,.34)}
.abtn.s{background:rgba(255,255,255,.07);color:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.12)}
.abtn.s:hover{background:rgba(255,255,255,.12)}
.api-bar.rev.in {
    grid-template-columns: 4fr 1fr;
}

/* ─── CTA ─── */
.cta-section-product{background: url('../images/testimonial-bg.svg'); background-color:var(--w);padding:100px 0;    background-repeat: no-repeat;text-align:center;}
.cta-inner{position:relative;z-index:2}
.cta-sec h2{font-size:clamp(30px,4.5vw,44px);font-weight:800;color:var(--dk);margin-bottom:14px}
.cta-sec h2 em{font-style:normal;background:linear-gradient(135deg,var(--g),var(--gl));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.cta-sec p{font-size:18px;color:var(--dk);max-width:600px;margin:0 auto 36px;line-height:1.75}
.cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.cta-feats{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;margin-top:28px}
.cf{font-size:16px;color:var(--dk);display:flex;align-items:center;gap:6px}
.cf::before{content:'✓';color:var(--gl);font-weight:800}

@media(max-width:767px){
  .stat-strip{padding:0 18px}.stat-row{flex-wrap:wrap}
  .philosophy{padding:52px 18px}.phi-inner{grid-template-columns:1fr;gap:40px}
  .filter-bar .fb-inner{padding:0 18px;        display: inline-grid;}
  .pgrid{grid-template-columns:repeat(1,1fr)}.pgrid.g3{grid-template-columns:repeat(1,1fr)}
  .ai-inner{grid-template-columns:1fr}.phi-right{margin-top:0}
  .flex-cols{grid-template-columns:1fr}
  .api-bar{grid-template-columns:1fr}
  .api-bar.rev.in{grid-template-columns:1fr;padding:28px 24px}
  .cta-sec{padding:48px 24px}
  .flex-sec{padding: 100px 20px;}
  .pc-foot{margin-top: 20px;}
  .fb-r{display: none;}
  .filter-products-grid .pc{    min-height: 750px;}
  .hero-product h1 {
    font-size: 38px;
  }
  .ai-sec{    padding: 64px 20px;}
  .product-body{    padding: 52px 28px 0px;}
  .roi-mets-ai {
    grid-template-columns: 1fr;
  }
  .ai-r {
    display: grid;
    grid-template-columns: 1fr;
  }
}