/* QATRA classic 6.1 — public marketing pages only */
html { --qwati-art:url('./qwati-night.png'); }
html[data-theme=light] { --qwati-art:url('./qwati-day.png'); }
html[data-theme=light] :is(.tile-0,.tile-1,.tile-2,.tile-3,.tile-4,.tile-5,.tile-6,.tile-7)::before {background-image:url('./product-day.png')!important;}
html[data-theme=dark] :is(.tile-0,.tile-1,.tile-2,.tile-3,.tile-4,.tile-5,.tile-6,.tile-7)::before {background-image:url('/assets/kinetic-scenes.png')!important;}
html .k-card { min-height:340px; display:flex; flex-direction:column; background:var(--pearl-card)!important; color:var(--pearl-ink)!important; grid-column:span 4!important; }
html .k-card-art {position:relative;inset:auto;width:100%;height:210px;flex:0 0 210px;overflow:hidden;z-index:0;opacity:1;background-color:var(--pearl-card)!important;}
html .k-card-copy {position:relative;max-width:none;width:100%;padding:20px 24px 64px;box-sizing:border-box;background:var(--pearl-card)!important;z-index:1;flex:1;}
html .k-card-copy h3 {margin:0 0 9px;color:var(--pearl-ink)!important;font-size:22px;line-height:1.45;}
html .k-card-copy p {margin:0;font-size:14px;line-height:1.85;color:var(--pearl-muted)!important;}
html .k-card .k-arrow {position:absolute;inset:auto auto 16px 24px;color:var(--pearl-accent)!important;border-color:var(--pearl-accent);}
html .k-card-index {z-index:2;bottom:26px;color:var(--pearl-muted)!important;}
html .tile-qwati,html .qwati-banner {background:var(--qwati-art) center/cover no-repeat!important;}
html .tile-qwati::before,html .tile-qwati::after {display:none!important;}
html .qwati-menu-icon {width:25px;height:25px;flex:0 0 25px;background:url('./qwati-icon.svg') center/contain no-repeat!important;border:0;box-shadow:none;}
html .qwati-hero {background:var(--pearl-card)!important;border:1px solid var(--pearl-line);border-radius:28px;padding:28px;display:flex;flex-direction:column;align-items:center;gap:24px;min-width:0;}
html .qwati-banner {width:100%;height:220px;border-radius:20px;}
html .qwati-hero .phone {position:relative;inset:auto;transform:none;max-width:100%;margin:0 auto;border-color:#159b62;}
html .qwati-hero .phone-head {background:#075e45!important;color:#fff!important;}
html .qwati-hero .phone-head small {color:#d0f5df!important;}
html .qwati-hero .phone-head i {background:transparent;padding:0;}
html .qwati-hero .phone-head img {display:block;width:36px;height:36px;}
html .qwati-hero .chat-bubble.reply {background:#125842!important;color:#edfff4!important;}
html[data-theme=light] .qwati-hero .chat-bubble.reply {background:#d9f6e3!important;color:#123e2d!important;}
html .qwati-hero .art-index {position:static;color:var(--pearl-muted);}
*,*::before,*::after {box-sizing:border-box;}
html .container {width:min(1280px,calc(100% - 64px));margin-inline:auto;}
html :is(.feature-grid,.value-grid,.panel-cards) {gap:24px;}
html :is(.feature-grid,.value-grid) {grid-template-columns:repeat(4,minmax(0,1fr));}
html :is(.feature-grid,.value-grid,.panel-cards)>article {padding:28px!important;min-width:0;height:auto;border:1px solid var(--pearl-line)!important;border-radius:22px;background:var(--pearl-card)!important;color:var(--pearl-ink)!important;}
html .feature-grid .feature-number {top:28px;left:28px;right:auto;color:var(--pearl-muted);}
html :is(.feature-grid,.value-grid,.panel-cards) h3 {margin:24px 0 12px;font-size:clamp(19px,1.65vw,24px);line-height:1.65;color:var(--pearl-ink)!important;overflow-wrap:break-word;}
html :is(.feature-grid,.value-grid,.panel-cards) p {margin:0;line-height:1.95;font-size:15px;color:var(--pearl-muted)!important;overflow-wrap:break-word;}
html :is(.solution-card,.n-extra-product,.contact-form,.reader-body,.reader-nav) {padding:clamp(22px,3vw,40px);min-width:0;}
html :is(.product-hero-grid,.product-path,.contact-grid,.reader-layout)>* {min-width:0;}
html .section-heading {gap:20px;align-items:center;flex-wrap:wrap;margin-bottom:32px;}
html .product-overview {padding-block:80px 56px;}
html .capabilities {padding-block:32px 72px;}
html .product-path {gap:clamp(32px,6vw,80px);padding-block:64px;}
html main img,html main video {max-width:100%;}
@media(max-width:1000px){html :is(.feature-grid,.value-grid){grid-template-columns:repeat(2,minmax(0,1fr));}html .k-card{grid-column:span 6!important;}}
@media(max-width:600px){html .container{width:calc(100% - 32px);}html :is(.feature-grid,.value-grid,.panel-cards){grid-template-columns:minmax(0,1fr);gap:18px;}html :is(.feature-grid,.value-grid,.panel-cards)>article{padding:24px!important;}html .feature-grid .feature-number{top:24px;left:24px;}html .k-card{grid-column:1/-1!important;}html .qwati-hero{padding:18px;}html .product-path{grid-template-columns:minmax(0,1fr);gap:32px;}html .section-heading{align-items:flex-start;}html .k-card-copy{padding-inline:22px;}}
@media(prefers-reduced-motion:reduce){html .k-card,html .k-card-art{transition:none!important;}}

/* v7.1: independent dark hero, explicit responsive tracks and bounded mobile navigation */
html[data-theme=dark] .k-hero .pearl-hero-art{background-image:url('./hero-night-v7-1.png')!important;filter:none!important;opacity:1!important;}
html .k-products{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%;max-width:100%;}
html .k-products>.k-card,html .k-products>.k-card:nth-child(n){grid-column:auto!important;min-width:0;width:100%;max-width:100%;}
@media(max-width:1000px){html .k-products{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:600px){html .k-products{grid-template-columns:minmax(0,1fr)!important;}html .k-products>.k-card{margin:0!important;}.k-main{padding-inline:16px!important;width:100%;}.k-collection{width:100%;}}
@media(max-width:760px){
html .n-header{height:auto!important;min-height:78px;padding:12px 14px!important;gap:10px;flex-wrap:wrap;align-items:center;width:100%;}
html .n-header .n-brand{flex:0 0 auto;min-width:0;}html .n-header .n-brand>span{font-size:23px!important;}html .n-header .n-brand img{width:22px;height:31px;}
html .n-header .n-tools{gap:7px!important;min-width:0;flex:1;justify-content:flex-end;flex-wrap:wrap!important;font-size:10px;}
html .n-header .n-languages{gap:5px;}html .n-header .n-languages a{padding:5px 2px;}
html .n-header .k-mode,html .n-header .n-account{display:none!important;}html .n-header .n-ar-link{padding:6px 8px;white-space:nowrap;}
html .n-header .pearl-theme{padding:2px;}html .n-header .pearl-theme button{font-size:10px;padding:5px 6px;}
html .n-header #mobile-menu{display:block;flex:0 0 30px;width:30px;padding:5px;border:0;background:transparent;}
html .n-header .n-nav:not(.open){display:none!important;}
html .n-header .n-nav.open{position:absolute!important;top:100%!important;left:12px!important;right:12px!important;inset-inline:12px!important;width:auto!important;max-width:calc(100vw - 24px)!important;transform:none!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important;padding:14px!important;border:1px solid var(--pearl-line);border-radius:16px;background:var(--pearl-card)!important;max-height:calc(100dvh - 150px);overflow:auto;box-sizing:border-box;}
html .n-header .n-nav.open>*{min-width:0;width:100%;white-space:normal;padding:13px 8px;margin:0;text-align:start;border-bottom:1px solid var(--pearl-line);}
html .n-header .n-mega{position:absolute;top:100%!important;left:12px!important;right:12px!important;inset-inline:12px!important;width:auto!important;max-width:calc(100vw - 24px)!important;padding:18px!important;grid-template-columns:minmax(0,1fr)!important;gap:12px;max-height:calc(100dvh - 145px);overflow:auto;}
html .n-mega .n-mega-links{grid-template-columns:minmax(0,1fr)!important;width:100%;min-width:0;gap:0;}
html .n-mega .n-mega-links>a{min-width:0;grid-template-columns:25px minmax(0,1fr) 20px;gap:8px;padding:14px 0;}
html .n-mega .n-mega-links b{font-size:14px;overflow-wrap:anywhere;}html .n-mega .n-mega-links>a>span:not(.n-mega-dot){font-size:11px;line-height:1.8;white-space:normal;}
html .n-search-dialog{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;margin-inline:auto;padding:20px;}
}