@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{display:none}html{-ms-overflow-style:none;scrollbar-width:none;scroll-behavior:smooth}:root{--black:#0a0d12;--charcoal:#141922;--gray-900:#1e2530;--gray-800:#2a3240;--gray-700:#3d4657;--gray-600:#525c70;--gray-500:#6b768a;--gray-400:#8891a3;--gray-300:#a5aebf;--gray-200:#c2c9d6;--teal:#4ecdc4;--teal-bright:#6ee7de;--teal-dim:#3da99f;--teal-alpha:rgba(78,205,196,0.12);--green:#52c997;--green-alpha:rgba(82,201,151,0.12);--amber:#ffb84d;--amber-bright:#ffc870;--primary:var(--teal);--primary-bright:var(--teal-bright);--primary-dim:var(--teal-dim);--primary-alpha:var(--teal-alpha);--accent:var(--amber);--accent-bright:var(--amber-bright);--render-bg:#0d141a;--render-ambient:#4d5966;--render-cyan:#bff2ff;--bg:var(--black);--bg-elevated:var(--charcoal);--bg-card:var(--gray-900);--bg-hover:var(--gray-800);--text:var(--gray-200);--text-heading:#e8ecf2;--text-muted:var(--gray-400);--text-dim:var(--gray-500);--border:rgba(165,174,191,0.12);--border-medium:rgba(165,174,191,0.2);--border-strong:rgba(165,174,191,0.35);--success:var(--green);--success-alpha:var(--green-alpha);--warning:var(--amber);--error:#ef6f6f;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"IBM Plex Mono","SF Mono",monospace;--fw-light:300;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--text-5xl:3rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.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;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--ease:cubic-bezier(0.4,0,0.2,1);--duration-fast:150ms;--duration-base:200ms;--duration-slow:300ms;--shadow-sm:0 2px 4px rgba(0,0,0,0.3);--shadow-md:0 4px 8px rgba(0,0,0,0.35);--shadow-lg:0 8px 16px rgba(0,0,0,0.4);--shadow-xl:0 12px 24px rgba(0,0,0,0.45)}html{font-size:16px}body,html{background:var(--bg)}body{font-family:var(--font-sans);font-weight:var(--fw-regular);line-height:1.6;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:var(--fw-semibold);line-height:1.2;color:var(--text-heading);letter-spacing:-.02em;margin:0}h1{font-size:var(--text-4xl);margin-bottom:var(--space-6)}h2{font-size:var(--text-3xl);margin-bottom:var(--space-5)}h3{font-size:var(--text-2xl);margin-bottom:var(--space-4)}h4{font-size:var(--text-xl);margin-bottom:var(--space-3)}p{font-size:var(--text-base);line-height:1.7;margin:0 0 var(--space-4);color:var(--text-muted)}p.lead{font-size:var(--text-lg);color:var(--text);font-weight:var(--fw-light)}a{color:var(--primary);text-decoration:none;transition:color var(--duration-base) var(--ease)}a:hover{color:var(--primary-bright);text-decoration:underline}code{font-family:var(--font-mono);font-size:var(--text-sm);background:var(--bg-elevated);padding:2px 6px;border-radius:var(--radius-sm)}.container{width:100%;max-width:var(--container-lg);margin:0 auto;padding:0 var(--space-4)}@media (min-width:768px){.container{padding:0 var(--space-6)}}main{min-height:80vh}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(10,13,18,.85);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.site-header .container{display:flex;justify-content:space-between;align-items:center;height:64px}.site-logo{font-family:var(--font-mono);font-weight:var(--fw-semibold);font-size:var(--text-lg);text-decoration:none}.logo-hash,.site-logo{color:var(--text-heading)}.logo-high{color:var(--primary);font-weight:var(--fw-bold)}.site-logo:hover{color:var(--primary-bright);text-decoration:none}.site-nav{display:none}@media (min-width:768px){.site-nav{display:flex;gap:var(--space-6)}.site-nav a{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-muted);transition:color var(--duration-base) var(--ease)}.site-nav a.active,.site-nav a:hover{color:var(--primary);text-decoration:none}}.nav-toggle{display:flex;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:var(--space-2)}@media (min-width:768px){.nav-toggle{display:none}}.nav-toggle span{display:block;width:24px;height:2px;background:var(--text);transition:all var(--duration-base) var(--ease)}.mobile-nav{position:fixed;top:64px;left:0;right:0;background:var(--bg-elevated);border-bottom:1px solid var(--border);transform:translateY(-100%);opacity:0;transition:all var(--duration-slow) var(--ease);z-index:99}.mobile-nav.open{transform:translateY(0);opacity:1}.mobile-nav nav{padding:var(--space-6) var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.mobile-nav a{font-size:var(--text-base);font-weight:var(--fw-medium);color:var(--text-muted);padding:var(--space-3) 0;border-bottom:1px solid var(--border)}.mobile-nav a.active,.mobile-nav a:hover{color:var(--primary);text-decoration:none}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-20) var(--space-4);text-align:center;position:relative}.hero-dark{background:linear-gradient(135deg,var(--black) 0,var(--charcoal) 100%)}.hero-dark:before{content:"";position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,var(--primary-alpha),transparent);opacity:.3;pointer-events:none}.hero-content{max-width:720px}.hero h1{font-size:var(--text-4xl);font-weight:var(--fw-bold);margin-bottom:var(--space-6);letter-spacing:-.03em}@media (min-width:768px){.hero h1{font-size:3.5rem}}.hero .lead{font-size:var(--text-xl);color:var(--text-muted);margin-bottom:var(--space-8)}.hero-cta{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.text-highlight{color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--fw-medium);border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--duration-base) var(--ease);text-decoration:none}.btn-primary{background:var(--primary);color:var(--black)}.btn-primary:hover{background:var(--primary-bright);transform:translateY(-1px);box-shadow:var(--shadow-md);text-decoration:none}.btn-secondary{background:transparent;color:var(--text);border:1px solid var(--border-strong)}.btn-secondary:hover{border-color:var(--primary);background:var(--primary-alpha);text-decoration:none}.btn-ghost{background:transparent;color:var(--primary)}.btn-ghost:hover{background:var(--primary-alpha);text-decoration:none}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.section{padding:var(--space-16) 0}.section-header{text-align:center;margin-bottom:var(--space-12)}.section-title{font-size:var(--text-3xl);font-weight:var(--fw-bold);margin-bottom:var(--space-4)}.section-subtitle{font-size:var(--text-lg);color:var(--text-muted);max-width:600px;margin:0 auto}.design-grid{display:grid;grid-template-columns:1fr;grid-gap:var(--space-8);gap:var(--space-8);margin-top:var(--space-8)}@media (min-width:640px){.design-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.design-grid{grid-template-columns:repeat(3,1fr)}}.design-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--duration-base) var(--ease);display:flex;flex-direction:column}.design-card:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.design-image{background:linear-gradient(135deg,var(--gray-800),var(--gray-900));display:flex;align-items:center;justify-content:center}.design-image:before{content:"🖨️";font-size:4rem;opacity:.1;position:absolute}.design-badge{position:absolute;top:var(--space-3);right:var(--space-3);padding:var(--space-1) var(--space-3);background:var(--primary);color:var(--black);font-size:var(--text-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm)}.design-info{padding:var(--space-6);flex:1 1;display:flex;flex-direction:column}.design-info h3{font-size:var(--text-xl);margin-bottom:var(--space-3)}.design-info p{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-4);flex:1 1}.design-specs{padding:var(--space-3);background:var(--bg-elevated);border-radius:var(--radius-sm);margin-bottom:var(--space-4)}.design-specs small{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-dim);line-height:1.5}.design-footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-4);border-top:1px solid var(--border)}.design-price{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:var(--fw-bold);color:var(--accent)}.product-line-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--space-8);gap:var(--space-8);margin-top:var(--space-8)}.product-line-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center;transition:all var(--duration-base) var(--ease)}.product-line-card:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:var(--shadow-lg)}.product-line-icon{font-size:64px;margin-bottom:var(--space-4);line-height:1}.product-line-card h3{margin:0 0 var(--space-4);font-size:var(--text-2xl)}.product-line-card p{margin:0 0 var(--space-6);color:var(--text-muted);line-height:1.6}.platform-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:var(--space-8);gap:var(--space-8);margin-top:var(--space-8)}.platform-card{background:var(--bg-elevated);border:2px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center;transition:all var(--duration-base) var(--ease)}.platform-card:hover{transform:translateY(-4px);border-color:var(--primary)}.platform-card-highlight{border-color:var(--primary);background:linear-gradient(135deg,var(--bg-elevated) 0,var(--primary-alpha) 100%)}.platform-card h3{margin:0 0 var(--space-6);font-size:var(--text-2xl)}.platform-pricing{gap:var(--space-4);margin:var(--space-6) 0;padding:var(--space-6);background:var(--bg);border-radius:var(--radius-md)}.platform-pricing,.price-item{display:flex;flex-direction:column}.price-item{gap:var(--space-1)}.price-label{font-size:var(--text-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.price-amount{font-size:var(--text-2xl);font-weight:var(--fw-bold);color:var(--primary)}.price-desc{font-size:var(--text-xs);color:var(--text-muted)}.feature-grid{display:grid;grid-template-columns:1fr;grid-gap:var(--space-8);gap:var(--space-8);margin-top:var(--space-8)}@media (min-width:768px){.feature-grid{grid-template-columns:repeat(3,1fr)}}.feature-item{text-align:center;padding:var(--space-6)}.feature-icon{font-size:3rem;margin-bottom:var(--space-4)}.feature-item h3{font-size:var(--text-xl);margin-bottom:var(--space-3)}.feature-item p{font-size:var(--text-sm);color:var(--text-muted)}.filter-bar{display:flex;gap:var(--space-3);margin:var(--space-8) 0;flex-wrap:wrap;justify-content:center}.filter-btn{padding:var(--space-3) var(--space-5);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-muted);cursor:pointer;transition:all var(--duration-base) var(--ease)}.filter-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-alpha)}.filter-btn.active{background:var(--primary);color:var(--black);border-color:var(--primary)}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--space-6);gap:var(--space-6);margin-top:var(--space-8)}.contact-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6)}.contact-card h3{margin:0 0 var(--space-4);font-size:var(--text-xl)}.faq-item{margin-bottom:var(--space-8);padding-bottom:var(--space-8);border-bottom:1px solid var(--border)}.faq-item:last-child{border-bottom:none}.faq-item h3{margin:0 0 var(--space-3);font-size:var(--text-lg);color:var(--primary)}.site-footer{background:var(--bg-elevated);border-top:1px solid var(--border);padding:var(--space-16) 0 var(--space-8);margin-top:var(--space-20)}.footer-grid{display:grid;grid-template-columns:1fr;grid-gap:var(--space-8);gap:var(--space-8);margin-bottom:var(--space-8)}@media (min-width:768px){.footer-grid{grid-template-columns:repeat(4,1fr)}}.footer-col h4{font-size:var(--text-sm);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4)}.footer-links{list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}.footer-links a{font-size:var(--text-sm);color:var(--text-muted)}.footer-links a:hover{color:var(--primary)}.footer-bottom{padding-top:var(--space-8);border-top:1px solid var(--border);text-align:center;font-size:var(--text-xs);color:var(--text-muted)}.breadcrumb{display:flex;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted);margin:var(--space-8) 0 var(--space-6);list-style:none}.breadcrumb li+li:before{content:"/";margin-right:var(--space-2)}.breadcrumb a{color:var(--text-muted)}.breadcrumb a:hover{color:var(--primary)}.page-header{margin-bottom:var(--space-12);text-align:center}.product-header{margin-bottom:var(--space-8)}.product-hero-image{margin:var(--space-8) 0}.skip-link{position:absolute;top:-40px;left:0;background:var(--primary);color:var(--black);padding:var(--space-2) var(--space-4);text-decoration:none;z-index:1000}.skip-link:focus{top:0}.empty-state,.text-center{text-align:center}.empty-state{padding:var(--space-16) var(--space-4);color:var(--text-dim)}.design-image{position:relative;width:100%;height:240px;background:var(--render-bg);overflow:hidden}.product-hero-image,.product-image-wrapper{background:var(--render-bg);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.gallery-card .design-image,.gallery-card>a>div{background:var(--render-bg)}.design-image img,.product-hero-image img,.product-image-wrapper img{object-fit:contain}.image-loading-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--render-bg);color:var(--render-ambient);font-size:4rem;opacity:.3}.design-image:has(img[src*="/images/products/"]):not(:has(img[src*=placeholder])):before{display:none}div[style*="background: var(--bg-elevated)"] img{background:var(--render-bg)}