*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.6;color:#e5e7eb;background:#020617}
a{color:#0ea5e9;text-decoration:none}
a:hover{text-decoration:underline}
.site-wrapper{min-height:100vh;display:flex;flex-direction:column}
header{background:rgba(15,23,42,.96);border-bottom:1px solid rgba(148,163,184,.5);position:sticky;top:0;z-index:50;backdrop-filter:blur(10px)}
.header-inner{max-width:1120px;margin:0 auto;padding:.75rem 1.25rem;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:.5rem}
.brand-mark{width:32px;height:32px;border-radius:999px;border:1px solid rgba(56,189,248,.7);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;color:#e0f2fe;background:radial-gradient(circle at 20% 0,#0ea5e9 0,#020617 50%)}
.brand-text{display:flex;flex-direction:column}
.brand-text span:first-child{font-weight:700;letter-spacing:.18em;font-size:.8rem;color:#f9fafb}
.brand-text span:last-child{font-size:.7rem;color:#9ca3af}
nav ul{list-style:none;display:flex;gap:1.5rem;font-size:.9rem}
nav a{color:#e5e7eb}
nav a.active{color:#38bdf8;font-weight:600}
nav a:hover{color:#7dd3fc}
.page{flex:1}
.page-main{max-width:1120px;margin:0 auto;padding:1.5rem 1.25rem 3rem}
.page-hero{display:grid;grid-template-columns:minmax(0,3fr)minmax(0,2.4fr);gap:2rem;align-items:center;margin:.5rem 0 2rem}
.page-hero-text h1{font-size:clamp(1.9rem,3vw,2.3rem);color:#f9fafb;letter-spacing:.1em;text-transform:uppercase}
.page-hero-text h1 span{color:#22d3ee}
.page-hero-text p{margin-top:.75rem;color:#cbd5f5;font-size:.97rem}
.page-hero-badges{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.5rem}
.badge{border-radius:999px;border:1px solid rgba(148,163,184,.6);padding:.2rem .75rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#e5e7eb}
.hero-actions{margin-top:1.5rem;display:flex;flex-wrap:wrap;gap:.75rem}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.5rem 1.3rem;font-size:.85rem;font-weight:500;border:1px solid transparent;cursor:pointer;transition:.12s}
.btn-primary{background:linear-gradient(135deg,#0ea5e9,#22d3ee);color:#0f172a;box-shadow:0 18px 40px rgba(34,211,238,.35)}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 22px 45px rgba(34,211,238,.4)}
.btn-outline{background:transparent;color:#e5e7eb;border-color:rgba(148,163,184,.7)}
.btn-outline:hover{border-color:#38bdf8;background:rgba(15,23,42,.9)}
.hero-media{position:relative}
.hero-image-frame{border-radius:1.3rem;border:1px solid rgba(148,163,184,.6);background:radial-gradient(circle at 0 0,rgba(56,189,248,.12),#020617 60%);padding:.9rem;box-shadow:0 22px 48px rgba(15,23,42,.95)}
.hero-image-frame img{display:block;width:100%;border-radius:1rem;object-fit:cover;min-height:220px;background:#020617}
.hero-tag{position:absolute;left:.9rem;bottom:.9rem;padding:.25rem .6rem;border-radius:999px;font-size:.7rem;background:rgba(15,23,42,.96);color:#e5e7eb;border:1px solid rgba(94,234,212,.7)}
.section{margin-top:2.3rem}
.section-header{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.2rem}
.section-title{font-size:1.15rem;font-weight:600;color:#f9fafb}
.section-subtitle{font-size:.85rem;color:#9ca3af}
.feature-grid,.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}
.feature-card{border-radius:1rem;border:1px solid rgba(148,163,184,.5);padding:1rem;background:radial-gradient(circle at 0 0,rgba(56,189,248,.12),rgba(15,23,42,.98))}
.feature-card h3{font-size:.95rem;color:#e5e7eb;margin-bottom:.4rem}
.feature-card p{font-size:.82rem;color:#9ca3af}
.product-card{border-radius:1.1rem;border:1px solid rgba(148,163,184,.5);background:radial-gradient(circle at 0 0,rgba(94,234,212,.06),rgba(15,23,42,.98));overflow:hidden;display:flex;flex-direction:column}
.product-thumb{width:100%;height:150px;object-fit:cover;background:#020617}
.product-card-body{padding:.9rem 1rem 1rem;display:flex;flex-direction:column;gap:.35rem}
.product-tag{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:#9ca3af}
.product-name{font-size:.98rem;color:#e5e7eb;font-weight:600}
.product-summary{font-size:.8rem;color:#9ca3af}
.product-meta{display:flex;justify-content:space-between;align-items:center;margin-top:.3rem;font-size:.75rem;color:#9ca3af;gap:.5rem;flex-wrap:wrap}
.product-actions{margin-top:.75rem;display:flex;flex-wrap:wrap;gap:.5rem}
.detail-layout{margin-top:1.6rem;display:grid;grid-template-columns:minmax(0,3fr)minmax(0,2.4fr);gap:1.7rem;align-items:flex-start}
.detail-gallery-main{border-radius:1rem;border:1px solid rgba(148,163,184,.6);padding:.75rem;background:radial-gradient(circle at 0 0,rgba(56,189,248,.12),rgba(15,23,42,.98));cursor:zoom-in}
.detail-gallery-main img{width:100%;border-radius:.85rem;object-fit:cover;min-height:260px;background:#020617}
.detail-thumbs{display:flex;gap:.6rem;margin-top:.75rem}
.detail-thumbs img{width:80px;height:64px;border-radius:.6rem;object-fit:cover;border:1px solid rgba(148,163,184,.6);cursor:pointer;opacity:.8;background:#020617}
.detail-thumbs img:hover{opacity:1;border-color:#38bdf8}
.detail-info h1{font-size:1.35rem;color:#f9fafb}
.detail-lead{margin-top:.4rem;font-size:.9rem;color:#cbd5f5}
.detail-key-points{margin-top:.8rem;font-size:.83rem;color:#9ca3af}
.detail-key-points ul{margin-left:1.1rem;margin-top:.25rem}
.detail-key-points li{margin-bottom:.2rem}
.detail-meta{margin-top:.8rem;font-size:.78rem;color:#9ca3af}
.detail-meta span{display:inline-block;margin-right:.8rem;margin-bottom:.2rem}
.detail-cta{margin-top:1rem}
.two-col{display:grid;grid-template-columns:minmax(0,1.1fr)minmax(0,1.25fr);gap:1.6rem;margin-top:1.8rem}
.two-col h2{font-size:1rem;color:#e5e7eb;margin-bottom:.5rem}
.two-col p,.two-col ul{font-size:.85rem;color:#9ca3af}
.two-col ul{margin-left:1.1rem}
.spec-table{width:100%;border-collapse:collapse;font-size:.8rem;margin-top:.5rem}
.spec-table th,.spec-table td{padding:.35rem .5rem;border-bottom:1px dotted rgba(55,65,81,.85)}
.spec-table th{text-align:left;color:#9ca3af;font-weight:500;width:45%}
.spec-table td{color:#e5e7eb}
.content{margin-top:1rem;font-size:.88rem;color:#9ca3af}
.content h2{font-size:1.02rem;color:#e5e7eb;margin-top:1.5rem;margin-bottom:.4rem}
.content h3{font-size:.95rem;color:#e5e7eb;margin-top:1rem;margin-bottom:.3rem}
.content p+p{margin-top:.45rem}
.content ul{margin-top:.25rem;margin-left:1.1rem}
.content li{margin-bottom:.25rem}
.contact-grid{margin-top:1.6rem;display:grid;grid-template-columns:minmax(0,1.2fr)minmax(0,1fr);gap:1.7rem}
.contact-card{border-radius:1rem;border:1px solid rgba(148,163,184,.6);padding:1rem 1.1rem;background:radial-gradient(circle at 0 0,rgba(56,189,248,.12),rgba(15,23,42,.98))}
.form-group{margin-bottom:.85rem}
label{display:block;font-size:.8rem;color:#e5e7eb;margin-bottom:.25rem}
input[type=text],input[type=email],input[type=tel],select,textarea{width:100%;padding:.45rem .55rem;border-radius:.5rem;border:1px solid rgba(148,163,184,.7);background:rgba(15,23,42,.96);color:#e5e7eb;font-size:.85rem}
textarea{min-height:120px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:none;border-color:#38bdf8}
footer{border-top:1px solid rgba(55,65,81,.85);margin-top:auto}
.footer-inner{max-width:1120px;margin:0 auto;padding:1rem 1.25rem 1.5rem;display:flex;justify-content:space-between;align-items:center;color:#6b7280;font-size:.75rem;gap:.75rem;flex-wrap:wrap}
.text-muted{color:#9ca3af;font-size:.8rem}
.zoom-overlay{position:fixed;inset:0;background:rgba(15,23,42,.96);display:none;align-items:center;justify-content:center;z-index:100}
.zoom-overlay.open{display:flex}
.zoom-overlay img{max-width:94vw;max-height:88vh;border-radius:1rem;border:1px solid rgba(148,163,184,.8);background:#020617}
@media(max-width:960px){.page-hero{grid-template-columns:minmax(0,1fr)}.hero-media{order:-1}.detail-layout,.two-col,.contact-grid,.product-grid,.feature-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:640px){.header-inner{flex-direction:column;align-items:flex-start;gap:.6rem}nav ul{gap:.9rem;flex-wrap:wrap}.page-main{padding-inline:.9rem}.product-thumb{height:160px}}