/* features page styles */
/* ===== FEATURE CARDS ===== */
.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.feat-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:0 4px 24px rgba(46,107,39,.14);overflow:hidden;transition: border-color .3s cubic-bezier(.25,.8,.25,1), box-shadow .3s cubic-bezier(.25,.8,.25,1)}
.feat-card:hover{box-shadow:inset 0 0 0 2px var(--brand);border-color:var(--brand)}
.feat-cap{position:relative;overflow:hidden;background:var(--bg-3);aspect-ratio:16/10}
.feat-cap img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.25,.8,.25,1)}
.feat-card:hover .feat-cap img{transform:scale(1.06)}
.feat-cap-label{position:absolute;top:12px;left:12px;font-size:var(--fs-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--brand);background:rgba(253,250,247,.92);backdrop-filter:blur(8px);padding:4px 10px;border-radius:var(--r-full)}
.feat-body{padding:24px}
.feat-t{font-size:var(--fs-md);font-weight:700;margin-bottom:6px;display:flex;align-items:center;gap:8px}
.feat-t-icon{width:20px;height:20px;color:var(--brand);flex-shrink:0}
.feat-d{font-size:var(--fs-sm);color:var(--ink-3);line-height:1.7}

/* ===== SOLUTION CONCEPT ===== */
.sol-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.sol-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:0 4px 24px rgba(46,107,39,.14);padding:48px 40px;text-align:center;position:relative;overflow:hidden}
.sol-card::before{content:'FLR';font-size:min(40vw,220px);font-weight:900;line-height:1;color:rgba(46,107,39,.06);position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);pointer-events:none;letter-spacing:.15em;text-align:center}
.sol-text{position:relative;z-index:1;font-size:var(--fs-md);line-height:2;color:var(--ink-2)}
.sol-text strong{font-weight:700;color:var(--brand)}
.sol-text em{color:var(--brand);font-weight:700;font-style:normal}
.sol-io{font-size:var(--fs-sm);color:var(--ink-3);line-height:1.8}
.sol-io strong{color:var(--ink)}
.sol-io .sol-io-out{color:var(--brand)}
.sec-sub--mb{margin-bottom:24px}

/* ===== COMPARISON ===== */
.comp-t{border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;background:var(--bg);box-shadow:0 4px 24px rgba(46,107,39,.14)}
.comp-cols{grid-template-columns:180px repeat(4,1fr)}
.comp-head{display:grid;background:var(--bg-3);border-bottom:1px solid var(--border)}
.comp-hc{padding:16px 14px;border-right:1px solid var(--border);font-size:var(--fs-xs);font-weight:700;display:flex;align-items:center;justify-content:center;color:var(--ink-3);background:var(--bg-3)}
.comp-hc:first-child{color:var(--ink-2)}
.comp-hc.hl{color:var(--brand);font-weight:700}
.comp-hc:last-child{border-right:none}
.comp-row{display:grid;border-bottom:1px solid var(--border-2)}
.comp-row:last-child{border-bottom:none}
.comp-c{padding:14px;border-right:1px solid var(--border-2);display:flex;align-items:center;justify-content:center;font-size:var(--fs-xs);color:var(--ink-3);background:var(--bg)}
.comp-c:first-child{justify-content:flex-start;font-size:var(--fs-sm);color:var(--ink-2);font-weight:500}
.comp-c:last-child{border-right:none}
.comp-c.hl{background:var(--brand-bg);color:var(--brand);font-weight:700}
.comp-c.na{color:var(--ink-5)}
.comp-c.pt{color:var(--gold);font-weight:700}
.comp-pb{font-size:1.25rem;font-weight:900;color:var(--brand);line-height:1}
.comp-ps{font-size:var(--fs-xs);color:var(--ink-4);margin-left:2px}
.comp-po{font-size:var(--fs-sm);color:var(--ink-3)}

/* ===== RESPONSIVE ===== */
@media(max-width:1024px){
  .feat-grid{grid-template-columns:repeat(2,1fr)}
  .sol-grid{grid-template-columns:1fr;gap:40px}
  .comp-t{overflow:auto;-webkit-overflow-scrolling:touch}
  .comp-cols{grid-template-columns:120px repeat(4,110px)}
}
@media(max-width:768px){
  .feat-grid{grid-template-columns:1fr}
  .comp-cols{grid-template-columns:100px repeat(4,100px)}
}