/* Product concepts use the same Figtree, Ink, Mint and neutral palette as the brand book. */
.journey-heading {margin-top:4cqw;position:relative}
.journey-heading h2 {font-size:5.4cqw}
.journey-heading>p {position:absolute;right:0;bottom:.4cqw;width:30cqw;color:var(--slate);font-size:1.4cqw;font-weight:600;line-height:1.5}
.journey-track {display:grid;grid-template-columns:repeat(4,1fr);margin-top:5cqw;border-top:1px solid var(--mist)}
.journey-track>div {padding:2cqw 1.8cqw 0 0;position:relative}
.journey-track>div::before {content:"";position:absolute;left:0;top:-.3cqw;width:.55cqw;height:.55cqw;background:var(--ink);border-radius:50%}
.journey-track>div:first-child::before {background:var(--mint)}
.journey-number {font-size:1cqw;color:var(--slate);font-weight:500}
.journey-track h3 {font-size:2.8cqw;margin:1.1cqw 0}
.journey-track p {font-size:1.2cqw;color:var(--slate);line-height:1.55}
.showcase-grid {display:grid;grid-template-columns:34% 1fr;gap:4.5cqw;align-items:center;margin-top:3.6cqw}
.showcase-copy h2 {font-size:4.6cqw;line-height:1.01}
.showcase-copy>.eyebrow {font-size:.96cqw;margin-bottom:1.6cqw}
.showcase-copy>p {font-size:1.35cqw;line-height:1.55;font-weight:500;margin-top:1.9cqw;color:var(--fog)}
.light .showcase-copy>p {color:var(--slate)}
.showcase-note {margin-top:2.5cqw;border-top:1px solid #30373d;padding-top:1.6cqw;max-width:29cqw}
.showcase-note b,.showcase-note span {display:block;font-size:1cqw}
.showcase-note b {font-weight:600}
.showcase-note span {color:var(--fog);margin-top:.6cqw;line-height:1.5}
.product-figure {min-width:0}
.product-figure figcaption {font-size:.67cqw;color:var(--fog);margin-top:.9cqw;line-height:1.45}
.light .product-figure figcaption {color:var(--slate)}
.app-window {background:var(--ink);color:#fff;border:1px solid #39434b;border-radius:1cqw;overflow:hidden;box-shadow:0 1.7cqw 3cqw #0003;font-size:.88cqw;font-weight:500;line-height:1.45}
.ui-titlebar {height:3.9cqw;padding:0 1.6cqw;display:flex;gap:1.4cqw;align-items:center;border-bottom:1px solid #30373d}
.ui-product {display:flex;gap:.5cqw;align-items:center;font-size:1.15cqw;font-weight:800;letter-spacing:-.025em}
.ui-product i {display:block;width:.35cqw;height:.35cqw;border-radius:50%;background:var(--mint);margin-top:.4cqw}
.ui-titlebar>span:nth-child(2) {color:var(--fog);font-size:.69cqw;margin-left:auto}
.ui-avatar {border:1px solid #3f474d;display:flex;width:1.6cqw;height:1.6cqw;align-items:center;justify-content:center;border-radius:50%;font-size:.65cqw;color:var(--fog)}
.ui-tabs {display:flex;gap:1.8cqw;padding:0 1.6cqw;border-bottom:1px solid #30373d;font-size:.8cqw;color:var(--fog);height:3cqw;align-items:stretch}
.ui-tabs>span {display:flex;align-items:center;position:relative;white-space:nowrap}
.ui-tabs .selected {color:#fff}
.ui-tabs .selected::after {content:"";height:2px;position:absolute;bottom:-1px;left:0;right:0;background:var(--mint)}
.ui-eyebrow {display:block;font-size:.7cqw;color:var(--fog);font-weight:500;margin-bottom:.6cqw}
.hub-window {padding-bottom:1.3cqw}
.hub-welcome {padding:1.8cqw 1.7cqw 1.3cqw}
.hub-welcome h3 {font-size:1.85cqw;font-weight:700}
.hub-feature {height:12cqw;margin:0 1.7cqw;position:relative;border-radius:.6cqw;overflow:hidden;background:var(--ink)}
.hub-feature>img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right 60%}
.hub-feature::after {content:"";position:absolute;inset:0;background:linear-gradient(90deg,#111416ed,#11141680 48%,#11141600 80%)}
.hub-feature>div {position:relative;z-index:1;padding:1.4cqw 1.5cqw}
.hub-feature h4 {font-weight:800;font-size:2.05cqw;letter-spacing:-.035em;line-height:1.05;margin:0}
.hub-feature a {display:inline-block;color:var(--ink);background:var(--mint);border-radius:.3cqw;font-size:.7cqw;font-weight:700;margin-top:1.2cqw;padding:.55cqw .8cqw}
.hub-feature a span {margin-left:.8cqw}
.hub-tools {display:grid;grid-template-columns:repeat(4,1fr);margin:1.3cqw 1.7cqw 0;gap:0 1.3cqw}
.hub-tools a {display:block;min-height:4.6cqw;padding:.9cqw 0;border-top:1px solid #30373d}
.hub-tools b {display:block;font-size:1.05cqw;font-weight:700}
.hub-tools span {display:block;color:var(--fog);font-size:.67cqw;margin-top:.25cqw}
.hub-tools a:hover b {color:var(--mint)}
.reason-list {list-style:none;counter-reset:reason;padding:0;margin:2.4cqw 0 0}
.reason-list li {counter-increment:reason;padding:1cqw 0 1cqw 2.5cqw;position:relative;border-top:1px solid #30373d}
.reason-list li::before {content:"0" counter(reason);position:absolute;left:0;top:1.1cqw;color:var(--fog);font-size:.78cqw}
.reason-list b {display:block;font-size:1.05cqw;font-weight:600}
.reason-list span {display:block;font-size:.85cqw;color:var(--fog);margin-top:.4cqw;line-height:1.45}
.study-heading {display:flex;align-items:center;justify-content:space-between;padding:1.4cqw 1.7cqw .6cqw}
.study-heading h3 {font-size:1.6cqw;letter-spacing:-.02em;font-weight:700}
.study-heading h3>span {font-size:.75cqw;color:var(--fog);font-weight:500;margin-left:.7cqw}
.ui-pill {font-size:.7cqw;border:1px solid #39434b;border-radius:2cqw;padding:.4cqw .7cqw;color:var(--fog)}
.price-study {display:block;width:100%;height:auto;padding:0 1cqw}
.study-thesis {margin:0 1.7cqw;padding:.8cqw 0 1.1cqw;border-top:1px solid #30373d}
.study-thesis h4 {font-size:1.3cqw;line-height:1.2;margin:0;font-weight:700;letter-spacing:-.02em}
.study-thesis p {font-size:.88cqw;line-height:1.55;color:var(--fog);margin:.6cqw 0 0;max-width:42cqw}
.study-bottom {display:grid;grid-template-columns:1fr 1fr;margin:0 1.7cqw;padding:1cqw 0 1.4cqw;border-top:1px solid #30373d;gap:1.5cqw}
.study-bottom b {font-size:.8cqw;display:block;font-weight:600}
.study-bottom span {font-size:.73cqw;display:block;color:var(--fog);margin-top:.3cqw}
.lens-slide .showcase-grid {margin-top:3cqw}
.lens-window .ui-titlebar {height:3.3cqw}
.lens-window .ui-tabs {height:2.6cqw}
.lens-window .price-study {height:16.5cqw}
.lens-window .study-heading {padding-top:1.1cqw}
.lens-window .study-thesis {padding:.7cqw 0 .8cqw}
.lens-window .study-bottom {padding:.8cqw 0 1cqw}
.radar-intro {display:flex;align-items:flex-end;justify-content:space-between;margin-top:1.5cqw;gap:4cqw}
.radar-intro h2 {font-size:4.35cqw}
.radar-intro .eyebrow {margin-bottom:.5cqw}
.radar-intro>p {max-width:29cqw;font-size:1.25cqw;line-height:1.55;color:var(--slate);margin-bottom:.4cqw}
.radar-figure {margin-top:1.2cqw}
.radar-window {box-shadow:0 1cqw 2.2cqw #11141620}
.radar-window .ui-titlebar {height:3.1cqw}
.radar-window .ui-tabs {height:2.4cqw}
.scanner-workspace {display:grid;grid-template-columns:2.25fr 1fr}
.scan-table-wrap {padding:1.3cqw 1.6cqw 1cqw}
.scan-table-title {display:flex;justify-content:space-between;align-items:center;margin-bottom:1.1cqw}
.scan-table-title h3 {font-size:1.4cqw;letter-spacing:-.025em;font-weight:700}
.scan-table-title>span {font-size:.7cqw;color:var(--fog)}
.scan-table-title b {font-weight:500;color:#fff;border:1px solid #39434b;border-radius:.3cqw;padding:.3cqw .5cqw;margin-left:.5cqw}
.scan-table {table-layout:fixed}
.scan-table th {text-align:left;color:var(--fog);font-weight:500;font-size:.7cqw;padding:0 0 .7cqw}
.scan-table th:first-child {width:24%}
.scan-table th:nth-child(2) {width:24%}
.scan-table th:nth-child(3) {width:19%}
.scan-table th:nth-child(4) {width:21%}
.scan-table th:last-child {width:12%}
.scan-table td {padding:.5cqw 0;border-top:1px solid #30373d;font-size:.78cqw;height:3.1cqw;line-height:1.2}
.scan-table td>b {font-size:.93cqw;font-weight:700;display:block}
.scan-table td>span:not(.scan-state):not(.scan-review) {font-size:.61cqw;color:var(--fog);display:block;margin-top:.2cqw}
.spark {display:block;width:7cqw;height:2.1cqw}
.scan-state {font-size:.71cqw;color:#fff}
.scan-review {font-size:.7cqw;color:var(--fog);white-space:nowrap}
.scan-review i {font-style:normal;margin-left:.4cqw}
.scan-review i,.hub-feature a>span {display:inline-block;position:relative;width:.65cqw;height:.65cqw;font-size:0;vertical-align:middle}
.scan-review i::before,.hub-feature a>span::before {content:"";position:absolute;inset:0;border-top:1px solid currentColor;border-right:1px solid currentColor}
.scan-review i::after,.hub-feature a>span::after {content:"";position:absolute;right:0;top:0;width:.85cqw;height:1px;background:currentColor;transform:rotate(-45deg);transform-origin:top right}
.scan-focus {padding:1.3cqw 1.5cqw;border-left:1px solid #30373d;background:#171C20}
.scan-focus>h3 {font-size:1.5cqw;margin-bottom:.5cqw}
.focus-status {font-size:.7cqw;color:var(--fog)}
.scan-focus .price-study {padding:0;height:8.5cqw;width:100%;margin:.8cqw 0}
.scan-focus h4 {font-size:1.05cqw;font-weight:700;letter-spacing:-.02em;margin:0 0 .55cqw}
.scan-focus p {font-size:.76cqw;color:var(--fog);line-height:1.55}
.focus-tags {display:flex;gap:.7cqw;border-top:1px solid #39434b;margin-top:1.2cqw;padding-top:1cqw;color:var(--fog);font-size:.58cqw}
.reflect-slide .showcase-grid {margin-top:3.4cqw}
.reflect-slide .showcase-copy h2 {font-size:4.8cqw}
.journal-label {margin-top:1.7cqw;border-top:1px solid var(--mist);padding-top:1.1cqw}
.journal-label>span {font-size:1.15cqw;font-weight:800;letter-spacing:-.02em}
.journal-label p {font-size:1.05cqw;line-height:1.5;color:var(--slate);margin-top:.45cqw}
.reflect-window {padding-bottom:1.4cqw}
.review-heading {padding:1.6cqw 1.7cqw 1.3cqw;display:flex;justify-content:space-between;align-items:center;gap:.5cqw}
.review-heading h3 {font-size:1.65cqw;font-weight:700}
.review-heading>span {font-size:.65cqw;color:var(--fog);white-space:nowrap}
.review-stats {display:grid;grid-template-columns:repeat(3,1fr);gap:1cqw;margin:0 1.7cqw;padding-bottom:1.3cqw;border-bottom:1px solid #30373d}
.review-stats>div {border-left:1px solid #30373d;padding-left:1.1cqw}
.review-stats>div:first-child {border:0;padding:0}
.review-stats>div>span {display:block;color:var(--fog);font-size:.75cqw}
.review-stats b {display:block;font-weight:700;letter-spacing:-.035em;font-size:2.8cqw;line-height:1.1;margin-top:.55cqw}
.review-stats b>span {font-size:1.4cqw;color:var(--fog);font-weight:500}
.execution-panel {padding:1.3cqw 1.7cqw}
.execution-panel>div:first-child {display:flex;justify-content:space-between;align-items:center;margin-bottom:1.1cqw}
.execution-panel h4 {font-size:1cqw;letter-spacing:-.02em;font-weight:600;margin:0}
.execution-panel>div:first-child>span {font-size:.65cqw;color:var(--fog)}
.process-row {display:grid;grid-template-columns:1fr 1.3fr 3cqw;gap:1cqw;align-items:center;margin:.8cqw 0;font-size:.83cqw}
.process-row>span {color:var(--fog)}
.process-row i {display:block;height:.55cqw;border-radius:1cqw;background:#30373d;overflow:hidden}
.process-row em {display:block;height:100%;border-radius:1cqw;background:var(--fog)}
.process-row b {text-align:right;font-weight:500;font-size:.8cqw}
.guide-panel {margin:.1cqw 1.7cqw 0;padding:1.3cqw 1.4cqw;border:1px solid #39434b;border-left:2px solid var(--mint);border-radius:.5cqw;background:#171C20}
.guide-heading {display:flex;align-items:center;gap:.6cqw;font-size:.8cqw;margin-bottom:1.05cqw}
.guide-dot {width:.5cqw;height:.5cqw;border-radius:50%;background:var(--mint)}
.guide-heading b {font-weight:700}
.guide-heading>span:last-child {color:var(--fog);font-size:.65cqw;margin-left:auto}
.guide-panel h4 {font-size:1.25cqw;font-weight:700;letter-spacing:-.025em;margin:0}
.guide-panel p {font-size:.85cqw;color:var(--fog);line-height:1.6;margin:.7cqw 0 .9cqw;max-width:43cqw}
.guide-footnote {font-size:.65cqw;color:var(--fog)}
.reflect-window {padding-bottom:.9cqw}
.reflect-window .ui-titlebar {height:3.2cqw}
.reflect-window .ui-tabs {height:2.6cqw}
.reflect-window .review-heading {padding:1.1cqw 1.7cqw .9cqw}
.reflect-window .review-heading .ui-eyebrow {margin-bottom:.4cqw}
.reflect-window .review-stats {padding-bottom:.9cqw}
.reflect-window .review-stats b {margin-top:.3cqw}
.reflect-window .execution-panel {padding:.8cqw 1.7cqw}
.reflect-window .execution-panel>div:first-child {margin-bottom:.8cqw}
.reflect-window .process-row {margin:.6cqw 0}
.reflect-window .guide-panel {padding:.9cqw 1.4cqw}
.reflect-window .guide-heading {margin-bottom:.7cqw}
.reflect-window .guide-panel p {margin:.5cqw 0}

@media(max-width:700px) {
 .journey-heading {margin-top:38px}
 .journey-heading h2 {font-size:40px}
 .journey-heading>p {position:static;width:auto;font-size:15px;margin-top:24px;line-height:1.55}
 .journey-track {grid-template-columns:1fr 1fr;margin-top:35px;gap:25px 15px}
 .journey-track>div {padding:20px 0 0}
 .journey-track>div::before {width:6px;height:6px;top:-3px}
 .journey-track>div:nth-child(n+3) {border-top:1px solid var(--mist)}
 .journey-number {font-size:12px}
 .journey-track h3 {font-size:27px;margin:12px 0}
 .journey-track p {font-size:12px;line-height:1.6}
 .showcase-grid,.lens-slide .showcase-grid,.reflect-slide .showcase-grid {display:block;margin-top:38px}
 .showcase-copy h2,.reflect-slide .showcase-copy h2 {font-size:43px}
 .showcase-copy>.eyebrow {font-size:11px;margin-bottom:20px}
 .showcase-copy>p {font-size:15px;margin-top:25px;line-height:1.6}
 .showcase-note {margin-top:25px;padding-top:18px;max-width:none}
 .showcase-note b,.showcase-note span {font-size:12px}
 .showcase-note span {margin-top:7px}
 .product-figure {margin-top:32px}
 .product-figure figcaption {font-size:9px;line-height:1.55;margin-top:10px}
 .app-window {border-radius:10px;font-size:10px;box-shadow:0 12px 25px #0002}
 .ui-titlebar {height:43px;padding:0 14px;gap:10px}
 .lens-window .ui-titlebar,.reflect-window .ui-titlebar {height:43px}
 .lens-window .ui-tabs,.reflect-window .ui-tabs {height:36px}
 .ui-product {font-size:14px;gap:5px}
 .ui-product i {width:4px;height:4px;margin-top:4px}
 .ui-titlebar>span:nth-child(2) {display:none}
 .ui-avatar {width:22px;height:22px;font-size:10px;margin-left:auto}
 .ui-tabs {gap:18px;padding:0 14px;font-size:9px;height:36px;overflow:auto}
 .ui-eyebrow {font-size:9px;margin-bottom:8px}
 .hub-window {padding-bottom:12px}
 .hub-welcome {padding:18px 14px}
 .hub-welcome h3 {font-size:22px}
 .hub-feature {height:180px;margin:0 12px;border-radius:8px}
 .hub-feature>img {object-position:65% center}
 .hub-feature>div {padding:20px 14px}
 .hub-feature h4 {font-size:28px}
 .hub-feature a {font-size:9px;margin-top:20px;padding:10px;border-radius:4px;min-height:36px}
 .hub-feature a span {margin-left:10px}
 .hub-feature a>span {width:8px;height:8px}
 .hub-feature a>span::after {width:11px}
 .hub-tools {grid-template-columns:repeat(2,1fr);margin:16px 14px 0;gap:0 18px}
 .hub-tools a {padding:13px 0;min-height:66px}
 .hub-tools b {font-size:15px}
 .hub-tools span {font-size:10px;margin-top:4px}
 .reason-list {margin-top:27px}
 .reason-list li {padding:15px 0 15px 30px}
 .reason-list li::before {top:17px;font-size:10px}
 .reason-list b {font-size:13px}
 .reason-list span {font-size:12px;margin-top:6px}
 .study-heading {padding:18px 13px 8px;gap:8px}
 .lens-window .study-heading {padding:18px 13px 8px}
 .study-heading h3 {font-size:21px}
 .study-heading h3>span {font-size:10px;margin-left:8px}
 .ui-pill {font-size:8px;border-radius:20px;padding:6px 8px;white-space:nowrap}
 .lens-window .price-study {height:auto;padding:0 5px;margin:8px 0 15px}
 .study-thesis,.lens-window .study-thesis {margin:0 13px;padding:14px 0 15px}
 .study-thesis h4 {font-size:18px}
 .study-thesis p {font-size:11px;line-height:1.65;margin-top:10px;max-width:none}
 .study-bottom,.lens-window .study-bottom {margin:0 13px;padding:15px 0 18px;gap:14px}
 .study-bottom b {font-size:10px}
 .study-bottom span {font-size:9px;line-height:1.55;margin-top:6px}
 .radar-intro {display:block;margin-top:38px}
 .radar-intro h2 {font-size:40px}
 .radar-intro .eyebrow {margin-bottom:18px}
 .radar-intro>p {font-size:15px;margin:25px 0 0;max-width:none;line-height:1.6}
 .radar-figure {margin-top:30px}
 .radar-window .ui-titlebar {height:43px}
 .radar-window .ui-tabs {height:36px;gap:17px}
 .scanner-workspace {display:block}
 .scan-table-wrap {padding:20px 13px 10px}
 .scan-table-title {margin-bottom:22px}
 .scan-table-title h3 {font-size:20px}
 .scan-table-title>span {font-size:8px}
 .scan-table-title b {border-radius:4px;padding:4px 6px;margin-left:6px}
 .scan-table th {font-size:8px;padding-bottom:10px}
 .scan-table th:first-child {width:35%}
 .scan-table th:nth-child(2) {width:32%}
 .scan-table th:nth-child(3) {width:33%}
 .scan-table th:nth-child(n+4),.scan-table td:nth-child(n+4) {display:none}
 .scan-table td {padding:14px 0;height:62px;font-size:10px}
 .scan-table td>b {font-size:12px}
 .scan-table td>span:not(.scan-state):not(.scan-review) {font-size:8px;line-height:1.5;margin-top:4px}
 .spark {width:65px;height:30px}
 .scan-state {font-size:9px}
 .scan-focus {border-left:0;border-top:1px solid #30373d;padding:20px 15px}
 .scan-focus>h3 {font-size:23px;margin-bottom:6px}
 .focus-status {font-size:10px}
 .scan-focus .price-study {height:auto;margin:15px 0;padding:0}
 .scan-focus h4 {font-size:18px;margin-bottom:12px}
 .scan-focus p {font-size:12px;line-height:1.6}
 .focus-tags {gap:15px;margin-top:18px;padding-top:16px;font-size:9px}
 .journal-label {margin-top:20px;padding-top:16px}
 .journal-label>span {font-size:16px}
 .journal-label p {font-size:13px;margin-top:8px;line-height:1.55}
 .reflect-window {padding-bottom:13px}
 .review-heading,.reflect-window .review-heading {padding:20px 14px;display:block}
 .reflect-window .review-heading .ui-eyebrow {margin-bottom:8px}
 .review-heading h3 {font-size:24px}
 .review-heading>span {display:block;font-size:9px;margin-top:12px}
 .review-stats,.reflect-window .review-stats {gap:8px;margin:0 14px;padding-bottom:20px}
 .review-stats>div {padding-left:10px}
 .review-stats>div>span {font-size:8px}
 .review-stats b,.reflect-window .review-stats b {font-size:34px;margin-top:8px}
 .review-stats b>span {font-size:16px}
 .execution-panel,.reflect-window .execution-panel {padding:20px 14px 15px}
 .execution-panel>div:first-child,.reflect-window .execution-panel>div:first-child {display:block;margin-bottom:18px}
 .execution-panel h4 {font-size:13px}
 .execution-panel>div:first-child>span {font-size:9px;display:block;margin-top:6px}
 .process-row,.reflect-window .process-row {grid-template-columns:1.3fr 1fr 30px;gap:9px;margin:16px 0;font-size:9px}
 .process-row i {height:6px;border-radius:6px}
 .process-row em {border-radius:6px}
 .process-row b {font-size:10px}
 .guide-panel,.reflect-window .guide-panel {margin:0 12px;padding:18px 14px;border-radius:7px}
 .guide-heading,.reflect-window .guide-heading {gap:7px;font-size:11px;margin-bottom:17px}
 .guide-dot {width:6px;height:6px}
 .guide-heading>span:last-child {font-size:9px}
 .guide-panel h4 {font-size:18px;line-height:1.2}
 .guide-panel p,.reflect-window .guide-panel p {font-size:11px;line-height:1.65;margin:13px 0;max-width:none}
 .guide-footnote {font-size:9px}
}
