:root{--blue:#2563eb;--space:#081020;--white:#f1f5f9;--steel:#94a3b8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f9fc;color:var(--space);font-family:Inter,system-ui,Arial,sans-serif}.topbar{min-height:76px;padding:16px 6%;display:flex;align-items:center;justify-content:space-between;gap:20px;background:white;border-bottom:1px solid #e5eaf2}.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.08em}.brand small{display:block;font-size:9px;color:#64748b}.mark{display:grid;place-items:center;background:var(--blue);color:white;width:38px;height:38px;border-radius:10px;font-size:24px}.topbar input{padding:12px;border:1px solid #dbe3ee;border-radius:10px;max-width:340px;width:40%;background:#f1f5f9}.topbar a:last-child{font-size:13px;font-weight:bold}.hero{background:var(--space);color:var(--white);padding:65px 9%;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px;min-height:480px;overflow:hidden}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.18em;color:var(--blue)}.hero .eyebrow{color:#8bb0ff}.hero h1{font-size:clamp(42px,6vw,72px);line-height:1.05;letter-spacing:-.05em;margin:18px 0}.hero h1 em{font-style:normal;color:#7da5ff}.intro{max-width:430px;color:#a9b7ce;line-height:1.8}.button{display:inline-block;background:var(--blue);color:white;padding:15px 18px;border-radius:10px;font-size:13px;font-weight:750;margin-top:15px;text-decoration:none}.trust{font-size:11px;color:#94a3b8;margin-top:25px}.art{position:relative;min-height:300px;display:grid;place-items:center}.core{display:grid;place-items:center;width:165px;height:165px;border:1px solid #60a5fa;border-radius:38px;transform:rotate(-13deg);background:linear-gradient(140deg,#1e40af,#0d1b35);box-shadow:0 0 100px #2563eb55;font-size:100px;font-weight:900;font-style:italic;color:#dbeafe}.orbit{position:absolute;width:280px;height:280px;border:1px solid #3b82f655;border-radius:50%;transform:scaleY(.55) rotate(-25deg)}.art small{position:absolute;bottom:0;right:8%;color:#94a3b8;letter-spacing:.2em;font-size:9px}.catalog{padding:70px 8% 85px}.catalog h2,.contact h2{font-size:clamp(28px,4vw,42px);letter-spacing:-.04em;margin:12px 0}.muted{color:#64748b;font-size:13px}nav{display:flex;gap:9px;flex-wrap:wrap;margin:28px 0}button{border:1px solid #dbe3ee;background:white;border-radius:30px;padding:10px 15px;color:#475569;cursor:pointer}button.active{background:var(--space);color:white}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{border:1px solid #e5ebf3;border-radius:16px;overflow:hidden;background:white}.photo{height:175px;background:linear-gradient(135deg,#eaf0fb,#f7f9fc);display:grid;place-items:center;color:#2563eb66;font-size:50px}.photo img{width:100%;height:100%;object-fit:cover}.info{padding:17px}.info small{color:#64748b;text-transform:uppercase;letter-spacing:.1em}.info h3{font-size:16px}.info p{font-size:12px;line-height:1.6;color:#64748b;min-height:35px}.bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}.buy{background:#eaf0ff;color:#1d4ed8;padding:10px;border-radius:8px;font-size:11px;font-weight:bold;text-decoration:none}.empty{grid-column:1/-1;text-align:center;padding:40px;color:#64748b}.contact{margin:0 8% 70px;background:var(--blue);color:white;border-radius:18px;padding:35px;display:flex;justify-content:space-between;align-items:center;gap:20px}.contact .eyebrow{color:#dbeafe}.contact p:not(.eyebrow){font-size:13px;color:#e0eaff}.light{background:white;color:#1d4ed8;white-space:nowrap}footer{border-top:1px solid #e5ebf3;padding:28px 8%;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}footer p,footer small{font-size:11px;color:#64748b}@media(max-width:700px){.topbar{flex-wrap:wrap;padding:15px 18px}.topbar input{order:3;width:100%;max-width:none}.hero{grid-template-columns:1fr;padding:50px 24px 25px}.art{min-height:240px}.core{width:130px;height:130px;font-size:75px}.orbit{width:220px;height:220px}.catalog{padding:50px 18px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.photo{height:130px}.info{padding:12px}.info h3{font-size:14px}.bottom{align-items:flex-start;flex-direction:column}.buy{width:100%;text-align:center}.contact{margin:0 18px 45px;padding:25px;align-items:flex-start;flex-direction:column}footer{padding:24px 18px}footer p{width:100%;order:3}}@media(max-width:380px){.grid{grid-template-columns:1fr}.photo{height:180px}}