/* Features */

/* --- Layout and state rules --- */
.features__grid { grid-template-columns: minmax(0, 1fr); }
@media (min-width: 900px) { .features__grid { grid-template-columns: repeat(6, minmax(0, 1fr)); } }

/* --- Section styles --- */
/* <section> */
.features-01{position:relative;z-index:1;padding:140px clamp(20px,5vw,72px);max-width:1320px;margin:0 auto}
/* <div> */
.features-02{position:absolute;left:-10%;top:20%;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(201,255,53,.14),transparent 65%);filter:blur(40px);z-index:-1;pointer-events:none}
/* <div> */
.features-03{position:absolute;left:60%;top:55%;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(201,255,53,.12),transparent 65%);filter:blur(40px);z-index:-1;pointer-events:none}
/* <h2> · Built around your business, not  */
.features-04{margin:0 0 48px;font:500 clamp(34px,4.4vw,60px)/1.02 Geist,sans-serif;letter-spacing:-.05em;max-width:860px}
/* <span> · not a template. */
.features-05{color:#C9FF35}
/* <div> */
.features-06{display:grid;gap:18px}
/* <div> · / */
.features-07{position:relative;overflow:hidden;padding:30px;border-radius:28px;background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.025));backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border:1px solid rgba(255,255,255,.13);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 30px 80px rgba(0,0,0,.45);display:flex;flex-direction:column;gap:14px;min-height:240px}
/* <div> · / ANALYSIS */
.features-08{font:500 11px 'JetBrains Mono',monospace;letter-spacing:.14em;color:#C9FF35}
/* <div> */
.features-09{display:flex;flex-wrap:wrap;gap:8px}
/* <span> · ✓ Pages */
.features-10{padding:8px 14px;border-radius:999px;background:rgba(0,0,0,.3);border:1px solid rgba(201,255,53,.25);font:400 13px Geist,sans-serif;color:#e4e7dc}
/* <div> · Analyzed by real p */
.features-11{margin-top:auto;display:flex;flex-direction:column;gap:8px}
/* <div> · Analyzed by real people */
.features-12{font:500 24px/1.15 Geist,sans-serif;letter-spacing:-.035em}
/* <div> · Our team goes through your site, */
.features-13{font:300 15px/1.55 Geist,sans-serif;color:#a7ac9c;max-width:460px}
/* <div> */
.features-14{position:relative;overflow:hidden;padding:30px;border-radius:28px;background:#C9FF35;color:#0a0b08;box-shadow:0 30px 90px rgba(201,255,53,.2);display:flex;flex-direction:column;gap:14px;min-height:240px}
/* <div> · / TAKEOVER */
.features-15{display:flex;justify-content:space-between;align-items:center;font:500 11px 'JetBrains Mono',monospace;letter-spacing:.14em}
/* <span> · AI */
.features-16{display:flex;padding:3px;border-radius:999px;background:#0a0b08}
/* <span> · AI */
.features-17{padding:5px 10px;border-radius:999px;color:#7d8374}
/* <span> · YOU */
.features-18{padding:5px 10px;border-radius:999px;background:#C9FF35;color:#0a0b08}
/* <div> · Jump into any live chat and hand */
.features-19{font:400 15px/1.55 Geist,sans-serif;color:#1d2210;max-width:460px}
/* <div> · 1 model per client */
.features-20{font:600 64px/.9 Geist,sans-serif;letter-spacing:-.06em}
/* <span> · model per client */
.features-21{font-size:22px;letter-spacing:-.02em;color:#a7ac9c}
/* <div> */
.features-22{display:flex;flex-direction:column;gap:8px;max-width:420px}
/* <div> · My order says delivered but it i */
.features-23{align-self:flex-end;padding:9px 13px;border-radius:12px 12px 4px 12px;background:rgba(255,255,255,.09);font:400 13px Geist,sans-serif}
/* <div> · I checked: it was left at your b */
.features-24{align-self:flex-start;padding:9px 13px;border-radius:12px 12px 12px 4px;background:rgba(201,255,53,.12);border:1px solid rgba(201,255,53,.3);font:400 13px/1.45 Geist,sans-serif}
/* <div> · ⌕“warranty” */
.features-25{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:14px;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.08);font:400 14px Geist,sans-serif;color:#a7ac9c}
/* <span> · 184 chats */
.features-26{margin-left:auto;font:400 12px 'JetBrains Mono',monospace;color:#7d8374}
/* <svg> */
.features-27{width:100%;height:70px;overflow:visible}
/* <path> */
.features-28{fill:none;stroke:#C9FF35;stroke-width:2.5;filter:drop-shadow(0 0 6px rgba(201,255,53,.6))}
/* <circle> */
.features-29{fill:#C9FF35}