:root{--color-primary:#0a5eb0;--color-primary-dark:#084a8a;--color-primary-light:#2e7ed6;--color-primary-50:#e8f1fa;--color-primary-100:#c5dbf2;--color-primary-200:#9ec4e9;--color-primary-700:#063b6e;--color-primary-900:#031d37;--color-accent:#f5a623;--color-accent-dark:#d48b0f;--color-accent-light:#f7bd5a;--color-tonish:#2e8b57;--color-tonish-light:#3da96c;--color-neoplast-blue:#1565c0;--color-neoplast-orange:#e65100;--color-plastone:#1a73e8;--color-saal:#b87333;--color-saal-light:#cd8e54;--color-white:#fff;--color-off-white:#f8f9fc;--color-gray-50:#f5f6f8;--color-gray-100:#eceef2;--color-gray-200:#d8dce4;--color-gray-300:#b8bfc9;--color-gray-400:#8f99a6;--color-gray-500:#6b7685;--color-gray-600:#4e5968;--color-gray-700:#333d4b;--color-gray-800:#1e2530;--color-gray-900:#0f1419;--color-black:#050709;--color-success:#22c55e;--color-warning:#f59e0b;--color-error:#ef4444;--font-display:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--text-xs:clamp(.7rem, .7vw + .5rem, .75rem);--text-sm:clamp(.8rem, .8vw + .6rem, .875rem);--text-base:clamp(.95rem, 1vw + .7rem, 1rem);--text-lg:clamp(1.05rem, 1.2vw + .8rem, 1.125rem);--text-xl:clamp(1.15rem, 1.5vw + .9rem, 1.25rem);--text-2xl:clamp(1.35rem, 2vw + 1rem, 1.5rem);--text-3xl:clamp(1.65rem, 2.5vw + 1.2rem, 1.875rem);--text-4xl:clamp(2rem, 3.5vw + 1.2rem, 2.25rem);--text-5xl:clamp(2.4rem, 4.5vw + 1.4rem, 3rem);--text-6xl:clamp(2.8rem, 5.5vw + 1.6rem, 3.75rem);--text-7xl:clamp(3.2rem, 6.5vw + 1.8rem, 4.5rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--radius-sm:6px;--radius-md:8px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px #0a5eb00a;--shadow-md:0 4px 12px #0a5eb014;--shadow-lg:0 10px 28px #031d3717;--shadow-xl:0 18px 44px #031d371f;--shadow-glow:0 0 40px #0a5eb026;--shadow-brand-glow:0 0 60px #f5a62333;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-tooltip:600;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--transition-spring:.6s cubic-bezier(.34, 1.56, .64, 1);--container-max:1280px;--container-wide:1440px;--header-height:80px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-gray-800);background-color:var(--color-white);line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:-1;background-color:#0000;background-image:linear-gradient(90deg,#0a5eb005 1px,#0000 1px),linear-gradient(#0a5eb004 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:88px 88px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--color-gray-900);font-weight:700;line-height:1.15}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}:focus-visible{outline-offset:3px;outline:3px solid #f5a623bf}.container{max-width:var(--container-max);padding:0 var(--space-6);margin:0 auto}.container-wide{max-width:var(--container-wide);padding:0 var(--space-6);margin:0 auto}.section{padding:var(--space-24) 0;content-visibility:auto;contain-intrinsic-size:1px 720px}.section-sm{padding:var(--space-16) 0}.text-display{font-family:var(--font-display)}.text-gradient{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 50%, var(--color-accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-display);font-weight:600;font-size:var(--text-sm);letter-spacing:.025em;border-radius:var(--radius-md);transition:all var(--transition-base);will-change:transform;min-height:44px;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";opacity:0;transition:opacity var(--transition-fast);pointer-events:none;background:linear-gradient(135deg,#ffffff26,#0000);position:absolute;inset:0}.btn:hover:before{opacity:1}.btn-primary{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-light));color:var(--color-white);box-shadow:0 4px 16px #0a5eb04d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px #0a5eb066}.btn-accent{background:linear-gradient(135deg, var(--color-accent), var(--color-accent-light));color:var(--color-white);box-shadow:0 4px 16px #f5a6234d}.btn-accent:hover{transform:translateY(-2px);box-shadow:0 8px 28px #f5a62366}.btn-outline{border:2px solid var(--color-primary);color:var(--color-primary);background:0 0}.btn-outline:hover{background:var(--color-primary);color:var(--color-white);transform:translateY(-2px)}.btn-ghost{color:var(--color-primary);background:var(--color-primary-50)}.btn-ghost:hover{background:var(--color-primary-100)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.btn-xl{padding:var(--space-5) var(--space-10);font-size:var(--text-lg)}.card{background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-gray-100);transition:all var(--transition-base);overflow:hidden}.card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-primary-100)}.card-glass{-webkit-backdrop-filter:blur(20px);background:#ffffffb3;border:1px solid #ffffff4d}.input{width:100%;padding:var(--space-3) var(--space-4);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--color-gray-800);background:var(--color-white);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast);outline:none}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-50)}.input:hover{border-color:var(--color-gray-300)}.input::placeholder{color:var(--color-gray-400)}textarea.input{resize:vertical;min-height:120px}.label{font-weight:600;font-size:var(--text-sm);color:var(--color-gray-700);margin-bottom:var(--space-2);display:block}.section-header{text-align:center;max-width:720px;margin:0 auto var(--space-16)}.section-badge{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-4);background:var(--color-primary-50);color:var(--color-primary);font-family:var(--font-display);font-weight:600;font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;border-radius:var(--radius-sm);border:1px solid var(--color-primary-100);margin-bottom:var(--space-4);display:inline-flex}.section-title{font-size:var(--text-4xl);margin-bottom:var(--space-4)}.section-subtitle{font-size:var(--text-lg);color:var(--color-gray-500);line-height:1.7}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-gray-50)}::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}::selection{background:var(--color-primary);color:var(--color-white)}@media (width<=768px){:root{--header-height:64px}.section{padding:var(--space-14,3.5rem) 0}.section-title{font-size:var(--text-3xl)}.container{padding:0 var(--space-4)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.btn,.card,.product-card,.brand-card,.feature-card,.project-card{will-change:auto}}@media (width<=480px){.section-title{font-size:var(--text-2xl)}}