@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@theme inline{--animation-delay-0: 0s; --animation-delay-75: 75ms; --animation-delay-100: .1s; --animation-delay-150: .15s; --animation-delay-200: .2s; --animation-delay-300: .3s; --animation-delay-500: .5s; --animation-delay-700: .7s; --animation-delay-1000: 1s; --animation-repeat-0: 0; --animation-repeat-1: 1; --animation-repeat-infinite: infinite; --animation-direction-normal: normal; --animation-direction-reverse: reverse; --animation-direction-alternate: alternate; --animation-direction-alternate-reverse: alternate-reverse; --animation-fill-mode-none: none; --animation-fill-mode-forwards: forwards; --animation-fill-mode-backwards: backwards; --animation-fill-mode-both: both; --percentage-0: 0; --percentage-5: .05; --percentage-10: .1; --percentage-15: .15; --percentage-20: .2; --percentage-25: .25; --percentage-30: .3; --percentage-35: .35; --percentage-40: .4; --percentage-45: .45; --percentage-50: .5; --percentage-55: .55; --percentage-60: .6; --percentage-65: .65; --percentage-70: .7; --percentage-75: .75; --percentage-80: .8; --percentage-85: .85; --percentage-90: .9; --percentage-95: .95; --percentage-100: 1; --percentage-translate-full: 1; --animate-in: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-out: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); @keyframes enter { from { opacity: var(--tw-enter-opacity,1); transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0)); filter: blur(var(--tw-enter-blur,0)); }}@keyframes exit { to { opacity: var(--tw-exit-opacity,1); transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0)); filter: blur(var(--tw-exit-blur,0)); }}--animate-accordion-down: accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-accordion-up: accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-collapsible-down: collapsible-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-collapsible-up: collapsible-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); @keyframes accordion-down { from { height: 0; }to { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto))))); }}@keyframes accordion-up { from { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto))))); }to { height: 0; }}@keyframes collapsible-down { from { height: 0; }to { height: var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto)))); }}@keyframes collapsible-up { from { height: var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto)))); }to { height: 0; }}--animate-caret-blink: caret-blink 1.25s ease-out infinite; @keyframes caret-blink { 0%,70%,100% { opacity: 1; }20%,50% { opacity: 0; }}}@utility animation-duration-*{--tw-animation-duration: calc(--value(number)*1ms); --tw-animation-duration: --value(--animation-duration-*,[duration],"initial",[*]); animation-duration: calc(--value(number)*1ms); animation-duration: --value(--animation-duration-*,[duration],"initial",[*]);}@utility delay-*{animation-delay: calc(--value(number)*1ms); animation-delay: --value(--animation-delay-*,[duration],"initial",[*]); --tw-animation-delay: calc(--value(number)*1ms); --tw-animation-delay: --value(--animation-delay-*,[duration],"initial",[*]);}@utility repeat-*{animation-iteration-count: --value(--animation-repeat-*,number,"initial",[*]); --tw-animation-iteration-count: --value(--animation-repeat-*,number,"initial",[*]);}@utility direction-*{animation-direction: --value(--animation-direction-*,"initial",[*]); --tw-animation-direction: --value(--animation-direction-*,"initial",[*]);}@utility fill-mode-*{animation-fill-mode: --value(--animation-fill-mode-*,"initial",[*]); --tw-animation-fill-mode: --value(--animation-fill-mode-*,"initial",[*]);}@utility running{animation-play-state: running;}@utility paused{animation-play-state: paused;}@utility play-state-*{animation-play-state: --value("initial",[*]);}@utility blur-in{--tw-enter-blur: 20px;}@utility blur-in-*{--tw-enter-blur: calc(--value(number)*1px); --tw-enter-blur: --value(--blur-*,[*]);}@utility blur-out{--tw-exit-blur: 20px;}@utility blur-out-*{--tw-exit-blur: calc(--value(number)*1px); --tw-exit-blur: --value(--blur-*,[*]);}@utility fade-in{--tw-enter-opacity: 0;}@utility fade-in-*{--tw-enter-opacity: calc(--value(number)/100); --tw-enter-opacity: --value(--percentage-*,[*]);}@utility fade-out{--tw-exit-opacity: 0;}@utility fade-out-*{--tw-exit-opacity: calc(--value(number)/100); --tw-exit-opacity: --value(--percentage-*,[*]);}@utility zoom-in{--tw-enter-scale: 0;}@utility zoom-in-*{--tw-enter-scale: calc(--value(number)*1%); --tw-enter-scale: calc(--value(ratio)); --tw-enter-scale: --value(--percentage-*,[*]);}@utility -zoom-in-*{--tw-enter-scale: calc(--value(number)*-1%); --tw-enter-scale: calc(--value(ratio)*-1); --tw-enter-scale: --value(--percentage-*,[*]);}@utility zoom-out{--tw-exit-scale: 0;}@utility zoom-out-*{--tw-exit-scale: calc(--value(number)*1%); --tw-exit-scale: calc(--value(ratio)); --tw-exit-scale: --value(--percentage-*,[*]);}@utility -zoom-out-*{--tw-exit-scale: calc(--value(number)*-1%); --tw-exit-scale: calc(--value(ratio)*-1); --tw-exit-scale: --value(--percentage-*,[*]);}@utility spin-in{--tw-enter-rotate: 30deg;}@utility spin-in-*{--tw-enter-rotate: calc(--value(number)*1deg); --tw-enter-rotate: calc(--value(ratio)*360deg); --tw-enter-rotate: --value(--rotate-*,[*]);}@utility -spin-in{--tw-enter-rotate: -30deg;}@utility -spin-in-*{--tw-enter-rotate: calc(--value(number)*-1deg); --tw-enter-rotate: calc(--value(ratio)*-360deg); --tw-enter-rotate: --value(--rotate-*,[*]);}@utility spin-out{--tw-exit-rotate: 30deg;}@utility spin-out-*{--tw-exit-rotate: calc(--value(number)*1deg); --tw-exit-rotate: calc(--value(ratio)*360deg); --tw-exit-rotate: --value(--rotate-*,[*]);}@utility -spin-out{--tw-exit-rotate: -30deg;}@utility -spin-out-*{--tw-exit-rotate: calc(--value(number)*-1deg); --tw-exit-rotate: calc(--value(ratio)*-360deg); --tw-exit-rotate: --value(--rotate-*,[*]);}@utility slide-in-from-top{--tw-enter-translate-y: -100%;}@utility slide-in-from-top-*{--tw-enter-translate-y: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-enter-translate-y: calc(--value(ratio)*-100%); --tw-enter-translate-y: calc(--value(--translate-*,[percentage],[length])*-1);}@utility slide-in-from-bottom{--tw-enter-translate-y: 100%;}@utility slide-in-from-bottom-*{--tw-enter-translate-y: calc(--value(integer)*var(--spacing)); --tw-enter-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-enter-translate-y: calc(--value(ratio)*100%); --tw-enter-translate-y: --value(--translate-*,[percentage],[length]);}@utility slide-in-from-left{--tw-enter-translate-x: -100%;}@utility slide-in-from-left-*{--tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-enter-translate-x: calc(--value(ratio)*-100%); --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1);}@utility slide-in-from-right{--tw-enter-translate-x: 100%;}@utility slide-in-from-right-*{--tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-enter-translate-x: calc(--value(ratio)*100%); --tw-enter-translate-x: --value(--translate-*,[percentage],[length]);}@utility slide-in-from-start{&:dir(ltr){ --tw-enter-translate-x: -100%; }&:dir(rtl){ --tw-enter-translate-x: 100%; }}@utility slide-in-from-start-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-enter-translate-x: calc(--value(ratio)*-100%); --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1); }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-enter-translate-x: calc(--value(ratio)*100%); --tw-enter-translate-x: --value(--translate-*,[percentage],[length]); }}@utility slide-in-from-end{&:dir(ltr){ --tw-enter-translate-x: 100%; }&:dir(rtl){ --tw-enter-translate-x: -100%; }}@utility slide-in-from-end-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-enter-translate-x: calc(--value(ratio)*100%); --tw-enter-translate-x: --value(--translate-*,[percentage],[length]); }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-enter-translate-x: calc(--value(ratio)*-100%); --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1); }}@utility slide-out-to-top{--tw-exit-translate-y: -100%;}@utility slide-out-to-top-*{--tw-exit-translate-y: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-exit-translate-y: calc(--value(ratio)*-100%); --tw-exit-translate-y: calc(--value(--translate-*,[percentage],[length])*-1);}@utility slide-out-to-bottom{--tw-exit-translate-y: 100%;}@utility slide-out-to-bottom-*{--tw-exit-translate-y: calc(--value(integer)*var(--spacing)); --tw-exit-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-exit-translate-y: calc(--value(ratio)*100%); --tw-exit-translate-y: --value(--translate-*,[percentage],[length]);}@utility slide-out-to-left{--tw-exit-translate-x: -100%;}@utility slide-out-to-left-*{--tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-exit-translate-x: calc(--value(ratio)*-100%); --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1);}@utility slide-out-to-right{--tw-exit-translate-x: 100%;}@utility slide-out-to-right-*{--tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-exit-translate-x: calc(--value(ratio)*100%); --tw-exit-translate-x: --value(--translate-*,[percentage],[length]);}@utility slide-out-to-start{&:dir(ltr){ --tw-exit-translate-x: -100%; }&:dir(rtl){ --tw-exit-translate-x: 100%; }}@utility slide-out-to-start-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-exit-translate-x: calc(--value(ratio)*-100%); --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1); }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-exit-translate-x: calc(--value(ratio)*100%); --tw-exit-translate-x: --value(--translate-*,[percentage],[length]); }}@utility slide-out-to-end{&:dir(ltr){ --tw-exit-translate-x: 100%; }&:dir(rtl){ --tw-exit-translate-x: -100%; }}@utility slide-out-to-end-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-exit-translate-x: calc(--value(ratio)*100%); --tw-exit-translate-x: --value(--translate-*,[percentage],[length]); }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-exit-translate-x: calc(--value(ratio)*-100%); --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1); }}
@theme inline{--color-background:var(--background);--color-foreground:var(--foreground);--color-popover:var(--background);--color-popover-foreground:var(--foreground);--color-border:#dce0e2;--color-input:#dce0e2;--color-accent:#f2f3f4;--color-ring:#f15b24;--color-muted-foreground:#667078;}:root{--background:#fff;--foreground:#172125;--orange:#ee5725}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--foreground);margin:0;font-family:Arial,Noto Sans,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible{outline-offset:5px;outline:3px solid #ee5725}.topline{color:#d5dcde;background:#172125;justify-content:space-between;padding:10px 5%;font-size:13px;display:flex}.header{background:#fff;border-bottom:1px solid #e7e9eb;justify-content:space-between;align-items:center;gap:24px;padding:22px 5%;display:flex}.brand{letter-spacing:-1px;font-size:24px;font-weight:900}.brand span{color:var(--orange)}.brand small{letter-spacing:3px;margin-top:4px;font-size:10px;font-weight:500;display:block}.nav{align-items:center;gap:28px;display:flex}.nav a{font-size:14px}.nav a.active{color:var(--orange)}.language{align-items:center;gap:8px;display:flex}.hero{color:#fff;background:#172125;grid-template-columns:46% 54%;min-height:640px;display:grid}.hero-copy{flex-direction:column;justify-content:center;align-items:flex-start;padding:76px 10% 64px 11%;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:2px;color:var(--orange);margin-bottom:24px;font-size:12px;font-weight:700;display:block}.hero h1{letter-spacing:-2.8px;margin:0 0 26px;font-size:clamp(42px,4.5vw,72px);font-weight:700;line-height:1.06}.hero p{color:#bec9cc;max-width:480px;margin:0 0 30px;line-height:1.8}.hero-image{position:relative;overflow:hidden}.hero-image img{object-fit:cover;object-position:50% 64%;width:100%;height:100%;position:absolute}.hero-image:after{content:"";background:linear-gradient(90deg,#17212533,#0000);position:absolute;inset:0}.image-note{z-index:1;letter-spacing:2px;color:#fff;background:#172125c9;padding:12px 16px;font-size:12px;position:absolute;bottom:26px;left:30px}.btn{background:var(--orange);color:#fff;align-items:center;gap:26px;padding:16px 23px;font-size:14px;font-weight:600;display:inline-flex}.btn:hover{background:#d74719}.btn.secondary{background:0 0;border:1px solid #677477}.actions{flex-wrap:wrap;gap:12px;display:flex}.strip{border-bottom:1px solid #ddd;grid-template-columns:repeat(3,1fr);gap:20px;padding:25px 5%;display:grid}.strip div{border-inline-end:1px solid #ddd;align-items:center;gap:16px;display:flex}.strip b{font-size:28px}.strip span{color:#677277;font-size:14px}.section{padding:88px 5%}.section.gray{background:#f4f5f5}.section-head{justify-content:space-between;align-items:end;gap:24px;margin-bottom:34px;display:flex}.section h2,.intro h1{letter-spacing:-1.5px;margin:0;font-size:clamp(32px,3vw,48px);line-height:1.15}.section-head p{color:#677277;max-width:480px;line-height:1.7}.grid{grid-template-columns:repeat(3,1fr);gap:26px;display:grid}.product img{aspect-ratio:1.1;object-fit:cover;object-position:center 70%;width:100%;transition:transform .4s}.product .photo{background:#ddd;overflow:hidden}.product h3{margin:20px 0 10px;font-size:21px}.product p{color:#677277;font-size:14px;line-height:1.7}.product .link{color:var(--orange);gap:22px;margin-top:9px;font-size:14px;display:inline-flex}.split{grid-template-columns:1fr 1fr;align-items:center;gap:70px;display:grid}.split img{object-fit:cover;width:100%;max-height:520px}.split p{color:#677277;margin:25px 0;line-height:1.9}.intro{color:#fff;background:#172125;padding:65px 5%}.intro p{color:#c4ced0;max-width:700px;margin-top:22px;line-height:1.8}.video-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.video-grid video{object-fit:contain;background:#172125;width:100%;height:340px}.video-grid p{color:#677277;font-size:14px}.contact{color:#fff;background:#172125}.contact h2{max-width:630px}.contact p{color:#bdc9cc;line-height:1.8}.contact-links{flex-direction:column;gap:20px;margin:30px 0;font-size:clamp(18px,2.3vw,30px);display:flex}.qr{color:#172125;text-align:center;background:#fff;justify-self:end;width:260px;padding:24px}.qr img{object-fit:contain;width:210px;height:210px}.qr p{color:#566167;font-size:14px}.footer{color:#a4b0b5;background:#10181b;justify-content:space-between;gap:24px;padding:30px 5%;font-size:13px;display:flex}.spec{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.spec span{background:#edf0f1;padding:7px 10px;font-size:13px}.whatsapp{z-index:20;color:#fff;background:#1f8059;border:2px solid #fff;border-radius:30px;padding:13px 18px;font-size:14px;position:fixed;bottom:24px;right:25px;box-shadow:0 5px 25px #0002}.standards{grid-template-columns:repeat(5,1fr);gap:15px;margin-top:35px;display:grid}.standards div{border-top:2px solid var(--orange);padding:18px 0;font-size:14px}.standards b{color:#939b9e;margin-bottom:12px;font-size:12px;display:block}[dir=rtl] .hero h1{letter-spacing:0}[dir=rtl] .hero-copy{text-align:right}@media (max-width:900px){.header{flex-wrap:wrap;gap:20px}.nav{flex-basis:100%;order:3;justify-content:space-between;gap:12px}.hero{grid-template-columns:1fr 1fr;min-height:560px}.hero-copy{padding:50px 9%}.hero h1{font-size:43px}.grid{grid-template-columns:repeat(2,1fr)}.split{gap:35px}.standards{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.topline{font-size:11px}.topline span:last-child{display:none}.brand{font-size:21px}.header{padding:18px 5%}.nav a{font-size:13px}.hero{flex-direction:column;display:flex}.hero-copy{padding:48px 6%}.hero h1{font-size:46px}.hero-image{height:400px}.strip{gap:10px}.strip div{display:block}.strip b{font-size:24px}.strip span{margin-top:6px;font-size:12px;display:block}.section{padding:55px 6%}.section-head{display:block}.grid,.split,.video-grid{grid-template-columns:1fr}.qr{justify-self:start}.footer{flex-direction:column;padding-bottom:90px}.video-grid video{height:280px}.intro{padding:46px 6%}.standards{grid-template-columns:repeat(2,1fr)}}.hero-copy,.split>div,.section-head>div{min-width:0}.hero h1,.intro h1,.section h2,.product h3,.contact-links a{overflow-wrap:anywhere}.product p{font-size:16px}.hero h1:lang(zh),.hero h1:lang(ja),.hero h1:lang(ko){letter-spacing:0}.nav{flex-wrap:wrap}.language{flex-shrink:0}[dir=rtl] .hero h1,[dir=rtl] h2{letter-spacing:0}@media (max-width:600px){.nav{row-gap:16px}.nav a{font-size:14px}.hero h1{font-size:clamp(34px,10vw,46px)}.strip div{min-width:0}.strip b{font-size:20px}.language [data-slot=select-trigger]{min-width:100px!important}.header{gap:16px}.brand{font-size:20px}}.compact-btn{gap:10px;padding:12px 16px}.guide-list{border-top:1px solid #d9ddde;display:grid}.guide-list>a{border-bottom:1px solid #d9ddde;grid-template-columns:55px 1fr 24px;align-items:center;gap:18px;padding:24px 0;display:grid}.guide-list>a>span{color:var(--orange);font-weight:700}.guide-list h3{margin:0 0 6px;font-size:20px}.guide-list p{color:#677277;margin:0;font-size:14px;line-height:1.6}.detail-hero{color:#fff;background:#172125;grid-template-columns:1fr 1fr;min-height:610px;display:grid}.detail-hero>div{flex-direction:column;justify-content:center;align-items:flex-start;padding:70px 9%;display:flex}.detail-hero>img{object-fit:cover;width:100%;height:100%;min-height:610px}.detail-hero h1,.guide h1{letter-spacing:-2px;margin:15px 0 24px;font-size:clamp(42px,5vw,70px);line-height:1.06}.detail-hero p{color:#c3ced0;font-size:18px;line-height:1.8}.back-link{color:#aebabc;align-items:center;gap:8px;margin-bottom:34px;font-size:13px;display:inline-flex}.detail-grid{grid-template-columns:1fr 1fr;gap:80px;display:grid}.detail-grid p{color:#677277;line-height:1.8}.check-list{grid-template-columns:1fr 1fr;gap:16px;display:grid}.check-list div{border:1px solid #d9ddde;align-items:center;gap:12px;padding:22px;display:flex}.check-list svg{color:var(--orange)}.two-cards{grid-template-columns:1fr 1fr;gap:28px;display:grid}.two-cards article{background:#fff;padding:36px}.two-cards h2{font-size:30px}.two-cards ul,.guide ul{color:#4f5a5e;padding-left:20px;line-height:2}.spec-note{color:#677277;margin:26px 0 0;line-height:1.7}.guide{max-width:920px;margin:auto;padding:80px 5%}.guide header{border-bottom:1px solid #d9ddde;padding-bottom:55px}.guide header .back-link{color:#657075}.guide .lead{color:#566167;font-size:20px;line-height:1.8}.guide-meta{letter-spacing:1.4px;color:#899296;margin-top:26px;font-size:12px}.guide>section{border-bottom:1px solid #d9ddde;padding:55px 0 55px 90px;position:relative}.guide>section .step{color:var(--orange);font-weight:800;position:absolute;top:60px;left:0}.guide>section h2{margin:0 0 20px;font-size:32px}.guide>section p{color:#4f5a5e;font-size:17px;line-height:1.85}.guide-faq{background:#f4f5f5;margin-top:50px;border:0!important;padding:48px!important}.guide-faq h2{margin-top:35px!important;font-size:25px!important}.contact-links a{align-items:center;gap:12px;display:flex}@media (max-width:900px){.compact-btn{display:none}.detail-hero{grid-template-columns:1fr}.detail-hero>img{min-height:420px}.detail-grid{gap:35px}.two-cards{grid-template-columns:1fr}}@media (max-width:600px){.detail-hero>div{padding:50px 6%}.detail-hero>img{min-height:330px}.detail-hero h1,.guide h1{font-size:42px}.detail-grid,.check-list{grid-template-columns:1fr}.guide{padding:55px 6%}.guide>section{padding:42px 0}.guide>section .step{margin-bottom:12px;display:block;position:static}.guide-faq{padding:28px!important}.guide-list>a{grid-template-columns:36px 1fr 20px}}.native-language{align-items:center;gap:8px;display:flex}.native-language select{height:40px;font:inherit;background:#fff;border:1px solid #d9ddde;padding:0 30px 0 12px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.product{background:#fff;border:1px solid #e1e5e4;flex-direction:column;min-width:0;padding:14px 14px 24px;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 14px 38px #1721250f}.product:hover{transform:translateY(-4px);box-shadow:0 20px 48px #1721251c}.product .photo{aspect-ratio:1;background:linear-gradient(145deg,#f2f4f3,#e7ebea);justify-content:center;align-items:center;padding:12px;overflow:hidden;display:flex!important}.product img{aspect-ratio:auto;object-fit:contain;object-position:center;width:100%;height:100%;transition:transform .4s;display:block}.product:hover img{transform:scale(1.015)}.product .eyebrow,.product h3,.product p,.product .link{margin-inline:10px}.product h3{margin-top:0}.product p{flex:1}.product .link{margin-top:10px}.grid{gap:30px}@media (max-width:600px){.product{padding:10px 10px 22px}.product .photo{aspect-ratio:1;padding:8px}.grid{gap:22px}}.catalogue{background:#f4f5f5}.catalogue-heading{justify-content:space-between;align-items:end;gap:36px;margin-bottom:42px;display:flex}.catalogue-heading>div{max-width:760px}.catalogue-heading p{color:#677277;margin:20px 0 0;line-height:1.8}.catalogue-heading .btn{flex-shrink:0}.catalogue-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.catalogue-page{background:#fff;border:1px solid #dfe3e2;padding:10px;transition:transform .25s,box-shadow .25s;display:block;box-shadow:0 12px 32px #17212512}.catalogue-page:hover{transform:translateY(-3px);box-shadow:0 18px 42px #1721251f}.catalogue-page img{aspect-ratio:3774/2577.75;object-fit:contain;background:#fff;width:100%;height:auto;display:block}.catalogue-page span{color:#677277;letter-spacing:.05em;padding:12px 5px 4px;font-size:13px;display:block}@media (max-width:800px){.catalogue-heading{display:block}.catalogue-heading .btn{margin-top:25px}.catalogue-grid{grid-template-columns:1fr;gap:20px}}.guide-related{padding-left:0!important}.guide-related>div{border-top:1px solid #d9ddde;margin-top:28px;display:grid}.guide-related a{border-bottom:1px solid #d9ddde;justify-content:space-between;align-items:center;gap:22px;padding:22px 0;display:flex}.guide-related a span{gap:7px;display:grid}.guide-related strong{font-size:18px}.guide-related small{color:#677277;line-height:1.5}.guide-related svg{color:var(--orange);flex:none}
