.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-3xs);padding:var(--btn-padding-y) var(--btn-padding-x);font-family:var(--font-body);font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);line-height:var(--line-height-normal);text-decoration:none;border:none;border-radius:var(--btn-border-radius);cursor:pointer;transition:var(--btn-transition);min-height:var(--btn-min-height);position:relative;overflow:hidden;white-space:nowrap}.btn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--brand);color:#fff;box-shadow:var(--shadow-brand-sm)}.btn-primary:hover:not(:disabled){background:var(--brand-hover);box-shadow:var(--shadow-brand);transform:var(--hover-lift);color:#fff}.btn-primary:active:not(:disabled){background:var(--brand-active);transform:translateY(0);box-shadow:var(--shadow-brand-sm)}.btn-accent{background:var(--cta-primary-bg);color:#fff;box-shadow:var(--shadow-accent)}.btn-accent:hover:not(:disabled){background:var(--cta-primary-bg-hover);box-shadow:var(--shadow-accent-md);transform:var(--hover-lift);color:#fff}.btn-accent:active:not(:disabled){background:linear-gradient(135deg,var(--brand-accent-active) 0%,var(--brand-accent-hover) 100%);transform:translateY(0)}.btn-secondary{background:transparent;color:var(--text);border:2px solid var(--border-strong)}.btn-secondary:hover:not(:disabled){background:var(--surface-subtle);border-color:var(--brand);color:var(--brand);transform:var(--hover-lift-subtle)}.btn-secondary:active:not(:disabled){background:var(--border-subtle);transform:translateY(0)}.btn-ghost{background:transparent;color:var(--text-secondary);border:none}.btn-ghost:hover:not(:disabled){background:var(--surface-subtle);color:var(--text)}.btn-ghost:active:not(:disabled){background:var(--border-subtle)}.btn-destructive{background:var(--danger);color:#fff;box-shadow:var(--shadow-sm)}.btn-destructive:hover:not(:disabled){background:#dc2626;box-shadow:var(--shadow);transform:var(--hover-lift-subtle)}.btn-destructive:active:not(:disabled){background:#b91c1c;transform:translateY(0)}.btn-sm{padding:var(--btn-padding-y-sm) var(--btn-padding-x-sm);font-size:var(--btn-font-size-sm);min-height:36px;border-radius:var(--radius-sm)}.btn-md{padding:var(--btn-padding-y) var(--btn-padding-x);font-size:var(--btn-font-size);min-height:var(--btn-min-height)}.btn-lg{padding:var(--btn-padding-y-lg) var(--btn-padding-x-lg);font-size:var(--btn-font-size-lg);min-height:52px;border-radius:var(--radius-lg)}.btn-loading{position:relative;color:transparent;pointer-events:none}.btn-loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid currentColor;border-radius:50%;border-top-color:transparent;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.dark-bg .btn-secondary,.btn-secondary.dark{color:#fff;border-color:var(--border-on-dark-strong)}.dark-bg .btn-secondary:hover:not(:disabled),.btn-secondary.dark:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff80;color:#fff;transform:var(--hover-lift-subtle)}.dark-bg .btn-ghost,.btn-ghost.dark{color:var(--text-on-dark-secondary)}.dark-bg .btn-ghost:hover:not(:disabled),.btn-ghost.dark:hover:not(:disabled){background:#ffffff1a;color:#fff}.btn-block{width:100%;justify-content:center}.btn svg,.btn .btn-icon{width:18px;height:18px;flex-shrink:0;transition:transform var(--motion-base) var(--ease-default)}.btn:hover svg,.btn:hover .btn-icon{transform:translate(2px)}.input,.textarea,.select{width:100%;padding:.75rem 1rem;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--line-height-normal);color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--motion-base) var(--ease-in-out);min-height:44px}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-lighter)}.input:disabled,.textarea:disabled,.select:disabled{background:var(--surface-subtle);color:var(--text-disabled);cursor:not-allowed;opacity:.6}.textarea{min-height:120px;resize:vertical}.select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23556279' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:12px;padding-right:2.5rem;appearance:none}.input-error,.textarea-error,.select-error{border-color:var(--danger)}.input-error:focus,.textarea-error:focus,.select-error:focus{box-shadow:0 0 0 3px var(--danger-light)}.input-success,.textarea-success,.select-success{border-color:var(--success)}.input-success:focus,.textarea-success:focus,.select-success:focus{box-shadow:0 0 0 3px var(--success-light)}.label{display:block;font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text);margin-bottom:var(--spacing-3xs)}.label-required:after{content:" *";color:var(--danger)}.form-error{display:block;font-size:var(--text-sm);color:var(--danger);margin-top:var(--spacing-3xs)}.form-help{display:block;font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--spacing-3xs)}.card{background:var(--card-bg);border:var(--card-border);border-radius:var(--card-border-radius);padding:var(--card-padding);box-shadow:var(--card-shadow);transition:all var(--motion-base) var(--ease-default)}.card-hover:hover,.card.interactive:hover{transform:var(--card-hover-transform);box-shadow:var(--card-shadow-hover)}.card-elevated{box-shadow:var(--shadow-md);border-color:transparent}.card-elevated:hover{box-shadow:var(--shadow-lg)}.card-subtle{background:var(--surface-subtle);border-color:var(--border-subtle);box-shadow:none}.card-subtle:hover{background:var(--surface);border-color:var(--border)}.card-outlined{background:var(--surface);border:2px solid var(--border);box-shadow:none}.card-outlined:hover{border-color:var(--border-strong)}.card-glass{background:#ffffff0d;border:1px solid var(--border-on-dark);border-radius:var(--card-border-radius);padding:var(--card-padding);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all var(--motion-base) var(--ease-default)}.card-glass:hover{background:#ffffff14;border-color:var(--border-on-dark-strong);transform:var(--card-hover-transform)}.card-header{padding-bottom:var(--spacing-sm);margin-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-subtle)}.card-footer{padding-top:var(--spacing-sm);margin-top:var(--spacing-sm);border-top:1px solid var(--border-subtle)}.card-body{padding:var(--card-padding)}.card-flush{padding:0}.card-flush .card-body{padding:var(--card-padding)}.dark-bg .card,.card-dark{background:#ffffff0d;border-color:var(--border-on-dark);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dark-bg .card-hover:hover,.card-dark.card-hover:hover{background:#ffffff14;border-color:var(--border-on-dark-strong);transform:var(--card-hover-transform)}.card-sm{padding:var(--spacing-xs);border-radius:var(--radius-md)}.card-lg{padding:var(--card-padding-lg);border-radius:var(--radius-xl)}.feature-card,.benefit-card,.trust-module-card{background:var(--card-bg);border:var(--card-border);border-radius:var(--card-border-radius);padding:var(--card-padding);box-shadow:var(--card-shadow);transition:all var(--motion-base) var(--ease-default)}.feature-card:hover,.benefit-card:hover,.trust-module-card:hover{transform:var(--card-hover-transform);box-shadow:var(--card-shadow-hover);border-color:var(--border-strong)}.light-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--card-border-radius);padding:var(--card-padding);box-shadow:var(--card-shadow);transition:all var(--motion-base) var(--ease-default)}.light-card:hover{transform:var(--card-hover-transform);box-shadow:var(--card-shadow-hover)}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:var(--text-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);border-radius:var(--radius-full);white-space:nowrap}.badge-default{background:var(--surface-subtle);color:var(--text-secondary)}.badge-primary{background:var(--brand-light);color:var(--brand-dark)}.badge-success{background:var(--success-light);color:#065f46}.badge-warning{background:var(--warning-light);color:#92400e}.badge-danger{background:var(--danger-light);color:#991b1b}.badge-info{background:var(--info-light);color:#1e40af}.badge-outline{background:transparent;border:1px solid var(--border);color:var(--text-secondary)}.badge-sm{padding:.125rem .5rem;font-size:.625rem}.badge-md{padding:.25rem .75rem;font-size:var(--text-xs)}.badge-lg{padding:.375rem 1rem;font-size:var(--text-sm)}.section{padding-top:var(--section-padding-y);padding-bottom:var(--section-padding-y)}.section-sm{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.section-lg{padding-top:var(--spacing-3xl);padding-bottom:var(--spacing-3xl)}.section-container,.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding);width:100%}.container-wide{max-width:var(--container-wide)}.container-narrow{max-width:var(--container-narrow)}.section-header{text-align:center;margin-bottom:var(--section-header-mb);max-width:var(--container-narrow);margin-left:auto;margin-right:auto}.section-header h2{margin-bottom:var(--spacing-sm)}.section-header p{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.section-badge,.section-eyebrow{display:inline-flex;align-items:center;gap:var(--spacing-3xs);padding:var(--badge-padding-y) var(--badge-padding-x);background:var(--brand-accent-lighter);border:1px solid var(--brand-accent-light);border-radius:var(--badge-border-radius);font-size:var(--badge-font-size);font-weight:var(--badge-font-weight);color:var(--brand-accent);text-transform:uppercase;letter-spacing:var(--badge-letter-spacing);margin-bottom:var(--spacing-sm)}.dark-bg .section-badge,.section-badge.dark{background:#d9770626;border-color:#d977064d;color:#fbbf24}@media (max-width: 768px){.section{padding-top:var(--section-padding-y-mobile);padding-bottom:var(--section-padding-y-mobile)}.section-lg{padding-top:var(--section-padding-y);padding-bottom:var(--section-padding-y)}.section-container,.container{padding:0 var(--container-padding-mobile)}.section-header{margin-bottom:var(--spacing-md)}}.text-display,.text-hero{font-size:var(--text-hero);font-weight:var(--font-weight-black);line-height:1;letter-spacing:var(--letter-spacing-display);font-family:var(--font-display);color:var(--text-primary)}.text-h1{font-size:var(--text-display);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tighter);font-family:var(--font-display);color:var(--text-primary)}.text-h2{font-size:clamp(var(--text-4xl),4vw,var(--text-5xl));font-weight:var(--font-weight-bold);line-height:var(--line-height-snug);letter-spacing:var(--letter-spacing-tight);font-family:var(--font-display);color:var(--text-primary)}.text-h3{font-size:clamp(var(--text-2xl),3vw,var(--text-3xl));font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);letter-spacing:var(--letter-spacing-tight);font-family:var(--font-display);color:var(--text-primary)}.text-h4{font-size:clamp(var(--text-xl),2vw,var(--text-2xl));font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);font-family:var(--font-display);color:var(--text-primary)}.text-h5{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);font-family:var(--font-display);color:var(--text-primary)}.text-h6{font-size:var(--text-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);font-family:var(--font-display);color:var(--text-primary)}.text-body-lg,.text-lead{font-size:var(--text-lg);line-height:var(--line-height-relaxed);color:var(--text-secondary)}.text-body{font-size:var(--text-base);line-height:var(--line-height-normal);color:var(--text-secondary)}.text-body-sm{font-size:var(--text-sm);line-height:var(--line-height-normal);color:var(--text-secondary)}.text-caption{font-size:var(--text-xs);line-height:var(--line-height-normal);color:var(--text-muted)}.text-eyebrow,.text-overline{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);color:var(--brand-accent)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-disabled{color:var(--text-disabled)}.text-brand{color:var(--brand)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.text-info{color:var(--info)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.mb-4xs{margin-bottom:var(--spacing-4xs)}.mb-3xs{margin-bottom:var(--spacing-3xs)}.mb-2xs{margin-bottom:var(--spacing-2xs)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mb-2xl{margin-bottom:var(--spacing-2xl)}.mt-4xs{margin-top:var(--spacing-4xs)}.mt-3xs{margin-top:var(--spacing-3xs)}.mt-2xs{margin-top:var(--spacing-2xs)}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mt-2xl{margin-top:var(--spacing-2xl)}.p-4xs{padding:var(--spacing-4xs)}.p-3xs{padding:var(--spacing-3xs)}.p-2xs{padding:var(--spacing-2xs)}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.p-2xl{padding:var(--spacing-2xl)}.gap-4xs{gap:var(--spacing-4xs)}.gap-3xs{gap:var(--spacing-3xs)}.gap-2xs{gap:var(--spacing-2xs)}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.gap-2xl{gap:var(--spacing-2xl)}.ds-cta-primary,.hero-cta-primary,.cta-primary,.pricing-cta,.nav-cta,.features-nav-cta{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-3xs);padding:var(--btn-padding-y) var(--btn-padding-x);font-family:var(--font-body);font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);line-height:var(--line-height-normal);text-decoration:none;border:none;border-radius:var(--btn-border-radius);cursor:pointer;transition:var(--btn-transition);min-height:var(--btn-min-height);background:var(--cta-primary-bg);color:var(--cta-primary-color);box-shadow:var(--cta-primary-shadow);position:relative;overflow:hidden;white-space:nowrap}.ds-cta-primary:hover,.hero-cta-primary:hover,.cta-primary:hover,.pricing-cta:hover,.nav-cta:hover,.features-nav-cta:hover{background:var(--cta-primary-bg-hover);box-shadow:var(--cta-primary-hover-shadow);transform:var(--cta-primary-hover-transform);color:var(--cta-primary-color);text-decoration:none}.ds-cta-primary:focus-visible,.hero-cta-primary:focus-visible,.cta-primary:focus-visible,.pricing-cta:focus-visible,.nav-cta:focus-visible,.features-nav-cta:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.ds-cta-secondary,.hero-cta-secondary,.cta-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-3xs);padding:var(--btn-padding-y) var(--btn-padding-x);font-family:var(--font-body);font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);line-height:var(--line-height-normal);text-decoration:none;border:var(--cta-secondary-border-dark);border-radius:var(--btn-border-radius);cursor:pointer;transition:var(--btn-transition);min-height:var(--btn-min-height);background:var(--cta-secondary-bg);color:var(--cta-secondary-color-dark);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap}.dark-bg .ds-cta-secondary,.dark-bg .hero-cta-secondary,.dark-bg .cta-secondary,.ds-cta-secondary.dark,.hero-cta-secondary.dark,.cta-secondary.dark{color:var(--cta-secondary-color-dark);border:var(--cta-secondary-border-dark)}.ds-cta-secondary:hover,.hero-cta-secondary:hover,.cta-secondary:hover{background:var(--cta-secondary-bg-hover);border:var(--cta-secondary-border-dark-hover);color:#fff;text-decoration:none;transform:var(--hover-lift-subtle)}.light-bg .ds-cta-secondary,.light-bg .hero-cta-secondary,.light-bg .cta-secondary,.ds-cta-secondary.light,.hero-cta-secondary.light,.cta-secondary.light{color:var(--cta-secondary-color-light);border:var(--cta-secondary-border-light);-webkit-backdrop-filter:none;backdrop-filter:none}.light-bg .ds-cta-secondary:hover,.light-bg .hero-cta-secondary:hover,.light-bg .cta-secondary:hover,.ds-cta-secondary.light:hover,.hero-cta-secondary.light:hover,.cta-secondary.light:hover{background:#1e3a5f0d;border:var(--cta-secondary-border-light-hover);color:var(--brand)}.ds-cta-secondary:focus-visible,.hero-cta-secondary:focus-visible,.cta-secondary:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color-alt);outline-offset:var(--focus-ring-offset)}.ds-cta-primary svg,.hero-cta-primary svg,.cta-primary svg,.ds-cta-secondary svg,.hero-cta-secondary svg,.cta-secondary svg{width:18px;height:18px;transition:transform var(--motion-base) var(--ease-default)}.ds-cta-primary:hover svg,.hero-cta-primary:hover svg,.cta-primary:hover svg{transform:translate(4px)}.grid{display:grid;gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1024px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr;gap:var(--spacing-sm)}}@media (max-width: 768px){.btn{min-height:var(--btn-min-height)}.card,.feature-card,.benefit-card,.light-card{padding:var(--card-padding-mobile)}}.card:hover,.card-hover:hover,.feature-card:hover,.benefit-card:hover,.trust-module-card:hover,.pricing-card:hover,.light-card:hover,.glass-card:hover,.card-glass:hover,.btn:hover,.btn-primary:hover,.btn-accent:hover,.hero-cta-primary:hover,.cta-primary:hover,.pricing-cta:hover,.nav-cta:hover{transform:var(--hover-lift)}.btn-secondary:hover,.hero-cta-secondary:hover,.cta-secondary:hover,.nav-link:hover,.footer-link:hover{transform:var(--hover-lift-subtle)}.btn:focus-visible,.btn-primary:focus-visible,.btn-secondary:focus-visible,.btn-accent:focus-visible,.btn-ghost:focus-visible,.hero-cta-primary:focus-visible,.hero-cta-secondary:focus-visible,.cta-primary:focus-visible,.cta-secondary:focus-visible,.pricing-cta:focus-visible,.nav-cta:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.card:focus-visible,.card-hover:focus-visible,.feature-card:focus-visible,a.card:focus-visible,button.card:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color-alt);outline-offset:var(--focus-ring-offset)}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-lighter)}a:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color-alt);outline-offset:var(--focus-ring-offset);border-radius:var(--radius-xs)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.card:hover,.btn:hover,.hero-cta-primary:hover,.hero-cta-secondary:hover,.feature-card:hover,.benefit-card:hover{transform:none!important}}
