:root{--ink:#123552;--muted:#657b8d;--paper:#f5f9fc;--lime:#36a9e8;--line:#d8e5ee;--blue:#1479b8;--blue-deep:#0d2c49;--blue-soft:#eaf4fa}
body{background:var(--paper);color:var(--ink)}
header{background:rgba(248,252,255,.96)}
nav a:hover,.under:hover,.v-subnav a:hover{color:var(--blue)}
.button{background:var(--blue);color:#fff;transition:transform .22s ease,background-color .22s ease,box-shadow .22s ease}
.button:hover{background:#0c639c;color:#fff;box-shadow:0 8px 22px #12537a2b;transform:translateY(-2px)}
.button.small,.cta .button{background:var(--blue-deep);color:white}
.button.small:hover,.cta .button:hover{background:#174a70}
.herocopy>.eyebrow,.herobottom .scroll-explore,.herobottom .scroll-explore>span{color:#7bd1ff}
.herobottom .scroll-explore{border-color:#7bd1ff99;background:#102e49cc}
.herobottom .scroll-explore:hover{background:#7bd1ff;color:var(--blue-deep)}
.herobottom .scroll-explore:hover>span{color:var(--blue-deep)}
.cta{background:#dceffc;color:var(--blue-deep)}.cta:after{color:#1479b812}
footer,.simple-footer{background:var(--blue-deep);color:#fff}
.pagetop{background:#eaf4fa;color:var(--ink)}
.filter{border-color:#bfd4e3}.filter.active{background:var(--blue-deep)}
.article:hover{background:#eaf4fa}.article .eyebrow,.steps b{color:var(--blue)}
.v-hero{background:#eaf4fa}.v-stats{background:var(--blue-deep)}.v-subnav a:hover{color:var(--blue)}
.v-green,.v-neutral,.v-source,.split{background:#f1f7fb}
th{background:var(--blue-deep)}.v-config>div{border-color:#45a9df}.v-feature{border-color:#b7d6e9}
.productvisual{background:#e9f2f7}.productvisual>span{background:#0d2c49d9}
body[data-page^="/products/"] main>.v-section,
body[data-page^="/products/"] main>.detail,
body[data-page^="/products/"] main>.related,
body[data-page^="/products/"] main>.v-neutral,
body[data-page^="/products/"] main>.v-green,
body[data-page^="/products/"] main>.v-source{background:transparent!important}
body[data-page^="/products/"] main>.v-section:nth-of-type(even){background:rgba(225,240,249,.34)!important}
body[data-page^="/products/"] .pagetop{background-color:rgba(229,242,250,.82)}
/* Gentle reveal and hover motion */
@keyframes rise-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
main>.pagetop,main>.hero,main>.about-hero,main>.v-hero{animation:rise-in .65s both ease-out}
.product,.article,.v-feature,.home-types>a{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.product:hover,.article:hover,.home-types>a:hover{transform:translateY(-5px);box-shadow:0 14px 32px #164c7020}
.productvisual img,.home-types img,.factory-grid img,.screw-gallery img{transition:transform .5s ease}
.product:hover .productvisual img,.home-types>a:hover img{transform:scale(1.035)}
.category-item svg{transition:transform .25s ease,color .25s ease}
button,.filter,a{ -webkit-tap-highlight-color:transparent }
@media(prefers-reduced-motion:no-preference){main>section:not(.hero):not(.cta){animation:rise-in .6s both ease-out;animation-timeline:view();animation-range:entry 0% entry 18%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

#experience>.eyebrow,#green>.eyebrow,#safety>.eyebrow{font-size:20px!important;font-weight:700;letter-spacing:.8px!important;color:#1479b8}
@media(max-width:700px){#experience>.eyebrow,#green>.eyebrow,#safety>.eyebrow{font-size:18px!important}}

/* Product navigation dropdown */
.product-nav{position:relative;align-self:stretch;display:flex;align-items:center}
.product-nav-heading{display:flex;align-items:center;gap:4px}
.product-nav-toggle{border:0;background:transparent;color:inherit;cursor:pointer;padding:8px;font-size:18px;line-height:1}
.product-dropdown{display:none;position:absolute;top:100%;left:-22px;min-width:230px;padding:12px;background:#fff;border:1px solid #dbe4e9;box-shadow:0 16px 36px #0e2d4820;z-index:100}
.product-dropdown a{display:block!important;padding:14px 18px!important;white-space:nowrap;font-size:15px!important;color:#10334d!important}
.product-dropdown a:hover,.product-dropdown a:focus-visible{background:#edf5f9;color:#1479b8!important}
.product-nav:hover .product-dropdown,.product-nav:focus-within .product-dropdown,.product-nav.is-open .product-dropdown{display:block}
@media(max-width:760px){.product-nav{display:block;width:100%}.product-nav-heading{justify-content:space-between}.product-dropdown{position:static;min-width:0;box-shadow:none;border:0;border-left:2px solid #1479b8;margin:6px 0 12px 12px}.product-dropdown a{padding:12px 16px!important}}

.product-subgroup{position:relative}.product-subheading{display:flex;align-items:center;justify-content:space-between}.product-subheading>a{flex:1}.product-subtoggle{border:0;background:transparent;color:#10334d;cursor:pointer;padding:12px;font-size:22px}.product-submenu{display:none;position:absolute;left:100%;top:-1px;min-width:240px;padding:12px;background:#fff;border:1px solid #dbe4e9;box-shadow:0 16px 36px #0e2d4820;z-index:101}.product-subgroup:hover>.product-submenu,.product-subgroup:focus-within>.product-submenu,.product-subgroup.is-open>.product-submenu{display:block}
@media(max-width:760px){.product-submenu{position:static;min-width:0;margin:0 0 8px 16px;padding:0 0 0 8px;box-shadow:none;border:0;border-left:2px solid #dbe4e9}.product-subtoggle{padding:10px 18px}.product-submenu a{font-size:14px!important}}

/* Align the product label with the other top-level navigation links. */
.product-nav-heading{position:relative;gap:0}.product-nav-toggle{position:absolute;inset:0;width:100%;height:100%;padding:0;font-size:0;opacity:0}.product-nav-heading>a{position:relative;z-index:1}.product-nav{align-self:auto}.product-nav>.product-dropdown{top:100%}.product-nav::after{content:'';position:absolute;left:-22px;right:-22px;top:100%;height:24px}.product-nav>.product-dropdown{margin-top:18px}
@media(max-width:760px){.product-nav-heading>a{pointer-events:none}.product-nav-toggle{z-index:2;opacity:1}.product-nav::after{display:none}.product-nav>.product-dropdown{margin-top:6px}}

.selection-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:32px}.selection-index a{padding:20px;background:white;border:1px solid #dbe4e9;color:#12344c;display:flex;align-items:center;gap:16px}.selection-index a:hover{border-color:#1479b8}.selection-index span{font-size:12px;color:#1479b8}.selection-description{max-width:1000px;line-height:1.9;color:#526b7a}.selection-list{padding-left:20px;line-height:1.9;color:#526b7a}.selection-list li{margin-bottom:10px}.v-section[id^="guide-"]{scroll-margin-top:110px}@media(max-width:760px){.selection-index{grid-template-columns:1fr}.selection-index a{padding:16px}}

.selection-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px}.selection-product{padding-top:20px;border-top:1px solid #cfdae1}.selection-product h3{font-size:23px;margin:12px 0 18px}.selection-product p{line-height:1.9;color:#526b7a}.selection-product .selection-preparation{font-size:14px;margin-bottom:26px}.selection-products>.selection-product:only-child{grid-column:1/-1;max-width:1000px}@media(max-width:760px){.selection-products{grid-template-columns:1fr;gap:32px}}

.application-scenarios{margin:30px 0;padding:24px;background:#e8f0f5}.application-scenarios p{line-height:1.9;color:#526b7a}.application-links{display:flex;flex-wrap:wrap;gap:24px}

.manufacturing-process{margin:42px 0 48px}.manufacturing-process>h3{font-size:28px}.manufacturing-steps{list-style:none;padding:0;margin:30px 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}.manufacturing-steps li{border-top:2px solid #1479b8;padding-top:20px}.manufacturing-number{font-size:30px;color:#1479b8;font-weight:600}.manufacturing-steps h4{font-size:18px;margin:16px 0 12px}.manufacturing-steps p{font-size:14px;line-height:1.85;color:#526b7a}@media(max-width:1000px){.manufacturing-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.manufacturing-steps{grid-template-columns:1fr}.manufacturing-steps li{display:flex;gap:20px}.manufacturing-steps h4{margin-top:4px}}

.manufacturing-steps{grid-template-columns:1fr;gap:38px}.manufacturing-steps li{display:grid;grid-template-columns:64px minmax(0,1fr);gap:20px}.manufacturing-steps h4{font-size:23px;margin-top:4px}.process-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:22px}.process-photos figure{margin:0}.process-photos img{width:100%;height:260px;object-fit:cover;display:block}.process-photos figcaption{font-size:12px;color:#62798a;line-height:1.6;margin-top:10px}.process-photos a{display:block}.process-photos a:hover{opacity:.9}.process-photos figure:only-child{max-width:620px;grid-column:1/-1;width:100%}@media(max-width:600px){.manufacturing-steps li{display:block}.manufacturing-steps h4{margin-top:12px}.process-photos{grid-template-columns:1fr}.process-photos img{height:220px}}

/* Image slots: consistent proportions; replacement images crop without distortion. */
.process-photos img,.factory-grid img{aspect-ratio:3/2;height:auto;object-fit:cover;object-position:center}
.factory-wide{width:100%;aspect-ratio:16/9;height:auto;object-fit:cover;object-position:center}
.home-types img{width:100%;aspect-ratio:4/3;height:auto;object-fit:cover;object-position:center}
.productvisual img{width:100%;height:100%;object-fit:cover;object-position:center}
.v-hero figure img,.screw-hero>img{object-position:center}
img[width][height]{max-width:100%}

/* Approved stacked VOKADA brand mark. */
header .logo{display:flex;align-items:center;justify-content:center;width:82px;flex:0 0 82px}header .logo img{width:82px!important;height:82px!important;object-fit:contain!important}.simple-footer .footer-logo{display:inline-flex;width:135px}.simple-footer .footer-logo img{width:135px!important;height:135px!important;object-fit:contain!important}@media(max-width:700px){header .logo{width:68px;flex-basis:68px}header .logo img{width:68px!important;height:68px!important}}

header .logo img{width:66px!important;height:82px!important}.simple-footer .footer-logo img{width:109px!important;height:135px!important}@media(max-width:700px){header .logo img{width:55px!important;height:68px!important}}

.category-item{transition:background-color .18s ease,color .18s ease,box-shadow .18s ease}.category-item:hover,.category-item:focus-visible{background:#087fc3!important;color:#fff!important;border-color:#087fc3!important;box-shadow:0 8px 22px #087fc330}.category-item:hover h3,.category-item:hover p,.category-item:hover svg,.category-item:focus-visible h3,.category-item:focus-visible p,.category-item:focus-visible svg{color:#fff!important;opacity:1!important}.category-item:hover svg,.category-item:focus-visible svg{stroke:#fff!important}

/* Lightweight visual enhancements; content stays visible without JavaScript. */
.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;z-index:9999;background:linear-gradient(90deg,#a5bb46,#168bda);transform:scaleX(0);transform-origin:left;pointer-events:none}
.button{position:relative;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease}.button:after{content:'';position:absolute;inset:-60% auto -60% -50%;width:25%;background:linear-gradient(90deg,transparent,#ffffff45,transparent);transform:skewX(-20deg);pointer-events:none;transition:left .5s ease}.button:hover:after{left:130%}.button:hover{transform:translateY(-3px);box-shadow:0 9px 22px #0b385c26}
.product,.article,.home-types>a,.about-productlinks>a{transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease}.product:hover,.article:hover,.home-types>a:hover,.about-productlinks>a:hover{transform:translateY(-5px);box-shadow:0 12px 30px #123c5617}
.v-feature{position:relative;transition:background-color .22s ease}.v-feature:hover{background:#168bda08}.v-feature:after{content:'';position:absolute;top:0;left:0;width:40%;height:2px;background:linear-gradient(90deg,#168bda,#a5bb46);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.v-feature:hover:after{transform:scaleX(1)}
.category-item:hover svg{transform:translateY(-5px)}.category-item svg{transition:transform .25s ease}.process-photos a{overflow:hidden}.process-photos img{transition:transform .5s ease}.process-photos a:hover img{transform:scale(1.035)}
.cta{position:relative;isolation:isolate;overflow:hidden}.cta:before{content:'';position:absolute;right:-100px;top:-130px;width:430px;height:430px;border:1px solid #ffffff20;border-radius:50%;box-shadow:0 0 0 60px #ffffff06,0 0 0 120px #ffffff04;z-index:-1;pointer-events:none}
@keyframes vokada-arrive{from{opacity:.45;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.motion-arrive{animation:vokada-arrive .65s ease both}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.button:hover,.product:hover,.article:hover,.home-types>a:hover,.about-productlinks>a:hover,.category-item:hover svg,.process-photos a:hover img{transform:none!important}.reading-progress{display:none}}
@media(hover:none){.button:hover,.product:hover,.article:hover,.home-types>a:hover,.about-productlinks>a:hover{transform:none;box-shadow:none}}