@layer components{.about-problems__card,.about-dash,.about-story,.about-cta{--surface-glass-tint:var(--surface-strong-soft);background-color:var(--surface-glass-tint);backdrop-filter:blur(var(--glass-blur-card)) saturate(var(--glass-saturate-card));--surface-card-glass-base:var(--surface-glass-tint);--surface-card-fill:var(--surface-card-fill-soft);--surface-card-rim:var(--surface-card-rim-soft);background-image:linear-gradient(166deg,#92aac609 0%,#6882a006 24%,#1624380d 56%,#03081224 100%);background:var(--surface-card-fill) padding-box, var(--surface-card-rim) border-box;border-radius:var(--radius-xl);transition:box-shadow var(--duration-base) var(--ease-default), background var(--duration-base) var(--ease-default), border-color var(--duration-base) var(--ease-default), transform var(--duration-base) var(--ease-default);border:1px solid #0000;position:relative;overflow:hidden;box-shadow:0 24px 44px -40px #00020ae6,0 0 0 1px #809ab80f,inset 0 1px #c6daee14,inset 0 -1px #3a4e681f}.about-problems__card:hover{--surface-card-rim:var(--surface-card-rim-soft-hover);--surface-card-fill:var(--surface-card-fill-soft-hover);box-shadow:0 26px 46px -36px #00030ceb,0 0 0 1px #8aa6c414,inset 0 1px #d0e2f21a,inset 0 -1px #42587224}.page{max-width:var(--container-max);margin-inline:auto}.page--full{max-width:none}.page__content{padding:0 var(--space-6)}.about-page .section-tag--glow{box-shadow:0 0 20px var(--alpha-purple-20), 0 0 40px var(--alpha-purple-06)}.about-page .section-tag__icon{color:var(--color-accent-purple)}.about-section{isolation:isolate;padding-block:clamp(var(--space-10), 8vw, var(--space-14));content-visibility:auto;contain-intrinsic-size:auto 500px;position:relative}.about-section__bg{z-index:-1;pointer-events:none;opacity:.08;background:linear-gradient(90deg, var(--alpha-primary-18) 1px, transparent 1px), linear-gradient(180deg, var(--alpha-purple-15) 1px, transparent 1px);background-size:var(--layout-grid-size,64px) var(--layout-grid-size,64px);transition:opacity 1.4s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 50% 44%,#0009 0%,#0000 78%);mask-image:radial-gradient(80% 60% at 50% 44%,#0009 0%,#0000 78%)}.about-section:has(.is-visible) .about-section__bg{opacity:.2}.about-section__glow{z-index:-2;pointer-events:none;opacity:0;filter:blur(30px);transition:opacity 1.6s cubic-bezier(.22,1,.36,1) .15s;position:absolute;inset:-12% -8%}.about-section:has(.is-visible) .about-section__glow{opacity:1}.about-section--problems{padding-top:clamp(var(--space-4), 3vw, var(--space-6))}.about-section--problems .about-section__glow{background:radial-gradient(62% 58% at 30% 40%,#8f73ff24,#0000 70%),radial-gradient(54% 62% at 70% 56%,#00d4ff1f,#0000 72%)}.about-section--response .about-section__glow{background:radial-gradient(58% 52% at 42% 38%,#00d4ff24,#0000 68%),radial-gradient(52% 58% at 66% 62%,#f7a06f1a,#0000 70%)}.about-section--story .about-section__glow{background:radial-gradient(60% 54% at 40% 46%,#8f73ff1f,#0000 68%),radial-gradient(50% 56% at 66% 54%,#00d4ff1a,#0000 70%)}.about-section--cta .about-section__glow{background:radial-gradient(ellipse 66% 60% at 50% 42%, var(--alpha-primary-14), transparent 68%), radial-gradient(ellipse 54% 58% at 50% 58%, #8f73ff1a, transparent 70%)}.about-section__head{gap:var(--space-2);max-width:760px;margin-bottom:var(--space-8);display:grid}.about-section__head--center{text-align:center;justify-items:center;max-width:760px;margin-inline:auto}.about-section__head h2{font-family:var(--font-display);margin:0;font-size:clamp(1.6rem,3.2vw,2.2rem);line-height:1.16}.about-section__head p{color:var(--color-text-secondary);max-width:64ch;line-height:var(--leading-relaxed);margin:0}.about-section__head--center p{margin-inline:auto}.about-problems{gap:var(--space-4);grid-template-columns:repeat(3,1fr);max-width:1080px;margin-inline:auto;display:grid}.about-problems__card{gap:var(--space-4);padding:var(--space-5) var(--space-5) var(--space-6);border-top:3px solid var(--alpha-primary-25);transition:transform var(--duration-fast), border-color var(--duration-fast), box-shadow var(--duration-fast);border-left:none;grid-template-rows:auto 1fr;display:grid}.about-problems__card:hover{transform:translateY(-3px)}.about-problems__card--cyan{border-top-color:var(--color-accent-cyan)}.about-problems__card--cyan .about-problems__icon{color:var(--color-accent-cyan);border-color:var(--alpha-primary-25);background:var(--alpha-primary-06)}.about-problems__card--purple{border-top-color:var(--color-accent-purple)}.about-problems__card--purple .about-problems__icon{color:var(--color-accent-purple);border-color:var(--alpha-purple-25);background:var(--alpha-purple-06)}.about-problems__card--orange{border-top-color:var(--color-accent-orange)}.about-problems__card--orange .about-problems__icon{color:var(--color-accent-orange);border-color:var(--alpha-orange-25);background:var(--alpha-orange-10)}.about-problems__icon{border-radius:var(--radius-lg);border:1px solid var(--alpha-primary-25);background:var(--alpha-primary-06);width:48px;height:48px;transition:transform var(--duration-fast);flex-shrink:0;place-items:center;display:grid}.about-problems__card:hover .about-problems__icon{transform:scale(1.08)}.about-problems__content{gap:var(--space-1);align-content:start;display:grid}.about-problems__num{font-family:var(--font-mono);letter-spacing:.08em;opacity:.4;font-size:.6rem}.about-problems__content h3{font-size:var(--text-md);font-weight:var(--weight-semibold);margin:0}.about-problems__content p{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin:0}.about-response{text-align:center;max-width:760px;margin-inline:auto;margin-bottom:var(--space-8)}.about-section--response{padding-block:clamp(var(--space-8), 6vw, var(--space-12))}.about-response h2{margin:0 0 var(--space-3);font-family:var(--font-display);background:linear-gradient(135deg, var(--color-accent-cyan), var(--color-accent-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.4rem,2.8vw,1.9rem);line-height:1.22}.about-response p{color:var(--color-text-secondary);line-height:var(--leading-relaxed);font-size:var(--text-md);margin:0}.about-response__link{text-align:center;margin-top:var(--space-6)}.about-response__link a{color:var(--color-accent-purple);font-weight:var(--weight-medium);transition:color var(--duration-fast), background-size var(--duration-base) var(--ease-out);background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0% 1px;text-decoration:none}.about-response__link a:hover{color:var(--color-accent-cyan);background-size:100% 1px}.about-preview{max-width:900px;margin-inline:auto}.about-dash{border-radius:var(--radius-xl);box-shadow:0 24px 80px #0006, 0 0 0 1px var(--alpha-primary-10), 0 0 40px -12px #00d4ff14, 0 0 40px -12px #8f73ff0f;overflow:hidden}.about-dash__bar{align-items:center;gap:var(--space-2);padding:.5rem var(--space-3);border-bottom:1px solid var(--alpha-border-04);border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:#00000040;display:flex}.about-dash__dots{align-items:center;gap:5px;display:flex}.about-dash__dots .dot{border-radius:50%;width:8px;height:8px}.about-dash__dots .dot--red{background:#ff5f57b3}.about-dash__dots .dot--yellow{background:#ffbd2eb3}.about-dash__dots .dot--green{background:#28c840b3}.about-dash__url{font-family:var(--font-mono);color:var(--color-text-faint);text-align:center;letter-spacing:.02em;flex:1;font-size:.62rem}.about-dash__badge{font-family:var(--font-mono);font-size:.58rem;font-weight:var(--weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:color-mix(in oklch, var(--color-success) 42%, var(--color-text-white));border-radius:var(--radius-full);background:var(--alpha-success-10);border:1px solid var(--alpha-success-20);align-items:center;gap:.36rem;padding:.12rem .42rem;display:inline-flex}.about-dash__body{gap:.45rem;padding:.5rem .65rem;display:grid;position:relative;overflow:hidden}.about-dash__body:before{content:"";pointer-events:none;background:linear-gradient(#ffffff04,#fff0);position:absolute;inset:0}.about-dash__topbar{justify-content:space-between;align-items:center;gap:var(--space-2);border-bottom:1px solid var(--alpha-border-04);padding-bottom:.3rem;display:flex}.about-dash__site{align-items:center;gap:.38rem;display:flex}.about-dash__favicon{width:18px;height:18px;color:var(--color-accent-cyan);display:inline-flex}.about-dash__favicon svg{width:100%;height:100%}.about-dash__domain{font-size:.66rem;font-weight:var(--weight-semibold);color:var(--color-text)}.about-dash__status{font-size:.52rem;font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:.08em;color:var(--color-success-soft);border-radius:var(--radius-full);background:var(--alpha-success-10);border:1px solid var(--alpha-success-20);padding:.1rem .36rem}.about-dash__scanned{color:var(--color-text-faint);font-size:.58rem}.about-dash__hero-row{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.6rem;display:grid}.about-dash__score-ring{width:68px;height:68px;position:relative}.about-dash__ring-svg{width:100%;height:100%}.about-dash__ring-label{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.about-dash__ring-label strong{font-family:var(--font-mono);font-size:1.18rem;font-weight:var(--weight-bold);color:var(--color-text);line-height:1}.about-dash__ring-label span{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-top:2px;font-size:.48rem}.about-dash__stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;display:grid}.about-dash__stat{border-radius:var(--radius-md);border:1px solid var(--alpha-border-04);background:#ffffff04;gap:1px;padding:.35rem .4rem;display:grid;position:relative;overflow:hidden}.about-dash__stat:before{content:"";background:linear-gradient(180deg, var(--color-accent-cyan), var(--color-accent-purple));opacity:.4;border-radius:1px;width:2px;position:absolute;top:15%;bottom:15%;left:0}.about-dash__stat-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);font-size:.5rem}.about-dash__stat-value{font-family:var(--font-mono);font-size:.74rem;font-weight:var(--weight-bold);color:var(--color-text);line-height:1.2}.about-dash__stat-value--green{color:var(--color-success-soft)}.about-dash__stat-sub{color:var(--color-text-faint);font-size:.46rem}.about-dash__signals{border:1px solid var(--alpha-border-04);border-radius:var(--radius-md);background:#ffffff04;gap:.3rem;padding:.4rem .6rem;display:grid}.about-dash__signals-header{color:var(--color-text-muted);letter-spacing:.02em;align-items:center;gap:.3rem;font-size:.62rem;display:flex}.about-dash__signals-header svg{width:12px;height:12px;color:var(--color-accent-cyan)}.about-dash__signal{color:var(--color-text-secondary);align-items:center;gap:.4rem;font-size:.58rem;display:flex}.about-dash__signal-pill{border-radius:var(--radius-full);font-size:.46rem;font-weight:var(--weight-semibold);letter-spacing:.06em;text-transform:uppercase;align-items:center;padding:.08rem .32rem;line-height:1;display:inline-flex}.about-dash__signal-pill--green{background:var(--alpha-success-10);color:var(--color-success-soft);border:1px solid var(--alpha-success-20)}.about-dash__signal-pill--cyan{background:var(--alpha-primary-12);color:var(--color-accent-cyan);border:1px solid var(--alpha-primary-20)}.about-dash__categories{border:1px solid var(--alpha-border-04);border-radius:var(--radius-md);background:#ffffff04;gap:.3rem;padding:.4rem .6rem;display:grid}.about-dash__cat-header{color:var(--color-text-muted);letter-spacing:.02em;justify-content:space-between;align-items:center;margin-bottom:.15rem;font-size:.62rem;display:flex}.about-dash__pill{border-radius:var(--radius-full);font-size:.48rem;font-weight:var(--weight-semibold);letter-spacing:.06em;text-transform:uppercase;align-items:center;padding:.08rem .32rem;line-height:1;display:inline-flex}.about-dash__pill--cyan{background:var(--alpha-primary-12);color:var(--color-accent-cyan);border:1px solid var(--alpha-primary-20)}.about-dash__pill--orange{background:var(--alpha-orange-10);color:var(--color-accent-orange);border:1px solid var(--alpha-orange-25)}.about-dash__cat-grid{grid-template-columns:1fr 1fr;gap:.3rem .8rem;display:grid}.about-dash__cat{grid-template-columns:minmax(0,.55fr) minmax(0,1fr) auto;align-items:center;gap:.3rem;display:grid}.about-dash__cat-name{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.58rem;overflow:hidden}.about-dash__cat-track{background:var(--alpha-white-04);border-radius:2px;height:4px;overflow:hidden}.about-dash__cat-fill{border-radius:inherit;background:var(--cat-accent,var(--color-accent-cyan));opacity:.75;width:0;height:100%;transition:width 1s cubic-bezier(.22,1,.36,1)}.about-dash__cat-val{font-family:var(--font-mono);color:var(--color-text-muted);text-align:right;min-width:24px;font-size:.54rem}.about-dash__bottom-row{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.about-dash__issues,.about-dash__actions{border:1px solid var(--alpha-border-04);border-radius:var(--radius-md);background:#ffffff04;align-content:start;gap:.3rem;padding:.4rem .6rem;display:grid}.about-dash__issues-header,.about-dash__actions-header{color:var(--color-text-muted);letter-spacing:.02em;justify-content:space-between;align-items:center;gap:.3rem;font-size:.62rem;display:flex}.about-dash__issues-header svg,.about-dash__actions-header svg{width:12px;height:12px}.about-dash__issue{border-radius:var(--radius-md);border:1px solid var(--alpha-border-04);background:#ffffff03;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.35rem;padding:.28rem .38rem;display:grid}.about-dash__issue-pill{border-radius:var(--radius-full);min-width:2.8rem;font-size:.48rem;font-weight:var(--weight-semibold);letter-spacing:.08em;text-transform:uppercase;justify-content:center;align-items:center;padding:.1rem .36rem;line-height:1;display:inline-flex}.about-dash__issue-pill--red{border:1px solid var(--alpha-error-25);background:var(--alpha-error-15);color:var(--color-error-soft)}.about-dash__issue-pill--orange{border:1px solid var(--alpha-orange-25);background:var(--alpha-orange-10);color:var(--color-accent-orange)}.about-dash__issue-title{font-size:.6rem;font-weight:var(--weight-semibold);color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.about-dash__issue-meta{color:var(--color-text-faint);margin-top:1px;font-size:.48rem}.about-dash__action{border-radius:var(--radius-md);border:1px solid var(--alpha-border-04);background:#ffffff03;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.35rem;padding:.28rem .38rem;display:grid}.about-dash__action-icon{border-radius:var(--radius-md);background:var(--alpha-primary-06);width:24px;height:24px;color:var(--color-accent-cyan);justify-content:center;align-items:center;display:inline-flex}.about-dash__action-icon svg{width:12px;height:12px}.about-dash__action-title{font-size:.6rem;font-weight:var(--weight-semibold);color:var(--color-text)}.about-dash__action-meta{color:var(--color-text-faint);margin-top:1px;font-size:.48rem}.about-section--stats{padding-block:clamp(var(--space-4), 3vw, var(--space-6))}.about-stats{border-top:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle);justify-content:center;gap:0;max-width:1080px;margin-inline:auto;display:flex}.about-stats__item{text-align:center;padding:var(--space-5) var(--space-6);gap:var(--space-1);flex:1;max-width:260px;display:grid;position:relative}.about-stats__item+.about-stats__item:before{content:"";background:var(--color-border-subtle);width:1px;position:absolute;top:25%;bottom:25%;left:0}.about-stats__number{font-family:var(--font-display);font-size:clamp(1.5rem,2.8vw,2rem);font-weight:var(--weight-bold);background:linear-gradient(135deg, var(--color-accent-cyan), var(--color-accent-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;line-height:1}.about-stats__label{font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:.02em}.about-story{gap:var(--space-8);padding:clamp(var(--space-5), 4vw, var(--space-8));grid-template-columns:1fr 160px;align-items:center;max-width:960px;margin-inline:auto;display:grid}.about-story__text{gap:var(--space-3);display:grid}.about-story__text h2{font-family:var(--font-display);margin:0;font-size:clamp(1.4rem,2.6vw,1.8rem);line-height:1.2}.about-story__text p{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin:0}.about-story__sign{margin-top:var(--space-2);font-weight:var(--weight-semibold);color:var(--color-text);align-items:center;gap:var(--space-3);display:flex}.about-story__email{color:var(--color-accent-purple);font-weight:var(--weight-medium);font-size:var(--text-sm);transition:color var(--duration-fast)}.about-story__email:hover{color:var(--color-accent-cyan)}.about-story__visual{gap:var(--space-5);justify-items:center;display:grid}.about-story__mark{border-radius:var(--radius-xl);border:1px solid var(--alpha-purple-bright-22);background:var(--alpha-purple-bright-08);width:88px;height:88px;transition:transform var(--duration-fast), box-shadow var(--duration-fast);place-items:center;display:grid}.about-story__mark:hover{box-shadow:0 0 20px var(--alpha-purple-bright-18);transform:scale(1.06)}.about-story__mark img{width:48px;height:48px}.about-story__avatar{width:64px;height:64px;font-family:var(--font-mono);font-size:var(--text-lg);color:var(--raw-purple-400);border:1px solid color-mix(in oklch, var(--color-accent-purple) 40%, transparent);background:linear-gradient(150deg, var(--alpha-purple-35), var(--alpha-primary-25));transition:transform var(--duration-fast), box-shadow var(--duration-fast);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.about-story__avatar:hover{box-shadow:0 0 20px var(--alpha-purple-bright-22);transform:scale(1.06)}.about-story__trust{margin:var(--space-6) auto 0;text-align:center;color:var(--color-text-muted);font-size:var(--text-sm);max-width:68ch}.about-story__trust a{color:var(--alpha-purple-bright-80);transition:color var(--duration-fast)}.about-story__trust a:hover{color:var(--color-accent-cyan)}.about-section--cta{padding-bottom:var(--space-12)}.about-cta{max-width:720px;padding:clamp(var(--space-6), 5vw, var(--space-10));text-align:center;border-radius:calc(var(--radius-2xl) + 4px);margin-inline:auto;position:relative;overflow:hidden}.about-cta:before{content:"";background:linear-gradient(90deg, transparent, var(--alpha-primary-50), var(--alpha-purple-50), transparent);pointer-events:none;height:1px;position:absolute;top:0;left:10%;right:10%}.about-cta__title{margin:0 0 var(--space-3);font-family:var(--font-display);font-size:clamp(1.5rem,2.8vw,2rem);line-height:1.16}.about-cta__sub{margin:0 auto var(--space-5);color:var(--color-text-secondary);max-width:50ch;line-height:var(--leading-relaxed)}.about-cta__actions{gap:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}@media (width<=1024px){.about-problems{grid-template-columns:1fr;max-width:620px}.about-problems__card{grid-template-rows:unset;grid-template-columns:auto 1fr}.about-story{grid-template-columns:1fr}.about-story__visual{gap:var(--space-4);flex-direction:row;order:-1;justify-content:flex-start;display:flex}.about-story__mark{width:56px;height:56px}.about-story__mark img{width:32px;height:32px}.about-story__avatar{width:48px;height:48px;font-size:var(--text-md)}}@media (width<=768px){.about-problems__card{gap:var(--space-2);grid-template-columns:1fr}.about-problems__icon{width:40px;height:40px}.about-dash__hero-row{grid-template-columns:1fr;justify-items:center;gap:.4rem}.about-dash__score-ring{width:56px;height:56px}.about-dash__ring-label strong{font-size:.95rem}.about-dash__cat-grid,.about-dash__bottom-row{grid-template-columns:1fr}.about-stats{flex-wrap:wrap}.about-stats__item{max-width:none;padding:var(--space-4) var(--space-3);flex:40%}.about-stats__item:nth-child(3):before{display:none}.about-cta__actions{flex-direction:column}.about-cta__actions .btn{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){.about-problems__card,.about-story__mark,.about-story__avatar{transition:none}}}