/* service-ai.css -- FrugalNova AI Solutions Page */
:root{--ai-primary:#1a2e44;--ai-accent:#B5246A;--ai-accent-light:#C94985;--ai-accent-pale:#FAE8F1;--ai-surface:#ffffff;--ai-surface-2:#f8f7f4;--ai-surface-3:#f0ede6;--ai-text:#1c1c1e;--ai-text-muted:#4a4a58;--ai-border:#e8e4dc;--ai-shadow:rgba(26,46,68,.10);}

/* HERO -- Compact Edition */
.ai-hero{position:relative;min-height:auto;display:flex;align-items:center;overflow:hidden;background:linear-gradient(145deg,#f8f7f4 0%,#ffffff 40%,#FAE8F1 100%);}
.ai-hero-noise{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");background-repeat:repeat;background-size:180px 180px;}
.ai-hero-grid{position:absolute;inset:0;z-index:0;background-image:radial-gradient(circle,rgba(26,46,68,.06) 1px,transparent 1px);background-size:32px 32px;pointer-events:none;}
.ai-glow-1{position:absolute;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(181,36,106,.11) 0%,transparent 65%);top:-15%;right:-8%;z-index:0;animation:aiGlow 8s ease-in-out infinite alternate;pointer-events:none;}
.ai-glow-2{position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(26,46,68,.07) 0%,transparent 65%);bottom:-8%;left:-6%;z-index:0;animation:aiGlow 11s ease-in-out 2s infinite alternate;pointer-events:none;}
@keyframes aiGlow{0%{opacity:.5;transform:scale(.93);}100%{opacity:1;transform:scale(1.07);}}
.ai-hero-inner{position:relative;z-index:10;display:flex;align-items:center;gap:3.5rem;padding-top:5.5rem;padding-bottom:3rem;width:100%;}

/* Hero left */
.ai-hero-content{flex:1 1 440px;display:flex;flex-direction:column;align-items:flex-start;}
.ai-hero-badge{display:inline-flex;align-items:center;gap:.45rem;font-size:.68rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#B5246A;padding:.35rem .95rem;border-radius:100px;border:1.5px solid rgba(181,36,106,.35);background:#FAE8F1;margin-bottom:1.1rem;opacity:0;animation:aiFadeUp .8s cubic-bezier(.22,1,.36,1) .2s forwards;}
.ai-badge-dot{width:5px;height:5px;border-radius:50%;background:#B5246A;animation:aiPulse 2s ease-in-out infinite;}
@keyframes aiPulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.4;transform:scale(.7);}}
.ai-hero-title{font-family:'Outfit','Inter',system-ui,sans-serif;font-size:clamp(2rem,3.5vw,3.6rem);font-weight:700;line-height:1.1;color:#1a2e44;margin-bottom:.55rem;letter-spacing:-.03em;opacity:0;animation:aiFadeUp .9s cubic-bezier(.22,1,.36,1) .35s forwards;}
.ai-hero-title em{font-style:italic;color:#B5246A;}
.ai-hero-deco{width:60px;height:2.5px;background:linear-gradient(90deg,#B5246A,rgba(181,36,106,.3));border-radius:100px;margin-bottom:.85rem;opacity:0;transform:scaleX(0);transform-origin:left;animation:aiDecoIn .8s cubic-bezier(.22,1,.36,1) .55s forwards;}
@keyframes aiDecoIn{to{opacity:1;transform:scaleX(1);}}
.ai-hero-sub{font-size:.97rem;font-weight:300;color:#4a4a58;max-width:480px;line-height:1.75;margin-bottom:1.5rem;opacity:0;animation:aiFadeUp .9s cubic-bezier(.22,1,.36,1) .6s forwards;}
.ai-hero-cta{opacity:0;animation:aiFadeUp .9s cubic-bezier(.22,1,.36,1) .75s forwards;}
.ai-hero-stats{display:flex;gap:1.75rem;margin-top:1.75rem;opacity:0;animation:aiFadeUp .9s cubic-bezier(.22,1,.36,1) .9s forwards;align-items:center;}
.ai-stat-num{font-family:'Outfit',sans-serif;font-size:1.65rem;font-weight:800;color:#1a2e44;display:block;line-height:1;}
.ai-stat-suf{font-size:1rem;color:#B5246A;}
.ai-stat-lbl{font-size:.65rem;font-weight:600;color:#4a4a58;letter-spacing:.05em;text-transform:uppercase;margin-top:.2rem;}
.ai-stat-divider{width:1px;height:2.2rem;background:#e8e4dc;flex-shrink:0;}
@keyframes aiFadeUp{from{opacity:0;transform:translateY(22px);}to{opacity:1;transform:none;}}

/* Hero right -- compact neural card */
.ai-hero-visual{flex:0 0 auto;width:min(42%,420px);display:flex;align-items:center;justify-content:center;opacity:0;animation:aiFadeLeft .9s cubic-bezier(.22,1,.36,1) .5s forwards;}
@keyframes aiFadeLeft{from{opacity:0;transform:translateX(28px);}to{opacity:1;transform:none;}}
.ai-neural-card{width:100%;background:rgba(255,255,255,.96);backdrop-filter:blur(20px);border:1px solid rgba(181,36,106,.15);border-radius:20px;box-shadow:0 6px 40px rgba(26,46,68,.1),0 0 0 1px rgba(255,255,255,.8) inset;padding:1.35rem;transform:perspective(900px) rotateX(2deg) rotateY(-5deg);transition:transform .6s cubic-bezier(.22,1,.36,1);}
.ai-neural-card:hover{transform:perspective(900px) rotateX(0) rotateY(0);}
.ai-nc-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.9rem;}
.ai-nc-title{font-size:.72rem;font-weight:700;color:#1a2e44;letter-spacing:.05em;text-transform:uppercase;}
.ai-nc-badge{font-size:.6rem;font-weight:700;color:#B5246A;background:#FAE8F1;border:1px solid rgba(181,36,106,.3);padding:.18rem .55rem;border-radius:100px;}
/* Compact 3-column orb strip (2 rows \2192  1 row with 3 key items) */
.ai-nc-orbs{display:flex;gap:.55rem;margin-bottom:.9rem;}
.ai-orb{flex:1;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.65rem .3rem;border:1px solid #e8e4dc;background:linear-gradient(135deg,#f8f7f4,#fff);transition:all .35s cubic-bezier(.22,1,.36,1);cursor:default;}
.ai-orb:hover{border-color:rgba(181,36,106,.4);background:linear-gradient(135deg,#FAE8F1,#fff);transform:translateY(-3px);box-shadow:0 8px 20px rgba(181,36,106,.1);}
.ai-orb-icon{font-size:1.25rem;}
.ai-orb-lbl{font-size:.55rem;font-weight:700;color:#4a4a58;text-transform:uppercase;letter-spacing:.04em;}
.ai-nc-bar-row{margin-bottom:.65rem;}
.ai-nc-bar-label{display:flex;justify-content:space-between;font-size:.65rem;font-weight:600;color:#1a2e44;margin-bottom:.28rem;}
.ai-nc-bar-track{height:5px;background:#f0ede6;border-radius:3px;overflow:hidden;}
.ai-nc-bar-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,#B5246A,#C94985);transform:scaleX(0);transform-origin:left;animation:aiBarIn 1s cubic-bezier(.22,1,.36,1) 1.2s forwards;}
@keyframes aiBarIn{to{transform:scaleX(1);}}
.ai-nc-footer{display:flex;gap:.4rem;margin-top:.3rem;}
.ai-nc-tag{flex:1;text-align:center;font-size:.58rem;font-weight:700;color:#4a4a58;background:#f0ede6;border-radius:6px;padding:.28rem .3rem;border:1px solid #e8e4dc;}

/* float chips */
.ai-float-chip{position:absolute;background:rgba(255,255,255,.95);backdrop-filter:blur(14px);border:1px solid rgba(181,36,106,.2);border-radius:100px;padding:.32rem .85rem;font-size:.68rem;font-weight:700;color:#1a2e44;box-shadow:0 6px 18px rgba(26,46,68,.09);white-space:nowrap;z-index:20;}
.ai-chip-1{top:-12px;left:-16px;animation:aiFloat 5s ease-in-out infinite alternate;}
.ai-chip-2{bottom:-10px;right:-14px;animation:aiFloat 6.5s ease-in-out 1s infinite alternate;}
@keyframes aiFloat{0%{transform:translateY(0);}100%{transform:translateY(-10px);}}
.ai-visual-wrap{position:relative;width:100%;}

/* SERVICES GRID SECTION */
.ai-services{padding:6rem 0;background:#f8f7f4;position:relative;}
.ai-services-header{text-align:center;margin-bottom:4rem;}
.ai-section-tag{display:inline-flex;align-items:center;gap:.5rem;font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#B5246A;padding:.4rem 1.1rem;border-radius:100px;border:1.5px solid rgba(181,36,106,.35);background:#FAE8F1;margin-bottom:1rem;}
.ai-section-title{font-family:'Outfit',sans-serif;font-size:clamp(2rem,3.5vw,3rem);font-weight:700;color:#1a2e44;letter-spacing:-.03em;line-height:1.15;margin-bottom:.8rem;}
.ai-section-title em{font-style:italic;color:#B5246A;}
.ai-section-desc{font-size:1rem;color:#4a4a58;max-width:540px;margin:0 auto;line-height:1.8;font-weight:300;}

/* Bento-style layout */
.ai-bento{display:grid;grid-template-columns:repeat(12,1fr);gap:1.25rem;max-width:1200px;margin:0 auto;padding:0 2rem;}
.ai-card{background:#fff;border:1px solid #e8e4dc;border-radius:20px;padding:2rem;display:flex;flex-direction:column;gap:1rem;position:relative;overflow:hidden;transition:all .45s cubic-bezier(.22,1,.36,1);box-shadow:0 2px 12px rgba(26,46,68,.05);}
.ai-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(26,46,68,.12);border-color:rgba(181,36,106,.25);}
.ai-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(181,36,106,.04) 0%,transparent 60%);opacity:0;transition:opacity .4s;pointer-events:none;border-radius:inherit;}
.ai-card:hover::before{opacity:1;}

/* Grid spans */
.ai-card--wide{grid-column:span 7;}
.ai-card--mid{grid-column:span 5;}
.ai-card--third{grid-column:span 4;}
.ai-card--half{grid-column:span 6;}
.ai-card--full{grid-column:span 12;}

.ai-card-num{font-size:.68rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#B5246A;opacity:.7;}
.ai-card-icon{font-size:2.2rem;line-height:1;}
.ai-card-title{font-family:'Outfit',sans-serif;font-size:1.25rem;font-weight:700;color:#1a2e44;line-height:1.25;letter-spacing:-.02em;}
.ai-card-desc{font-size:.9rem;color:#4a4a58;line-height:1.75;font-weight:300;flex:1;}
.ai-card-cta{display:inline-flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:700;color:#B5246A;padding:.5rem 1.25rem;border-radius:100px;border:1.5px solid rgba(181,36,106,.35);background:#FAE8F1;transition:all .3s cubic-bezier(.22,1,.36,1);align-self:flex-start;letter-spacing:.02em;text-transform:uppercase;}
.ai-card-cta:hover{background:#B5246A;color:#fff;border-color:#B5246A;transform:translateX(4px);}
.ai-card-cta-arrow{transition:transform .3s;}
.ai-card-cta:hover .ai-card-cta-arrow{transform:translateX(4px);}

/* Card visual accents */
.ai-card-visual{border-radius:14px;overflow:hidden;background:linear-gradient(135deg,#FAE8F1 0%,#f0ede6 100%);display:flex;align-items:center;justify-content:center;min-height:120px;font-size:2.5rem;border:1px solid rgba(181,36,106,.1);position:relative;}
.ai-card-visual-dots{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(181,36,106,.12) 1px,transparent 1px);background-size:16px 16px;}
.ai-card-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.22,1,.36,1);}
.ai-card:hover .ai-card-visual img{transform:scale(1.05);}


/* Highlight card */
.ai-card--highlight{background:linear-gradient(135deg,#1a2e44 0%,#2c4a6e 100%);border-color:transparent;}
.ai-card--highlight .ai-card-num{color:rgba(255,255,255,.5);}
.ai-card--highlight .ai-card-title{color:#fff;}
.ai-card--highlight .ai-card-desc{color:rgba(255,255,255,.75);}
.ai-card--highlight .ai-card-visual{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.1);}
.ai-card--highlight .ai-card-visual-dots{background-image:radial-gradient(circle,rgba(255,255,255,.15) 1px,transparent 1px);}
.ai-card--highlight::before{background:linear-gradient(135deg,rgba(181,36,106,.15) 0%,transparent 60%);}
.ai-card--highlight .ai-card-cta{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.25);}
.ai-card--highlight .ai-card-cta:hover{background:#B5246A;border-color:#B5246A;}

/* Accent card */
.ai-card--accent{background:linear-gradient(135deg,#FAE8F1 0%,#fff 100%);border-color:rgba(181,36,106,.2);}

/* inline metric rows inside cards */
.ai-metric-row{display:flex;gap:1.5rem;flex-wrap:wrap;}
.ai-metric{display:flex;flex-direction:column;}
.ai-metric-val{font-family:'Outfit',sans-serif;font-size:1.6rem;font-weight:800;color:#1a2e44;line-height:1;}
.ai-metric-lbl{font-size:.65rem;font-weight:600;color:#4a4a58;text-transform:uppercase;letter-spacing:.06em;margin-top:.2rem;}
.ai-card--highlight .ai-metric-val{color:#fff;}
.ai-card--highlight .ai-metric-lbl{color:rgba(255,255,255,.6);}

/* Tag row */
.ai-tag-row{display:flex;flex-wrap:wrap;gap:.4rem;}
.ai-tag{font-size:.65rem;font-weight:700;color:#4a4a58;background:#f0ede6;border:1px solid #e8e4dc;border-radius:100px;padding:.22rem .65rem;letter-spacing:.03em;}
.ai-card--highlight .ai-tag{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.15);color:rgba(255,255,255,.8);}

/* CTA SECTION */
.ai-cta-section{padding:6rem 0;background:#fff;position:relative;overflow:hidden;}
.ai-cta-bg{position:absolute;inset:0;background:linear-gradient(135deg,rgba(181,36,106,.04) 0%,transparent 50%,rgba(26,46,68,.03) 100%);pointer-events:none;}
.ai-cta-inner{max-width:700px;margin:0 auto;text-align:center;padding:0 2rem;position:relative;z-index:1;}
.ai-cta-title{font-family:'Outfit',sans-serif;font-size:clamp(2rem,3.5vw,3rem);font-weight:700;color:#1a2e44;letter-spacing:-.03em;margin-bottom:1rem;}
.ai-cta-title em{font-style:italic;color:#B5246A;}
.ai-cta-desc{font-size:1rem;color:#4a4a58;line-height:1.8;margin-bottom:2rem;font-weight:300;}
.ai-cta-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;}

/* REVEAL */
.ai-reveal{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);}
.ai-reveal.in{opacity:1;transform:none;}

/* RESPONSIVE */
@media(max-width:960px){
  .ai-card--wide{grid-column:span 12;}
  .ai-card--mid{grid-column:span 12;}
  .ai-card--third{grid-column:span 6;}
  .ai-card--half{grid-column:span 12;}
  .ai-hero-inner{flex-direction:column;text-align:center;gap:2.5rem;padding-top:4.5rem;padding-bottom:2.5rem;}
  .ai-hero-content{align-items:center;}
  .ai-hero-sub{text-align:center;}
  .ai-hero-visual{width:100%;max-width:400px;}
  .ai-hero-stats{justify-content:center;}
}
@media(max-width:600px){
  .ai-card--third{grid-column:span 12;}
  .ai-bento{gap:.85rem;}
  .ai-hero-title{font-size:clamp(1.75rem,7vw,2.4rem);}
  .ai-hero-inner{padding-top:4rem;padding-bottom:2rem;}
}