/* ORIXON 5.4 — Genspark illustration system, three business axes. */
.dax-hero{padding-top:clamp(48px,5.5vw,84px);padding-bottom:0;overflow:hidden}
.dax-hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.15fr);gap:16px;align-items:center;padding-bottom:64px}
.dax-hero-copy{position:relative;z-index:1;min-width:0}
.dax-hero-title{font-size:clamp(40px,4.5vw,66px);line-height:1.17;letter-spacing:-.055em;margin-top:24px}
.dax-hero-title span:first-child{font-size:.68em;letter-spacing:-.04em;margin-bottom:14px;color:var(--brand-text)}
.dax-hero-title span + span{color:#c0f1df;max-width:9em}
.dax-hero-lead{max-width:29em;margin-top:26px;color:var(--brand-muted);font-size:17px;line-height:1.85}
.dax-hero-actions{margin-top:32px;gap:10px;flex-wrap:wrap}
.dax-universe{position:relative;min-width:0;margin:0}
.dax-universe:before{content:"";position:absolute;inset:8% 4% 18%;background:radial-gradient(ellipse at 20% 50%,#2b978422,transparent 55%),radial-gradient(ellipse at 80% 50%,#4774d522,transparent 55%);pointer-events:none}
.dax-universe>img{position:relative;display:block;width:100%;height:auto;mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent),linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent);mask-composite:intersect}
.dax-universe figcaption{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 24px;padding:14px 0 0;font-size:13px;font-weight:550;color:#d4ddd6}
.dax-universe figcaption span{display:inline-flex;align-items:center;gap:8px}
.dax-universe figcaption i{width:7px;height:7px;border-radius:50%;background:#55dccc;box-shadow:0 0 12px #55dccc66}
.dax-universe figcaption span:nth-child(2) i{background:#ffba6b;box-shadow:0 0 12px #ffba6b66}
.dax-universe figcaption span:nth-child(3) i{background:#98acff;box-shadow:0 0 12px #98acff66}
.dax-hero-ribbon{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;border-top:1px solid var(--brand-line);color:var(--brand-muted);font-size:13px}
.dax-hero-ribbon>p{color:var(--brand-accent);font-weight:600}
.dax-hero-ribbon ol{display:flex;gap:30px;align-items:center;flex-wrap:wrap}
.dax-hero-ribbon li{display:flex;gap:10px;align-items:center}
.dax-hero-ribbon b{font-weight:500;font-size:11px;color:var(--brand-subtle)}
.dax-axis--data-ax,.dax-domain--data-ax{--axis-color:#137a70;--axis-wash:#dceee6;--axis-bright:#64ddce}
.dax-axis--consumer-ax,.dax-domain--consumer-ax{--axis-color:#975019;--axis-wash:#f3e6ce;--axis-bright:#ffba6b}
.dax-axis--healthcare-ax,.dax-domain--healthcare-ax{--axis-color:#475ca7;--axis-wash:#e0e4f3;--axis-bright:#a5b7ff}
.dax-axes{scroll-margin-top:76px}
.dax-axis-list{border:0;gap:20px}
.dax-axis{padding:24px 24px 28px;border:1px solid var(--brand-paper-line);border-top:3px solid var(--axis-color);border-radius:16px;background:rgba(255,255,255,.25);overflow:hidden}
.dax-axis + .dax-axis{border-left:1px solid var(--brand-paper-line)}
.dax-axis .dax-axis-icon{width:38px;height:38px;color:var(--axis-color);border-color:transparent;background:var(--axis-wash)}
.dax-axis-art{margin:12px -12px 8px;aspect-ratio:3/2;background:radial-gradient(ellipse,var(--axis-wash),transparent 70%);border-radius:12px}
.dax-axis-art img{width:100%;height:100%;object-fit:contain}
.dax-axis h3{margin-top:10px;font-size:clamp(27px,2.7vw,38px)}
.dax-axis-tagline{color:var(--axis-color)}
.dax-axis:hover{background:rgba(255,255,255,.65)}
.dax-axis:hover h3,.dax-axis:hover .dax-axis-more{color:var(--axis-color)}
.dax-domain-art{margin-top:24px;max-width:440px;background:#efede6;border-radius:16px;overflow:hidden}
.dax-domain-art img{width:100%;height:auto}
.dax-domain h2 span{color:var(--axis-bright)}
.dax-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:28px;color:var(--brand-muted);font-size:13px}
.dax-breadcrumb a{text-decoration:underline;text-decoration-color:var(--brand-line);text-underline-offset:5px;min-height:32px;display:inline-flex;align-items:center}
.dax-breadcrumb a:hover{color:var(--brand-text)}
.ox-nav-axis:nth-child(1){border-top-color:#55dccc}
.ox-nav-axis:nth-child(2){border-top-color:#ffba6b}
.ox-nav-axis:nth-child(3){border-top-color:#98acff}
.ox-nav-axis:nth-child(1) .ox-nav-axis-no{color:#55dccc}
.ox-nav-axis:nth-child(2) .ox-nav-axis-no{color:#ffba6b}
.ox-nav-axis:nth-child(3) .ox-nav-axis-no{color:#98acff}
@media (prefers-reduced-motion:no-preference){
  .dax-axis-art img{transition:transform .4s ease}
  .dax-axis:hover .dax-axis-art img{transform:translateY(-5px)}
}
@media(max-width:1100px){
  .dax-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .dax-hero-title{font-size:52px}
  .dax-hero-lead{font-size:16px}
  .dax-hero-actions .ox-button{font-size:13px;padding-left:15px;padding-right:15px}
}
@media(max-width:960px){
  .dax-axis-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .dax-axis{padding:18px 18px 24px}
  .dax-axis + .dax-axis{border-top:3px solid var(--axis-color)}
  .dax-axis h3{font-size:25px}
  .dax-axis-summary{font-size:14px}
}
@media(max-width:760px){
  .dax-hero-grid{grid-template-columns:1fr;gap:20px;padding-bottom:32px}
  .dax-hero-title{font-size:clamp(42px,8.7vw,62px);margin-top:18px}
  .dax-hero-title span + span{max-width:10em}
  .dax-hero-lead{margin-top:20px;max-width:30em}
  .dax-hero-actions{margin-top:24px}
  .dax-universe{max-width:580px;width:100%;margin:0 auto}
  .dax-universe figcaption{gap:14px;font-size:12px;padding-top:0}
  .dax-hero-ribbon{align-items:flex-start;flex-direction:column;gap:10px;padding:20px 0}
  .dax-hero-ribbon ol{gap:10px 18px;font-size:12px}
  .dax-axis-list{grid-template-columns:1fr;gap:20px}
  .dax-axis{padding:22px 24px 28px}
  .dax-axis h3{font-size:34px}
  .dax-axis-summary{font-size:15.5px}
  .dax-axis-art{max-height:260px;aspect-ratio:3/2;margin:4px -6px 0}
}