.about-hl-features{background:#fff;padding:5rem 0;position:relative;overflow:hidden}.about-hl-features-bg{pointer-events:none;position:absolute;inset:0}.about-hl-features-blob{filter:blur(80px);opacity:.4;border-radius:50%;position:absolute}.about-hl-features-blob--1{background:color-mix(in srgb, var(--accent) 28%, transparent);width:18rem;height:18rem;top:-4rem;right:-3rem}.about-hl-features-blob--2{background:color-mix(in srgb, var(--primary-light) 22%, transparent);width:20rem;height:20rem;bottom:-3rem;left:-4rem}.about-hl-features-pattern{opacity:.25;background-image:radial-gradient(color-mix(in srgb, var(--primary) 9%, transparent) 1px, transparent 1px);background-size:1.75rem 1.75rem;position:absolute;inset:0;-webkit-mask-image:radial-gradient(90% 80% at 50% 30%,#000 15%,#0000 75%);mask-image:radial-gradient(90% 80% at 50% 30%,#000 15%,#0000 75%)}.about-hl-header-line{background:linear-gradient(90deg, var(--primary), var(--accent));border-radius:999px;width:4rem;height:3px;margin:1.25rem auto 0;display:block}.about-hl-feature-grid{grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}.about-hl-feature-card{border:1px solid color-mix(in srgb, var(--primary) 10%, transparent);box-shadow:0 4px 20px color-mix(in srgb, var(--primary-dark) 4%, transparent);background:#fff;border-radius:1rem;align-items:center;gap:1rem;padding:1.125rem 1.25rem;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s cubic-bezier(.22,1,.36,1),border-color .4s;display:flex;position:relative}.about-hl-feature-card:hover{border-color:color-mix(in srgb, var(--primary) 22%, transparent);box-shadow:0 16px 32px color-mix(in srgb, var(--primary-dark) 8%, transparent);transform:translateY(-4px)}.about-hl-feature-icon{background:linear-gradient(145deg, color-mix(in srgb, var(--primary) 10%, transparent), color-mix(in srgb, var(--accent) 16%, transparent));border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;transition:transform .4s;display:flex;position:relative}.about-hl-feature-card:hover .about-hl-feature-icon{transform:scale(1.06)rotate(-3deg)}.about-hl-feature-label{color:var(--primary-dark);font-size:.9375rem;font-weight:600;line-height:1.4}.about-hl-feature-check{width:1.25rem;height:1.25rem;color:var(--accent);opacity:0;flex-shrink:0;margin-left:auto;transition:opacity .3s,transform .3s;transform:scale(.8)}.about-hl-feature-card:hover .about-hl-feature-check{opacity:1;transform:scale(1)}.about-hl-values{background:linear-gradient(180deg, var(--cream) 0%, color-mix(in srgb, var(--cream) 60%, white) 100%);padding:5rem 0 6rem;position:relative;overflow:hidden}.about-hl-values-bg{pointer-events:none;position:absolute;inset:0}.about-hl-values-ring{border:1px solid color-mix(in srgb, var(--primary) 10%, transparent);border-radius:50%;position:absolute}.about-hl-values-ring--1{width:24rem;height:24rem;top:-8rem;left:50%;transform:translate(-50%)}.about-hl-values-ring--2{border-style:dashed;border-color:color-mix(in srgb, var(--accent) 25%, transparent);width:18rem;height:18rem;bottom:-6rem;right:-6rem}.about-hl-values-grid{grid-template-columns:minmax(0,1fr);gap:1.25rem;display:grid}.about-hl-value-card{border:1px solid color-mix(in srgb, var(--primary) 8%, transparent);box-shadow:0 4px 24px color-mix(in srgb, var(--primary-dark) 5%, transparent), 0 1px 0 #ffffffe6 inset;background:#fff;border-radius:1.25rem;flex-direction:column;padding:1.75rem;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s cubic-bezier(.22,1,.36,1),border-color .45s;display:flex;position:relative;overflow:hidden}.about-hl-value-card:hover{border-color:color-mix(in srgb, var(--primary) 20%, transparent);box-shadow:0 22px 40px color-mix(in srgb, var(--primary-dark) 10%, transparent), 0 1px 0 #ffffffe6 inset;transform:translateY(-6px)}.about-hl-value-card-accent{background:linear-gradient(90deg, var(--primary), var(--accent));transform-origin:0;width:100%;height:3px;transition:transform .45s cubic-bezier(.22,1,.36,1);position:absolute;top:0;left:0;transform:scaleX(0)}.about-hl-value-card:hover .about-hl-value-card-accent{transform:scaleX(1)}.about-hl-value-index{letter-spacing:-.04em;color:color-mix(in srgb, var(--primary) 7%, transparent);font-size:2.25rem;font-weight:800;line-height:1;transition:color .35s;position:absolute;top:1rem;right:1.25rem}.about-hl-value-card:hover .about-hl-value-index{color:color-mix(in srgb, var(--primary) 13%, transparent)}.about-hl-value-icon{background:linear-gradient(145deg, color-mix(in srgb, var(--primary) 12%, transparent), color-mix(in srgb, var(--accent) 18%, transparent));border-radius:1rem;justify-content:center;align-items:center;width:3.25rem;height:3.25rem;margin-bottom:1.15rem;transition:transform .4s;display:inline-flex;position:relative}.about-hl-value-card:hover .about-hl-value-icon{transform:scale(1.06)}.about-hl-value-icon-ring{border:1px dashed color-mix(in srgb, var(--primary) 20%, transparent);opacity:.5;border-radius:1.15rem;position:absolute;inset:-5px}.about-hl-value-title{color:var(--primary-dark);margin-bottom:.625rem;font-size:1.125rem;font-weight:700}.about-hl-value-desc{color:#4b5563;font-size:.875rem;line-height:1.65}@media (min-width:640px){.about-hl-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.125rem}}@media (min-width:1024px){.about-hl-features,.about-hl-values{padding-top:6rem}.about-hl-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.about-hl-values-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.about-hl-value-card{padding:2rem}.about-hl-value-desc{font-size:.9375rem}}@media (prefers-reduced-motion:reduce){.about-hl-feature-card:hover,.about-hl-value-card:hover,.about-hl-feature-card:hover .about-hl-feature-icon,.about-hl-value-card:hover .about-hl-value-icon{transform:none}}
.wmd{background:linear-gradient(180deg, var(--cream) 0%, color-mix(in srgb, var(--cream) 70%, white) 50%, white 100%)}.wmd-bg{pointer-events:none;position:absolute;inset:0}.wmd-blob{filter:blur(80px);opacity:.45;border-radius:50%;animation:20s ease-in-out infinite wmd-float;position:absolute}.wmd-blob--1{background:color-mix(in srgb, var(--accent) 32%, transparent);width:22rem;height:22rem;top:-6rem;left:10%}.wmd-blob--2{background:color-mix(in srgb, var(--primary-light) 26%, transparent);width:26rem;height:26rem;animation-delay:-9s;bottom:-5rem;right:5%}.wmd-grid-pattern{opacity:.3;background-image:radial-gradient(color-mix(in srgb, var(--primary) 10%, transparent) 1px, transparent 1px);background-size:2rem 2rem;position:absolute;inset:0;-webkit-mask-image:radial-gradient(85% 75% at 50% 45%,#000 10%,#0000 72%);mask-image:radial-gradient(85% 75% at 50% 45%,#000 10%,#0000 72%)}.wmd-header-line{background:linear-gradient(90deg, var(--primary), var(--accent));border-radius:999px;width:4rem;height:3px;margin:1.25rem auto 0;display:block}.wmd-stage{grid-template-columns:minmax(0,1fr);align-items:center;gap:2.5rem;display:grid}.wmd-column{flex-direction:column;gap:1.5rem;display:flex}.wmd-visual{order:-1;justify-content:center;align-items:center;min-height:18rem;display:flex;position:relative}.wmd-visual-ring{border:1px solid color-mix(in srgb, var(--primary) 18%, transparent);pointer-events:none;border-radius:50%;position:absolute}.wmd-visual-ring--outer{aspect-ratio:1;width:min(92%,22rem);animation:28s linear infinite wmd-ring-spin}.wmd-visual-ring--inner{aspect-ratio:1;border-style:dashed;border-color:color-mix(in srgb, var(--accent) 35%, transparent);width:min(78%,18rem);animation:22s linear infinite reverse wmd-ring-spin}.wmd-visual-glow{aspect-ratio:1;background:radial-gradient(circle, color-mix(in srgb, var(--accent) 22%, transparent) 0%, transparent 70%);filter:blur(24px);border-radius:50%;width:min(70%,16rem);animation:4s ease-in-out infinite wmd-pulse;position:absolute}.wmd-visual-frame{z-index:1;width:min(100%,20rem);box-shadow:0 24px 48px color-mix(in srgb, var(--primary-dark) 12%, transparent), 0 0 0 1px color-mix(in srgb, var(--primary) 8%, transparent);background:#fff;border-radius:1.5rem;transition:transform .5s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.wmd-visual:hover .wmd-visual-frame{transform:translateY(-4px)scale(1.01)}.wmd-visual-image{object-fit:cover;width:100%;height:auto;display:block}.wmd-visual-badge{z-index:2;letter-spacing:.04em;text-transform:uppercase;color:var(--primary-dark);background:color-mix(in srgb, white 92%, var(--cream));border:1px solid color-mix(in srgb, var(--primary) 14%, transparent);box-shadow:0 8px 24px color-mix(in srgb, var(--primary-dark) 10%, transparent);white-space:nowrap;border-radius:999px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:600;display:inline-flex;position:absolute;bottom:.5rem;left:50%;transform:translate(-50%)}.wmd-visual-badge-dot{background:var(--accent);width:.5rem;height:.5rem;box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 28%, transparent);border-radius:50%;animation:2.2s ease-in-out infinite wmd-dot-pulse}.wmd-card{border:1px solid color-mix(in srgb, var(--primary) 10%, transparent);box-shadow:0 4px 24px color-mix(in srgb, var(--primary-dark) 5%, transparent), 0 1px 0 #fffc inset;background:#fff;border-radius:1.25rem;padding:1.5rem 1.5rem 1.625rem;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s cubic-bezier(.22,1,.36,1),border-color .45s;position:relative;overflow:hidden}.wmd-card:hover{border-color:color-mix(in srgb, var(--primary) 22%, transparent);box-shadow:0 20px 40px color-mix(in srgb, var(--primary-dark) 9%, transparent), 0 1px 0 #fffc inset;transform:translateY(-5px)}.wmd-card-glow{opacity:0;filter:blur(28px);pointer-events:none;border-radius:50%;width:6rem;height:6rem;transition:opacity .45s;position:absolute;top:-2rem;right:-2rem}.wmd-card:hover .wmd-card-glow{opacity:1}.wmd-card[data-accent=gold] .wmd-card-glow{background:#f5c842}.wmd-card[data-accent=teal] .wmd-card-glow{background:#2dd4bf}.wmd-card[data-accent=sky] .wmd-card-glow{background:#38bdf8}.wmd-card[data-accent=warm] .wmd-card-glow{background:#f4a261}.wmd-card[data-accent=green] .wmd-card-glow{background:var(--accent)}.wmd-card[data-accent=earth] .wmd-card-glow{background:var(--earth)}.wmd-card-index{letter-spacing:-.04em;color:color-mix(in srgb, var(--primary) 7%, transparent);pointer-events:none;font-size:2.5rem;font-weight:800;line-height:1;transition:color .35s;position:absolute;top:1rem;right:1.25rem}.wmd-card:hover .wmd-card-index{color:color-mix(in srgb, var(--primary) 14%, transparent)}.wmd-icon{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;margin-bottom:1rem;transition:transform .4s cubic-bezier(.22,1,.36,1);display:inline-flex;position:relative}.wmd-card:hover .wmd-icon{transform:scale(1.08)}.wmd-icon-ring{border:1px dashed color-mix(in srgb, currentColor 25%, transparent);opacity:.6;border-radius:50%;animation:16s linear infinite wmd-ring-spin;position:absolute;inset:-4px}.wmd-card[data-accent=gold] .wmd-icon{color:#5c4a0f;background:linear-gradient(135deg,#e8b923,#f5d76e)}.wmd-card[data-accent=teal] .wmd-icon{color:#064e3b;background:linear-gradient(135deg,#0d9488,#5eead4)}.wmd-card[data-accent=sky] .wmd-icon{color:#0c4a6e;background:linear-gradient(135deg,#0284c7,#7dd3fc)}.wmd-card[data-accent=warm] .wmd-icon{color:#78350f;background:linear-gradient(135deg,#d97706,#fbbf24)}.wmd-card[data-accent=green] .wmd-icon{background:linear-gradient(135deg, var(--primary), var(--accent));color:#1e4d1e}.wmd-card[data-accent=earth] .wmd-icon{background:linear-gradient(135deg, var(--earth), #8d6e63);color:#3e2723}.wmd-card-title{letter-spacing:-.01em;color:var(--primary-dark);margin-bottom:.625rem;font-size:1.0625rem;font-weight:700}.wmd-card-desc{color:color-mix(in srgb, var(--foreground) 72%, gray);font-size:.9375rem;line-height:1.65}@media (min-width:1024px){.wmd-stage{grid-template-columns:minmax(0,1fr) minmax(16rem,22rem) minmax(0,1fr);align-items:center;gap:2rem 2.5rem}.wmd-visual{order:0;grid-row:span 2;align-self:center}.wmd-column--left{justify-self:end;width:100%;max-width:22rem}.wmd-column--right{justify-self:start;width:100%;max-width:22rem}.wmd-card[data-side=left]{text-align:right}.wmd-card[data-side=left] .wmd-icon{margin-left:auto}.wmd-card[data-side=left] .wmd-card-index{left:1.25rem;right:auto}}@media (min-width:1280px){.wmd-stage{gap:2.5rem 3.5rem}.wmd-visual-frame{width:min(100%,22rem)}}@keyframes wmd-float{0%,to{transform:translate(0)}50%{transform:translate(1.5rem,-1rem)}}@keyframes wmd-ring-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes wmd-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@keyframes wmd-dot-pulse{0%,to{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 30%, transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb, var(--accent) 12%, transparent)}}@media (prefers-reduced-motion:reduce){.wmd-blob,.wmd-visual-ring,.wmd-visual-glow,.wmd-visual-badge-dot,.wmd-icon-ring{animation:none}.wmd-card:hover,.wmd-visual:hover .wmd-visual-frame{transform:none}}
.sus-commit{background:#fff;padding:5rem 0;position:relative;overflow:hidden}.sus-commit-leaf{pointer-events:none;filter:blur(60px);opacity:.35;border-radius:50%;position:absolute}.sus-commit-leaf--top{background:color-mix(in srgb, var(--accent) 40%, transparent);width:14rem;height:8rem;top:-3rem;left:5%;transform:rotate(-12deg)}.sus-commit-leaf--bottom{background:color-mix(in srgb, var(--primary-light) 35%, transparent);width:16rem;height:9rem;bottom:-2rem;right:8%;transform:rotate(8deg)}.sus-commit-pattern{opacity:.2;background-image:radial-gradient(color-mix(in srgb, var(--primary) 8%, transparent) 1px, transparent 1px);background-size:2rem 2rem;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 30% 70%,#000 100%);mask-image:linear-gradient(#000 0%,#0000 30% 70%,#000 100%)}.sus-commit-grid{grid-template-columns:minmax(0,1fr);align-items:center;gap:3rem;display:grid}.sus-commit-content{max-width:36rem}.sus-commit-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--primary);align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.8125rem;font-weight:600;display:inline-flex}.sus-commit-eyebrow:before{content:"";background:linear-gradient(90deg, var(--primary), var(--accent));border-radius:999px;width:1.5rem;height:2px}.sus-commit-title-line{background:linear-gradient(90deg, var(--primary), var(--accent));border-radius:999px;width:4rem;height:3px;margin:1rem 0 1.5rem;display:block}.sus-commit-text{flex-direction:column;gap:1.25rem;display:flex}.sus-commit-text p{color:color-mix(in srgb, var(--foreground) 75%, gray);font-size:1rem;line-height:1.75}.sus-commit-pills{flex-wrap:wrap;gap:.625rem;margin-top:2rem;display:flex}.sus-commit-pill{color:var(--primary-dark);background:color-mix(in srgb, var(--cream) 80%, white);border:1px solid color-mix(in srgb, var(--primary) 12%, transparent);border-radius:999px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;transition:transform .35s,border-color .35s,box-shadow .35s;display:inline-flex}.sus-commit-pill:hover{border-color:color-mix(in srgb, var(--primary) 25%, transparent);box-shadow:0 8px 20px color-mix(in srgb, var(--primary-dark) 6%, transparent);transform:translateY(-2px)}.sus-commit-pill-dot{background:var(--accent);border-radius:50%;width:.375rem;height:.375rem}.sus-commit-visual{position:relative}.sus-commit-frame-back{border:1px solid color-mix(in srgb, var(--primary) 14%, transparent);pointer-events:none;border-radius:1.5rem;position:absolute;inset:0;transform:translate(.75rem,.75rem)}.sus-commit-frame-accent{border-top:3px solid var(--accent);border-right:3px solid var(--accent);pointer-events:none;border-radius:0 1rem 0 0;width:4rem;height:4rem;position:absolute;top:-.5rem;right:-.5rem}.sus-commit-image-wrap{background:color-mix(in srgb, var(--cream) 50%, white);box-shadow:0 24px 48px color-mix(in srgb, var(--primary-dark) 12%, transparent), 0 0 0 1px color-mix(in srgb, var(--primary) 8%, transparent);border-radius:1.5rem;transition:transform .5s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.sus-commit-visual:hover .sus-commit-image-wrap{transform:translateY(-4px)}.sus-commit-image{object-fit:cover;width:100%;height:auto;display:block}.sus-commit-image-overlay{background:linear-gradient(135deg, color-mix(in srgb, var(--primary-dark) 8%, transparent) 0%, transparent 45%, color-mix(in srgb, var(--accent) 6%, transparent) 100%);pointer-events:none;position:absolute;inset:0}.sus-commit-badge{letter-spacing:.03em;color:#020202;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid color-mix(in srgb, var(--primary-dark) 88%, transparent);background:#ffffff26;border-radius:999px;align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:.75rem;font-weight:600;display:inline-flex;position:absolute;bottom:1rem;left:1rem}@media (min-width:1024px){.sus-commit{padding:6rem 0}.sus-commit-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:4rem 5rem}.sus-commit-content{max-width:none}.sus-commit-text p{font-size:1.0625rem}}@media (prefers-reduced-motion:reduce){.sus-commit-pill:hover,.sus-commit-visual:hover .sus-commit-image-wrap{transform:none}}
