.service-icon-wrapper{border-radius:var(--radius-lg);transition:all var(--transition-base);justify-content:center;align-items:center;display:flex}.service-icon-wrapper--bare{border-radius:0;padding:0;background:0 0!important}.service-icon-wrapper--bare img{border-radius:0;display:block}.service-card.featured:not(.service-card--auditPlus) .service-icon-wrapper{box-shadow:0 4px 14px #f59e0b4d;background-color:#f59e0b!important}.service-card.featured:not(.service-card--auditPlus) .service-icon-wrapper svg{color:#fff!important}.service-card--auditPlus.featured .service-icon-wrapper,.service-card--auditPlus.featured .service-icon-wrapper.service-icon-wrapper--bare{box-shadow:none!important;background:0 0!important}
.service-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;height:100%;padding:clamp(28px,5vw,40px) clamp(24px,4vw,32px);transition:all .3s;display:flex;position:relative}.service-card:hover{border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 20px 40px #0000000f}.service-card--web{box-shadow:0 10px 40px #3b82f614}.service-card--web:hover{box-shadow:0 20px 50px #3b82f626}.service-card--auditBase{box-shadow:0 10px 40px #8b5cf614}.service-card--auditBase:hover{box-shadow:0 20px 50px #8b5cf626}.service-card.featured{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border:1px solid #0000;box-shadow:0 20px 50px #0f172a33}.service-card.featured:hover{transform:translateY(-6px);box-shadow:0 25px 60px #0f172a40}.service-card.featured:before{content:attr(data-badge);font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase;color:#1f2937;white-space:nowrap;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:100px;padding:6px 16px;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.service-card-header{text-align:center;flex-direction:column;align-items:center;gap:clamp(12px,2vw,16px);margin-bottom:clamp(16px,3vw,24px);display:flex}.service-card .service-icon-wrapper{color:#1e40af;background:#f1f5f9;border-radius:14px;justify-content:center;align-items:center;width:clamp(48px,8vw,56px);height:clamp(48px,8vw,56px);display:flex}.service-card .service-icon-wrapper.service-icon-wrapper--bare{border-radius:0;width:200px;height:200px}.service-card.featured .service-icon-wrapper:not(.service-icon-wrapper--bare){color:#fbbf24;background:#ffffff1a}.service-card-header-content{flex-direction:column;align-items:center;gap:clamp(4px,1vw,8px);display:flex}.service-card .service-title{letter-spacing:-.01em;color:#0f172a;margin:0;font-size:clamp(18px,2.5vw,22px);font-weight:600;line-height:1.3}.service-card.featured .service-title{color:#fff}.service-card .service-price{letter-spacing:-.02em;color:#1e40af;font-size:clamp(28px,4.5vw,36px);font-weight:800;line-height:1.1}.service-card.featured .service-price{background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.service-card .service-description{color:#64748b;text-align:center;margin:0 0 clamp(16px,3vw,24px);font-size:clamp(14px,1.8vw,15px);line-height:1.6}.service-card.featured .service-description{color:#94a3b8}.service-card .service-features{flex-direction:column;flex-grow:1;gap:clamp(8px,1.2vw,10px);width:100%;margin:0 0 clamp(16px,3vw,24px);padding:0;list-style:none;display:flex}.service-card .service-features li{color:#475569;align-items:flex-start;gap:clamp(8px,1vw,10px);font-size:clamp(13px,1.6vw,14px);line-height:1.45;display:flex}.service-card.featured .service-features li{color:#e2e8f0}.service-card .service-features .check-icon{color:#22c55e;flex-shrink:0;width:16px;height:16px;margin-top:1px}.service-card.featured .service-features .check-icon{color:#fbbf24}.service-card .btn{width:100%;margin-top:auto}
.hero{color:var(--color-white);padding:clamp(var(--space-10),8vw,var(--space-16))0 clamp(var(--space-12),10vw,var(--space-20));background-color:#0f172a;background-image:linear-gradient(135deg,#0f172aeb 0%,#1e293be0 100%);background-position:50%;background-size:cover;align-items:center;min-height:calc(100vh - 72px);display:flex;position:relative;overflow:hidden}.hero:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#020617db,#020617db),radial-gradient(80% 50% at 20% 40%,#2563eb29 0%,#0000 50%),radial-gradient(60% 40% at 80% 60%,#10b9811f 0%,#0000 50%);position:absolute;inset:0}.hero .container{gap:clamp(var(--space-8),6vw,var(--space-12));z-index:2;grid-template-columns:1fr;align-items:center;display:grid;position:relative}@media (min-width:1024px){.hero .container{gap:var(--space-16);grid-template-columns:1fr 1fr}}.hero-content{text-align:center}@media (min-width:1024px){.hero-content{text-align:left}}.hero-trust-badge{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);border-radius:var(--radius-full);color:var(--color-primary-light);font-size:clamp(var(--text-xs),1.5vw,var(--text-sm));font-weight:var(--font-medium);margin-bottom:clamp(var(--space-4),3vw,var(--space-6));background-color:#2563eb26;border:1px solid #2563eb4d;display:inline-flex}.hero-trust-badge svg{color:#fbbf24}.hero-title{font-size:clamp(1.75rem,5vw,3.75rem);font-weight:var(--font-extrabold);margin-bottom:clamp(var(--space-4),3vw,var(--space-6));color:var(--color-white);letter-spacing:-.025em;line-height:1.1}.hero-subtitle{font-size:clamp(var(--text-base),2vw,var(--text-lg));color:var(--color-gray-300);margin-bottom:clamp(var(--space-6),4vw,var(--space-8));max-width:480px;line-height:1.6}@media (min-width:1024px){.hero-subtitle{font-size:var(--text-xl);margin-left:0;margin-right:auto}}.hero-actions{gap:var(--space-4);margin-bottom:var(--space-8);flex-direction:column;display:flex}@media (min-width:640px){.hero-actions{flex-direction:row;justify-content:center}}@media (min-width:1024px){.hero-actions{justify-content:flex-start}}.hero-trust-indicators{gap:var(--space-3);-webkit-overflow-scrolling:touch;flex-flow:row;justify-content:center;align-items:center;display:flex;overflow-x:auto}@media (min-width:1024px){.hero-trust-indicators{justify-content:flex-start}}.trust-item{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-gray-300);font-weight:var(--font-medium);white-space:nowrap;flex-shrink:1;display:flex}@media (max-width:420px){.trust-item{gap:var(--space-1);font-size:.825rem}.hero-trust-indicators{gap:var(--space-2)}}@media (max-width:640px){.hero-trust-indicators{display:none}}.trust-item svg{color:#22c55e;flex-shrink:0}.hero-visual{display:none}@media (min-width:1024px){.hero-visual{justify-content:center;align-items:center;display:flex}}.hero-image-wrapper{width:100%;max-width:520px;position:relative}.hero-bg{z-index:0;pointer-events:none;position:absolute;inset:0}.hero-bg>img,.hero-bg>.next-image{object-fit:cover}.hero-image{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-2xl);width:100%;height:auto;box-shadow:0 32px 64px -16px #00000080,0 0 0 1px #ffffff0d}.hero-stat-badge{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);background-color:var(--color-white);border-radius:var(--radius-xl);display:flex;position:absolute;box-shadow:0 20px 40px -8px #0000004d,0 0 0 1px #0000000d}.hero-stat-badge--top{top:-16px;right:-16px}.hero-stat-badge--bottom{bottom:24px;left:-24px}.hero-stat-badge .stat-icon{color:var(--color-primary);flex-shrink:0}.hero-stat-badge .stat-content{flex-direction:column;gap:2px;display:flex}.hero-stat-badge .stat-number{font-size:var(--text-lg);font-weight:var(--font-extrabold);color:var(--color-gray-900);letter-spacing:-.025em;line-height:1}.hero-stat-badge .stat-label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-gray-500);line-height:1}.section-header{text-align:center;margin-bottom:clamp(var(--space-6),5vw,var(--space-12));max-width:640px;padding:0 var(--space-2);margin-left:auto;margin-right:auto}.section-header .h2{margin-bottom:clamp(var(--space-2),1.5vw,var(--space-3));line-height:1.2;font-size:clamp(1.5rem,4vw,var(--text-4xl))}.section-header .text-lead{line-height:1.6;font-size:clamp(var(--text-base),2vw,var(--text-lg))}.services-section{background-color:var(--color-gray-50)}.services-grid{gap:clamp(var(--space-6),4vw,var(--space-8));grid-template-columns:1fr;display:grid}@media (min-width:768px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.services-grid{grid-template-columns:repeat(3,1fr)}}.features-section{background:linear-gradient(180deg,var(--color-white)0%,var(--color-gray-50)100%);position:relative}.features-section:before{content:"";background:linear-gradient(90deg,transparent,var(--color-gray-200),transparent);width:100%;max-width:1200px;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.features-grid-v2{grid-template-columns:1fr;gap:24px;display:grid}@media (min-width:768px){.features-grid-v2{grid-template-columns:repeat(2,1fr);gap:32px}}.feature-card-v2{background:#fff;border:1px solid #e2e8f0;border-radius:16px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000a}.feature-card-v2:hover{border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 12px 32px #0000001a}.feature-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.feature-card-v2:hover .feature-card-image img{transform:scale(1.05)}.feature-card-number{color:#1e40af;background:#fff;border-radius:10px;justify-content:center;align-items:center;width:clamp(32px,4vw,40px);height:clamp(32px,4vw,40px);font-size:clamp(12px,1.5vw,14px);font-weight:700;display:flex;position:absolute;top:clamp(12px,2vw,16px);left:clamp(12px,2vw,16px);box-shadow:0 2px 8px #0000001a}.feature-card-content{padding:clamp(16px,3vw,24px)}.feature-card-content h3{color:#0f172a;margin:0 0 8px;font-size:clamp(15px,2vw,18px);font-weight:700;line-height:1.3}.feature-card-content p{color:#64748b;margin:0;font-size:clamp(13px,1.8vw,15px);line-height:1.6}.feature-card-image{height:clamp(140px,20vw,200px);position:relative;overflow:hidden}.trust-section{background-color:var(--color-gray-50);padding:clamp(var(--space-8),6vw,var(--space-12))0}.trust-content{text-align:center;align-items:center;gap:clamp(var(--space-4),3vw,var(--space-6));flex-direction:column;display:flex}.trust-badge{justify-content:center;align-items:center;display:flex}.trust-image{filter:drop-shadow(0 4px 6px #0000001a);max-width:200px;height:auto;transition:transform var(--transition-base)}.trust-image:hover{transform:scale(1.05)}.trust-text{font-size:var(--text-lg);color:var(--color-gray-600);font-weight:var(--font-medium)}.cta-section{background:linear-gradient(135deg,#1e40af 0%,#3b82f6 50%,#0ea5e9 100%);position:relative;overflow:hidden}.cta-wrapper{grid-template-columns:1fr;align-items:center;gap:clamp(32px,6vw,48px);display:grid}@media (min-width:1024px){.cta-wrapper{grid-template-columns:1fr 1fr;gap:64px}}.cta-content{z-index:1;padding:clamp(var(--space-8),6vw,var(--space-12))0;position:relative}@media (min-width:1024px){.cta-content{text-align:left}}.cta-image{display:none}@media (min-width:1024px){.cta-image{display:block;position:relative}.cta-image img{object-fit:cover;border-radius:16px;width:100%;height:400px;box-shadow:0 20px 40px #0000004d}}.cta-badge{padding:var(--space-2)var(--space-4);border-radius:var(--radius-full);color:var(--color-white);font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffff26;border:1px solid #fff3;display:inline-block}.cta-title{font-size:clamp(1.5rem,4vw,3rem);font-weight:var(--font-extrabold);color:var(--color-white);margin-bottom:clamp(var(--space-3),2vw,var(--space-4));letter-spacing:-.025em;line-height:1.2}.cta-subtitle{font-size:clamp(var(--text-base),2vw,var(--text-lg));color:#ffffffd9;margin-bottom:clamp(var(--space-6),4vw,var(--space-8));max-width:560px;line-height:1.6}@media (max-width:1023px){.cta-content{text-align:center}.cta-subtitle{margin-left:auto;margin-right:auto}}.cta-actions{gap:var(--space-4);flex-direction:column;display:flex}@media (min-width:1024px){.cta-actions{align-items:flex-start}}@media (max-width:1023px){.cta-actions{align-items:center}}.cta-note{font-size:var(--text-sm);color:#ffffffb3;margin:0}.results-section{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);position:relative}.results-section .section-header{z-index:2;position:relative}.results-section .section-header .h2{color:var(--color-white)}.results-section .section-header .text-lead{color:var(--color-gray-300)}.results-grid{gap:var(--space-6);z-index:2;grid-template-columns:1fr;display:grid;position:relative}@media (min-width:768px){.results-grid{grid-template-columns:repeat(3,1fr)}}.result-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-xl);padding:clamp(var(--space-6),4vw,var(--space-8));text-align:center;transition:all var(--transition-base);background-color:#ffffff0d;border:1px solid #ffffff1a}.result-card:hover{background-color:#ffffff14;border-color:#fff3;transform:translateY(-4px)}.result-card--featured{background:linear-gradient(135deg,#10b98126 0%,#10b9810d 100%);border-color:#10b9814d}.result-card--featured:hover{border-color:#10b98180}.result-icon{width:64px;height:64px;margin:0 auto var(--space-5);border-radius:var(--radius-xl);color:var(--color-white);justify-content:center;align-items:center;display:flex}.result-icon--clients{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%)}.result-icon--revenue{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.result-icon--time{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.result-number{font-size:var(--text-4xl);font-weight:var(--font-extrabold);color:var(--color-white);margin-bottom:var(--space-3);font-variant-numeric:tabular-nums;letter-spacing:-.025em;line-height:1}.result-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-white);margin-bottom:var(--space-2)}.result-desc{font-size:var(--text-sm);color:var(--color-gray-300);line-height:1.6}.results-proof{margin-top:var(--space-10);padding-top:var(--space-8);border-top:1px solid #ffffff1a;justify-content:center;display:flex}.proof-item{align-items:center;gap:var(--space-2);color:var(--color-gray-400);font-size:var(--text-sm);display:flex}.proof-item svg{opacity:.7;flex-shrink:0}.seo-showcase-section{margin-top:var(--space-16);background-color:#0f172a;background-image:linear-gradient(#020617fe 0%,#020617fa 100%);position:relative}.seo-bg{z-index:0;pointer-events:none;opacity:.45;position:absolute;inset:0}.seo-bg>img,.seo-bg>.next-image{object-fit:cover}.seo-showcase-section .section-header{z-index:2;position:relative}.seo-showcase-section .section-header .h2{color:var(--color-white)}.seo-showcase-section .section-header .text-lead{color:var(--color-white);font-weight:600;line-height:1.45}.seo-showcase-section .section-header .text-lead .stat-label{color:var(--color-white);letter-spacing:.02em;margin-top:.25rem;font-size:.95rem;font-weight:700;display:block}.seo-showcase-grid{gap:var(--space-6);z-index:2;grid-template-columns:1fr;display:grid;position:relative}@media (min-width:768px){.seo-showcase-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.seo-showcase-grid{grid-template-columns:repeat(3,1fr)}}.seo-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-base);background-color:#0f172ad9;border:1px solid #ffffff26;box-shadow:0 8px 32px #0000004d}.seo-card:hover{background-color:#0f172ae6;border-color:#ffffff40;transform:translateY(-4px);box-shadow:0 12px 40px #0006}.seo-card-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);color:var(--color-gray-300);font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:.025em;text-transform:uppercase;display:flex}.seo-card-header svg{color:var(--color-primary-light);flex-shrink:0;width:18px;height:18px}.rankings-list{gap:var(--space-3);flex-direction:column;display:flex}.ranking-item{padding:var(--space-3)var(--space-4);border-radius:var(--radius-lg);transition:all var(--transition-base);background-color:#ffffff08;border:1px solid #ffffff0f;justify-content:space-between;align-items:center;display:flex}.ranking-item:hover{background-color:#ffffff0f;border-color:#ffffff1a}.keyword-wrapper{align-items:center;gap:var(--space-3);flex:1;min-width:0;display:flex}.keyword-indicator{border-radius:2px;flex-shrink:0;width:4px;height:20px}.ranking-item .keyword{color:var(--color-gray-200);font-size:var(--text-sm);font-weight:var(--font-medium);white-space:nowrap;text-overflow:ellipsis;line-height:1.5;overflow:hidden}.ranking-change{align-items:center;gap:var(--space-2);font-variant-numeric:tabular-nums;display:flex}.ranking-change .before{color:var(--color-gray-300);font-size:var(--text-sm);opacity:.6;text-align:right;min-width:28px;text-decoration:line-through}.arrow-container{justify-content:center;align-items:center;width:32px;display:flex;overflow:hidden}.ranking-change .arrow{color:var(--color-secondary);font-size:var(--text-base);line-height:1}.ranking-change .after{font-weight:var(--font-bold);font-size:var(--text-base);text-align:left;font-variant-numeric:tabular-nums;min-width:28px}.rankings-badge{justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-2)var(--space-4);border-radius:var(--radius-full);color:var(--color-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);background-color:#10b9811a;display:flex}.traffic-chart{height:140px;padding:var(--space-4)0;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:flex-end;gap:6px;display:flex}.chart-bar{border-radius:var(--radius-sm)var(--radius-sm)0 0;flex:1;min-height:4px;position:relative}.chart-bar:after{content:"";border-radius:var(--radius-sm)var(--radius-sm)0 0;background:linear-gradient(#fff3 0%,#0000 100%);height:50%;position:absolute;top:0;left:0;right:0}.traffic-labels{color:var(--color-gray-300);font-size:var(--text-xs);margin-bottom:var(--space-4);justify-content:space-between;display:flex}.traffic-stat{align-items:baseline;gap:var(--space-2);padding-top:var(--space-4);display:flex}.traffic-stat .stat-value{font-size:var(--text-2xl);font-weight:var(--font-extrabold);color:var(--color-secondary);font-variant-numeric:tabular-nums;line-height:1}.traffic-stat .stat-label{color:var(--color-gray-300);font-size:var(--text-sm);line-height:1}.vitals-list{gap:var(--space-4);flex-direction:column;display:flex}.vital-item{gap:var(--space-2);flex-direction:column;display:flex}.vital-header{justify-content:space-between;align-items:baseline;display:flex}.vital-name-group{align-items:baseline;gap:var(--space-2);display:flex}.vital-name{font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:.05em;text-transform:uppercase}.vital-value{color:var(--color-white);font-weight:var(--font-bold);font-size:var(--text-base);font-variant-numeric:tabular-nums}.vital-bar-bg{border-radius:var(--radius-full);background-color:#ffffff1a;height:8px;position:relative;overflow:hidden}.vital-bar{border-radius:var(--radius-full);height:100%;position:relative}.vital-bar-glow{filter:blur(6px);border-radius:50%;width:12px;height:12px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.vitals-status{margin-top:var(--space-5);text-align:center}.status-badge{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-semibold);display:inline-flex}.status-badge.good{color:var(--color-secondary);background-color:#10b98126;border:1px solid #10b9814d}.blog-home-section{background:#f8fafc}.blog-home-grid{gap:var(--space-6);margin-top:var(--space-10);grid-template-columns:1fr;display:grid}@media (min-width:768px){.blog-home-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.blog-home-grid{grid-template-columns:repeat(3,1fr)}}.blog-home-cta{margin-top:var(--space-10);justify-content:center;display:flex}.features-bento{background:linear-gradient(#f8fafc 0%,#fff 100%);padding:clamp(60px,10vw,100px) 0}.bento-header{text-align:center;margin-bottom:var(--space-12)}.bento-title{color:#0f172a;margin:0 0 var(--space-4)0;letter-spacing:-.02em;font-size:clamp(28px,5vw,42px);font-weight:700}.bento-subtitle{color:#64748b;max-width:500px;margin:0 auto;font-size:clamp(16px,2vw,18px)}.bento-grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (min-width:768px){.bento-grid{gap:var(--space-5);grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.bento-grid{grid-template-rows:auto auto;grid-template-columns:repeat(3,1fr)}.bento-card--large{grid-row:span 2}.bento-card--wide{grid-column:span 2}}.bento-card{padding:var(--space-6);background:#fff;border:1px solid #e2e8f0;border-radius:20px;transition:all .3s}.bento-card:hover{border-color:#0000;transform:translateY(-4px);box-shadow:0 20px 40px #00000014}.bento-card h3{color:#0f172a;margin:var(--space-4)0 var(--space-2)0;font-size:clamp(18px,2vw,20px);font-weight:700}.bento-card p{font-size:var(--text-sm);color:#64748b;margin:0;line-height:1.6}.bento-icon{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.bento-card--with-image{min-height:280px;padding:0;position:relative;overflow:hidden}.bento-card--with-image h3,.bento-card--with-image p{color:#fff}.bento-card--with-image p{opacity:.9}.bento-card-image{z-index:0;position:absolute;inset:0}.bento-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.bento-card--with-image:hover .bento-card-image img{transform:scale(1.05)}.bento-card-overlay{position:absolute;inset:0}.bento-card-overlay--blue{background:linear-gradient(#2563ebbf 0%,#1d4ed8eb 100%)}.bento-card-overlay--purple{background:linear-gradient(135deg,#8b5cf6cc 0%,#6d28d9eb 100%)}.bento-card-overlay--teal{background:linear-gradient(135deg,#14b8a6cc 0%,#0d9488eb 100%)}.bento-card-overlay--dark{background:linear-gradient(135deg,#0f172acc 0%,#1e293bf2 100%)}.bento-card-body{z-index:1;padding:var(--space-6);flex-direction:column;height:100%;display:flex;position:relative}.bento-card-body h3{margin-top:var(--space-4);color:#fff}.bento-card--with-image .bento-stat{margin-top:auto}.bento-card-body--wide{flex-direction:column;justify-content:space-between;display:flex}.bento-stat{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid #fff3}.bento-stat .stat-number{color:#fff;font-size:clamp(32px,5vw,48px);font-weight:800;line-height:1;display:block}.bento-stat .stat-text{font-size:var(--text-sm);color:#fffc;margin-top:var(--space-1);display:block}.bento-card--blue:hover{box-shadow:0 20px 40px #3b82f659}.bento-card--purple:hover{box-shadow:0 20px 40px #8b5cf659}.bento-card--teal:hover{box-shadow:0 20px 40px #14b8a659}.bento-card--dark:hover{box-shadow:0 20px 40px #0f172a80}.bento-card--wide .bento-content{gap:var(--space-4);margin-bottom:var(--space-6);align-items:flex-start;display:flex}.bento-card--wide .bento-content h3{margin-top:0}.bento-metrics{gap:var(--space-6);padding-top:var(--space-4);border-top:1px solid #ffffff1a;flex-wrap:wrap;display:flex}.metric{flex:1;min-width:80px}.metric-value{color:#10b981;font-size:clamp(24px,3vw,32px);font-weight:800;line-height:1;display:block}.metric-label{color:#fff9;margin-top:4px;font-size:12px;display:block}@media (max-width:767px){.bento-card{padding:var(--space-5)}.bento-icon{border-radius:12px;width:48px;height:48px}.bento-card--wide .bento-content{flex-direction:column}.bento-metrics{gap:var(--space-4)}}