/* Interaction and cross-surface consistency with the Jotikin application. */
:root{--action:#08745c;--action-dark:#065744;--jotikin-shadow:0 12px 30px rgba(8,47,41,.08)}
.btn-red{background:var(--action);border-color:var(--action);color:#fff}
.nav-links a:hover,.nav-links a[aria-current=page]{color:#8ee1d1}
.feature-card .icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.feature-card,.list-card,.price-card,.resource,.industry{position:relative;overflow:hidden;transition:transform .26s cubic-bezier(.2,.8,.2,1),border-color .26s ease,box-shadow .26s ease,background-color .26s ease}
.feature-card:after,.list-card:after,.price-card:after,.resource:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,transparent 30%,rgba(113,214,197,.12));opacity:0;transition:opacity .26s ease}
.feature-card:hover,.list-card:hover,.price-card:hover,.resource:hover{transform:translateY(-6px);border-color:rgba(8,116,92,.42);box-shadow:0 20px 45px rgba(8,47,41,.11)}
.feature-card:hover:after,.list-card:hover:after,.price-card:hover:after,.resource:hover:after{opacity:1}
.feature-card:hover .icon{color:var(--action);background:#dcf1eb;transform:scale(1.06)}
.feature-card .icon{transition:transform .26s ease,color .26s ease,background-color .26s ease}
.list-card:hover h3,.industry:hover{color:var(--action-dark)}
.industry:hover{transform:translateY(-3px);border-color:var(--action);box-shadow:var(--jotikin-shadow)}
.btn:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid rgba(8,116,92,.35);outline-offset:3px}
.device-visual{position:relative;isolation:isolate}.device-visual:before{content:"";position:absolute;inset:9% 10%;z-index:-1;border-radius:50%;background:rgba(210,164,67,.32);filter:blur(45px)}.device-visual img{display:block;width:115%;max-width:none;margin-left:-7%;filter:drop-shadow(0 28px 30px rgba(5,35,31,.18))}
.industry-visual{min-height:350px;background-image:url('/jotikin-field-team.png');background-position:center 42%;background-size:cover;background-attachment:fixed}.industry-visual-shade{min-height:350px;display:flex;align-items:flex-end;padding:44px 0;background:linear-gradient(90deg,rgba(5,35,31,.78),rgba(5,35,31,.14) 68%,rgba(5,35,31,.05));color:#fff}.industry-visual .eyebrow{color:#f0c96b}.industry-visual strong{display:block;max-width:650px;margin-top:14px;font-size:clamp(1.9rem,3vw,3.15rem);font-weight:700;line-height:1.02;letter-spacing:-.02em;font-kerning:normal;text-rendering:optimizeLegibility;text-wrap:balance}
@media(max-width:900px){.device-visual{max-width:760px;margin:15px auto 0}.device-visual img{width:100%;margin:0}}
@media(max-width:900px),(prefers-reduced-motion:reduce){.industry-visual{background-attachment:scroll}}
@media(max-width:620px){.industry-visual,.industry-visual-shade{min-height:320px}.industry-visual-shade{padding:38px 0}.industry-visual{background-position:62% center}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.feature-card:hover,.list-card:hover,.price-card:hover,.resource:hover,.industry:hover{transform:none}}
.legal-hero h1{max-width:none}.legal-section{padding-top:44px}.legal-copy{max-width:820px}.legal-copy h2{margin:42px 0 10px;font-size:1.45rem;line-height:1.25;letter-spacing:-.015em}.legal-copy h2:first-child{margin-top:0}.legal-copy p{margin:0;color:var(--muted)}.legal-copy a{color:var(--action-dark);text-decoration:underline;text-underline-offset:3px}.legal-copy code{padding:2px 6px;border-radius:5px;background:#e8efe9;color:var(--deep)}.cookie-notice[hidden]{display:none}.cookie-notice{position:fixed;left:24px;right:24px;bottom:24px;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:28px;max-width:1060px;margin:auto;padding:22px 24px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:var(--deep);color:#fff;box-shadow:0 22px 65px rgba(5,35,31,.3)}.cookie-notice strong{font-size:1.05rem}.cookie-notice p{max-width:760px;margin:4px 0 0;color:#c2d1cc;font-size:.94rem;line-height:1.5}.cookie-notice a{color:#8ee1d1;text-decoration:underline;text-underline-offset:3px}.cookie-notice .btn{flex:0 0 auto}
@media(min-width:901px){.cookie-notice{bottom:32px;padding:24px 28px;border:1px solid #d8bd79;border-top:4px solid var(--gold);background:#fffdf8;color:var(--deep);box-shadow:0 28px 80px rgba(5,35,31,.28),0 0 0 8px rgba(255,255,255,.45)}.cookie-notice p{color:#4f625c}.cookie-notice a{color:var(--action-dark)}}
@media(max-width:620px){.cookie-notice{left:14px;right:14px;bottom:14px;align-items:stretch;flex-direction:column;gap:16px;padding:20px}.cookie-notice .btn{width:100%}.legal-copy h2{margin-top:34px}}