.features-section{--bento-pad:clamp(1.5rem, 1.1rem + 1.6vw, 2.25rem);--bento-radius:18px;background-color:var(--surface-base);z-index:var(--z-raised);border-top:1px solid var(--border-brand);padding-block:clamp(3.5rem,2.9rem + 2.5vw,5rem);position:relative;overflow:hidden}.bento-grid{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (min-width:1024px){.bento-grid{grid-template-columns:repeat(2,1fr)}.bento-card{min-height:320px}}.bento-card{background:var(--bento-card-bg);border-radius:var(--bento-radius);flex-direction:column;transition:scale .4s cubic-bezier(.2,0,.2,1),box-shadow .4s;display:flex;position:relative;overflow:hidden;scale:1}@media (hover:hover) and (pointer:fine){.bento-card:hover{box-shadow:var(--bento-card-hover-shadow);scale:1.015}}.bento-card:before{content:"";border-radius:inherit;background:var(--bento-card-border-grad);-webkit-mask-composite:xor;-webkit-mask-composite:xor;pointer-events:none;z-index:1;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.bento-card:after{content:"";background:var(--bento-card-glow);pointer-events:none;z-index:0;width:300px;height:300px;position:absolute;top:-80px;left:-80px}.bento-card>*{z-index:2;position:relative}.bento-card-header{padding:var(--bento-pad) var(--bento-pad) 0}.bento-card-title{font-size:var(--fs-h3);color:var(--text-primary);font-weight:700;line-height:var(--lh-heading);letter-spacing:-.025em;text-wrap:balance;margin-bottom:.5rem}.bento-card-desc{font-size:var(--fs-body);color:var(--text-secondary);line-height:var(--lh-body);text-wrap:pretty;max-width:42ch;margin:0}.bento-card-body{padding:1.5rem var(--bento-pad) var(--bento-pad);flex-direction:column;gap:1.25rem;margin-top:auto;display:flex}.bento-chip-grid{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.75rem;max-width:34rem;margin:0;padding:0;list-style:none;display:grid}.bento-chip{border-radius:var(--corner-md);background-color:var(--glass-bg);border:1px solid var(--border-default);min-height:2.75rem;color:var(--text-secondary);font-size:var(--fs-meta);text-align:center;justify-content:center;align-items:center;gap:.5rem;padding:.5rem .75rem;font-weight:500;line-height:1.3;display:inline-flex}.bento-chip svg{color:var(--text-brand);flex-shrink:0}.bento-brand-chip{border-radius:var(--corner-md);background-color:var(--surface-overlay);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-default);width:fit-content;box-shadow:var(--elevation-lg);font-size:var(--fs-meta);color:var(--text-primary);align-items:center;gap:.5rem;padding:.625rem .875rem;font-weight:600;display:inline-flex}.bento-brand-chip img{filter:var(--logo-filter);opacity:.8}.bento-brand-chip-verified{border-radius:var(--corner-pill);background-color:var(--status-verified);width:1rem;height:1rem;color:var(--status-verified-fg);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.chart-card-base{height:260px;margin:1.5rem var(--bento-pad) var(--bento-pad);background:var(--bento-panel-bg);border:1px solid var(--bento-panel-border);border-radius:var(--corner-lg);flex-direction:column;margin-top:auto;padding:1.25rem 1.0625rem 0;display:flex;position:relative;overflow:hidden}.chart-legend{font-size:var(--fs-meta);flex-wrap:wrap;gap:.5rem 1.25rem;margin-bottom:1.5rem;display:flex}.chart-legend-item{color:var(--text-primary);align-items:center;gap:.5rem;display:inline-flex}.chart-legend-item[data-muted=true]{color:var(--text-muted)}.chart-legend-dot{border-radius:var(--corner-pill);background-color:currentColor;flex-shrink:0;width:.5rem;height:.5rem}.chart-legend-item:not([data-muted=true]) .chart-legend-dot{background-color:var(--text-brand)}.svg-container{flex:auto;min-height:120px;margin-inline:-1.0625rem}.svg-container svg{width:100%;height:100%;display:block}.floating-check-card{background:var(--bento-float-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--bento-panel-border);border-radius:var(--corner-lg);z-index:5;width:clamp(11rem,55%,282px);box-shadow:var(--bento-float-shadow);flex-direction:column;gap:.625rem;padding:1.125rem;display:flex;position:absolute;bottom:1rem;right:1rem}.floating-card-title{font-size:var(--fs-body);color:var(--text-primary);margin:0 0 .25rem;font-weight:600}.floating-check-card ul{flex-direction:column;gap:.625rem;margin:0;padding:0;list-style:none;display:flex}.floating-check-item{font-size:var(--fs-meta);color:var(--text-muted);align-items:center;gap:.75rem;line-height:1.4;display:flex}.floating-check-mark{border-radius:var(--corner-sm);background-color:var(--interactive-primary-bg);width:1.125rem;height:1.125rem;color:var(--text-on-brand);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.svg-container,.floating-check-card{transition:translate .5s cubic-bezier(.2,0,.2,1),rotate .5s cubic-bezier(.2,0,.2,1),scale .6s cubic-bezier(.2,0,.2,1)}.chart-card-base:hover .svg-container{translate:-12px -8px;rotate:-1deg}.chart-card-base:hover .floating-check-card{translate:12px 8px;scale:1.02}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){@keyframes framerEntrance{0%{opacity:0;transform:translateY(36px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.bento-card{animation:.7s cubic-bezier(.16,1,.3,1) both framerEntrance;animation-timeline:view();animation-range:entry entry 30%}.bento-card:nth-child(2n){animation-range:entry 4% entry 34%}}}@media (max-width:639px){.chart-card-base{height:auto;padding-bottom:1.25rem}.floating-check-card{width:100%;margin-top:1.25rem;position:static}}
