@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');

:root{--display:"Manrope",Arial,sans-serif;--body:"DM Sans",Arial,sans-serif;--ease:cubic-bezier(.22,1,.36,1)}
body{background:#fbfcfb}.site-header{position:fixed;transition:height .35s var(--ease),background .35s,box-shadow .35s,transform .35s;isolation:isolate}.site-header:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,var(--mint-dark),transparent);transform:scaleX(0);transition:transform .5s var(--ease)}.site-header.is-scrolled{height:68px;background:rgba(251,252,251,.92);box-shadow:0 12px 45px rgba(10,28,22,.08)}.site-header.is-scrolled:after{transform:scaleX(1)}.inner-header+main,.inner-header~main{margin-top:82px}.inner-header.is-scrolled+main,.inner-header.is-scrolled~main{margin-top:82px}.main-nav a{position:relative}.main-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:var(--mint-dark);transition:right .35s var(--ease)}.main-nav a:hover:after,.main-nav a[aria-current="page"]:after{right:0}.button,.header-cta,.cta-band a{transition:transform .3s var(--ease),background .3s,color .3s,box-shadow .3s}.button:hover,.header-cta:hover,.cta-band a:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(10,30,25,.16)}.button span,.header-cta span,.text-link span{transition:transform .3s var(--ease)}.button:hover span,.header-cta:hover span,.text-link:hover span{transform:translate(4px,-4px)}

.scroll-progress{position:fixed;top:0;left:0;width:100%;height:3px;z-index:100;background:transparent}.scroll-progress i{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--mint-dark),var(--lime));transform:scaleX(0);transform-origin:left center}.cursor-dot{position:fixed;width:9px;height:9px;border-radius:50%;background:var(--mint-dark);pointer-events:none;z-index:101;transform:translate(-50%,-50%);transition:width .2s,height .2s,opacity .2s;mix-blend-mode:multiply}.cursor-dot.is-hover{width:34px;height:34px;opacity:.22}

.reveal{opacity:0;transform:translateY(38px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.reveal-left{transform:translateX(-42px)}.reveal.reveal-right{transform:translateX(42px)}.reveal.is-visible{opacity:1;transform:none}.reveal-stagger>*{opacity:0;transform:translateY(25px);transition:opacity .65s var(--ease),transform .65s var(--ease)}.reveal-stagger.is-visible>*{opacity:1;transform:none}.reveal-stagger.is-visible>*:nth-child(2){transition-delay:.08s}.reveal-stagger.is-visible>*:nth-child(3){transition-delay:.16s}.reveal-stagger.is-visible>*:nth-child(4){transition-delay:.24s}.reveal-stagger.is-visible>*:nth-child(5){transition-delay:.32s}.reveal-stagger.is-visible>*:nth-child(6){transition-delay:.4s}

.hero:after,.page-hero:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(72,167,141,.18);border-radius:50%;right:-170px;bottom:-210px;box-shadow:0 0 0 70px rgba(72,167,141,.05),0 0 0 140px rgba(72,167,141,.025);pointer-events:none}.hero-copy{animation:hero-in .95s var(--ease) both}.hero-visual{animation:visual-in 1.1s .12s var(--ease) both}.page-hero-copy{animation:hero-in .9s var(--ease) both}.hero-index{animation:orbit-in 1.1s .15s var(--ease) both}.hero-index:before{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:var(--lime);top:32px;left:45px;box-shadow:0 0 0 8px rgba(215,239,87,.15);animation:float 3s ease-in-out infinite}.page-hero:not(.dark) .hero-index:before{background:var(--mint-dark)}@keyframes hero-in{from{opacity:0;transform:translateY(45px)}to{opacity:1;transform:none}}@keyframes visual-in{from{opacity:0;transform:translateX(55px) scale(.97)}to{opacity:1;transform:none}}@keyframes orbit-in{from{opacity:0;transform:scale(.7) rotate(-15deg)}to{opacity:1;transform:none}}@keyframes float{50%{transform:translateY(12px)}}

.solution-card,.category-card,.service-card,.value-card,.post-card,.insight-grid article{transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .3s}.solution-card:hover,.category-card:hover,.service-card:hover,.value-card:hover,.post-card:hover,.insight-grid article:hover{transform:translateY(-8px);box-shadow:0 25px 60px rgba(13,27,36,.12);z-index:2}.category-card:hover .product-shape,.detail-visual:hover .detail-product{transform:translateY(-10px) rotate(-2deg)}.product-shape,.detail-product{transition:transform .5s var(--ease)}.post-art:before,.art-three:before,.art-three:after,.orbit{animation:soft-pulse 5s ease-in-out infinite}@keyframes soft-pulse{50%{transform:scale(1.07);opacity:.5}}.orbit{transform-origin:center}.orbit:after{animation:soft-pulse 4s 1s ease-in-out infinite}.mini-chart i{transform-origin:bottom;animation:bar-rise 1.2s var(--ease) both}.mini-chart i:nth-child(2){animation-delay:.08s}.mini-chart i:nth-child(3){animation-delay:.16s}.mini-chart i:nth-child(4){animation-delay:.24s}.mini-chart i:nth-child(5){animation-delay:.32s}.mini-chart i:nth-child(6){animation-delay:.4s}.mini-chart i:nth-child(7){animation-delay:.48s}@keyframes bar-rise{from{transform:scaleY(0)}to{transform:scaleY(1)}}

.subnav{position:sticky;top:68px;z-index:12;box-shadow:0 8px 30px rgba(10,28,22,.04)}.subnav a{transition:color .25s,border-color .25s}.subnav a.is-active{color:var(--mint-dark);border-bottom:2px solid var(--mint-dark)}.faq-list details{transition:background .3s,padding .3s}.faq-list details[open]{background:#f4f8f6;padding-left:22px;padding-right:22px}.faq-list details p{animation:faq-open .4s var(--ease)}@keyframes faq-open{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.field{position:relative}.field:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--mint-dark);transition:right .4s var(--ease)}.field:focus-within:after{right:0}.field:focus-within label{color:var(--mint-dark)}.field label{transition:color .2s}.contact-form.is-submitting{pointer-events:none}.contact-form.is-submitting .button{background:var(--lime)}.quick-contact{transition:transform .35s var(--ease),opacity .35s}.quick-contact.is-hidden{transform:translateX(90px);opacity:0}.quick-contact a{transition:transform .25s,background .25s}.quick-contact a:hover{transform:translateX(-5px)}

.trust-strip{overflow:hidden}.trust-strip div{position:relative;transition:background .3s}.trust-strip div:hover{background:rgba(155,221,200,.08)}.trust-strip div:before{content:"";position:absolute;left:0;top:0;width:100%;height:2px;background:var(--lime);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}.trust-strip div:hover:before{transform:scaleX(1)}.story-art:before,.sun-disc{animation:solar-glow 6s ease-in-out infinite}@keyframes solar-glow{50%{box-shadow:0 0 90px rgba(215,239,87,.7);transform:translateX(-50%) scale(1.04)}}

@media(max-width:1100px){.main-nav{transform-origin:top;transition:opacity .25s,transform .35s var(--ease)}.menu-toggle:checked~.site-header .main-nav{box-shadow:0 25px 45px rgba(10,28,22,.12);animation:menu-in .35s var(--ease)}@keyframes menu-in{from{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:none}}.inner-header+main,.inner-header~main{margin-top:70px}}
@media(max-width:760px){.cursor-dot{display:none}.reveal,.reveal.reveal-left,.reveal.reveal-right{transform:translateY(24px)}.site-header.is-scrolled{height:60px}.subnav{top:60px}.hero:after,.page-hero:after{display:none}}
@media(prefers-reduced-motion:reduce){.reveal,.reveal-stagger>*,.hero-copy,.hero-visual,.page-hero-copy,.hero-index{opacity:1!important;transform:none!important;animation:none!important}.cursor-dot{display:none}}

/* Product and solution mega navigation */
.main-nav{align-self:stretch;align-items:center}.nav-item{display:flex;align-items:center;height:100%;position:relative}.mega-toggle{width:22px;height:28px;border:0;background:transparent;color:var(--ink);font:700 15px/1 var(--body);padding:0;cursor:pointer;transition:transform .3s var(--ease),color .2s}.mega-parent:hover .mega-toggle,.mega-parent:focus-within .mega-toggle{transform:rotate(180deg);color:var(--mint-dark)}.mega-menu{position:fixed;top:82px;left:clamp(20px,4.2vw,72px);right:clamp(20px,4.2vw,72px);display:grid;grid-template-columns:1.15fr 1fr 1fr .75fr;background:#fff;color:var(--ink);border-top:2px solid var(--mint-dark);box-shadow:0 28px 75px rgba(8,25,20,.17);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-12px);transition:opacity .25s,visibility .25s,transform .4s var(--ease);z-index:50}.site-header.is-scrolled .mega-menu{top:68px}.mega-parent:hover>.mega-menu,.mega-parent:focus-within>.mega-menu{opacity:1;visibility:visible;pointer-events:auto;transform:none}.mega-intro,.mega-column,.mega-feature{padding:34px 32px;min-height:310px}.mega-intro{background:#eef6f2}.mega-intro>span,.mega-column>span{display:block;font-size:8px;font-weight:800;letter-spacing:.17em;color:var(--mint-dark);margin-bottom:22px}.mega-intro h3{font:600 29px/1.05 var(--display);letter-spacing:-.04em;margin:0 0 14px}.mega-intro p{font-size:12px;color:var(--muted);max-width:280px}.mega-intro>a{display:inline-block;margin-top:22px;font-size:11px;font-weight:800}.mega-column{border-left:1px solid var(--line)}.mega-column>a{display:block;padding:12px 0;border-top:1px solid var(--line);transition:padding .3s var(--ease),color .2s}.mega-column>a:hover{padding-left:9px;color:var(--mint-dark)}.mega-column b{display:block;font:600 14px/1.25 var(--display)}.mega-column small{display:block;font-size:10px;color:var(--muted);margin-top:4px;line-height:1.4}.mega-feature{background:var(--ink);color:#fff;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.mega-feature:before,.mega-feature:after{content:"";position:absolute;width:180px;height:180px;border:1px solid rgba(155,221,200,.24);border-radius:50%;top:-50px;right:-55px}.mega-feature:after{width:110px;height:110px;top:-15px;right:-20px}.mega-feature i{font:600 42px var(--display);color:var(--lime);font-style:normal}.mega-feature strong{font:600 17px var(--display);margin:6px 0 25px}.mega-feature a{font-size:10px;font-weight:800;color:var(--mint)}.mega-products{grid-template-columns:1.05fr 1fr 1fr 1fr}

@media(max-width:1100px){.main-nav{align-items:stretch;max-height:calc(100vh - 70px);overflow:auto;gap:0!important}.nav-item{height:auto;display:grid;grid-template-columns:1fr 38px;border-bottom:1px solid var(--line)}.nav-item>a{padding:13px 0}.mega-toggle{width:38px;height:45px}.mega-menu,.site-header.is-scrolled .mega-menu{position:static;grid-column:1/-1;display:none;grid-template-columns:1fr 1fr;opacity:1;visibility:visible;pointer-events:auto;transform:none;box-shadow:none;border-top:1px solid var(--mint-dark)}.mega-parent:hover>.mega-menu,.mega-parent:focus-within>.mega-menu{display:none}.mega-parent.is-open>.mega-menu{display:grid;animation:mega-mobile .35s var(--ease)}.mega-parent.is-open>.mega-toggle{transform:rotate(180deg)}.mega-intro,.mega-feature{display:none}.mega-column{padding:20px;min-height:0;border-left:0}.mega-column:nth-child(even){border-left:1px solid var(--line)}.mega-column>span{margin-bottom:10px}.mega-column>a{padding:10px 0}.mega-column small{display:none}@keyframes mega-mobile{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}}
@media(max-width:620px){.mega-menu,.mega-products{grid-template-columns:1fr}.mega-column:nth-child(even){border-left:0}.mega-column{padding:15px 4px}.mega-column:not(:last-child){border-bottom:1px solid var(--line)}}

/* BETNI-owned imagery restored from the previous website */
.hero-visual>.hero-product-image{width:100%;height:100%;object-fit:contain;object-position:center;transform:none;mix-blend-mode:normal;filter:drop-shadow(0 28px 35px rgba(13,27,36,.14))}.card-image>.legacy-solution-image{position:static;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:center bottom;transform:none}.real-about-visual>img{width:100%;height:100%;object-fit:cover;object-position:72% center}.real-about-visual:before,.real-about-visual .sun-disc{display:none}.real-about-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,18,25,.42),transparent 60%);pointer-events:none}.real-about-visual .factory-card{z-index:2}.category-card .product-shape{width:48%;height:52%;right:6%;bottom:16%;background-color:transparent!important;background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important;box-shadow:none!important}.category-card .product-shape:before,.category-card .product-shape:after{display:none}.category-card:nth-child(1) .product-shape{background-image:url('assets/images/old-site/hf-e-2.png')}.category-card:nth-child(2) .product-shape{background-image:url('assets/images/old-site/aaa1_77345.png')}.category-card:nth-child(3) .product-shape{background-image:url('assets/images/old-site/A13_77373.png')}.category-card:nth-child(4) .product-shape{background-image:url('assets/images/old-site/xinwen73_72947.jpg');background-size:cover!important;width:52%;border-radius:0}.category-card:nth-child(5) .product-shape{background-image:url('assets/images/old-site/A13_77373.png')}.category-card:nth-child(6) .product-shape{background-image:url('assets/images/old-site/bbbb22_77346.png')}.detail-product{width:72%;height:82%;background:transparent url('assets/images/old-site/hf-e-2.png') center/contain no-repeat;box-shadow:none}.detail-product:before,.detail-product:after{display:none}.detail-product.system-product{background-image:url('assets/images/old-site/A13_77373.png');width:88%}.story-art{background:url('assets/images/old-site/A09_77315.jpg') center/cover no-repeat}.story-art:before{display:none}.story-art:after{color:#fff;text-shadow:0 6px 25px rgba(0,0,0,.25)}.post-grid .post-card:nth-child(1) .post-art{background:url('assets/images/old-site/xinwen73_72947.jpg') center/cover}.post-grid .post-card:nth-child(2) .post-art{background:url('assets/images/old-site/A011_77497.jpg') center/cover}.post-grid .post-card:nth-child(3) .post-art{background:url('assets/images/old-site/aaa1_77345.png') center/contain no-repeat #f4f6f5}.post-grid .post-card:nth-child(4) .post-art{background:url('assets/images/old-site/hf-e-1.png') center/contain no-repeat #f4f6f5}.post-grid .post-card:nth-child(5) .post-art{background:url('assets/images/old-site/bbbb22_77346.png') center/contain no-repeat #eef3f1}.post-grid .post-card:nth-child(6) .post-art{background:url('assets/images/old-site/A07_77301.jpg') 76% center/cover}.post-grid .post-art>b{background:rgba(255,255,255,.9);padding:5px 10px;font-size:18px;color:var(--ink)}.post-grid .post-art:before{display:none}.insight-grid article:nth-child(1) .insight-art{background:url('assets/images/old-site/xinwen73_72947.jpg') center/cover}.insight-grid article:nth-child(2) .insight-art{background:url('assets/images/old-site/A011_77497.jpg') center/cover}.insight-grid article:nth-child(3) .insight-art{background:url('assets/images/old-site/aaa1_77345.png') center/contain no-repeat #f2f5f3}.insight-grid .insight-art>*{opacity:0}.mega-feature{background-image:linear-gradient(rgba(7,18,25,.72),rgba(7,18,25,.88)),url('assets/images/old-site/xinwen820_72863.jpg');background-size:cover;background-position:center}
@media(max-width:760px){.hero-visual>.hero-product-image{height:100%;transform:none}.category-card .product-shape{width:50%;height:45%;opacity:.9}.real-about-visual>img{object-position:70% center}}

/* Official BETNI identity */
.brand{min-width:150px}.brand-logo{display:block;width:138px;height:auto;max-height:40px;object-fit:contain;object-position:left center}.footer-brand{width:158px;min-width:158px;padding:10px 12px;background:#fff;border-radius:2px}.footer-brand .brand-logo{width:134px;max-height:34px}.site-header.is-scrolled .brand-logo{max-height:35px}.brand,.brand-logo{transition:width .3s var(--ease),max-height .3s var(--ease)}
@media(max-width:760px){.brand{min-width:118px}.brand-logo{width:118px;max-height:32px}.footer-brand{width:145px;min-width:145px}.footer-brand .brand-logo{width:121px}}