/* SJK Creative & Tech — premium finish, October 2026.
   Additive, intentional restraint. Keeps the original Saturn art, logo,
   component shapes, service tiers and layout unchanged. */
:root{color-scheme:dark;--sjk-focus:#ff9b45;--sjk-interactive-cubic:cubic-bezier(.2,.75,.2,1)}
html{scroll-padding-top:clamp(74px,8vw,106px)}
body{overscroll-behavior-x:none;-webkit-tap-highlight-color:transparent}
:where(a,button,input,select,textarea,summary,[role="button"]):focus-visible{
 outline:2px solid var(--sjk-focus)!important;outline-offset:4px!important
}
:where(.site-header .nav a,.site-header .header-actions a,.site-footer a,.footer a){text-underline-offset:6px}
:where(.btn,.call,.header-actions a,.nav a,.priority-card a,.service a,.content-card a){
 transition-property:background-color,color,border-color,box-shadow,transform,opacity;
 transition-duration:220ms;transition-timing-function:var(--sjk-interactive-cubic)
}
@media(hover:hover) and (pointer:fine){
 :where(.btn,.header-actions .btn,.priority-card a,.service a):hover{transform:translateY(-2px)}
 :where(.site-header .nav a):hover{text-decoration:underline;text-decoration-thickness:1px}
}
:where(.page-body p,.page-body li,.service p,.priority-card p){overflow-wrap:break-word}
:where(img,video,iframe,svg){max-width:100%}
:where(input,textarea,select){font:inherit}
:where(button,a){touch-action:manipulation}
@media(max-width:620px){
 :where(.site-header .header-actions a,.menu-toggle,.site-header .call,.actions a){min-height:44px}
 :where(.priority-card,.content-card){min-width:0}
 :where(.page-body,.services-section){overflow-wrap:anywhere}
 .hero .lead{max-width:100%;line-height:1.5}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 :where(.btn,.call,.header-actions a,.nav a,.priority-card a,.service a,.content-card a){transition-duration:0.01ms!important;transform:none!important}
}