.kronosight-section {--ks-ink:#eef3f2;--ks-soft:#b0c2c8;--ks-accent:#e2c48f;position:relative;padding:100px 0;background:#10232c;color:var(--ks-ink);border-block:1px solid #a7c7cd30;scroll-margin-top:110px}
.kronosight-section .ks-head {display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:42px}
.kronosight-section .ks-eyebrow {font-size:13px;color:var(--ks-accent);margin:0 0 16px;letter-spacing:.02em}
.kronosight-section .ks-name {font-size:clamp(44px,5.8vw,78px);line-height:1.08;letter-spacing:-.045em;font-weight:450;margin:0 0 16px;direction:ltr;text-align:right}
.kronosight-section .ks-subtitle {font-size:clamp(22px,2.3vw,32px);font-weight:450;line-height:1.45;letter-spacing:-.025em;margin:0;text-wrap:balance}
.kronosight-section .ks-description {font-size:18px;line-height:1.85;color:var(--ks-soft);margin:0;max-width:49ch}
.ks-viewer {border:1px solid #9ab8c540;border-radius:8px;overflow:hidden;background:#08181f}
.ks-tabs {display:flex;gap:8px;align-items:center;padding:12px 18px;border-bottom:1px solid #9ab8c52b}
.ks-tabs button {font:450 15px/1.5 var(--font-text,inherit);background:none;border:1px solid transparent;border-radius:5px;padding:11px 18px;min-height:46px;color:#b3c4ca;cursor:pointer}
.ks-tabs button[aria-selected=true] {background:#e1c79c;color:#122630;border-color:#e1c79c}
.ks-tabs button:hover {color:#fff}.ks-tabs button[aria-selected=true]:hover{color:#122630}
.ks-viewer :is(button,a):focus-visible,.ks-image-window:focus-visible {outline:2px solid #e1c79c;outline-offset:-3px}
.ks-panel[hidden] {display:none}
.ks-panel {margin:0}
.ks-image-window {direction:rtl;overflow-x:auto;overscroll-behavior-x:contain;background:#f7f8fa;scrollbar-width:thin;scrollbar-color:#738d99 #e6edf0}
.ks-image-window img {display:block;width:100%;height:auto;max-width:none;aspect-ratio:1916/902;object-fit:contain}
.ks-panel figcaption {display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px 24px;color:var(--ks-soft);font-size:15px;line-height:1.75}
.ks-panel figcaption strong {display:block;color:#f0f2ec;font-weight:500;margin-bottom:3px}
.ks-expand {flex-shrink:0;font:450 14px/1.5 var(--font-text,inherit);min-height:44px;padding:10px 16px;border:1px solid #a5bdc64a;border-radius:4px;color:#e7eeed;background:transparent;cursor:pointer}
.ks-mobile-hint {display:none}
.ks-footer {display:flex;justify-content:space-between;gap:30px;align-items:center;margin-top:30px}
.ks-footer p {font-size:14px;color:var(--ks-soft);margin:0;line-height:1.7}
.ks-link {display:inline-flex;min-height:44px;align-items:center;font-size:15px;font-weight:500;border-bottom:1px solid #dfbc81;color:var(--ks-ink);padding:8px 0;flex-shrink:0;text-decoration:none}
.ks-dialog {width:min(1500px,96vw);max-width:96vw;max-height:92dvh;padding:0;border:1px solid #9ab8c540;border-radius:8px;background:#10232c;color:#edf2f2;box-shadow:0 30px 90px #0009}
.ks-dialog::backdrop {background:#030c11d9}
.ks-dialog-header {display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 20px;border-bottom:1px solid #9ab8c540}
.ks-dialog-header h2 {margin:0;font-size:17px;font-weight:500}
.ks-dialog-close {border:1px solid #9ab8c560;border-radius:4px;background:none;color:inherit;min-height:44px;padding:8px 16px;font:inherit;cursor:pointer}
.ks-dialog-view {overflow:auto;max-height:calc(92dvh - 72px);direction:rtl}
.ks-dialog-view img {display:block;width:100%;height:auto;max-width:none}
.kronosight-page .kronosight-section {padding-top:150px}
.ks-breadcrumb {font-size:14px;color:#aebfc6;margin-bottom:30px}
.ks-capabilities {padding:72px 0}
.ks-capabilities h2 {font-size:34px;font-weight:450;line-height:1.4;margin:0 0 30px}
.ks-capability-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:38px}
.ks-capability-grid article {border-top:1px solid #9ab8c544;padding:24px 0}
.ks-capability-grid h3 {font-size:23px;font-weight:500;margin:0 0 15px}
.ks-capability-grid p {font-size:17px;line-height:1.85;color:#aec1ca;margin:0}
.ks-use-case {padding:36px 0;border-block:1px solid #9ab8c533;margin:20px 0 50px;display:grid;grid-template-columns:1fr 1.5fr;gap:45px}
.ks-use-case h2 {font-size:28px;font-weight:450;margin:8px 0;line-height:1.4}
.ks-use-case p {font-size:17px;line-height:1.85;margin:0;color:#b2c3cb}
.ks-contact {display:flex;justify-content:space-between;align-items:center;gap:28px;padding-bottom:80px}
.ks-contact h2 {font-size:30px;font-weight:450;margin:0}
.ks-contact .btn {white-space:nowrap}
@media(max-width:1000px) {
 .kronosight-section {padding:64px 0;scroll-margin-top:76px}
 .kronosight-section .ks-head {grid-template-columns:1fr;gap:24px;margin-bottom:28px}
 .kronosight-section .ks-name {font-size:52px}
 .kronosight-section .ks-description {font-size:16px;line-height:1.85}
 .ks-tabs {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:8px}
 .ks-tabs button {font-size:14px;padding:10px 4px;min-width:0}
 .ks-panel figcaption {display:block;padding:18px;font-size:15px}
 .ks-expand {margin-top:14px}
 .ks-footer {align-items:flex-start;flex-direction:column;gap:16px}
 .kronosight-page .kronosight-section {padding-top:112px}
 .ks-capability-grid,.ks-use-case {grid-template-columns:1fr;gap:20px}
 .ks-capabilities {padding:48px 0}
 .ks-capabilities h2 {font-size:28px}
 .ks-contact {align-items:flex-start;flex-direction:column;padding-bottom:60px}
 .ks-contact h2 {font-size:26px}
}
@media(max-width:600px) {
 .ks-image-window img {width:720px;min-width:100%}
 .ks-mobile-hint {display:block;color:#b0c2c8;font-size:12px;padding:10px 16px;margin:0;border-bottom:1px solid #9ab8c52b}
 .ks-dialog-view img {width:1200px;min-width:100%}
 .ks-dialog-header {padding:8px 12px;gap:12px}
 .ks-dialog-header h2 {font-size:15px}
 .ks-tabs button {font-size:13px}
 .ks-name {overflow-wrap:anywhere}
}