/* Adapted from komand-refresh f97fe74b; scoped, native CSS without Tailwind runtime. */
@font-face{font-family:Manrope;src:url("../fonts/manrope/Manrope-Variable.946beb949095.ttf") format("truetype");font-style:normal;font-weight:200 800;font-display:swap}
.lp-preview{
  --radius: 0.375rem;
  --background: oklch(1 0 0);
  --foreground: oklch(0.23 0.005 260);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.129 0.042 264.695);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.129 0.042 264.695);
  --primary: oklch(0.56 0.215 27);
  --primary-foreground: oklch(0.984 0.003 247.858);
  --secondary: oklch(0.966 0.003 260);
  --secondary-foreground: oklch(0.208 0.042 265.755);
  --muted: oklch(0.968 0.007 247.896);
  --muted-foreground: oklch(0.52 0.008 260);
  --accent: oklch(0.968 0.007 247.896);
  --accent-foreground: oklch(0.208 0.042 265.755);
  --destructive: oklch(0.577 0.245 27.325);
  --destructive-foreground: oklch(0.984 0.003 247.858);
  --border: oklch(0.9 0.005 260);
  --hero-foreground: oklch(0.99 0 0);
  --hero-muted: oklch(0.84 0.003 260);
  --industrial: oklch(0.205 0.005 260);
  --hero-shade: linear-gradient(90deg, oklch(0.13 0.005 260 / 88%), oklch(0.13 0.005 260 / 45%) 48%, oklch(0.13 0.005 260 / 8%));
  --input: oklch(0.929 0.013 255.508);
  --ring: oklch(0.704 0.04 256.788);
  --chart-1: oklch(0.646 0.222 41.116);
  --chart-2: oklch(0.6 0.118 184.704);
  --chart-3: oklch(0.398 0.07 227.392);
  --chart-4: oklch(0.828 0.189 84.429);
  --chart-5: oklch(0.769 0.188 70.08);
  --sidebar: oklch(0.984 0.003 247.858);
  --sidebar-foreground: oklch(0.129 0.042 264.695);
  --sidebar-primary: oklch(0.208 0.042 265.755);
  --sidebar-primary-foreground: oklch(0.984 0.003 247.858);
  --sidebar-accent: oklch(0.968 0.007 247.896);
  --sidebar-accent-foreground: oklch(0.208 0.042 265.755);
  --sidebar-border: oklch(0.929 0.013 255.508);
  --sidebar-ring: oklch(0.704 0.04 256.788);
--font-sans:Manrope,Arial,sans-serif;--font-display:Manrope,Arial,sans-serif;margin:0;font-family:var(--font-sans);background:var(--background);color:var(--foreground)}
.lp-preview *,.lp-preview *::before,.lp-preview *::after{box-sizing:border-box}
.lp-preview h1,.lp-preview h2,.lp-preview h3,.lp-preview p,.lp-preview dl,.lp-preview dd,.lp-preview ol,.lp-preview ul{margin:0;padding:0}
.lp-preview ol,.lp-preview ul{list-style:none}
.lp-preview a{color:inherit;text-decoration:none}
.lp-preview button,.lp-preview summary{font:inherit;color:inherit}
.lp-preview button{border:0}
.lp-preview img{display:block}
html:has(.lp-preview){ scroll-behavior: smooth; scroll-padding-top: 80px; }
.lp-preview{ overflow-x: clip; }
.lp-preview .site-width{ width: min(1360px, calc(100% - 96px)); margin-inline: auto; }
.lp-preview h1, .lp-preview h2, .lp-preview h3, .lp-preview .brand-name, .lp-preview .hero-stats dt, .lp-preview .step-no, .lp-preview .about-badge strong{ font-family: var(--font-display); }
.lp-preview .site-header{ position: fixed; inset: 0 0 auto; z-index: 40; height: 76px; color: var(--hero-foreground); transition: background .3s, backdrop-filter .3s, border-color .3s; border-bottom: 1px solid transparent; }
.lp-preview .site-header.is-solid{ background: color-mix(in oklab, var(--industrial) 86%, transparent); backdrop-filter: blur(14px); border-color: color-mix(in oklab, var(--hero-foreground) 10%, transparent); }
.lp-preview .header-inner{ height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.lp-preview .brand{ display: inline-flex; align-items: center; gap: 10px; }
.lp-preview .brand-symbol{ color: var(--primary); width: 26px; height: 30px; }
.lp-preview .brand-name{ font-size: 24px; font-weight: 800; letter-spacing: -0.02em; line-height: 1; }
.lp-preview .nav-link{ font-size: 14px; font-weight: 500; opacity: .8; transition: opacity .2s, color .2s; }
.lp-preview .nav-link:hover{ opacity: 1; color: var(--primary); }
.lp-preview .menu-btn{ color: var(--hero-foreground); }
.lp-preview .lang-toggle{ display: flex; border: 1px solid color-mix(in oklab, var(--hero-foreground) 25%, transparent); border-radius: 999px; padding: 3px; }
.lp-preview .lang-toggle button{ font-size: 11px; font-weight: 700; padding: 5px 10px; border-radius: 999px; opacity: .65; cursor: pointer; }
.lp-preview .lang-toggle button[aria-pressed="true"]{ background: var(--hero-foreground); color: var(--industrial); opacity: 1; }
.lp-preview .mobile-nav{ position: absolute; top: 76px; left: 0; right: 0; display: flex; flex-direction: column; gap: 4px; padding: 16px 24px 28px; background: var(--industrial); }
.lp-preview .mobile-nav a{ font-family: var(--font-display); font-size: 28px; font-weight: 700; padding: 10px 0; border-bottom: 1px solid color-mix(in oklab, var(--hero-foreground) 10%, transparent); }
.lp-preview .mobile-nav button{ margin-top: 18px; height: 48px; }
.lp-preview .hero{ position: relative; min-height: 100svh; color: var(--hero-foreground); background: var(--industrial); overflow: hidden; display: flex; }
.lp-preview .hero-picture{position:absolute;right:0;top:0;width:min(100%,1170px);height:min(100%,878px);overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 22%),linear-gradient(180deg,#000 65%,transparent);mask-composite:intersect}
.lp-preview .hero-photo{width:100%;height:100%;object-fit:cover;object-position:55% 45%;animation:lp-hero-zoom 18s ease-out both}
.lp-preview .hero::after{ content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, #101112e6 0%, #10111280 43%, #10111215 78%), linear-gradient(180deg, #10111299 0%, #10111210 32%, #101112e6 84%, #101112 100%); }
@keyframes lp-hero-zoom{ from { transform: scale(.98); } to { transform: scale(1); } }
.lp-preview .hero-inner{ position: relative; z-index: 1; display: flex; flex-direction: column; justify-content: flex-end; padding: 156px 0 40px; width: min(1360px, calc(100% - 96px)); }
.lp-preview .tag{ display: inline-flex; align-items: center; gap: 10px; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: .14em; color: var(--hero-muted); }
.lp-preview .tag::before{ content: ''; width: 8px; height: 8px; border-radius: 50%; background: var(--primary); box-shadow: 0 0 0 4px color-mix(in oklab, var(--primary) 25%, transparent); }
.lp-preview .tag-dark{ color: var(--muted-foreground); }
.lp-preview .hero h1{ font-size: clamp(48px, 9.2vw, 148px); font-weight: 800; line-height: .9; letter-spacing: -0.045em; margin: 26px 0 36px; }
.lp-preview .hero h1 em{ font-style: normal; color: var(--primary); }
.lp-preview .hero-row{ display: flex; justify-content: space-between; align-items: flex-end; gap: 40px; flex-wrap: wrap; }
.lp-preview .hero-copy{ font-size: 18px; line-height: 1.6; max-width: 480px; color: var(--hero-muted); }
.lp-preview .hero-actions{ display: flex; flex-wrap: wrap; gap: 12px; }
.lp-preview .hero-stats{ display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 64px; border-top: 1px solid color-mix(in oklab, var(--hero-foreground) 18%, transparent); }
.lp-preview .hero-stats div{ padding: 24px 24px 0 0; }
.lp-preview .hero-stats div + div{ padding-left: 24px; border-left: 1px solid color-mix(in oklab, var(--hero-foreground) 18%, transparent); }
.lp-preview .hero-stats dt{ font-size: 40px; font-weight: 800; letter-spacing: -0.03em; line-height: 1; }
.lp-preview .hero-stats dd{ font-size: 13px; color: var(--hero-muted); margin-top: 8px; }
.lp-preview .marquee{ background: var(--primary); color: var(--primary-foreground); overflow: hidden; padding: 20px 0; }
.lp-preview .marquee-track{ display: flex; width: max-content; animation: lp-marquee 40s linear infinite; }
.lp-preview .marquee span{ display: inline-flex; align-items: center; gap: 28px; padding-right: 28px; font-family: var(--font-display); font-size: 26px; font-weight: 700; letter-spacing: -0.02em; white-space: nowrap; }
.lp-preview .marquee svg{ width: 22px; height: 22px; opacity: .7; }
@keyframes lp-marquee{ to { transform: translateX(-33.333%); } }
.lp-preview .section{ padding-block: 120px; }
.lp-preview .section-heading{ display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; margin-bottom: 56px; flex-wrap: wrap; }
.lp-preview .section-heading h2, .lp-preview .about-copy h2, .lp-preview .cta h2{ font-size: clamp(36px, 4.6vw, 68px); font-weight: 800; line-height: 1.02; letter-spacing: -0.035em; margin-top: 18px; max-width: 780px; }
.lp-preview .section-heading .rounded-md{ border-radius: 999px; height: 46px; padding-inline: 22px; }
.lp-preview .product-grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-rows: minmax(300px, auto); gap: 16px; }
.lp-preview .product-card{ position: relative; text-align: left; background: var(--secondary); border-radius: 20px; padding: 24px; display: flex; flex-direction: column; cursor: pointer; overflow: hidden; transition: background .3s, transform .3s; }
.lp-preview .product-card:nth-child(4){grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;align-items:center}
.lp-preview .product-card:nth-child(4) .product-top{grid-column:1/-1}
.lp-preview .product-card:nth-child(4) .product-media{height:280px;margin:0}
.lp-preview .product-card:nth-child(4) .product-info{align-items:center}
.lp-preview .product-card.is-feature{ grid-row: span 2; background: var(--industrial); color: var(--hero-foreground); }
.lp-preview .product-card:hover{ transform: translateY(-4px); }
.lp-preview .product-top{ display: flex; justify-content: space-between; font-size: 12px; font-weight: 600; color: var(--muted-foreground); }
.lp-preview .is-feature .product-top{ color: var(--hero-muted); }
.lp-preview .product-image{ flex: 1; width: 100%; min-height: 160px; max-height: 220px; object-fit: contain; margin: 20px 0; mix-blend-mode: multiply; transition: transform .5s; }
.lp-preview .is-feature .product-image{ max-height: 440px; mix-blend-mode: normal; border-radius: 12px; background: var(--hero-foreground); padding: 16px; }
.lp-preview .product-card:hover .product-image{ transform: scale(1.05); }
.lp-preview .product-info{ display: flex; justify-content: space-between; align-items: flex-end; gap: 16px; }
.lp-preview .product-info .product-title{ font-size: 24px; font-weight: 750; letter-spacing: -0.02em; line-height: 1.15; }
.lp-preview .is-feature .product-info .product-title{ font-size: 36px; }
.lp-preview .product-info .product-description{ font-size: 14px; line-height: 1.55; color: var(--muted-foreground); margin-top: 8px; max-width: 360px; }
.lp-preview .is-feature .product-info .product-description{ color: var(--hero-muted); }
.lp-preview .product-arrow{ flex-shrink: 0; width: 48px; height: 48px; border-radius: 50%; display: grid; place-items: center; background: var(--background); color: var(--foreground); transition: background .3s, color .3s, transform .3s; }
.lp-preview .product-card:hover .product-arrow{ background: var(--primary); color: var(--primary-foreground); transform: rotate(45deg); }
.lp-preview .process{ background: var(--industrial); color: var(--hero-foreground); }
.lp-preview .process-grid{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; border-top: 1px solid color-mix(in oklab, var(--hero-foreground) 15%, transparent); }
.lp-preview .process-grid li{ padding: 36px 28px 8px 0; transition: color .3s; }
.lp-preview .process-grid li + li{ padding-left: 28px; border-left: 1px solid color-mix(in oklab, var(--hero-foreground) 15%, transparent); }
.lp-preview .step-no{ display: block; font-size: 72px; font-weight: 800; letter-spacing: -0.04em; line-height: 1; color: transparent; -webkit-text-stroke: 1px color-mix(in oklab, var(--hero-foreground) 40%, transparent); transition: color .3s; }
.lp-preview .process-grid li:hover .step-no{ color: var(--primary); -webkit-text-stroke-color: var(--primary); }
.lp-preview .process-grid h3{ font-size: 22px; font-weight: 700; margin-top: 40px; }
.lp-preview .process-grid p{ font-size: 15px; line-height: 1.6; color: var(--hero-muted); margin-top: 10px; }
.lp-preview .about-grid{ display: grid; grid-template-columns: 1.05fr 1fr; gap: 80px; align-items: center; }
.lp-preview .about-media{ position: relative; }
.lp-preview .about-media img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:61% center;border-radius:20px}
.lp-preview .about-media{padding-bottom:120px}
.lp-preview .company-caption{font-size:12px;line-height:1.6;color:var(--muted-foreground);margin-top:14px;max-width:65%}
.lp-preview .about-badge{ position: absolute; right: 16px; bottom: 0; background: var(--primary); color: var(--primary-foreground); border-radius: 18px; padding: 24px 28px; }
.lp-preview .about-badge strong{ display: block; font-size: 48px; font-weight: 800; letter-spacing: -0.04em; line-height: 1; }
.lp-preview .about-badge span{ font-size: 13px; opacity: 1; }
.lp-preview .about-copy p{ color: var(--muted-foreground); font-size: 17px; line-height: 1.7; margin-top: 24px; }
.lp-preview .values{ margin-top: 36px; border-top: 1px solid var(--border); }
.lp-preview .values li{ display: flex; gap: 20px; align-items: baseline; padding: 18px 0; border-bottom: 1px solid var(--border); font-size: 20px; font-weight: 700; }
.lp-preview .values li span{ font-size: 12px; color: var(--primary); font-weight: 700; }
.lp-preview .cta{ background: var(--primary); color: var(--primary-foreground); padding-block: 110px; }
.lp-preview .cta-inner{ display: grid; grid-template-columns: 1.4fr 1fr; gap: 60px; align-items: end; }
.lp-preview .cta h2{ margin-top: 0; font-size: clamp(44px, 6vw, 96px); }
.lp-preview .cta-side p{ font-size: 18px; line-height: 1.6; opacity: 1; margin-bottom: 24px; }
.lp-preview .cta .border-hero-foreground\/35{ border-color: color-mix(in oklab, var(--hero-foreground) 55%, transparent); }
.lp-preview .site-footer{ background: var(--industrial); color: var(--hero-foreground); padding: 64px 0 28px; }
.lp-preview .footer-top{ display: flex; justify-content: space-between; align-items: center; gap: 28px; flex-wrap: wrap; }
.lp-preview .footer-contact{ display: flex; gap: 32px; font-size: 14px; flex-wrap: wrap; color: var(--hero-muted); }
.lp-preview .footer-contact a, .lp-preview .footer-contact span{ display: flex; align-items: center; gap: 9px; }
.lp-preview .footer-contact a:hover{ color: var(--hero-foreground); }
.lp-preview .footer-contact svg{ color: var(--primary); width: 16px; }
.lp-preview .footer-bottom{ border-top: 1px solid color-mix(in oklab, var(--hero-foreground) 12%, transparent); margin-top: 40px; padding-top: 22px; font-size: 12px; color: var(--hero-muted); display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.lp-preview .site-footer{padding:72px 0 28px;background:var(--industrial);color:var(--hero-foreground)}
.lp-preview .footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:48px}
.lp-preview .footer-grid>*{min-width:0}
.lp-preview .footer-brand .brand{display:inline-flex;align-items:center;gap:10px}
.lp-preview .footer-brand .brand-symbol{width:26px;height:30px;flex:0 0 26px;color:var(--primary)}
.lp-preview .footer-brand .brand-name{font-size:24px;font-weight:800;letter-spacing:-.02em;line-height:1}
.lp-preview .footer-brand p{max-width:36ch;margin-top:12px;color:var(--hero-muted);font-size:14px;line-height:1.65}
.lp-preview .footer-brand p.footer-company{margin-top:16px;font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.16em}
.lp-preview .footer-social{display:flex;gap:10px;margin-top:22px}
.lp-preview .footer-social a{box-sizing:border-box;display:grid;width:42px;height:42px;min-width:42px;min-height:42px;flex:0 0 42px;place-items:center;border:1px solid color-mix(in oklab,var(--hero-foreground) 18%,transparent);border-radius:12px;color:var(--hero-muted);transition:color .2s,border-color .2s,background .2s,transform .2s}
.lp-preview .footer-social a:hover{transform:translateY(-2px);border-color:var(--primary);background:color-mix(in oklab,var(--primary) 20%,transparent);color:var(--hero-foreground)}
.lp-preview .footer-social svg{display:block;width:18px!important;height:18px!important;max-width:18px!important;max-height:18px!important;flex:0 0 18px;overflow:visible}
.lp-preview .footer-col h4{margin-bottom:18px;color:var(--hero-muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.16em}
.lp-preview .footer-col ul{display:grid;gap:11px;list-style:none}
.lp-preview .footer-col a{color:var(--hero-muted);font-size:14px;transition:color .2s}
.lp-preview .footer-col a:hover{color:var(--hero-foreground)}
.lp-preview .footer-col-contact a,.lp-preview .footer-col-contact span{display:flex;align-items:flex-start;gap:10px}
.lp-preview .footer-col-contact svg{display:block;width:15px;height:15px;flex:0 0 15px;margin-top:3px;color:var(--primary)}
.lp-preview .footer-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:48px;padding-top:24px;border-top:1px solid color-mix(in oklab,var(--hero-foreground) 12%,transparent);color:var(--hero-muted);font-size:12px}
.lp-preview .footer-docs{display:flex;flex-wrap:wrap;gap:20px}
.lp-preview .footer-docs a{color:var(--hero-muted);transition:color .2s}
.lp-preview .footer-docs a:hover{color:var(--hero-foreground)}
.lp-preview .dialog-product-image{ width: 100%; height: 230px; object-fit: contain; background: var(--secondary); border-radius: 12px; }
@media (max-width: 1100px){
.lp-preview .site-width, .lp-preview .hero-inner{ width: calc(100% - 56px); }
.lp-preview .product-grid{ grid-template-columns: 1fr 1fr; }
.lp-preview .product-card.is-feature{ grid-column: span 2; grid-row: auto; }
.lp-preview .product-card:nth-child(4){ grid-column: span 2; }
.lp-preview .process-grid{ grid-template-columns: 1fr 1fr; }
.lp-preview .process-grid li:nth-child(3){ border-left: 0; padding-left: 0; }
.lp-preview .about-grid{ gap: 56px; }


}
@media (max-width: 767px){
.lp-preview .site-width, .lp-preview .hero-inner{ width: calc(100% - 40px); }
.lp-preview .site-header{ height: 68px; }
.lp-preview .mobile-nav{ top: 68px; }
.lp-preview .hero-inner{padding:120px 0 32px}
.lp-preview .hero-picture{height:min(720px,100%);mask-image:linear-gradient(180deg,#000 55%,transparent);mask-composite:add}
.lp-preview .hero h1{font-size:clamp(43px,10.7vw,76px);line-height:.98}
.lp-preview .hero-stats div{padding-top:18px}
.lp-preview .product-media{height:210px;min-height:180px}
.lp-preview .is-feature .product-media{flex:0 0 250px;height:250px;min-height:230px}
.lp-preview .about-grid{gap:32px}
.lp-preview .company-caption{max-width:55%}
.lp-preview .hero h1{ margin: 20px 0 24px; }
.lp-preview .hero-copy{ font-size: 16px; }
.lp-preview .hero-stats{ grid-template-columns: 1fr 1fr; margin-top: 40px; }
.lp-preview .hero-stats div:nth-child(3){ border-left: 0; padding-left: 0; }
.lp-preview .hero-stats dt{ font-size: 30px; }
.lp-preview .marquee span{ font-size: 20px; }
.lp-preview .section{ padding-block: 72px; }
.lp-preview .section-heading{ margin-bottom: 32px; }
.lp-preview .product-grid{ grid-template-columns: 1fr; }
.lp-preview .product-card.is-feature, .lp-preview .product-card:nth-child(4){grid-column:auto}
.lp-preview .product-card:nth-child(4){display:flex;gap:0;align-items:stretch}
.lp-preview .product-card:nth-child(4) .product-media{flex:0 0 250px;height:250px;margin:20px 0}
.lp-preview .is-feature .product-info .product-title{ font-size: 28px; }
.lp-preview .process-grid{ grid-template-columns: 1fr; }
.lp-preview .process-grid li, .lp-preview .process-grid li + li{ padding: 28px 0; border-left: 0; border-bottom: 1px solid color-mix(in oklab, var(--hero-foreground) 15%, transparent); }
.lp-preview .process-grid h3{ margin-top: 16px; }
.lp-preview .step-no{ font-size: 52px; }
.lp-preview .about-grid{ grid-template-columns: 1fr; }
.lp-preview .about-badge{right:12px;bottom:0;padding:16px 20px}
.lp-preview .about-media{padding-bottom:96px}
.lp-preview .about-badge strong{ font-size: 34px; }
.lp-preview .cta{ padding-block: 72px; }
.lp-preview .cta-inner{ grid-template-columns: 1fr; gap: 28px; }


}
@media (prefers-reduced-motion: reduce){
html:has(.lp-preview){ scroll-behavior: auto; }
.lp-preview *, .lp-preview *::before, .lp-preview *::after{ transition-duration: 0s !important; animation: none !important; }

}

.lp-preview .header-controls,.lp-preview .desktop-nav{display:flex;align-items:center;gap:12px}
.lp-preview .desktop-nav{gap:36px}
@media(max-width:1100px){.lp-preview .footer-grid{grid-template-columns:1fr 1fr;gap:40px}}
@media(max-width:767px){.lp-preview .site-footer{padding:56px 0 24px}.lp-preview .footer-grid{grid-template-columns:minmax(0,1fr);gap:34px}.lp-preview .footer-bottom{flex-direction:column;align-items:flex-start;gap:14px}}
.lp-preview .brand small{font-size:8px;max-width:78px;line-height:1.4;opacity:.7}
.lp-preview .brand img{width:150px;height:auto;max-height:48px;object-fit:contain;background:#101112cc;border-radius:8px;padding:3px}
.lp-preview .button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 18px;font-size:14px;font-weight:600;border-radius:999px;line-height:1.3;text-align:center;transition:background .2s,color .2s}
.lp-preview .button span{font-size:20px}
.lp-preview .button.large{min-height:48px;padding:13px 28px}
.lp-preview .industrial{background:var(--primary);color:var(--primary-foreground)}
.lp-preview .industrial:hover{background:color-mix(in oklab,var(--primary) 88%,black)}
.lp-preview .hero-button{border:1px solid color-mix(in oklab,var(--hero-foreground) 35%,transparent);color:var(--hero-foreground)}
.lp-preview .hero-button:hover{background:color-mix(in oklab,var(--hero-foreground) 10%,transparent)}
.lp-preview .hero-solid{background:var(--hero-foreground);color:var(--industrial)}
.lp-preview .outline{border:1px solid var(--border);background:var(--background)}
.lp-preview .lang-toggle a{display:grid;place-items:center;font-size:11px;font-weight:700;border-radius:999px;padding:9px;min-width:38px;min-height:38px;opacity:.8}
.lp-preview .lang-toggle a[aria-current]{background:var(--hero-foreground);color:var(--industrial);opacity:1}
.lp-preview .mobile-menu{display:none}
.lp-preview .menu-btn{display:grid;place-items:center;width:44px;height:44px;list-style:none;cursor:pointer;font-size:25px}
.lp-preview .menu-btn::-webkit-details-marker{display:none}
.lp-preview .menu-close,.lp-preview .mobile-menu[open] .menu-open{display:none}
.lp-preview .mobile-menu[open] .menu-close{display:inline}
.lp-preview .mobile-nav .button{font-size:14px;border-bottom:0;margin-top:18px;min-height:48px}
.lp-preview .product-media{position:relative;display:grid;place-items:center;flex:0 0 210px;width:100%;height:210px;min-height:180px;margin:20px 0;text-align:center}
.lp-preview .product-media picture{position:absolute;inset:0;display:block;width:100%;height:100%;min-height:0}
.lp-preview .product-media .product-image{object-fit:contain;max-width:100%}
.lp-preview .is-feature .product-media{flex:1;height:auto;min-height:280px;max-height:none}
.lp-preview .product-media .product-image{height:100%;min-height:0;max-height:100%;margin:0}
.lp-preview .product-title,.lp-preview .product-description{display:block}
.lp-preview .product-arrow{font-size:27px}
.lp-preview .about-placeholder{display:grid;place-items:center;aspect-ratio:4/3.4;background:var(--secondary);border-radius:20px;padding:24px;text-align:center;font-size:14px;color:var(--muted-foreground)}
.lp-preview .cta-actions{display:flex;flex-wrap:wrap;gap:12px}
.lp-preview .process-note{font-size:13px;line-height:1.6;color:var(--hero-muted);margin-top:28px;max-width:750px}
.lp-preview .marquee{position:relative}
.lp-preview .marquee .marquee-plus{padding:0;font-size:30px;font-weight:400;opacity:.7}
.lp-preview .motion-control{position:absolute;right:12px;top:12px;background:var(--primary);border:1px solid #ffffff80;border-radius:999px;padding:8px 12px;min-height:44px;font-size:11px;cursor:pointer;box-shadow:0 0 15px var(--primary)}
.lp-preview.motion-paused .marquee-track,.lp-preview.motion-paused .hero-photo{animation-play-state:paused}
.lp-preview .preview-notice{position:fixed;left:12px;bottom:10px;z-index:45;max-width:calc(100% - 24px);padding:7px 10px;border-radius:4px;background:#fff;color:#222;font-size:10px;box-shadow:0 1px 6px #0003}
.lp-preview .skip-link{position:fixed;left:12px;top:-100px;z-index:100;background:white;color:black;padding:12px}
.lp-preview .skip-link:focus{top:12px}
.lp-preview a:focus-visible,.lp-preview button:focus-visible,.lp-preview summary:focus-visible{outline:3px solid var(--primary);outline-offset:4px;box-shadow:0 0 0 7px white}
.lp-preview dialog{position:fixed;margin:auto;border:1px solid var(--border);border-radius:8px;padding:24px;width:min(512px,calc(100% - 32px));max-height:90dvh;overflow:auto;color:var(--foreground);background:var(--background)}
.lp-preview dialog::backdrop{background:#17191bcc}
.lp-preview dialog h2{font-size:24px;line-height:1.25;padding-right:30px}
.lp-preview dialog>p{font-size:14px;color:var(--muted-foreground);margin-top:12px;line-height:1.6}
.lp-preview .dialog-close{position:absolute;right:9px;top:9px;width:44px;height:44px;font-size:27px;cursor:pointer;background:transparent}
.lp-preview .dialog-product-image{display:grid;place-items:center;font-size:12px;color:var(--muted-foreground);margin-top:18px}
.lp-preview .dialog-product-image picture{width:100%;height:230px}
.lp-preview .dialog-product-image img{width:100%;height:230px;object-fit:contain}
.lp-preview .source-link{display:inline-flex;align-items:center;min-height:44px;font-size:12px;text-decoration:underline;color:var(--primary);margin-top:8px}
.lp-preview .dialog-contact{display:grid;gap:10px;border-top:1px solid var(--border);margin-top:12px;padding-top:16px;font-size:14px;line-height:1.6}
.lp-preview dialog .button{margin-top:18px}
@media(max-width:1023px){.lp-preview .desktop-nav{display:none}.lp-preview .mobile-menu{display:block}.lp-preview .mobile-nav{max-height:calc(100dvh - 76px);overflow:auto}}
@media(max-width:767px){.lp-preview .header-inquiry,.lp-preview .brand small{display:none}.lp-preview .hero-actions{align-items:stretch;flex-direction:column;width:100%}.lp-preview .header-controls{gap:6px}.lp-preview .product-title{overflow-wrap:anywhere}.lp-preview .hero-stats dt{font-size:clamp(22px,6.5vw,30px)}.lp-preview .mobile-nav{max-height:calc(100dvh - 68px)}.lp-preview .footer-contact a{min-height:44px}}

.lp-preview .button svg{width:16px;height:16px;flex-shrink:0}
.lp-preview .product-arrow svg{width:24px;height:24px}
.lp-preview .source-link svg{width:16px;height:16px;margin-left:6px}
.lp-preview .dialog-close svg{width:20px;height:20px;margin:auto}

.lp-preview .store-link{display:inline-flex;align-items:center;gap:10px;margin-top:28px;min-height:44px;font-size:14px;text-decoration:underline;text-underline-offset:4px}
.lp-preview .store-link svg{width:16px;height:16px}
@media(max-width:389px){.lp-preview .brand img{width:112px}.lp-preview .header-inner{gap:8px}.lp-preview .header-controls{gap:2px}.lp-preview .hero-stats div+div{padding-left:16px}.lp-preview .hero-stats div:nth-child(3){padding-left:0}.lp-preview .button.large{padding:12px 16px}.lp-preview .product-card{padding:20px}.lp-preview .product-arrow{width:44px;height:44px}.lp-preview .company-caption{max-width:48%}}