.header-nav-list{flex-wrap:wrap;justify-content:center;column-gap:18px;row-gap:4px}
.header-nav-list .header-nav-item{margin-left:0!important;margin-right:0!important;white-space:nowrap}
.sqs-video-background{background-image:var(--video-poster,none);background-size:cover;background-position:center}
.sqs-video-background iframe{opacity:0!important;visibility:visible!important;transition:opacity .6s ease}
.sqs-video-background.video-visible iframe{opacity:1!important}
@media(prefers-reduced-motion:reduce){.sqs-video-background iframe.background-video{display:none!important;transition:none}}
.tools-page{color:#fff;background:#111}
.tools-page h1,.tools-page h2,.tools-page h3,.tools-page p,.tools-page label,.tools-page legend{color:#fff}
.tools-hero .sqs-video-background{background-size:240px;background-repeat:no-repeat;background-color:#080808}
.tools-hero{position:relative;min-height:100vh;display:flex;align-items:center;padding-bottom:76px!important;overflow:hidden}
.tools-hero .section-background{position:absolute;inset:0}
.tools-hero .section-background:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.84),rgba(0,0,0,.36));pointer-events:none}
.tools-hero-content{position:relative;z-index:1;width:min(1100px,88%);margin:65px auto 0}
.tools-brand{display:flex;align-items:center;gap:20px;margin-bottom:28px}
.tools-brand img{width:110px;height:110px;object-fit:contain}
.tools-eyebrow{font-family:Jost,sans-serif;letter-spacing:.12em;font-size:18px;margin:0}
.tools-hero h1{font-family:Jost,sans-serif;font-size:clamp(42px,6vw,80px);font-weight:500;line-height:1.08;margin:0 0 24px;max-width:850px}
.tools-lead{font:400 clamp(19px,2vw,24px)/1.6 Poppins,sans-serif;max-width:740px;margin-bottom:28px}
.tools-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.tools-button{display:inline-block;text-decoration:none;font:500 17px/1.4 Poppins,sans-serif;padding:15px 25px;border:1px solid #fff;border-radius:100px;color:#fff;background:transparent}
.tools-button-primary{background:#e40000;border-color:#e40000;color:#fff}
.tools-button:hover{opacity:.8}
.tools-button:focus-visible{outline:2px solid #fff;outline-offset:5px}
.tools-release{font:400 15px/1.6 Poppins,sans-serif;color:#ddd;margin-top:22px}
.tools-details{background:#202020;padding:70px max(6vw,24px)}
.tools-inner{max-width:1100px;margin:auto}
.tools-details h2,.tools-support h2{font-family:Jost,sans-serif;font-size:clamp(32px,4vw,46px);font-weight:500;line-height:1.2;margin:0 0 25px}
.tools-details p,.tools-support p{font-family:Poppins,sans-serif;font-size:18px;line-height:1.7}
.tools-intro{max-width:850px}
.tools-rays{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 60px;margin:45px 0}
.tools-rays h3{font-family:Jost,sans-serif;font-size:26px;font-weight:500;margin:0 0 8px}
.tools-rays p{margin:0;color:#e0e0e0;font-size:17px}
.tools-workflow{padding-top:30px;border-top:1px solid #555}
.tools-support{position:relative;background:#111;padding:75px max(6vw,24px) 100px!important}
.tools-support-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}
.tools-support .jookitooz-contact-form{font-size:17px}
.tools-support .contact-field{margin-bottom:20px}
.tools-report-success{font-family:Poppins,sans-serif;font-size:19px;line-height:1.7;padding:30px 0}
.tools-report-success[hidden]{display:none}
.tools-wave{position:absolute;bottom:-1px;left:0;width:100%;height:max(2vw,20px);pointer-events:none;overflow:visible}
@media(max-width:767px){
 .tools-hero{min-height:90vh;padding-bottom:50px!important}
 .tools-hero-content{margin-top:35px}
 .tools-brand img{width:85px;height:85px}
 .tools-hero h1{font-size:42px}
 .tools-lead{font-size:18px}
 .tools-rays,.tools-support-grid{grid-template-columns:1fr;gap:28px}
 .tools-details,.tools-support{padding-left:24px!important;padding-right:24px!important}
 .tools-details p,.tools-support p{font-size:17px}
 .tools-support .contact-name-fields{grid-template-columns:1fr;gap:20px}
}

body.header--menu-open{overflow:hidden}
body.header--menu-open .header-menu{background:#111}
body.header--menu-open .header-menu-nav-item a{color:#fff}

/* v002: clear navigation groups and centered Kampa Tools hero. */
.header-nav{overflow:visible}
.header-nav-list{flex-wrap:nowrap;column-gap:clamp(28px,3vw,48px);width:max-content;min-width:100%;max-width:none;position:relative;left:50%;transform:translateX(-50%)}
.header-nav-list .header-nav-item a{white-space:nowrap}
.header-menu-nav-wrapper{display:flex;flex-direction:column;gap:20px}
.tools-hero-content{text-align:center;margin:40px auto 0}
.tools-hero h1{max-width:none;margin:0 auto 24px}
.tools-lead{margin:0 auto 28px}
.tools-actions{justify-content:center}
.tools-release{max-width:860px;margin:22px auto 0}
.tools-hero .section-background:after{background:rgba(0,0,0,.42)}
.tools-hero .native-video-background{background-image:none;background-color:#080808}
.native-background-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;display:block}
@media(prefers-reduced-motion:reduce){.native-background-video{object-fit:cover}}

/* v003: a non-interactive store placeholder in the Kampa Tools header. */
.store-coming-soon{max-width:290px;white-space:normal;text-align:center;line-height:1.4;cursor:default}
.store-coming-soon:disabled{opacity:1;cursor:default;pointer-events:none}

.store-coming-soon{min-width:250px;padding:16px 22px!important;font-size:18px!important;line-height:1.35}
.store-coming-soon span{display:block;white-space:nowrap}

/* v005: one centered playable-trailer and introduction block. */
.tools-hero{min-height:100vh}
.tools-hero-content{margin:32px auto 0;display:flex;flex-direction:column;align-items:center;text-align:center}
.tools-trailer{position:relative;width:min(560px,100%);aspect-ratio:16/9;margin:0 auto 30px;background:#080808}
.tools-trailer iframe{display:block;position:absolute;inset:0;width:100%;height:100%;border:0}
.tools-hero-content .tools-actions{width:100%}
@media(max-width:767px){
 .tools-hero-content{margin-top:24px}
 .tools-trailer{margin-bottom:24px}
}