:root{--bg: #ffffff;--fg: #0f172a;--primary: #111827;--primary-fg: #ffffff;--accent: #2563eb;--muted: #64748b;--border: rgba(0, 0, 0, .08);--radius: 14px;--section-padding: 72px;--section-padding-tight: 48px}*,*:before,*:after{box-sizing:border-box}main,.products{padding-top:140px}body{margin:0;min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;color:var(--fg);background-color:#fff;background-image:url(/brick-wall.png);background-repeat:repeat;background-size:auto;padding-top:96px}html.dark body{background-color:#020617;background-image:url(/brick-wall.png)}a{color:inherit;text-decoration:none}button{font:inherit;border:none;background:none;cursor:pointer}section{scroll-margin-top:120px}html.dark{--bg: #0f172a;--fg: #e5e7eb;--primary: #e5e7eb;--primary-fg: #0f172a;--accent: #60a5fa;--muted: #9ca3af;--border: rgba(255, 255, 255, .18)}.header{position:fixed;top:0;inset-inline:0;height:96px;background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:100}html.dark .header{background:#0f172ad9}.header-inner{max-width:1200px;height:100%;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.logo img{height:150px}.nav{display:flex;gap:24px}.nav a{position:relative;font-weight:500}.nav a:after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:2px;background:var(--accent);transition:width .25s ease}.nav a:hover:after{width:100%}.header-right{display:flex;align-items:center;gap:24px}.hero{max-width:1200px;margin:0 auto;padding:140px 24px 64px;display:grid;grid-template-columns:1.1fr .9fr;gap:72px;align-items:center}.hero h1{font-size:64px;line-height:1.05;margin-bottom:24px}.hero p{font-size:19px;color:var(--muted);max-width:560px}.hero-actions{margin-top:32px;display:flex;gap:16px}.hero-visual{display:flex;justify-content:center;align-items:center}.slider{position:relative;width:100%;max-width:520px;aspect-ratio:4 / 3;border-radius:22px;overflow:hidden;box-shadow:0 24px 48px #0000002e}.slider img{width:100%;height:100%;object-fit:cover}.slider-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:3;background:#0000008c;color:#fff;width:42px;height:42px;border-radius:50%;font-size:22px;font-weight:500;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .25s ease,transform .2s ease}.slider-btn.left{left:12px}.slider-btn.right{right:12px}.slider-btn:hover{background:#000000bf;transform:translateY(-50%) scale(1.05)}.slider-btn{z-index:3}.primary-btn{background:var(--primary);color:var(--primary-fg);padding:14px 28px;border-radius:var(--radius);font-weight:600}.primary-btn:hover{opacity:.9}.secondary-btn{padding:14px 28px;border-radius:var(--radius);border:1px solid rgba(0,0,0,.18);font-weight:600}html.dark .secondary-btn{border-color:#ffffff47}.slider img{position:relative;z-index:1}.products{padding:var(--section-padding) 24px}.products-inner{max-width:1200px;margin:0 auto;padding:48px;background:#ffffff8c;border-radius:32px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}html.dark .products-inner{background:#ffffff0d}.products-inner h2{text-align:center;font-size:32px;margin-bottom:48px}.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.product-tile{position:relative;height:170px;border-radius:16px;background-size:cover;background-position:center;overflow:hidden;cursor:pointer;box-shadow:0 20px 40px #00000040;transition:transform .35s ease,box-shadow .35s ease}.product-tile:hover{transform:translateY(-6px)}.product-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#00000073,#0000001a)}.product-tile h3{position:absolute;left:16px;bottom:16px;color:#fff;font-size:15px;font-weight:600;z-index:1}@media (max-width: 1024px){.products-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.products-grid{grid-template-columns:1fr}}.about{padding:var(--section-padding) 24px}.about-inner{max-width:900px;margin:0 auto;padding:48px;background:#ffffff8c;border-radius:32px}html.dark .about-inner{background:#ffffff0f}.about-inner h2{font-size:32px;margin-bottom:32px}.about-inner p{font-size:16px;line-height:1.8;color:var(--muted)}.contact{padding:var(--section-padding) 24px}.contact-inner{max-width:720px;margin:0 auto;padding:48px;background:#fff9;border-radius:32px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border)}html.dark .contact-inner{background:#0f172a8c}.contact-inner h2{font-size:32px;margin-bottom:12px}.contact-inner p{color:var(--muted);margin-bottom:32px}.contact-form{display:flex;flex-direction:column;gap:20px}.contact-form input,.contact-form textarea{padding:14px 16px;border-radius:12px;border:1px solid var(--border);font-size:15px}@media (max-width: 1024px){.hero{grid-template-columns:1fr;padding:120px 24px 56px;gap:56px}.hero-visual{order:-1}.hero h1{font-size:48px}}@media (max-width: 640px){.hero{padding:96px 20px 48px}.hero h1{font-size:38px}.hero p{font-size:16px}.hero-actions{flex-direction:column}.primary-btn,.secondary-btn{width:100%}}.nav-link{background:none;border:none;padding:0;font:inherit;font-weight:500;color:inherit;cursor:pointer;position:relative}.nav-link:after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:2px;background:var(--accent);transition:width .25s ease}.nav-link:hover:after{width:100%}