.variant-minimal{--variant-radius-sm:4px;--variant-radius-md:6px;--variant-radius-lg:8px;--variant-shadow-sm:0 1px 2px #0000000a;--variant-shadow-md:0 2px 4px #0000000f;--variant-shadow-lg:0 4px 8px #00000014;--variant-spacing-scale:1.2;--variant-font-scale:.95;--variant-font-normal:400;--variant-font-semibold:500;--variant-font-bold:600;padding:calc(var(--sf-space-6) * var(--variant-spacing-scale));border-color:color-mix(in srgb, var(--sf-line) 50%, transparent);border-radius:var(--variant-radius-md)}.variant-minimal h1,.variant-minimal h2,.variant-minimal h3{font-weight:var(--variant-font-semibold);letter-spacing:-.01em}.variant-minimal p{color:var(--sf-muted);line-height:var(--sf-leading-relaxed)}.variant-minimal .btn{font-weight:var(--variant-font-normal);text-transform:none;padding:var(--sf-space-3) var(--sf-space-6)}.variant-standard{--variant-radius-sm:6px;--variant-radius-md:10px;--variant-radius-lg:14px;--variant-shadow-sm:0 2px 4px #00000014;--variant-shadow-md:0 4px 12px #0000001a;--variant-shadow-lg:0 8px 24px #0000001f;--variant-spacing-scale:1;--variant-font-scale:1;--variant-font-normal:400;--variant-font-semibold:600;--variant-font-bold:700;padding:calc(var(--sf-space-5) * var(--variant-spacing-scale));border-radius:var(--variant-radius-md)}.variant-standard h1,.variant-standard h2,.variant-standard h3{font-weight:var(--variant-font-semibold)}.variant-standard .btn{font-weight:var(--variant-font-semibold);padding:var(--sf-space-3) var(--sf-space-6)}.variant-bold{--variant-radius-sm:8px;--variant-radius-md:12px;--variant-radius-lg:16px;--variant-shadow-sm:0 2px 8px #0000001f;--variant-shadow-md:0 6px 16px #00000026;--variant-shadow-lg:0 12px 32px #0003;--variant-spacing-scale:1;--variant-font-scale:1.05;--variant-font-normal:500;--variant-font-semibold:600;--variant-font-bold:800;padding:calc(var(--sf-space-5) * var(--variant-spacing-scale));border-radius:var(--variant-radius-md);border-width:2px}.variant-bold h1,.variant-bold h2,.variant-bold h3{font-weight:var(--variant-font-bold);letter-spacing:-.02em}.variant-bold .btn{font-weight:var(--variant-font-bold);padding:var(--sf-space-4) var(--sf-space-7);text-transform:uppercase;letter-spacing:.05em}.variant-bold:hover{box-shadow:var(--variant-shadow-lg);transform:translateY(-2px)}.variant-editorial{--variant-radius-sm:10px;--variant-radius-md:14px;--variant-radius-lg:18px;--variant-shadow-sm:0 4px 12px #0000000f;--variant-shadow-md:0 8px 24px #00000014;--variant-shadow-lg:0 16px 48px #0000001a;--variant-spacing-scale:1.5;--variant-font-scale:1.1;--variant-font-normal:400;--variant-font-semibold:500;--variant-font-bold:700;padding:calc(var(--sf-space-8) * var(--variant-spacing-scale));border-radius:var(--variant-radius-lg)}.variant-editorial h1,.variant-editorial h2,.variant-editorial h3{font-weight:var(--variant-font-semibold);letter-spacing:-.02em;line-height:1.1}.variant-editorial p{font-size:calc(var(--sf-text-base) * var(--variant-font-scale));line-height:var(--sf-leading-relaxed);max-width:var(--sf-measure)}.variant-editorial .btn{font-weight:var(--variant-font-normal);padding:var(--sf-space-4) var(--sf-space-8);border-radius:var(--variant-radius-lg)}.variant-industrial{--variant-radius-sm:2px;--variant-radius-md:4px;--variant-radius-lg:6px;--variant-shadow-sm:0 1px 2px #0000001a;--variant-shadow-md:0 2px 4px #00000026;--variant-shadow-lg:0 4px 8px #0003;--variant-spacing-scale:1;--variant-font-scale:1;--variant-font-normal:400;--variant-font-semibold:600;--variant-font-bold:700;padding:calc(var(--sf-space-5) * var(--variant-spacing-scale));border-radius:var(--variant-radius-sm);border:1px solid var(--sf-line)}.variant-industrial h1,.variant-industrial h2,.variant-industrial h3{font-weight:var(--variant-font-semibold);text-transform:uppercase;letter-spacing:.02em}.variant-industrial p{font-size:var(--sf-text-sm);line-height:var(--sf-leading-normal)}.variant-industrial .btn{font-weight:var(--variant-font-semibold);padding:var(--sf-space-3) var(--sf-space-6);border-radius:var(--variant-radius-sm);text-transform:uppercase;letter-spacing:.05em;font-size:var(--sf-text-sm)}[class*=variant-] .card{border-radius:var(--variant-radius-md);box-shadow:var(--variant-shadow-sm);transition:all var(--sf-transition-fast)}[class*=variant-] .card:hover{box-shadow:var(--variant-shadow-md)}[class*=variant-] .btn-primary{background:var(--sf-primary);color:var(--sf-surface);border-radius:var(--variant-radius-md);box-shadow:var(--variant-shadow-sm);transition:all var(--sf-transition-fast)}[class*=variant-] .btn-primary:hover{box-shadow:var(--variant-shadow-md);transform:translateY(-1px)}[class*=variant-] input,[class*=variant-] textarea,[class*=variant-] select{border-radius:var(--variant-radius-sm);border:1px solid var(--sf-line);padding:var(--sf-space-3) var(--sf-space-4);transition:all var(--sf-transition-fast)}[class*=variant-] input:focus,[class*=variant-] textarea:focus,[class*=variant-] select:focus{border-color:var(--sf-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--sf-accent) 20%, transparent);outline:none}[class*=variant-] .badge{padding:var(--sf-space-1) var(--sf-space-3);border-radius:var(--variant-radius-sm);font-size:var(--sf-text-xs);font-weight:var(--variant-font-semibold);background:var(--sf-accent-weak);color:var(--sf-accent);align-items:center;display:inline-flex}[class*=variant-] .divider{border:none;border-top:1px solid var(--sf-line);margin:calc(var(--sf-space-6) * var(--variant-spacing-scale)) 0}@media (width<=860px){[class*=variant-]{--variant-spacing-scale:.9;--variant-font-scale:.95}.variant-editorial{--variant-spacing-scale:1.2}}@media (width<=520px){[class*=variant-]{--variant-spacing-scale:.8;--variant-font-scale:.9}.variant-editorial{--variant-spacing-scale:1}}