@font-face{font-family:'D-DIN Exp';src:url(/wp-content/plugins/smartio-product-finder/assets/fonts/D-DINExp.otf) format('opentype');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'D-DIN Exp';src:url(/wp-content/plugins/smartio-product-finder/assets/fonts/DDINExpBold.otf) format('opentype');font-weight:700;font-style:normal;font-display:swap}:root{--color-primary:#0d4877;--color-primary-dark:#092f50;--color-primary-light:#1a6099;--color-teal-1:#7bd0ca;--color-teal-2:#75c6c4;--color-teal-3:#6bbac7;--color-teal-4:#61afcc;--gradient-brand:linear-gradient(135deg, #7bd0ca 0%, #61afcc 100%);--gradient-brand-horiz:linear-gradient(90deg, #7bd0ca 0%, #61afcc 100%);--gradient-brand-vert:linear-gradient(180deg, #7bd0ca 0%, #61afcc 100%);--color-white:#ffffff;--color-gray-50:#f4f6f9;--color-gray-100:#e8edf3;--color-gray-200:#d0d9e4;--color-gray-300:#a8b8cc;--color-gray-400:#7a93ae;--color-gray-500:#556b85;--color-gray-700:#2d4155;--color-gray-900:#111827;--color-black:#000000;--bg-page:var(--color-gray-50);--bg-surface:var(--color-white);--bg-surface-alt:var(--color-gray-100);--bg-dark:var(--color-primary);--bg-teal:var(--color-teal-1);--fg-base:var(--color-gray-900);--fg-secondary:var(--color-gray-500);--fg-tertiary:var(--color-gray-400);--fg-placeholder:var(--color-gray-300);--fg-on-dark:var(--color-white);--fg-on-teal:var(--color-white);--fg-brand:var(--color-primary);--fg-accent:var(--color-teal-4);--border-default:var(--color-gray-100);--border-subtle:var(--color-gray-200);--border-focus:var(--color-teal-4);--border-brand:var(--color-primary);--color-hover-primary:var(--color-primary-dark);--color-hover-teal:#52a4c0;--color-active-primary:#071f36;--color-success:#22c55e;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:var(--color-teal-3);--font-brand:'D-DIN Exp', sans-serif;--font-body:'D-DIN Exp', sans-serif;--font-arabic:'Noto Kufi Arabic', sans-serif;--font-mono:'JetBrains Mono', 'Courier New', monospace;--fw-light:300;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--fs-xs:0.75rem;--fs-sm:0.875rem;--fs-base:1rem;--fs-md:1.125rem;--fs-lg:1.25rem;--fs-xl:1.5rem;--fs-2xl:1.875rem;--fs-3xl:2.25rem;--fs-4xl:3rem;--fs-5xl:3.75rem;--fs-6xl:4.5rem;--lh-tight:1.1;--lh-snug:1.25;--lh-normal:1.5;--lh-relaxed:1.75;--ls-tight:-0.02em;--ls-normal:0;--ls-wide:0.04em;--ls-wider:0.08em;--ls-widest:0.12em;--type-display-font:var(--font-brand);--type-display-size:var(--fs-5xl);--type-display-weight:var(--fw-bold);--type-display-lh:var(--lh-tight);--type-display-ls:var(--ls-tight);--type-h1-font:var(--font-brand);--type-h1-size:var(--fs-4xl);--type-h1-weight:var(--fw-bold);--type-h1-lh:var(--lh-tight);--type-h1-ls:var(--ls-tight);--type-h2-font:var(--font-brand);--type-h2-size:var(--fs-3xl);--type-h2-weight:var(--fw-semibold);--type-h2-lh:var(--lh-snug);--type-h3-font:var(--font-brand);--type-h3-size:var(--fs-2xl);--type-h3-weight:var(--fw-semibold);--type-h3-lh:var(--lh-snug);--type-h4-font:var(--font-brand);--type-h4-size:var(--fs-xl);--type-h4-weight:var(--fw-semibold);--type-h4-lh:var(--lh-normal);--type-body-lg-font:var(--font-body);--type-body-lg-size:var(--fs-md);--type-body-lg-weight:var(--fw-regular);--type-body-lg-lh:var(--lh-relaxed);--type-body-font:var(--font-body);--type-body-size:var(--fs-base);--type-body-weight:var(--fw-regular);--type-body-lh:var(--lh-normal);--type-body-sm-font:var(--font-body);--type-body-sm-size:var(--fs-sm);--type-body-sm-weight:var(--fw-regular);--type-body-sm-lh:var(--lh-normal);--type-label-font:var(--font-body);--type-label-size:var(--fs-sm);--type-label-weight:var(--fw-medium);--type-label-ls:var(--ls-wide);--type-caption-font:var(--font-body);--type-caption-size:var(--fs-xs);--type-caption-weight:var(--fw-regular);--type-caption-lh:var(--lh-normal);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-pill:9999px;--shadow-xs:0 1px 3px rgba(13, 72, 119, 0.06);--shadow-sm:0 2px 8px rgba(13, 72, 119, 0.08);--shadow-md:0 4px 16px rgba(13, 72, 119, 0.10);--shadow-lg:0 8px 32px rgba(13, 72, 119, 0.12);--shadow-xl:0 16px 48px rgba(13, 72, 119, 0.16);--shadow-hover:0 6px 24px rgba(13, 72, 119, 0.14);--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:300ms ease;--transition-all:all 200ms ease;--z-base:0;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-modal:300;--z-toast:400}body{font-family:var(--font-body);font-size:var(--fs-base);font-weight:var(--fw-regular);line-height:var(--lh-normal);color:var(--fg-base);background-color:var(--bg-page);-webkit-font-smoothing:antialiased;text-wrap:pretty}h1{font-family:var(--type-h1-font);font-size:var(--type-h1-size);font-weight:var(--type-h1-weight);line-height:var(--type-h1-lh);letter-spacing:var(--type-h1-ls);color:var(--fg-brand)}h2{font-family:var(--type-h2-font);font-size:var(--type-h2-size);font-weight:var(--type-h2-weight);line-height:var(--type-h2-lh);color:var(--fg-base)}h3{font-family:var(--type-h3-font);font-size:var(--type-h3-size);font-weight:var(--type-h3-weight);line-height:var(--type-h3-lh);color:var(--fg-base)}h4{font-family:var(--type-h4-font);font-size:var(--type-h4-size);font-weight:var(--type-h4-weight);line-height:var(--type-h4-lh);color:var(--fg-base)}p{font-family:var(--font-body);font-size:var(--fs-base);line-height:var(--lh-relaxed);color:var(--fg-base)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--color-teal-4)}code,pre{font-family:var(--font-mono);font-size:var(--fs-sm);background:var(--color-gray-100);border-radius:var(--radius-sm);padding:.1em .4em}