.qq-feature-grid:where(.astro-5avuv2ve){margin:2rem 0 4rem}.qq-feature-grid:where(.astro-5avuv2ve) ul:where(.astro-5avuv2ve){grid-template-columns:minmax(0,1fr);gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=48rem){.qq-feature-grid:where(.astro-5avuv2ve) ul:where(.astro-5avuv2ve){grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}}.qq-feature-card:where(.astro-5avuv2ve){--card-accent-fg:var(--qq-lavender-foreground);--qq-glass-background:var(--qq-surface-50);--qq-glass-border:var(--qq-border-prototype);--qq-glass-shadow:var(--qq-shadow-prototype-sm);--qq-glass-blur:20px;border-radius:1.5rem;min-width:0;padding:1.75rem;transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s,border-color .4s;position:relative;overflow:hidden}.qq-feature-card:where(.astro-5avuv2ve)[data-tone=lavender]{--card-accent-fg:var(--qq-lavender-foreground)}.qq-feature-card:where(.astro-5avuv2ve)[data-tone=mint]{--card-accent-fg:var(--qq-green-foreground)}.qq-feature-card:where(.astro-5avuv2ve)[data-tone=blue]{--card-accent-fg:var(--qq-blue-foreground)}.qq-feature-card:where(.astro-5avuv2ve)[data-tone=pink]{--card-accent-fg:var(--qq-pink-foreground)}.qq-feature-card:where(.astro-5avuv2ve):hover{box-shadow:var(--qq-shadow-content-panel-hover);border-color:var(--qq-border-strong);transform:translateY(-6px)}.qq-feature-icon-wrapper:where(.astro-5avuv2ve){--qq-icon-tile-size:3.5rem;--qq-icon-tile-border:var(--qq-border-prototype);--qq-icon-tile-radius:1rem;--qq-icon-tile-background:var(--qq-surface);--qq-icon-tile-shadow:var(--qq-shadow-prototype-sm);color:var(--card-accent-fg);justify-content:center;align-items:center;transition:transform .4s cubic-bezier(.34,1.56,.64,1),color .4s,border-color .4s;display:flex}.qq-feature-card:where(.astro-5avuv2ve):hover .qq-feature-icon-wrapper:where(.astro-5avuv2ve){color:var(--card-accent-fg);border-color:color-mix(in srgb, var(--card-accent-fg) 20%, transparent);transform:scale(1.1)rotate(-5deg)}.qq-feature-content:where(.astro-5avuv2ve){flex-direction:column;gap:.65rem;min-width:0;display:flex}.qq-feature-title:where(.astro-5avuv2ve){color:var(--qq-ink);letter-spacing:-.02em;overflow-wrap:anywhere;margin:0;font-size:1.25rem;font-weight:800;line-height:1.4;transition:color .4s}.qq-feature-card:where(.astro-5avuv2ve):hover .qq-feature-title:where(.astro-5avuv2ve){color:var(--qq-ink)}.qq-feature-desc:where(.astro-5avuv2ve){color:var(--qq-muted);overflow-wrap:anywhere;margin:0;font-size:.9375rem;line-height:1.65}@media (prefers-reduced-motion:reduce){.qq-feature-card:where(.astro-5avuv2ve),.qq-feature-icon-wrapper:where(.astro-5avuv2ve),.qq-feature-title:where(.astro-5avuv2ve){transition:none}.qq-feature-card:where(.astro-5avuv2ve):hover,.qq-feature-card:where(.astro-5avuv2ve):hover .qq-feature-icon-wrapper:where(.astro-5avuv2ve){transform:none}}@media (forced-colors:active){.qq-feature-card:where(.astro-5avuv2ve),.qq-feature-card:where(.astro-5avuv2ve):hover{box-shadow:none;color:canvastext;background:canvas;border-color:buttontext}.qq-feature-icon-wrapper:where(.astro-5avuv2ve),.qq-feature-title:where(.astro-5avuv2ve),.qq-feature-desc:where(.astro-5avuv2ve){color:canvastext}.qq-feature-icon-wrapper:where(.astro-5avuv2ve){box-shadow:none;background:buttonface;border-color:buttontext}}@media print{.qq-feature-card:where(.astro-5avuv2ve){break-inside:avoid;page-break-inside:avoid}.qq-feature-card:where(.astro-5avuv2ve):hover{box-shadow:none;transform:none}.qq-feature-card:where(.astro-5avuv2ve):hover .qq-feature-icon-wrapper:where(.astro-5avuv2ve){transform:none}}:where(.astro-hdmlejss):is(.qq-pain-point-grid,.qq-persona-grid){margin:1.5rem 0 3rem}:where(.astro-hdmlejss):is(.qq-pain-point-grid,.qq-persona-grid) ul:where(.astro-hdmlejss){grid-template-columns:minmax(0,1fr);gap:1rem;margin:0;padding:0;list-style:none;display:grid}:where(.astro-hdmlejss):is(.qq-pain-point-card,.qq-persona-card){--qq-glass-background:var(--qq-surface-60);--qq-glass-border:color-mix(in oklab, var(--qq-ink) 5%, transparent);--qq-glass-shadow:var(--qq-shadow-prototype-sm);--qq-glass-blur:12px;border-radius:1rem;align-items:flex-start;gap:1rem;min-width:0;padding:1.25rem;transition:box-shadow .15s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}:where(.astro-hdmlejss):is(.qq-pain-point-card,.qq-persona-card):hover{box-shadow:var(--qq-shadow-content-panel-hover)}:where(.astro-hdmlejss):is(.qq-pain-point-accent,.qq-persona-accent){width:.375rem;position:absolute;inset:0 auto 0 0}.qq-pain-point-accent:where(.astro-hdmlejss){background:color-mix(in oklab, var(--color-red-400) 50%, transparent)}.qq-persona-accent:where(.astro-hdmlejss){background:color-mix(in oklab, var(--qq-blue-foreground) 50%, transparent)}:where(.astro-hdmlejss):is(.qq-pain-point-icon,.qq-persona-icon){--qq-icon-tile-size:2.5rem;--qq-icon-tile-border:color-mix(in oklab, var(--qq-ink) 5%, transparent);--qq-icon-tile-radius:.75rem;--qq-icon-tile-background:var(--qq-surface);--qq-icon-tile-shadow:var(--qq-shadow-prototype-sm);margin-top:1rem;transition:transform .15s cubic-bezier(.4,0,.2,1)}.qq-pain-point-icon:where(.astro-hdmlejss){color:var(--color-red-500)}.qq-persona-icon:where(.astro-hdmlejss){color:var(--qq-blue-foreground)}:where(.astro-hdmlejss):is(.qq-pain-point-card,.qq-persona-card):hover :where(.astro-hdmlejss):is(.qq-pain-point-icon,.qq-persona-icon){transform:scale(1.1)}:where(.astro-hdmlejss):is(.qq-pain-point-content,.qq-persona-content){min-width:0;margin-top:1rem}:where(.astro-hdmlejss):is(.qq-pain-point-content,.qq-persona-content) h3:where(.astro-hdmlejss){color:var(--qq-ink);letter-spacing:0;overflow-wrap:anywhere;margin:0 0 .25rem;font-size:.875rem;font-weight:700;line-height:1.3}:where(.astro-hdmlejss):is(.qq-pain-point-content,.qq-persona-content) p:where(.astro-hdmlejss){color:var(--qq-muted);overflow-wrap:anywhere;margin:0;font-size:.8125rem;line-height:1.625}@media (width>=48rem){:where(.astro-hdmlejss):is(.qq-pain-point-grid,.qq-persona-grid) ul:where(.astro-hdmlejss){grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){:where(.astro-hdmlejss):is(.qq-pain-point-card,.qq-persona-card),:where(.astro-hdmlejss):is(.qq-pain-point-icon,.qq-persona-icon){transition:none}:where(.astro-hdmlejss):is(.qq-pain-point-card,.qq-persona-card):hover :where(.astro-hdmlejss):is(.qq-pain-point-icon,.qq-persona-icon){transform:none}}@media (forced-colors:active){:where(.astro-hdmlejss):is(.qq-pain-point-card,.qq-persona-card),:where(.astro-hdmlejss):is(.qq-pain-point-card,.qq-persona-card):hover{box-shadow:none;color:canvastext;background:canvas;border-color:buttontext}:where(.astro-hdmlejss):is(.qq-pain-point-accent,.qq-persona-accent){background:highlight}:where(.astro-hdmlejss):is(.qq-pain-point-content,.qq-persona-content) h3:where(.astro-hdmlejss),:where(.astro-hdmlejss):is(.qq-pain-point-content,.qq-persona-content) p:where(.astro-hdmlejss){color:canvastext}:where(.astro-hdmlejss):is(.qq-pain-point-icon,.qq-persona-icon){box-shadow:none;color:buttontext;background:buttonface;border-color:buttontext}}@media print{:where(.astro-hdmlejss):is(.qq-pain-point-card,.qq-persona-card){break-inside:avoid;page-break-inside:avoid}:where(.astro-hdmlejss):is(.qq-pain-point-card,.qq-persona-card):hover{box-shadow:none}:where(.astro-hdmlejss):is(.qq-pain-point-card,.qq-persona-card):hover :where(.astro-hdmlejss):is(.qq-pain-point-icon,.qq-persona-icon){transform:none}}
