/* YugenX — three-discipline public website. One purposeful animated element. */
:root {
  color-scheme: light;
  --burgundy: #591727;
  --burgundy-deep: #3c0f1b;
  --burgundy-hover: #742236;
  --rose: #e6b7bb;
  --rose-soft: #f6e9e8;
  --ink: #201b21;
  --text: #46434b;
  --muted: #726c72;
  --line: #eadfdf;
  --cream: #faf8f6;
  --paper: #ffffff;
  --shadow: 0 18px 38px rgba(35, 17, 21, .075);
}
* {box-sizing: border-box;}
html {scroll-behavior: smooth;}
body {margin: 0;background: var(--paper);color: var(--ink);font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;-webkit-font-smoothing: antialiased;}
a {color: inherit;text-decoration: none;}
button,input {font: inherit;}
button {cursor: pointer;}
a:focus-visible,button:focus-visible {outline: 3px solid #f0bbc4;outline-offset: 4px;}
[hidden] {display: none!important;}
.shell {width: min(1220px, calc(100% - 84px));margin-inline: auto;}
.skip {position: absolute;z-index: 15;top: -200px;left: 20px;background: #fff;color: #3c0f1b;padding: 12px;}
.skip:focus {top: 15px;}

/* Header: one-line descriptor, preserved complete YugenX logo on a light plate. */
.site-header {background: var(--burgundy);color: #fff;border-bottom: 1px solid #6c2c39;position: relative;z-index: 10;}
.header-inner {min-height: 108px;display: flex;align-items: center;gap: clamp(14px, 2.1vw, 28px);}
.brand {background: #fff;display: flex;align-items: center;justify-content: center;border-radius: 10px;line-height: 0;flex: 0 0 auto;padding: 0 12px;min-height: 72px;box-shadow: 0 6px 18px rgba(25, 5, 9, .12);}
.brand img {display: block;width: 212px;height: auto;object-fit: contain;}
.brand-specialties {white-space: nowrap;flex-shrink: 0;color: #fff1ef;font-size: clamp(10px, .95vw, 12px);font-weight: 750;letter-spacing: .012em;line-height: 1.3;}
.brand-specialties span {padding-inline: 3px;color: #efaeb8;}
.top-nav {display: flex;align-items: center;justify-content: flex-end;gap: clamp(15px, 1.65vw, 25px);margin-left: auto;white-space: nowrap;}
.top-nav a {font-size: 12px;font-weight: 700;color: #f8e8e9;}
.top-nav a:hover {color: #fff;text-decoration: underline;text-underline-offset: 6px;}
.nav-toggle,.mobile-nav {display: none;}

/* Hero: bright opening followed by burgundy tools collection. */
.hero-section {background: linear-gradient(135deg,#ffffff 20%,#fdf9f6 88%);border-bottom: 1px solid #eee4e0;overflow: hidden;}
.intro {display: grid;grid-template-columns: minmax(0, 1.17fr) minmax(280px, .83fr);gap: clamp(28px,4vw,66px);min-height: 620px;align-items: center;padding-top: 100px;padding-bottom: 105px;}
.intro-content {position: relative;z-index: 1;min-width: 0;}
.eyebrow {display: flex;align-items: center;gap: 12px;margin: 0 0 28px;color: var(--burgundy);font-size: 10px;line-height: 1.5;font-weight: 800;letter-spacing: .15em;}
.eyebrow-line {display: block;flex: 0 0 24px;height: 2px;background: var(--burgundy);}
.intro h1 {font-size: clamp(50px, 5vw, 75px);letter-spacing: -.065em;line-height: 1.09;font-weight: 790;margin: 0 0 27px;max-width: 720px;}
.intro h1 span {color: var(--burgundy);}
.intro-lead {font-size: clamp(16px,1.55vw,19px);line-height: 1.75;font-weight: 480;color: #464049;margin: 0;max-width: 715px;}
.intro-offerings {margin: 18px 0 0;max-width: 680px;font-size: 14px;line-height: 1.78;color: #72636a;border-left: 3px solid #cf9fa5;padding-left: 16px;}
.intro-bottom {display: flex;align-items: center;gap: 26px;flex-wrap: wrap;margin-top: 35px;}
.button {display: inline-flex;align-items: center;justify-content: space-between;gap: 24px;padding: 15px 20px;min-height: 52px;border-radius: 7px;font-size: 13px;font-weight: 760;transition: background-color .18s ease, border-color .18s ease;}
.button span {font-weight: 400;font-size: 18px;}
.button-dark {background: var(--burgundy);color: #fff;}
.button-dark:hover {background: var(--burgundy-hover);}
.button-red {background: #fff;color: var(--burgundy-deep);}
.button-red:hover {background: #f4e3e3;}
.text-link {font-size: 13px;font-weight: 750;border-bottom: 1px solid #a68c92;padding-bottom: 5px;}
.text-link span {margin-left: 7px;}
.text-link:hover {color: var(--burgundy);}
.hero-visual {height: min(37vw,470px);min-height: 330px;position: relative;display: flex;align-items: center;justify-content: center;isolation: isolate;}
.hero-visual:before {content: "";position: absolute;width: min(84%,390px);aspect-ratio: 1;border-radius: 50%;background: radial-gradient(circle,rgba(126,25,49,.12) 0,rgba(126,25,49,.065) 42%,rgba(126,25,49,0) 72%);}
.orbit-guide {position: absolute;border: 1px solid rgba(102,31,49,.19);border-radius: 50%;aspect-ratio: 1;}
.orbit-guide.outer {width: 94%;max-width: 430px;}
.orbit-guide.inner {width: 70%;max-width: 317px;border-color: rgba(102,31,49,.12);}
.orbit-crosshairs {position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;}
.orbit-crosshairs span:first-child {width: min(94%,430px);height: 1px;background: linear-gradient(90deg,transparent,rgba(102,31,49,.16),transparent);}
.orbit-crosshairs span:last-child {position: absolute;height: min(94%,430px);width: 1px;background: linear-gradient(transparent,rgba(102,31,49,.16),transparent);}
.identity-disc {width: clamp(184px,19vw,280px);aspect-ratio: 1;display: grid;place-items: center;position: relative;z-index: 1;border-radius: 50%;background: radial-gradient(circle,#fff 37%,#fff5f4 100%);border: 1px solid #f0dbdc;box-shadow: 0 14px 70px rgba(73,18,30,.08),inset 0 0 18px rgba(255,255,255,.9);}
.identity-disc:after {content: "";position: absolute;inset: -11px;border: 1px dashed rgba(102,31,49,.25);border-radius: 50%;}
.identity-disc img {display: block;width: 73%;height: 73%;object-fit: contain;animation: emblem-rotate 24s linear infinite;filter: drop-shadow(0 12px 12px rgba(60,12,23,.08));}
@keyframes emblem-rotate {to {transform: rotate(360deg);}}
.orbit-tick {position: absolute;width: 7px;height: 7px;background: var(--burgundy);transform: rotate(45deg);}
.tick-one {top: 10%;left: 48%;}
.tick-two {bottom: 17%;right: 6%;background: #ba9299;width: 5px;height: 5px;}

/* Clear full-width burgundy section — three categories. */
.focus {background: var(--burgundy);color: #fff;padding: 96px 0 105px;scroll-margin-top: 0;border-top: 1px solid #682738;border-bottom: 1px solid var(--burgundy-deep);}
.section-heading {display: flex;justify-content: space-between;align-items: end;gap: 42px;margin-bottom: 30px;}
.section-kicker {margin: 0 0 16px;font-size: 10px;font-weight: 850;letter-spacing: .19em;color: var(--burgundy);}
.focus .section-kicker,.contact .section-kicker {color: #efbbc3;}
.section-heading h2,.consult-head h2,.contact h2 {font-size: clamp(32px,3.6vw,46px);line-height: 1.18;letter-spacing: -.046em;font-weight: 750;margin: 0;}
.section-heading>p {max-width: 330px;margin: 0 0 5px;color: #ebd9db;line-height: 1.8;font-size: 13px;}
.focus-grid {display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 17px;}
.focus-card {display: flex;flex-direction: column;position: relative;min-height: 330px;padding: 29px;border-radius: 9px;background: #fffdfc;color: var(--ink);box-shadow: 0 18px 38px rgba(27,5,11,.11);border: 1px solid rgba(255,255,255,.7);}
.focus-card:before {position: absolute;content: "";height: 4px;top: 0;left: 29px;right: 29px;background: var(--burgundy);border-radius: 0 0 4px 4px;}
.card-top {display: flex;justify-content: space-between;align-items: center;margin-bottom: 29px;}
.card-index {font-size: 10px;letter-spacing: .11em;font-weight: 800;color: #80686e;}
.card-glyph {width: 42px;height: 42px;display: grid;place-items: center;background: #f5ebea;border: 1px solid #ebd9d9;border-radius: 8px;font-size: 26px;color: var(--burgundy);}
.card-glyph.gene {font-size: 30px;}.card-glyph.stack {font-size: 26px;}
.focus-card h3 {font-size: clamp(21px,2vw,26px);line-height: 1.2;margin: 0 0 12px;letter-spacing: -.042em;}
.area-description {font-size: 13px;line-height: 1.8;color: #625b62;min-height: 75px;margin: 0;}
.card-divider {background: #e9dedf;height: 1px;margin: 23px 0 18px;}
.tool-region {flex: 1;display: flex;flex-direction: column;gap: 9px;}
.tool-label {color: #82616b;letter-spacing: .14em;font-size: 10px;font-weight: 800;}
.tool-items {display: flex;flex-direction: column;gap: 8px;}
.tool-entry {display: flex;gap: 7px;align-items: center;justify-content: space-between;border-radius: 6px;border: 1px solid #eadfe0;background: #fbf8f7;padding: 12px;transition: background-color .2s ease,border-color .2s ease;}
.tool-entry:hover {background: #fff;border-color: #b86b7f;}
.tool-name {font-size: 12px;font-weight: 750;color: #34252c;}
.tool-meta {display: flex;align-items: center;gap: 8px;flex-shrink: 0;}
.tool-access {font-size: 9px;color: #856e72;letter-spacing: .02em;font-weight: 800;}
.tool-arrow {color: var(--burgundy);font-size: 15px;}
.card-footer-link {display: flex;justify-content: space-between;align-items: center;margin-top: 23px;font-weight: 800;font-size: 12px;color: var(--burgundy);}
.card-footer-link span {font-size: 17px;}
.focus-footnote {display: flex;align-items: center;gap: 10px;color: #f0d6db;margin: 20px 0 0;font-size: 11px;line-height: 1.7;}
.small-diamond {display: inline-block;background: #f1b0b9;width: 6px;height: 6px;transform: rotate(45deg);flex: 0 0 6px;}

/* White consultation/service section with strong card boundaries. */
.consultation {background: var(--cream);color: var(--ink);padding: 97px 0 100px;scroll-margin-top: 0;border-bottom: 1px solid #eadfdc;}
.consult-head {display: flex;align-items: end;justify-content: space-between;gap: 50px;margin-bottom: 32px;}
.consult-head .section-kicker.light {color: var(--burgundy);}
.consult-head h2 {max-width: 650px;}
.consult-head>p {max-width: 370px;font-size: 14px;line-height: 1.85;color: #685d64;margin: 0 0 5px;}
.service-grid {display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 16px;}
.service-card {background: #fff;min-height: 245px;border: 1px solid #eadcdd;border-radius: 9px;padding: 29px 31px;box-shadow: 0 8px 20px rgba(40,17,22,.03);position: relative;}
.service-card:before {content: "";position: absolute;left: 0;top: 24px;bottom: 24px;width: 3px;background: #8e3d50;border-radius: 0 4px 4px 0;}
.service-number {font-size: 10px;font-weight: 800;letter-spacing: .15em;color: #9b5162;}
.service-card h3 {font-size: 21px;letter-spacing: -.038em;margin: 13px 0 10px;color: #2c2027;}
.service-card>p {max-width: 520px;font-size: 13px;line-height: 1.75;color: #645c64;margin: 0 0 17px;}
.service-card ul {display: flex;flex-wrap: wrap;gap: 8px;list-style: none;margin: 0;padding: 0;}
.service-card li {border: 1px solid #eadbde;background: #fcf7f6;border-radius: 4px;color: #67404a;font-size: 11px;padding: 7px 9px;}
.deployment {margin-top: 25px;display: flex;align-items: flex-start;gap: 18px;border: 1px solid #eadcde;border-left: 4px solid var(--burgundy);background: #fff;padding: 25px 27px;border-radius: 4px 8px 8px 4px;}
.deployment-icon {font-size: 23px;color: var(--burgundy);line-height: 1;}
.deployment p {margin: 0;font-size: 13px;line-height: 1.85;color: #574d54;max-width: 990px;}

/* Dark closing section, then clean paper footer. */
.contact {background: var(--burgundy);color: #fff;padding: 84px 0 92px;scroll-margin-top: 0;}
.contact-inner {display: flex;justify-content: space-between;align-items: center;gap: 42px;}
.contact-copy {max-width: 690px;}
.contact h2 {margin-bottom: 16px;}
.contact-copy>p:last-child {font-size: 14px;line-height: 1.85;color: #f1dce0;margin: 0;}
.contact-action {text-align: right;min-width: 235px;}
.contact-address {font-size: 11px;color: #f5dbe0;overflow-wrap: anywhere;margin: 14px 0 0;}
.footer {background: #fff;border-top: 1px solid #eddfdf;color: #80747b;}
.footer-inner {padding: 28px 0;display: flex;justify-content: space-between;align-items: center;gap: 20px;font-size: 11px;line-height: 1.6;}

@media(max-width: 1250px) {
  .header-inner {flex-wrap: wrap;gap: 8px 20px;padding-top: 13px;padding-bottom: 14px;}
  .brand {min-height: 65px;}.brand img {width: 196px;}
  .brand-specialties {font-size: 11px;}
  .top-nav {flex-basis: 100%;justify-content: flex-end;padding-bottom: 1px;}
}
@media(max-width: 960px) {
  .shell {width: min(100% - 56px,780px);}
  .header-inner {flex-wrap: wrap;position: relative;justify-content: space-between;gap: 8px 12px;}
  .nav-toggle {display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 5px;margin-left: auto;width: 41px;height: 41px;border-radius: 7px;background: rgba(255,255,255,.12);border: 1px solid rgba(255,255,255,.3);}
  .nav-toggle span {height: 2px;width: 17px;background: #fff;}
  .top-nav {display: none;}
  .mobile-nav:not([hidden]) {display: flex;flex-direction: column;gap: 0;background: var(--burgundy-deep);padding: 5px 28px 17px;}
  .mobile-nav a {padding: 12px 0;font-size: 13px;font-weight: 700;color: #fff;}
  .intro {min-height: 0;grid-template-columns: minmax(0,1fr) 290px;gap: 20px;padding-top: 77px;padding-bottom: 77px;}
  .intro h1 {font-size: clamp(46px,5.9vw,65px);}
  .hero-visual {min-height: 300px;height: 330px;}
  .identity-disc {width: 190px;}
  .section-heading,.consult-head {align-items: start;flex-direction: column;gap: 12px;}
  .section-heading>p,.consult-head>p {max-width: 600px;}
  .focus-grid {grid-template-columns: 1fr;}
  .focus-card {min-height: 245px;}
  .area-description {min-height: 0;}
}
@media(max-width: 680px) {
  .shell {width: calc(100% - 38px);}
  .header-inner {padding-top: 10px;padding-bottom: 13px;min-height: 116px;}
  .brand {min-height: 62px;padding-inline: 8px;}.brand img {width: 174px;}
  .brand-specialties {order: 3;width: 100%;flex: 1 0 100%;font-size: clamp(8px,1.95vw,10px);letter-spacing: -.012em;white-space: nowrap;overflow: visible;}
  .nav-toggle {order: 2;}
  .intro {grid-template-columns: 1fr;padding-top: 71px;padding-bottom: 66px;gap: 24px;}
  .intro h1 {font-size: clamp(43px,9vw,59px);}
  .intro-lead {font-size: 16px;}
  .intro-offerings {font-size: 13px;}
  .hero-visual {height: 330px;min-height: 300px;max-width: 420px;width: 100%;justify-self: center;}
  .focus,.consultation {padding-top: 70px;padding-bottom: 74px;}
  .section-heading h2,.consult-head h2,.contact h2 {font-size: clamp(30px,6vw,41px);}
  .focus-card {padding: 26px;}
  .service-grid {grid-template-columns: 1fr;}
  .service-card {min-height: 0;padding: 26px;}
  .contact {padding: 72px 0 78px;}
  .contact-inner {flex-direction: column;align-items: flex-start;gap: 27px;}
  .contact-action {text-align: left;min-width: 0;}
  .footer-inner {flex-direction: column;align-items: flex-start;gap: 10px;}
}
@media(max-width: 420px) {
  .brand img {width: 160px;}
  .brand-specialties {font-size: 8px;letter-spacing: -.025em;}
  .intro h1 {font-size: 42px;}
  .intro-bottom {gap: 20px;}
  .eyebrow {font-size: 9px;letter-spacing: .09em;}
  .hero-visual {height: 275px;min-height: 275px;}
  .identity-disc {width: 170px;}
  .focus-card {padding: 23px;}
  .service-card {padding: 23px;}
}
@media(prefers-reduced-motion: reduce) {
  html {scroll-behavior: auto;}
  .identity-disc img {animation: none;}
  .button,.tool-entry {transition: none;}
}


/* --- Version 4 visual refresh --- */
:root {
  --primary-red: #c6283d;
  --primary-red-deep: #aa2034;
  --burgundy: #5e1627;
  --burgundy-deep: #47101d;
  --burgundy-soft: #6f2034;
  --paper: #ffffff;
  --warm: #fbf7f6;
  --ink: #201b21;
  --text: #45404a;
  --line: rgba(94,22,39,.14);
}
.site-header {background:#fff;color:var(--ink);border-bottom:1px solid rgba(94,22,39,.12);position:sticky;top:0;z-index:50;}
.header-inner{min-height:96px;}
.brand{background:#fff;border:1px solid rgba(94,22,39,.10);}
.brand-specialties{color:var(--ink);white-space:nowrap;}
.brand-specialties span{color:var(--primary-red);}
.top-nav a{color:#473942;}
.top-nav a:hover{color:var(--primary-red);}
.nav-toggle{background:#fff;border:1px solid rgba(94,22,39,.18);}
.nav-toggle span{background:var(--burgundy);}
.mobile-nav:not([hidden]){background:#fff;border-top:1px solid rgba(94,22,39,.1);border-bottom:1px solid rgba(94,22,39,.1);}
.mobile-nav a{color:var(--ink);}
.hero-section{background:linear-gradient(145deg,var(--burgundy-deep),var(--burgundy) 48%, #6e2134);color:#fff;}
.eyebrow,.section-kicker,.section-kicker.light{color:#f7dde2;}
.eyebrow-line,.small-diamond,.button-red,.tool-access,.service-number,.card-glyph,.deployment-icon{background:transparent;color:var(--primary-red);}
#hero-title span,.text-link,.card-footer-link,.contact-address,.focus-footnote,.service-card li,.brand-specialties span{color:var(--primary-red);}
.intro-lead,.intro-offerings{color:#f4e7ea;}
.button-dark{background:#fff;color:var(--burgundy);}
.button-dark:hover{background:#f7f1f2;color:var(--burgundy);}
.text-link:hover,.card-footer-link:hover,.top-nav a:hover{opacity:1;color:#ff6f7f;}
.hero-visual{position:relative;display:grid;place-items:center;min-height:420px;height:440px;isolation:isolate;}
.orbit-guide{position:absolute;border:1px dashed rgba(255,255,255,.16);border-radius:50%;}
.orbit-one{width:82%;aspect-ratio:1;}
.orbit-two{width:63%;aspect-ratio:1;}
.orbit-three{width:92%;aspect-ratio:1;}
.orbit-four{width:48%;aspect-ratio:1;}
.orbit-crosshairs{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;}
.orbit-crosshairs span{position:absolute;background:rgba(255,255,255,.09);}
.orbit-crosshairs span:first-child{width:1px;height:78%;}
.orbit-crosshairs span:last-child{height:1px;width:78%;}
.identity-disc{position:relative;z-index:2;display:grid;place-items:center;width:min(44vw,220px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at center, rgba(255,255,255,.10), rgba(255,255,255,.02) 62%, transparent 63%);box-shadow:0 0 0 1px rgba(255,255,255,.10),0 18px 50px rgba(0,0,0,.28);}
.identity-disc::before{content:"";position:absolute;inset:8%;border:1px solid rgba(255,255,255,.10);border-radius:50%;}
.identity-disc img{width:74%;height:auto;animation:spin-core 26s linear infinite;filter:drop-shadow(0 10px 24px rgba(0,0,0,.24));}
@keyframes spin-core{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.orbit-layer{position:absolute;inset:0;display:grid;place-items:center;animation:spin-slow 26s linear infinite;}
.orbit-layer-b{animation-direction:reverse;animation-duration:34s;}
.orbit-layer-c{animation-duration:42s;}
@keyframes spin-slow{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.orbit-node{position:absolute;display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;min-height:38px;border-radius:999px;background:#fff;color:var(--primary-red);font-size:11px;font-weight:800;letter-spacing:.08em;box-shadow:0 12px 26px rgba(0,0,0,.18);border:1px solid rgba(198,40,61,.18);}
.orbit-node::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--primary-red);margin-right:8px;box-shadow:0 0 0 4px rgba(198,40,61,.10);}
.orbit-node-ai{transform:translate(0,-162px);}
.orbit-node-bio{transform:translate(132px,98px);}
.orbit-node-dna{transform:translate(-150px,-88px);}
.orbit-node-plant{transform:translate(158px,-36px);}
.orbit-node-bacteria{transform:translate(-150px,122px);}
.orbit-node-db{transform:translate(0,176px);}
.orbit-node-app{transform:translate(-16px,-114px);}
.focus{background:#fff;}
.section-heading h2,.contact h2,.consult-head h2{color:inherit;}
.focus-card{background:#fff;border:1px solid rgba(94,22,39,.14);box-shadow:0 16px 32px rgba(39,22,28,.08);}
.card-top,.card-index,.area-description,.section-heading>p,.focus-footnote{color:#6d646b;}
.card-glyph,.service-number{color:var(--primary-red);}
.tool-entry{background:#fff7f8;border:1px solid rgba(198,40,61,.16);}
.tool-entry:hover{border-color:rgba(198,40,61,.34);background:#fff1f3;}
.tool-name{color:#3e3038;}
.tool-access,.tool-arrow{color:var(--primary-red);}
.consultation{background:linear-gradient(160deg,#5b1728,#6b1e31);color:#fff;}
.consult-head>p,#deployment-note{color:#f2d9df;}
.service-card{background:#fff;color:var(--text);}
.service-card li{background:#fff6f7;border-color:rgba(198,40,61,.14);}
.deployment{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);border-left-color:var(--primary-red);}
.deployment p{color:#fff;}
.contact{background:#fff;color:var(--ink);border-top:1px solid rgba(94,22,39,.10);}
.contact-copy>p:last-child{color:#5d5560;}
.contact .section-kicker{color:var(--primary-red);}
.button-red{display:inline-flex;align-items:center;gap:10px;background:var(--primary-red);color:#fff;border:1px solid var(--primary-red);}
.button-red:hover{background:var(--primary-red-deep);color:#fff;}
.contact-address{color:var(--primary-red);}
.footer{background:var(--warm);}
@media (max-width: 1250px){.brand-specialties{font-size:10px;}}
@media (max-width: 960px){.site-header{background:#fff;color:var(--ink)} .header-inner{padding-top:12px;padding-bottom:12px;min-height:unset;} .brand-specialties{color:var(--ink);} .hero-visual{height:390px;min-height:360px;} .orbit-node{font-size:10px;padding:7px 10px;min-height:34px;} .orbit-node-ai{transform:translate(0,-138px);} .orbit-node-bio{transform:translate(112px,84px);} .orbit-node-dna{transform:translate(-124px,-76px);} .orbit-node-plant{transform:translate(132px,-32px);} .orbit-node-bacteria{transform:translate(-126px,106px);} .orbit-node-db{transform:translate(0,150px);} .orbit-node-app{transform:translate(-10px,-98px);} }
@media (max-width: 680px){.brand-specialties{font-size:9px;letter-spacing:-.01em;white-space:nowrap;} .hero-visual{height:360px;min-height:330px;} .identity-disc{width:180px;} .orbit-node{font-size:9px;padding:6px 9px;min-height:30px;letter-spacing:.05em;} .orbit-node::before{width:6px;height:6px;margin-right:6px;box-shadow:0 0 0 3px rgba(198,40,61,.10);} .orbit-one{width:94%;}.orbit-two{width:72%;}.orbit-three{width:100%;}.orbit-four{width:56%;} .orbit-node-ai{transform:translate(0,-124px);} .orbit-node-bio{transform:translate(94px,78px);} .orbit-node-dna{transform:translate(-104px,-68px);} .orbit-node-plant{transform:translate(106px,-28px);} .orbit-node-bacteria{transform:translate(-104px,92px);} .orbit-node-db{transform:translate(0,132px);} .orbit-node-app{transform:translate(-6px,-88px);} .contact-action{width:100%;}}
@media (max-width: 420px){.brand-specialties{font-size:7.5px;letter-spacing:-.025em;} .hero-visual{height:310px;min-height:295px;} .identity-disc{width:150px;} .orbit-node{font-size:8px;padding:5px 7px;min-height:26px;} .orbit-node::before{display:none;} .orbit-node-ai{transform:translate(0,-104px);} .orbit-node-bio{transform:translate(80px,64px);} .orbit-node-dna{transform:translate(-86px,-58px);} .orbit-node-plant{transform:translate(88px,-24px);} .orbit-node-bacteria{transform:translate(-86px,80px);} .orbit-node-db{transform:translate(0,112px);} .orbit-node-app{transform:translate(-2px,-76px);} }
@media(prefers-reduced-motion: reduce){.identity-disc img,.orbit-layer{animation:none;}}

/* v4.1 contrast & consistency corrections */
.focus {color:var(--ink);}
.focus .section-kicker {color:var(--primary-red);}
.focus .section-heading h2 {color:var(--ink);}
.focus .section-heading>p {color:#685f66;}
.focus .focus-footnote {color:#655b64;}
.consult-head .section-kicker.light {color:#ff7888;}
.consultation .consult-head h2 {color:#fff;}
.contact .section-kicker {color:var(--primary-red);}
.hero-section .eyebrow {color:#f7dfe4;}
.hero-section .intro h1 span {color:#ff8190;}
.hero-section .text-link {color:#fff;border-bottom-color:rgba(255,255,255,.46);}
.hero-section .text-link:hover {color:#ff97a3;}
.service-card::before{background:var(--primary-red);}
.service-card h3{color:#2e2028;}
.service-card .service-number{color:var(--primary-red);}
.focus-card::before{background:var(--primary-red);}
.hero-visual{min-width:0;}
@media(max-width: 680px){
  .hero-visual{max-width:360px;overflow:visible;}
  .brand-specialties{line-height:1.4;}
}


/* === YugenX v5: polished header, authentic orbital icons, red footer === */
.site-header{background:#fff;box-shadow:none;border-bottom:1px solid rgba(94,22,39,.09);}
.header-inner{min-height:76px;gap:clamp(13px,1.7vw,24px);}
.brand{padding:0!important;margin:0;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;min-height:0!important;line-height:0;}
.brand img{width:180px;height:auto;object-fit:contain;display:block;filter:none;}
.brand-specialties{font-size:clamp(9px,.91vw,11.4px);letter-spacing:-.008em;white-space:nowrap;color:#3c3239;}
.brand-specialties span{color:var(--primary-red);}
.top-nav a{color:#4d3c43;}
.top-nav a:hover{color:var(--primary-red);}
/* A single composed scene rather than bordered badge elements */
.hero-visual{height:445px;min-height:420px;width:100%;max-width:490px;position:relative;display:grid;place-items:center;justify-self:center;isolation:isolate;overflow:visible;--orbit-outer:188px;--orbit-middle:142px;--orbit-inner:101px;}
.hero-visual::before{content:"";position:absolute;inset:5%;border-radius:50%;background:radial-gradient(circle,rgba(233,63,85,.15) 0,rgba(233,63,85,.07) 32%,transparent 68%);pointer-events:none;}
.orbit-halo{position:absolute;width:55%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.085) 2%,transparent 66%);}
.orbit-ring{position:absolute;aspect-ratio:1;border-radius:50%;border:1px dashed rgba(255,255,255,.19);pointer-events:none;}
.orbit-ring-outer{width:calc(2 * var(--orbit-outer));}
.orbit-ring-middle{width:calc(2 * var(--orbit-middle));border-style:solid;border-color:rgba(255,255,255,.11);}
.orbit-ring-inner{width:calc(2 * var(--orbit-inner));border-color:rgba(255,255,255,.14);}
.orbit-track{position:absolute;inset:0;animation:yx-orbit 44s linear infinite;--speed:44s;--radius:var(--orbit-outer);}
.orbit-track-outer{--radius:var(--orbit-outer);--speed:48s;animation-duration:var(--speed);}
.orbit-track-middle{--radius:var(--orbit-middle);--speed:36s;animation-duration:var(--speed);animation-direction:reverse;}
.orbit-track-inner{--radius:var(--orbit-inner);--speed:28s;animation-duration:var(--speed);}
.satellite{position:absolute;left:50%;top:50%;height:0;width:0;transform:rotate(var(--angle)) translateX(var(--radius));}
.satellite-face{position:absolute;left:0;top:0;transform:translate(-50%,-50%) rotate(var(--reverse-angle));animation:yx-counter var(--speed) linear infinite;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;line-height:1;}
.orbit-track-middle .satellite-face{animation-direction:reverse;}
.satellite-face--label{font-size:13px;font-weight:800;color:#fff;letter-spacing:.075em;gap:8px;text-shadow:0 1px 7px rgba(0,0,0,.18);}
.satellite-dot{width:9px;height:9px;border-radius:50%;background:#f13e56;box-shadow:0 0 0 5px rgba(238,49,77,.12),0 0 17px rgba(238,49,77,.60);display:inline-block;}
.satellite-face--emoji{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:32px;line-height:1.15;background:none;border:none;box-shadow:none;filter:drop-shadow(0 5px 12px rgba(0,0,0,.23));}
.identity-disc{width:164px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;position:relative;z-index:2;background:radial-gradient(circle,rgba(255,255,255,.15),rgba(255,255,255,.04) 56%,transparent 78%);border:none!important;box-shadow:none!important;}
.identity-disc::before,.identity-disc::after{content:none!important;}
.identity-disc img{width:86%;height:86%;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(18,0,6,.23));animation:emblem-rotate 26s linear infinite;}
@keyframes yx-orbit{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes yx-counter{from{transform:translate(-50%,-50%) rotate(var(--reverse-angle))}to{transform:translate(-50%,-50%) rotate(calc(var(--reverse-angle) - 360deg))}}
/* The footer uses the bright brand red; burgundy is reserved for full sections. */
.footer{background:#bf2940;color:#fff;border-top:0;}
.footer-inner{color:#fff;font-weight:600;}
/* Tighter responsive header while keeping the three disciplines on a single line. */
@media(max-width:1250px){.header-inner{min-height:70px;padding-top:8px;padding-bottom:8px;}.brand img{width:172px;}}
@media(max-width:960px){.header-inner{min-height:64px;}.brand img{width:166px;}.nav-toggle{background:transparent;border-color:rgba(94,22,39,.17);}.nav-toggle span{background:var(--burgundy);}.hero-visual{height:385px;min-height:365px;--orbit-outer:159px;--orbit-middle:121px;--orbit-inner:86px;}.identity-disc{width:138px;}.satellite-face--emoji{font-size:27px;}.satellite-face--label{font-size:12px;}}
@media(max-width:680px){.header-inner{min-height:0;padding-top:10px;padding-bottom:10px;row-gap:3px;}.brand img{width:158px;}.brand-specialties{order:3;width:100%;flex:1 0 100%;font-size:clamp(10px,2.8vw,11.7px);white-space:nowrap;letter-spacing:-.02em;line-height:1.4;}.hero-visual{height:345px;min-height:325px;max-width:360px;--orbit-outer:131px;--orbit-middle:100px;--orbit-inner:74px;}.identity-disc{width:116px;}.satellite-face--emoji{font-size:23px;}.satellite-face--label{font-size:11px;gap:6px;}.satellite-dot{width:7px;height:7px;box-shadow:0 0 0 3px rgba(238,49,77,.14),0 0 10px rgba(238,49,77,.5);}}
@media(max-width:390px){.brand img{width:146px;}.brand-specialties{font-size:clamp(10px,2.67vw,10.6px);letter-spacing:-.024em;}.hero-visual{height:308px;min-height:288px;--orbit-outer:113px;--orbit-middle:89px;--orbit-inner:67px;}.identity-disc{width:100px;}.satellite-face--emoji{font-size:21px;}.satellite-face--label{font-size:10px;}}
@media(prefers-reduced-motion:reduce){.orbit-track,.satellite-face,.identity-disc img{animation:none!important;}.orbit-track-middle{transform:rotate(0deg);}}


/* === YugenX v6: refined monochrome orbit markers and burgundy footer === */
.satellite-face--label{background:transparent !important;border:0 !important;box-shadow:none !important;padding:0 !important;min-height:auto !important;color:#fff;font-size:11px;font-weight:800;letter-spacing:.08em;display:inline-flex;align-items:center;gap:8px;text-shadow:0 1px 10px rgba(0,0,0,.28);}
.satellite-face--ghost{color:rgba(255,255,255,.96);}
.satellite-dot{width:11px;height:11px;display:inline-block;border-radius:50%;background:rgba(255,255,255,.92);box-shadow:0 0 0 6px rgba(255,255,255,.08),0 0 18px rgba(255,255,255,.45);margin-right:0;flex:0 0 auto;}
.satellite-dot--dna{background:#ffffff;box-shadow:0 0 0 6px rgba(255,255,255,.07),0 0 18px rgba(255,255,255,.40);}
.satellite-dot--plant{background:#f4f0f1;box-shadow:0 0 0 6px rgba(244,240,241,.08),0 0 18px rgba(244,240,241,.40);}
.satellite-dot--db{background:#ffd8de;box-shadow:0 0 0 6px rgba(255,216,222,.08),0 0 18px rgba(255,216,222,.48);}
.satellite-dot--app{background:#ffb8c4;box-shadow:0 0 0 6px rgba(255,184,196,.09),0 0 18px rgba(255,184,196,.52);}
.footer{background:var(--burgundy) !important;color:#fff !important;border-top:0 !important;}
.footer-inner{color:#fff !important;font-weight:600;}
@media (max-width: 680px){.satellite-face--label{font-size:9px;gap:6px;} .satellite-dot{width:9px;height:9px;box-shadow:0 0 0 5px rgba(255,255,255,.07),0 0 14px rgba(255,255,255,.34);} }
@media (max-width: 420px){.satellite-face--label{font-size:8px;gap:5px;} .satellite-dot{width:8px;height:8px;box-shadow:0 0 0 4px rgba(255,255,255,.06),0 0 10px rgba(255,255,255,.3);} }


/* YugenX v7 — intentional, research- and product-relevant orbit labels. */
.satellite-face--label { font-weight:700; font-size:11px; letter-spacing:.075em; color:#fff; gap:8px; }
.satellite-dot { background:#f4f0f2; box-shadow:0 0 0 5px rgba(255,255,255,.075),0 0 16px rgba(255,255,255,.38); }
.satellite-dot--analytics { background:#ffd1da; box-shadow:0 0 0 5px rgba(255,209,218,.09),0 0 16px rgba(255,209,218,.38); }
.satellite-dot--automation { background:#ee9fab; box-shadow:0 0 0 5px rgba(238,159,171,.09),0 0 16px rgba(238,159,171,.40); }
@media (max-width:680px) { .satellite-face--label { font-size:10px; gap:6px; } }
@media (max-width:390px) { .satellite-face--label { font-size:8.5px; letter-spacing:.025em; gap:4px; } }


/* v8 — consultation presentation: intentional typography, generous cards, no nested pills. */
.consultation{padding:112px 0 106px;background:radial-gradient(circle at 92% 0%,rgba(255,123,146,.10),transparent 34%),linear-gradient(150deg,#4e1020 0%,#651a2e 100%);}
.consult-head{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(250px,.7fr);align-items:end;gap:62px;margin-bottom:46px;}
.consult-head h2{max-width:740px;font-size:clamp(38px,4.3vw,60px);line-height:1.09;letter-spacing:-.052em;}
.consult-intro{max-width:390px;padding-bottom:6px;}
.consult-head .consult-intro p{color:#f3dfe4;font-size:14px;line-height:1.85;margin:0 0 24px;}
.consult-cta{display:inline-flex;align-items:center;gap:20px;border-bottom:1px solid rgba(255,255,255,.48);padding-bottom:8px;color:#fff;font-size:12px;font-weight:750;letter-spacing:.015em;}
.consult-cta span{font-size:18px;color:#ff8fa0;line-height:1;}
.consult-cta:hover{border-color:#fff;color:#fff;}
.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch;}
.service-card{position:relative;display:flex;flex-direction:column;min-width:0;min-height:350px;padding:32px 34px 29px;border-radius:15px;background:linear-gradient(142deg,#ffffff,#fdfbfb 74%);border:1px solid rgba(255,255,255,.95);box-shadow:0 16px 42px rgba(27,1,9,.15);overflow:hidden;isolation:isolate;transition:transform .22s ease,box-shadow .22s ease;}
.service-card::before{content:"";position:absolute;left:0;top:0;bottom:auto;right:auto;width:100%;height:3px;background:linear-gradient(90deg,#bc243e,#e56a79 28%,transparent 78%);border-radius:0;}
.service-card::after{content:"";position:absolute;right:-90px;top:-95px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(185,38,65,.047),transparent 69%);pointer-events:none;z-index:-1;}
.service-card:hover{transform:translateY(-3px);box-shadow:0 20px 54px rgba(27,1,9,.21);}
.service-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:24px;}
.service-card .service-number{display:block;margin-top:4px;background:none;color:#a54a5a;font-size:10px;font-weight:790;letter-spacing:.16em;}
.service-number-divider{color:#d0a4ab;padding:0 4px;}
.service-icon{width:46px;height:46px;display:grid;place-items:center;color:#ad2940;border-radius:11px;background:#fff3f5;border:1px solid #f2dce0;flex:0 0 46px;}
.service-icon svg{display:block;width:23px;height:23px;}
.service-card-main{margin-bottom:27px;}
.service-card h3{font-size:clamp(21px,2.1vw,27px);line-height:1.16;letter-spacing:-.045em;margin:0 0 14px;color:#241b21;font-weight:780;max-width:450px;}
.service-card-main p{font-size:13.5px;line-height:1.76;color:#635a61;margin:0;max-width:450px;}
.service-card-bottom{margin-top:auto;padding-top:21px;border-top:1px solid #eee2e4;}
.service-capability-label{display:block;color:#9e6572;font-size:9px;font-weight:850;letter-spacing:.15em;margin-bottom:14px;}
.service-card ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;list-style:none;margin:0;padding:0;}
.service-card li{position:relative;display:block;padding:0 0 0 16px;margin:0;background:none;border:0;border-radius:0;color:#534b51;font-size:12px;line-height:1.55;font-weight:560;}
.service-card li::before{position:absolute;content:"";width:5px;height:5px;left:1px;top:.65em;border-radius:50%;background:#c62c45;}
.deployment{margin-top:32px;padding:26px 0 0;display:grid;grid-template-columns:240px minmax(0,1fr);gap:34px;align-items:start;background:transparent;border:0;border-top:1px solid rgba(255,255,255,.24);border-radius:0;}
.deployment-lead{display:flex;align-items:center;gap:12px;color:#fff;font-size:12px;font-weight:750;letter-spacing:.01em;line-height:1.5;}
.deployment-symbol{width:31px;height:31px;border:1px solid rgba(255,255,255,.36);display:grid;place-items:center;border-radius:50%;font-size:15px;font-weight:500;color:#ff92a0;flex:0 0 auto;}
.deployment p{color:#f2dce1;font-size:12.5px;line-height:1.75;max-width:730px;margin:0;}
@media(max-width:960px){.consultation{padding:86px 0 90px;}.consult-head{grid-template-columns:1fr;gap:15px;margin-bottom:32px;}.consult-intro{max-width:620px;}.service-card{padding:28px;min-height:350px;}.service-card h3{font-size:23px;}.service-card ul{grid-template-columns:1fr;gap:9px;}.deployment{grid-template-columns:1fr;gap:13px;}}
@media(max-width:680px){.consultation{padding:74px 0 78px;}.consult-head{gap:17px;margin-bottom:27px;}.consult-head h2{font-size:clamp(33px,8vw,43px);}.service-grid{grid-template-columns:1fr;gap:14px;}.service-card{min-height:auto;padding:27px 26px 25px;}.service-card-head{margin-bottom:17px;}.service-card-main{margin-bottom:24px;}.service-card ul{grid-template-columns:1fr 1fr;gap:10px 12px;}.deployment{margin-top:27px;padding-top:22px;}}
@media(max-width:375px){.service-card{padding:24px 21px;}.service-card ul{grid-template-columns:1fr;}.service-card h3{font-size:22px;}}
@media(prefers-reduced-motion:reduce){.service-card{transition:none;}.service-card:hover{transform:none;}}

/* Account for the compact sticky header when visitors follow section links. */
.focus,.consultation,.contact{scroll-margin-top:86px;}
@media(max-width:680px){.focus,.consultation,.contact{scroll-margin-top:110px;}}


/* === YugenX v9: lighter editorial palette with burgundy accents and gold linework === */
:root{--yx-gold:#b9954d;--yx-gold-soft:#d9c089;--yx-burgundy:#6a1d31;--yx-burgundy-soft:#8b3247;--yx-paper:#fffdfa;--yx-warm:#fbf7f4;}
.hero-section{position:relative;background:linear-gradient(145deg,#fffefe 0%,#fbf7f4 58%,#fffdfb 100%) !important;color:var(--ink) !important;border-bottom:1px solid rgba(106,29,49,.12) !important;overflow:hidden;}
.hero-section::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 18%,rgba(106,29,49,.08),transparent 24%),radial-gradient(circle at 88% 82%,rgba(185,149,77,.12),transparent 18%),linear-gradient(90deg,transparent 0,transparent calc(100% - 110px),rgba(106,29,49,.06) calc(100% - 110px),rgba(106,29,49,.06) calc(100% - 108px),transparent calc(100% - 108px));pointer-events:none;}
.hero-section::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent 0,rgba(185,149,77,.65) 18%,rgba(106,29,49,.32) 50%,rgba(185,149,77,.65) 82%,transparent 100%);}
.hero-section .eyebrow{color:var(--yx-burgundy-soft) !important;}
.eyebrow-line{background:linear-gradient(90deg,var(--yx-gold) 0,var(--primary-red) 100%) !important;height:1.5px !important;}
.hero-section .intro h1,.hero-section h1{color:#221d22 !important;}
.hero-section .intro h1 span,#hero-title span{color:var(--primary-red) !important;}
.hero-section .intro-lead{color:#564c53 !important;}
.hero-section .intro-offerings{color:#675d64 !important;}
.hero-section .text-link{color:var(--yx-burgundy) !important;border-bottom-color:rgba(106,29,49,.30) !important;}
.hero-section .text-link:hover{color:var(--primary-red) !important;border-bottom-color:rgba(198,40,61,.38) !important;}
.button-dark{background:var(--yx-burgundy) !important;color:#fff !important;border:1px solid var(--yx-burgundy) !important;box-shadow:0 10px 24px rgba(106,29,49,.12);}
.button-dark:hover{background:#571627 !important;color:#fff !important;}
.hero-visual::before{background:radial-gradient(circle,rgba(198,40,61,.08) 0,rgba(198,40,61,.04) 32%,transparent 66%) !important;}
.orbit-halo{background:radial-gradient(circle,rgba(106,29,49,.06) 2%,transparent 68%) !important;}
.orbit-ring{border-color:rgba(106,29,49,.16) !important;}
.orbit-ring-middle{border-color:rgba(185,149,77,.28) !important;}
.orbit-ring-inner{border-color:rgba(106,29,49,.12) !important;}
.satellite-face--label{color:var(--yx-burgundy) !important;text-shadow:none !important;}
.satellite-dot{background:var(--primary-red) !important;box-shadow:0 0 0 5px rgba(198,40,61,.12),0 0 14px rgba(198,40,61,.18) !important;}
.satellite-dot--analytics{background:var(--yx-gold) !important;box-shadow:0 0 0 5px rgba(185,149,77,.12),0 0 14px rgba(185,149,77,.18) !important;}
.satellite-dot--automation{background:var(--yx-burgundy-soft) !important;box-shadow:0 0 0 5px rgba(139,50,71,.10),0 0 14px rgba(139,50,71,.16) !important;}
.identity-disc{background:radial-gradient(circle,rgba(106,29,49,.07),rgba(106,29,49,.02) 56%,transparent 76%) !important;}
.identity-disc img{filter:drop-shadow(0 12px 18px rgba(59,12,25,.15)) !important;}
.focus{background:#fff !important;position:relative;border-top:0 !important;border-bottom:1px solid rgba(106,29,49,.09) !important;}
.focus::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent 0,rgba(185,149,77,.55) 16%,rgba(106,29,49,.20) 50%,rgba(185,149,77,.55) 84%,transparent 100%);}
.focus-card{border:1px solid rgba(106,29,49,.10) !important;box-shadow:0 16px 30px rgba(41,22,29,.06) !important;}
.focus-card::before{background:linear-gradient(90deg,var(--primary-red) 0,var(--yx-gold) 100%) !important;}
.consultation{position:relative;background:linear-gradient(180deg,#fffdfb 0%,#fbf7f4 100%) !important;color:var(--ink) !important;border-bottom:1px solid rgba(106,29,49,.09) !important;overflow:hidden;}
.consultation::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 94% 12%,rgba(106,29,49,.06),transparent 26%),radial-gradient(circle at 8% 88%,rgba(185,149,77,.10),transparent 22%),linear-gradient(90deg,rgba(106,29,49,.05) 0,rgba(106,29,49,.05) 3px,transparent 3px),linear-gradient(90deg,transparent calc(100% - 3px),rgba(185,149,77,.45) calc(100% - 3px),rgba(185,149,77,.45) 100%);background-size:auto,auto,100% 100%,100% 100%;pointer-events:none;}
.consultation::after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent 0,rgba(185,149,77,.65) 18%,rgba(106,29,49,.32) 50%,rgba(185,149,77,.65) 82%,transparent 100%);}
.consult-head,.service-grid,.deployment{position:relative;z-index:1;}
.consult-head .section-kicker.light,.consult-head .section-kicker{color:var(--primary-red) !important;}
.consultation .consult-head h2{color:#221d22 !important;}
.consult-intro p,#consult-description{color:#645a61 !important;}
.consult-cta{color:var(--yx-burgundy) !important;border-bottom:1px solid rgba(106,29,49,.18);}
.consult-cta:hover{color:var(--primary-red) !important;border-bottom-color:rgba(198,40,61,.28);}
.service-card{background:linear-gradient(180deg,#ffffff 0%,#fffdfc 100%) !important;border:1px solid rgba(106,29,49,.10) !important;box-shadow:0 14px 32px rgba(41,22,29,.07) !important;border-radius:16px !important;}
.service-card::before{height:2px !important;background:linear-gradient(90deg,var(--primary-red) 0,var(--yx-gold) 72%,transparent 100%) !important;}
.service-card::after{background:radial-gradient(circle,rgba(185,149,77,.08),transparent 70%) !important;}
.service-card .service-number{color:var(--yx-burgundy-soft) !important;}
.service-card .service-number-divider{color:var(--yx-gold) !important;}
.service-icon{color:var(--primary-red) !important;background:linear-gradient(180deg,#fff8f8,#fffdfb);border:1px solid rgba(106,29,49,.10);box-shadow:0 8px 18px rgba(41,22,29,.05);}
.service-card-main h3,.service-card h3{color:#231d22 !important;}
.service-card-main p{color:#625961 !important;}
.service-card-bottom{border-top:1px solid rgba(185,149,77,.24) !important;}
.service-capability-label{color:var(--yx-burgundy-soft) !important;}
.service-card li{color:#4f474d !important;}
.service-card li::before{background:var(--yx-gold) !important;}
.deployment{background:#fff !important;border:1px solid rgba(106,29,49,.10) !important;border-left:3px solid var(--primary-red) !important;box-shadow:0 10px 24px rgba(41,22,29,.05);}
.deployment p,#deployment-note{color:#5d545b !important;}
.deployment-icon{color:var(--yx-gold) !important;}
.contact{background:linear-gradient(180deg,#fffefc 0%,#fcf8f5 100%) !important;color:var(--ink) !important;border-top:0 !important;position:relative;}
.contact::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent 0,rgba(185,149,77,.65) 18%,rgba(106,29,49,.32) 50%,rgba(185,149,77,.65) 82%,transparent 100%);}
.contact-copy>p:last-child{color:#615760 !important;}
.contact-address{color:var(--yx-burgundy) !important;}
.button-red{background:var(--primary-red) !important;border-color:var(--primary-red) !important;box-shadow:0 10px 24px rgba(198,40,61,.14);}
.button-red:hover{background:#ab2034 !important;border-color:#ab2034 !important;}
.footer{background:var(--yx-burgundy) !important;color:#fff !important;border-top:1px solid rgba(255,255,255,.08) !important;}
.footer-inner{color:#fff !important;}
@media(max-width:680px){.hero-section::before,.consultation::before{background:radial-gradient(circle at 92% 8%,rgba(106,29,49,.06),transparent 22%),radial-gradient(circle at 10% 90%,rgba(185,149,77,.10),transparent 16%) !important;} .service-card{padding:26px 24px 24px !important;}.service-card ul{grid-template-columns:1fr !important;} }


/* === YugenX v10 / abstract circular digital-brand background ===
   Alternate image-backed sections: Hero / Consultation.
   Plain light sections: Tool catalogue / Contact.
   This is an image asset, not baked into editable page copy or service data. */
:root{
  --yx-burgundy:#6a1d31;
  --yx-gold:#b9954d;
  --yx-gold-fine:rgba(185,149,77,.48);
  --yx-cream:#fffaf8;
}
/* Hero: preserve artwork at the right edge; shield the copy from corner motifs. */
.hero-section{
  background-color:#fffdfb !important;
  background-image:
    linear-gradient(90deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.90) 25%,rgba(255,255,255,.50) 58%,rgba(255,255,255,.12) 100%),
    url('/assets/yugenx-digital-pattern.webp') !important;
  background-size:cover,cover !important;
  background-position:center center,center center !important;
  background-repeat:no-repeat !important;
  position:relative;
  isolation:isolate;
}
.hero-section::before{content:none !important;}
.hero-section::after{background:linear-gradient(90deg,transparent,rgba(185,149,77,.6) 19%,rgba(185,149,77,.38) 80%,transparent) !important;}
.intro{min-height:610px;}
.intro-content{padding:20px 6px 20px 0;max-width:705px;z-index:3;}
.hero-section .eyebrow{color:#7b394a !important;}
.hero-section .intro h1{color:#231c20 !important;}
.hero-section .intro h1 span{color:#c6283d !important;}
.hero-section .intro-lead{color:#453c42 !important;max-width:610px;}
.hero-section .intro-offerings{color:#61565d !important;max-width:605px;border-left-color:var(--yx-gold) !important;}
.hero-visual{
  z-index:2;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.78) 0%,rgba(255,255,255,.61) 44%,rgba(255,255,255,.28) 64%,transparent 75%);
}
/* Plain-space breathing room between illustrated brand panels. */
.focus{background:linear-gradient(180deg,#fff 0%,#fffdfb 100%) !important;}
.focus .section-heading{position:relative;}
.focus .section-heading::after{content:"";height:1px;width:88px;position:absolute;bottom:-14px;left:0;background:linear-gradient(90deg,var(--yx-gold),transparent);}
.focus .focus-card{background:#fff !important;box-shadow:0 16px 34px rgba(64,32,40,.06) !important;}
/* Consultation: broad artwork creates context; cards remain solid and legible. */
.consultation{
  background-color:#fffaf8 !important;
  background-image:
    linear-gradient(180deg,rgba(255,255,255,.69) 0%,rgba(255,255,255,.52) 45%,rgba(255,255,255,.68) 100%),
    url('/assets/yugenx-digital-pattern.webp') !important;
  background-position:center center,center center !important;
  background-size:cover,cover !important;
  background-repeat:no-repeat !important;
  isolation:isolate;
}
.consultation::before{content:none !important;}
.consultation::after{background:linear-gradient(90deg,transparent,rgba(185,149,77,.70) 20%,rgba(106,29,49,.25) 50%,rgba(185,149,77,.70) 80%,transparent) !important;}
.consult-head{
  position:relative;
  padding:24px 28px 23px;
  background:rgba(255,255,255,.90);
  border:1px solid rgba(106,29,49,.08);
  border-left:3px solid var(--yx-gold);
  border-radius:0 10px 10px 0;
  box-shadow:0 14px 32px rgba(43,23,28,.055);
  backdrop-filter:blur(5px);
  margin-bottom:26px;
}
.consultation .consult-head h2{color:#261f22 !important;}
.consult-head .section-kicker{color:#b72943 !important;}
.consult-intro p{color:#51494e !important;}
.consult-cta{color:#74233a !important;}
.service-grid{gap:20px;}
.service-card{
  background:rgba(255,255,255,.98) !important;
  border:1px solid rgba(106,29,49,.13) !important;
  box-shadow:0 20px 38px rgba(59,22,31,.09) !important;
  backdrop-filter:blur(4px);
}
.service-card::before{background:linear-gradient(90deg,#c6283d 0%,#b9954d 68%,transparent 100%) !important;}
.service-card:hover{box-shadow:0 23px 44px rgba(59,22,31,.12) !important;}
.service-card-bottom{border-color:rgba(185,149,77,.28) !important;}
.service-card li::before{background:var(--yx-gold) !important;}
.deployment{
  background:rgba(255,255,255,.95) !important;
  box-shadow:0 12px 24px rgba(59,22,31,.065) !important;
  border:1px solid rgba(106,29,49,.13) !important;
  border-left:3px solid var(--yx-gold) !important;
  padding:20px 26px !important;
  border-radius:0 10px 10px 0 !important;
}
.deployment-lead{color:var(--yx-burgundy) !important;}
.deployment-symbol{border-color:rgba(106,29,49,.18) !important;color:var(--yx-burgundy) !important;}
.deployment p{color:#554a51 !important;}
/* Separate the image-backed page from the closing contact area. */
.contact{background:#fff !important;}
.footer{background:var(--yx-burgundy) !important;}
@media(max-width:960px){
  .hero-section{background-position:center center,58% center !important;}
  .intro-content{max-width:100%;}
  .consult-head{padding:22px 24px;}
}
@media(max-width:680px){
  .hero-section{
    background-image:
      linear-gradient(180deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.86) 57%,rgba(255,255,255,.61) 100%),
      url('/assets/yugenx-digital-pattern.webp') !important;
    background-position:center center,54% center !important;
  }
  .intro{padding-top:56px;padding-bottom:54px;gap:18px;}
  .intro-content{padding:0;}
  .hero-visual{background:radial-gradient(circle,rgba(255,255,255,.8) 0%,rgba(255,255,255,.63) 45%,rgba(255,255,255,.25) 68%,transparent 82%);}
  .consultation{
    background-image:
      linear-gradient(180deg,rgba(255,255,255,.81),rgba(255,255,255,.68)),
      url('/assets/yugenx-digital-pattern.webp') !important;
    background-position:center center,54% center !important;
  }
  .consult-head{padding:19px 20px;border-radius:0 8px 8px 0;}
  .service-grid{gap:15px;}
  .deployment{padding:18px 20px !important;}
}
@media(prefers-reduced-motion:reduce){
  .service-card:hover{transform:none;}
}


/* YugenX v10.1 — robust two-track orbit: no angle variables or zero-size anchors. */
.hero-visual {
  position: relative;
  isolation: isolate;
}
/* Each lane is an actual centred circle. Its visible border is also the orbit guide. */
.orbit-track {
  position: absolute;
  inset: auto;
  top: 50%;
  left: 50%;
  width: calc(2 * var(--orbit-outer));
  height: calc(2 * var(--orbit-outer));
  border: 1px dashed rgba(106,29,49,.32);
  border-radius: 50%;
  box-sizing: border-box;
  z-index: 1;
  transform-origin: center;
  animation: yx-lane-clockwise 52s linear infinite;
}
.orbit-track-outer {
  width: calc(2 * var(--orbit-outer));
  height: calc(2 * var(--orbit-outer));
  border-color: rgba(106,29,49,.37);
  animation: yx-lane-clockwise 52s linear infinite;
}
.orbit-track-middle {
  width: calc(2 * var(--orbit-middle));
  height: calc(2 * var(--orbit-middle));
  border-style: solid;
  border-color: rgba(185,149,77,.48);
  animation: yx-lane-clockwise 52s linear infinite;
}
/* Old orbit-ring elements are redundant: the actual tracks draw the rings. */
.hero-visual .orbit-ring { display: none; }
.hero-visual .orbit-halo { pointer-events: none; }
/* Each node is anchored to a distinct point on its circular lane. */
.orbit-track .satellite {
  position: absolute;
  width: auto;
  height: auto;
  display: inline-flex;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
  z-index: 3;
}
.orbit-track-outer .satellite:nth-child(2) {
  top: 100%;
  transform: translate(-50%, -50%);
}
.orbit-track-middle .satellite:first-child {
  top: 50%;
  left: 100%;
}
.orbit-track-middle .satellite:nth-child(2) {
  top: 50%;
  left: 0;
}
.orbit-track .satellite-face {
  position: relative;
  left: auto;
  top: auto;
  transform: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  animation: yx-label-counterclockwise 52s linear infinite;
}
.orbit-track-middle .satellite-face {
  animation: yx-label-counterclockwise 52s linear infinite;
}
.satellite-face--label {
  font-size: 11px;
  font-weight: 760;
  letter-spacing: .055em;
  color: #6a1d31 !important;
  text-shadow: 0 1px 1px rgba(255,255,255,.82) !important;
}
.satellite-dot {
  background: #c6283d !important;
  box-shadow: 0 0 0 4px rgba(198,40,61,.12),0 0 10px rgba(198,40,61,.16) !important;
}
.satellite-dot--analytics {
  background: #b9954d !important;
  box-shadow: 0 0 0 4px rgba(185,149,77,.12),0 0 10px rgba(185,149,77,.16) !important;
}
.satellite-dot--automation {
  background: #8b3247 !important;
  box-shadow: 0 0 0 4px rgba(139,50,71,.12),0 0 10px rgba(139,50,71,.16) !important;
}
@keyframes yx-lane-clockwise {
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to { transform: translate(-50%, -50%) rotate(360deg); }
}
@keyframes yx-lane-counterclockwise {
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to { transform: translate(-50%, -50%) rotate(-360deg); }
}
@keyframes yx-label-counterclockwise {
  from { transform: rotate(0deg); }
  to { transform: rotate(-360deg); }
}
@keyframes yx-label-clockwise {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
@media (max-width: 680px) {
  .orbit-track-outer { border-color: rgba(106,29,49,.40); }
  .orbit-track-middle { border-color: rgba(185,149,77,.56); }
  .satellite-face--label { font-size: 10px; letter-spacing: .015em; gap: 5px; }
  .satellite-dot { width: 7px; height: 7px; }
}
@media (max-width: 390px) {
  .hero-visual { --orbit-outer: 99px; --orbit-middle: 67px; }
  .satellite-face--label { font-size: 9px; letter-spacing: .012em; }
}
@media (prefers-reduced-motion: reduce) {
  .orbit-track-outer, .orbit-track-middle, .orbit-track .satellite-face { animation: none !important; }
  .orbit-track-outer, .orbit-track-middle { transform: translate(-50%, -50%); }
}