.home-page{background:var(--bg-canvas)}
.hero{position:relative;overflow:hidden;background:linear-gradient(145deg,#07152f 0%,#0F2B58 44%,#0D5B63 100%);color:#fff;padding:clamp(3.5rem,8vw,6.5rem) 0 0}
.hero__bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.hero__orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.35}
.hero__orb--1{width:380px;height:380px;right:-110px;top:-110px;background:radial-gradient(circle,#3B82F6 0%,transparent 70%)}
.hero__orb--2{width:440px;height:440px;left:-220px;bottom:-260px;background:radial-gradient(circle,#14B8A6 0%,transparent 70%)}
.hero__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 92%)}
.hero__inner{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:3.5rem;align-items:center;min-height:540px}
.hero__eyebrow{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.42rem .68rem;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.07);color:#dbeafe;font-size:.72rem;letter-spacing:.03em}
.hero__eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#34D399;box-shadow:0 0 0 5px rgba(52,211,153,.1)}
.hero__heading{max-width:760px;color:#fff;font-size:clamp(2.5rem,6vw,4.6rem);letter-spacing:-.055em}
.hero__heading-highlight{color:#5EEAD4;background:linear-gradient(90deg,#5EEAD4,#93C5FD);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero__subtitle{max-width:720px;margin-top:1.25rem;color:#CBD5E1;font-size:clamp(1rem,2vw,1.12rem);line-height:1.8}
.hero__search{display:flex;align-items:center;gap:.6rem;max-width:720px;margin-top:1.8rem;padding:.55rem .55rem .55rem .9rem;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:rgba(255,255,255,.1);backdrop-filter:blur(16px)}
.hero__search-icon{color:#93C5FD}
.hero__search-input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#fff;font-size:.95rem}
.hero__search-input::placeholder{color:#A5B4FC}
.hero__search-submit{border:0;border-radius:12px;background:#fff;color:var(--brand-700);padding:.76rem 1rem;display:inline-flex;align-items:center;gap:.4rem;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}
.hero__search-submit:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(0,0,0,.14)}
.hero__quick{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;margin-top:1.15rem}
.hero__quick-label{font-size:.72rem;color:#94A3B8}
.hero__quick-link{display:inline-flex;align-items:center;gap:.35rem;padding:.48rem .65rem;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.04);color:#E2E8F0;font-size:.72rem;transition:background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}
.hero__quick-link:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.24);transform:translateY(-1px)}
.hero__panel{position:relative;justify-self:end;width:min(100%,430px);padding:1px;border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.24),rgba(255,255,255,.04));box-shadow:0 26px 70px rgba(2,6,23,.35)}
.hero__panel-inner{padding:1.1rem;border-radius:27px;background:rgba(7,21,47,.86);border:1px solid rgba(255,255,255,.08)}
.hero__panel-top{display:flex;align-items:center;justify-content:space-between;padding:.2rem .2rem .8rem}
.hero__panel-label{font-size:.72rem;color:#94A3B8}
.hero__panel-status{display:inline-flex;align-items:center;gap:.35rem;color:#99F6E4;font-size:.68rem;}
.hero__panel-status::before{content:"";width:6px;height:6px;border-radius:50%;background:#34D399}
.hero__panel-search{display:flex;align-items:center;gap:.65rem;padding:.9rem 1rem;border-radius:14px;background:#fff;color:var(--slate-500);font-size:.78rem}
.hero__panel-results{display:grid;gap:.65rem;margin-top:.7rem}
.hero__result{display:grid;grid-template-columns:auto 1fr auto;gap:.7rem;align-items:center;padding:.78rem;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:rgba(255,255,255,.045)}
.hero__result-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(59,130,246,.14);color:#93C5FD}
.hero__result-title{color:#F8FAFC;font-size:.76rem;line-height:1.3}
.hero__result-meta{margin-top:2px;color:#94A3B8;font-size:.64rem}
.hero__result-chip{padding:.32rem .45rem;border-radius:999px;background:rgba(20,184,166,.12);color:#99F6E4;font-size:.6rem;}
.hero__stats{position:relative;display:grid;grid-template-columns:repeat(4,1fr);margin-top:3.5rem;border-top:1px solid rgba(255,255,255,.1);background:rgba(2,6,23,.14)}
.hero__stat{padding:1.15rem 1rem 1.25rem;text-align:center;border-right:1px solid rgba(255,255,255,.08)}
.hero__stat:last-child{border-right:0}
.hero__stat-value{display:block;color:#fff;font-size:1.15rem;}
.hero__stat-label{display:block;margin-top:.15rem;color:#94A3B8;font-size:.68rem;}

.home-section{padding:clamp(3.5rem,7vw,5.5rem) 0;content-visibility:auto;contain-intrinsic-size:720px}
.home-section--soft{background:#F1F5F9}
.home-section--white{background:#fff}
.section-heading{max-width:700px;margin-bottom:2rem}
.section-eyebrow{display:inline-block;margin-bottom:.65rem;color:var(--brand-700);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}
.section-title{font-size:clamp(1.75rem,4vw,2.55rem)}
.section-title span{color:var(--teal-600)}
.section-subtitle{max-width:720px;margin-top:.8rem;color:var(--text-muted);font-size:.95rem;line-height:1.8}
.home-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.home-card{position:relative;display:flex;flex-direction:column;min-height:235px;padding:1.25rem;border:1px solid var(--border-color);border-radius:18px;background:#fff;box-shadow:var(--shadow-sm);overflow:hidden;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}
.home-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:#BFDBFE}
.home-card::after{content:"";position:absolute;inset:auto -22px -28px auto;width:100px;height:100px;border-radius:50%;background:rgba(37,99,235,.06);transition:transform var(--transition-slow)}
.home-card:hover::after{transform:scale(1.35)}
.home-card__icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(145deg,var(--brand-700),var(--teal-600));box-shadow:0 10px 24px rgba(37,99,235,.16)}
.home-card__icon svg{width:22px;height:22px}
.home-card__title{margin-top:1rem;font-size:1.05rem}
.home-card__text{margin-top:.6rem;color:var(--text-muted);font-size:.82rem;line-height:1.7}
.home-card__link{margin-top:auto;display:inline-flex;align-items:center;gap:.4rem;padding-top:1rem;color:var(--brand-700);font-size:.75rem;}
.home-card__link svg{transition:transform var(--transition-fast)}
.home-card__link:hover svg{transform:translateX(3px)}

.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.value-card{padding:1.3rem;border-radius:18px;border:1px solid var(--border-color);background:#fff}
.value-card__icon{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:var(--brand-50);color:var(--brand-700)}
.value-card__title{margin-top:1rem;font-size:1rem}
.value-card__text{margin-top:.55rem;color:var(--text-muted);font-size:.82rem;line-height:1.75}

.latest-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:1rem}
.latest-feature{padding:1.5rem;border-radius:20px;background:linear-gradient(145deg,#0F172A,#123A72);color:#fff;box-shadow:var(--shadow-md)}
.latest-feature__badge{display:inline-flex;padding:.36rem .55rem;border-radius:999px;background:rgba(255,255,255,.1);color:#BFDBFE;font-size:.64rem;}
.latest-feature__title{margin-top:1.1rem;color:#fff;font-size:1.35rem}
.latest-feature__text{margin-top:.75rem;color:#CBD5E1;font-size:.84rem;line-height:1.8}
.latest-list{display:grid;gap:.75rem}
.latest-item{display:grid;grid-template-columns:auto 1fr;gap:.75rem;align-items:start;padding:1rem;border:1px solid var(--border-color);border-radius:15px;background:#fff}
.latest-item__icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:var(--teal-50);color:var(--teal-700)}
.latest-item__title{font-size:.82rem;color:var(--slate-800)}
.latest-item__text{margin-top:.35rem;font-size:.72rem;color:var(--text-muted);line-height:1.6}

.app-cta{position:relative;overflow:hidden;padding:clamp(2.2rem,5vw,3.5rem);border-radius:26px;background:linear-gradient(135deg,#123A72 0%,#1D4ED8 48%,#0F766E 100%);color:#fff;box-shadow:var(--shadow-lg)}
.app-cta::before,.app-cta::after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.08)}
.app-cta::before{width:240px;height:240px;right:-60px;top:-90px}
.app-cta::after{width:180px;height:180px;left:-90px;bottom:-100px}
.app-cta__inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center}
.app-cta__eyebrow{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:#99F6E4}
.app-cta__title{margin-top:.5rem;color:#fff;font-size:clamp(1.65rem,3vw,2.3rem)}
.app-cta__text{max-width:700px;margin-top:.65rem;color:#DBEAFE;font-size:.84rem;line-height:1.75}
.app-cta__actions{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}

.home-skeleton{min-height:250px}

@media (max-width:1000px){.hero__inner{grid-template-columns:1fr;min-height:auto;padding-bottom:2rem}.hero__panel{justify-self:start;width:min(100%,560px)}.home-grid,.value-grid{grid-template-columns:repeat(2,1fr)}.latest-grid{grid-template-columns:1fr}.app-cta__inner{grid-template-columns:1fr}}
@media (max-width:700px){.hero{padding-top:3rem}.hero__heading{font-size:2.55rem}.hero__search{align-items:stretch;flex-wrap:wrap}.hero__search-input{min-height:42px}.hero__search-submit{width:100%}.hero__stats{grid-template-columns:repeat(2,1fr)}.hero__stat:nth-child(2){border-right:0}.hero__stat:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.08)}.home-grid,.value-grid{grid-template-columns:1fr}.home-section{padding-block:3.25rem}.app-cta{border-radius:20px}.app-cta__actions{width:100%}.app-cta__actions .btn{flex:1}}
@media (max-width:480px){.hero__quick{display:none}.hero__panel{width:100%}.hero__stats{margin-top:2.5rem}.latest-feature{padding:1.2rem}.home-card{min-height:210px}}


/* 3B.2 micro-refinement */
.home-metrics-note{margin-top:.5rem;color:#64748B;font-size:.72rem}
.hero__stat-value[data-counter]{font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:clamp(1.35rem,2vw,1.75rem)}
.app-cta__inner{grid-template-columns:minmax(0,1.05fr) minmax(240px,.7fr);min-height:360px}
.app-cta__copy{position:relative;z-index:2}
.app-cta__actions{margin-top:1.25rem;align-items:center}
.store-badge{display:inline-flex;align-items:center;gap:.7rem;min-width:152px;padding:.68rem .8rem;border:1px solid rgba(255,255,255,.2);border-radius:13px;background:rgba(7,21,47,.26);color:#fff;box-shadow:0 12px 26px rgba(2,6,23,.14);transition:transform var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast)}
.store-badge:hover{transform:translateY(-2px);background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.38)}
.store-badge__icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.12);color:#fff;flex:0 0 34px}
.store-badge__icon svg{width:20px;height:20px}
.store-badge small{display:block;color:#BFDBFE;font-size:.58rem;line-height:1.1}
.store-badge strong{display:block;margin-top:.14rem;font-size:.82rem;line-height:1.1}
.app-cta__link{display:inline-flex;align-items:center;gap:.4rem;color:#E0F2FE;font-size:.76rem;transition:color var(--transition-fast),transform var(--transition-fast)}
.app-cta__link svg{width:15px;height:15px;transition:transform var(--transition-fast)}
.app-cta__link:hover{color:#fff;transform:translateX(1px)}
.app-cta__link:hover svg{transform:translateX(3px)}
.app-cta__visual{position:relative;display:grid;place-items:center;min-height:320px}
.app-cta__visual::before{content:"";position:absolute;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(94,234,212,.24),transparent 68%);filter:blur(2px)}
.app-phone{position:relative;width:190px;height:345px;padding:8px;border:1px solid rgba(255,255,255,.26);border-radius:34px;background:linear-gradient(145deg,#E2E8F0 0%,#94A3B8 38%,#334155 100%);box-shadow:0 30px 70px rgba(2,6,23,.45);transform:rotate(3deg);transition:transform var(--transition-slow)}
.app-cta:hover .app-phone{transform:rotate(1deg) translateY(-4px)}
.app-phone__notch{position:absolute;z-index:3;top:13px;left:50%;width:72px;height:18px;transform:translateX(-50%);border-radius:999px;background:#07152F}
.app-phone__screen{position:relative;height:100%;overflow:hidden;padding:28px 12px 12px;border-radius:27px;background:linear-gradient(180deg,#F8FAFC 0%,#EFF6FF 100%);color:#0F172A}
.app-phone__top{display:flex;justify-content:space-between;align-items:center;color:#1D4ED8;font-size:.63rem;}
.app-phone__dot{width:7px;height:7px;border-radius:50%;background:#10B981;box-shadow:0 0 0 4px rgba(16,185,129,.12)}
.app-phone__headline{margin-top:18px;font-size:.8rem;letter-spacing:-.02em}
.app-phone__card{display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:center;margin-top:9px;padding:9px;border:1px solid #DBEAFE;border-radius:11px;background:#fff;box-shadow:0 5px 14px rgba(15,23,42,.05)}
.app-phone__mini-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#EFF6FF;color:#1D4ED8;}
.app-phone__mini-icon--teal{background:#F0FDFA;color:#0F766E}.app-phone__mini-icon--orange{background:#FFFBEB;color:#D97706}
.app-phone__card strong{display:block;font-size:.64rem}.app-phone__card small{display:block;margin-top:2px;color:#64748B;font-size:.51rem;line-height:1.25}
.app-phone__nav{position:absolute;left:12px;right:12px;bottom:10px;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:6px;border:1px solid #E2E8F0;border-radius:10px;background:rgba(255,255,255,.88);font-size:.48rem;color:#94A3B8;text-align:center}
.app-phone__nav .is-active{color:#1D4ED8}
@media (max-width:900px){.app-cta__inner{grid-template-columns:1fr}.app-cta__visual{min-height:280px}.app-phone{transform:none}.app-cta:hover .app-phone{transform:translateY(-3px)}}
@media (max-width:700px){.app-cta__actions{display:grid;grid-template-columns:1fr 1fr}.store-badge{min-width:0}.app-cta__link{grid-column:1/-1}.app-cta__visual{min-height:260px}.app-phone{width:170px;height:310px}}
@media (prefers-reduced-motion:reduce){.app-phone,.app-cta:hover .app-phone{transform:none}}

/* 3B.2 micro-refinement — typography, metrics, card color language and scroll feel */
.hero__subtitle{font-size:clamp(1.08rem,2vw,1.22rem);line-height:1.78}
.hero__quick-link,.hero__quick-label{font-size:.78rem}
.hero__panel-label{font-size:.78rem}
.hero__result-title{font-size:.82rem}
.hero__result-meta{font-size:.68rem}
.hero__stats{grid-template-columns:repeat(7,minmax(0,1fr));margin-top:3rem;border:1px solid rgba(255,255,255,.1);border-radius:18px;overflow:hidden;background:rgba(2,6,23,.16);backdrop-filter:blur(10px)}
.hero__stat{min-width:0;padding:1.15rem .65rem 1.25rem;border-right:1px solid rgba(255,255,255,.1);transition:background-color var(--transition-base),transform var(--transition-base)}
.hero__stat:hover{background:rgba(255,255,255,.045);transform:translateY(-2px)}
.hero__stat-icon{width:44px;height:44px;display:grid;place-items:center;margin:0 auto .65rem;border-radius:14px;color:#fff;box-shadow:0 10px 24px rgba(2,6,23,.16)}
.hero__stat-icon svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hero__stat-icon--blue{background:linear-gradient(145deg,#2563EB,#38BDF8)}
.hero__stat-icon--orange{background:linear-gradient(145deg,#F59E0B,#F97316)}
.hero__stat-icon--violet{background:linear-gradient(145deg,#7C3AED,#A855F7)}
.hero__stat-icon--green{background:linear-gradient(145deg,#059669,#10B981)}
.hero__stat-icon--teal{background:linear-gradient(145deg,#0F766E,#14B8A6)}
.hero__stat-icon--pink{background:linear-gradient(145deg,#DB2777,#F472B6)}
.hero__stat-icon--amber{background:linear-gradient(145deg,#D97706,#F59E0B)}
.hero__stat-value{font-size:clamp(1.55rem,2.2vw,2rem);line-height:1.05;letter-spacing:-.04em}
.hero__stat-label{margin-top:.35rem;font-size:.76rem;color:#CBD5E1;line-height:1.3}
.section-title{font-size:clamp(2rem,4.2vw,2.8rem)}
.section-subtitle{font-size:1rem}
.home-card{min-height:250px;padding:1.45rem;border-radius:20px}
.home-card__icon{width:50px;height:50px;border-radius:15px;box-shadow:0 12px 26px rgba(15,23,42,.13)}
.home-card__icon svg{width:26px!important;height:26px!important;stroke-width:1.8}
.home-card__title{margin-top:1.1rem;font-size:1.18rem}
.home-card__text{font-size:.93rem;line-height:1.75}
.home-card__link{font-size:.82rem}
.home-card--blue{--card-accent:#2563EB;--card-glow:#DBEAFE}
.home-card--teal{--card-accent:#0D9488;--card-glow:#CCFBF1}
.home-card--orange{--card-accent:#D97706;--card-glow:#FEF3C7}
.home-card::before{content:"";position:absolute;right:-28px;bottom:-34px;width:118px;height:118px;border-radius:50%;background:radial-gradient(circle at 30% 30%,color-mix(in srgb,var(--card-glow) 92%,white),transparent 72%);opacity:.9;transition:transform var(--transition-slow),opacity var(--transition-base)}
.home-card::after{background:radial-gradient(circle at 30% 30%,color-mix(in srgb,var(--card-accent) 16%,white),transparent 70%);opacity:.7}
.home-card:hover::before{transform:scale(1.18)}
.home-card:hover::after{transform:scale(1.45)}
.home-card__icon{background:linear-gradient(145deg,var(--card-accent),color-mix(in srgb,var(--card-accent) 65%,#14B8A6));}
.value-card__title{font-size:1.1rem}
.value-card__text{font-size:.9rem}

/* Smooth, low-cost section pacing */
html{scroll-padding-top:88px}
[data-reveal]{transform:translate3d(0,18px,0);will-change:opacity,transform}

@media (max-width:1120px){
  .hero__stats{grid-template-columns:repeat(4,1fr)}
  .hero__stat:nth-child(4){border-right:0}
  .hero__stat:nth-child(-n+4){border-bottom:1px solid rgba(255,255,255,.1)}
}
@media (max-width:700px){
  .hero__stats{grid-template-columns:repeat(2,1fr);border-radius:16px}
  .hero__stat:nth-child(2n){border-right:0}
  .hero__stat:nth-child(n){border-bottom:1px solid rgba(255,255,255,.1)}
  .hero__stat:nth-last-child(-n+2){border-bottom:0}
  .hero__stat{padding-inline:.8rem}
  .hero__stat-label{font-size:.72rem}
  .home-card{min-height:230px;padding:1.25rem}
}
@media (max-width:480px){
  .hero__heading{font-size:2.7rem}
  .hero__subtitle{font-size:1rem}
  .section-title{font-size:1.9rem}
  .home-card__title{font-size:1.12rem}
}
@supports not (background: color-mix(in srgb, white, black)){
  .home-card::before{background:rgba(226,232,240,.5)}
  .home-card::after{background:rgba(37,99,235,.06)}
}

/* 3B.2 — AI capability showcase */
.home-section--ai{position:relative;overflow:hidden;background:#f8fbff; padding:0;}
.ai-showcase{position:relative;overflow:hidden;padding:7.2rem;background:linear-gradient(145deg,#0b1733 0%,#132c59 48%,#0f4c5a 100%);box-shadow:0 28px 70px rgba(15,23,42,.16);color:#fff}
.ai-showcase__glow{position:absolute;border-radius:50%;pointer-events:none;filter:blur(8px);opacity:.45}
.ai-showcase__glow--one{width:360px;height:360px;right:-120px;top:-150px;background:radial-gradient(circle,rgba(59,130,246,.42),transparent 68%)}
.ai-showcase__glow--two{width:300px;height:300px;left:-140px;bottom:-170px;background:radial-gradient(circle,rgba(20,184,166,.3),transparent 68%)}
.ai-showcase__top{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);gap:2rem;align-items:end}
.section-eyebrow--light{color:#93c5fd}
.ai-showcase__title{max-width:800px;margin:.45rem 0 0;font-size:clamp(2.05rem,3.8vw,3.2rem);line-height:1.12;letter-spacing:-.045em;color:#18a999;}
.ai-showcase__title span{color:#F59E0B}
.ai-showcase__intro{max-width:460px;margin:0;color:#dbeafe;font-size:1rem;line-height:1.78}
.ai-showcase__grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:2.4rem}
.ai-card{position:relative;display:flex;flex-direction:column;min-height:310px;padding:1.45rem;border:1px solid rgba(255,255,255,.13);border-radius:22px;background:rgba(255,255,255,.075);backdrop-filter:blur(10px);box-shadow:0 18px 36px rgba(2,6,23,.14);transition:transform .28s ease,background-color .28s ease,border-color .28s ease,box-shadow .28s ease}
.ai-card::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 48%);pointer-events:none}
.ai-card:hover{transform:translateY(-7px);background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.24);box-shadow:0 24px 50px rgba(2,6,23,.22)}
.ai-card--blue{--ai-accent:#60a5fa;--ai-soft:rgba(96,165,250,.16)}
.ai-card--violet{--ai-accent:#c084fc;--ai-soft:rgba(192,132,252,.16)}
.ai-card--orange{--ai-accent:#fbbf24;--ai-soft:rgba(251,191,36,.15)}
.ai-card--emerald{--ai-accent:#34d399;--ai-soft:rgba(52,211,153,.16)}
.ai-card--teal{--ai-accent:#2dd4bf;--ai-soft:rgba(45,212,191,.16)}
.ai-card__top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.ai-card__icon{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:var(--ai-soft);color:var(--ai-accent);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}
.ai-card__icon svg{width:29px;height:29px}
.ai-card__tag{padding:.4rem .62rem;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#cbd5e1;font-size:.68rem;letter-spacing:.04em;text-transform:uppercase}
.ai-card__title{position:relative;z-index:1;margin:1.2rem 0 .7rem;font-size:1.28rem;line-height:1.28;letter-spacing:-.025em; color:#18a999;}
.ai-card__text{position:relative;z-index:1;margin:0;color:#d7e4f3;font-size:.93rem;line-height:1.72}
.ai-card__footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:auto;padding-top:1.2rem;color:#cbd5e1;font-size:.74rem;}
.ai-card__arrow{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.08);color:var(--ai-accent);transition:transform .25s ease,background-color .25s ease}
.ai-card:hover .ai-card__arrow{transform:translate(3px,-3px);background:rgba(255,255,255,.13)}
.ai-showcase__note{position:relative;z-index:1;display:flex;align-items:flex-start;gap:.8rem;margin-top:1.45rem;padding:.95rem 1rem;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(2,6,23,.18);color:#cbd5e1;font-size:.78rem;line-height:1.65}
.ai-showcase__note strong{color:#fff}
.ai-showcase__note-icon{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:rgba(16,185,129,.18);color:#6ee7b7;}
@media (max-width:1120px){.ai-showcase__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:980px){.ai-showcase{padding:2.4rem}.ai-showcase__top{grid-template-columns:1fr}.ai-showcase__intro{max-width:700px}.ai-card{min-height:0}}
@media (max-width:640px){.ai-showcase{padding:1.45rem;border-radius:22px}.ai-showcase__title{font-size:2rem}.ai-showcase__intro{font-size:.92rem}.ai-showcase__grid{grid-template-columns:1fr}.ai-card{padding:1.25rem}.ai-card__title{font-size:1.16rem}.ai-card__text{font-size:.88rem}.ai-showcase__note{font-size:.72rem}}
@media (prefers-reduced-motion:reduce){.ai-card,.ai-card:hover,.ai-card__arrow,.ai-card:hover .ai-card__arrow{transform:none;transition:none}}