/* KINET site — shared styles */
body{margin:0;background:#ffffff;font-family:"Zen Kaku Gothic New",system-ui,sans-serif}
a{color:#ff5e2b}
a:hover{color:#e0491c}

@keyframes om-spin{to{transform:rotate(360deg)}}
@keyframes om-rise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@keyframes om-marquee{to{transform:translateX(-50%)}}

.rv{opacity:0}
.rv.in{animation:om-rise .82s cubic-bezier(.22,.75,.3,1) forwards}
.hero-in{opacity:0;animation:om-rise .9s cubic-bezier(.22,.75,.3,1) forwards}

.card-h{transition:transform .4s cubic-bezier(.22,.75,.3,1),box-shadow .4s ease}
.card-h:hover{transform:translateY(-6px)}
.btn-h{transition:transform .3s cubic-bezier(.22,.75,.3,1),box-shadow .3s ease}
.btn-h:hover{transform:translateY(-3px)}
.nav-h{cursor:pointer;text-decoration:none;color:#201c17;transition:background-color .3s ease,color .3s ease}
.nav-h:hover{background:#ffd12e;color:#201c17}
.row-h{transition:background-color .3s ease}
.row-h:hover{background:#fff6f1}

/* forms */
input,textarea,select{font-family:inherit}
.fld{width:100%;box-sizing:border-box;border:2px solid #201c17;border-radius:14px;padding:14px 16px;font-size:14px;color:#201c17;background:#fff;outline:none;transition:box-shadow .25s ease}
.fld:focus{box-shadow:4px 4px 0 #ffd12e}

/* FAQ accordion */
summary{list-style:none;cursor:pointer}
summary::-webkit-details-marker{display:none}
.faq-plus{transition:transform .3s cubic-bezier(.22,.75,.3,1)}
details[open] .faq-plus{transform:rotate(45deg)}

/* link directory */
.lnk{display:block;text-decoration:none;color:#201c17;border:2px solid #201c17;border-radius:16px;padding:15px 18px;background:#fff;transition:transform .28s cubic-bezier(.22,.75,.3,1),box-shadow .28s ease,background-color .28s ease}
.lnk:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 #201c17;background:#fff8f4;color:#201c17}
.idx{text-decoration:none;color:#201c17;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:12.5px;padding:6px 11px;border:2px solid #201c17;border-radius:10px;transition:background-color .25s ease,color .25s ease}
.idx:hover{background:#ffd12e;color:#201c17}

@media (max-width:820px){
h1{font-size:30px!important;line-height:1.28!important}
h2{font-size:23px!important;line-height:1.38!important}
h3{font-size:18px!important}
header{flex-direction:column!important;align-items:flex-start!important;gap:14px!important;padding-left:20px!important;padding-right:20px!important}
header nav{width:100%!important;gap:7px!important;font-size:11.5px!important}
header nav a{padding:8px 12px!important}
section,footer{padding-left:20px!important;padding-right:20px!important}
div[style*="grid-template-columns"]{grid-template-columns:1fr!important}
div[style*="border-left:2px solid #201c17"]{border-left:0!important;border-top:2px solid #201c17!important;min-height:200px!important}
div[style*="om-spin"]{width:62px!important;height:62px!important;top:14px!important;right:16px!important;font-size:9.5px!important;line-height:1.3!important}
div[style*="border-radius:30px"],div[style*="border-radius:28px"],div[style*="border-radius:26px"]{padding-left:24px!important;padding-right:24px!important;border-radius:22px!important}
div[style*="border-radius:24px"],div[style*="border-radius:22px"]{padding-left:22px!important;padding-right:22px!important}
div[style*="box-shadow:8px 8px 0"]{box-shadow:5px 5px 0 var(--sh,#201c17)!important}
footer>div>div[style*="gap:50px"]{gap:24px!important;flex-wrap:wrap!important}
a>img[width="360"]{width:100%!important;height:auto!important}
.xscroll{overflow-x:auto!important;-webkit-overflow-scrolling:touch}
.xscroll>div{grid-template-columns:120px repeat(3,minmax(96px,1fr))!important;min-width:520px}
}

@media (prefers-reduced-motion:reduce){.rv,.hero-in{opacity:1!important;animation:none!important}}