html { scroll-behavior: auto; scroll-padding-top: 32px; }
body { font-family: var(--nortiva-font-sans); color: var(--nortiva-ink); }
a { color: inherit; }
button, a { touch-action: manipulation; }
.skip-link { position: fixed; top: 12px; left: 12px; z-index: 100; padding: 14px 20px; background: var(--nortiva-ink); color: #fff; transform: translateY(-160%); }
.skip-link:focus { transform: translateY(0); }
.nortiva-header__cta, .nortiva-button { text-decoration: none; }
.nortiva-nav a { display: inline-flex; align-items: center; min-height: 44px; font-size: 13px; text-decoration: none; }
.nortiva-nav a:hover { color: var(--nortiva-cobalt); }
.nortiva-footer { font-size: 12px; }
.section-shell { width: min(1288px, calc(100% - 10.6vw)); margin-inline: auto; }
.section-meta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 55px; color: #525e70; font-family: var(--nortiva-font-mono); font-size: 12px; line-height: 1.5; letter-spacing: .04em; }
.section-meta > span:first-child { color: var(--nortiva-cobalt); }
.section-intro { display: grid; grid-template-columns: 1.45fr 1fr; align-items: end; gap: 70px; margin-bottom: 48px; }
.section-intro h2, .intelligence h2, .robotics h2, .vision h2, .site-footer h2 { margin: 0; font-size: clamp(38px, 4.2vw, 62px); font-weight: 600; line-height: 1.07; letter-spacing: -.045em; }
.section-intro > p { max-width: 350px; margin: 0 0 5px; color: var(--nortiva-muted); font-size: 18px; line-height: 1.65; }
.section-kicker, .mono { font-family: var(--nortiva-font-mono); font-size: 12px; line-height: 1.5; letter-spacing: .04em; }
.section-kicker { margin: 0 0 22px; color: var(--nortiva-cobalt); }
.section-lede { margin: 28px 0 0; max-width: 450px; color: var(--nortiva-muted); font-size: 18px; line-height: 1.7; }
.labs { padding-block: 112px 100px; }
.portfolio-tools { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 28px; }
.product-filters { display: flex; flex-wrap: wrap; gap: 7px; }
.product-filters button { min-height: 42px; padding: 10px 15px; border: 1px solid #d6dbe2; border-radius: 4px; background: transparent; color: #4a5362; font: 450 14px/1.4 var(--nortiva-font-sans); cursor: pointer; transition: background-color 160ms, color 160ms; }
.product-filters button span { margin-left: 7px; font: 11px var(--nortiva-font-mono); opacity: .6; }
.product-filters button[aria-pressed="true"] { border-color: var(--nortiva-ink); background: var(--nortiva-ink); color: #fff; }
.product-filters button:hover:not([aria-pressed="true"]) { background: #e7eaf0; }
.portfolio-count { margin: 0; flex-shrink: 0; color: #697384; font-size: 13px; }
.product-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 22px; }
.product-card { grid-column: span 2; min-width: 0; overflow: hidden; border: 1px solid #d8dce2; border-radius: 9px; background: #fff; transition: box-shadow 200ms, transform 200ms; }
.product-card:nth-child(n+4) { grid-column: span 3; }
.product-card[hidden] { display: none; }
.product-grid:not([data-active-filter="all"]) .product-card { grid-column: span 3; }
.product-card:hover { transform: translateY(-4px); box-shadow: 0 16px 30px rgb(16 22 34 / 7%); }
.product-visual { position: relative; height: 284px; overflow: hidden; }
.visual-category { position: absolute; left: 25px; top: 22px; z-index: 2; font: 11px/1.5 var(--nortiva-font-mono); letter-spacing: .025em; }
.visual-note { position: absolute; left: 25px; bottom: 23px; z-index: 2; font: 10px/1.5 var(--nortiva-font-mono); letter-spacing: .04em; opacity: .68; }
.brand-centre { position: absolute; inset: 52px 20px 50px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 13px; }
.brand-centre img { width: 80px; height: 80px; object-fit: contain; border-radius: 18px; }
.visual-wordmark { font-size: 28px; font-weight: 650; letter-spacing: -.03em; }
.product-visual--risaal { background: #eaf1ed; color: #203c2c; }
.product-visual--horizon { background: #112d32; color: #eff9f7; }
.horizon-brand { position: absolute; inset: 48px 25px 50px; display: flex; align-items: center; justify-content: center; gap: 16px; }
.horizon-brand img { width: 75px; height: 75px; object-fit: contain; border-radius: 7px; }
.horizon-brand > span { font-size: 24px; font-weight: 400; line-height: 1.2; letter-spacing: .03em; }
.horizon-brand strong { font-weight: 650; }
.product-visual--pile { background: #e8e7f4; color: #26213f; }
.product-visual--pile .brand-centre img { width: 90px; height: 90px; border-radius: 20px; box-shadow: 0 9px 25px #29205623; }
.product-visual--pile .visual-wordmark { font-size: 24px; font-weight: 750; letter-spacing: .035em; }
.product-visual--burnix { height: 322px; background: #151a20; color: #d4deed; }
.burnix-lockup { position: absolute; left: 26px; top: 78px; width: 138px; height: auto; }
.burnix-screens { position: absolute; right: 28px; top: 60px; display: flex; align-items: flex-start; gap: 16px; }
.burnix-screens img { width: 132px; height: auto; border: 5px solid #1c2227; border-radius: 23px; box-shadow: 0 18px 24px #10162225; }
.burnix-screens img:first-child { margin-top: 39px; transform: rotate(-6deg); }
.burnix-screens img+img { transform: rotate(6deg); }
.product-visual--timero { height: 322px; background: #e7ecfa; }
.timero-brand { position: absolute; left: 25px; top: 74px; display: flex; align-items: center; gap: 9px; }
.timero-brand img { width: 44px; height: 44px; object-fit: contain; border-radius: 9px; }
.timero-brand span { font-size: 29px; font-weight: 650; letter-spacing: -.04em; }
.timero-screen { position: absolute; width: min(74%, 345px); height: auto; right: -5px; top: 105px; transform: rotate(-5deg); border-radius: 10px; box-shadow: 0 14px 35px #29418225; }
.product-copy { padding: 24px 25px 23px; }
.product-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.product-heading h3 { margin: 0; font-size: 22px; font-weight: 600; letter-spacing: -.035em; }
.product-category { font: 11px/1.4 var(--nortiva-font-mono); color: #677185; }
.product-copy > p { min-height: 73px; margin: 14px 0 20px; color: #626d7d; font-size: 16px; line-height: 1.55; }
.product-link { display: flex; align-items: center; justify-content: space-between; min-height: 35px; padding-top: 13px; border-top: 1px solid #e1e5eb; text-decoration: none; font-size: 14px; font-weight: 550; }
.product-link > span+span { font-size: 21px; font-weight: 400; }
.product-link:hover { color: var(--nortiva-cobalt); }
.labs-closing { display: flex; align-items: center; justify-content: space-between; gap: 25px; margin-top: 42px; color: #737d8c; }
.labs-closing p { margin: 0; font-size: 15px; }
.robotics { padding-block: 92px 72px; background: #111925; color: #f1f4fb; overflow: clip; }
.section-meta--light { color: #8795aa; }
.section-meta--light > span:first-child { color: #b5c3f5; }
.direction-tag { border: 1px solid #516075; border-radius: 3px; padding: 6px 10px; font-size: 11px; }
.direction-tag--paper { border-color: #c5cdda; color: #637089; }
.robotics-intro { position: relative; display: grid; grid-template-columns: 1fr 1.15fr; gap: 30px; align-items: center; min-height: 430px; margin-top: -13px; }
.robotics-copy { position: relative; z-index: 1; }
.robotics .section-kicker { color: #8ba4ff; }
.robotics h2 { font-size: clamp(40px, 4.4vw, 64px); }
.robotics .section-lede { color: #b2bccd; font-size: 17px; max-width: 380px; }
.robotics-art { display: block; width: 120%; margin-left: -10%; }
.robotics-art img { display: block; width: 100%; height: auto; }
.future-applications { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 44px; margin-top: 40px; }
.future-applications article { padding-top: 25px; border-top: 1px solid #415069; }
.application-number { font: 11px/1.5 var(--nortiva-font-mono); color: #99aff6; }
.future-applications h3 { margin: 23px 0 14px; font-size: 25px; font-weight: 500; letter-spacing: -.03em; }
.future-applications p { min-height: 80px; margin: 0; color: #b2bdcf; font-size: 16px; line-height: 1.65; }
.topic-chips { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 23px; }
.topic-chips span { padding: 6px 9px; border: 1px solid #344258; border-radius: 4px; font-size: 12px; color: #a7b6cc; }
.future-caption { margin: 37px 0 0; color: #7e8da5; font-size: 12px; }
.intelligence { padding-block: 104px 112px; }
.intelligence-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 78px; align-items: center; }
.intelligence .section-lede { max-width: 425px; font-size: 17px; }
.intelligence-tabs { display: flex; flex-direction: column; align-items: stretch; gap: 0; max-width: 390px; margin-top: 30px; }
.intelligence-tabs button { display: flex; align-items: center; min-height: 49px; padding: 10px 14px; border: 0; border-bottom: 1px solid #d7dee8; background: transparent; color: #586477; font: 500 15px/1.5 var(--nortiva-font-sans); text-align: left; cursor: pointer; }
.intelligence-tabs button[aria-selected="true"] { border-left: 3px solid var(--nortiva-cobalt); background: #e7ecf8; color: #2145c8; padding-left: 11px; }
.intelligence-panel { min-width: 0; padding: 30px; border: 1px solid #ccd5e2; border-radius: 8px; background: #eaf0fa; box-shadow: 0 25px 50px #3156df08; }
.panel-topline { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 35px; color: #647795; }
.panel-topline svg { width: 25px; height: 25px; fill: var(--nortiva-cobalt); }
.intelligence-panel h3 { margin: 0; font-size: 31px; font-weight: 550; line-height: 1.14; letter-spacing: -.035em; }
.intelligence-panel > p { min-height: 82px; margin: 20px 0 30px; color: #536681; font-size: 16px; line-height: 1.6; }
.intelligence-flow { display: flex; flex-direction: column; align-items: stretch; }
.intelligence-flow > div { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 16px 17px; border: 1px solid #c8d4e7; border-radius: 5px; background: #f7f9fd; }
.flow-index { font: 10px/1.5 var(--nortiva-font-mono); color: #6d819e; }
.intelligence-flow strong { font-size: 14px; font-weight: 550; color: #354a6b; text-align: right; }
.intelligence-flow > .flow-engine { border-color: var(--nortiva-cobalt); background: var(--nortiva-cobalt); }
.flow-engine .flow-index, .flow-engine strong { color: #fff; }
.flow-line { display: block; height: 17px; margin-left: 34px; border-left: 1px solid #92a9d0; }
.panel-bottomline { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding-top: 25px; margin-top: 29px; border-top: 1px solid #ccd8e9; color: #72839b; font-size: 12px; }
.vision { padding-block: 82px 110px; background: #e9edf3; border-top: 1px solid #d9dfe7; }
.vision-layout { display: grid; grid-template-columns: 1.1fr 1fr; gap: 90px; align-items: center; }
.vision-statement h2 { font-size: clamp(43px, 4.8vw, 70px); }
.vision-statement h2 span { color: var(--nortiva-cobalt); }
.vision-statement > p { max-width: 440px; margin: 28px 0 0; color: #606c7e; font-size: 18px; line-height: 1.65; }
.principles article { display: flex; gap: 23px; padding-block: 25px; border-top: 1px solid #c6cfda; }
.principles article > span { padding-top: 5px; font: 12px var(--nortiva-font-mono); color: #7b899e; }
.principles h3 { margin: 0 0 10px; font-size: 21px; font-weight: 550; letter-spacing: -.03em; }
.principles p { margin: 0; max-width: 370px; color: #627087; font-size: 16px; line-height: 1.55; }
.site-footer { padding-block: 85px 29px; background: #101622; color: #e9eef8; }
.footer-invitation { position: relative; padding-bottom: 60px; border-bottom: 1px solid #374157; }
.site-footer .section-kicker { color: #8ca6ff; }
.site-footer h2 { font-size: clamp(50px, 5.4vw, 80px); font-weight: 500; }
.footer-cta { position: absolute; right: 0; bottom: 72px; display: flex; align-items: center; gap: 35px; padding: 15px 0; border-bottom: 1px solid #8c9dbc; color: #e5ecfa; font-size: 16px; text-decoration: none; }
.footer-cta > span { font-size: 24px; }
.footer-links { display: grid; grid-template-columns: 1.7fr 1fr 1fr; gap: 40px; padding-block: 52px 45px; }
.footer-brand { align-self: start; color: #eff3fb; }
.footer-links > div { display: flex; flex-direction: column; gap: 12px; align-items: start; }
.footer-label { margin-bottom: 8px; color: #7788a4; font: 11px var(--nortiva-font-mono); letter-spacing: .05em; }
.footer-links > div a { color: #becadd; font-size: 14px; text-decoration: none; }
.footer-links > div a:hover { color: #fff; }
.footer-baseline { display: flex; align-items: center; justify-content: space-between; gap: 30px; padding-top: 25px; border-top: 1px solid #303d52; color: #8292ac; font-size: 12px; }
.footer-baseline a { color: #b8c5da; text-decoration: none; }
.labs :is(button,a):focus-visible, .intelligence :is(button,a):focus-visible, .site-footer a:focus-visible { outline: 2px solid #7595ff; outline-offset: 5px; }
@media (max-width:1000px) {
  .nortiva-footer { grid-template-columns: 1fr 1fr; font-size: 11px; gap: 12px 20px; }
  .nortiva-footer > span + span { padding-left: 0; border-left: 0; }
  .section-intro { gap: 40px; }.section-intro > p { font-size: 16px; }
  .portfolio-tools { align-items: start; }.portfolio-count { padding-top: 12px; }
  .product-grid { gap: 16px; }.product-card { grid-column: span 3; }.product-card:nth-child(n+4) { grid-column: span 3; }.product-card:last-child { grid-column: span 6; }
  .product-visual { height: 270px; }.product-card--timero .product-visual { height: 310px; }
  .burnix-lockup { top: 61px; width: 120px; }.burnix-screens { top: 114px; right: 17px; gap: 12px; }.burnix-screens img { width: 120px; }
  .intelligence-layout { gap: 40px; }.vision-layout { gap: 45px; }
  .intelligence-panel { padding: 25px; }.intelligence-panel h3 { font-size: 28px; }
  .future-applications { gap: 24px; }.future-applications h3 { font-size: 22px; }
  .robotics-intro { gap: 10px; }.robotics h2 { font-size: 44px; }.robotics .section-lede { font-size: 16px; }
}
@media (max-width:800px) {
  .nortiva-main { flex-direction: column; align-items: stretch; justify-content: center; gap: 24px; padding-block: 54px 32px; }
  .nortiva-copy { width: 100%; max-width: 600px; }
  .nortiva-title { font-size: clamp(43px, 6.6vw, 58px); }
  .nortiva-hero__art { position: static; transform: none; align-self: center; width: min(76%, 520px); }
  .section-intro { grid-template-columns: 1fr; gap: 25px; }.section-intro > p { max-width: 440px; }
  .robotics-intro { grid-template-columns: 1fr; gap: 25px; }.robotics-copy { max-width: 530px; }.robotics-art { width: 104%; margin-left: -2%; }
  .robotics .section-lede { max-width: 470px; }.future-applications { margin-top: 42px; }
  .future-applications p { min-height: 108px; font-size: 15px; }.topic-chips { margin-top: 18px; }
  .intelligence-layout { grid-template-columns: 1fr; gap: 35px; }.intelligence .section-lede { max-width: 550px; }.intelligence-tabs { max-width: none; flex-direction: row; flex-wrap: wrap; gap: 5px; }.intelligence-tabs button { min-height: 45px; font-size: 13px; border: 1px solid #d7dee8; border-radius: 3px; }.intelligence-tabs button[aria-selected="true"] { border: 1px solid var(--nortiva-cobalt); padding-left: 14px; }
  .vision-layout { grid-template-columns: 1fr; gap: 40px; }.principles { max-width: 650px; }
  .footer-links { grid-template-columns: 1.2fr 1fr 1fr; }.footer-brand > span { font-size: 20px; }.footer-brand { gap: 10px; }.footer-cta { position: static; width: fit-content; margin-top: 30px; }
}
@media (max-width:640px) {
  .nortiva-main { gap: 20px; padding-block: 69px 15px; }
  .nortiva-title { font-size: clamp(33px, 10.8vw, 67px); }
  .nortiva-hero__art { width: min(100%,400px); }
  .nortiva-nav a { font-size: 12px; }.nortiva-header__cta { font-size: 12px; }.nortiva-button { font-size: 12px; }.nortiva-actions { gap: 18px; }.nortiva-button--quiet { gap: 10px; }
  .nortiva-footer { font-size: 9px; }.nortiva-description { font-size: 15px; }
  .section-shell { width: calc(100% - 48px); }.section-meta { align-items: start; gap: 18px; margin-bottom: 36px; font-size: 10px; }.section-meta > span+span { max-width: 145px; text-align: right; }
  .labs { padding-block: 72px 66px; }.section-intro { margin-bottom: 28px; }.section-intro h2 { font-size: 38px; }.section-intro > p { font-size: 16px; }
  .portfolio-tools { flex-direction: column; gap: 10px; margin-bottom: 23px; }.portfolio-count { padding-top: 0; font-size: 12px; }.product-filters { gap: 6px; }.product-filters button { padding-inline: 12px; font-size: 13px; }
  .product-grid { grid-template-columns: 1fr; gap: 19px; }.product-card, .product-card:nth-child(n+4), .product-card:last-child, .product-grid:not([data-active-filter="all"]) .product-card { grid-column: auto; }
  .product-visual { height: 270px; }.product-visual--burnix, .product-visual--timero { height: 290px; }
  .visual-category { left: 22px; top: 20px; font-size: 11px; }.visual-note { left: 22px; font-size: 10px; }
  .product-copy { padding: 23px 22px; }.product-heading h3 { font-size: 22px; }.product-category { font-size: 10px; }.product-copy > p { min-height: 0; margin-bottom: 21px; }
  .burnix-lockup { width: 115px; top: 61px; left: 22px; }.burnix-screens { right: 15px; top: 112px; gap: 14px; }.burnix-screens img { width: 113px; }.burnix-screens img:first-child { margin-top: 28px; }
  .timero-brand { left: 22px; top: 64px; }.timero-screen { top: 127px; width: 74%; }.product-card--timero .product-visual { height: 290px; }
  .labs-closing { align-items: start; flex-direction: column; gap: 15px; margin-top: 32px; }.labs-closing .mono { font-size: 10px; }.labs-closing p { font-size: 15px; }
  .robotics { padding-block: 67px 49px; }.direction-tag { font-size: 9px; }.robotics h2 { font-size: 41px; }.robotics-intro { margin-top: 0; }.robotics-copy { max-width: none; }.robotics .section-lede { font-size: 16px; }.robotics-art { width: 110%; margin-left: -5%; }
  .future-applications { grid-template-columns: 1fr; gap: 28px; margin-top: 33px; }.future-applications h3 { margin-top: 17px; font-size: 24px; }.future-applications p { min-height: 0; font-size: 16px; }.topic-chips { margin-top: 18px; }.future-caption { margin-top: 30px; font-size: 12px; }
  .intelligence { padding-block: 66px 72px; }.intelligence h2 { font-size: 38px; }.intelligence .section-lede { font-size: 16px; }.section-kicker { font-size: 11px; }
  .intelligence-tabs { flex-direction: column; }.intelligence-tabs button { font-size: 14px; }.intelligence-panel { padding: 22px; }.panel-topline { margin-bottom: 28px; }.panel-topline .mono { font-size: 10px; }.intelligence-panel h3 { font-size: 29px; }.intelligence-panel > p { min-height: 0; font-size: 15px; }.intelligence-flow > div { padding-inline: 12px; gap: 12px; }.intelligence-flow strong { font-size: 12px; }.flow-index { font-size: 9px; }.panel-bottomline { font-size: 11px; }
  .vision { padding-block: 63px 70px; }.vision-statement h2 { font-size: 43px; }.vision-statement > p { font-size: 17px; }.principles article { gap: 18px; padding-block: 23px; }.principles h3 { font-size: 21px; }.principles p { font-size: 16px; }
  .site-footer { padding-block: 64px 25px; }.footer-invitation { padding-bottom: 38px; }.site-footer h2 { font-size: 48px; }.footer-cta { font-size: 15px; gap: 22px; }.footer-links { grid-template-columns: 1fr 1fr; gap: 35px 24px; padding-block: 36px; }.footer-brand { grid-column: 1/-1; }.footer-label { font-size: 10px; }.footer-links > div a { font-size: 14px; }.footer-baseline { align-items: start; gap: 20px; font-size: 11px; }.footer-baseline > span { max-width: 220px; }.footer-baseline a { white-space: nowrap; }
}
@media (max-width:640px) and (max-height:780px) {
  .nortiva-main { padding-block: 63px 12px; gap: 15px; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior: auto; }.product-card, .product-filters button { transition: none; }.product-card:hover { transform: none; }
}