.values{z-index:2;background-color:var(--bg);position:relative}.values-inner{max-width:1600px;margin:0 auto;padding:3rem 2.5rem 4rem}.values-head{flex-direction:column;gap:1rem;max-width:640px;margin-bottom:2.75rem;display:flex}.values-eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.18em;color:var(--accent);font-size:.78rem;font-weight:600}.values-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--fg);max-width:20ch;font-size:clamp(2.2rem,4.5vw,4rem);font-weight:600;line-height:1.02}.values-sub{font-family:var(--font-body);color:var(--fg-muted);max-width:48ch;font-size:1.1rem;line-height:1.6}.values-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}.value-card{background-color:var(--surface);border:1px solid var(--line);isolation:isolate;flex-direction:column;align-items:flex-start;gap:.85rem;padding:2.35rem 1.85rem 2.5rem;transition:transform .5s cubic-bezier(.16,1,.3,1),border-color .4s;display:flex;position:relative;overflow:hidden}.value-card:before{content:"";z-index:-1;background:linear-gradient(155deg, color-mix(in srgb, var(--accent) 9%, transparent), transparent 62%);opacity:0;transition:opacity .45s;position:absolute;inset:0}.value-card:after{content:"";z-index:-1;background-color:var(--accent);width:2.6rem;height:2px;transition:width .55s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0}.value-card:hover{border-color:color-mix(in srgb, var(--accent) 42%, var(--line));transform:translateY(-6px)}.value-card:hover:before{opacity:1}.value-card:hover:after{width:100%}.value-icon{width:2.7rem;height:2.7rem;color:var(--accent);margin-bottom:.35rem}.value-icon svg{width:100%;height:100%;display:block}.value-kicker{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.2em;color:var(--fg-muted);font-size:.68rem;font-weight:600}.value-card-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--fg);font-size:1.5rem;font-weight:600;line-height:1.12}.value-desc{font-family:var(--font-body);color:var(--fg-muted);font-size:.98rem;line-height:1.6}.value-arrow{color:var(--accent);opacity:0;margin-top:.25rem;font-size:1.15rem;line-height:1;transition:opacity .4s,transform .4s;transform:translate(-8px)}.value-card:hover .value-arrow{opacity:1;transform:translate(0)}@media (max-width:1000px){.values-grid{grid-template-columns:1fr 1fr}}@media (max-width:900px){.values-inner{padding:2.5rem 1.5rem 3.5rem}}@media (max-width:560px){.values-grid{grid-template-columns:1fr}}