*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base:#0c0a08;--bg-surface:#14110e;--bg-elevated:#1e1a16;--bg-hover:#28231e;--text-primary:#f0ede8;--text-secondary:#a09888;--text-tertiary:#706050;--terracotta:#c86a4e;--gold:#d4a843;--olive:#5a7a4a;--med-blue:#1a6b8a;--accent-gradient:linear-gradient(135deg, #c86a4e, #d4a843);--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-16:4rem;--radius-lg:.75rem;--radius-xl:1rem}html{scroll-behavior:smooth}body{background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5;overflow-x:hidden}.container{max-width:1100px;padding:0 var(--space-6);margin:0 auto}#canvas-container{z-index:0;width:100%;height:100%;position:fixed;top:0;left:0}#hero{z-index:1;text-align:center;min-height:100dvh;padding:var(--space-8);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.hero-brand{letter-spacing:-.03em;margin-bottom:var(--space-4);color:var(--text-primary);font-size:3.5rem;font-weight:800}.hero-brand span{color:var(--terracotta)}.hero-tagline{color:var(--text-secondary);max-width:420px;margin-bottom:var(--space-10);font-size:1.125rem;font-style:italic}#products{z-index:1;padding:var(--space-8) 0 var(--space-16);position:relative}.products-title{text-align:center;text-transform:uppercase;letter-spacing:.15em;color:var(--text-tertiary);margin-bottom:var(--space-6);font-size:.75rem}.product-grid{gap:var(--space-4);grid-template-columns:1fr;max-width:420px;margin:0 auto;display:grid}.product-card{background:var(--bg-elevated);border-radius:var(--radius-xl);color:var(--text-primary);transform-style:preserve-3d;perspective:800px;cursor:pointer;border:1px solid #c86a4e1a;text-decoration:none;transition:transform .3s,border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.product-card:hover{border-color:#c86a4e4d;box-shadow:0 0 40px #c86a4e0f,0 0 80px #c86a4e08}.product-card-mockup{padding:var(--space-8) var(--space-6) var(--space-4);background:radial-gradient(at 50% 120%,#c86a4e0f 0%,#0000 70%);border-bottom:1px solid #c86a4e0f;justify-content:center;display:flex}.mockup-body{background:#18181b;border:1px solid #c86a4e14;border-radius:24px;flex-direction:column;width:140px;padding:10px 6px;display:flex;box-shadow:0 8px 32px #0006}.mockup-notch{background:#27272a;border-radius:2px;width:50px;height:4px;margin:0 auto 8px}.mockup-screen{aspect-ratio:9/16;background:#000;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:6px;display:flex;position:relative;overflow:hidden}.mockup-barcode{opacity:.5;z-index:1;background:repeating-linear-gradient(90deg,#fff 0 2px,#0000 2px 3px,#fff 3px 5px,#0000 5px 6px,#fff 6px 9px,#0000 9px 10px,#fff 10px 11px,#0000 11px 12px,#fff 12px 15px,#0000 15px 16px,#fff 16px 17px,#0000 17px 18px,#fff 18px 20px,#0000 20px 21px,#fff 21px 22px,#0000 22px 23px,#fff 23px 25px);border-radius:2px;width:80%;height:28px}.mockup-line{background:var(--terracotta);height:1.5px;box-shadow:0 0 6px var(--terracotta), 0 0 12px var(--terracotta);z-index:2;animation:2s ease-in-out infinite mockScan;position:absolute;left:8%;right:8%}@keyframes mockScan{0%,to{opacity:.8;top:20%}50%{opacity:1;top:65%}}.mockup-result{text-align:center;z-index:1;background:#1f1f23;border:1px solid #c86a4e26;border-radius:4px;padding:3px 8px}.mockup-name{color:#fafafa;font-size:.625rem;font-weight:500;display:block}.mockup-price{color:var(--gold);font-size:.75rem;font-weight:700}.product-card-info{padding:var(--space-4) var(--space-6) var(--space-6);gap:var(--space-2);flex-direction:column;display:flex}.product-card-name{font-size:1.25rem;font-weight:700}.product-card-desc{color:var(--text-secondary);font-size:.8125rem;line-height:1.6}.product-card-arrow{color:var(--terracotta);margin-top:var(--space-1);align-items:center;gap:.375rem;font-size:.8125rem;font-weight:600;display:inline-flex}.product-card-arrow svg{transition:transform .2s}.product-card:hover .product-card-arrow svg{transform:translate(4px)}#footer{z-index:1;padding:var(--space-8) 0;border-top:1px solid #c86a4e0f;position:relative}.footer-inner{align-items:center;gap:var(--space-3);text-align:center;flex-direction:column;display:flex}.footer-brand{font-size:.875rem;font-weight:700}.footer-copy{color:var(--text-tertiary);font-size:.75rem}#hero,#products,#footer{opacity:0}#hero.is-visible,#products.is-visible,#footer.is-visible{opacity:1}[data-animate]{transition:opacity .8s,transform .8s}[data-animate]:not(.is-visible){opacity:0}#hero:not(.is-visible){transform:translateY(20px)}#products:not(.is-visible){transform:translateY(30px)}#footer:not(.is-visible){transform:translateY(20px)}[data-animate-child]{transition:opacity .6s,transform .6s}#products:not(.is-visible) .product-card{transform:translateY(20px)}@media (width>=640px){.hero-brand{font-size:5rem}.hero-tagline{font-size:1.25rem}.product-grid{max-width:480px}.mockup-body{width:160px}}@media (width>=768px){.hero-brand{font-size:6.5rem}}@media (prefers-reduced-motion:reduce){.product-card,.product-card-arrow svg{transition:none}.product-card:hover .product-card-arrow svg{transform:none}.mockup-line{animation:none;display:none}.mockup-barcode{opacity:.3}#canvas-container{display:none}#hero,#products,#footer,[data-animate]:not(.is-visible){opacity:1;transform:none}[data-animate-child]{transition:none}}