:root{--bg:#f7f5f1;--surface:#fff;--text:#1c1b19;--muted:#6b675f;--accent:#2f5d50;--accent-text:#fff;--border:#e4dfd6}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#161614;--surface:#1f1e1b;--text:#f2efe9;--muted:#a39e94;--accent:#6fb39c;--accent-text:#0f1f1a;--border:#33312c}}:root[data-theme=dark]{--bg:#161614;--surface:#1f1e1b;--text:#f2efe9;--muted:#a39e94;--accent:#6fb39c;--accent-text:#0f1f1a;--border:#33312c}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}a{color:var(--accent)}.wrap{max-width:1100px;margin:0 auto;padding:0 16px}header.top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:20px 0;display:flex}header.top .brand{color:var(--text);font-size:20px;font-weight:700;text-decoration:none}nav.lang a{color:var(--muted);margin-left:10px;font-size:14px;text-decoration:none}nav.lang a.active{color:var(--text);font-weight:600}.hero{padding:24px 0 8px}.hero p{color:var(--muted);margin:0}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;padding:24px 0 48px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.card img{aspect-ratio:4/3;object-fit:cover;background:var(--border);width:100%;height:auto}.card .body{flex-direction:column;flex:1;gap:8px;padding:16px;display:flex}.card h2{margin:0;font-size:18px}.card h2 a{color:var(--text);text-decoration:none}.muted{color:var(--muted);font-size:14px}.price{font-size:20px;font-weight:700}.btn{background:var(--accent);color:var(--accent-text);cursor:pointer;border:0;border-radius:10px;padding:10px 16px;font-size:15px;font-weight:600;text-decoration:none;display:inline-block}.btn.secondary{color:var(--accent);border:1px solid var(--accent);background:0 0}.detail{grid-template-columns:1fr;gap:24px;padding:16px 0 48px;display:grid}@media (min-width:800px){.detail{grid-template-columns:1.2fr 1fr}}.detail img{border:1px solid var(--border);border-radius:14px;width:100%}.specs{grid-template-columns:repeat(2,1fr);gap:10px;margin:16px 0;display:grid}.specs div{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px 12px}.specs b{color:var(--muted);font-size:13px;font-weight:500;display:block}.panel{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px}.panel label{cursor:pointer;align-items:center;gap:10px;padding:10px 0;display:flex}.notice{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin:16px 0;padding:16px}footer{border-top:1px solid var(--border);color:var(--muted);padding:20px 0;font-size:14px}.gallery{flex-direction:column;gap:10px;margin:0;display:flex}.gallery img{border:1px solid var(--border);border-radius:14px;width:100%;height:auto}.thumbs{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.thumbs img{border:1px solid var(--border);border-radius:10px;width:100%;height:auto}@media (max-width:700px){.specs{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr;padding-top:16px}.detail{padding-top:8px}.btn{text-align:center;width:100%}}.site-header{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:color-mix(in srgb, var(--bg) 82%, transparent);border-bottom:1px solid var(--border);position:sticky;top:0}.site-header .bar{flex-wrap:wrap;align-items:center;gap:20px;padding:14px 16px;display:flex}.brand{letter-spacing:.02em;color:var(--text);align-items:center;gap:10px;font-size:18px;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{border:2px solid var(--accent);width:14px;height:14px;display:inline-block;transform:rotate(45deg)}.menu{flex-wrap:wrap;flex:1;gap:18px;display:flex}.menu a{color:var(--muted);font-size:15px;text-decoration:none}.menu a:hover{color:var(--text)}.lang a{color:var(--muted);margin-left:10px;font-size:13px;text-decoration:none}.lang a.active{color:var(--text);font-weight:600}.small{font-size:14px}.center{text-align:center}.lead{max-width:560px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--accent);margin:0 0 14px;font-size:12px}.hero{color:#f2efe9;background:radial-gradient(120% 90% at 80% 20%,#2b3a34 0%,#141a17 55%,#0c100e 100%);align-items:center;min-height:88vh;display:flex;position:relative;overflow:hidden}.hero-bg{object-fit:cover;z-index:0;opacity:.28;animation:24s ease-in-out infinite alternate kenburns}.hero-shade{z-index:1;background:linear-gradient(90deg,#0a0c0beb 0%,#0a0c0bb3 55%,#0a0c0b80 100%);position:absolute;inset:0}.hero-grid{z-index:1;opacity:.18;background-image:linear-gradient(#fff 1px,#0000 1px),linear-gradient(90deg,#fff 1px,#0000 1px);background-size:96px 96px;animation:30s linear infinite drift;position:absolute;inset:0}.hero-inner{z-index:2;padding-top:64px;padding-bottom:96px;position:relative}.hero .eyebrow{color:#9fd3bf}.hero-title{letter-spacing:-.02em;margin:0 0 22px;font-size:clamp(38px,11vw,84px);font-weight:700;line-height:1.02}.hero-title .line{display:block}.hero-text{color:#d9d5cc;max-width:560px;margin:0 0 32px;font-size:18px}.hero-cta{flex-wrap:wrap;gap:12px;display:flex}.btn.ghost{color:#f2efe9;background:0 0;border:1px solid #ffffff80}.btn.light{color:#1c1b19;background:#f2efe9}.btn.small-btn{padding:8px 14px;font-size:14px}.scroll-cue{border:1.5px solid #fff9;border-radius:12px;width:22px;height:36px;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.scroll-cue span{background:#fff;border-radius:2px;width:3px;height:7px;animation:1.8s ease-in-out infinite cue;position:absolute;top:6px;left:50%;transform:translate(-50%)}.marquee{background:var(--accent);color:var(--accent-text);padding:14px 0;overflow:hidden}.marquee-track{letter-spacing:.06em;text-transform:uppercase;gap:32px;width:max-content;font-size:14px;font-weight:600;animation:32s linear infinite marquee;display:flex}.marquee-track span{white-space:nowrap}.marquee-track i{opacity:.6;margin-left:32px;font-style:normal}.section{padding:88px 0}.section.alt{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.section-title{letter-spacing:-.01em;margin:0 0 10px;font-size:clamp(28px,4vw,40px)}.link-arrow{color:var(--accent);font-weight:600;text-decoration:none}.grid{margin-top:36px}.card{border-radius:16px}.card-img{display:block;overflow:hidden}.card-img img{transition:transform .8s cubic-bezier(.2,.7,.2,1)}.card:hover .card-img img{transform:scale(1.05)}.card h3{font-size:20px}.card h3 a{color:var(--text);text-decoration:none}.row{justify-content:space-between;align-items:center;margin-top:auto;padding-top:8px;display:flex}.specs-line{margin:0;font-size:14px}.steps{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:24px;margin-top:36px;display:grid}.step{border-top:2px solid var(--accent);padding-top:18px}.step .num{color:var(--accent);letter-spacing:.1em;font-size:14px;font-weight:700}.step h3{margin:8px 0;font-size:20px}.features{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:36px;display:grid}.feature{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:26px}.feature h3{margin:0 0 8px;font-size:19px}.cta-band{color:#f2efe9;text-align:center;background:#161c19;padding:96px 0}.cta-band h2{margin:0 0 12px;font-size:clamp(28px,4vw,44px)}.cta-band p{color:#c9c5bb;margin:0 0 28px}.site-footer{border-top:1px solid var(--border);padding:40px 0 20px}.site-footer .foot{flex-wrap:wrap;justify-content:space-between;gap:24px;display:flex}.foot-links{align-items:flex-start;gap:20px;display:flex}.foot-links a{color:var(--muted);font-size:14px;text-decoration:none}.copy{margin-top:24px}.reveal{opacity:0;transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.2,1);transform:translateY(28px)}.reveal.in{opacity:1;transform:none}.lift{transition:transform .35s,box-shadow .35s}.lift:hover{transform:translateY(-6px);box-shadow:0 18px 40px #0000001f}.anim-in{opacity:0;animation:.9s cubic-bezier(.2,.7,.2,1) forwards rise;transform:translateY(18px)}@keyframes rise{to{opacity:1;transform:none}}@keyframes kenburns{0%{transform:scale(1.02)}to{transform:scale(1.12)}}@keyframes drift{0%{background-position:0 0}to{background-position:96px 96px}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes cue{0%{opacity:0;top:6px}40%{opacity:1}to{opacity:0;top:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.reveal,.anim-in{opacity:1;transform:none}}@media (max-width:700px){.site-header .bar{gap:10px 16px}.menu{white-space:nowrap;flex:none;order:3;gap:18px;width:100%;padding-bottom:2px;overflow-x:auto}.menu::-webkit-scrollbar{display:none}.hero-inner{padding-top:48px;padding-bottom:88px}.section{padding:64px 0}}.info{max-width:760px;padding:56px 16px 72px}.info h1{margin:0 0 12px;font-size:clamp(30px,5vw,44px)}.info h2{margin:32px 0 8px;font-size:20px}.info p{line-height:1.7}
