@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Manrope:wght@400;600&display=swap";:root{--bg: #f6f7fb;--bg-2: #e9ecf4;--text: #0f172a;--muted: #4b5563;--card: rgba(255, 255, 255, .82);--border: rgba(15, 23, 42, .08);--accent: linear-gradient(135deg, #ff3d6a, #ff9d33);--pill: #fef3c7;--pill-text: #92400e;--shadow: 0 30px 70px rgba(15, 23, 42, .12);--blur: 18px}[data-theme=dark]{--bg: #0c111c;--bg-2: #0f172a;--text: #e2e8f0;--muted: #94a3b8;--card: rgba(17, 24, 39, .7);--border: rgba(148, 163, 184, .18);--accent: linear-gradient(135deg, #ff6b9a, #ffd166);--pill: rgba(255, 255, 255, .08);--pill-text: #e2e8f0;--shadow: 0 25px 60px rgba(0, 0, 0, .45);--blur: 12px}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Space Grotesk,Manrope,system-ui,-apple-system,sans-serif;transition:background .4s ease,color .4s ease}a{color:inherit;text-decoration:none}.page{min-height:100vh;background:radial-gradient(circle at 15% 20%,rgba(255,61,106,.12),transparent 28%),radial-gradient(circle at 85% 10%,rgba(255,157,51,.12),transparent 25%),radial-gradient(circle at 80% 70%,rgba(0,186,255,.12),transparent 25%),var(--bg)}.nav-wrap{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:18px 6vw;-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));background:linear-gradient(120deg,#ffffff14,#ffffff0a);border-bottom:1px solid var(--border)}.logo{font-weight:700;letter-spacing:-.4px;font-size:1.1rem;text-transform:lowercase}.logo span{background:var(--accent);-webkit-background-clip:text;color:transparent;font-weight:700}nav{display:flex;gap:18px;align-items:center}nav a{padding:10px 12px;border-radius:12px;color:var(--muted);font-weight:500;transition:color .2s ease,background .2s ease}nav a:hover{color:var(--text);background:var(--border)}.actions{display:flex;align-items:center;gap:12px}.ghost{display:none;background:transparent;border:1px solid var(--border);padding:10px;border-radius:12px;cursor:pointer;color:var(--text)}.burger,.burger:before,.burger:after{display:block;width:18px;height:2px;background:currentColor;position:relative;content:"";transition:transform .3s ease}.burger:before,.burger:after{position:absolute;left:0}.burger:before{top:-6px}.burger:after{top:6px}.theme-btn{border:1px solid var(--border);background:var(--card);border-radius:12px;padding:10px 12px;cursor:pointer;box-shadow:var(--shadow);color:var(--text)}.hero{padding:96px 6vw 40px;max-width:1200px;margin:0 auto}.pill{display:inline-flex;align-items:center;gap:8px;background:var(--pill);color:var(--pill-text);padding:10px 14px;border-radius:999px;font-size:.9rem;letter-spacing:-.1px}.pill.small{font-size:.8rem;padding:6px 10px}.hero h1{font-size:clamp(2.4rem,4vw,3.6rem);margin:16px 0 12px;line-height:1.1;letter-spacing:-.7px}.hero p{max-width:640px;color:var(--muted);font-size:1.05rem}.cta{display:flex;gap:14px;margin:28px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 18px;border-radius:14px;border:1px solid transparent;background-image:var(--accent);color:#0f172a;font-weight:700;cursor:pointer;box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 20px 45px #0000002e}.btn.ghost{background:var(--card);color:var(--text);border:1px solid var(--border)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-top:22px}.stats div{background:var(--card);border:1px solid var(--border);padding:16px;border-radius:14px;box-shadow:var(--shadow)}.stats strong{display:block;font-size:1.2rem}.stats span{color:var(--muted)}.products{padding:70px 6vw;max-width:1200px;margin:0 auto}.section-header{max-width:760px;margin-bottom:28px}.eyebrow{color:var(--muted);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem}.section-header h2{margin:8px 0;font-size:clamp(1.8rem,3vw,2.4rem);letter-spacing:-.4px}.lead{color:var(--muted)}.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.card{background:var(--card);border:1px solid var(--border);border-radius:18px;overflow:hidden;cursor:pointer;box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column}.card:focus-visible{outline:2px solid #ff6b9a;outline-offset:2px}.card:hover{transform:translateY(-4px);box-shadow:0 26px 50px #00000029}.img-wrap{position:relative;overflow:hidden;aspect-ratio:4 / 5}.img-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.card:hover img{transform:scale(1.04)}.card-body{padding:16px;display:grid;gap:6px}.price{color:var(--text);font-weight:700}.desc{color:var(--muted);font-size:.95rem}.about{padding:70px 6vw;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px;align-items:center}.about-card{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:26px;box-shadow:var(--shadow)}.about-card h2{margin:10px 0 12px;font-size:clamp(1.6rem,2.6vw,2.1rem)}.about-card p{color:var(--muted)}.about-points{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:16px}.about-points div{background:var(--bg-2);border-radius:14px;padding:12px 14px;border:1px solid var(--border)}.about-points strong{display:block;margin-bottom:6px;line-height:1.25}.about-points span{display:block;line-height:1.45}.about-visual{display:grid;gap:14px;justify-items:center}.about-photo{width:min(100%,360px);aspect-ratio:4 / 5;object-fit:cover;border-radius:24px;border:1px solid var(--border);background:var(--bg-2);box-shadow:var(--shadow)}.note{color:var(--muted);text-align:center}.contact{padding:70px 6vw 80px;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.4fr .9fr;gap:24px;align-items:start}.contact-card{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:24px;box-shadow:var(--shadow)}.contact-card h2{margin:8px 0 10px;font-size:clamp(1.7rem,2.8vw,2.2rem)}.form{display:grid;gap:14px;margin-top:12px}.form label{color:var(--text);font-weight:600;display:grid;gap:6px;font-size:.95rem}input,textarea{width:100%;padding:12px;border-radius:12px;border:1px solid var(--border);background:var(--bg-2);color:var(--text);font-size:1rem;font-family:inherit}input:focus,textarea:focus{outline:2px solid rgba(255,107,154,.65)}.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.contact-side{display:grid;gap:14px}.mini-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:var(--shadow)}.mini-card h3{margin:0 0 8px}.footer{border-top:1px solid var(--border);padding:18px 6vw 30px;color:var(--muted);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.footer-links{display:flex;gap:14px}.overlay{position:fixed;inset:0;background:#0009;display:grid;place-items:center;padding:20px;z-index:20}.modal{background:var(--card);border:1px solid var(--border);border-radius:22px;width:min(960px,90vw);display:grid;grid-template-columns:1fr 1fr;box-shadow:0 30px 80px #00000052;overflow:hidden;position:relative}.close{position:absolute;top:12px;right:12px;border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:50%;width:34px;height:34px;font-size:20px;cursor:pointer}.modal-img img{width:100%;height:100%;object-fit:cover}.modal-body{padding:22px;display:grid;gap:10px;align-content:start}.specs{list-style:none;padding:0;margin:4px 0 0;color:var(--muted);display:grid;gap:4px}.modal-actions{display:flex;gap:10px;margin-top:6px}.fade-enter-active,.fade-leave-active{transition:opacity .25s ease}.fade-enter-from,.fade-leave-to{opacity:0}@media(max-width:960px){nav{position:fixed;top:64px;right:6vw;background:var(--card);border:1px solid var(--border);padding:12px;border-radius:14px;box-shadow:var(--shadow);display:grid;gap:10px;transform:translateY(-8px);opacity:0;pointer-events:none;transition:opacity .2s ease}nav.open{opacity:1;pointer-events:auto}.ghost{display:inline-flex}.hero{padding-top:78px}.contact,.modal{grid-template-columns:1fr}}@media(max-width:640px){.hero h1{font-size:2.2rem}.cta{flex-wrap:wrap}.footer{gap:8px}}