:root {
  --background:#fff;
  --foreground:#11243b;
  --card:#fff;
  --card-foreground:#11243b;
  --popover:#fff;
  --popover-foreground:#11243b;
  --primary:#275dde;
  --primary-foreground:#fff;
  --secondary:#f1f5fa;
  --secondary-foreground:#11243b;
  --muted:#f3f6fa;
  --muted-foreground:#607083;
  --accent:#edf3ff;
  --accent-foreground:#1744ae;
  --destructive:#b73535;
  --border:#dfe5ed;
  --input:#d8e0e9;
  --ring:#275dde;
  --radius:.875rem;
  --navy:#0b1b30;
  --blue:#275dde;
  --text:#11243b;
  --teal:#298b88
}
* {
  box-sizing:border-box
}
html {
  scroll-behavior:smooth;
  scroll-padding-top:100px
}
body {
  margin:0;
  font-family:Inter,Arial,Helvetica,sans-serif;
  color:var(--text);
  font-size:16px;
  line-height:1.65;
  background:#fff;
  -webkit-font-smoothing:antialiased
}
h1,h2,h3,p {
  margin:0
}
h1,h2,h3 {
  line-height:1.18;
  font-weight:600;
  letter-spacing:-.035em
}
a {
  text-decoration:none;
  color:inherit
}
button,input,textarea {
  font:inherit
}
button,a,input,textarea {
  touch-action:manipulation
}
button {
  cursor:pointer
}
button:disabled {
  cursor:wait;
  opacity:.7
}
a,button {
  transition:background .18s,color .18s,border-color .18s,box-shadow .18s
}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible {
  outline:3px solid #658ff4;
  outline-offset:4px
}
img {
  max-width:100%;
  height:auto;
  display:block
}
svg {
  flex-shrink:0
}
.container {
  width:min(1280px,calc(100% - 96px));
  margin-inline:auto
}
.section {
  padding-block:100px
}
.soft-section {
  background:#f4f7fa
}
.eyebrow {
  font-size:12px;
  font-weight:650;
  letter-spacing:.12em;
  display:flex;
  align-items:center;
  gap:12px;
  color:#426087;
  line-height:1.6;
  margin-bottom:24px
}
.eyebrow.light {
  color:#9ebae4
}
.eyebrow.light>span:not(.section-number) {
  width:6px;
  height:6px;
  background:#7ba4ff;
  border-radius:50%
}
.section-number {
  color:#616e81;
  font-size:12px;
  border:1px solid #d5dde7;
  border-radius:5px;
  padding:2px 6px;
  letter-spacing:0
}
.btn {
  display:inline-flex;
  min-height:48px;
  padding:12px 23px;
  border:1px solid transparent;
  border-radius:7px;
  align-items:center;
  justify-content:center;
  font-weight:550;
  font-size:14px;
  line-height:1.45;
  white-space:nowrap
}
.btn-primary {
  background:var(--blue);
  color:#fff;
  box-shadow:0 3px 10px #0000000d
}
.btn-primary:hover {
  background:#194bbd;
  box-shadow:0 5px 18px #275dde22
}
.btn-secondary {
  background:transparent;
  color:inherit;
  border-color:#a7b4c74d
}
.btn-secondary:hover {
  background:#ffffff0d;
  border-color:#a7b4c7
}
.button-row {
  display:flex;
  gap:12px;
  flex-wrap:wrap
}
.text-link {
  display:inline-flex;
  align-items:center;
  gap:7px;
  font-size:14px;
  font-weight:600;
  color:#275dde;
  line-height:1.5
}
.text-link:hover {
  color:#103c9f
}
.small-tag,.micro {
  font-size:12px;
  letter-spacing:.06em;
  font-weight:600;
  line-height:1.5;
  color:#65788f
}
.caption {
  font-size:12px;
  color:#606f82;
  margin-top:20px
}
.site-header {
  position:sticky;
  top:0;
  background:#fff;
  z-index:40;
  border-bottom:1px solid #e9edf3
}
.header-inner {
  height:88px;
  display:flex;
  align-items:center;
  gap:56px
}
.logo {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:73px;
  height:54px;
  flex-shrink:0
}
.logo img {
  height:52px;
  width:73px;
  object-fit:contain;
  filter:brightness(0) saturate(100%) invert(10%) sepia(20%) saturate(1553%) hue-rotate(174deg) brightness(94%) contrast(96%)
}
.header-inner nav {
  display:flex;
  align-items:center;
  gap:30px;
  font-size:14px;
  font-weight:550
}
.header-inner nav a:hover {
  color:var(--blue)
}
.header-actions {
  margin-left:auto;
  display:flex;
  gap:24px;
  align-items:center
}
.header-actions .btn {
  min-height:42px;
  padding:11px 20px;
  font-size:13px
}
.language {
  display:flex;
  align-items:center;
  gap:6px;
  font-size:12px;
  font-weight:600;
  background:none;
  border:0;
  padding:10px 0
}
.portal {
  display:flex;
  align-items:center;
  gap:8px;
  font-size:13px;
  font-weight:500
}
.menu-toggle,.mobile-nav {
  display:none
}
.hero {
  background:var(--navy);
  color:#fff;
  position:relative;
  overflow:hidden
}
.hero-lines {
  position:absolute;
  right:0;
  top:0;
  width:53%;
  height:100%;
  background:linear-gradient(90deg,transparent,#17365433);
  border-left:1px solid #ffffff06
}
.hero-grid {
  display:grid;
  grid-template-columns:1fr 1.02fr;
  gap:60px;
  position:relative;
  padding-top:92px;
  padding-bottom:104px;
  align-items:center
}
.hero-copy .eyebrow {
  font-size:11px;
  margin-bottom:23px
}
.hero h1 {
  font-size:clamp(38px,3.65vw,53px);
  line-height:1.12;
  letter-spacing:-.045em;
  font-weight:550;
  max-width:560px
}
.hero h1 em {
  font-style:normal;
  color:#a9c5fb
}
.hero-copy>p {
  font-size:16px;
  line-height:1.8;
  color:#aab9cc;
  max-width:480px;
  margin-top:25px;
  margin-bottom:29px
}
.hero-note {
  display:flex;
  align-items:center;
  gap:10px;
  color:#8295ae;
  font-size:12px;
  margin-top:29px;
  max-width:400px
}
.hero-visual {
  position:relative;
  min-width:0;
  padding-bottom:35px
}
.visual-frame {
  background:#14263c;
  border:1px solid #35465b;
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 35px 65px #00000040
}
.visual-toolbar {
  height:47px;
  padding:0 16px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:12px;
  color:#cfdaea
}
.visual-toolbar>span:first-child,.platform-top>span:first-child {
  display:flex;
  gap:8px;
  align-items:center
}
.toolbar-divider {
  width:1px;
  height:16px;
  background:#5b6e834d;
  display:inline-block;
  margin-inline:6px
}
.sample {
  font-size:11px;
  padding:3px 7px;
  border:1px solid #8292a440;
  border-radius:4px;
  color:#b3c0d2;
  white-space:nowrap
}
.visual-bottom {
  height:35px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-inline:15px;
  font-size:10px;
  color:#9aadc5
}
.visual-bottom>span:first-child {
  display:flex;
  align-items:center;
  gap:6px
}
.camera-scene {
  position:relative;
  width:100%;
  aspect-ratio:1672/941;
  border-radius:12px;
  overflow:hidden;
  background:#dbe2eb
}
.visual-frame .camera-scene {
  border-radius:0
}
.scene-photo {
  width:100%;
  height:100%;
  object-fit:contain
}
.camera-top {
  position:absolute;
  inset:0 0 auto;
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding:13px 14px;
  color:white;
  font-size:11px;
  background:linear-gradient(#061423a6,transparent);
  text-shadow:0 1px 3px #000
}
.camera-top>span {
  display:flex;
  align-items:center;
  gap:6px
}
.detection {
  position:absolute;
  border:1.5px solid #53b4af;
  box-shadow:0 0 0 1px #00000012;
  pointer-events:none
}
.detection.warning {
  border-color:#e69352
}
.detection span {
  position:absolute;
  left:-1px;
  top:-19px;
  background:#e69352;
  color:#341b08;
  font-size:9px;
  padding:2px 5px;
  font-weight:600;
  line-height:1.3;
  white-space:nowrap
}
.camera-bottom {
  position:absolute;
  bottom:10px;
  left:13px;
  color:white;
  display:flex;
  gap:5px;
  align-items:center;
  font-size:10px;
  text-shadow:0 1px 3px black
}
.incident-float {
  position:absolute;
  bottom:0;
  left:20px;
  background:#fff;
  color:var(--text);
  display:flex;
  gap:12px;
  padding:17px 20px;
  border-radius:9px;
  box-shadow:0 14px 40px #00000029;
  border:1px solid #dde3eb;
  max-width:calc(100% - 30px);
  width:342px
}
.incident-icon {
  width:39px;
  height:39px;
  border-radius:8px;
  background:#fff1e6;
  color:#ad6125;
  display:flex;
  align-items:center;
  justify-content:center
}
.incident-float .micro {
  font-size:9px;
  letter-spacing:.1em
}
.incident-float strong {
  display:block;
  font-size:13px;
  line-height:1.45;
  margin-top:4px
}
.incident-float p {
  font-size:11px;
  color:#60708a;
  margin-top:4px
}
.status {
  font-size:10px;
  line-height:1.5;
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:3px 6px;
  border-radius:4px;
  color:#955013;
  background:#fff2e5;
  white-space:nowrap
}
.incident-float .status {
  margin-top:9px
}
.hero-foot {
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-top:1px solid #ffffff14;
  padding-block:24px;
  color:#a4b4cb;
  font-size:13px;
  gap:20px
}
.hero-foot>span {
  font-size:10px;
  letter-spacing:.15em;
  color:#6f88a9
}
.hero-foot>div {
  display:flex;
  align-items:center;
  gap:10px
}
.hero-foot svg {
  color:#6f88a9
}
.section-head {
  display:grid;
  grid-template-columns:1.2fr .7fr;
  gap:80px;
  margin-bottom:42px;
  align-items:end
}
.section-head h2 {
  font-size:38px;
  line-height:1.19;
  max-width:650px
}
.section-aside {
  max-width:330px;
  justify-self:end
}
.section-aside p {
  color:#616e7f;
  font-size:15px;
  line-height:1.75
}
.section-aside .text-link {
  margin-top:15px
}
.solution-home {
  display:grid;
  grid-template-columns:1fr 1.06fr;
  gap:45px
}
.solution-feature {
  border:1px solid var(--border);
  border-radius:12px;
  overflow:hidden;
  background:#fff
}
.feature-image {
  position:relative;
  aspect-ratio:2.1;
  overflow:hidden
}
.feature-image img {
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:50% 35%
}
.image-label {
  position:absolute;
  left:22px;
  bottom:18px;
  display:flex;
  align-items:center;
  gap:8px;
  color:#fff;
  font-size:11px;
  font-weight:600;
  background:#10233edb;
  border:1px solid #ffffff33;
  border-radius:5px;
  padding:5px 9px
}
.feature-content {
  padding:27px 30px 30px
}
.feature-content h3 {
  font-size:28px;
  line-height:1.22
}
.feature-content p {
  font-size:14px;
  line-height:1.8;
  color:#68768a;
  margin-block:15px 22px;
  max-width:440px
}
.solution-feature:hover {
  border-color:#adbdd6
}
.solution-list {
  display:flex;
  flex-direction:column
}
.solution-row {
  display:flex;
  align-items:center;
  gap:20px;
  padding:22px 6px;
  border-bottom:1px solid #e3e8ef;
  flex:1
}
.solution-row:first-child {
  padding-top:8px
}
.solution-row:last-child {
  padding-bottom:8px;
  border-bottom:0
}
.icon-square {
  width:48px;
  height:48px;
  background:#eff4fb;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#365988;
  flex-shrink:0
}
.solution-row h3 {
  font-size:18px;
  letter-spacing:-.02em
}
.solution-row p {
  font-size:13px;
  color:#656e7f;
  margin-top:6px
}
.solution-row div>span {
  font-size:12px;
  font-weight:550;
  color:#275dde;
  display:block;
  margin-top:8px
}
.row-chevron {
  margin-left:auto;
  color:#91a3ba
}
.solution-row:hover h3 {
  color:#275dde
}
.scenario-tabs {
  gap:25px!important
}
.scenario-tablist {
  background:none!important;
  border-radius:0!important;
  border-bottom:1px solid #d6dfe9;
  display:flex!important;
  justify-content:flex-start!important;
  width:100%!important;
  padding:0!important;
  height:auto!important;
  gap:35px!important
}
.scenario-tablist [data-slot=tabs-trigger] {
  background:none!important;
  box-shadow:none!important;
  border-radius:0!important;
  flex:none!important;
  font-size:14px!important;
  padding:13px 5px 18px!important;
  border:0!important;
  border-bottom:2px solid transparent!important;
  height:auto!important;
  color:#616f81!important;
  gap:8px!important
}
.scenario-tablist [data-state=active] {
  border-bottom-color:var(--blue)!important;
  color:#275dde!important
}
.scenario-grid {
  display:grid;
  grid-template-columns:1.65fr 1fr;
  gap:42px;
  align-items:center
}
.scenario-grid .camera-scene {
  border:1px solid #d7e0e9
}
.scenario-info h3 {
  font-size:25px;
  margin-block:16px 23px
}
.scenario-info>.small-tag {
  font-size:10px;
  letter-spacing:.12em;
  color:#616e7f
}
.info-block {
  padding-block:15px;
  border-top:1px solid #dde4ed
}
.info-block>span {
  display:flex;
  align-items:center;
  gap:8px;
  font-size:12px;
  color:#616e81;
  font-weight:500;
  margin-bottom:10px
}
.info-block strong {
  font-size:15px;
  line-height:1.5;
  font-weight:550
}
.info-block p {
  font-size:13px;
  line-height:1.75;
  color:#586b82
}
.scenario-info .text-link {
  margin-top:17px
}
.process {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:28px
}
.process-step {
  position:relative
}
.step-top {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-bottom:20px;
  border-bottom:1px solid #dce4ee;
  margin-bottom:24px
}
.step-icon {
  width:47px;
  height:47px;
  background:#edf3ff;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  color:#2d60cc
}
.step-num {
  font-family:monospace;
  font-size:12px;
  color:#656e79
}
.process-step h3 {
  font-size:20px;
  margin-bottom:13px
}
.process-step p {
  font-size:14px;
  line-height:1.8;
  color:#606f81;
  padding-right:15px
}
.process-step:not(:last-child):after {
  content:'';
  position:absolute;
  right:-17px;
  top:60px;
  height:8px;
  width:8px;
  transform:rotate(-45deg);
  border-bottom:1px solid #9bacbf;
  border-right:1px solid #9bacbf
}
.process-link {
  margin-top:34px
}
.platform-section {
  background:#f5f7fb
}
.platform-preview {
  border:1px solid #d3ddeb;
  background:#fff;
  border-radius:13px;
  overflow:hidden;
  box-shadow:0 18px 65px #2442690c
}
.platform-top {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:18px 24px;
  border-bottom:1px solid #e2e9f2;
  background:#fcfdff;
  font-size:12px;
  color:#61758d
}
.platform-top b {
  font-weight:700;
  font-size:18px;
  color:#1f3756
}
.platform-top svg {
  color:#315f9a
}
.platform-top .sample {
  color:#606f83;
  border-color:#dbe3ed;
  background:#f4f7fc
}
.platform-tools {
  padding:20px 24px;
  display:flex;
  gap:20px;
  align-items:center;
  justify-content:space-between
}
.platform-title {
  font-size:18px;
  font-weight:600
}
.platform-tools>div {
  display:flex;
  gap:10px
}
.platform-tools input {
  width:150px;
  font-size:12px;
  height:36px
}
.preview-select {
  font-size:12px
}
.clear-filter {
  font-size:11px;
  color:#275dde
}
.platform-grid {
  display:grid;
  grid-template-columns:31% 1fr;
  border-top:1px solid #e2e9f2
}
.event-list {
  padding:14px;
  border-right:1px solid #e2e9f2;
  background:#fcfdff
}
.event-item {
  display:flex;
  text-align:left;
  gap:10px;
  border:1px solid transparent;
  background:transparent;
  padding:15px 12px;
  border-radius:7px;
  width:100%;
  margin-bottom:7px
}
.event-item.selected {
  background:#edf3ff;
  border-color:#cddcf6
}
.event-item:hover {
  background:#f0f4f9
}
.event-dot {
  width:6px;
  height:6px;
  border-radius:50%;
  background:#c48a5f;
  margin-top:7px;
  flex-shrink:0
}
.event-item small {
  font-size:10px;
  color:#636e7e;
  display:block
}
.event-item strong {
  display:block;
  font-size:12px;
  line-height:1.5;
  font-weight:550;
  margin-block:6px
}
.event-item div>span {
  font-size:10px;
  line-height:1.5;
  color:#636e7e;
  display:block
}
.event-view {
  padding:20px
}
.event-view .camera-top {
  font-size:11px
}
.event-detail {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:10px;
  margin-top:19px;
  padding:3px 3px 7px
}
.event-detail h3 {
  font-size:16px;
  margin-block:7px
}
.event-detail p {
  font-size:11px;
  color:#646e7e
}
.event-detail .micro {
  font-size:9px
}
.mini-report {
  margin:18px 10px 7px;
  padding-top:18px;
  border-top:1px solid #e2e9f2
}
.mini-report>span {
  display:flex;
  align-items:center;
  gap:7px;
  font-size:12px;
  font-weight:550;
  color:#5a718a
}
.mini-report>div:nth-child(2) {
  display:flex;
  gap:16px;
  align-items:center;
  margin-top:14px
}
.mini-report b {
  font-size:29px;
  font-weight:600;
  line-height:1
}
.mini-report p {
  font-size:11px;
  color:#61758d;
  line-height:1.4
}
.mini-report small {
  font-size:9px;
  color:#636e7c;
  line-height:1.5
}
.report-bars {
  display:flex;
  height:5px;
  border-radius:3px;
  overflow:hidden;
  gap:3px;
  margin-block:16px 8px
}
.report-bars i {
  background:#3f79b4
}
.report-bars i:nth-child(2) {
  background:#64a5a0
}
.report-bars i:nth-child(3) {
  background:#b0c0d3
}
.industry-list {
  border-top:1px solid #dfe6ee
}
.industry-row {
  display:grid;
  grid-template-columns:35px 38px 1.4fr 1fr;
  gap:25px;
  padding-block:28px;
  border-bottom:1px solid #dfe6ee;
  align-items:center
}
.industry-index {
  font-size:12px;
  font-family:monospace;
  color:#626e7f
}
.industry-row>svg {
  color:#55708f
}
.industry-row h3 {
  font-size:20px;
  letter-spacing:-.02em
}
.industry-row p {
  font-size:13px;
  color:#626e81;
  margin-top:8px
}
.industry-tags {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:flex-end
}
.industry-tags>span {
  font-size:11px;
  padding:5px 9px;
  border:1px solid #dde6ef;
  background:#f8fafc;
  color:#5b718c;
  border-radius:4px;
  white-space:nowrap
}
.faq-grid {
  display:grid;
  grid-template-columns:1fr 1.4fr;
  gap:90px
}
.faq-grid h2 {
  font-size:34px
}
.faq-grid>div>p {
  font-size:14px;
  color:#606e81;
  margin-block:24px 21px
}
.faq [data-slot=accordion-trigger] {
  font-size:15px;
  font-weight:500;
  padding-block:23px;
  line-height:1.5;
  letter-spacing:-.01em;
  text-decoration:none
}
.faq [data-slot=accordion-content] {
  font-size:14px;
  line-height:1.8;
  color:#6b7a90;
  padding-right:25px
}
.closing {
  background:#0b1b30;
  color:#fff;
  padding-block:75px;
  position:relative;
  border-bottom:1px solid #ffffff0d
}
.closing-grid {
  display:grid;
  grid-template-columns:1fr auto;
  gap:80px;
  align-items:center
}
.closing .eyebrow {
  font-size:10px;
  margin-bottom:18px
}
.closing h2 {
  font-size:37px;
  max-width:690px;
  line-height:1.22
}
.closing p {
  font-size:14px;
  color:#98adc8;
  margin-top:22px
}
.closing .btn {
  min-width:171px
}
footer {
  padding:62px 0 20px;
  background:#f8fafc
}
.footer-top {
  display:grid;
  grid-template-columns:1.4fr .8fr .8fr 1fr;
  gap:50px;
  padding-bottom:47px
}
.footer-brand .logo {
  justify-content:flex-start
}
.footer-brand p {
  font-size:13px;
  line-height:1.7;
  color:#626f7f;
  margin-top:20px
}
.footer-top h3 {
  font-size:12px;
  letter-spacing:0;
  font-weight:600;
  margin:10px 0 21px
}
.footer-top>div>a:not(.logo) {
  display:block;
  font-size:12px;
  color:#6f8198;
  margin-bottom:12px
}
.footer-top>div>a.text-link {
  display:flex;
  color:#275dde
}
.footer-bottom {
  border-top:1px solid #dee5ee;
  padding-top:22px;
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:center;
  font-size:10px;
  color:#8795a8
}
.footer-bottom>div {
  display:flex;
  gap:20px
}
.page-intro {
  padding-block:35px 75px;
  background:#f5f7fb;
  border-bottom:1px solid #e2e8f1
}
.breadcrumb {
  display:flex;
  align-items:center;
  gap:9px;
  color:#626e7d;
  font-size:11px;
  margin-bottom:56px
}
.breadcrumb a:hover {
  color:#275dde
}
.page-intro .eyebrow {
  font-size:11px
}
.page-intro h1 {
  font-size:52px;
  max-width:880px;
  line-height:1.13
}
.page-intro p {
  font-size:17px;
  line-height:1.75;
  color:#606f83;
  max-width:680px;
  margin-top:24px
}
.catalog {
  padding-top:45px
}
.catalog-controls {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px
}
.catalog-tabs {
  background:#f0f4f9!important;
  border-radius:7px!important;
  padding:4px!important;
  height:46px!important;
  gap:3px!important
}
.catalog-tabs [data-slot=tabs-trigger] {
  font-size:13px!important;
  padding:8px 19px!important
}
.catalog-tabs [data-state=active] {
  color:#275dde!important
}
.search-input {
  position:relative;
  width:280px
}
.search-input input {
  padding-left:37px;
  height:44px;
  font-size:13px
}
.search-input svg {
  position:absolute;
  left:12px;
  top:13px;
  color:#8998ad
}
.result-count {
  font-size:12px;
  color:#636e7c;
  margin-block:22px
}
.catalog-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:26px
}
.catalog-card {
  border:1px solid #dce4ee;
  border-radius:12px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  background:#fff
}
.catalog-card:hover {
  border-color:#a8bfdc;
  box-shadow:0 12px 26px #14345c09
}
.catalog-image {
  aspect-ratio:1.8;
  position:relative
}
.catalog-image img {
  width:100%;
  height:100%;
  object-fit:cover
}
.catalog-icon {
  position:absolute;
  bottom:-20px;
  left:24px;
  width:45px;
  height:45px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #dde5ef;
  background:#fff;
  border-radius:9px;
  color:#345e97;
  box-shadow:0 3px 8px #00000009
}
.catalog-copy {
  padding:35px 25px 27px;
  display:flex;
  flex-direction:column;
  flex:1
}
.catalog-copy h2 {
  font-size:23px;
  margin-block:12px 16px
}
.catalog-copy p {
  font-size:13px;
  color:#606f82;
  margin-bottom:23px;
  line-height:1.8
}
.catalog-copy .text-link {
  margin-top:auto
}
.catalog-copy .small-tag {
  text-transform:uppercase;
  font-size:10px
}
.empty-state {
  padding:30px 12px;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:12px;
  color:#6b7a91
}
.empty-state h3 {
  font-size:15px;
  color:#233d5c
}
.empty-state p {
  font-size:12px
}
.catalog-empty {
  padding:70px 20px;
  background:#f5f7fb;
  border:1px solid #e1e7f0;
  border-radius:12px
}
.catalog-empty h2 {
  font-size:25px;
  color:#243d5a
}
.catalog-empty p {
  font-size:15px
}
.catalog-empty .btn {
  margin-top:15px
}
.no-event {
  height:350px;
  display:grid;
  place-content:center;
  font-size:14px;
  color:#7b8a9f
}
.detail-hero {
  background:#0b1b30;
  color:white;
  padding-block:30px 70px
}
.detail-hero .breadcrumb {
  margin-bottom:40px;
  color:#8291a5
}
.detail-grid {
  display:grid;
  grid-template-columns:1fr 1.25fr;
  gap:65px;
  align-items:center
}
.detail-grid h1 {
  font-size:48px;
  line-height:1.13
}
.detail-grid>div>p {
  color:#a4b5ce;
  font-size:15px;
  line-height:1.8;
  margin-block:24px
}
.detail-grid .eyebrow {
  font-size:11px
}
.editorial {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:100px
}
.editorial h2 {
  font-size:36px;
  line-height:1.2;
  max-width:460px
}
.editorial>div>p {
  color:#5f6f83;
  font-size:16px;
  line-height:1.85
}
.editorial>div>p+p {
  margin-top:20px
}
.detail-checks>div {
  display:flex;
  align-items:center;
  gap:15px;
  padding-block:15px;
  border-bottom:1px solid #e1e7ef;
  font-size:15px;
  color:#596e87
}
.detail-checks svg {
  color:#438e86
}
.applications,.approach {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:45px
}
.applications>div {
  padding:25px 0;
  border-top:1px solid #d4dfec
}
.applications svg {
  color:#456b9e;
  margin-bottom:21px
}
.applications h3,.approach h3 {
  font-size:23px;
  margin-bottom:17px
}
.applications p,.approach p {
  color:#5f6f83;
  font-size:14px;
  line-height:1.8
}
.full-process .step-extra {
  margin-top:15px;
  padding-top:15px;
  border-top:1px solid #e2e8ef
}
.about-grid {
  display:grid;
  grid-template-columns:1.15fr 1fr;
  gap:75px;
  align-items:center
}
.about-photo {
  position:relative;
  border-radius:12px;
  overflow:hidden
}
.about-photo img {
  aspect-ratio:1.25;
  object-fit:cover;
  object-position:60%
}
.about-photo>span {
  position:absolute;
  left:20px;
  bottom:20px;
  background:#0b1b30d9;
  padding:5px 10px;
  font-size:11px;
  border-radius:4px;
  color:#fff
}
.about-grid h2 {
  font-size:36px
}
.about-grid p {
  font-size:15px;
  color:#6a7d94;
  line-height:1.85;
  margin-top:23px
}
.approach>div {
  border-top:1px solid #d5dfec;
  padding-top:25px
}
.approach>div>span {
  font-family:monospace;
  font-size:12px;
  color:#718cac;
  display:block;
  margin-bottom:35px
}
.demo-page {
  background:#f4f7fb;
  padding-block:80px 100px
}
.demo-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:110px;
  align-items:start
}
.demo-copy {
  padding-top:25px
}
.demo-copy h1 {
  font-size:52px;
  line-height:1.13
}
.demo-copy>p {
  font-size:17px;
  color:#708198;
  line-height:1.8;
  margin-top:24px;
  max-width:470px
}
.consultation {
  margin-top:45px;
  border-top:1px solid #d8e2ef;
  padding-top:25px
}
.consultation h2 {
  font-size:18px;
  margin-bottom:23px
}
.consultation>div {
  display:flex;
  gap:12px;
  font-size:13px;
  color:#697e96;
  margin-bottom:15px
}
.consultation svg {
  color:#3d7f91
}
.contact-links {
  margin-top:38px;
  display:flex;
  flex-direction:column;
  gap:12px
}
.contact-links a {
  display:flex;
  align-items:center;
  gap:10px;
  font-size:14px;
  color:#426387
}
.demo-form-card {
  background:#fff;
  border:1px solid #dce4ef;
  border-radius:14px;
  padding:38px;
  box-shadow:0 16px 50px #23406a05
}
.demo-form-card h2 {
  font-size:29px;
  margin-block:12px
}
.demo-form-card form>p:first-of-type {
  color:#616e7e;
  font-size:13px;
  margin-bottom:25px
}
.form-fields {
  display:grid;
  gap:17px
}
.field label {
  display:block;
  font-size:13px;
  font-weight:550;
  color:#334e6b;
  margin-bottom:7px
}
.field label span {
  font-weight:400;
  color:#8a98ab;
  font-size:11px
}
.field input,.field [data-slot=select-trigger] {
  width:100%;
  height:44px;
  border-radius:6px;
  background:#fff;
  box-shadow:none;
  font-size:14px
}
.field textarea {
  font-size:13px;
  border-radius:6px;
  resize:vertical
}
.field input[aria-invalid=true] {
  border-color:#bc4747
}
.field-error {
  display:block;
  font-size:12px;
  color:#ac3333;
  margin-top:5px
}
.privacy-note {
  font-size:11px;
  color:#8190a3;
  line-height:1.8;
  margin-block:23px
}
.privacy-note a {
  color:#466ba3;
  text-decoration:underline
}
.form-submit {
  width:100%;
  border:0
}
.form-preview-note {
  font-size:10px;
  line-height:1.6;
  color:#8391a5;
  text-align:center;
  margin-top:14px
}
.form-success {
  min-height:500px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:18px
}
.form-success>svg {
  color:#358780
}
.form-success p {
  font-size:15px;
  color:#72849a;
  line-height:1.8
}
.form-success .text-link {
  margin-top:7px
}
.form-success h2 {
  margin:0
}
@media(min-width:1550px) {
  .hero-grid {
    padding-block:105px 118px;
    gap:75px
  }
  .hero h1 {
    font-size:56px
  }
  .hero-visual {
    margin-top:20px
  }
}
@media(max-width:1150px) {
  .container {
    width:calc(100% - 64px)
  }
  .header-inner {
    gap:35px
  }
  .header-inner nav {
    gap:20px
  }
  .header-actions {
    gap:17px
  }
  .portal {
    font-size:12px
  }
  .hero-grid {
    gap:35px;
    padding-top:75px
  }
  .hero h1 {
    font-size:44px
  }
  .hero-visual {
    padding-bottom:45px
  }
  .section-head {
    gap:40px
  }
  .section-head h2 {
    font-size:34px
  }
  .scenario-grid {
    gap:30px;
    grid-template-columns:1.5fr 1fr
  }
  .scenario-info h3 {
    font-size:22px
  }
  .demo-grid {
    gap:60px
  }
  .industry-row {
    gap:18px
  }
  .catalog-grid {
    grid-template-columns:repeat(2,1fr)
  }
}
@media(max-width:900px) {
  .header-inner {
    height:76px;
    justify-content:space-between;
    gap:20px
  }
  .header-inner nav,.header-actions .portal,.header-actions .language {
    display:none
  }
  .header-actions {
    margin-left:auto
  }
  .menu-toggle {
    display:flex;
    align-items:center;
    justify-content:center;
    background:transparent;
    border:1px solid #dce4ee;
    border-radius:6px;
    width:40px;
    height:40px
  }
  .mobile-nav {
    display:flex;
    flex-direction:column;
    gap:0;
    padding:12px 32px 25px;
    border-top:1px solid #e1e8f1;
    max-height:calc(100dvh - 76px);
    overflow-y:auto
  }
  .mobile-nav>a:not(.btn),.mobile-nav>button {
    padding:14px 4px;
    border-bottom:1px solid #edf1f6;
    font-size:15px;
    text-align:left
  }
  .mobile-nav .btn {
    margin-top:17px
  }
  .hero-grid {
    grid-template-columns:1fr;
    gap:40px;
    padding-block:60px 65px
  }
  .hero-copy {
    max-width:650px
  }
  .hero h1 {
    max-width:650px;
    font-size:48px
  }
  .hero-copy>p {
    max-width:540px
  }
  .hero-visual {
    max-width:700px;
    justify-self:center;
    width:100%;
    padding-bottom:35px
  }
  .hero-foot {
    gap:20px;
    flex-wrap:wrap
  }
  .hero-foot>span {
    display:none
  }
  .section {
    padding-block:70px
  }
  .section-head {
    grid-template-columns:1fr;
    gap:20px
  }
  .section-aside {
    max-width:650px;
    justify-self:start
  }
  .section-head h2 {
    max-width:650px
  }
  .solution-home {
    gap:28px
  }
  .solution-row h3 {
    font-size:16px
  }
  .solution-row {
    gap:12px;
    padding-block:16px
  }
  .icon-square {
    width:41px;
    height:41px
  }
  .feature-content {
    padding:23px
  }
  .feature-content h3 {
    font-size:24px
  }
  .scenario-grid {
    grid-template-columns:1fr
  }
  .scenario-info {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:0 25px
  }
  .scenario-info>.small-tag,.scenario-info>h3,.scenario-info>.text-link {
    grid-column:1/-1
  }
  .scenario-info h3 {
    font-size:25px;
    margin-bottom:20px
  }
  .process {
    grid-template-columns:repeat(2,1fr);
    gap:32px
  }
  .process-step:nth-child(2):after {
    display:none
  }
  .platform-grid {
    grid-template-columns:34% 1fr
  }
  .platform-tools {
    flex-wrap:wrap
  }
  .industry-row {
    grid-template-columns:28px 32px 1fr
  }
  .industry-tags {
    grid-column:3;
    justify-content:flex-start
  }
  .faq-grid {
    grid-template-columns:1fr;
    gap:25px
  }
  .faq-grid h2 br {
    display:none
  }
  .faq-grid>div>p {
    margin-block:20px
  }
  .closing-grid {
    grid-template-columns:1fr;
    gap:30px
  }
  .closing-grid>.btn {
    justify-self:start
  }
  .footer-top {
    grid-template-columns:1.2fr 1fr 1fr;
    gap:35px
  }
  .footer-brand {
    grid-column:1/-1;
    display:flex;
    gap:35px;
    align-items:center
  }
  .footer-brand p {
    margin-top:0
  }
  .footer-bottom {
    flex-wrap:wrap
  }
  .detail-grid {
    grid-template-columns:1fr;
    gap:40px
  }
  .detail-grid h1 {
    max-width:640px
  }
  .detail-grid>div>p {
    max-width:650px
  }
  .editorial {
    gap:50px
  }
  .about-grid {
    gap:35px
  }
  .about-grid h2 {
    font-size:29px
  }
  .demo-grid {
    grid-template-columns:1fr 1fr;
    gap:35px
  }
  .demo-copy h1 {
    font-size:39px
  }
  .demo-form-card {
    padding:26px
  }
  .demo-copy>p {
    font-size:15px
  }
  .applications,.approach {
    gap:25px
  }
  .applications h3,.approach h3 {
    font-size:20px
  }
}
@media(max-width:600px) {
  html {
    scroll-padding-top:90px
  }
  .container {
    width:calc(100% - 40px)
  }
  .header-inner {
    height:72px;
    gap:13px
  }
  .logo,.logo img {
    width:59px;
    height:42px
  }
  .header-actions .btn {
    padding:11px 13px;
    font-size:12px;
    min-height:40px
  }
  .menu-toggle {
    width:36px;
    height:38px
  }
  .menu-toggle svg {
    width:21px
  }
  .hero-grid {
    padding-block:48px 56px;
    gap:37px
  }
  .hero-copy .eyebrow {
    font-size:9px;
    letter-spacing:.085em;
    gap:7px;
    margin-bottom:22px
  }
  .hero h1 {
    font-size:36px;
    letter-spacing:-.045em;
    line-height:1.13;
    max-width:400px
  }
  .hero-copy>p {
    font-size:14px;
    line-height:1.85;
    margin-top:23px;
    margin-bottom:26px
  }
  .hero .button-row {
    gap:10px
  }
  .hero .btn {
    font-size:12px;
    min-height:44px;
    padding:12px 15px
  }
  .hero-note {
    font-size:10px;
    line-height:1.7;
    margin-top:24px;
    gap:8px
  }
  .hero-note svg {
    width:15px
  }
  .hero-visual {
    padding-bottom:62px
  }
  .visual-toolbar {
    padding-inline:10px;
    height:39px;
    font-size:10px
  }
  .visual-toolbar .sample {
    font-size:8px
  }
  .visual-toolbar svg {
    width:13px
  }
  .visual-bottom {
    font-size:8px;
    padding-inline:10px;
    height:28px
  }
  .camera-top {
    font-size:8px;
    padding:8px 9px
  }
  .camera-top svg {
    width:10px;
    height:10px
  }
  .camera-bottom {
    font-size:8px;
    left:9px;
    bottom:8px
  }
  .camera-bottom svg {
    width:10px;
    height:10px
  }
  .detection {
    border-width:1px
  }
  .detection span {
    font-size:7px;
    top:-15px;
    padding:2px 3px
  }
  .incident-float {
    left:10px;
    bottom:0;
    width:290px;
    padding:13px 15px;
    gap:10px;
    border-radius:8px
  }
  .incident-float .micro {
    font-size:8px
  }
  .incident-float strong {
    font-size:12px;
    margin-top:2px
  }
  .incident-float p {
    font-size:10px
  }
  .incident-float .status {
    font-size:9px;
    margin-top:6px
  }
  .incident-icon {
    width:32px;
    height:32px
  }
  .incident-icon svg {
    width:19px
  }
  .hero-foot {
    padding-block:20px;
    column-gap:15px;
    row-gap:12px;
    font-size:10px;
    justify-content:flex-start
  }
  .hero-foot>div {
    gap:5px
  }
  .hero-foot svg {
    width:14px
  }
  .section {
    padding-block:58px
  }
  .section-head {
    margin-bottom:30px;
    gap:20px
  }
  .eyebrow {
    font-size:10px;
    letter-spacing:.09em;
    margin-bottom:19px;
    gap:9px
  }
  .section-number {
    font-size:10px
  }
  .section-head h2 {
    font-size:29px;
    line-height:1.2;
    letter-spacing:-.04em
  }
  .section-aside p {
    font-size:14px;
    line-height:1.8
  }
  .section-aside .text-link {
    font-size:13px
  }
  .solution-home {
    grid-template-columns:1fr;
    gap:25px
  }
  .feature-image {
    aspect-ratio:1.8
  }
  .feature-content {
    padding:23px
  }
  .feature-content h3 {
    font-size:26px
  }
  .feature-content p {
    font-size:13px
  }
  .solution-row {
    padding:20px 0;
    gap:15px
  }
  .solution-row h3 {
    font-size:17px
  }
  .solution-row p {
    font-size:12px
  }
  .solution-row div>span {
    font-size:11px
  }
  .icon-square {
    width:43px;
    height:43px
  }
  .icon-square svg {
    width:22px
  }
  .scenario-tablist {
    gap:14px!important;
    overflow-x:auto;
    justify-content:flex-start!important
  }
  .scenario-tablist [data-slot=tabs-trigger] {
    font-size:11px!important;
    padding:12px 0 14px!important;
    gap:5px!important
  }
  .scenario-tablist svg {
    width:13px!important
  }
  .scenario-grid {
    gap:25px
  }
  .scenario-info {
    grid-template-columns:1fr;
    gap:0
  }
  .scenario-info>* {
    grid-column:1!important
  }
  .scenario-info h3 {
    font-size:25px;
    margin-top:11px
  }
  .info-block>span {
    font-size:11px
  }
  .info-block p {
    font-size:13px
  }
  .info-block strong {
    font-size:14px
  }
  .process {
    grid-template-columns:1fr;
    gap:25px;
    padding-left:14px;
    border-left:1px solid #d7e2ef
  }
  .process-step {
    padding-left:8px
  }
  .step-top {
    justify-content:flex-start;
    border:0;
    gap:18px;
    padding:0;
    margin-bottom:15px
  }
  .step-icon {
    width:39px;
    height:39px;
    border-radius:8px
  }
  .step-icon svg {
    width:20px
  }
  .process-step h3 {
    font-size:20px;
    margin-bottom:8px
  }
  .process-step p {
    font-size:13px;
    padding:0
  }
  .process-step:after {
    display:none!important
  }
  .process-link {
    font-size:12px
  }
  .platform-top {
    padding:14px 13px;
    flex-wrap:wrap;
    gap:10px
  }
  .platform-top>span:first-child {
    font-size:11px
  }
  .platform-top .sample {
    font-size:9px
  }
  .platform-tools {
    padding:17px 13px;
    gap:14px
  }
  .platform-title {
    font-size:17px
  }
  .platform-tools>div {
    width:100%;
    gap:7px;
    flex-wrap:wrap
  }
  .platform-tools [data-slot=select-trigger] {
    font-size:11px;
    width:163px;
    height:36px
  }
  .platform-tools input {
    font-size:11px;
    width:130px
  }
  .platform-grid {
    grid-template-columns:1fr
  }
  .event-list {
    border-right:0;
    border-bottom:1px solid #e2e9f2;
    display:grid;
    grid-template-columns:1fr;
    padding:10px;
    gap:0
  }
  .event-item {
    padding:12px 10px;
    gap:8px;
    margin-bottom:5px
  }
  .event-item strong {
    font-size:12px;
    margin-block:3px
  }
  .mini-report {
    display:none
  }
  .event-view {
    padding:12px
  }
  .event-detail {
    flex-direction:column;
    margin-top:15px;
    gap:9px
  }
  .event-detail h3 {
    font-size:14px
  }
  .event-detail p {
    font-size:10px
  }
  .industry-row {
    grid-template-columns:24px 27px 1fr;
    gap:12px;
    padding-block:23px
  }
  .industry-row>svg {
    width:24px
  }
  .industry-index {
    font-size:10px
  }
  .industry-row h3 {
    font-size:18px
  }
  .industry-row p {
    font-size:12px;
    line-height:1.7
  }
  .industry-tags {
    gap:5px
  }
  .industry-tags>span {
    font-size:9px;
    padding:4px 6px
  }
  .caption {
    font-size:10px;
    line-height:1.75
  }
  .faq-grid h2 {
    font-size:29px
  }
  .faq-grid>div>p {
    font-size:13px
  }
  .faq [data-slot=accordion-trigger] {
    font-size:14px;
    padding-block:20px;
    gap:20px
  }
  .faq [data-slot=accordion-content] {
    font-size:13px;
    line-height:1.85
  }
  .closing {
    padding-block:53px
  }
  .closing-grid {
    gap:27px
  }
  .closing h2 {
    font-size:29px;
    line-height:1.22
  }
  .closing p {
    font-size:13px;
    line-height:1.85;
    margin-top:20px
  }
  .closing .btn {
    font-size:13px;
    min-height:45px
  }
  footer {
    padding-top:45px
  }
  .footer-top {
    grid-template-columns:1fr 1fr;
    gap:25px;
    padding-bottom:30px
  }
  .footer-brand {
    display:block
  }
  .footer-brand p {
    margin-top:15px;
    font-size:12px
  }
  .footer-top>div:last-child {
    grid-column:1/-1
  }
  .footer-top h3 {
    font-size:12px;
    margin-bottom:16px
  }
  .footer-top>div>a:not(.logo) {
    font-size:12px
  }
  .footer-bottom {
    font-size:9px;
    gap:16px;
    line-height:1.8;
    align-items:flex-start
  }
  .footer-bottom>span {
    width:100%
  }
  .footer-bottom>div {
    gap:25px
  }
  .page-intro {
    padding-block:25px 50px
  }
  .breadcrumb {
    margin-bottom:37px;
    font-size:10px;
    flex-wrap:wrap
  }
  .page-intro h1 {
    font-size:36px;
    line-height:1.15
  }
  .page-intro p {
    font-size:15px;
    line-height:1.8;
    margin-top:20px
  }
  .page-intro .eyebrow {
    font-size:10px
  }
  .catalog {
    padding-top:30px
  }
  .catalog-controls {
    flex-direction:column;
    align-items:stretch;
    gap:20px
  }
  .catalog-tabs {
    width:100%!important;
    justify-content:space-between!important
  }
  .catalog-tabs [data-slot=tabs-trigger] {
    font-size:12px!important;
    padding:8px 11px!important
  }
  .search-input {
    width:100%
  }
  .catalog-grid {
    grid-template-columns:1fr;
    gap:25px
  }
  .catalog-copy h2 {
    font-size:24px
  }
  .result-count {
    font-size:11px;
    margin-block:18px
  }
  .catalog-empty h2 {
    font-size:22px
  }
  .catalog-empty p {
    font-size:13px
  }
  .detail-hero {
    padding-block:25px 50px
  }
  .detail-grid {
    gap:30px
  }
  .detail-grid h1 {
    font-size:36px
  }
  .detail-grid>div>p {
    font-size:14px
  }
  .editorial {
    grid-template-columns:1fr;
    gap:25px
  }
  .editorial h2 {
    font-size:29px
  }
  .editorial>div>p {
    font-size:14px;
    line-height:1.9
  }
  .detail-checks>div {
    font-size:14px
  }
  .applications,.approach {
    grid-template-columns:1fr;
    gap:25px
  }
  .applications h3,.approach h3 {
    font-size:24px
  }
  .applications p,.approach p {
    font-size:14px
  }
  .approach>div>span {
    margin-bottom:22px
  }
  .about-grid {
    grid-template-columns:1fr;
    gap:35px
  }
  .about-grid h2 {
    font-size:29px
  }
  .about-grid p {
    font-size:14px
  }
  .about-photo img {
    aspect-ratio:1.5
  }
  .demo-page {
    padding-block:35px 60px
  }
  .demo-grid {
    grid-template-columns:1fr;
    gap:35px
  }
  .demo-copy {
    padding-top:0
  }
  .demo-copy h1 {
    font-size:38px
  }
  .demo-copy>p {
    font-size:15px;
    line-height:1.85
  }
  .consultation {
    margin-top:30px
  }
  .consultation h2 {
    font-size:17px
  }
  .consultation>div {
    font-size:13px;
    line-height:1.7
  }
  .contact-links {
    margin-top:25px
  }
  .demo-form-card {
    padding:27px 23px
  }
  .demo-form-card h2 {
    font-size:27px
  }
  .field label {
    font-size:13px
  }
  .field input,.field [data-slot=select-trigger] {
    height:46px;
    font-size:15px
  }
  .form-success {
    min-height:420px
  }
  .form-success p {
    font-size:14px
  }
  .no-event {
    height:220px
  }
}
@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto
  }
  *,*:before,*:after {
    transition:none!important;
    animation:none!important
  }
}
@font-face {
  font-family:Inter;
  src:url('../fonts/inter-400.ttf') format('truetype');
  font-weight:100 499;
  font-style:normal;
  font-display:swap
}
@font-face {
  font-family:Inter;
  src:url('../fonts/inter-600.ttf') format('truetype');
  font-weight:500 900;
  font-style:normal;
  font-display:swap
}
.hero-copy>p {
  font-size:16px
}
.feature-content p,.solution-row p,.scenario-info .info-block p,.process-step p,.catalog-copy p,.applications p,.approach p,.about-grid p {
  font-size:14px
}
.camera-top,.camera-bottom {
  pointer-events:none
}
.platform-top .sample {
  white-space:normal
}
.camera-top>span:last-child {
  flex-shrink:0
}
.scenario-tablist {
  scrollbar-width:thin
}
.full-process .step-extra {
  font-size:14px
}
@media(max-width:600px) {
  .hero-copy>p {
    font-size:16px
  }
  .hero .btn,.header-actions .btn {
    font-size:13px
  }
  .solution-row p,.feature-content p,.info-block p,.catalog-copy p {
    font-size:14px
  }
  .scenario-tablist {
    gap:12px!important
  }
  .scenario-tablist [data-slot=tabs-trigger] {
    min-height:48px;
    font-size:12px!important
  }
  .scenario-tablist svg {
    display:none
  }
  .industry-tags>span {
    font-size:11px
  }
  .hero-foot {
    font-size:11px
  }
  .form-preview-note,.privacy-note {
    font-size:12px
  }
  .field label span {
    font-size:12px
  }
  .footer-top>div>a:not(.logo) {
    font-size:14px
  }
  .caption {
    font-size:12px
  }
  .platform-top .sample {
    font-size:11px
  }
}
/* Preserve the proportions and original colors of the supplied KYS logo. */
/* Supplied horizontal KYS logo, original proportions and colors. */
.logo {
  width:176px;
  height:70px
}
.logo img {
  width:176px;
  height:auto;
  max-height:none;
  filter:none
}
.footer-brand .logo {
  width:200px;
  height:79px
}
.footer-brand .logo img {
  width:200px;
  max-height:none
}
@media(max-width:600px) {
  .logo {
    width:152px;
    height:60px
  }
  .logo img {
    width:152px;
    height:auto;
    max-height:none
  }
  .footer-brand .logo {
    width:176px;
    height:70px
  }
  .footer-brand .logo img {
    width:176px;
    max-height:none
  }
}
.header-inner nav a[aria-current=page] {
  color:#275dde;
  position:relative
}
.header-inner nav a[aria-current=page]:after {
  content:'';
  position:absolute;
  bottom:-14px;
  left:0;
  right:0;
  height:2px;
  background:#275dde;
  border-radius:1px
}
.mobile-nav a[aria-current=page] {
  color:#275dde;
  font-weight:600
}
.scenario-guide {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:100px
}
.scenario-guide h2 {
  font-size:38px;
  line-height:1.18
}
.scenario-guide>div>p {
  font-size:16px;
  color:#6b7c92;
  line-height:1.85;
  max-width:460px;
  margin:25px 0
}
.scenario-guide-steps {
  display:flex;
  flex-direction:column
}
.scenario-guide-steps>div {
  display:flex;
  gap:25px;
  padding:25px 0;
  border-bottom:1px solid #e0e7f0
}
.scenario-guide-steps>div:first-child {
  padding-top:0
}
.scenario-guide-steps>div>span {
  font-size:13px;
  color:#6985a6;
  font-family:monospace;
  padding-top:4px
}
.scenario-guide-steps h3 {
  font-size:23px;
  margin-bottom:12px
}
.scenario-guide-steps p {
  font-size:15px;
  color:#718297;
  line-height:1.8
}
.hygiene-callout {
  display:grid;
  grid-template-columns:72px 1fr auto;
  gap:35px;
  align-items:center
}
.large-icon {
  width:72px;
  height:72px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  color:#2e6c8f;
  background:#e7eef7
}
.hygiene-callout .eyebrow {
  margin-bottom:13px
}
.hygiene-callout h2 {
  font-size:30px;
  max-width:580px
}
.hygiene-callout p {
  font-size:15px;
  line-height:1.8;
  color:#6d7f96;
  margin-top:18px;
  max-width:600px
}
.hygiene-callout .btn-secondary {
  color:#275dde;
  border-color:#afc2dc;
  background:#fff
}
.hygiene-callout .btn-secondary:hover {
  background:#edf3ff
}
.scenario-applications {
  display:grid;
  grid-template-columns:1fr 1fr;
  column-gap:60px;
  row-gap:30px
}
.scenario-applications article {
  padding:25px 0;
  border-top:1px solid #dce5ef
}
.scenario-applications h3 {
  font-size:23px;
  margin:17px 0
}
.scenario-applications p {
  font-size:15px;
  color:#6b7d94;
  line-height:1.8;
  margin-bottom:22px
}
.contact-page-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:100px;
  align-items:start
}
.contact-channels h2 {
  font-size:34px;
  max-width:440px
}
.contact-channels>p {
  font-size:16px;
  line-height:1.85;
  color:#5f6f83;
  margin:24px 0 35px;
  max-width:460px
}
.contact-channel {
  display:flex;
  align-items:center;
  gap:20px;
  padding:24px 0;
  border-top:1px solid #dce5ef
}
.contact-channel>div>span {
  display:block;
  font-size:12px;
  font-weight:500;
  color:#606f83;
  margin-bottom:5px
}
.contact-channel strong {
  font-size:22px;
  font-weight:550;
  color:#263f5c;
  letter-spacing:-.02em
}
.contact-channel p {
  font-size:13px;
  color:#606e80;
  margin-top:5px
}
.contact-channel>svg {
  margin-left:auto;
  color:#91a3b8
}
.contact-channel:hover strong {
  color:#275dde
}
.contact-demo-panel {
  background:#0b1b30;
  border-radius:14px;
  padding:43px 40px;
  color:white;
  border:1px solid #263b55
}
.contact-demo-panel>.small-tag {
  color:#9db7db;
  font-size:11px
}
.contact-demo-panel h2 {
  font-size:32px;
  margin-top:20px;
  max-width:390px;
  line-height:1.21
}
.contact-demo-panel>p {
  font-size:15px;
  color:#a0b2ca;
  line-height:1.85;
  margin:23px 0
}
.contact-agenda {
  margin:28px 0 33px;
  padding-top:23px;
  border-top:1px solid #ffffff1a;
  display:flex;
  flex-direction:column;
  gap:15px
}
.contact-agenda>div {
  display:flex;
  align-items:center;
  gap:12px;
  font-size:14px;
  color:#bccce1
}
.contact-agenda svg {
  color:#86a9cd
}
.panel-footnote {
  display:block;
  font-size:12px;
  color:#7f96b3;
  margin-top:17px;
  line-height:1.7
}
.contact-explore {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px 60px;
  align-items:center
}
.contact-explore>div {
  grid-row:1/3
}
.contact-explore h2 {
  font-size:34px;
  line-height:1.22
}
.contact-explore>a {
  display:flex;
  align-items:center;
  gap:20px;
  background:#fff;
  border:1px solid #dce5ef;
  border-radius:10px;
  padding:25px
}
.contact-explore>a>svg:first-child {
  color:#42658f
}
.contact-explore>a>svg:last-child {
  margin-left:auto;
  color:#879db7
}
.contact-explore h3 {
  font-size:18px;
  letter-spacing:-.02em
}
.contact-explore p {
  font-size:13px;
  line-height:1.8;
  color:#616e7f;
  margin-top:8px
}
.contact-explore>a:hover {
  border-color:#9fb9de;
  box-shadow:0 7px 25px #18385808
}
@media(max-width:1150px) {
  .header-inner {
    gap:32px
  }
  .header-inner nav {
    gap:24px
  }
  .scenario-guide,.contact-page-grid {
    gap:55px
  }
  .hygiene-callout {
    grid-template-columns:65px 1fr;
    gap:25px
  }
  .hygiene-callout>.btn {
    grid-column:2;
    justify-self:start
  }
  .contact-explore {
    gap:20px 35px
  }
  .contact-demo-panel {
    padding:35px 30px
  }
}
@media(max-width:900px) {
  .scenario-guide {
    gap:40px
  }
  .scenario-guide h2 {
    font-size:31px
  }
  .contact-page-grid {
    gap:35px
  }
  .contact-channels h2 {
    font-size:29px
  }
  .contact-channel strong {
    font-size:19px
  }
  .contact-channel {
    gap:14px
  }
  .contact-demo-panel h2 {
    font-size:28px
  }
  .contact-explore {
    grid-template-columns:1fr
  }
  .contact-explore>div {
    grid-row:auto;
    margin-bottom:12px
  }
  .contact-explore h2 {
    font-size:31px
  }
  .contact-explore h2 br {
    display:none
  }
}
@media(max-width:600px) {
  .scenario-guide,.contact-page-grid {
    grid-template-columns:1fr;
    gap:35px
  }
  .scenario-guide h2,.contact-channels h2 {
    font-size:29px
  }
  .scenario-guide>div>p,.contact-channels>p {
    font-size:15px
  }
  .scenario-guide-steps>div {
    gap:19px;
    padding:22px 0
  }
  .scenario-guide-steps h3 {
    font-size:22px
  }
  .scenario-guide-steps p {
    font-size:14px
  }
  .hygiene-callout {
    grid-template-columns:1fr;
    gap:22px
  }
  .hygiene-callout>.btn {
    grid-column:1
  }
  .large-icon {
    width:54px;
    height:54px;
    border-radius:10px
  }
  .large-icon svg {
    width:27px
  }
  .hygiene-callout h2 {
    font-size:28px
  }
  .hygiene-callout p {
    font-size:14px
  }
  .scenario-applications {
    grid-template-columns:1fr;
    gap:12px
  }
  .scenario-applications h3 {
    font-size:22px
  }
  .scenario-applications p {
    font-size:14px
  }
  .contact-demo-panel {
    padding:30px 25px
  }
  .contact-demo-panel h2 {
    font-size:28px
  }
  .contact-demo-panel>p {
    font-size:15px
  }
  .contact-agenda>div {
    font-size:14px;
    line-height:1.7
  }
  .contact-channel strong {
    font-size:21px
  }
  .contact-channel p {
    font-size:13px
  }
  .contact-explore h2 {
    font-size:29px
  }
  .contact-explore>a {
    padding:21px 18px;
    gap:13px
  }
  .contact-explore h3 {
    font-size:17px
  }
  .contact-explore p {
    font-size:13px
  }
  .contact-explore>a>svg:first-child {
    width:22px
  }
}
/* Expanded editorial pages — scoped to preserve the existing solution catalog. */
.scenario-page-v2 .btn,.about-v2 .btn,.demo-v2 .btn {
  gap:10px
}
.scenario-opening,.about-opening,.demo-v2-opening {
  background:var(--navy);
  color:#fff
}
.scenario-opening .breadcrumb,.about-opening .breadcrumb,.demo-v2-opening .breadcrumb {
  color:#a0b1c9;
  padding-top:30px;
  margin-bottom:50px
}
.scenario-opening-copy {
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:90px;
  align-items:end;
  padding-bottom:100px
}
.scenario-opening h1,.about-opening h1,.demo-v2 h1 {
  font-size:clamp(42px,4.2vw,60px);
  line-height:1.08;
  letter-spacing:-.045em;
  font-weight:550
}
.scenario-opening h1 em,.about-opening h1 em,.demo-v2 h1 em {
  font-style:normal;
  color:#a9c5fb
}
.scenario-opening-copy p {
  font-size:16px;
  line-height:1.85;
  color:#adbed4;
  max-width:410px
}
.scenario-opening-copy .text-link {
  color:#b7ceff;
  margin-top:24px
}
.scenario-lab {
  margin-top:-44px;
  position:relative;
  z-index:1;
  scroll-margin-top:112px
}
.scenario-lab-tabs {
  gap:0!important;
  display:block!important
}
.scenario-visual-tabs {
  display:grid!important;
  grid-template-columns:repeat(4,1fr);
  width:100%;
  height:auto!important;
  border-radius:12px 12px 0 0!important;
  background:#f2f5fa!important;
  padding:10px!important;
  gap:7px!important;
  border:1px solid #dce3ed;
  border-bottom:0
}
.scenario-visual-tabs [data-slot=tabs-trigger] {
  height:auto!important;
  min-height:76px;
  min-width:0!important;
  flex:none!important;
  display:flex!important;
  justify-content:flex-start!important;
  text-align:left!important;
  padding:9px!important;
  gap:12px!important;
  border:1px solid transparent!important;
  border-radius:8px!important;
  white-space:normal!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#5c6f86!important
}
.scenario-visual-tabs [data-state=active] {
  background:white!important;
  border-color:#d1ddf2!important;
  color:#174cbd!important;
  box-shadow:0 3px 8px #1025400a!important
}
.scenario-visual-tabs [data-slot=tabs-trigger]:hover {
  background:#e9eff8!important
}
.scenario-tab-thumbnail {
  width:62px;
  height:51px;
  flex-shrink:0;
  border-radius:5px;
  overflow:hidden
}
.scenario-tab-thumbnail img {
  height:100%;
  width:100%;
  object-fit:cover;
  filter:saturate(.75)
}
.scenario-visual-tabs small {
  display:block;
  font-size:10px;
  line-height:1.2;
  color:#626e7f;
  margin-bottom:6px
}
.scenario-visual-tabs strong {
  display:block;
  font-size:13px;
  line-height:1.3;
  font-weight:600
}
.scenario-visual-tabs svg {
  margin-left:auto;
  width:15px
}
.scenario-lab-panel {
  margin-top:0!important;
  background:#fff;
  border:1px solid #dce3ed;
  border-top:0;
  border-radius:0 0 14px 14px;
  padding:35px;
  box-shadow:0 20px 50px #15355909
}
.scenario-lab-context {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:25px;
  margin-bottom:25px
}
.scenario-lab-context h2 {
  font-size:25px;
  margin-top:8px
}
.scenario-example-label {
  padding:5px 9px;
  border:1px solid #dce5f1;
  border-radius:5px;
  color:#5b6f86;
  font-size:11px;
  white-space:nowrap
}
.scenario-lab-grid {
  display:grid;
  grid-template-columns:1.75fr 1fr;
  gap:30px;
  align-items:stretch
}
.scenario-camera-wrap {
  min-width:0
}
.scenario-camera-wrap .camera-scene {
  border-radius:8px
}
.scenario-camera-caption {
  display:flex;
  justify-content:space-between;
  gap:12px;
  border-bottom:1px solid #e4e9f0;
  padding:15px 0;
  font-size:11px;
  color:#5c6f86
}
.scenario-camera-caption span {
  display:flex;
  align-items:center;
  gap:7px
}
.scenario-camera-wrap>p {
  font-size:14px;
  line-height:1.8;
  color:#64758b;
  max-width:650px;
  margin-top:18px
}
.scenario-event-panel {
  border:1px solid #dfe6f0;
  background:#f8fafd;
  border-radius:10px;
  padding:25px;
  display:flex;
  flex-direction:column
}
.event-panel-top {
  display:flex;
  align-items:center;
  gap:10px;
  color:#537398;
  font-size:12px;
  font-weight:550;
  margin-bottom:17px
}
.scenario-event-panel h3 {
  font-size:23px;
  line-height:1.3;
  margin-bottom:15px
}
.scenario-event-panel>.status {
  align-self:flex-start;
  font-size:11px
}
.scenario-event-info {
  border-top:1px solid #dfe6f0;
  padding-top:20px;
  margin-top:23px
}
.scenario-event-info>span {
  display:flex;
  align-items:center;
  gap:8px;
  font-size:11px;
  color:#526c8b;
  font-weight:600
}
.scenario-event-info p {
  font-size:13px;
  line-height:1.8;
  margin-top:10px;
  color:#5d6f84
}
.scenario-event-panel dl {
  margin:17px 0 24px;
  display:grid;
  gap:12px
}
.scenario-event-panel dt {
  font-size:10px;
  color:#616f80;
  letter-spacing:.03em
}
.scenario-event-panel dd {
  font-size:12px;
  line-height:1.6;
  margin:3px 0 0;
  color:#3c536d
}
.scenario-event-panel .text-link {
  margin-top:auto;
  font-size:12px
}
.scenario-lab-note {
  display:flex;
  gap:9px;
  align-items:flex-start;
  border-top:1px solid #e5eaf2;
  margin-top:26px;
  padding-top:18px;
  color:#616e80;
  font-size:11px;
  line-height:1.7
}
.scenario-lab-note>svg {
  margin-top:2px
}
.scenario-path {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:110px;
  align-items:center
}
.scenario-path h2,.scenario-fields h2,.about-purpose h2,.about-principles h2,.demo-agenda h2 {
  font-size:40px;
  line-height:1.2
}
.scenario-path>div>p {
  font-size:15px;
  color:#5e6f84;
  line-height:1.85;
  max-width:410px;
  margin:23px 0
}
.scenario-record {
  background:#fff;
  border:1px solid #dfe5ef;
  border-radius:14px;
  box-shadow:0 18px 45px #18375708;
  padding:25px 28px
}
.record-top {
  display:flex;
  align-items:center;
  gap:10px;
  border-bottom:1px solid #e5ebf3;
  padding-bottom:22px
}
.record-top strong {
  font-size:13px;
  font-weight:550
}
.record-top>span {
  margin-left:auto;
  font-size:10px;
  color:#606f81
}
.record-top>svg {
  color:#426597
}
.record-row {
  display:flex;
  gap:19px;
  align-items:center;
  padding:23px 0;
  border-bottom:1px solid #e8edf4
}
.record-row:last-child {
  padding-bottom:0;
  border:0
}
.record-row>span {
  color:#636e7c;
  font-size:11px;
  border:1px solid #dce5f0;
  border-radius:50%;
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  flex-shrink:0
}
.record-row h3 {
  font-size:18px
}
.record-row p {
  font-size:12px;
  color:#616e7f;
  margin-top:5px
}
.record-row>svg {
  margin-left:auto;
  color:#6480a2
}
.scenario-fields {
  background:#f3f6fa
}
.scenario-fields-heading {
  display:grid;
  grid-template-columns:1fr .8fr;
  align-items:end;
  gap:120px;
  margin-bottom:45px
}
.scenario-fields-heading>p {
  font-size:14px;
  line-height:1.8;
  color:#606f83;
  max-width:370px
}
.scenario-sector-list {
  border-top:1px solid #d9e2ed
}
.scenario-sector-list article {
  display:grid;
  grid-template-columns:60px 1fr .9fr;
  align-items:center;
  gap:25px;
  padding:30px 0;
  border-bottom:1px solid #d9e2ed
}
.sector-icon {
  display:grid;
  place-items:center;
  width:55px;
  height:55px;
  border:1px solid #d8e2f0;
  background:white;
  color:#446b9e;
  border-radius:12px
}
.scenario-sector-list h3 {
  font-size:23px
}
.scenario-sector-list p {
  font-size:13px;
  color:#616e81;
  margin-top:8px
}
.sector-links {
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:10px
}
.sector-links a {
  display:flex;
  align-items:center;
  gap:10px;
  font-size:12px;
  border:1px solid #d6e0ed;
  background:#fff;
  padding:10px 14px;
  border-radius:7px;
  color:#43658f;
  min-height:44px
}
.sector-links a:hover {
  border-color:#8daae0;
  color:#174cbd;
  background:#edf3ff
}
.scenario-hygiene {
  display:grid;
  grid-template-columns:72px 1fr auto;
  gap:30px;
  align-items:center;
  padding-block:75px
}
.hygiene-mark {
  width:70px;
  height:70px;
  border:1px solid #dae4f2;
  border-radius:16px;
  display:grid;
  place-items:center;
  color:#51749c;
  background:#f4f7fb
}
.scenario-hygiene h2 {
  font-size:28px;
  max-width:690px
}
.scenario-hygiene .eyebrow {
  margin-bottom:14px
}
.scenario-hygiene p {
  font-size:14px;
  color:#5e6f85;
  line-height:1.8;
  max-width:650px;
  margin-top:14px
}
.scenario-hygiene .btn {
  border-color:#c8d6e9
}
/* About: purpose, principles and verified company context. */
.about-opening-grid {
  display:grid;
  grid-template-columns:.95fr 1.05fr;
  gap:75px;
  align-items:center;
  padding-bottom:75px
}
.about-opening h1 {
  font-size:clamp(42px,4.1vw,59px)
}
.about-opening-grid>div>p {
  font-size:16px;
  line-height:1.85;
  color:#b1c0d5;
  max-width:460px;
  margin:25px 0 30px
}
.about-opening-image {
  position:relative;
  padding-bottom:26px
}
.about-opening-image .camera-scene {
  border:1px solid #3b4d64;
  border-radius:12px
}
.about-image-note {
  position:relative;
  margin:-16px 24px 0;
  padding:19px 22px;
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:9px;
  color:var(--text);
  display:flex;
  gap:14px;
  align-items:center;
  box-shadow:0 15px 40px #00000020
}
.about-image-note svg {
  color:#416d9f
}
.about-image-note strong {
  font-size:14px;
  display:block
}
.about-image-note span {
  font-size:11px;
  line-height:1.6;
  color:#606e81;
  display:block;
  margin-top:4px
}
.about-opening-foot {
  border-top:1px solid #ffffff1c;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:24px 0;
  font-size:12px;
  color:#a3b5ce;
  gap:30px
}
.about-opening-foot>span {
  font-size:10px;
  letter-spacing:.12em;
  color:#7f97b7
}
.about-opening-foot p {
  display:flex;
  align-items:center;
  gap:15px
}
.about-opening-foot i {
  width:4px;
  height:4px;
  background:#607d9d;
  border-radius:50%
}
.about-purpose {
  display:grid;
  grid-template-columns:1fr 1.05fr;
  gap:80px;
  align-items:start
}
.about-purpose .purpose-lead {
  color:#233d5c;
  font-size:23px;
  line-height:1.55;
  margin:0 0 25px;
  letter-spacing:-.02em
}
.about-purpose p {
  font-size:15px;
  color:#606e81;
  line-height:1.9;
  margin-top:18px
}
.about-principles {
  background:#f3f6fa
}
.about-principles-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:110px
}
.principle-photo {
  position:relative;
  overflow:hidden;
  border-radius:12px;
  margin:32px 0 24px;
  max-width:470px
}
.principle-photo img {
  width:100%;
  aspect-ratio:1.75;
  object-fit:cover
}
.principle-photo span {
  position:absolute;
  bottom:13px;
  left:16px;
  padding:4px 8px;
  border-radius:4px;
  background:#0b1b30c9;
  color:#fff;
  font-size:10px
}
.principle-list article {
  display:flex;
  gap:27px;
  padding:30px 0;
  border-bottom:1px solid #dce4ee
}
.principle-list article:first-child {
  padding-top:5px
}
.principle-list article:last-child {
  border:0;
  padding-bottom:0
}
.principle-number {
  font-size:13px;
  color:#606e83;
  padding-top:3px
}
.principle-list article svg {
  color:#456b9d;
  margin-bottom:17px
}
.principle-list h2 {
  font-size:23px
}
.principle-list p {
  font-size:14px;
  line-height:1.85;
  color:#5e6f85;
  margin-top:13px
}
.about-company {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:110px;
  align-items:center
}
.company-signature {
  border:1px solid #dce5f1;
  border-radius:14px;
  padding:40px;
  background:#f8fafe
}
.company-signature h2 {
  font-size:47px;
  margin-top:30px
}
.company-signature h2 span {
  color:#648ad1
}
.company-signature p {
  font-size:14px;
  color:#7085a0;
  line-height:1.8;
  margin-top:20px
}
.about-company>div:last-child h3 {
  font-size:27px
}
.about-company>div:last-child p {
  font-size:15px;
  line-height:1.85;
  color:#74849a;
  margin-top:20px
}
.about-company .text-link {
  margin-top:25px
}
/* Demo: one clear form with optional details disclosed progressively. */
.demo-v2-opening {
  background:linear-gradient(105deg,#0b1b30 0%,#0b1b30 59%,#102741 100%);
  padding-bottom:65px
}
.demo-v2-grid {
  display:grid;
  grid-template-columns:1.03fr .9fr;
  gap:100px;
  align-items:start
}
.demo-v2 h1 {
  font-size:clamp(40px,3.65vw,53px)
}
.demo-v2-copy>p {
  font-size:15px;
  line-height:1.85;
  max-width:510px;
  color:#b0c0d6;
  margin-top:23px
}
.demo-v2 .eyebrow {
  font-size:11px
}
.demo-product-preview {
  border:1px solid #334b68;
  background:#12263e;
  border-radius:11px;
  overflow:hidden;
  margin-top:33px;
  box-shadow:0 20px 55px #00000020
}
.demo-preview-bar {
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:center;
  padding:14px 17px;
  color:#b8cbe2;
  font-size:10px
}
.demo-preview-bar>span:first-child {
  display:flex;
  align-items:center;
  gap:8px
}
.demo-preview-bar>span:last-child {
  color:#8ea6c5
}
.demo-product-preview .camera-scene {
  border-radius:0
}
.demo-preview-event {
  display:flex;
  align-items:center;
  gap:12px;
  padding:17px;
  background:#fff;
  color:#203a57
}
.demo-preview-event strong {
  display:block;
  font-size:12px;
  line-height:1.6
}
.demo-preview-event div>span {
  font-size:10px;
  display:block;
  color:#626e80;
  margin-top:3px
}
.demo-preview-event>.status {
  margin-left:auto;
  font-size:9px
}
.demo-preview-event .incident-icon {
  width:35px;
  height:35px;
  flex-shrink:0
}
.demo-v2-copy>.demo-visual-caption {
  font-size:11px;
  line-height:1.8;
  color:#8fa7c7;
  margin-top:15px
}
.demo-mobile-jump {
  display:none
}
.demo-v2-form {
  padding:32px;
  color:var(--text);
  box-shadow:0 25px 60px #00000018;
  border:1px solid #e2e8f1;
  border-top:3px solid #7ca5f4;
  scroll-margin-top:108px
}
.demo-form-heading {
  display:flex;
  align-items:center;
  gap:15px;
  border-bottom:1px solid #e7ecf3;
  padding-bottom:23px
}
.form-heading-icon {
  display:grid;
  place-items:center;
  border:1px solid #dce6f5;
  background:#f3f7ff;
  width:49px;
  height:49px;
  border-radius:12px;
  color:#527ab5;
  flex-shrink:0
}
.demo-v2-form .demo-form-heading h2 {
  font-size:26px;
  margin:0 0 7px
}
.demo-form-heading p {
  font-size:12px;
  color:#626e7e;
  line-height:1.7
}
.demo-form-success {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:18px;
  padding:12px 0 23px
}
.demo-form-success .form-heading-icon {
  background:#eafaf0;
  border-color:#bfe8cf;
  color:#1e7e42
}
.demo-form-success h2 {
  font-size:26px;
  margin:0 0 7px
}
.demo-form-success p {
  font-size:14px;
  color:#5c6b80;
  line-height:1.7;
  margin:0
}
.demo-v2-form form>.required-note {
  font-size:11px;
  color:#626f7f;
  margin:20px 0 16px
}
.demo-v2-form fieldset {
  padding:0;
  margin:0;
  border:0;
  min-width:0
}
.demo-v2-form .form-fields {
  gap:17px
}
.demo-v2-form .field label {
  font-size:12px;
  margin-bottom:7px
}
.demo-v2-form .field input,.demo-v2-form .field [data-slot=select-trigger] {
  height:47px;
  border-radius:7px;
  font-size:13px;
  background:#fcfdff;
  border-color:#d9e2ee
}
.demo-v2-form .field input::placeholder {
  color:#8c9aaf;
  font-size:12px
}
.demo-v2-form .field label span {
  font-size:10px;
  color:#626e81
}
.demo-v2-form .field input[aria-invalid=true] {
  border-color:#b94444;
  background:#fffafa
}
.demo-v2-form .privacy-note {
  font-size:11px;
  margin:19px 0 17px;
  line-height:1.8;
  color:#606e83
}
.demo-v2-form .privacy-note a {
  color:#3e62a3;
  text-decoration:underline;
  text-underline-offset:3px
}
.demo-v2-form .form-preview-note {
  font-size:11px;
  color:#75869e;
  line-height:1.75;
  margin-top:14px
}
.demo-v2-form .form-submit {
  min-height:49px;
  font-size:13px;
  gap:12px;
  border-radius:7px
}
.demo-extra {
  margin-top:15px;
  border-bottom:1px solid #e4eaf2
}
.demo-extra [data-slot=accordion-trigger] {
  font-size:12px;
  align-items:center;
  font-weight:550;
  color:#446b9c;
  padding-block:14px;
  gap:8px
}
.demo-extra [data-slot=accordion-trigger]>span {
  font-size:10px;
  font-weight:400;
  color:#646e7d;
  margin-left:auto
}
.demo-extra [data-slot=accordion-content]>div {
  padding-bottom:18px;
  padding-top:5px
}
.form-spinner {
  animation:form-spin .8s linear infinite
}
@keyframes form-spin {
  to {
    transform:rotate(360deg)
  }
}
.demo-v2 .form-success {
  min-height:590px;
  gap:17px
}
.success-symbol {
  display:grid;
  place-items:center;
  width:70px;
  height:70px;
  background:#edf7f5;
  border-radius:50%;
  color:#2b7d70;
  margin-bottom:4px
}
.demo-v2 .form-success h2 {
  font-size:29px
}
.demo-v2 .form-success p {
  font-size:13px;
  max-width:330px
}
.demo-v2 .form-success .btn {
  font-size:12px;
  gap:10px;
  margin-top:6px
}
.demo-agenda {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:110px;
  align-items:center;
  padding-bottom:65px
}
.demo-agenda>div>p {
  font-size:14px;
  color:#5f6f84;
  line-height:1.85;
  max-width:420px;
  margin-top:23px
}
.demo-agenda-list article {
  display:flex;
  gap:21px;
  padding:23px 0;
  border-bottom:1px solid #e1e7ef
}
.demo-agenda-list article:first-child {
  padding-top:0
}
.demo-agenda-list article:last-child {
  border:0;
  padding-bottom:0
}
.demo-agenda-list article>span {
  display:grid;
  place-items:center;
  width:45px;
  height:45px;
  border:1px solid #dce5f1;
  border-radius:10px;
  color:#5277a5;
  background:#f6f9fd;
  flex-shrink:0
}
.demo-agenda-list small {
  font-size:10px;
  color:#626e7e;
  display:block;
  margin-bottom:6px
}
.demo-agenda-list h3 {
  font-size:20px
}
.demo-agenda-list p {
  font-size:13px;
  line-height:1.8;
  color:#616f80;
  margin-top:8px
}
.demo-direct-contact {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:25px;
  padding:25px 30px;
  background:#f5f8fc;
  border:1px solid #e2e9f3;
  border-radius:10px;
  margin-bottom:80px;
  font-size:13px;
  color:#586f8c
}
.demo-direct-contact>span {
  font-size:12px;
  color:#616f81
}
.demo-direct-contact>a {
  display:flex;
  align-items:center;
  gap:10px
}
.demo-direct-contact a:hover {
  color:var(--blue)
}
/* Contact: authoritative office location and usable directions fallback. */
.contact-map-section {
  display:grid;
  grid-template-columns:.8fr 1.3fr;
  margin-bottom:100px;
  border:1px solid #dce5f1;
  border-radius:14px;
  overflow:hidden;
  background:#f6f9fd
}
.contact-map-address {
  padding:40px;
  align-self:center
}
.map-address-icon {
  display:grid;
  place-items:center;
  width:54px;
  height:54px;
  background:#fff;
  border:1px solid #d8e4f3;
  border-radius:12px;
  color:#577fac;
  margin-bottom:28px
}
.contact-map-address .eyebrow {
  font-size:10px;
  margin-bottom:15px
}
.contact-map-address h2 {
  font-size:28px
}
.contact-map-address p {
  font-size:14px;
  line-height:1.85;
  color:#6d8098;
  margin-top:20px
}
.contact-map-address .text-link {
  margin-top:25px
}
.map-address-note {
  display:block;
  color:#8595a9;
  font-size:10px;
  margin-top:25px
}
.contact-map {
  position:relative;
  min-height:425px;
  background:#e6edf5
}
.contact-map iframe {
  border:0;
  width:100%;
  height:100%;
  min-height:425px;
  display:block
}
.map-open {
  position:absolute;
  right:20px;
  bottom:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:44px;
  padding:10px 15px;
  border:1px solid #cfdbeb;
  border-radius:7px;
  background:#fff;
  color:#3e6191;
  font-size:12px;
  box-shadow:0 5px 18px #18345715
}
.map-open:hover {
  background:#edf3ff
}
@media(min-width:1441px) {
  .demo-v2-grid {
    gap:110px
  }
}
@media(max-width:1150px) {
  .scenario-opening-copy {
    gap:50px
  }
  .scenario-lab-panel {
    padding:25px
  }
  .scenario-tab-thumbnail {
    width:45px;
    height:43px
  }
  .scenario-visual-tabs [data-slot=tabs-trigger] {
    gap:8px!important
  }
  .scenario-visual-tabs strong {
    font-size:12px
  }
  .scenario-lab-grid {
    grid-template-columns:1.45fr 1fr;
    gap:20px
  }
  .scenario-event-panel {
    padding:20px
  }
  .scenario-event-panel h3 {
    font-size:20px
  }
  .scenario-path,.about-purpose,.about-principles-grid,.about-company,.demo-agenda {
    gap:55px
  }
  .scenario-fields-heading {
    gap:70px
  }
  .scenario-hygiene {
    grid-template-columns:60px 1fr;
    gap:25px
  }
  .scenario-hygiene>.btn {
    grid-column:2;
    justify-self:start
  }
  .about-opening-grid {
    gap:45px
  }
  .demo-v2-grid {
    gap:45px
  }
  .demo-v2-form {
    padding:27px
  }
  .demo-preview-event>.status {
    display:none
  }
  .contact-map-address {
    padding:30px
  }
  .contact-map-address h2 {
    font-size:25px
  }
}
@media(max-width:850px) {
  .scenario-opening h1,.about-opening h1 {
    font-size:45px
  }
  .scenario-opening-copy {
    gap:35px
  }
  .scenario-opening-copy p {
    font-size:14px
  }
  .scenario-visual-tabs {
    grid-template-columns:repeat(2,1fr)
  }
  .scenario-tab-thumbnail {
    width:60px
  }
  .scenario-lab-grid {
    grid-template-columns:1fr
  }
  .scenario-event-panel {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:0 25px
  }
  .event-panel-top,.scenario-event-panel h3,.scenario-event-panel>.status {
    grid-column:1
  }
  .scenario-event-info {
    grid-column:2;
    grid-row:1/4;
    border:0;
    margin:0;
    padding:0
  }
  .scenario-event-panel dl {
    grid-column:1/3;
    grid-template-columns:1fr 1fr;
    margin:20px 0;
    padding-top:17px;
    border-top:1px solid #dce5f0
  }
  .scenario-event-panel .text-link {
    grid-column:1/3
  }
  .scenario-path,.about-purpose,.about-principles-grid,.about-company,.demo-agenda {
    gap:35px
  }
  .scenario-path h2,.scenario-fields h2,.about-purpose h2,.about-principles h2,.demo-agenda h2 {
    font-size:32px
  }
  .scenario-sector-list article {
    grid-template-columns:50px 1fr;
    gap:20px
  }
  .sector-links {
    grid-column:2;
    justify-content:flex-start
  }
  .scenario-sector-list h3 {
    font-size:21px
  }
  .scenario-fields-heading {
    gap:40px
  }
  .scenario-fields-heading>p {
    font-size:13px
  }
  .about-opening-grid {
    grid-template-columns:1fr 1fr;
    gap:30px
  }
  .about-opening-grid>div>p {
    font-size:14px
  }
  .about-image-note {
    margin:-12px 12px 0;
    padding:15px
  }
  .about-image-note strong {
    font-size:12px
  }
  .about-image-note span {
    font-size:10px
  }
  .about-opening-foot p {
    font-size:11px;
    gap:10px
  }
  .about-opening-foot>span {
    font-size:9px
  }
  .about-purpose .purpose-lead {
    font-size:20px
  }
  .principle-list h2 {
    font-size:20px
  }
  .principle-list p {
    font-size:13px
  }
  .principle-list article {
    gap:18px
  }
  .company-signature {
    padding:30px
  }
  .company-signature h2 {
    font-size:35px
  }
  .about-company>div:last-child h3 {
    font-size:23px
  }
  .demo-v2-grid {
    gap:30px
  }
  .demo-v2 h1 {
    font-size:36px
  }
  .demo-v2-copy>p {
    font-size:14px
  }
  .demo-v2-form {
    padding:23px
  }
  .demo-v2-form .demo-form-heading h2 {
    font-size:22px
  }
  .demo-form-heading {
    gap:12px
  }
  .form-heading-icon {
    width:40px;
    height:40px
  }
  .demo-v2-form .field label span {
    font-size:9px
  }
  .demo-agenda-list h3 {
    font-size:18px
  }
  .demo-direct-contact {
    padding:22px;
    gap:15px;
    flex-wrap:wrap
  }
  .demo-direct-contact>span {
    width:100%
  }
  .contact-map-section {
    grid-template-columns:1fr 1.2fr
  }
  .contact-map-address h2 {
    font-size:22px
  }
  .contact-map-address p {
    font-size:13px
  }
}
@media(max-width:640px) {
  .scenario-opening .breadcrumb,.about-opening .breadcrumb,.demo-v2-opening .breadcrumb {
    padding-top:23px;
    margin-bottom:35px
  }
  .scenario-opening-copy {
    grid-template-columns:1fr;
    gap:25px;
    padding-bottom:72px
  }
  .scenario-opening h1,.about-opening h1 {
    font-size:39px
  }
  .scenario-opening-copy p {
    font-size:14px;
    line-height:1.8
  }
  .scenario-opening-copy .text-link {
    margin-top:17px
  }
  .scenario-opening .eyebrow,.about-opening .eyebrow {
    font-size:10px;
    margin-bottom:20px
  }
  .scenario-lab {
    margin-top:-30px
  }
  .scenario-visual-tabs {
    padding:7px!important;
    gap:5px!important
  }
  .scenario-visual-tabs [data-slot=tabs-trigger] {
    min-height:65px;
    padding:7px!important;
    gap:8px!important
  }
  .scenario-tab-thumbnail {
    width:38px;
    height:40px
  }
  .scenario-visual-tabs small {
    font-size:9px;
    margin-bottom:4px
  }
  .scenario-visual-tabs strong {
    font-size:11px
  }
  .scenario-visual-tabs svg {
    width:12px
  }
  .scenario-lab-panel {
    padding:20px 16px
  }
  .scenario-lab-context {
    gap:15px;
    align-items:start;
    margin-bottom:20px;
    flex-direction:column
  }
  .scenario-lab-context h2 {
    font-size:22px
  }
  .scenario-lab-context .small-tag {
    font-size:10px
  }
  .scenario-example-label {
    font-size:10px;
    padding:3px 7px
  }
  .scenario-camera-caption {
    font-size:10px;
    flex-wrap:wrap;
    gap:7px;
    padding:12px 0
  }
  .scenario-camera-wrap>p {
    font-size:13px
  }
  .scenario-lab-grid {
    gap:20px
  }
  .scenario-event-panel {
    display:flex;
    padding:20px
  }
  .scenario-event-panel h3 {
    font-size:21px;
    margin-bottom:12px
  }
  .scenario-event-info {
    border-top:1px solid #dfe6f0;
    margin-top:20px;
    padding-top:20px
  }
  .scenario-event-panel dl {
    display:grid;
    grid-template-columns:1fr;
    margin:17px 0 20px;
    padding:0;
    border:0
  }
  .scenario-event-info p {
    font-size:13px
  }
  .scenario-event-panel .text-link {
    font-size:13px
  }
  .scenario-lab-note {
    font-size:10px;
    margin-top:20px;
    padding-top:15px
  }
  .scenario-path,.about-purpose,.about-principles-grid,.about-company,.demo-agenda {
    grid-template-columns:1fr;
    gap:35px
  }
  .scenario-path h2,.scenario-fields h2,.about-purpose h2,.about-principles h2,.demo-agenda h2 {
    font-size:32px
  }
  .scenario-path>div>p {
    font-size:14px
  }
  .scenario-record {
    padding:22px
  }
  .record-row {
    gap:15px
  }
  .record-row p {
    font-size:11px
  }
  .record-top {
    gap:8px
  }
  .record-top strong {
    font-size:12px
  }
  .record-top>span {
    font-size:9px
  }
  .scenario-fields-heading {
    grid-template-columns:1fr;
    gap:24px;
    margin-bottom:30px
  }
  .scenario-fields-heading>p {
    font-size:13px
  }
  .scenario-sector-list article {
    padding:26px 0;
    gap:15px;
    grid-template-columns:45px 1fr
  }
  .sector-icon {
    width:43px;
    height:43px;
    border-radius:9px
  }
  .sector-icon svg {
    width:21px
  }
  .scenario-sector-list h3 {
    font-size:21px
  }
  .scenario-sector-list p {
    font-size:12px;
    line-height:1.8
  }
  .sector-links {
    gap:7px
  }
  .sector-links a {
    padding:8px 10px;
    font-size:11px
  }
  .scenario-hygiene {
    grid-template-columns:1fr;
    gap:22px;
    padding-block:55px
  }
  .hygiene-mark {
    width:55px;
    height:55px
  }
  .scenario-hygiene>.btn {
    grid-column:1
  }
  .scenario-hygiene h2 {
    font-size:26px
  }
  .scenario-hygiene p {
    font-size:13px
  }
  .scenario-hygiene .eyebrow {
    font-size:10px
  }
  .about-opening-grid {
    grid-template-columns:1fr;
    gap:35px;
    padding-bottom:28px
  }
  .about-opening-grid>div>p {
    font-size:14px;
    margin:22px 0 25px
  }
  .about-image-note {
    margin:-12px 15px 0;
    padding:18px 16px
  }
  .about-image-note strong {
    font-size:13px
  }
  .about-image-note span {
    font-size:10px
  }
  .about-opening-foot {
    flex-direction:column;
    align-items:start;
    gap:13px;
    padding:23px 0 28px
  }
  .about-opening-foot p {
    font-size:10px;
    gap:9px;
    flex-wrap:wrap
  }
  .about-opening-foot>span {
    font-size:9px
  }
  .about-purpose .purpose-lead {
    font-size:22px
  }
  .about-purpose p {
    font-size:14px
  }
  .principle-photo {
    margin-top:25px
  }
  .principle-list article {
    gap:22px;
    padding:26px 0
  }
  .principle-list h2 {
    font-size:22px
  }
  .principle-list p {
    font-size:14px
  }
  .principle-list article:first-child {
    padding-top:0
  }
  .company-signature {
    padding:30px
  }
  .company-signature h2 {
    font-size:40px;
    margin-top:25px
  }
  .company-signature p {
    font-size:13px
  }
  .about-company>div:last-child h3 {
    font-size:25px
  }
  .about-company>div:last-child p {
    font-size:14px
  }
  .demo-v2-opening {
    padding-bottom:40px;
    background:var(--navy)
  }
  .demo-v2-grid {
    grid-template-columns:1fr;
    gap:30px
  }
  .demo-v2 h1 {
    font-size:38px
  }
  .demo-v2 .eyebrow {
    font-size:10px;
    margin-bottom:20px
  }
  .demo-v2-copy>p {
    font-size:14px;
    margin-top:22px
  }
  .demo-mobile-jump {
    display:inline-flex;
    align-items:center;
    gap:10px;
    color:#b9d0ff;
    font-size:13px;
    margin-top:22px;
    min-height:44px
  }
  .demo-product-preview {
    margin-top:22px
  }
  .demo-preview-bar {
    padding:11px 13px;
    font-size:9px
  }
  .demo-preview-event {
    padding:14px 13px;
    gap:10px
  }
  .demo-preview-event strong {
    font-size:11px
  }
  .demo-preview-event div>span {
    font-size:9px
  }
  .demo-v2-copy>.demo-visual-caption {
    font-size:11px
  }
  .demo-v2-form {
    padding:26px 23px;
    border-radius:12px
  }
  .demo-v2-form .demo-form-heading h2 {
    font-size:25px
  }
  .demo-form-heading p {
    font-size:11px
  }
  .form-heading-icon {
    width:43px;
    height:43px
  }
  .demo-v2-form .field label {
    font-size:13px
  }
  .demo-v2-form .field label span {
    font-size:10px
  }
  .demo-v2-form .field input,.demo-v2-form .field [data-slot=select-trigger] {
    font-size:15px;
    height:48px
  }
  .demo-v2-form .field input::placeholder {
    font-size:13px
  }
  .demo-v2-form .privacy-note {
    font-size:11px
  }
  .demo-v2-form .form-preview-note {
    font-size:11px
  }
  .demo-extra [data-slot=accordion-trigger] {
    font-size:12px;
    gap:5px
  }
  .demo-extra [data-slot=accordion-trigger]>span {
    font-size:9px
  }
  .demo-v2 .form-success {
    min-height:480px
  }
  .demo-v2 .form-success h2 {
    font-size:28px
  }
  .demo-agenda {
    padding-block:60px 40px
  }
  .demo-agenda>div>p {
    font-size:14px
  }
  .demo-agenda-list article {
    gap:18px
  }
  .demo-agenda-list h3 {
    font-size:21px
  }
  .demo-agenda-list p {
    font-size:13px
  }
  .demo-direct-contact {
    flex-direction:column;
    align-items:start;
    gap:17px;
    padding:23px;
    margin-bottom:60px
  }
  .demo-direct-contact>span {
    font-size:12px
  }
  .demo-direct-contact>a {
    font-size:13px;
    min-height:30px
  }
  .contact-map-section {
    grid-template-columns:1fr;
    margin-bottom:60px
  }
  .contact-map-address {
    padding:30px 25px
  }
  .map-address-icon {
    margin-bottom:23px;
    width:48px;
    height:48px
  }
  .contact-map-address h2 {
    font-size:27px
  }
  .contact-map-address p {
    font-size:14px
  }
  .contact-map-address .text-link {
    font-size:13px;
    min-height:44px;
    margin-top:17px
  }
  .map-address-note {
    margin-top:15px
  }
  .contact-map,.contact-map iframe {
    min-height:320px;
    height:320px
  }
  .map-open {
    right:15px;
    bottom:15px
  }
  .scenario-page-v2 .camera-top,.about-v2 .camera-top,.demo-v2 .camera-top {
    font-size:9px;
    padding:10px
  }
  .scenario-page-v2 .camera-bottom,.about-v2 .camera-bottom,.demo-v2 .camera-bottom {
    font-size:9px
  }
}
@media(prefers-reduced-motion:reduce) {
  .form-spinner {
    animation:none
  }
}
@media(min-width:901px) and (max-width:1050px) {
  .site-header .logo,.site-header .logo img {
    width:144px
  }
  .site-header .header-inner {
    gap:20px
  }
  .site-header .header-inner nav {
    gap:14px
  }
  .site-header .header-actions {
    gap:12px
  }
}
/* Keep the five-link navigation comfortable on smaller tablets. */
@media(min-width:901px) and (max-width:1200px) {
  .site-header .header-inner {
    height:76px;
    justify-content:space-between
  }
  .header-inner nav,.header-actions .portal,.header-actions .language {
    display:none
  }
  .menu-toggle {
    display:flex;
    align-items:center;
    justify-content:center;
    background:transparent;
    border:1px solid #dce4ee;
    border-radius:6px;
    width:40px;
    height:40px
  }
  .mobile-nav {
    display:flex;
    flex-direction:column;
    gap:0;
    padding:12px 32px 25px;
    border-top:1px solid #e1e8f1;
    max-height:calc(100dvh - 76px);
    overflow-y:auto
  }
  .mobile-nav>a:not(.btn),.mobile-nav>button {
    padding:14px 4px;
    border-bottom:1px solid #edf1f6;
    font-size:15px;
    text-align:left
  }
  .mobile-nav .btn {
    margin-top:17px
  }
}
/* Equal side columns keep the desktop menu on the page centerline. */
@media(min-width:1201px) {
  .site-header .header-inner {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
    gap:20px
  }
  .site-header .header-inner>.logo {
    justify-self:start
  }
  .site-header .header-inner>nav {
    justify-self:center;
    gap:24px
  }
  .site-header .header-actions {
    margin-left:0;
    justify-self:end;
    gap:18px
  }
}
/* Bağımsız HTML kontrolleri: yerel sekme, form, accordion ve dialog stilleri. */
[hidden]  {
  display: none !important;
}
.sr-only  {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.vanilla-tabs  {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.vanilla-tabs-list  {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: #edf2f8;
  padding: 4px;
  border-radius: 8px;
}
.vanilla-tab  {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: #607083;
  padding: 9px 15px;
  font-size: 14px;
  font-weight: 500;
  min-height: 44px;
}
.vanilla-tab[data-state="active"]  {
  background: #fff;
  color: #11243b;
  box-shadow: 0 1px 5px #11243b10;
}
.vanilla-accordion-item  {
  border-bottom: 1px solid #dfe5ed;
}
.vanilla-accordion-item:last-child  {
  border-bottom: 0;
}
[data-slot="accordion-trigger"]  {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 0;
  cursor: pointer;
  list-style: none;
  font-size: 14px;
  font-weight: 500;
}
[data-slot="accordion-trigger"]::-webkit-details-marker  {
  display: none;
}
[data-slot="accordion-trigger"]:focus-visible  {
  outline: 3px solid #658ff4;
  outline-offset: 4px;
}
details[open] > summary > svg  {
  transform: rotate(180deg);
}
[data-slot="accordion-content"]  {
  padding-bottom: 16px;
  font-size: 14px;
}
[data-slot="input"], [data-slot="textarea"], .vanilla-select  {
  font: inherit;
  color: #11243b;
  border: 1px solid #d8e0e9;
  background: #fff;
  border-radius: 6px;
  padding: 9px 12px;
  min-width: 0;
}
[data-slot="input"]  {
  height: 44px;
}
[data-slot="textarea"]  {
  display: block;
  width: 100%;
}
.vanilla-select  {
  appearance: auto;
  height: 44px;
  cursor: pointer;
}
.platform-tools .vanilla-select  {
  width: 190px;
  font-size: 12px;
}
.language-dialog  {
  border: 1px solid var(--border);
  border-radius: calc(var(--radius) + 6px);
  padding: 0;
  width: min(360px, calc(100vw - 40px));
  margin: auto;
  color: var(--foreground);
  background: var(--card);
  box-shadow: 0 24px 70px #05152933;
  overflow: hidden;
}
.language-dialog::backdrop  {
  background: #08162680;
  backdrop-filter: blur(2px);
}
.language-dialog-content  {
  position: relative;
  padding: 22px;
}
.language-dialog-head  {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
  padding-right: 28px;
}
.language-dialog-icon  {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: var(--accent);
  color: var(--accent-foreground);
  flex-shrink: 0;
}
.language-dialog h2  {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -.01em;
  margin: 0;
}
.language-dialog p  {
  color: var(--muted-foreground);
  font-size: 14px;
  line-height: 1.8;
  margin-bottom: 24px;
}
.dialog-close  {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--muted-foreground);
  transition: background .15s ease, color .15s ease;
}
.dialog-close:hover  {
  background: var(--muted);
  color: var(--foreground);
}
.language-dialog-options  {
  display: flex;
  flex-direction: column;
  gap: 4px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.language-option  {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 11px 12px;
  border-radius: var(--radius);
  color: var(--foreground);
  text-decoration: none;
  border: 1px solid transparent;
  transition: background .15s ease, border-color .15s ease;
}
.language-option:hover  {
  background: var(--muted);
}
.language-option-code  {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 9px;
  background: var(--secondary);
  color: var(--secondary-foreground);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .02em;
  flex-shrink: 0;
}
.language-option-label  {
  flex: 1;
  font-size: 14.5px;
  font-weight: 500;
}
.language-option-check  {
  color: var(--primary);
  opacity: 0;
  flex-shrink: 0;
}
.language-option.is-active  {
  background: var(--accent);
  border-color: color-mix(in srgb, var(--primary) 25%, transparent);
}
.language-option.is-active .language-option-code  {
  background: var(--primary);
  color: var(--primary-foreground);
}
.language-option.is-active .language-option-label  {
  color: var(--accent-foreground);
  font-weight: 600;
}
.language-option.is-active .language-option-check  {
  opacity: 1;
}
.success-symbol  {
  font-size: 36px;
}
.demo-v2-form fieldset:disabled  {
  opacity: .7;
}
@media (max-width: 600px)  {
  .platform-tools .vanilla-select  {
    width: 160px;
  }
}


/* KYS — seçilen minimal footer */
.kys-footer{padding:0;background:#f5f7fa;border-top:1px solid #e2e8f0;font-size:14px;line-height:1.7}
.kys-footer .footer-container{width:min(1280px,calc(100% - 80px));margin:auto}
.kys-footer .footer-logo{display:inline-flex;align-items:center;justify-content:flex-start;width:195px;min-height:77px}
.kys-footer .footer-logo img{width:195px;height:auto}
.kys-footer a:hover{color:#275dde}
.kys-footer nav a{display:flex;align-items:center;min-height:42px;color:#5e6f85;font-size:14px;line-height:1.6}
.kys-footer h2{font-size:15px;line-height:1.3;font-weight:600;letter-spacing:-.015em;margin:0 0 16px}
.kys-footer .contact-link{display:flex;align-items:center;gap:10px;min-height:43px;font-size:14px;color:#466383}
.kys-footer .contact-link svg,.kys-footer .address-link>svg{color:#7891af}
.kys-footer .address-link{display:flex;align-items:flex-start;gap:10px;padding-top:15px;color:#466383;line-height:1.7}
.kys-footer .address-link>svg{margin-top:3px}
.kys-footer .address-link span span{display:block;font-size:14px;margin:0;line-height:1.7}
.kys-footer .legal-links{display:flex;align-items:center;gap:22px}
.kys-footer .legal-links a{display:flex;align-items:center;min-height:42px;font-size:12px;color:#626e7d}
.kys-footer .social-icons{display:flex;gap:10px;align-items:center}
.kys-footer .social-icon{display:grid;place-items:center;width:38px;height:38px;color:#587294;border:1px solid #dbe3ed;border-radius:50%;background:#fff}
.kys-footer .social-icon svg{width:16px;height:16px}
.kys-footer .social-icon[aria-label=YouTube] svg{width:18px;height:18px}
.kys-footer .one-grid{display:grid;grid-template-columns:1.15fr .85fr .8fr 1.2fr;gap:50px;padding:43px 0 32px}
.kys-footer .one-brand p{font-size:15px;line-height:1.8;color:#5a6f88;margin:19px 0 0;max-width:270px}
.kys-footer .one-brand .social-icons{margin-top:24px}
.kys-footer .one-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:17px 0;border-top:1px solid #e2e8f0;font-size:14px;color:#636e7c}
@media(max-width:1100px){.kys-footer .footer-container{width:calc(100% - 64px)}.kys-footer .one-grid{gap:28px;grid-template-columns:1.1fr .85fr .7fr 1.2fr}}
@media(max-width:820px){.kys-footer .one-grid{grid-template-columns:1fr 1fr 1fr;gap:25px;padding-top:30px}.kys-footer .one-brand{grid-column:1/-1;display:flex;align-items:center;gap:30px;justify-content:space-between}.kys-footer .one-brand p{margin:0;font-size:14px}.kys-footer .one-brand .social-icons{margin:0;gap:7px}.kys-footer .social-icon{width:35px;height:35px}.kys-footer .one-bottom{flex-wrap:wrap;gap:7px 20px}}
@media(max-width:600px){.kys-footer .footer-container{width:calc(100% - 40px)}.kys-footer .footer-logo{width:172px;min-height:68px}.kys-footer .footer-logo img{width:172px}.kys-footer .one-grid{grid-template-columns:1fr 1fr;gap:28px 26px;padding:25px 0}.kys-footer .one-brand{display:block}.kys-footer .one-brand p{font-size:14px;margin-top:14px}.kys-footer .one-brand .social-icons{margin-top:19px;gap:10px}.kys-footer .social-icon{width:38px;height:38px}.kys-footer .one-contact{grid-column:1/-1;border-top:1px solid #e2e8f0;padding-top:23px}.kys-footer nav a{min-height:44px}.kys-footer h2{margin-bottom:12px}.kys-footer .one-bottom{display:grid;gap:3px;padding:16px 0}.kys-footer .one-bottom .legal-links{gap:20px}}

/* İletişim adresi, Bize Ulaşın bölümü içinde. */
.contact-channel-address address{font-style:normal;font-size:16px;font-weight:500;line-height:1.75;color:#263f5c}
.contact-channel-address p{color:#275dde}
.contact-channel-address:hover address{color:#275dde}
@media(max-width:600px){.contact-channel-address address{font-size:15px}}

/* Anasayfa: bağımsız, tam genişlikte ve dönüşümlü açık zeminler. */
.kys-home > .home-section{display:flow-root;clear:both;position:relative;isolation:isolate;width:100%;height:auto;min-height:0;margin:0;overflow:visible}
.kys-home > .home-section-white{background:#fff}
.kys-home > .home-section-soft{background:#f4f7fa}
.kys-home [data-home-section="process"] .process{position:relative;align-items:start}
.kys-home [data-home-section="platform"] .platform-preview{position:relative}