@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root {
  --bg:#f6f5f0;
  --ink:#242522;
  --muted:#74756f;
  --border:#ddded5;
  --accent:#ff6506;
  --surface:#eeeee7;
  --card:#fbfaf6;
  --accent-soft:#fff0e4;
  --heading:'Manrope',Arial,sans-serif;
  color-scheme:light;
}

[data-theme=dark] {
  --bg:#191b18;
  --ink:#f3f3ea;
  --muted:#a4a79d;
  --border:#393c35;
  --surface:#23261f;
  --card:#20231e;
  --accent-soft:#38271c;
  color-scheme:dark;
}

* {
  box-sizing:border-box;
}

html {
  scroll-behavior:smooth;
  scroll-padding-top:0;
}

body {
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:'DM Sans',Arial,sans-serif;
  transition:background .25s,color .25s;
}

a {
  color:inherit;
  text-decoration:none;
}

button {
  font:inherit;
  cursor:pointer;
}

button,a {
  -webkit-tap-highlight-color:transparent;
}

a:focus-visible,button:focus-visible {
  outline:2px solid var(--accent);
  outline-offset:5px;
}

::selection {
  background:var(--accent);
  color:white;
}

.wrap {
  width:min(1280px,calc(100% - 112px));
  margin:auto;
}

.header {
  height:80px;
  display:flex;
  align-items:center;
  border-bottom:1px solid var(--border);
  gap:32px;
}

.brand {
  display:flex;
  align-items:center;
  gap:11px;
  font-size:23px;
  font-weight:700;
  letter-spacing:-1px;
}

.brand img {
  display:block;
  border-radius:50%;
}

.header nav {
  display:flex;
  gap:32px;
  margin-left:auto;
  font-size:14px;
}

.header nav a:hover,.text-link:hover {
  color:var(--accent);
}

.theme-button {
  display:flex;
  align-items:center;
  gap:9px;
  background:transparent;
  border:1px solid var(--border);
  border-radius:30px;
  color:var(--ink);
  padding:10px 16px;
  font-size:12px;
}

.theme-symbol {
  font-size:18px;
  line-height:1;
}

.eyebrow {
  font-size:10px;
  letter-spacing:1.6px;
  font-weight:650;
  margin:0;
  display:flex;
  gap:9px;
  align-items:center;
  line-height:1.7;
}

.status-dot {
  height:6px;
  width:6px;
  display:inline-block;
  background:var(--accent);
  border-radius:50%;
  flex-shrink:0;
}

h1,h2,h3 {
  font-family:var(--heading);
}

.accent {
  color:var(--accent);
}

.hero {
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  padding:87px 20px 46px;
  isolation:isolate;
}

.hero::before {
  content:'';
  position:absolute;
  inset:30px 0 60px;
  z-index:-1;
  pointer-events:none;
  background-image:radial-gradient(var(--border) .8px,transparent .8px);
  background-size:24px 24px;
  mask-image:linear-gradient(90deg,black,transparent 23%,transparent 77%,black);
  opacity:.55;
}

.hero h1 {
  font-size:clamp(44px,6.1vw,84px);
  line-height:1.1;
  letter-spacing:-4px;
  font-weight:650;
  margin:29px 0 25px;
}

.intro {
  color:var(--muted);
  font-size:16px;
  line-height:1.85;
  max-width:610px;
  margin:0 0 31px;
}

.hero-actions {
  display:flex;
  justify-content:center;
  align-items:center;
  gap:28px;
  flex-wrap:wrap;
}

.button {
  display:inline-flex;
  align-items:center;
  gap:30px;
  background:var(--ink);
  color:var(--bg);
  padding:17px 21px;
  border-radius:6px;
  font-size:13px;
  font-weight:550;
  transition:transform .2s;
}

.button:hover {
  transform:translateY(-3px);
}

.button span {
  font-size:21px;
  line-height:1;
}

.text-link {
  font-size:12px;
  font-weight:600;
  display:flex;
  gap:12px;
  align-items:center;
  width:fit-content;
}

.text-link span {
  font-size:18px;
}

.hero-signoff {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:17px;
  color:var(--muted);
  font-size:8px;
  letter-spacing:1.5px;
  margin-top:65px;
}

.signoff-line {
  width:42px;
  height:1px;
  background:var(--border);
}

.products {
  padding:40px 0 65px;
  border-top:1px solid var(--border);
}

.section-heading {
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:30px;
}

.section-heading h2 {
  font-size:32px;
  letter-spacing:-1.2px;
  font-weight:600;
  margin:12px 0 0;
}

.section-heading>p {
  color:var(--muted);
  font-size:12px;
  line-height:1.8;
  margin:0;
}

.product-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-top:32px;
}

.product {
  padding:28px;
  border:1px solid var(--border);
  border-radius:8px;
  background:var(--card);
  display:flex;
  flex-direction:column;
}

.product-top {
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:25px;
}

.product-category {
  font-size:8px;
  letter-spacing:1.4px;
  font-weight:650;
  color:var(--accent);
}

.product-number {
  font-size:10px;
  color:var(--muted);
}

.product h3 {
  font-size:23px;
  font-weight:600;
  letter-spacing:-.7px;
  margin:0 0 12px;
}

.product>p {
  font-size:13px;
  line-height:1.85;
  color:var(--muted);
  max-width:440px;
  margin:0 0 26px;
}

@media(max-width:1100px) {
  .wrap {
    width:calc(100% - 64px);
  }
  .hero h1 {
    letter-spacing:-3px;
  }
  .product {
    padding:24px;
  }
  .product h3 {
    font-size:21px;
  }
  .section-heading h2 {
    font-size:28px;
  }
}

@media(max-width:850px) {
  .hero {
    padding:65px 0 38px;
  }
  .hero h1 {
    font-size:clamp(42px,7.4vw,64px);
  }
  .intro {
    max-width:580px;
  }
  .section-heading {
    display:block;
  }
  .section-heading>p {
    margin-top:14px;
  }
  .section-heading>p br {
    display:none;
  }
  .product-grid {
    grid-template-columns:1fr;
  }
  .product {
    padding:28px;
  }
  .product>p {
    max-width:100%;
  }
  .product-top {
    margin-bottom:19px;
  }
  .product h3 {
    font-size:25px;
  }
}

@media(max-width:600px) {
  .wrap {
    width:calc(100% - 40px);
  }
  .header {
    height:82px;
    gap:13px;
  }
  .brand {
    font-size:19px;
  }
  .brand img {
    width:30px;
    height:30px;
  }
  .header nav {
    gap:16px;
    font-size:11px;
  }
  .theme-button {
    padding:8px;
    border-radius:50%;
  }
  .theme-button #theme-label {
    display:none;
  }
  .eyebrow {
    font-size:8px;
    letter-spacing:1.3px;
  }
  .hero {
    padding:54px 0 30px;
  }
  .hero h1 {
    font-size:clamp(34px,7.8vw,47px);
    letter-spacing:-1.7px;
    line-height:1.17;
    margin:24px 0 20px;
  }
  .hero::before {
    opacity:.3;
  }
  .intro {
    font-size:14px;
    line-height:1.8;
  }
  .hero-actions {
    gap:22px;
  }
  .button {
    font-size:12px;
    gap:24px;
    padding:15px 18px;
  }
  .hero-signoff {
    margin-top:40px;
    font-size:6.5px;
    letter-spacing:1px;
    gap:12px;
  }
  .signoff-line {
    width:20px;
  }
  .products {
    padding:32px 0 40px;
  }
  .section-heading h2 {
    font-size:25px;
  }
  .product-grid {
    gap:14px;
    margin-top:25px;
  }
  .product {
    padding:25px;
  }
  .product h3 {
    font-size:23px;
  }
}

@media(max-width:370px) {
  .wrap {
    width:calc(100% - 30px);
  }
  .header nav {
    gap:10px;
    font-size:10px;
  }
  .header {
    gap:10px;
  }
  .brand {
    gap:7px;
    font-size:17px;
  }
  .brand img {
    width:27px;
    height:27px;
  }
  .hero h1 {
    font-size:32px;
    letter-spacing:-1.5px;
  }
  .hero .eyebrow {
    font-size:7px;
  }
}

@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto;
  }
  body,.button {
    transition:none;
  }
}

/* Final Workbench hero. */
.hero-copy {
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
}

.hero-visual {
  display:none;
}

.hero-signoff {
  width:100%;
}

[data-hero=workbench] .hero {
  display:grid;
  grid-template-columns:1.12fr 1fr;
  gap:0 45px;
  text-align:left;
  align-items:center;
  padding:35px 0 35px;
}

[data-hero=workbench] .hero::before {
  display:none;
}

[data-hero=workbench] .hero-copy {
  align-items:flex-start;
  min-width:0;
}

[data-hero=workbench] .hero h1 {
  font-size:clamp(35px,4.1vw,58px);
  letter-spacing:-2.5px;
  line-height:1.15;
}

[data-hero=workbench] .intro {
  font-size:15px;
  max-width:440px;
}

[data-hero=workbench] .hero-actions {
  justify-content:flex-start;
  gap:20px;
}

[data-hero=workbench] .hero-signoff {
  grid-column:1/-1;
  margin-top:30px;
}

[data-hero=workbench] .workbench-visual {
  display:block;
  position:relative;
  min-width:0;
  width:100%;
  aspect-ratio:1.05;
}

.visual-eyebrow {
  position:absolute;
  left:10%;
  top:3%;
  font-size:7px;
  letter-spacing:1.3px;
  color:var(--muted);
}

.workbench-visual {
  isolation:isolate;
}

.workbench-visual::before {
  content:'';
  position:absolute;
  inset:10% 5%;
  border-radius:50%;
  background:radial-gradient(ellipse,var(--accent-soft),transparent 70%);
  z-index:-1;
}

.canvas-window {
  position:absolute;
  left:7%;
  top:20%;
  width:83%;
  background:var(--card);
  border:1px solid var(--border);
  border-radius:9px;
  box-shadow:0 14px 30px #2425220b;
  transform:rotate(-5deg);
  overflow:hidden;
}

.canvas-bar {
  height:33px;
  border-bottom:1px solid var(--border);
  display:flex;
  align-items:center;
  gap:5px;
  padding:0 12px;
}

.canvas-bar>span {
  width:4px;
  height:4px;
  border-radius:50%;
  background:var(--border);
}

.canvas-bar small {
  font-size:6px;
  letter-spacing:1.2px;
  margin-left:auto;
  color:var(--muted);
}

.canvas-body {
  display:flex;
  min-height:205px;
}

.canvas-side {
  width:45px;
  border-right:1px solid var(--border);
  display:flex;
  flex-direction:column;
  gap:14px;
  align-items:center;
  padding:20px 0;
}

.canvas-side b {
  width:14px;
  height:14px;
  background:var(--accent);
  border-radius:3px;
  margin-bottom:6px;
}

.canvas-side i {
  width:13px;
  height:3px;
  background:var(--border);
  border-radius:2px;
}

.canvas-content {
  flex:1;
  padding:25px;
  min-width:0;
}

.canvas-label {
  font-size:6px;
  letter-spacing:1.2px;
  color:var(--muted);
}

.canvas-title-line {
  height:7px;
  width:74%;
  background:var(--ink);
  border-radius:2px;
  margin-top:12px;
  opacity:.8;
}

.canvas-short-line {
  height:4px;
  width:49%;
  background:var(--border);
  border-radius:2px;
  margin:9px 0 22px;
}

.canvas-tiles {
  display:flex;
  gap:12px;
}

.canvas-tiles>div {
  height:75px;
  flex:1;
  border-radius:5px;
  display:grid;
  place-items:center;
}

.tile-orange {
  background:var(--accent);
  color:var(--on-accent);
  font-size:38px;
}

.tile-outline {
  background:var(--surface);
  border:1px solid var(--border);
  color:var(--muted);
  font-size:33px;
}

.data-chip {
  position:absolute;
  bottom:14%;
  left:0;
  display:flex;
  align-items:center;
  gap:13px;
  transform:rotate(3deg);
  background:var(--card);
  border:1px solid var(--border);
  border-radius:6px;
  padding:17px 19px;
  box-shadow:0 8px 15px #24252208;
}

.chip-icon {
  color:var(--accent);
  font-size:24px;
}

.data-chip>div {
  display:flex;
  flex-direction:column;
  gap:7px;
}

.data-chip small {
  font-size:6px;
  letter-spacing:1px;
  color:var(--muted);
}

.data-chip>div>span {
  font-size:11px;
  color:var(--ink);
}

.server-chip {
  position:absolute;
  right:0;
  bottom:8%;
  width:33%;
  background:var(--server-bg);
  border-radius:7px;
  padding:18px 15px;
  transform:rotate(5deg);
  box-shadow:0 10px 20px #24252218;
}

.server-unit {
  height:23px;
  border:1px solid var(--server-border);
  border-radius:3px;
  display:flex;
  align-items:center;
  gap:6px;
  padding:5px 7px;
  margin-bottom:7px;
}

.server-unit i {
  width:3px;
  height:3px;
  border-radius:50%;
  background:var(--accent);
}

.server-unit>span {
  height:2px;
  width:35%;
  background:var(--server-line);
}

.server-unit b {
  width:9px;
  height:2px;
  background:var(--server-line);
  margin-left:auto;
}

.server-chip small {
  color:var(--server-text);
  font-size:5px;
  letter-spacing:1px;
  display:block;
  margin-top:13px;
}

.workbench-cross {
  position:absolute;
  top:9%;
  right:8%;
  color:var(--accent);
  font-size:38px;
  transform:rotate(10deg);
}

@media(max-width:1100px) {
  [data-hero=workbench] .hero {
    gap:0 25px;
  }
  [data-hero=workbench] .hero h1 {
    font-size:clamp(35px,4.2vw,48px);
  }
  .canvas-body {
    min-height:170px;
  }
  .canvas-content {
    padding:18px;
  }
  .canvas-tiles>div {
    height:58px;
  }
  .data-chip {
    padding:13px;
  }
  .server-chip {
    padding:13px 10px;
  }
}

@media(max-width:850px) {
  [data-hero=workbench] .hero {
    grid-template-columns:1fr;
    gap:25px;
    padding-top:45px;
  }
  [data-hero=workbench] .hero h1 {
    font-size:clamp(39px,7vw,60px);
  }
  [data-hero=workbench] .intro {
    max-width:560px;
  }
  .hero-visual {
    max-width:460px;
    justify-self:center;
  }
  [data-hero=workbench] .hero-signoff {
    margin-top:10px;
  }
  .canvas-body {
    min-height:205px;
  }
  .canvas-content {
    padding:25px;
  }
  .canvas-tiles>div {
    height:75px;
  }
  .data-chip {
    padding:17px 19px;
  }
  .server-chip {
    padding:18px 15px;
  }
}

@media(max-width:600px) {
  .hero .hero-copy {
    min-width:0;
  }
  [data-hero=workbench] .hero h1 {
    font-size:clamp(32px,7.8vw,46px);
    letter-spacing:-1.5px;
  }
  .hero h1 {
    font-size:clamp(32px,7.8vw,46px);
    letter-spacing:-1.5px;
  }
  .canvas-body {
    min-height:170px;
  }
  .canvas-content {
    padding:18px;
  }
  .canvas-tiles>div {
    height:58px;
  }
  .canvas-side {
    width:35px;
  }
  .data-chip {
    padding:13px;
    bottom:9%;
  }
  .data-chip>div>span {
    font-size:9px;
  }
  .chip-icon {
    font-size:20px;
  }
  .server-chip {
    padding:13px 10px;
    bottom:4%;
  }
  .visual-eyebrow {
    font-size:6px;
    letter-spacing:1px;
  }
  .workbench-cross {
    font-size:30px;
  }
  .hero-signoff {
    font-size:6px;
  }
}

:root {
  --accent-text:#b84a00;
  --on-accent:#fff8f0;
  --server-bg:#242522;
  --server-border:#55584e;
  --server-line:#7a7e70;
  --server-text:#c1c4b7;
}

[data-theme=dark] {
  --accent-text:#ff9959;
}

.product-category,.text-link:hover,.header nav a:hover {
  color:var(--accent-text);
}

.selected-work {
  padding:0 0 58px;
}

@media(max-width:700px) {
  .selected-work {
    padding-bottom:38px;
  }
  .header nav {
    gap:14px;
  }
}

@media(max-width:400px) {
  .header nav {
    gap:10px;
    font-size:10px;
  }
  .header {
    gap:10px;
  }
  .brand {
    font-size:17px;
    gap:7px;
  }
  .brand img {
    width:27px;
    height:27px;
  }
}

@media(max-width:600px) {
  .header {
    display:grid;
    grid-template-columns:1fr auto;
    height:auto;
    min-height:82px;
    padding:18px 0;
    gap:16px;
  }
  .header nav {
    grid-column:1/-1;
    grid-row:2;
    margin:0;
    justify-content:space-between;
    font-size:12px;
    gap:20px;
  }
  .theme-button {
    grid-column:2;
    grid-row:1;
    justify-self:end;
  }
  .brand {
    grid-column:1;
    grid-row:1;
  }
}

.brand {
  font-size:20px;
  letter-spacing:-.5px;
}

@media(max-width:600px) {
  .brand {
    font-size:18px;
  }
}

@media(max-width:370px) {
  .brand {
    font-size:17px;
  }
}

.product>p {
  margin-bottom:0;
}

.showcase-list {
  display:flex;
  flex-direction:column;
  gap:24px;
  margin-top:32px;
}

.showcase-product {
  display:grid;
  grid-template-columns:1.15fr 1fr;
  border:1px solid var(--border);
  border-radius:10px;
  background:var(--card);
  overflow:hidden;
  min-width:0;
}

.product-preview {
  padding:35px 28px 25px;
  background:#eee5da;
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
}

.sarkari-product .product-preview {
  background:#e6edf6;
  grid-column:2;
  grid-row:1;
}

.sarkari-product .showcase-copy {
  grid-column:1;
  grid-row:1;
}

.preview-browser {
  border:1px solid #d4cec5;
  border-radius:7px;
  background:white;
  box-shadow:0 12px 22px #2425220c;
  overflow:hidden;
}

.sarkari-product .preview-browser {
  border-color:#c7d4e7;
}

.preview-toolbar {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:11px 13px;
  background:#fbfaf7;
  border-bottom:1px solid #e6e2db;
  color:#746f67;
  font-size:8px;
}

.browser-dots {
  display:flex;
  gap:4px;
}

.browser-dots i {
  width:4px;
  height:4px;
  border-radius:50%;
  background:#c7c1b7;
}

.browser-corner {
  font-size:12px;
}

.screenshot-link {
  display:block;
  position:relative;
  background:white;
}

.screenshot-link img {
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1.44;
  object-fit:cover;
  object-position:top;
}

.screenshot-expand {
  position:absolute;
  right:10px;
  bottom:10px;
  width:27px;
  height:27px;
  display:grid;
  place-items:center;
  background:#fffdf9e8;
  border:1px solid #ddd8d0;
  border-radius:5px;
  color:#383b33;
  font-size:15px;
  opacity:0;
  transition:opacity .2s;
}

.screenshot-link:hover .screenshot-expand,.screenshot-link:focus-visible .screenshot-expand {
  opacity:1;
}

.preview-caption {
  font-size:8px;
  letter-spacing:.7px;
  color:#827367;
  align-self:center;
  margin-top:16px;
}

.sarkari-product .preview-caption {
  color:#61718a;
}

.showcase-copy {
  padding:36px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
}

.showcase-meta {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:15px;
  font-size:7px;
  letter-spacing:1.2px;
  font-weight:600;
  color:var(--muted);
}

.live-label {
  display:flex;
  align-items:center;
  gap:5px;
  letter-spacing:0;
  font-weight:500;
  font-size:9px;
}

.live-label i {
  width:4px;
  height:4px;
  border-radius:50%;
  background:#6d8c54;
}

.showcase-copy h2 {
  font-size:34px;
  letter-spacing:-1.3px;
  font-weight:650;
  line-height:1.2;
  margin:22px 0 15px;
}

.showcase-copy>p {
  font-size:13px;
  color:var(--muted);
  line-height:1.85;
  margin:0;
  max-width:410px;
}

.product-highlights {
  list-style:none;
  padding:0;
  margin:23px 0 26px;
  display:flex;
  flex-direction:column;
  gap:10px;
  font-size:11px;
  color:var(--muted);
}

.product-highlights li {
  position:relative;
  padding-left:16px;
  line-height:1.6;
}

.product-highlights li::before {
  content:'';
  width:4px;
  height:4px;
  border:1px solid var(--accent-text);
  border-radius:1px;
  position:absolute;
  left:0;
  top:6px;
}

.showcase-actions {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
}

.showcase-actions .button {
  font-size:11px;
  gap:20px;
  padding:13px 16px;
}

.android-button {
  display:flex;
  align-items:center;
  gap:7px;
  border:1px solid var(--border);
  border-radius:6px;
  padding:13px 12px;
  color:var(--muted);
  font-size:10px;
  background:transparent;
  cursor:default;
}

.android-button svg {
  width:14px;
  height:14px;
  stroke:currentColor;
  stroke-width:1.5;
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.android-button:disabled {
  opacity:.65;
}

.upcoming-products {
  display:flex;
  align-items:center;
  gap:24px;
  padding:29px 30px;
  background:var(--surface);
  border:1px dashed var(--border);
  border-radius:8px;
  margin-top:24px;
}

.upcoming-symbol {
  font-size:42px;
  line-height:1;
  color:var(--accent);
  flex-shrink:0;
}

.upcoming-products .eyebrow {
  font-size:7px;
  color:var(--muted);
}

.upcoming-products h2 {
  font-size:21px;
  font-weight:600;
  letter-spacing:-.7px;
  margin:8px 0;
}

.upcoming-products p:not(.eyebrow) {
  color:var(--muted);
  font-size:12px;
  line-height:1.8;
  margin:0;
  max-width:540px;
}

.upcoming-label {
  font-size:7px;
  letter-spacing:1px;
  white-space:nowrap;
  color:var(--muted);
  margin-left:auto;
  align-self:flex-start;
  border:1px solid var(--border);
  border-radius:4px;
  padding:6px 8px;
}

[data-theme=dark] .awas-product .product-preview {
  background:#352f26;
}

[data-theme=dark] .sarkari-product .product-preview {
  background:#242e3c;
}

[data-theme=dark] .preview-caption {
  color:#c1b6a8;
}

[data-theme=dark] .sarkari-product .preview-caption {
  color:#acbcd2;
}

@media(max-width:1100px) {
  .showcase-copy {
    padding:28px;
  }
  .product-preview {
    padding:30px 22px 22px;
  }
  .showcase-copy h2 {
    font-size:30px;
  }
  .showcase-actions {
    gap:9px;
  }
  .showcase-actions .button {
    gap:13px;
  }
  .upcoming-products {
    gap:20px;
  }
}

@media(max-width:850px) {
  .showcase-product {
    grid-template-columns:1fr;
  }
  .sarkari-product .product-preview,.sarkari-product .showcase-copy {
    grid-column:1;
    grid-row:auto;
  }
  .product-preview {
    padding:30px;
  }
  .showcase-copy {
    padding:30px;
  }
  .showcase-copy>p {
    max-width:100%;
  }
  .screenshot-link img {
    max-height:410px;
    object-fit:cover;
    object-position:top;
  }
  .upcoming-label {
    display:none;
  }
}

@media(max-width:600px) {
  .showcase-list {
    margin-top:25px;
    gap:18px;
  }
  .product-preview {
    padding:22px 17px 17px;
  }
  .preview-caption {
    font-size:7px;
    margin-top:12px;
  }
  .preview-toolbar {
    padding:9px 10px;
    font-size:7px;
  }
  .showcase-copy {
    padding:25px;
  }
  .showcase-copy h2 {
    font-size:30px;
    margin-top:20px;
  }
  .showcase-copy>p {
    font-size:12px;
  }
  .product-highlights {
    font-size:10px;
    gap:9px;
    margin:20px 0 24px;
  }
  .upcoming-products {
    padding:24px 22px;
    gap:18px;
    align-items:flex-start;
  }
  .upcoming-symbol {
    font-size:32px;
    margin-top:4px;
  }
  .upcoming-products h2 {
    font-size:20px;
  }
  .upcoming-products p:not(.eyebrow) {
    font-size:11px;
  }
  .screenshot-expand {
    opacity:1;
    width:23px;
    height:23px;
    font-size:13px;
  }
}

.company-about {
  border-top:1px solid var(--border);
  padding:52px 0 55px;
}

.about-heading {
  display:grid;
  grid-template-columns:1.1fr 1fr;
  gap:65px;
  align-items:center;
}

.about-heading h2 {
  font-size:clamp(32px,3.8vw,48px);
  font-weight:600;
  letter-spacing:-1.8px;
  line-height:1.15;
  margin:18px 0 0;
}

.about-story p {
  font-size:14px;
  line-height:1.85;
  color:var(--muted);
  margin:0 0 16px;
  max-width:460px;
}

.about-story p:first-child {
  font-size:16px;
  color:var(--ink);
}

.about-story p:last-child {
  margin-bottom:0;
}

.founders-heading {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin:40px 0 18px;
}

.founders-heading h3 {
  font-size:16px;
  letter-spacing:-.4px;
  font-weight:600;
  margin:0;
}


.founder-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}

.founder-card {
  display:flex;
  flex-direction:column;
  gap:22px;
  padding:30px;
  border:1px solid var(--border);
  border-radius:8px;
  background:var(--card);
  min-width:0;
}

.founder-avatar {
  width:76px;
  height:76px;
  flex-shrink:0;
  position:relative;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:var(--accent-soft);
  color:var(--accent-text);
}

.founder-avatar img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:grayscale(1) sepia(.12) contrast(.96) brightness(1.04);
}







.founder-info {
  min-width:0;
  display:flex;
  flex-direction:column;
  flex:1;
}

.founder-role {
  font-size:6.5px;
  letter-spacing:.8px;
  color:var(--muted);
  font-weight:600;
  line-height:1.8;
}

.founder-info h4 {
  font-family:var(--heading);
  font-size:23px;
  letter-spacing:-.7px;
  font-weight:600;
  margin:10px 0 12px;
  line-height:1.25;
}

.founder-info>p {
  font-size:12px;
  line-height:1.85;
  color:var(--muted);
  margin:0 0 20px;
}

.founder-links {
  display:flex;
  gap:17px;
  flex-wrap:wrap;
  margin-top:auto;
}

.founder-links button, .founder-links a {
  display:flex;
  align-items:center;
  gap:5px;
  background:none;
  border:0;
  padding:0;
  color:var(--muted);
  font-size:9px;
  cursor:default;
}

.founder-links a {
  cursor:pointer;
}

.founder-links a:hover {
  color:var(--accent-text);
}

.founder-links button:disabled {
  opacity:.7;
}

.linkedin-symbol {
  font-size:9px;
  font-weight:700;
  border:1px solid currentColor;
  border-radius:2px;
  padding:0 2px;
  line-height:12px;
}

.company-signature {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  font-size:10px;
  color:var(--muted);
  margin-top:20px;
}

.company-signature-name {
  font-size:9px;
  letter-spacing:.8px;
  font-weight:550;
}

@media(max-width:1100px) {
  .about-heading {
    gap:35px;
  }
  .founder-card {
    padding:25px;
    gap:17px;
  }
  .founder-avatar {
    width:64px;
    height:64px;
  }
  .founder-info h4 {
    font-size:21px;
  }
  .founder-role {
    font-size:6px;
    letter-spacing:.5px;
  }
  .founder-links {
    gap:12px;
  }
}

@media(max-width:850px) {
  .about-heading {
    grid-template-columns:1fr;
    gap:25px;
  }
  .about-story p {
    max-width:100%;
  }
  .founder-grid {
    grid-template-columns:1fr;
  }
  .founder-card {
    padding:28px;
  }
  .founder-avatar {
    width:76px;
    height:76px;
  }
  .founder-role {
    font-size:7px;
    letter-spacing:.8px;
  }
  .founder-info h4 {
    font-size:24px;
  }
  .founder-info>p {
    max-width:500px;
  }
  .founder-links {
    gap:20px;
  }
  .founder-links button, .founder-links a {
    font-size:10px;
  }
}

@media(max-width:600px) {
  .company-about {
    padding:36px 0 38px;
  }
  .about-heading h2 {
    font-size:36px;
    letter-spacing:-1.3px;
  }
  .about-story p {
    font-size:13px;
  }
  .about-story p:first-child {
    font-size:14px;
  }
  .founders-heading {
    align-items:flex-start;
    flex-direction:column;
    gap:12px;
    margin-top:30px;
  }
  .founder-card {
    padding:22px;
    gap:17px;
  }
  .founder-avatar {
    width:56px;
    height:56px;
  }
  .founder-role {
    font-size:6px;
    letter-spacing:.4px;
  }
  .founder-info h4 {
    font-size:21px;
  }
  .founder-info>p {
    font-size:11px;
  }
  .founder-links {
    gap:12px;
  }
  .founder-links button, .founder-links a {
    font-size:9px;
  }
  .company-signature {
    align-items:flex-start;
    flex-direction:column;
    gap:9px;
    font-size:9px;
  }
  .header nav {
    font-size:11px;
    gap:12px;
  }
}



.founder-email {
  border-top:1px solid var(--border);
  padding-top:17px;
  margin-top:22px;
  display:flex;
  flex-direction:column;
  gap:8px;
}

.email-heading {
  display:flex;
  align-items:center;
  gap:7px;
  font-size:7px;
  letter-spacing:1px;
  color:var(--muted);
  font-weight:600;
}

.email-heading svg {
  width:13px;
  height:13px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.founder-email a {
  font-size:11px;
  color:var(--accent-text);
  overflow-wrap:anywhere;
}

.founder-email a:hover {
  text-decoration:underline;
}

@media(max-width:850px) {
  .founder-card {
    flex-direction:row;
  }
  .founder-email {
    margin-top:18px;
  }
}

@media(max-width:850px) {
  .header {
    gap:24px;
  }
  .header nav {
    gap:22px;
    font-size:12px;
  }
}

@media(max-width:600px) {
  .header {
    gap:16px;
  }
  .header nav {
    gap:9px;
    font-size:10px;
    flex-wrap:wrap;
  }
}

.product-support {
  display:flex;
  flex-direction:column;
  gap:8px;
  border-top:1px solid var(--border);
  margin-top:23px;
  padding-top:16px;
}

.product-support>span {
  font-size:6.5px;
  letter-spacing:1px;
  color:var(--muted);
  font-weight:600;
}

.product-support>a {
  font-size:11px;
  color:var(--accent-text);
  overflow-wrap:anywhere;
  width:fit-content;
}

.product-support>a>span {
  margin-left:5px;
}

.product-support>a:hover {
  text-decoration:underline;
}

@media(max-width:600px) {
  .product-support>a {
    font-size:10px;
  }
}

.section-nav {
  position:fixed;
  right:12px;
  top:50%;
  transform:translateY(-50%);
  z-index:20;
  width:32px;
  border-radius:20px;
  background:var(--card);
  border:1px solid var(--border);
  padding:5px 0;
  box-shadow:0 3px 16px #24252208;
}

.section-nav-list {
  position:relative;
  display:flex;
  flex-direction:column;
  gap:4px;
}

.section-nav-list>a {
  height:36px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  color:var(--muted);
  border-radius:15px;
}

.section-nav-marker {
  position:absolute;
  top:0;
  left:3px;
  right:3px;
  height:36px;
  background:var(--accent-soft);
  border-radius:15px;
  transform:translate(var(--marker-x,0px),var(--marker-y,0px));
  transition:transform .25s ease;
  pointer-events:none;
}

.section-nav-dot {
  display:block;
  width:5px;
  height:5px;
  border-radius:50%;
  background:currentColor;
  opacity:.5;
  transition:background .2s,opacity .2s;
}

.section-nav-list>a[aria-current=location] {
  color:var(--accent-text);
}

.section-nav-list>a[aria-current=location] .section-nav-dot {
  opacity:1;
  width:7px;
  height:7px;
}

.section-nav-label {
  position:absolute;
  right:43px;
  white-space:nowrap;
  font-size:10px;
  padding:9px 12px;
  background:var(--ink);
  color:var(--bg);
  border-radius:5px;
  opacity:0;
  visibility:hidden;
  transform:translateX(4px);
  transition:opacity .15s,transform .15s;
  pointer-events:none;
}

.section-nav-list>a:hover .section-nav-label,.section-nav-list>a:focus-visible .section-nav-label {
  opacity:1;
  visibility:visible;
  transform:translateX(0);
}

.section-nav-list>a:hover .section-nav-dot {
  opacity:1;
}

.section-nav-list>a:focus-visible {
  outline-offset:1px;
}

@media(max-width:1100px) {
  .section-nav {
    right:5px;
    width:25px;
  }
  .section-nav-marker {
    left:2px;
    right:2px;
  }
}

@media(max-width:850px) {
  html {
    scroll-padding-bottom:85px;
  }
  body {
    padding-bottom:calc(84px + env(safe-area-inset-bottom,0px));
  }
  .section-nav {
    top:auto;
    right:auto;
    left:50%;
    bottom:calc(12px + env(safe-area-inset-bottom,0px));
    transform:translateX(-50%);
    width:min(490px,calc(100% - 28px));
    border-radius:12px;
    padding:5px;
  }
  .section-nav-list {
    flex-direction:row;
    gap:0;
  }
  .section-nav-list>a {
    height:42px;
    width:calc(100% / var(--section-count,5));
    flex-shrink:0;
    flex-direction:column;
    gap:7px;
    border-radius:8px;
  }
  .section-nav-marker {
    left:0;
    right:auto;
    top:0;
    height:42px;
    width:calc(100% / var(--section-count,5));
    border-radius:8px;
    transform:translate(var(--marker-x,0px),var(--marker-y,0px));
  }
  .section-nav-label {
    position:static;
    visibility:visible;
    opacity:1;
    transform:none;
    padding:0;
    background:none;
    color:inherit;
    font-size:8px;
    line-height:1;
    transition:none;
  }
  .section-nav-list>a[aria-current=location] .section-nav-dot {
    width:5px;
    height:5px;
  }
  .section-nav-dot {
    width:4px;
    height:4px;
  }
  .section-nav-list>a:hover .section-nav-label,.section-nav-list>a:focus-visible .section-nav-label {
    transform:none;
  }
}

@media(prefers-reduced-motion:reduce) {
  .section-nav-marker,.section-nav-dot,.section-nav-label {
    transition:none;
  }
}

html.is-section-scrolling {
  scroll-behavior:auto!important;
}

.section-nav-marker {
  transition:transform .45s cubic-bezier(.22,1,.36,1);
}

.section-nav-dot {
  transition:background .25s,opacity .25s,width .25s,height .25s;
}

.section-nav-list>a {
  transition:color .25s;
}

@media(prefers-reduced-motion:reduce) {
  .section-nav-marker,.section-nav-dot,.section-nav-list>a {
    transition:none;
  }
}

@media(max-width:1000px) {
  .header nav {
    gap:20px;
  }
}

@media(max-width:850px) {
  .header nav {
    gap:15px;
    font-size:11px;
  }
}

@media(max-width:600px) {
  .header nav {
    gap:9px;
    font-size:10px;
  }
  .section-nav-label {
    font-size:7px;
  }
}

@media(min-width:601px) and (max-width:850px) {
  .header {
    display:grid;
    grid-template-columns:1fr auto;
    height:auto;
    padding:20px 0;
    gap:18px;
  }
  .header nav {
    grid-column:1/-1;
    grid-row:2;
    margin:0;
    justify-content:space-between;
  }
  .theme-button {
    grid-column:2;
    grid-row:1;
    justify-self:end;
  }
  .brand {
    grid-column:1;
    grid-row:1;
  }
}

/* Editorial Careers and a spacious closing invitation. */
.careers-section {
  border-top:1px solid var(--border);
  padding:46px 0 52px;
}

.careers-main {
  display:grid;
  grid-template-columns:1.25fr 1fr;
  gap:65px;
  align-items:end;
}

.careers-section h2 {
  font-size:clamp(30px,3.3vw,44px);
  font-weight:600;
  letter-spacing:-1.7px;
  line-height:1.2;
  margin:17px 0 0;
}

.careers-section h2>span {
  color:var(--muted);
}

.careers-intro>p {
  font-size:14px;
  line-height:1.85;
  color:var(--muted);
  margin:0 0 23px;
  max-width:390px;
}

.careers-prompts {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:30px;
  margin-top:35px;
  padding-top:25px;
  border-top:1px solid var(--border);
}

.careers-prompts>div+div {
  border-left:1px solid var(--border);
  padding-left:27px;
}

.careers-prompts span {
  font-size:7px;
  font-weight:600;
  letter-spacing:1px;
  color:var(--accent-text);
}

.careers-prompts p {
  font-size:11px;
  color:var(--muted);
  line-height:1.8;
  margin:9px 0 0;
}

.connect-section {
  display:grid;
  grid-template-columns:1.25fr 1fr;
  gap:65px;
  align-items:center;
  padding:55px 0 62px;
  border-top:1px solid var(--border);
}

.connect-heading h2 {
  font-size:clamp(46px,5.8vw,76px);
  line-height:1.06;
  letter-spacing:-3px;
  font-weight:600;
  margin:21px 0 0;
}

.connect-destination {
  max-width:380px;
}

.connect-destination>p {
  font-size:15px;
  line-height:1.85;
  color:var(--muted);
  margin:0 0 25px;
  max-width:320px;
}

.contact-page-button {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:35px;
  width:100%;
  padding:12px 12px 12px 20px;
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:8px;
  color:var(--ink);
  font-size:14px;
  font-weight:550;
  cursor:default;
}

.contact-arrow {
  display:grid;
  place-items:center;
  flex-shrink:0;
  width:48px;
  height:48px;
  border-radius:50%;
  background:var(--accent);
  color:#fff8f0;
  font-size:27px;
  line-height:1;
}

@media(max-width:1000px) {
  .careers-main,.connect-section {
    gap:35px;
  }
  .careers-section h2 {
    font-size:34px;
    letter-spacing:-1.2px;
  }
  .connect-heading h2 {
    font-size:62px;
  }
  .careers-prompts {
    gap:20px;
  }
  .careers-prompts>div+div {
    padding-left:20px;
  }
}

@media(max-width:700px) {
  .careers-section {
    padding:35px 0 38px;
  }
  .careers-main,.connect-section {
    grid-template-columns:1fr;
    gap:25px;
  }
  .careers-section h2 {
    font-size:clamp(28px,6.5vw,39px);
  }
  .careers-intro>p {
    font-size:13px;
    max-width:100%;
  }
  .careers-prompts {
    grid-template-columns:1fr;
    gap:0;
    margin-top:27px;
    padding-top:8px;
  }
  .careers-prompts>div {
    padding:16px 0;
  }
  .careers-prompts>div+div {
    border-left:0;
    border-top:1px solid var(--border);
    padding-left:0;
  }
  .careers-prompts p {
    margin-top:6px;
    font-size:11px;
  }
  .connect-section {
    padding:36px 0 42px;
    gap:25px;
  }
  .connect-heading h2 {
    font-size:clamp(46px,11vw,62px);
    letter-spacing:-2.2px;
    margin-top:17px;
  }
  .connect-destination {
    max-width:100%;
    width:100%;
  }
  .connect-destination>p {
    font-size:13px;
    margin-bottom:20px;
    max-width:400px;
  }
  .contact-page-button {
    max-width:380px;
    font-size:13px;
  }
  .contact-arrow {
    width:43px;
    height:43px;
    font-size:25px;
  }
}

.careers-email-link {
  font-size:16px;
  font-weight:500;
  color:var(--accent-text);
  overflow-wrap:anywhere;
}

.careers-email-link:hover {
  text-decoration:underline;
}

@media(max-width:600px) {
  .careers-email-link {
    font-size:15px;
  }
}

/* A compact footer with aligned contact and company information. */
.site-footer {
  background:var(--surface);
  border-top:1px solid var(--border);
  padding:0 0 20px;
}

.footer-top {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:28px 0;
  border-bottom:1px solid var(--border);
}

.footer-logo {
  display:flex;
  align-items:center;
  gap:10px;
  width:fit-content;
  font-size:20px;
  font-weight:700;
  letter-spacing:-.5px;
}

.footer-logo img {
  display:block;
  flex-shrink:0;
}

.footer-status {
  display:flex;
  align-items:center;
  gap:22px;
  border:1px solid var(--border);
  border-radius:5px;
  padding:10px 13px;
  color:var(--ink);
  font-size:11px;
  line-height:1.3;
}

.footer-status>span {
  font-size:17px;
  color:var(--accent-text);
  line-height:1;
}

.footer-status:hover {
  border-color:var(--muted);
}

.footer-content {
  display:grid;
  grid-template-columns:.85fr 1fr 1.15fr;
  gap:clamp(24px,3vw,44px);
  padding:32px 0;
}

.footer-content>div {
  min-width:0;
}

.footer-content h2 {
  display:flex;
  align-items:center;
  gap:8px;
  font-family:'DM Sans',Arial,sans-serif;
  font-size:11px;
  font-weight:600;
  letter-spacing:.2px;
  margin:0 0 18px;
  line-height:1.7;
}


.footer-content dl {
  margin:0;
}

.footer-contact dl {
  display:flex;
  flex-direction:column;
  gap:15px;
}

.footer-contact dt {
  display:flex;
  align-items:center;
  gap:6px;
  font-size:9px;
  color:var(--muted);
  line-height:1.6;
  margin:0 0 4px;
}

.footer-contact dd {
  margin:0;
  font-size:12px;
  line-height:1.6;
  overflow-wrap:anywhere;
}

.footer-contact a:hover {
  color:var(--accent-text);
}

.footer-office address {
  font-size:12px;
  color:var(--muted);
  font-style:normal;
  line-height:1.9;
}

.footer-company dl {
  display:flex;
  flex-direction:column;
  gap:16px;
}

.footer-company dl>div {
  display:grid;
  grid-template-columns:86px minmax(0,1fr);
  gap:10px;
  align-items:start;
}

.footer-company dt {
  display:flex;
  align-items:center;
  gap:5px;
  font-size:9px;
  color:var(--muted);
  line-height:1.9;
}

.footer-company dd {
  text-align:right;
  font-size:11px;
  font-weight:500;
  line-height:1.6;
  margin:0;
  overflow-wrap:anywhere;
  font-variant-numeric:tabular-nums;
}

.footer-bottom {
  display:flex;
  align-items:center;
  gap:25px;
  justify-content:space-between;
  border-top:1px solid var(--border);
  padding-top:18px;
  font-size:9px;
  color:var(--muted);
}

.footer-bottom p {
  margin:0;
  line-height:1.7;
}

.footer-bottom>a {
  display:flex;
  align-items:center;
  gap:10px;
  white-space:nowrap;
}

.footer-bottom>a:hover {
  color:var(--accent-text);
}

.footer-bottom>a>span {
  font-size:14px;
  line-height:1;
}


@media(min-width:901px) {
  .footer-office, .footer-company {
    border-left:1px solid var(--border);
    padding-left:clamp(24px,3vw,44px);
  }
}

@media(max-width:1100px) {
  .footer-content {
    gap:32px;
  }
  .footer-company dl>div {
    grid-template-columns:70px minmax(0,1fr);
  }
}

@media(max-width:900px) {
  .footer-content {
    grid-template-columns:1fr 1fr;
    gap:28px 35px;
  }
  .footer-company {
    grid-column:1/-1;
    border-top:1px solid var(--border);
    padding-top:24px;
  }
  .footer-company dl {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:20px;
  }
  .footer-company dl>div {
    display:flex;
    flex-direction:column;
    gap:5px;
  }
  .footer-company h2 {
    margin-bottom:15px;
  }
  .footer-company dd {
    text-align:left;
  }
}

@media(max-width:500px) {
  .footer-top {
    padding:24px 0;
    gap:12px;
  }
  .footer-logo {
    font-size:16px;
    gap:8px;
  }
  .footer-logo img {
    width:27px;
    height:27px;
  }
  .footer-status {
    font-size:9px;
    gap:10px;
    padding:9px 10px;
  }
  .footer-status>span {
    font-size:14px;
  }
  .footer-content {
    gap:25px 20px;
    padding:25px 0;
  }
  .footer-content h2 {
    font-size:10px;
    margin-bottom:15px;
  }
  .footer-contact dd,.footer-office address {
    font-size:10px;
  }
  .footer-contact dt {
    font-size:8px;
  }
  .footer-company dl {
    grid-template-columns:1fr;
    gap:15px;
  }
  .footer-company dl>div {
    display:grid;
    grid-template-columns:86px minmax(0,1fr);
    gap:12px;
  }
  .footer-company dd {
    text-align:right;
    font-size:10px;
  }
  .footer-bottom {
    font-size:8px;
    gap:15px;
    flex-wrap:wrap;
  }
  .footer-bottom>span {
    display:none;
  }
}

.footer-office-phone {
  display:flex;
  flex-direction:column;
  gap:5px;
  margin-top:16px;
  font-size:12px;
  line-height:1.6;
}

@media(max-width:500px) {
  .footer-office-phone {
    font-size:10px;
  }
}

.contact-page-button {
  cursor:pointer;
  transition:background .2s,border-color .2s;
}

.contact-page-button:hover {
  background:var(--accent-soft);
  border-color:var(--accent);
}

.contact-page {
  padding-bottom:0;
}

.skip-link {
  position:fixed;
  left:20px;
  top:12px;
  z-index:40;
  transform:translateY(-150%);
  background:var(--ink);
  color:var(--bg);
  padding:12px 18px;
  border-radius:5px;
  font-size:12px;
}

.skip-link:focus {
  transform:translateY(0);
}

.contact-main {
  display:grid;
  grid-template-columns:1fr 1.15fr;
  gap:85px;
  padding:52px 0 65px;
  align-items:start;
}

.contact-back {
  display:inline-block;
  color:var(--muted);
  font-size:11px;
  margin-bottom:36px;
}

.contact-back:hover {
  color:var(--accent-text);
}

.contact-page-intro h1 {
  font-size:clamp(42px,4.5vw,62px);
  font-weight:600;
  line-height:1.1;
  letter-spacing:-2.6px;
  margin:24px 0;
}

.contact-lead {
  font-size:15px;
  line-height:1.85;
  color:var(--muted);
  max-width:410px;
  margin:0;
}

.contact-inboxes {
  margin-top:35px;
  border-top:1px solid var(--border);
  padding-top:23px;
  max-width:400px;
}

.contact-inboxes h2 {
  font-family:'DM Sans',Arial,sans-serif;
  font-size:12px;
  font-weight:550;
  margin:0 0 18px;
}

.contact-inboxes>div {
  display:flex;
  flex-direction:column;
  gap:6px;
  margin-bottom:20px;
}

.contact-inboxes>div>span {
  font-size:9px;
  color:var(--muted);
}

.contact-inboxes a {
  font-size:12px;
  line-height:1.6;
  width:fit-content;
  overflow-wrap:anywhere;
}

.contact-inboxes a:hover {
  color:var(--accent-text);
}

.contact-service-status {
  display:inline-flex;
  align-items:center;
  gap:15px;
  font-size:10px;
  color:var(--muted);
  margin-top:2px;
}

.contact-service-status:hover {
  color:var(--accent-text);
}

.contact-form-panel {
  padding:35px;
  background:var(--card);
  border:1px solid var(--border);
  border-radius:10px;
  min-width:0;
}

.form-heading .eyebrow {
  font-size:8px;
  color:var(--muted);
}

.form-heading h2 {
  font-size:27px;
  letter-spacing:-1px;
  font-weight:600;
  line-height:1.3;
  margin:13px 0 9px;
}

.form-heading>p:last-child {
  font-size:10px;
  color:var(--muted);
  margin:0 0 27px;
}

.form-row {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}

.form-field {
  display:flex;
  flex-direction:column;
  gap:9px;
  margin-bottom:20px;
  min-width:0;
}

.form-field label {
  font-size:11px;
  font-weight:500;
}

.form-field label>span:not(.field-optional) {
  color:var(--accent-text);
}

.field-optional {
  color:var(--muted);
  font-size:9px;
  font-weight:400;
  margin-left:7px;
}

.form-field input,.form-field select,.form-field textarea {
  font:inherit;
  font-size:12px;
  line-height:1.6;
  color:var(--ink);
  background:var(--bg);
  border:1px solid var(--border);
  border-radius:5px;
  padding:12px 13px;
  width:100%;
  min-width:0;
  transition:border-color .2s,box-shadow .2s;
}

.form-field input::placeholder,.form-field textarea::placeholder {
  color:var(--muted);
  opacity:.85;
}

.form-field textarea {
  resize:vertical;
  min-height:135px;
  max-height:500px;
}

.form-field select {
  cursor:pointer;
}

.form-field input:focus,.form-field select:focus,.form-field textarea:focus {
  outline:0;
  border-color:var(--accent);
  box-shadow:0 0 0 3px var(--accent-soft);
}

.form-submit {
  border:0;
  width:100%;
  justify-content:space-between;
  padding:16px 19px;
  color:var(--on-accent);
  background:var(--accent-text);
  font-size:12px;
}

.form-submit .submit-label {
  font-size:12px;
  line-height:1.5;
}

.form-submit:disabled {
  opacity:.7;
  cursor:wait;
}

.form-submit:disabled:hover {
  transform:none;
}

.form-disclosure {
  font-size:9px;
  color:var(--muted);
  line-height:1.7;
  margin:13px 0 0;
}

.form-status {
  font-size:12px;
  line-height:1.8;
  padding:14px 16px;
  border:1px solid var(--border);
  border-radius:5px;
  margin-top:18px;
  background:var(--surface);
  overflow-wrap:anywhere;
}

.form-status[data-state=success] {
  border-color:#86a98d;
  background:#eaf3e8;
  color:#335d3a;
}

.form-status[data-state=error] {
  border-color:#c7977d;
  background:#fff0e6;
  color:#874424;
}

[data-theme=dark] .form-status[data-state=success] {
  background:#243a29;
  color:#b1d6b6;
  border-color:#42664a;
}

[data-theme=dark] .form-status[data-state=error] {
  background:#412b21;
  color:#f4c3a8;
  border-color:#865941;
}

.header nav a[aria-current=page], .header nav a[aria-current=location] {
  color:var(--accent-text);
}

@media(max-width:1100px) {
  .contact-main {
    gap:45px;
  }
  .contact-form-panel {
    padding:28px;
  }
  .form-row {
    gap:14px;
  }
}

@media(max-width:850px) {
  .contact-main {
    grid-template-columns:1fr;
    gap:35px;
    padding:36px 0 45px;
  }
  .contact-page-intro h1 {
    font-size:52px;
  }
  .contact-lead {
    max-width:580px;
  }
  .contact-inboxes {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:0 25px;
    max-width:100%;
    margin-top:28px;
  }
  .contact-inboxes h2 {
    grid-column:1/-1;
  }
  .contact-back {
    margin-bottom:26px;
  }
  .contact-form-panel {
    max-width:100%;
  }
}

@media(max-width:500px) {
  .contact-main {
    padding-top:25px;
  }
  .contact-page-intro h1 {
    font-size:44px;
    letter-spacing:-2px;
  }
  .contact-lead {
    font-size:13px;
  }
  .contact-inboxes a {
    font-size:10px;
  }
  .contact-inboxes>div>span {
    font-size:8px;
  }
  .contact-form-panel {
    padding:24px;
  }
  .form-heading h2 {
    font-size:24px;
  }
  .form-row {
    grid-template-columns:1fr;
    gap:0;
  }
  .form-field input,.form-field select,.form-field textarea {
    font-size:16px;
    padding:11px 12px;
  }
  .form-field label {
    font-size:11px;
  }
  .form-disclosure {
    font-size:8px;
  }
}

@media(prefers-reduced-motion:reduce) {
  .contact-page-button,.form-field input,.form-field select,.form-field textarea {
    transition:none;
  }
}

[data-theme=dark] .form-submit {
  background:var(--accent);
  color:#191b18;
}

.contact-inboxes a {
  display:inline-flex;
  align-items:center;
  gap:8px;
}

.contact-email-icon {
  width:15px;
  height:15px;
  flex-shrink:0;
  fill:none;
  stroke:var(--accent-text);
  stroke-width:1.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}

@media(max-width:500px) {
  .contact-inboxes a {
    gap:6px;
  }
  .contact-email-icon {
    width:13px;
    height:13px;
  }
}

/* Dedicated products page and compact homepage entry point. */
.products-page { padding-bottom: 0; }
.products-main { padding: 42px 0 50px; }
.products-page-intro { padding: 0 0 30px; }
.products-page-intro .contact-back { margin-bottom: 30px; }
.products-page-intro h1 { font-size: clamp(42px, 4.7vw, 66px); line-height: 1.1; font-weight: 600; letter-spacing: -2.7px; margin: 23px 0; }
.products-page-intro > p:last-child { font-size: 15px; line-height: 1.85; color: var(--muted); max-width: 520px; margin: 0; }
.products-main .selected-work { padding-bottom: 0; }
.products-main .showcase-list { margin-top: 0; }
.products-page-link { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 15px; margin-top: 25px; }
.products-page-link p, .product-enquiry p { font-size: 12px; line-height: 1.8; color: var(--muted); margin: 0; }
.product-enquiry { display: flex; align-items: center; justify-content: space-between; gap: 20px; border-top: 1px solid var(--border); margin-top: 32px; padding-top: 25px; }
@media (max-width: 600px) {
  .products-main { padding: 28px 0 35px; }
  .products-page-intro { padding-bottom: 25px; }
  .products-page-intro .contact-back { margin-bottom: 24px; }
  .products-page-intro h1 { font-size: clamp(36px, 9vw, 48px); letter-spacing: -1.8px; }
  .products-page-intro > p:last-child { font-size: 13px; }
  .products-page-link { align-items: flex-start; flex-direction: column; gap: 12px; }
  .products-page-link p, .product-enquiry p { font-size: 11px; }
  .product-enquiry { align-items: flex-start; flex-direction: column; gap: 13px; }
}

/* Company website privacy policy. */
.privacy-page { padding-bottom: 0; }
.privacy-main { padding: 42px 0 60px; }
.privacy-intro { border-bottom: 1px solid var(--border); padding-bottom: 30px; }
.privacy-intro .contact-back { margin-bottom: 30px; }
.privacy-intro h1 { font-size: clamp(40px, 4.5vw, 62px); line-height: 1.15; letter-spacing: -2.5px; font-weight: 600; margin: 22px 0; }
.privacy-intro > p:last-of-type { font-size: 15px; line-height: 1.85; color: var(--muted); max-width: 650px; margin: 0 0 18px; }
.privacy-updated { font-size: 10px; color: var(--muted); }
.privacy-layout { display: grid; grid-template-columns: 235px minmax(0, 1fr); gap: 70px; padding-top: 35px; }
.privacy-contents { position: sticky; top: 30px; align-self: start; display: flex; flex-direction: column; gap: 14px; }
.privacy-contents > span { font-size: 8px; letter-spacing: 1.2px; color: var(--muted); margin-bottom: 5px; }
.privacy-contents a { font-size: 11px; line-height: 1.6; color: var(--muted); }
.privacy-contents a:hover { color: var(--accent-text); }
.privacy-content { max-width: 790px; }
.privacy-content section { padding-bottom: 27px; margin-bottom: 27px; border-bottom: 1px solid var(--border); }
.privacy-content section:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; }
.privacy-content h2 { font-size: 22px; letter-spacing: -.6px; line-height: 1.4; font-weight: 600; margin: 0 0 16px; }
.privacy-content p, .privacy-content li { font-size: 13px; line-height: 1.95; color: var(--muted); }
.privacy-content p { margin: 0 0 15px; }
.privacy-content p:last-child { margin-bottom: 0; }
.privacy-content strong { font-weight: 550; color: var(--ink); }
.privacy-content ul { padding-left: 19px; margin: 0 0 18px; }
.privacy-content li { margin-bottom: 12px; padding-left: 3px; }
.privacy-content a, .form-disclosure a { color: var(--accent-text); text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
.privacy-content code { font-size: 11px; color: var(--ink); background: var(--surface); border-radius: 3px; padding: 2px 5px; }
.footer-bottom .footer-privacy-link[aria-current=page] { color: var(--accent-text); }
@media (max-width: 1000px) { .privacy-layout { grid-template-columns: 205px minmax(0, 1fr); gap: 35px; } }
@media (max-width: 750px) {
  .privacy-layout { grid-template-columns: 1fr; gap: 30px; padding-top: 25px; }
  .privacy-contents { position: static; display: grid; grid-template-columns: 1fr 1fr; gap: 12px 20px; border-bottom: 1px solid var(--border); padding-bottom: 25px; }
  .privacy-contents > span { grid-column: 1/-1; }
  .privacy-contents a { font-size: 10px; }
}
@media (max-width: 500px) {
  .privacy-main { padding: 28px 0 38px; }
  .privacy-intro .contact-back { margin-bottom: 24px; }
  .privacy-intro h1 { font-size: 39px; letter-spacing: -1.5px; }
  .privacy-intro > p:last-of-type { font-size: 13px; }
  .privacy-content h2 { font-size: 20px; }
  .privacy-content p, .privacy-content li { font-size: 12px; }
}

.privacy-contents a { position: relative; border-radius: 4px; padding: 7px 10px; margin-left: -10px; transition: color .2s, background-color .2s; }
.privacy-contents a[aria-current=location] { color: var(--accent-text); background: var(--accent-soft); }
.privacy-contents a[aria-current=location]::before { content: ''; position: absolute; left: 0; top: 8px; bottom: 8px; width: 2px; border-radius: 2px; background: var(--accent); }
@media (max-width: 750px) { .privacy-contents { gap: 6px 20px; } }
@media (prefers-reduced-motion: reduce) { .privacy-contents a { transition: none; } }

/* Shareable brand resources. */
.footer-resources { display: flex; align-items: center; flex-wrap: wrap; gap: 18px; }
.footer-resources a:hover, .footer-resources a[aria-current=page] { color: var(--accent-text); }
.media-page { padding-bottom: 0; }
.media-main { padding: 42px 0 55px; }
.media-intro { display: grid; grid-template-columns: 1.6fr 1fr; align-items: end; gap: 50px; padding-bottom: 40px; }
.media-intro .contact-back { margin-bottom: 30px; }
.media-intro h1 { font-size: clamp(40px, 4.5vw, 62px); font-weight: 600; line-height: 1.1; letter-spacing: -2.5px; margin: 23px 0; }
.media-intro p:not(.eyebrow) { font-size: 14px; color: var(--muted); line-height: 1.85; max-width: 550px; margin: 0; }
.media-download { display: flex; flex-direction: column; align-items: flex-end; gap: 12px; padding-bottom: 8px; }
.media-download > span { color: var(--muted); font-size: 9px; line-height: 1.7; text-align: right; }
.media-section { padding: 36px 0 40px; border-top: 1px solid var(--border); }
.media-logo-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 18px; margin-top: 28px; }
.media-logo-card { border: 1px solid var(--border); border-radius: 8px; overflow: hidden; background: var(--card); }
.logo-stage { display: flex; justify-content: center; align-items: center; height: 170px; padding: 25px; }
.light-stage { background: #f6f5f0; }
.dark-stage { background: #242522; }
.mark-stage { background: #eeeee7; }
.logo-stage img { display: block; width: 100%; height: 70px; object-fit: contain; }
.mark-stage img { width: 90px; height: 90px; }
.logo-card-body { padding: 22px; }
.logo-card-body h3 { font-size: 16px; font-weight: 600; letter-spacing: -.3px; margin: 0 0 8px; }
.logo-card-body p { font-size: 10px; color: var(--muted); margin: 0; }
.asset-downloads { display: flex; gap: 10px; margin-top: 20px; }
.asset-downloads a { display: inline-flex; justify-content: space-between; align-items: center; gap: 22px; padding: 8px 10px; border: 1px solid var(--border); border-radius: 4px; font-size: 10px; }
.asset-downloads a:hover { color: var(--accent-text); border-color: var(--accent); }
.asset-downloads a > span { color: var(--accent-text); }
.media-copy-grid { display: grid; grid-template-columns: 1fr 1.4fr; gap: 18px; margin-top: 28px; }
.media-copy-card { padding: 25px; border: 1px solid var(--border); border-radius: 8px; background: var(--card); }
.media-copy-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 15px; }
.media-copy-heading h3 { margin: 0; font-size: 14px; font-weight: 600; letter-spacing: -.2px; }
.media-copy-heading button { border: 1px solid var(--border); border-radius: 4px; padding: 7px 10px; background: var(--surface); color: var(--ink); font-size: 9px; }
.media-copy-heading button:hover { color: var(--accent-text); }
.media-copy-card > p { margin: 22px 0 0; font-size: 13px; color: var(--muted); line-height: 1.9; }
.media-facts { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 20px; margin: 24px 0 0; }
.media-facts dt { color: var(--muted); font-size: 9px; margin-bottom: 8px; }
.media-facts dd { margin: 0; font-size: 12px; line-height: 1.7; font-weight: 500; }
.media-colors { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 18px; margin-top: 28px; }
.media-colors article { border: 1px solid var(--border); background: var(--card); border-radius: 8px; overflow: hidden; }
.media-swatch { height: 110px; border-bottom: 1px solid var(--border); }
.swatch-details { padding: 18px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; align-items: center; }
.swatch-details h3 { font-size: 12px; font-weight: 550; margin: 0; }
.swatch-details button { background: none; border: 0; padding: 0; color: var(--muted); font-size: 10px; font-family: ui-monospace, monospace; }
.swatch-details button:hover { color: var(--accent-text); }
.media-type-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 28px; }
.media-type-grid > article { padding: 28px; background: var(--surface); border: 1px solid var(--border); border-radius: 8px; }
.media-type-grid article > span { font-size: 7px; color: var(--muted); letter-spacing: 1.2px; }
.media-type-grid h3 { font-size: 35px; letter-spacing: -1px; font-weight: 600; margin: 20px 0 12px; }
.media-type-grid .dm-sans-sample { font-family: 'DM Sans', Arial, sans-serif; }
.media-type-grid p { font-size: 13px; line-height: 1.8; color: var(--muted); margin: 0 0 23px; }
.media-type-grid a { font-size: 10px; }
.media-type-grid a:hover { color: var(--accent-text); }
.media-type-grid a span { color: var(--accent-text); margin-left: 10px; }
.media-guidance { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 35px; margin-top: 28px; }
.media-guidance article > span { font-size: 9px; color: var(--accent-text); }
.media-guidance h3 { font-size: 17px; font-weight: 600; letter-spacing: -.4px; line-height: 1.4; margin: 16px 0 12px; }
.media-guidance p { font-size: 12px; line-height: 1.85; color: var(--muted); margin: 0; }
.media-enquiries { display: flex; justify-content: space-between; align-items: center; gap: 30px; border-top: 1px solid var(--border); padding-top: 30px; }
.media-enquiries .eyebrow { font-size: 7px; color: var(--muted); }
.media-enquiries h2 { font-size: 28px; font-weight: 600; letter-spacing: -.9px; margin: 12px 0; }
.media-enquiries p:not(.eyebrow) { font-size: 12px; line-height: 1.8; color: var(--muted); margin: 0; }
.media-enquiries > a { font-size: 14px; color: var(--accent-text); overflow-wrap: anywhere; }
.media-enquiries > a span { margin-left: 12px; }
.media-enquiries > a:hover { text-decoration: underline; }
.copy-feedback { position: fixed; bottom: 24px; left: 50%; transform: translateX(-50%); z-index: 30; background: var(--ink); color: var(--bg); font-size: 11px; line-height: 1.7; border-radius: 6px; padding: 12px 16px; box-shadow: 0 4px 20px #00000010; max-width: calc(100% - 32px); margin: 0; }
.copy-feedback:empty { display: none; }
@media (max-width: 1000px) {
  .media-intro { grid-template-columns: 1.4fr 1fr; gap: 30px; }
  .media-logo-grid, .media-colors { gap: 14px; }
  .logo-stage { padding: 20px; }
  .media-guidance { gap: 25px; }
}
@media (max-width: 750px) {
  .media-intro { grid-template-columns: 1fr; gap: 25px; padding-bottom: 32px; }
  .media-download { align-items: flex-start; padding: 0; }
  .media-download > span { text-align: left; }
  .media-logo-grid { grid-template-columns: 1fr; }
  .logo-stage { height: 180px; }
  .logo-stage img { max-width: 460px; }
  .media-copy-grid, .media-type-grid { grid-template-columns: 1fr; }
  .media-colors { grid-template-columns: 1fr 1fr; }
  .media-guidance { grid-template-columns: 1fr; gap: 25px; }
  .media-guidance h3 { margin-top: 10px; }
  .media-enquiries { align-items: flex-start; flex-direction: column; gap: 20px; }
}
@media (max-width: 500px) {
  .media-main { padding: 28px 0 38px; }
  .media-intro h1 { font-size: 39px; letter-spacing: -1.6px; }
  .media-intro p:not(.eyebrow) { font-size: 13px; }
  .media-section { padding: 28px 0 32px; }
  .media-copy-card { padding: 22px; }
  .media-copy-card > p { font-size: 12px; }
  .media-facts { grid-template-columns: 1fr; gap: 18px; }
  .media-colors { gap: 14px; }
  .media-swatch { height: 85px; }
  .swatch-details { padding: 15px; flex-direction: column; align-items: flex-start; gap: 9px; }
  .media-type-grid > article { padding: 25px; }
  .media-type-grid h3 { font-size: 32px; }
  .media-enquiries h2 { font-size: 26px; }
  .footer-resources { gap: 14px; }
}

/* Product collection: wide visual covers with a separate product information row. */
.catalog-intro { padding-bottom: 34px; }
.catalog-intro .contact-back { margin-bottom: 40px; }
.catalog-intro-grid { display: grid; grid-template-columns: 1.25fr 1fr; align-items: end; gap: 70px; }
.catalog-intro h1 { font: 600 clamp(44px, 5.5vw, 78px)/1.08 var(--heading); letter-spacing: -3.6px; margin: 22px 0 36px; }
.catalog-intro-note { padding-bottom: 36px; }
.catalog-intro-note > p { color: var(--muted); font-size: 15px; line-height: 1.85; margin: 0 0 24px; max-width: 390px; }
.catalog-index { display: flex; gap: 24px; border-top: 1px solid var(--border); padding-top: 18px; }
.catalog-index a { display: flex; align-items: center; gap: 12px; font-size: 12px; }
.catalog-index a > span:first-child { color: var(--muted); font-size: 10px; }
.catalog-index a > span:last-child { color: var(--accent-text); }
.catalog-index a:hover { color: var(--accent-text); }
.catalog-bar { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid var(--border); padding-top: 20px; font-size: 10px; color: var(--muted); }
.catalog-bar > span:first-child { display: flex; align-items: center; gap: 9px; letter-spacing: 1.1px; color: var(--ink); }
.catalog-collection { display: grid; gap: 42px; }
.catalog-product { overflow: hidden; border: 1px solid var(--border); border-radius: 14px; background: var(--card); scroll-margin-top: 25px; }
.catalog-stage { display: grid; grid-template-columns: .8fr 1.2fr; gap: 35px; height: 355px; padding: 40px 40px 0; overflow: hidden; background: #ece5d8; color: #3f4332; position: relative; }
.catalog-sarkari .catalog-stage { background: #e0e9ee; color: #2e4654; }
.catalog-stage-copy { display: flex; flex-direction: column; align-items: flex-start; padding: 8px 0 35px; }
.catalog-number { font-size: 9px; letter-spacing: 1.4px; }
.catalog-stage-copy > p { font: 600 clamp(26px, 2.6vw, 37px)/1.3 var(--heading); letter-spacing: -1.4px; margin: auto 0; }
.catalog-stage-platform { font-size: 9px; letter-spacing: 1.2px; border: 1px solid #3f43322b; border-radius: 30px; padding: 7px 12px; }
.catalog-browser { align-self: start; border: 1px solid #ffffffb0; border-radius: 8px 8px 0 0; overflow: hidden; background: white; box-shadow: 0 15px 40px #25301e20; transform: translateY(12px); transition: transform .35s ease; }
.catalog-browser .preview-toolbar { font-size: 10px; padding: 13px 15px; }
.catalog-browser .screenshot-link img { aspect-ratio: 1.44; width: 100%; height: auto; }
.catalog-product:hover .catalog-browser { transform: translateY(4px); }
.catalog-details { display: grid; grid-template-columns: .85fr 1.25fr auto; gap: 32px; padding: 32px 36px 35px; align-items: start; }
.catalog-name h2 { font: 650 29px/1.2 var(--heading); letter-spacing: -1.2px; margin: 12px 0 18px; }
.catalog-name .live-label { font-size: 10px; }
.catalog-support { display: flex; align-items: center; gap: 7px; font-size: 11px; color: var(--muted); overflow-wrap: anywhere; }
.catalog-support svg { flex-shrink: 0; width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.5; }
.catalog-support:hover { color: var(--accent-text); }
.catalog-description > p { color: var(--muted); font-size: 13px; line-height: 1.85; margin: 0 0 18px; }
.catalog-tags { display: flex; gap: 7px; flex-wrap: wrap; padding: 0; margin: 0; list-style: none; }
.catalog-tags li { font-size: 9px; color: var(--muted); border: 1px solid var(--border); padding: 6px 9px; border-radius: 30px; }
.catalog-actions { display: grid; gap: 10px; min-width: 145px; }
.catalog-actions .button { font-size: 11px; padding: 14px 17px; justify-content: space-between; gap: 22px; }
.catalog-actions .android-button { justify-content: center; font-size: 10px; }
.catalog-next { display: flex; align-items: center; gap: 30px; border-top: 1px solid var(--border); padding: 38px 0 12px; margin-top: 42px; }
.catalog-next-symbol { font-size: 65px; color: var(--accent); line-height: 1; }
.catalog-next .eyebrow { margin: 0 0 12px; }
.catalog-next h2 { font: 600 28px/1.3 var(--heading); letter-spacing: -1px; margin: 0 0 10px; }
.catalog-next p:not(.eyebrow) { font-size: 13px; color: var(--muted); line-height: 1.8; margin: 0; }
.catalog-next-label { margin-left: auto; flex-shrink: 0; font-size: 9px; letter-spacing: 1px; border: 1px dashed var(--border); padding: 10px 13px; border-radius: 30px; color: var(--muted); }
[data-theme=dark] .catalog-stage { background: #35382b; color: #e3e6d5; }
[data-theme=dark] .catalog-sarkari .catalog-stage { background: #253842; color: #dde8ed; }
[data-theme=dark] .catalog-stage-platform { border-color: #ffffff30; }
@media (max-width: 1050px) {
  .catalog-intro-grid { gap: 35px; }
  .catalog-stage { height: 310px; padding: 30px 28px 0; gap: 24px; }
  .catalog-details { grid-template-columns: 1fr 1.3fr; padding: 28px; gap: 24px; }
  .catalog-actions { grid-column: 2; display: flex; flex-wrap: wrap; }
  .catalog-intro h1 { letter-spacing: -2.6px; }
}
@media (max-width: 700px) {
  .catalog-intro .contact-back { margin-bottom: 30px; }
  .catalog-intro-grid { grid-template-columns: 1fr; gap: 0; }
  .catalog-intro h1 { font-size: clamp(41px, 9vw, 58px); letter-spacing: -2px; margin: 20px 0 25px; }
  .catalog-intro-note { padding-bottom: 25px; }
  .catalog-intro-note > p { font-size: 13px; margin-bottom: 20px; }
  .catalog-index { justify-content: space-between; gap: 14px; }
  .catalog-bar { font-size: 9px; }
  .catalog-bar > span:first-child { letter-spacing: .7px; }
  .catalog-collection { gap: 28px; }
  .catalog-stage { grid-template-columns: 1fr; height: 340px; gap: 22px; padding: 24px 22px 0; }
  .catalog-stage-copy { padding: 0; gap: 18px; }
  .catalog-stage-copy > p { font-size: 27px; letter-spacing: -1px; margin: 0; }
  .catalog-stage-platform { display: none; }
  .catalog-browser { transform: none; }
  .catalog-product:hover .catalog-browser { transform: none; }
  .catalog-browser .preview-toolbar { font-size: 8px; padding: 10px; }
  .catalog-details { grid-template-columns: 1fr; gap: 22px; padding: 25px 22px; }
  .catalog-name h2 { font-size: 27px; margin: 10px 0 13px; }
  .catalog-description > p { font-size: 12px; }
  .catalog-actions { grid-column: auto; gap: 9px; }
  .catalog-next { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 18px; align-items: start; margin-top: 28px; padding-top: 30px; }
  .catalog-next-symbol { font-size: 40px; }
  .catalog-next > div:nth-child(2) { flex: 1; }
  .catalog-next h2 { font-size: 23px; }
  .catalog-next p:not(.eyebrow) { font-size: 12px; }
  .catalog-next-label { grid-column: 2; justify-self: start; margin-left: 0; }
}
@media (prefers-reduced-motion: reduce) { .catalog-browser { transition: none; } }

/* Company updates and static article pages. */
.updates-page { padding-bottom: 0; }
.updates-main { padding: 42px 0 55px; }
.updates-intro .contact-back { margin-bottom: 38px; }
.updates-intro-grid { display: grid; grid-template-columns: 1.2fr 1fr; align-items: end; gap: 65px; padding-bottom: 35px; }
.updates-intro h1 { font: 600 clamp(44px, 5.5vw, 78px)/1.08 var(--heading); letter-spacing: -3.5px; margin: 22px 0 0; }
.updates-intro-grid > p { color: var(--muted); font-size: 15px; line-height: 1.85; max-width: 390px; margin: 0 0 5px; }
.updates-label { display: flex; justify-content: space-between; gap: 20px; padding: 20px 0 28px; border-top: 1px solid var(--border); font-size: 10px; letter-spacing: 1px; }
.updates-label > span:last-child { color: var(--muted); letter-spacing: 0; }
.update-feature { display: grid; grid-template-columns: 1.2fr 1fr; overflow: hidden; border: 1px solid var(--border); border-radius: 14px; background: var(--card); }
.update-feature-art { min-height: 360px; background: var(--accent); color: #242522; display: flex; flex-direction: column; justify-content: space-between; padding: 32px 36px; }
.update-feature-art > span:first-child { font-size: 10px; letter-spacing: 1.6px; }
.update-feature-art > div { font: 750 clamp(55px, 5.8vw, 85px)/1.03 var(--heading); letter-spacing: -4px; margin: 25px 0; }
.update-art-dot { color: #fff8f0; }
.update-art-bottom { display: flex; justify-content: space-between; align-items: center; font-size: 9px; letter-spacing: 1.3px; border-top: 1px solid #24252240; padding-top: 20px; }
.update-art-bottom > span { font-size: 24px; }
.update-feature-copy { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 40px 45px; }
.update-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; font-size: 9px; letter-spacing: 1px; color: var(--muted); }
.update-meta > span:first-child { color: var(--accent-text); }
.update-meta time { font-size:10px; letter-spacing:0; border-left:1px solid var(--border); padding-left:14px; }
.update-feature-copy h2 { font: 600 clamp(30px, 3.4vw, 47px)/1.15 var(--heading); letter-spacing: -1.9px; margin: 24px 0 18px; }
.update-feature-copy h2 a:hover, .update-card h3 a:hover { color: var(--accent-text); }
.update-feature-copy > p { color: var(--muted); font-size: 13px; line-height: 1.9; margin: 0 0 26px; max-width: 350px; }
.updates-notes { padding-top: 45px; }
.updates-section-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 24px; }
.updates-section-heading h2 { font: 600 28px/1.3 var(--heading); letter-spacing: -1px; margin: 0; }
.updates-section-heading > span { color: var(--muted); font-size: 9px; letter-spacing: 1px; }
.update-card-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.update-card { min-width: 0; overflow: hidden; border: 1px solid var(--border); border-radius: 12px; background: var(--card); }
.update-card-art { display: flex; flex-direction: column; align-items: center; gap: 20px; height: 235px; overflow: hidden; padding: 25px 35px 0; background: #ece5d8; }
.update-art-sarkari { background: #e0e9ee; }
.update-card-art > span { color: #4b5044; font-size: 10px; }
.update-card-art img { display: block; width: 100%; height: auto; border-radius: 6px 6px 0 0; box-shadow: 0 12px 30px #24252220; transform: translateY(3px); transition: transform .3s ease; }
.update-card:hover .update-card-art img { transform: translateY(-3px); }
.update-card-body { padding: 26px 30px 30px; }
.update-card h3 { font: 600 28px/1.3 var(--heading); letter-spacing: -.9px; margin: 18px 0 13px; }
.update-card-body > p { color: var(--muted); font-size: 13px; line-height: 1.85; margin: 0 0 22px; max-width: 420px; }
.updates-end { display: flex; align-items: center; gap: 24px; border-top: 1px solid var(--border); margin-top: 42px; padding-top: 30px; }
.updates-end-symbol { font-size: 48px; color: var(--accent); line-height: 1; }
.updates-end h2 { font: 600 21px/1.4 var(--heading); letter-spacing: -.6px; margin: 0 0 8px; }
.updates-end p { font-size: 12px; color: var(--muted); line-height: 1.8; margin: 0; }
.updates-end > a { margin-left: auto; flex-shrink: 0; }
.update-article { max-width: 780px; margin: 38px auto 0; }
.update-article-header h1 { font: 600 clamp(40px, 4.5vw, 64px)/1.13 var(--heading); letter-spacing: -2.8px; margin: 25px 0 22px; }
.update-article-lead { font-size: 18px; color: var(--muted); line-height: 1.75; margin: 0 0 25px; }
.update-byline { display: flex; align-items: center; gap: 11px; font-size: 11px; padding-bottom: 28px; border-bottom: 1px solid var(--border); }
.update-byline > span { display: grid; gap: 4px; }
.update-byline > span > span { color: var(--muted); font-size: 10px; }
.update-article-body { padding-top:30px; }
.update-article-body p { font-size: 16px; line-height: 1.95; margin: 0 0 22px; }
.update-article-body h2 { font: 600 27px/1.35 var(--heading); letter-spacing: -.8px; margin: 38px 0 17px; }
.update-article-body a { color: var(--accent-text); text-decoration: underline; text-underline-offset: 4px; overflow-wrap: anywhere; }
.update-article-footer { border-top: 1px solid var(--border); margin-top: 35px; padding-top: 23px; display: flex; align-items: center; justify-content: space-between; gap: 20px; font-size: 12px; color: var(--muted); }
.update-next-read { max-width: 780px; margin: 40px auto 0; border: 1px solid var(--border); border-radius: 10px; padding: 22px 25px; background: var(--card); }
.update-next-read > span { display: block; font-size: 9px; letter-spacing: 1px; color: var(--muted); margin-bottom: 12px; }
.update-next-read a { display: flex; justify-content: space-between; gap: 20px; font: 600 24px/1.4 var(--heading); letter-spacing: -.6px; }
.update-next-read a:hover { color: var(--accent-text); }
[data-theme=dark] .update-card-art { background: #35382b; }
[data-theme=dark] .update-art-sarkari { background: #253842; }
[data-theme=dark] .update-card-art > span { color: #e0e4d9; }
@media (max-width: 1000px) {
  .updates-intro-grid { gap: 35px; }
  .update-feature-copy { padding: 30px; }
  .update-feature-art { padding: 28px; }
  .update-feature-art > div { font-size: 62px; letter-spacing: -3px; }
  .updates-end { flex-wrap: wrap; }
  .updates-end > a { margin-left: 72px; }
}
@media (max-width: 700px) {
  .updates-main { padding: 28px 0 38px; }
  .updates-intro .contact-back { margin-bottom: 30px; }
  .updates-intro-grid { grid-template-columns: 1fr; gap: 22px; padding-bottom: 26px; }
  .updates-intro h1 { font-size: clamp(43px, 9vw, 60px); letter-spacing: -2px; margin-top: 20px; }
  .updates-intro-grid > p { font-size: 13px; }
  .updates-label { font-size: 9px; gap: 12px; padding: 18px 0 22px; }
  .update-feature { grid-template-columns: 1fr; }
  .update-feature-art { min-height: 280px; padding: 25px; }
  .update-feature-art > div { font-size: 65px; }
  .update-feature-copy { padding: 26px; }
  .update-feature-copy h2 { font-size: 34px; letter-spacing: -1.4px; margin-top: 20px; }
  .update-feature-copy h2 br { display: none; }
  .update-feature-copy > p { font-size: 12px; }
  .updates-notes { padding-top: 30px; }
  .updates-section-heading h2 { font-size: 23px; }
  .updates-section-heading > span { font-size: 8px; }
  .update-card-grid { grid-template-columns: 1fr; gap: 22px; }
  .update-card-art { height: 210px; padding: 22px 25px 0; }
  .update-card-body { padding: 24px; }
  .update-card h3 { font-size: 26px; }
  .update-card-body > p { font-size: 12px; }
  .updates-end { align-items: flex-start; gap: 18px; margin-top: 30px; }
  .updates-end > div { flex: 1; }
  .updates-end-symbol { font-size: 36px; }
  .updates-end h2 { font-size: 19px; }
  .updates-end > a { margin-left: 54px; }
  .update-article { margin-top: 30px; }
  .update-article-header h1 { font-size: 42px; letter-spacing: -1.8px; }
  .update-article-lead { font-size: 15px; }
  .update-article-body { padding-top:30px; }
.update-article-body p { font-size: 14px; }
  .update-article-body h2 { font-size: 24px; margin-top: 30px; }
  .update-article-footer { flex-direction: column; align-items: flex-start; gap: 14px; }
  .update-next-read a { font-size: 22px; }
}
@media (prefers-reduced-motion: reduce) { .update-card-art img { transition: none; } }

/* Company profiles beside the service status link in the footer top row. */
.footer-top-actions {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-end;
  gap:12px 28px;
}
.footer-social {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px 18px;
  font-size:11px;
}
.footer-social a {
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:4px 0;
}
.footer-social a > span { color:var(--accent-text); }
@media (max-width:700px) {
  .footer-top { flex-direction:column; align-items:flex-start; }
  .footer-top-actions { justify-content:flex-start; gap:12px 20px; }
}
@media (max-width:500px) {
  .footer-social { font-size:10px; gap:6px 14px; }
}

/* Custom not-found page. */
.error-page { padding-bottom:0; }
.error-main { text-align:center; padding:65px 0 70px; }
.error-number { font:750 clamp(100px,14vw,170px)/1 var(--heading); letter-spacing:-8px; color:var(--border); margin-bottom:30px; }
.error-number span { color:var(--accent); }
.error-main h1 { font:600 clamp(38px,4.5vw,62px)/1.12 var(--heading); letter-spacing:-2px; margin:20px 0; }
.error-description { color:var(--muted); font-size:14px; line-height:1.85; max-width:430px; margin:0 auto; }
.error-actions { display:flex; justify-content:center; align-items:center; gap:28px; flex-wrap:wrap; margin-top:30px; }
.error-help { font-size:12px; color:var(--muted); margin:35px 0 0; line-height:1.8; }
.error-help a { color:var(--accent-text); text-decoration:underline; text-underline-offset:3px; }
@media (max-width:600px) {
  .error-main { padding:40px 0 45px; }
  .error-number { letter-spacing:-5px; margin-bottom:25px; }
  .error-main h1 { font-size:40px; letter-spacing:-1.5px; }
  .error-description { font-size:13px; }
  .error-actions { gap:22px; flex-direction:column; }
}