:root{--bg:#0b1020;--bg-soft:#111a2f;--panel:#111a2fc7;--panel-border:#94a3b82e;--card:#f8fafc;--card-text:#0f172a;--text:#e2e8f0;--muted:#9fb0ca;--primary:#ff7a1a;--primary-strong:#ef5a18;--accent:#ffd166;--shadow:0 30px 60px #0f172a59;--radius:24px;--container:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:radial-gradient(circle at top,#7c9cff38,#0000 30%),linear-gradient(#09111d 0%,#0f172a 32%,#111827 100%);margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(var(--container), calc(100% - 2rem));margin:0 auto}.skip-link{z-index:100;background:var(--primary);color:#fff;border-radius:.75rem;padding:.8rem 1rem;transition:top .2s;position:absolute;top:-3rem;left:1rem}.skip-link:focus{top:1rem}.site-header{z-index:40;backdrop-filter:blur(18px);background:#09111d73;border-bottom:1px solid #94a3b81f;position:sticky;top:0}.nav-shell{justify-content:space-between;align-items:center;gap:1.5rem;min-height:78px;display:flex}.brand{letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.7rem;font-size:1.05rem;font-weight:700;display:inline-flex}.brand-logo{background:#ffffff0d;border-radius:12px;width:40px;height:40px;padding:.25rem}.main-nav{color:var(--muted);align-items:center;gap:1.5rem;font-size:.95rem;display:flex}.main-nav a{transition:color .2s}.main-nav a:hover{color:var(--text)}.button{border-radius:999px;justify-content:center;align-items:center;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.button:hover,.button:focus-visible{transform:translateY(-1px)}.button:focus-visible,a:focus-visible,button:focus-visible,iframe:focus-visible{outline-offset:2px;outline:3px solid #ffd166e6}.button-primary{background:linear-gradient(135deg, var(--primary), var(--primary-strong));color:#fff;padding:.9rem 1.35rem;box-shadow:0 20px 35px #5b7cff47}.button-secondary{color:var(--text);background:#94a3b814;border:1px solid #94a3b82e;padding:.9rem 1.35rem}.hero{padding:5rem 0 2rem}.hero-grid{grid-template-columns:1.2fr .8fr;align-items:center;gap:2rem;display:grid}.eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:1rem;font-size:.8rem;font-weight:700;display:inline-block}.hero-copy h1{letter-spacing:-.06em;margin:0;font-size:clamp(2.8rem,6vw,5.2rem);line-height:.96}.hero-copy p{max-width:38rem;color:var(--muted);margin:1.5rem 0 0;font-size:1.08rem;line-height:1.75}.hero-actions{flex-wrap:wrap;gap:1rem;margin-top:2rem;display:flex}.hero-panel{justify-content:center;display:flex}.language-note{border-top:1px solid var(--panel-border);border-bottom:1px solid var(--panel-border);background:#ffffff06;padding:1.25rem 0}.language-note p{max-width:62rem;color:var(--muted);text-align:center;margin:0 auto;font-size:.95rem;line-height:1.8}.panel-card{border:1px solid var(--panel-border);border-radius:var(--radius);width:min(100%,440px);box-shadow:var(--shadow);background:linear-gradient(#0f172af2,#111a2fc7);padding:1rem}.panel-header{gap:.5rem;margin-bottom:1rem;display:flex}.dot{border-radius:50%;width:.7rem;height:.7rem;display:inline-block}.dot-one{background:#f87171}.dot-two{background:#fbbf24}.dot-three{background:#4ade80}.panel-body{background:#94a3b80f;border:1px solid #94a3b81f;border-radius:20px;padding:1.5rem}.panel-body small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;display:block}.panel-body strong{letter-spacing:-.05em;margin-top:.4rem;font-size:2rem;display:block}.panel-body ul{color:var(--muted);margin:1.5rem 0 0;padding-left:1.1rem;line-height:2}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:3rem;display:grid}.stat-card{border:1px solid var(--panel-border);background:#0f172a80;border-radius:20px;padding:1.25rem 1.5rem}.stat-card strong{letter-spacing:-.06em;font-size:clamp(2rem,4vw,2.8rem);display:block}.stat-card span{color:var(--muted);margin-top:.35rem;display:block}.section{padding:4.5rem 0}.section-alt{background:#0f172a61;border-top:1px solid #94a3b814;border-bottom:1px solid #94a3b814}.section-heading{margin-bottom:2rem}.section-heading h2,.split-layout h2,.about-box h2,.site-footer h2{letter-spacing:-.05em;margin:0;font-size:clamp(2rem,4vw,3.3rem)}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;display:grid}.feature-card{color:var(--card-text);background:#f8fafcf5;border-radius:24px;padding:1.5rem;box-shadow:0 25px 50px #0f172a1f}.feature-icon{width:2.9rem;height:2.9rem;color:var(--primary-strong);background:#7c9cff1f;border-radius:12px;justify-content:center;align-items:center;margin-bottom:1rem;font-size:1.3rem;display:inline-flex}.feature-card h3{margin:0 0 .8rem;font-size:1.4rem}.feature-card p{color:#0f172ab8;margin:0;line-height:1.7}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;display:grid}.product-card{color:var(--card-text);background:linear-gradient(#fffffffa,#ffffffeb);border:1px solid #94a3b81a;border-radius:22px;padding:1.5rem;box-shadow:0 18px 35px #0f172a1a}.product-topline{letter-spacing:.08em;text-transform:uppercase;color:var(--primary-strong);font-size:.72rem;font-weight:700}.product-card h3{margin:.8rem 0 .5rem;font-size:1.5rem}.product-meta{justify-content:space-between;align-items:center;gap:.5rem;margin-top:1rem;display:flex}.product-badge{color:var(--primary-strong);background:#ff7a1a1a;border-radius:999px;padding:.35rem .6rem;font-size:.72rem;font-weight:700;display:inline-flex}.stock-pill{color:#166534;background:#22c55e1f;border-radius:999px;padding:.35rem .6rem;font-size:.72rem;font-weight:700;display:inline-flex}.product-price{letter-spacing:-.05em;margin-top:1rem;font-size:1.8rem;font-weight:800}.section-soft{background:#ffffff08}.left-align{text-align:left}.maps-wrap{gap:1.5rem;display:grid}.map-card{box-shadow:var(--shadow);background:#0f172a59;border:1px solid #94a3b81f;border-radius:22px;overflow:hidden}.map-card iframe{border:0;width:100%;min-height:360px;display:block}.split-layout{grid-template-columns:.9fr 1.1fr;align-items:center;gap:2rem;display:grid}.check-list{gap:1rem;display:grid}.check-item{background:#09111d8c;border:1px solid #94a3b81a;border-radius:18px;align-items:flex-start;gap:.9rem;padding:1rem 1.1rem;display:flex}.check-item span{width:1.7rem;height:1.7rem;color:var(--accent);background:#99f6e429;border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.check-item p{color:var(--muted);margin:0;line-height:1.7}.about-box{grid-template-columns:1fr 1fr;align-items:center;gap:2rem;display:grid}.about-box p{color:var(--muted);margin:0;font-size:1.08rem;line-height:1.8}.site-footer{padding:2.5rem 0 4rem}.footer-shell{background:#0f172a85;border:1px solid #94a3b81f;border-radius:26px;justify-content:space-between;align-items:center;gap:1.5rem;padding:2rem 1.5rem;display:flex}.footer-actions{flex-wrap:wrap;gap:.75rem;display:flex}.footer-details{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.25rem;display:grid}.footer-details h3{margin:0 0 .5rem;font-size:1rem}.footer-details p{color:var(--muted);margin:0}.cta-row{flex-wrap:wrap;gap:1rem;margin-top:1.5rem;display:flex}.oppo-page .hero{padding-top:4rem}.oppo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;display:grid}.oppo-card{color:var(--card-text);background:#f8fafcf5;border-radius:24px;padding:1.5rem;box-shadow:0 20px 40px #0f172a1f}.oppo-card h3{margin-top:.75rem;margin-bottom:.5rem}.oppo-meta{justify-content:space-between;align-items:center;gap:.75rem;margin-top:1rem;display:flex}.stock-tag{letter-spacing:.05em;text-transform:uppercase;border-radius:999px;align-items:center;padding:.4rem .7rem;font-size:.7rem;font-weight:700;display:inline-flex}.stock-tag.in-stock{color:#166534;background:#4ade8024}.stock-tag.low-stock{color:#92400e;background:#fbbf242e}.oppo-phone{letter-spacing:.08em;text-transform:uppercase;color:var(--primary-strong);font-size:.8rem;font-weight:700}@media (width<=900px){.hero-grid,.feature-grid,.split-layout,.about-box,.stats-grid,.footer-details,.oppo-grid{grid-template-columns:1fr}.nav-shell,.footer-shell{flex-direction:column;align-items:flex-start}.main-nav{flex-wrap:wrap}}@media (width<=560px){.main-nav{gap:.75rem 1rem;font-size:.85rem}.button{width:100%}.hero{padding-top:4rem}}