/* Kinera v7: only top/hero and branding; all sections below hero use v5 original design. */
.site-shell{background:linear-gradient(165deg,#031c32 0%,#031b30 60%,#03172c 100%);position:relative;isolation:isolate}
.site-shell::before{content:"";position:absolute;left:0;right:0;top:0;height:470px;pointer-events:none;z-index:-1;background-image:url('../image/kinera-waves-v6.svg');background-size:100% 100%;background-position:center top;background-repeat:no-repeat;opacity:1;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 85%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 85%,transparent 100%)}
.site-header,.hero{max-width:1320px;width:calc(100% - 76px)}
.site-header{height:70px;gap:32px}
.brand-header{display:inline-flex;background:transparent;box-shadow:none;border-radius:0;padding:0;width:auto;min-width:174px;height:48px;align-items:center;gap:10px}
.brand-header img{width:40px;height:40px;max-width:none;object-fit:contain;filter:drop-shadow(0 0 1px rgba(202,231,255,.46))}
.brand-header>span{font-weight:830;font-size:30px;letter-spacing:-.055em;color:#fff}
.primary-nav{gap:29px}
.primary-nav .nav-item{font-size:12px}
.btn-header{min-width:120px}
.hero{min-height:388px;height:388px;padding:0 0 12px;display:flex;align-items:center;position:relative;overflow:visible;isolation:isolate}
.hero::before{display:none}
.hero-content{width:48%;max-width:610px;z-index:5;align-self:center;padding:0 0 3px;margin:0}
.hero h1{font-size:clamp(37px,3.15vw,58px);line-height:1.085;letter-spacing:-.05em;max-width:570px}
.hero h1>span{white-space:normal}
.hero-description{font-size:17px;max-width:430px;line-height:1.42;margin-top:13px}
.hero .eyebrow{margin-bottom:9px;font-size:11px}
.hero-buttons{margin-top:19px}
.hero-buttons .btn{min-height:45px;font-size:12px;min-width:178px}
.hero-footnote{margin-top:13px;font-size:12px}
.hero-visual-photo{display:block!important;position:absolute;left:42%;top:4px;right:auto;margin:0!important;width:67%;height:378px;aspect-ratio:auto;z-index:3;isolation:auto;pointer-events:none;overflow:visible}
.hero-visual-photo::before,.hero-visual-photo::after{display:none!important}
.hero-reference{display:block;position:absolute;inset:0!important;width:100%!important;height:100%!important;object-fit:contain;object-position:center;opacity:1;filter:drop-shadow(0 14px 18px rgba(0,12,32,.28));-webkit-mask-image:none!important;mask-image:none!important;transform:none}
.hero-visual-photo .laptop,.hero-visual-photo .phone,.hero-visual-photo .visual-glow{display:none}
/* Footer uses real transparent Kinera symbol and multilingual Abrakadabra credit. */
.site-footer{background:rgba(2,23,42,.98);color:#e3efff;border-top:1px solid rgba(59,167,219,.24)}
.footer-brand .brand-footer{display:inline-flex;align-items:center;gap:5px;color:white}
.brand-footer img{width:27px;height:27px;filter:drop-shadow(0 0 1px #a3cee1)}
.brand-footer>span{font-size:19px;font-weight:800;letter-spacing:-.05em}
.footer-brand>span{color:#aebed2}
.footer-nav a{color:#d5e4ef}
.footer-nav a:hover{color:#19d3ee}
.credit,.credit strong{color:#dceaf8}
.social-link{color:#e3efff;border-left-color:rgba(197,224,241,.3)}
.brand-header img,.brand-footer img{filter:drop-shadow(0 0 1px rgba(255,255,255,.8))}
@media (min-width:1101px) and (max-width:1600px){
 .hero{height:370px;min-height:370px}
 .hero-content{width:46%}
 .hero-visual-photo{left:42%;top:0;width:67%;height:375px}
 .hero h1{font-size:clamp(37px,3.45vw,54px)}
 .site-shell::before{height:465px}
}
@media (min-width:1601px){
 .hero{height:405px;min-height:405px}
 .hero-visual-photo{left:42%;top:0;width:68%;height:405px}
 .site-shell::before{height:490px}
}
@media(max-width:1100px){
 .site-header,.hero{width:calc(100% - 40px)}
 .brand-header{min-width:150px}
 .brand-header>span{font-size:25px}
 .primary-nav{gap:14px}
 .hero{height:385px;min-height:385px;padding:0}
 .hero-content{width:48%;padding:0}
 .hero-visual-photo{left:41%;width:71%;height:385px;top:0}
 .hero h1{font-size:clamp(32px,4vw,45px)}
 .hero-description{font-size:14px}
 .hero-buttons .btn{min-width:125px}
}
@media(max-width:720px){
 .site-shell::before{height:620px;background-size:auto 620px;background-position:58% 145px;opacity:.85}
 .site-header{height:69px}
 .brand-header{height:48px;min-width:110px;gap:7px}
 .brand-header img{width:32px;height:32px}
 .brand-header>span{font-size:22px}
 .hero{height:auto;min-height:0;display:flex;flex-direction:column;align-items:stretch;padding:26px 0 12px}
 .hero-content{width:100%;max-width:none}
 .hero h1{font-size:clamp(33px,8.4vw,56px)}
 .hero-visual-photo{display:block;position:relative;width:calc(100% + 14px)!important;height:auto!important;aspect-ratio:850/395;inset:auto;left:auto;top:auto;margin:6px -7px 0!important;z-index:1}
 .hero-reference{position:relative;inset:auto!important;width:100%!important;height:100%!important;object-fit:contain}
}
@media(max-width:465px){
 .site-header,.hero{width:calc(100% - 30px)}
 .brand-header{min-width:0;height:38px}
 .brand-header img{width:27px;height:27px}
 .brand-header>span{font-size:20px}
 .header-actions{gap:7px}
 .hero{padding-top:22px}
 .hero h1{font-size:clamp(32px,8vw,39px)}
 .hero-buttons .btn{min-width:0}
 .hero-visual-photo{width:calc(100% + 8px)!important;margin:6px -4px 0!important}
}