@font-face{font-family:Inter;src:url('/assets/inter-latin.3100e775e8.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;src:url('/assets/inter-latin-ext.34b9c504ca.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Newsreader;src:url('/assets/newsreader-latin.62981321d9.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Newsreader;src:url('/assets/newsreader-latin-ext.ac6fa9ed53.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root {
  --ink: #1b2521;
  --paper: #f8f9f6;
  --muted: #616c65;
  --line: #dce1d9;
  --green: #456b57;
  --night: #122c25;
  --gutter: clamp(24px, 5.4vw, 88px);
  --ease: cubic-bezier(.2,.7,.2,1);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 30px; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: Inter, Arial, sans-serif; font-size: 16px; -webkit-font-smoothing: antialiased; }
::selection { background: #d5e4c4; color: #122c25; }
a { color: inherit; text-decoration: none; }
button { font: inherit; cursor: pointer; }
button, summary, a { -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
button:focus-visible, a:focus-visible, summary:focus-visible { outline: 2px solid #6e9980; outline-offset: 6px; }
img { display: block; max-width: 100%; }
svg { width: 24px; height: 24px; flex-shrink: 0; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
h1, h2, h3, h4, p, figure { margin: 0; }
h1, h2, h3, h4 { font-weight: 500; }
p { line-height: 1.65; }
[hidden] { display: none !important; }
.shell { width: 100%; max-width: 1440px; margin-inline: auto; padding-inline: var(--gutter); }
.eyebrow { font-size: 10px; font-weight: 550; line-height: 1.5; letter-spacing: .13em; }
.skip-link { position: fixed; z-index: 100; left: 20px; top: 12px; padding: 14px 20px; background: white; transform: translateY(-150%); }
.skip-link:focus { transform: translateY(0); }

/* The masthead stays small. The product is a destination, not the brand. */
.site-header { position: relative; z-index: 10; }
.header-inner { height: 94px; display: flex; align-items: center; gap: 32px; }
.brand { display: inline-flex; align-items: center; gap: 10px; flex-shrink: 0; }
.brand > span { font-size: 27px; font-weight: 620; letter-spacing: -1.6px; line-height: 1; }
.brand-mark { width: 22px; height: 29px; object-fit: contain; }
.desktop-nav { display: flex; gap: 32px; margin-left: auto; margin-right: 36px; }
.desktop-nav a { font-size: 12px; padding-block: 15px; color: #4e5b52; }
.desktop-nav a:hover { color: var(--ink); }
.header-right { display: flex; gap: 30px; align-items: center; }
.languages { display: flex; align-items: center; gap: 6px; font-size: 10px; font-weight: 550; }
.languages a { padding: 16px 5px; color: #647067; }
.languages a[aria-current] { color: var(--ink); }
.languages span { color: #c4cbc3; }
.header-product { display: flex; gap: 22px; align-items: center; padding: 10px 16px; border: 1px solid #ccd4ca; border-radius: 100px; font-size: 11px; transition: background .2s; }
.header-product svg { width: 15px; height: 15px; }
.header-product:hover { background: #e8ede3; }
.mobile-menu { display: none; }

/* An open field of type and a drawing that resolves into a single line. */
.hero-main { display: grid; grid-template-columns: 1.08fr 1fr; align-items: center; gap: 6px; min-height: 574px; padding-block: 64px 78px; }
.hero-copy { position: relative; z-index: 1; }
.hero h1 { font-size: clamp(66px,6.5vw,93px); font-weight: 480; letter-spacing: -.073em; line-height: 1.07; }
.hero h1 span { display: block; white-space: nowrap; }
.hero-accent { color: var(--green); }
.hero-description { font-size: 17px; line-height: 1.8; letter-spacing: -.025em; color: var(--muted); margin-top: 29px; }
.hero-link { display: inline-flex; gap: 20px; align-items: center; font-size: 12px; font-weight: 550; margin-top: 32px; min-height: 44px; }
.circle-arrow { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid #b5c4b6; border-radius: 50%; transition: transform .25s, background .25s; }
.circle-arrow svg { width: 17px; height: 17px; }
.hero-link:hover .circle-arrow { transform: translateX(4px); background: #e5edde; }
.hero-art { position: relative; margin: -10px -25px 0 10px; }
.clarity-drawing { width: 100%; height: auto; display: block; overflow: visible; stroke-width: .8; }
.thread { stroke: #84998a; opacity: .67; stroke-width: .8; }
.thread-accent { stroke: #245937; opacity: 1; stroke-width: 1.8; }
.end-dot { stroke: none; fill: #315e43; }
.registration { stroke: #9dad9c; stroke-width: .8; }
.art-legend { display: flex; align-items: center; gap: 13px; margin: -13px 6.6% 0 3%; position: relative; font-size: 8px; font-weight: 550; letter-spacing: .13em; color: #5f715f; }
.legend-line { height: 1px; flex: 1; background: #d7dfd3; }
.replay { background: none; border: 0; padding: 12px; color: #6c806f; margin: -12px -12px -12px 1px; display: grid; place-items: center; }
.replay svg { width: 13px; height: 13px; }
.drawing-in .thread { animation: resolve-line 2.6s var(--ease) both; }
@keyframes resolve-line { from { stroke-dasharray: 1; stroke-dashoffset: 1; opacity: .1; } to { stroke-dasharray: 1; stroke-dashoffset: 0; } }
.hero-copy { animation: arrive .9s var(--ease) both; }
@keyframes arrive { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
.hero-bottom { border-top: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 94px; }
.hero-bottom > p { font-size: 10px; color: var(--muted); }
.product-teaser { display: flex; align-items: center; gap: 19px; padding-block: 22px; }
.teaser-label { font-size: 8px; letter-spacing: .1em; color: #647265; }
.teaser-name { font-family: Newsreader, Georgia, serif; font-size: 23px; font-weight: 500; letter-spacing: -.8px; padding-top: 4px; }
.teaser-description { font-size: 10px; color: var(--muted); }
.product-teaser svg { width: 17px; height: 17px; margin-left: 5px; transition: transform .2s; }
.product-teaser:hover svg { transform: translateX(4px); }

.perspective { padding-block: 120px 108px; display: grid; grid-template-columns: 1fr 1fr; column-gap: 100px; }
.perspective .eyebrow { color: var(--muted); margin-bottom: 28px; }
.perspective h2 { font-size: clamp(34px,3.25vw,48px); line-height: 1.16; letter-spacing: -.055em; font-weight: 470; }
.perspective-body { padding-top: 38px; max-width: 485px; }
.perspective-lead { font-size: 19px; line-height: 1.65; letter-spacing: -.035em; }
.perspective-copy { font-size: 14px; line-height: 1.9; color: var(--muted); margin-top: 19px; }
.principles { margin: 57px 0 0; padding: 0; list-style: none; grid-column: 1/-1; display: flex; border-top: 1px solid var(--line); }
.principles li { flex: 1; display: flex; align-items: baseline; gap: 15px; font-size: 12px; padding-top: 22px; }
.principles li:nth-child(2) { justify-content: center; }
.principles li:last-child { justify-content: flex-end; }
.principles span { color: #596c55; font-size: 9px; font-variant-numeric: tabular-nums; }

/* Jordan earns its space with an explanation you can try. */
.products { background: var(--night); color: #f0f3e9; margin-inline: 16px; border-radius: 12px; }
.product-inner { padding: 48px calc(var(--gutter) - 16px) 30px; }
.product-topline { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #ffffff22; padding-bottom: 25px; color: #bac8b9; }
.product-topline .eyebrow { font-size: 9px; }
.product-main { display: grid; grid-template-columns: .96fr 1fr; align-items: center; gap: clamp(48px,7vw,100px); padding-top: 63px; }
.jordan-brand { display: flex; align-items: center; gap: 10px; }
.jordan-brand > img { filter: brightness(0) invert(.92); width: 29px; height: 29px; }
.jordan-brand > span { font-family: Newsreader, Georgia, serif; font-weight: 450; font-size: 35px; letter-spacing: -1.5px; padding-top: 5px; }
.product-category { margin-top: 26px; margin-bottom: 18px; color: #a7bca9; font-size: 8px; font-weight: 550; letter-spacing: .11em; }
.jordan-copy h2 { font-size: clamp(39px,4vw,58px); font-weight: 450; letter-spacing: -.058em; line-height: 1.12; }
.jordan-description { font-size: 15px; line-height: 1.85; color: #c2cfc2; max-width: 414px; margin-top: 26px; }
.jordan-detail { font-size: 12px; line-height: 1.8; color: #a5bba9; max-width: 360px; margin-top: 19px; }
.button { display: inline-flex; align-items: center; gap: 24px; background: #dfeaca; color: #213526; padding: 14px 23px; border-radius: 100px; font-size: 12px; font-weight: 550; margin-top: 30px; transition: background .2s, transform .2s; }
.button:hover { background: #f0f7e2; transform: translateY(-2px); }
.button svg { width: 16px; height: 16px; }
.demo-wrap { width: 100%; min-width: 0; }
.analysis-demo { background: #f5f6ef; color: #21372a; border: 1px solid #fcfff0; border-radius: 9px; padding: 27px 28px 0; box-shadow: 0 20px 50px #00000015; }
.demo-top { display: flex; align-items: center; justify-content: space-between; }
.demo-top .eyebrow { font-size: 8px; letter-spacing: .14em; color: #536852; }
.demo-dot { width: 6px; height: 6px; border-radius: 50%; background: #789c6b; }
.demo-controls { display: flex; gap: 4px; padding: 4px; background: #e5e9dd; border-radius: 6px; margin-block: 23px 28px; }
.demo-controls button { flex: 1; border: 0; background: transparent; color: #5b6c58; border-radius: 4px; font-size: 10px; padding: 10px 5px; min-height: 36px; transition: color .2s, background .2s; }
.demo-controls button[aria-pressed=true] { background: #fafbf7; color: #203721; box-shadow: 0 1px 3px #29352810; }
.demo-panels { min-height: 399px; }
.demo-panel h3 { font-size: 15px; line-height: 1.5; font-weight: 450; letter-spacing: -.025em; }
.metric-label { color: #65735f; font-size: 10px; margin-top: 22px; }
.metric-value { font-size: clamp(43px,4vw,59px); line-height: 1.3; font-weight: 470; letter-spacing: -.06em; font-variant-numeric: tabular-nums; white-space: nowrap; }
.metric-value > span { font-size: 16px; font-weight: 400; letter-spacing: -.04em; margin-left: 9px; color: #5e7057; }
.metric-inputs { margin: 20px 0 22px; display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid #dbe1d1; padding-top: 16px; gap: 15px; }
.metric-inputs dt { font-size: 9px; color: #65735f; }
.metric-inputs dd { margin: 5px 0 0; font-size: 14px; letter-spacing: -.025em; font-variant-numeric: tabular-nums; }
.metric-chart > svg { width: 100%; height: 7px; stroke: none; display: block; }
.chart-track { fill: #dde4d3; }
.chart-fill { fill: #55754b; }
.metric-chart > div { margin-top: 8px; display: flex; justify-content: space-between; align-items: center; gap: 16px; font-size: 9px; color: #66745e; }
.metric-chart strong { font-weight: 500; color: #30462a; font-size: 10px; }
.metric-insight { display: flex; align-items: flex-start; gap: 9px; margin-top: 23px; }
.insight-mark { color: #799566; font-size: 20px; line-height: 1.15; }
.metric-insight p { font-size: 15px; line-height: 1.55; font-weight: 480; letter-spacing: -.03em; }
.metric-note { font-size: 11px; line-height: 1.65; color: #64735b; margin-top: 8px; padding-left: 25px; }
.calculation { margin-top: 15px; font-size: 10px; color: #5e6f56; }
.demo-foot { display: flex; justify-content: space-between; align-items: center; gap: 15px; border-top: 1px solid #dbe1d1; margin-top: 18px; padding-block: 14px; font-size: 8px; color: #62725a; line-height: 1.5; }
.sample-note { color: #a5b9a7; font-size: 9px; text-align: center; line-height: 1.6; margin-top: 16px; padding-inline: 15px; }
.operations { display: grid; grid-template-columns: .96fr 1fr; gap: clamp(48px,7vw,100px); border-top: 1px solid #ffffff26; padding-top: 30px; margin-top: 59px; }
.operations h3 { font-size: 21px; letter-spacing: -.035em; font-weight: 450; line-height: 1.5; }
.operations p { font-size: 12px; line-height: 1.8; color: #b5c8b9; max-width: 410px; }
.app-peek { margin-top: 28px; }
.app-peek > summary { display: flex; align-items: center; gap: 15px; width: fit-content; cursor: pointer; list-style: none; font-size: 10px; color: #d7e1cf; padding-block: 12px; }
.app-peek > summary::-webkit-details-marker { display: none; }
.plus { position: relative; width: 18px; height: 18px; }
.plus::before, .plus::after { content: ''; height: 1px; width: 10px; position: absolute; top: 8px; left: 4px; background: currentColor; transition: transform .2s; }
.plus::after { transform: rotate(90deg); }
.app-peek[open] .plus::after { transform: rotate(0); }
.app-screens { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; max-width: 640px; margin: 32px auto 20px; }
.screen-frame { padding: 7px; border-radius: 23px; border: 1px solid #819478; background: #21382a; box-shadow: 0 20px 35px #00000024; }
.screen-frame img { width: 100%; height: auto; border-radius: 16px; }
.app-screens figcaption { text-align: center; font-size: 12px; margin-top: 18px; }
.app-screens > p { grid-column: 1/-1; text-align: center; color: #b2c3ae; font-size: 10px; }

.next { display: grid; grid-template-columns: 1.3fr 1fr; gap: 100px; padding-block: 110px 100px; }
.brand-eyebrow { color: #63705f; text-transform: none; font-size: 11px; letter-spacing: .01em; margin-bottom: 24px; }
.next h2 { font-size: 46px; letter-spacing: -.06em; font-weight: 470; line-height: 1.2; }
.next-copy > p:last-child { margin-top: 20px; max-width: 450px; color: var(--muted); font-size: 14px; line-height: 1.85; }
.contact { align-self: end; padding-bottom: 3px; }
.contact h3 { font-size: 23px; letter-spacing: -.04em; font-weight: 450; }
.contact p { margin-top: 15px; font-size: 12px; color: var(--muted); max-width: 270px; }
.text-link { display: inline-flex; gap: 35px; align-items: center; font-size: 13px; border-bottom: 1px solid #acbba8; padding-block: 12px; margin-top: 9px; }
.text-link svg { width: 16px; height: 16px; }
.text-link:hover { color: var(--green); }
.footer-inner { border-top: 1px solid var(--line); display: flex; align-items: center; gap: 30px; min-height: 108px; }
.footer-brand > span { font-size: 20px; letter-spacing: -1px; }
.footer-brand .brand-mark { width: 16px; height: 21px; }
.footer-inner > p { font-size: 9px; color: #64705f; margin-left: 7px; }
.footer-inner nav { margin-left: auto; display: flex; align-items: center; gap: 35px; font-size: 10px; color: #52644f; }
.footer-inner nav a { min-height: 44px; display: flex; align-items: center; gap: 10px; }
.back-top svg { width: 15px; height: 15px; }

.reveal { opacity: 1; transform: none; }
.motion-ready .reveal:not(.in-view) { opacity: 0; transform: translateY(20px); }
.motion-ready .reveal { transition: opacity .65s var(--ease), transform .65s var(--ease); }
.not-found { min-height: 100svh; display: grid; place-items: center; padding: 50px 24px; }
.not-found main { max-width: 650px; }
.not-found .brand { margin-bottom: 70px; }
.not-found .eyebrow { margin-bottom: 20px; color: var(--green); }
.not-found h1 { font-size: clamp(40px,6vw,65px); letter-spacing: -.055em; line-height: 1.1; margin-bottom: 25px; }
.not-found p:not(.eyebrow) { color: var(--muted); }
.error-language { display: flex; align-items: center; gap: 20px; font-size: 12px; margin-top: 30px; }

@media (min-width: 1600px) {
  .hero-main { min-height: 640px; }
}
@media (max-width: 1100px) {
  .desktop-nav { margin-right: 12px; gap: 24px; }
  .header-right { gap: 23px; }
  .hero h1 { font-size: 7.05vw; }
  .hero-main { min-height: 520px; }
  .hero-description { font-size: 14px; }
  .hero-art { margin-right: -15px; }
  .teaser-description { display: none; }
  .perspective { column-gap: 55px; padding-block: 95px; }
  .perspective-lead { font-size: 17px; }
  .product-main, .operations { gap: 40px; }
  .jordan-copy h2 { font-size: 42px; }
  .jordan-description { font-size: 13px; }
  .analysis-demo { padding-inline: 22px; }
  .demo-panels { min-height: 420px; }
  .demo-foot { font-size: 7px; gap: 10px; }
  .next { gap: 65px; }
  .next h2 { font-size: 40px; }
}
@media (max-width: 800px) {
  .header-inner { height: 80px; }
  .header-product { display: none; }
  .desktop-nav { margin-right: 20px; }
  .hero-main { min-height: 490px; }
  .hero h1 { font-size: 7.6vw; }
  .hero-description { font-size: 13px; }
  .hero-description br { display: none; }
  .hero-art { margin-right: -24px; }
  .hero-link { margin-top: 24px; font-size: 11px; }
  .art-legend { font-size: 7px; gap: 10px; }
  .perspective { column-gap: 40px; padding-block: 80px; }
  .perspective h2 { font-size: 31px; }
  .perspective-lead { font-size: 16px; }
  .principles li { font-size: 10px; gap: 9px; }
  .product-main { grid-template-columns: 1fr; gap: 44px; padding-top: 40px; }
  .jordan-copy { display: grid; grid-template-columns: 1fr 1fr; column-gap: 32px; }
  .jordan-brand, .product-category, .jordan-copy h2, .jordan-copy .button { grid-column: 1; }
  .jordan-copy .button { width: fit-content; }
  .jordan-description { grid-column: 2; grid-row: 2/4; margin-top: 0; align-self: center; }
  .jordan-detail { grid-column: 2; margin-top: 22px; }
  .jordan-copy h2 { font-size: 37px; }
  .demo-wrap { max-width: 540px; margin-inline: auto; }
  .demo-panels { min-height: 388px; }
  .metric-value { font-size: 55px; }
  .demo-foot { font-size: 8px; }
  .operations { grid-template-columns: 1fr 1.2fr; gap: 40px; }
  .operations h3 { font-size: 20px; }
  .next { gap: 50px; grid-template-columns: 1.2fr 1fr; padding-block: 80px; }
  .next h2 { font-size: 34px; }
  .next-copy > p:last-child { font-size: 13px; }
  .contact p { font-size: 11px; }
  .text-link { gap: 16px; font-size: 12px; }
}
@media (max-width: 600px) {
  :root { --gutter: 24px; }
  html { scroll-padding-top: 20px; }
  .header-inner { height: 76px; gap: 20px; }
  .brand > span { font-size: 25px; }
  .brand-mark { width: 19px; height: 25px; }
  .desktop-nav { display: none; }
  .header-right { margin-left: auto; gap: 20px; }
  .mobile-menu { display: block; }
  .mobile-menu > summary { list-style: none; display: flex; flex-direction: column; justify-content: center; gap: 5px; width: 30px; height: 44px; cursor: pointer; }
  .mobile-menu > summary::-webkit-details-marker { display: none; }
  .mobile-menu > summary span { width: 20px; height: 1px; background: var(--ink); transition: transform .2s; }
  .mobile-menu[open] > summary span:first-child { transform: translateY(3px) rotate(45deg); }
  .mobile-menu[open] > summary span:last-child { transform: translateY(-3px) rotate(-45deg); }
  .mobile-menu nav { position: absolute; top: 75px; left: 12px; right: 12px; border: 1px solid var(--line); background: #f8f9f6; padding: 10px 22px; border-radius: 8px; box-shadow: 0 15px 35px #24302112; }
  .mobile-menu nav a { padding-block: 19px; border-bottom: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; font-size: 14px; }
  .mobile-menu nav a:last-child { border-bottom: 0; }
  .mobile-menu nav svg { width: 19px; height: 19px; }
  .hero-main { display: flex; flex-direction: column; align-items: stretch; min-height: 0; padding-block: 39px 30px; gap: 2px; }
  .hero h1 { font-size: clamp(45px,11.6vw,68px); letter-spacing: -.075em; line-height: 1.07; }
  .hero-description { font-size: 14px; max-width: 335px; margin-top: 22px; line-height: 1.75; }
  .hero-description br { display: none; }
  .hero-link { font-size: 12px; margin-top: 20px; gap: 17px; }
  .circle-arrow { width: 31px; height: 31px; }
  .hero-art { margin: -6px -4px 0; align-self: center; width: min(100%,360px); }
  .clarity-drawing { width: 100%; height: auto; }
  .art-legend { font-size: 6.5px; margin-top: -12px; gap: 12px; }
  .hero-bottom { min-height: 75px; justify-content: flex-start; }
  .hero-bottom > p { display: none; }
  .product-teaser { width: 100%; gap: 20px; padding-block: 19px; }
  .teaser-name { font-size: 25px; }
  .teaser-label { font-size: 8px; }
  .product-teaser svg { margin-left: auto; }
  .perspective { padding-block: 71px 66px; display: block; }
  .perspective .eyebrow { font-size: 9px; margin-bottom: 22px; }
  .perspective h2 { font-size: clamp(30px,8.5vw,40px); }
  .perspective-body { padding-top: 28px; }
  .perspective-lead { font-size: 17px; line-height: 1.65; }
  .perspective-copy { font-size: 14px; margin-top: 18px; }
  .principles { display: block; margin-top: 31px; }
  .principles li, .principles li:nth-child(2), .principles li:last-child { justify-content: flex-start; gap: 17px; padding-top: 18px; font-size: 12px; }
  .products { margin-inline: 8px; border-radius: 9px; }
  .product-inner { padding: 28px 16px 23px; }
  .product-topline { padding-bottom: 21px; }
  .product-topline .eyebrow { font-size: 8px; letter-spacing: .09em; }
  .product-main { padding-top: 31px; gap: 32px; }
  .jordan-copy { display: block; }
  .jordan-brand > span { font-size: 32px; }
  .jordan-brand > img { width: 27px; height: 27px; }
  .product-category { margin-top: 24px; margin-bottom: 15px; font-size: 7px; }
  .jordan-copy h2 { font-size: clamp(35px,10vw,46px); }
  .jordan-description { margin-top: 22px; font-size: 13px; max-width: 410px; }
  .jordan-detail { font-size: 11px; margin-top: 17px; max-width: 320px; }
  .button { margin-top: 25px; padding: 13px 21px; }
  .analysis-demo { padding: 22px 20px 0; border-radius: 7px; }
  .demo-controls { margin-block: 21px 24px; }
  .demo-controls button { font-size: 10px; }
  .demo-panel h3 { font-size: 13px; }
  .metric-label { margin-top: 23px; }
  .metric-value { font-size: 48px; }
  .metric-value > span { font-size: 15px; }
  .metric-inputs { margin-top: 18px; }
  .metric-inputs dd { font-size: 13px; }
  .metric-insight p { font-size: 13px; }
  .metric-insight { margin-top: 22px; }
  .metric-note { font-size: 9px; }
  .demo-panels { min-height: 388px; }
  .demo-foot { font-size: 7px; align-items: flex-start; gap: 12px; }
  .demo-foot span:last-child { text-align: right; }
  .sample-note { font-size: 8px; max-width: 320px; margin-inline: auto; }
  .operations { display: block; margin-top: 32px; padding-top: 24px; }
  .operations h3 { font-size: 20px; }
  .operations p { font-size: 11px; margin-top: 13px; }
  .app-peek { margin-top: 18px; }
  .app-screens { gap: 15px; margin-top: 22px; }
  .screen-frame { padding: 4px; border-radius: 13px; }
  .screen-frame img { border-radius: 9px; }
  .app-screens figcaption { font-size: 10px; margin-top: 12px; }
  .app-screens > p { font-size: 8px; }
  .next { display: block; padding-block: 69px 59px; }
  .next h2 { font-size: 36px; }
  .next-copy > p:last-child { font-size: 13px; margin-top: 19px; }
  .brand-eyebrow { font-size: 10px; margin-bottom: 21px; }
  .contact { margin-top: 47px; }
  .contact h3 { font-size: 25px; }
  .contact p { font-size: 12px; max-width: 290px; margin-top: 12px; }
  .text-link { font-size: 13px; gap: 28px; }
  .footer-inner { flex-wrap: wrap; justify-content: space-between; gap: 10px; padding-block: 23px; min-height: 0; }
  .footer-brand > span { font-size: 21px; }
  .footer-inner > p { order: 3; width: 100%; margin: 4px 0 0; font-size: 8px; }
  .footer-inner nav { gap: 23px; font-size: 9px; }
  .back-top svg { width: 13px; height: 13px; }
}
@media (max-width: 359px) {
  :root { --gutter: 20px; }
  .header-right { gap: 12px; }
  .hero h1 { font-size: 10.9vw; }
  .hero-description { font-size: 13px; }
  .analysis-demo { padding-inline: 15px; }
  .demo-panels { min-height: 422px; }
  .metric-value { font-size: 43px; }
  .demo-controls button { font-size: 9px; }
  .perspective h2 { font-size: 29px; }
  .footer-inner nav { gap: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
  .motion-ready .reveal:not(.in-view) { opacity: 1; transform: none; }
  .replay { display: none; }
}

/* Product detail: a readable destination alongside the application. */
.product-actions { display:flex; align-items:center; flex-wrap:wrap; gap:24px; margin-top:28px; }
.product-actions .button { margin-top:0; }
.product-discover { display:inline-flex; align-items:center; gap:12px; min-height:44px; font-size:12px; font-weight:550; }
.product-discover svg { width:17px; height:17px; transition:transform .2s; }
.product-discover:hover svg { transform:translateX(3px); }
.jordan-hero { display:grid; grid-template-columns:1.35fr .65fr; gap:90px; align-items:center; padding-block:65px 82px; }
.jordan-hero .jordan-brand { color:#173b31; }
.jordan-hero .jordan-brand > img { filter:none; }
.jordan-maker { font-size:11px; color:var(--muted); margin-top:16px; }
.jordan-hero h1 { font-size:clamp(40px,4.4vw,64px); line-height:1.13; letter-spacing:-.063em; margin-top:46px; font-weight:470; }
.jordan-intro { max-width:480px; font-size:16px; color:var(--muted); margin-top:25px; line-height:1.8; }
.jordan-hero-screen { justify-self:center; width:min(100%,284px); }
.product-phone { padding:7px; background:#fff; border-radius:29px; border:1px solid #d2d8cf; box-shadow:0 24px 65px -35px #143c304f; }
.product-phone img { width:100%; height:auto; border-radius:22px; }
.jordan-hero-screen figcaption { font-size:9px; color:var(--muted); text-align:center; line-height:1.7; margin-top:15px; }
.jordan-analysis { padding-block:100px; border-top:1px solid var(--line); }
.jordan-section-heading { display:grid; grid-template-columns:1fr 1fr; gap:100px; align-items:end; }
.jordan-page h2 { font-size:clamp(30px,3.2vw,45px); line-height:1.18; letter-spacing:-.05em; font-weight:470; }
.jordan-section-heading .eyebrow { color:var(--green); margin-bottom:24px; }
.jordan-section-heading > p { max-width:470px; font-size:15px; color:var(--muted); line-height:1.85; }
.analysis-topics { display:grid; grid-template-columns:repeat(3,1fr); gap:45px; margin-top:76px; }
.analysis-topics article { border-top:1px solid var(--line); padding-top:21px; }
.topic-number { display:block; font-size:10px; color:#71816f; margin-bottom:40px; }
.analysis-topics .eyebrow { color:var(--green); letter-spacing:.04em; }
.analysis-topics h3 { font-size:23px; letter-spacing:-.04em; line-height:1.3; margin-top:15px; max-width:260px; }
.analysis-topics h3 + p { margin-top:19px; color:var(--muted); font-size:13px; line-height:1.9; }
.jordan-daily { background:#edf1e9; }
.daily-inner { padding-block:83px; display:grid; grid-template-columns:1fr 1fr; gap:100px; align-items:center; }
.daily-inner p { margin-top:26px; max-width:480px; font-size:14px; color:var(--muted); }
.daily-inner ul { list-style:none; margin:0; padding:0; }
.daily-inner li { display:flex; justify-content:space-between; align-items:center; padding:23px 0; border-bottom:1px solid #d2dace; font-size:14px; }
.daily-inner li:first-child { border-top:1px solid #d2dace; }
.daily-inner li svg { width:17px; height:17px; color:var(--green); }
.jordan-faq { display:grid; grid-template-columns:.75fr 1.25fr; gap:90px; padding-block:110px 70px; }
.jordan-faq details { border-top:1px solid var(--line); }
.jordan-faq details:last-child { border-bottom:1px solid var(--line); }
.jordan-faq summary { display:flex; align-items:center; justify-content:space-between; gap:22px; font-size:14px; padding:24px 0; cursor:pointer; list-style:none; line-height:1.6; }
.jordan-faq summary::-webkit-details-marker { display:none; }
.jordan-faq details[open] .plus:after { transform:rotate(0); }
.jordan-faq details p { max-width:580px; padding:0 26px 26px 0; font-size:13px; color:var(--muted); line-height:1.85; }
.jordan-start { padding-block:45px 90px; }
.jordan-start h2 { color:#294e3c; }
.jordan-return { display:inline-flex; gap:10px; align-items:center; font-size:11px; margin-top:33px; color:var(--muted); }
.jordan-return svg { width:14px; height:14px; }
@media(max-width:900px) {
 .jordan-hero { gap:40px; grid-template-columns:1.25fr .75fr; padding-top:40px; }
 .jordan-hero h1 { font-size:42px; }
 .jordan-section-heading,.daily-inner { gap:45px; }
 .analysis-topics { gap:25px; }
 .jordan-faq { gap:45px; }
}
@media(max-width:640px) {
 .jordan-page .header-inner { justify-content:space-between; gap:15px; }
 .jordan-page .header-right { gap:12px; }
 .jordan-page .header-product { display:none; }
 .jordan-hero { grid-template-columns:1fr; gap:52px; padding-block:32px 56px; }
 .jordan-hero h1 { font-size:clamp(35px,9.5vw,48px); margin-top:32px; }
 .jordan-intro { font-size:14px; margin-top:22px; }
 .jordan-hero-screen { width:258px; }
 .jordan-analysis { padding-block:65px; }
 .jordan-section-heading,.daily-inner,.jordan-faq { grid-template-columns:1fr; gap:28px; }
 .jordan-section-heading > p { font-size:14px; }
 .analysis-topics { grid-template-columns:1fr; gap:35px; margin-top:42px; }
 .topic-number { margin-bottom:20px; }
 .analysis-topics h3 { max-width:none; }
 .analysis-topics h3 + p { margin-top:12px; }
 .daily-inner { padding-block:56px; }
 .jordan-faq { padding-block:60px 40px; }
 .jordan-faq summary { font-size:13px; }
 .jordan-start { padding-block:25px 65px; }
 .product-actions { gap:20px; }
}