:root{--brand-orange: #ff4d00;--brand-orange-deep: #d64000;--brand-orange-classic: #ff6a00;--brand-orange-hover: #b83500;--brand-orange-soft: rgba(255, 77, 0, .1);--ink: #222222;--ink-soft: #333333;--muted: #666666;--faint: #999999;--line: #e5e5e5;--line-strong: #d0d0d0;--surface-subtle: #f5f7fa;--surface-white: #ffffff;--surface-dark: #1a1a1a;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--fs-hero: clamp(34px, 4.5vw, 48px);--fs-h2: clamp(24px, 3vw, 32px);--fs-h3: 20px;--fs-body: 16px;--fs-sm: 14px;--fs-xs: 13px;--lh-title: 1.25;--lh-body: 1.65;--section-y: clamp(56px, 7vw, 96px);--gutter: clamp(16px, 4vw, 32px);--gap-card: 24px;--r-card: 12px;--r-field: 8px;--r-pill: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-cta: 0 4px 12px rgba(214, 64, 0, .25);--ease-out: cubic-bezier(.22, .61, .36, 1);--dur-fast: .15s;--dur-med: .28s;--container: 1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--surface-white);color:var(--ink);font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}.container{width:min(var(--container),calc(100vw - 2 * var(--gutter)));margin:0 auto}section[id]{scroll-margin-top:84px}[data-reveal]{opacity:0;transform:translateY(16px);transition:opacity .5s var(--ease-out),transform .5s var(--ease-out)}[data-reveal].revealed{opacity:1;transform:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--r-pill);padding:12px 28px;font:700 15px/1 var(--font-sans);cursor:pointer;border:0;transition:background var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.btn-primary{background:var(--brand-orange-deep);color:#fff;box-shadow:var(--shadow-cta)}.btn-primary:hover{background:var(--brand-orange-hover)}.btn-primary:active{transform:translateY(1px)}.btn-secondary{background:#fff;color:var(--ink);border:1px solid var(--ink)}.btn-secondary:hover{background:#f5f5f5}.btn-block{width:100%}.nav{position:sticky;top:0;z-index:50;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:68px}.brand{display:inline-flex;align-items:center;gap:10px;font:800 22px/1 var(--font-sans);letter-spacing:-.02em}.brand-mark{width:14px;height:14px;border-radius:4px;background:var(--brand-orange);display:inline-block}.brand em{font-style:normal;color:var(--brand-orange-deep)}.nav-links{display:flex;align-items:center;gap:28px}.nav-links a{font:600 14px/1 var(--font-sans);color:var(--ink-soft);transition:color var(--dur-fast)}.nav-links a:hover{color:var(--brand-orange-deep)}.nav-cta{padding:10px 20px;font-size:14px}.nav-toggle{display:none;background:none;border:1px solid var(--line);border-radius:8px;width:40px;height:40px;align-items:center;justify-content:center;cursor:pointer;color:var(--ink)}.mobile-drawer{display:none;flex-direction:column;gap:4px;padding:12px 0 20px;border-top:1px solid var(--line)}.mobile-drawer.open{display:flex}.mobile-drawer a{padding:12px 4px;font:600 15px/1 var(--font-sans);color:var(--ink-soft);border-bottom:1px solid var(--line)}.mobile-drawer .btn{margin-top:14px}.hero{padding:clamp(40px,6vw,72px) 0 0;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;width:fit-content;padding:8px 14px;border:1px solid var(--line);border-radius:var(--r-pill);background:var(--surface-white);color:var(--brand-orange-deep);font:700 13px/1 var(--font-sans);letter-spacing:.02em}.hero h1{margin-top:22px;font-size:var(--fs-hero);line-height:var(--lh-title);letter-spacing:-.03em}.hero h1 span{color:var(--brand-orange-deep)}.hero-lede{margin-top:18px;max-width:540px;color:var(--muted);font-size:17px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:40px;max-width:600px}.stat{border:1px solid var(--line);border-radius:var(--r-card);padding:14px 16px;background:var(--surface-white)}.stat b{display:block;font:700 22px/1.1 var(--font-sans);color:var(--ink);letter-spacing:-.01em}.stat span{display:block;margin-top:6px;font:500 12px/1.3 var(--font-sans);color:var(--muted)}.hero-visual{position:relative;display:flex;align-items:center;justify-content:center}.hero-visual:before{content:"";position:absolute;top:8%;right:4%;bottom:8%;left:4%;background:radial-gradient(closest-side,var(--brand-orange-soft),transparent 72%);border-radius:50%}.hero-visual img{position:relative;width:100%;max-width:520px;aspect-ratio:1;object-fit:contain}.trust{border-block:1px solid var(--line);background:var(--surface-subtle);margin-top:clamp(40px,5vw,64px)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:28px 0}.trust-item{display:flex;align-items:center;gap:14px}.trust-item svg{color:var(--brand-orange-deep);flex:none}.trust-item b{display:block;font:700 14px/1.2 var(--font-sans)}.trust-item span{display:block;margin-top:3px;font:500 12.5px/1.4 var(--font-sans);color:var(--muted)}.section{padding:var(--section-y) 0}.section-subtle{background:var(--surface-subtle);border-block:1px solid var(--line)}.section-head{max-width:640px;margin-bottom:40px}.kicker{color:var(--brand-orange-deep);font:800 12px/1 var(--font-sans);letter-spacing:.12em;text-transform:uppercase}.section-head h2{margin-top:12px;font-size:var(--fs-h2);line-height:var(--lh-title);letter-spacing:-.02em}.section-head p{margin-top:12px;color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-card)}.feature-card{border:1px solid var(--line);border-radius:var(--r-card);padding:26px;background:var(--surface-white);transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.feature-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.feature-card .icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--brand-orange-soft);color:var(--brand-orange-deep)}.feature-card h3{margin-top:18px;font-size:var(--fs-h3);line-height:var(--lh-title)}.feature-card p{margin-top:8px;color:var(--muted);font-size:15px}.specs-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.spec-table{border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden}.spec-row{display:grid;grid-template-columns:240px 1fr;border-bottom:1px solid var(--line)}.spec-row:last-child{border-bottom:0}.spec-row:hover{background:#f8f9fb}.spec-row dt{padding:12px 16px;color:var(--muted);font-size:14px;font-weight:600;border-right:1px solid var(--line)}.spec-row dd{padding:12px 16px;font-size:14px;font-weight:500;margin:0}.model-chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.model-chip{border:1px solid var(--line-strong);border-radius:var(--r-pill);padding:10px 18px;font:700 14px/1 var(--font-sans);background:var(--surface-white);color:var(--ink-soft)}.model-chip.active{border-color:var(--brand-orange-deep);color:var(--brand-orange-deep);background:var(--brand-orange-soft)}.gallery-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.gallery-strip img{border:1px solid var(--line);border-radius:var(--r-card);aspect-ratio:1;object-fit:contain;background:#fff}.spec-note{margin-top:14px;font-size:13px;color:var(--faint)}.app-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--gap-card)}.app-card{text-align:center;padding:26px 18px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface-white);transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.app-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.app-card .icon{width:46px;height:46px;margin:0 auto;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--surface-subtle);color:var(--brand-orange-deep)}.app-card h3{margin-top:16px;font-size:16px;line-height:1.3}.app-card p{margin-top:8px;font-size:13.5px;color:var(--muted)}.app-band{margin-top:40px;display:grid;grid-template-columns:.9fr 1.1fr;gap:32px;align-items:center;border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden}.app-band img{width:100%;height:100%;object-fit:cover}.app-band-body{padding:32px}.app-band-body h3{font-size:var(--fs-h3)}.app-band-body p{margin-top:10px;color:var(--muted)}.app-band-body ul{margin:16px 0 0;padding:0;list-style:none;display:grid;gap:10px}.app-band-body li{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;color:var(--ink-soft)}.app-band-body li svg{color:var(--brand-orange-deep);flex:none;margin-top:2px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.about-grid img{border-radius:var(--r-card);aspect-ratio:4/3;object-fit:cover;box-shadow:var(--shadow-md)}.about-grid h2{font-size:var(--fs-h2);line-height:var(--lh-title);letter-spacing:-.02em}.about-grid p{margin-top:14px;color:var(--muted)}.about-points{margin:22px 0 0;padding:0;list-style:none;display:grid;gap:12px}.about-points li{display:flex;gap:10px;align-items:flex-start;font:600 15px/1.4 var(--font-sans)}.about-points li svg{color:var(--brand-orange-deep);flex:none;margin-top:2px}.faq-list{max-width:820px}.faq-item{border-bottom:1px solid var(--line)}.faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 4px;background:none;border:0;cursor:pointer;text-align:left;font:600 16px/1.4 var(--font-sans);color:var(--ink)}.faq-q svg{flex:none;color:var(--brand-orange-deep);transition:transform var(--dur-med) var(--ease-out)}.faq-item.open .faq-q svg{transform:rotate(90deg)}.faq-a{max-height:0;overflow:hidden;transition:max-height var(--dur-med) var(--ease-out)}.faq-a-inner{padding:0 4px 20px;color:var(--muted);font-size:15px;max-width:720px}.inquiry{background:var(--surface-dark);color:#fff}.inquiry .section-head h2{color:#fff}.inquiry .section-head p{color:#b8b8b8}.inquiry-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:start}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-field{display:flex;flex-direction:column;gap:7px}.form-field.full{grid-column:1 / -1}.form-field label{font:700 13px/1 var(--font-sans);color:#cfcfcf}.form-field input,.form-field textarea{height:46px;padding:0 14px;border:1px solid #3a3a3a;border-radius:var(--r-field);background:#232323;color:#fff;font:500 14px/1.4 var(--font-sans);transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}.form-field textarea{height:auto;min-height:110px;padding:12px 14px;resize:vertical}.form-field input::placeholder,.form-field textarea::placeholder{color:#7a7a7a}.form-field input:focus,.form-field textarea:focus{outline:none;border-color:var(--brand-orange);box-shadow:0 0 0 2px var(--brand-orange-soft)}.form-submit{margin-top:18px}.form-success{margin-top:18px;padding:16px 18px;border-radius:var(--r-field);background:#ff4d001f;border:1px solid rgba(255,77,0,.4);color:#ffd9c9;font:600 14.5px/1.5 var(--font-sans)}.contact-card{border:1px solid #333;border-radius:var(--r-card);padding:26px;background:#202020}.contact-card h3{font-size:17px;color:#fff}.contact-list{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:16px}.contact-list li{display:flex;gap:12px;align-items:flex-start;font-size:14.5px;color:#cfcfcf;line-height:1.5}.contact-list li svg{color:var(--brand-orange-classic);flex:none;margin-top:2px}.contact-list a{color:#fff;font-weight:600;border-bottom:1px solid rgba(255,255,255,.3)}.contact-list a:hover{border-color:var(--brand-orange-classic)}.footer{background:#141414;color:#a8a8a8;padding:56px 0 32px;font-size:14px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}.footer .brand{color:#fff}.footer h4{color:#fff;font-size:14px;margin:0 0 14px;letter-spacing:.04em;text-transform:uppercase}.footer ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}.footer a:hover{color:#fff}.footer p{line-height:1.7}.footer-bottom{margin-top:40px;padding-top:22px;border-top:1px solid #2a2a2a;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px}.products-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap-card)}.product-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface-white);transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.product-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.product-card .pc-media{display:flex;align-items:center;justify-content:center;background:#fff;border-bottom:1px solid var(--line);aspect-ratio:4/3}.product-card .pc-media img{width:100%;height:100%;object-fit:contain}.product-card .pc-body{padding:26px;display:flex;flex-direction:column;flex:1}.product-card h3{font-size:var(--fs-h3);line-height:var(--lh-title)}.product-card .pc-models{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.pc-models span{font:700 12px/1 var(--font-sans);color:var(--brand-orange-deep);background:var(--brand-orange-soft);border-radius:var(--r-pill);padding:6px 10px}.product-card p{margin-top:10px;color:var(--muted);font-size:15px;flex:1}.pc-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.pc-cta .btn{padding:10px 20px;font-size:14px}.form-field select{height:46px;padding:0 14px;border:1px solid #3a3a3a;border-radius:var(--r-field);background:#232323;color:#fff;font:500 14px/1.4 var(--font-sans);transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}.form-field select:focus{outline:none;border-color:var(--brand-orange);box-shadow:0 0 0 2px var(--brand-orange-soft)}.form-field select option{background:#232323;color:#fff}.breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13.5px;color:var(--muted);margin-bottom:28px}.breadcrumb a{color:var(--ink-soft);font-weight:600}.breadcrumb a:hover{color:var(--brand-orange-deep)}.breadcrumb svg{color:var(--faint)}.catalog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap-card)}.p-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface-white);transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.p-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.p-media{display:flex;align-items:center;justify-content:center;background:#fff;border-bottom:1px solid var(--line);aspect-ratio:1}.p-media img{width:100%;height:100%;object-fit:contain}.p-body{padding:16px 16px 18px;display:flex;flex-direction:column;gap:8px}.p-cat{font:700 11px/1 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--brand-orange-deep)}.p-body h3{margin:0;font-size:14.5px;line-height:1.45;font-weight:600;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.p-desc-badge{display:inline-flex;align-items:center;gap:5px;width:fit-content;font:600 12px/1 var(--font-sans);color:var(--muted)}.p-desc-badge svg{color:var(--brand-orange-deep)}.pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:40px}.pagination span{font:600 14px/1 var(--font-sans);color:var(--muted)}.pagination .btn:disabled{opacity:.45;cursor:not-allowed}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.detail-media{position:sticky;top:96px}.detail-main{border:1px solid var(--line);border-radius:var(--r-card);background:#fff;aspect-ratio:1;display:flex;align-items:center;justify-content:center;overflow:hidden}.detail-main img{width:100%;height:100%;object-fit:contain}.detail-thumbs{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:14px}.detail-thumbs button{border:1px solid var(--line);border-radius:8px;background:#fff;padding:0;aspect-ratio:1;overflow:hidden;cursor:pointer;transition:border-color var(--dur-fast)}.detail-thumbs button:hover{border-color:var(--line-strong)}.detail-thumbs button.active{border-color:var(--brand-orange-deep);box-shadow:0 0 0 2px var(--brand-orange-soft)}.detail-thumbs img{width:100%;height:100%;object-fit:contain}.detail-info h1{margin-top:18px;font-size:clamp(24px,3vw,34px);line-height:var(--lh-title);letter-spacing:-.02em}.detail-info .hero-lede{margin-top:16px}.detail-info .hero-actions{margin-top:24px}.detail-block{margin-top:56px}.detail-block h2{font-size:var(--fs-h2);line-height:var(--lh-title);letter-spacing:-.02em;margin-bottom:20px}.desc-text{color:var(--ink-soft);max-width:860px}.desc-text p{margin:0 0 12px;line-height:1.7}.desc-images{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.desc-images button{border:1px solid var(--line);border-radius:var(--r-card);background:#fff;padding:0;aspect-ratio:1;overflow:hidden;cursor:pointer}.desc-images img{width:100%;height:100%;object-fit:contain}.inquiry-mini{max-width:860px}.mobile-cta-bar{display:none}@media (max-width: 1024px){.feature-grid{grid-template-columns:repeat(2,1fr)}.app-grid{grid-template-columns:repeat(3,1fr)}.trust-grid{grid-template-columns:repeat(2,1fr);gap:20px}.catalog-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 860px){.products-grid{grid-template-columns:1fr}.hero-grid{grid-template-columns:1fr;gap:32px}.hero-visual{order:-1}.hero-visual img{max-width:380px}.specs-grid,.about-grid,.inquiry-grid,.app-band{grid-template-columns:1fr}.gallery-strip{grid-template-columns:repeat(3,1fr)}.detail-grid{grid-template-columns:1fr}.detail-media{position:static}.nav-links{display:none}.nav-toggle{display:inline-flex}.footer-grid{grid-template-columns:1fr;gap:28px}.section{padding:var(--section-y) 0}}@media (max-width: 640px){.hero-stats{grid-template-columns:repeat(2,1fr)}.feature-grid,.app-grid,.form-grid,.trust-grid,.spec-row{grid-template-columns:1fr}.spec-row dt{border-right:0;border-bottom:1px solid var(--line)}.catalog-grid{grid-template-columns:repeat(2,1fr);gap:14px}.desc-images{grid-template-columns:repeat(3,1fr);gap:10px}.detail-thumbs{grid-template-columns:repeat(5,1fr)}.mobile-cta-bar{display:block;position:fixed;left:0;right:0;bottom:0;z-index:60;padding:12px var(--gutter) calc(12px + env(safe-area-inset-bottom));background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--line)}.mobile-cta-bar .btn{width:100%}body{padding-bottom:76px}}
