.csx{--csx-a1:var(--color-rust);--csx-a2:var(--color-steel);--csx-a3:var(--color-kraft);--csx-ink:var(--color-navy);--csx-soft:var(--color-ink-soft);--csx-card:var(--color-ivory);--csx-rule:color-mix(in oklab, var(--color-navy) 14%, transparent);--csx-tint-1:color-mix(in oklab, var(--csx-a1) 10%, var(--color-ivory));--csx-tint-2:color-mix(in oklab, var(--csx-a2) 12%, var(--color-ivory));--csx-tint-3:color-mix(in oklab, var(--csx-a3) 30%, var(--color-ivory));--csx-mark-size:52px;background:var(--color-paper);color:var(--csx-ink);position:relative;overflow-x:clip}.csx .sr-only-focusable:focus{position:static}.csx-hero{isolation:isolate;padding-block:clamp(28px,4vw,56px) clamp(36px,5vw,72px);position:relative}.csx-hero-in{grid-template-areas:"copy""media""proofs";gap:clamp(20px,3vw,40px);display:grid;position:relative}@media (min-width:1024px){.csx-hero-in{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);grid-template-areas:"copy media""proofs media";align-items:start;column-gap:clamp(32px,4vw,64px)}.csx-hero[data-layout=split-reverse] .csx-hero-in{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);grid-template-areas:"media copy""media proofs"}.csx-hero[data-layout=stacked] .csx-hero-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"copy proofs""media media"}}.csx-hero-copy{z-index:1;grid-area:copy;position:relative}.csx-hero-media{z-index:1;grid-area:media;min-width:0;position:relative}.csx-hero-proofs{z-index:1;grid-area:proofs;min-width:0;position:relative}.csx-crumb{color:var(--csx-soft);align-items:center;gap:8px;margin:0 0 18px;font-size:14px;display:flex}.csx-crumb a{color:var(--color-navy-2);text-underline-offset:3px;text-decoration:underline}.csx-code{font-family:var(--font-body);font-variant-numeric:tabular-nums;letter-spacing:.12em;text-transform:uppercase;color:color-mix(in oklab, var(--csx-a1) 82%, var(--color-navy));margin:0 0 10px;font-size:13px;font-weight:600}.csx-h1{font-family:var(--font-display);letter-spacing:-.02em;font-variation-settings:"opsz" 144, "SOFT" 30;color:var(--color-navy);text-wrap:balance;margin:0;font-size:clamp(52px,6.4vw,92px);font-weight:500;line-height:.98}.csx-tagline{font-family:var(--font-display);color:color-mix(in oklab, var(--csx-a1) 88%, var(--color-navy));font-variation-settings:"opsz" 96, "SOFT" 60;margin:8px 0 0;font-size:clamp(26px,2.8vw,38px);font-style:italic;font-weight:500;line-height:1.1}.csx-prop{max-width:46ch;color:var(--color-navy-2);margin:18px 0 0;font-size:clamp(17px,1.35vw,19px);line-height:1.55}.csx-proofs{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.csx-proofs>li{min-width:0;display:flex}@media (max-width:639px){.csx-hero-proofs .csx-proofs{grid-template-columns:repeat(2,minmax(0,1fr))}.csx-hero-proofs .csx-proofs>li:last-child:nth-child(odd){grid-column:1/-1}}.csx-metric{background:var(--csx-card);border:1px solid var(--csx-rule);width:100%;box-shadow:var(--shadow-paper);border-radius:6px;flex-direction:column;gap:6px;padding:16px 16px 14px;display:flex;position:relative}.csx-metric p{margin:0}.csx-metric-value{font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-variation-settings:"opsz" 96, "SOFT" 20;color:var(--color-navy);font-size:clamp(34px,3.2vw,44px);font-weight:500;line-height:1}.csx-metric[data-size=lg] .csx-metric-value{font-size:clamp(38px,3.6vw,50px)}.csx-metric[data-long] .csx-metric-value,.csx-metric[data-size=lg][data-long] .csx-metric-value{font-size:clamp(28px,2.6vw,36px)}.csx-metric[data-kind=structural] .csx-metric-value{color:var(--color-forest)}.csx-metric-label{color:var(--color-navy-2);font-size:15px;font-weight:500;line-height:1.35}.csx-metric-foot{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex;margin-top:4px!important}.csx-metric-date{color:var(--csx-soft);font-size:12px}.csx-metric-note{color:var(--csx-soft);font-size:14px;line-height:1.45}.csx-badge{border:1px solid var(--csx-rule);background:var(--color-ivory);letter-spacing:.04em;color:var(--color-navy-2);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:2px 8px 2px 7px;font-size:12px;font-weight:600;display:inline-flex}.csx-badge-glyph{font-size:12px;line-height:1;font-family:var(--font-inter), "Hiragino Sans", system-ui, -apple-system, "Segoe UI", sans-serif}.csx-badge[data-kind=measured] .csx-badge-glyph{color:var(--color-forest)}.csx-badge[data-kind=self-reported] .csx-badge-glyph{color:var(--color-terracotta)}.csx-badge[data-kind=structural] .csx-badge-glyph{color:var(--color-navy-2)}.csx-badge[data-kind=prototype] .csx-badge-glyph{color:var(--color-ink-soft)}.csx-legend{color:var(--csx-soft);flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 0;font-size:14px;display:flex}.csx-legend .csx-badge{background:var(--color-ivory)}.csx-legend-label{letter-spacing:.12em;text-transform:uppercase;color:var(--color-navy-2);font-size:12px;font-weight:600}.csx-video{aspect-ratio:16/9;background:var(--color-navy);box-shadow:0 2px 4px color-mix(in oklab, var(--color-navy) 10%, transparent), 0 26px 48px -26px color-mix(in oklab, var(--color-navy) 55%, transparent);border-radius:8px;position:relative;overflow:hidden}.csx-video>*{position:absolute;inset:0}.csx-video img{object-fit:cover;width:100%;height:100%;display:block}.csx-frame{margin:0}.csx-frame-screen{background:var(--color-ivory);border:1px solid var(--csx-rule);box-shadow:var(--shadow-paper);border-radius:8px;position:relative;overflow:hidden}.csx-frame img{width:100%;height:auto;display:block}.csx-frame[data-frame=browser] .csx-frame-screen{padding-top:22px}.csx-frame-bar{background:color-mix(in oklab, var(--color-navy) 6%, var(--color-ivory));border-bottom:1px solid var(--csx-rule);height:22px;position:absolute;inset:0 0 auto}.csx-frame-bar:before{content:"";background:color-mix(in oklab, var(--color-navy) 25%, transparent);width:6px;height:6px;box-shadow:10px 0 0 color-mix(in oklab, var(--color-navy) 18%, transparent), 20px 0 0 color-mix(in oklab, var(--color-navy) 12%, transparent);border-radius:50%;position:absolute;top:8px;left:10px}.csx-frame[data-frame=phone] .csx-frame-screen{border:6px solid var(--color-navy);background:var(--color-navy);border-radius:26px}.csx-frame[data-frame=phone] img{border-radius:19px}.csx-frame[data-frame=print] .csx-frame-screen{border-radius:2px;padding:10px}.csx-frame-cap{color:var(--csx-soft);margin-top:8px;font-size:14px}.csx-nav{display:none}@media (min-width:1024px){.csx-nav{top:calc(var(--header-h) + 6px);z-index:5;border:1px solid var(--csx-rule);background:color-mix(in srgb, var(--color-paper) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:fit-content;max-width:calc(100% - 32px);box-shadow:0 6px 18px -12px color-mix(in oklab, var(--color-navy) 40%, transparent);border-radius:999px;margin:0 auto;padding:5px;display:block;position:sticky}.csx-nav ol{gap:2px;margin:0;padding:0;list-style:none;display:flex}.csx-nav-link{min-height:44px;color:var(--color-navy-2);border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.csx-nav-link:hover{background:var(--csx-tint-1);color:var(--color-navy)}.csx-nav-n{font-family:var(--font-body);font-variant-numeric:tabular-nums;color:color-mix(in oklab, var(--csx-a1) 85%, var(--color-navy));font-size:12px}}.csx-body{position:relative}.csx-sec{scroll-margin-top:calc(var(--header-h) + 56px);padding-block:clamp(44px,5.5vw,84px);position:relative}.csx-anchor{width:1px;height:1px;scroll-margin-top:calc(var(--header-h) + 56px);position:absolute;top:0;left:0}.csx-sec-in{grid-template-columns:minmax(0,1fr);align-items:start;gap:14px;display:grid;position:relative}@media (min-width:1024px){.csx-sec-in{grid-template-columns:var(--csx-mark-size) minmax(0, 1fr);column-gap:clamp(24px,3vw,44px)}.csx-sec-head,.csx-sec-body{grid-column:2}.csx-mark{grid-area:1/1}}.csx-sec-head{position:relative}.csx-mark{width:var(--csx-mark-size);height:var(--csx-mark-size);background:var(--csx-a1);color:var(--color-ivory);font-family:var(--font-display);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;margin-bottom:10px;font-size:20px;font-weight:600;display:inline-grid}@media (min-width:1024px){.csx-mark{margin-bottom:0}}.csx-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:color-mix(in oklab, var(--csx-a1) 80%, var(--color-navy));margin:0 0 8px;font-size:12px;font-weight:600}.csx-h2{max-width:26ch;font-family:var(--font-display);letter-spacing:-.015em;font-variation-settings:"opsz" 120, "SOFT" 30;text-wrap:balance;margin:0;font-size:clamp(30px,3.3vw,46px);font-weight:500;line-height:1.06}.csx-h2-sm{max-width:30ch;font-size:clamp(26px,2.6vw,36px)}.csx-h3{font-family:var(--font-display);font-variation-settings:"opsz" 72, "SOFT" 20;margin:0 0 8px;font-size:22px;font-weight:500;line-height:1.2}.csx-lead{max-width:58ch;color:var(--color-navy-2);margin:0;font-size:17px;line-height:1.6}.csx-sec-body{margin-top:8px}.csx-problem{gap:22px;display:grid}@media (min-width:1024px){.csx-problem{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;column-gap:40px}.csx-problem .csx-lead{grid-column:1}.csx-problem .csx-flow{grid-area:1/2/span 2}.csx-problem .csx-quote{grid-column:1}.csx-problem:not(:has(.csx-flow)){grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.csx-problem:not(:has(.csx-flow)) .csx-quote{grid-area:1/2;align-self:start}}.csx-flow{margin:0}.csx-flow-cap{letter-spacing:.12em;text-transform:uppercase;color:var(--csx-soft);margin-bottom:10px;font-size:12px;font-weight:600}.csx-flow-steps{counter-reset:flow;gap:10px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:768px){.csx-flow-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 26px}}.csx-flow-step{background:var(--csx-card);border:1px solid var(--csx-rule);border-radius:6px;align-items:center;gap:10px;min-height:56px;padding:10px 12px;font-size:15px;font-weight:500;line-height:1.3;display:flex;position:relative}.csx-flow-n{border:1.5px solid var(--csx-a2);width:26px;height:26px;color:var(--color-navy-2);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:600;display:inline-grid}.csx-flow-note{color:var(--csx-soft);font-size:14px;font-weight:400;display:block}@media (min-width:768px){.csx-flow-step:not(:last-child):after{content:"→";color:var(--csx-a1);font-size:16px;position:absolute;top:50%;right:-20px;transform:translateY(-50%)}.csx-flow-step:nth-child(3n):after{content:none}}.csx-quote{border-left:3px solid var(--csx-a1);background:var(--csx-tint-3);border-radius:0 6px 6px 0;margin:0;padding:16px 18px}.csx-quote p{font-family:var(--font-display);margin:0;font-size:19px;font-style:italic;line-height:1.4}.csx-quote blockquote{margin:0}.csx-quote figcaption{color:var(--csx-soft);margin-top:8px;font-size:14px}.csx-product{gap:22px;display:grid}.csx-product .csx-lead{max-width:60ch}@media (min-width:1024px){.csx-product[data-video]{grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr);align-items:start;column-gap:32px}.csx-product[data-video] .csx-lead{grid-column:1/-1}.csx-product[data-video] .csx-video{grid-column:1}.csx-product[data-video] .csx-states{grid-column:2;grid-template-columns:minmax(0,1fr)}}.csx-shots{gap:16px;display:grid}@media (min-width:768px){.csx-shots[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.csx-shots[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.csx-shots[data-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}}.csx-states{gap:14px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:768px){.csx-states{grid-template-columns:repeat(2,minmax(0,1fr))}}.csx-state{background:var(--csx-card);border:1px solid var(--csx-rule);box-shadow:var(--shadow-paper);border-left-width:4px;border-radius:6px;padding:16px 18px}.csx-state[data-tone=yes]{border-left-color:var(--color-forest)}.csx-state[data-tone=no]{border-left-color:var(--color-rust);background:color-mix(in oklab, var(--color-rust) 6%, var(--color-ivory))}.csx-state-title{margin:0 0 8px;font-size:16px;font-weight:600}.csx-state ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.csx-state li{color:var(--color-navy-2);padding-left:22px;font-size:15px;line-height:1.45;position:relative}.csx-state li:before{font-weight:700;position:absolute;top:0;left:0}.csx-state[data-tone=yes] li:before{content:"✓";color:var(--color-forest)}.csx-state[data-tone=no] li:before{content:"⊘";color:var(--color-rust)}.csx-state[data-tone=neutral] li:before{content:"•";color:var(--color-steel)}.csx-decisions{gap:16px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:768px){.csx-decisions[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.csx-decisions[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:768px) and (max-width:1023px){.csx-decisions[data-count="3"]{grid-template-columns:minmax(0,1fr)}}.csx-decisions>li{display:flex}.csx-decision{background:var(--csx-card);border:1px solid var(--csx-rule);width:100%;box-shadow:var(--shadow-paper);border-radius:6px;padding:18px 18px 16px}.csx-decision dl{gap:12px;margin:0;display:grid}.csx-decision dt{letter-spacing:.14em;text-transform:uppercase;color:var(--csx-soft);font-size:12px;font-weight:600}.csx-decision dd{color:var(--color-navy-2);margin:3px 0 0;font-size:15px;line-height:1.45}.csx-decision-row[data-row=could] dd{color:var(--csx-soft)}.csx-decision-row[data-row=chose] dt{color:var(--color-forest)}.csx-decision-row[data-row=chose] dd{font-family:var(--font-display);color:var(--color-navy);font-size:20px;line-height:1.25}.csx-system{gap:22px;display:grid}@media (min-width:1024px){.csx-system[data-has-rules]{grid-template-columns:minmax(0,1fr) 280px;align-items:start;column-gap:32px}.csx-system .csx-lead{grid-column:1/-1}}.csx-arch{min-width:0;margin:0}.csx-arch-steps{gap:10px;margin:0;padding:0 0 0 30px;list-style:none;display:grid;position:relative}.csx-arch-steps:before{content:"";background:var(--csx-a2);border-radius:2px;width:2px;position:absolute;top:12px;bottom:12px;left:11px}.csx-arch-step{background:var(--csx-card);border:1px solid var(--csx-rule);border-radius:6px;grid-template-columns:auto minmax(0,1fr);align-items:baseline;column-gap:10px;padding:10px 14px;display:grid;position:relative}.csx-arch-step:before{content:"";background:var(--color-ivory);border:2.5px solid var(--csx-a1);border-radius:50%;width:12px;height:12px;margin-top:-6px;position:absolute;top:50%;left:-25px}.csx-arch-n{font-family:var(--font-body);font-variant-numeric:tabular-nums;color:var(--csx-soft);font-size:12px}.csx-arch-label{font-size:15px;font-weight:600}.csx-arch-note{color:var(--csx-soft);grid-column:2;font-size:14px;line-height:1.4}@media (min-width:1024px){.csx-arch-steps{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:10px;padding:30px 0 0}.csx-arch-steps:before{width:auto;height:2px;inset:11px 6% auto}.csx-arch-step{text-align:center;grid-template-columns:minmax(0,1fr);align-content:start;min-height:118px;padding:12px 8px}.csx-arch-step:before{margin:0 0 0 -6px;top:-25px;left:50%}.csx-arch-note{grid-column:1}}.csx-arch-cap{color:var(--csx-soft);margin-top:12px;font-size:14px}.csx-rules{background:var(--csx-tint-3);border:1px solid var(--csx-rule);box-shadow:var(--shadow-paper);border-radius:6px;padding:18px 18px 16px}.csx-rules ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.csx-rules li{padding-left:26px;font-size:15px;line-height:1.45;position:relative}.csx-rules li:before{content:"✓";border:1.5px solid var(--color-forest);width:18px;height:18px;color:var(--color-forest);border-radius:3px;place-items:center;font-size:12px;font-weight:700;display:inline-grid;position:absolute;top:0;left:0}.csx-outcome{gap:22px;display:grid}.csx-outcome .csx-legend{margin-top:0}.csx-swipe{border-radius:6px;min-width:0}@media (max-width:767px){.csx-outcome .csx-swipe{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:8px;overflow-x:auto}.csx-outcome .csx-proofs{grid-template-columns:none;grid-auto-columns:minmax(78%,1fr);grid-auto-flow:column}.csx-outcome .csx-proofs>li{scroll-snap-align:start}}@media (min-width:1024px){.csx-outcome .csx-proofs[data-count="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}}.csx-gaps{border:1.5px dashed var(--csx-rule);border-radius:6px;padding:16px 18px}.csx-gaps .csx-h3{font-size:18px}.csx-gaps ul{gap:6px;margin:0;padding-left:18px;display:grid}.csx-gaps li{color:var(--color-navy-2);font-size:15px;line-height:1.5}.csx-funnel{margin:0}.csx-funnel-steps{gap:8px;margin:0;padding:0;list-style:none;display:grid}.csx-funnel-step{grid-template-columns:56px minmax(0,1fr);align-items:center;row-gap:4px;padding:4px 0;display:grid;position:relative}.csx-funnel-bar{background:color-mix(in oklab, var(--color-navy) 7%, transparent);border-radius:999px;grid-area:2/2;height:10px;position:relative;overflow:hidden}.csx-funnel-bar:after{content:"";width:var(--w);border-radius:inherit;background:var(--csx-a1);transform-origin:0;position:absolute;inset:0 auto 0 0}.csx-funnel-value{grid-row:1/span 2}.csx-funnel-label{grid-area:1/2}.csx-funnel-value{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:26px;line-height:1}.csx-funnel-label{color:var(--color-navy-2);font-size:15px}.csx-funnel-note{color:var(--csx-soft)}.csx-funnel-cap{color:var(--csx-soft);flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;font-size:14px;display:flex}.csx-pivot{gap:14px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:1024px){.csx-pivot{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}}.csx-pivot-step{background:var(--csx-card);border:1px solid var(--csx-rule);border-radius:6px;padding:16px;position:relative}.csx-pivot-step p{margin:0}.csx-pivot-tag{letter-spacing:.14em;text-transform:uppercase;color:var(--color-navy-2);font-size:12px;font-weight:600;margin-bottom:6px!important}.csx-pivot-name{font-family:var(--font-display);font-size:28px;line-height:1.1}.csx-pivot-line{color:var(--color-navy-2);font-size:15px;line-height:1.45;margin-top:6px!important}.csx-pivot-step ul{color:var(--color-navy-2);gap:6px;margin:0;padding-left:18px;font-size:15px;line-height:1.45;display:grid}.csx-pivot-x{color:var(--color-rust);font-size:22px}.csx-pivot-step[data-step=from] .csx-pivot-name s{text-decoration-thickness:3px;-webkit-text-decoration-color:var(--color-rust);text-decoration-color:var(--color-rust)}.csx-pivot-step:not(:last-child):after{content:"↓";color:var(--csx-a1);font-size:18px;position:absolute;bottom:-14px;left:50%;transform:translate(-50%,50%)}@media (min-width:1024px){.csx-pivot-step:not(:last-child):after{content:"→";inset:50% -24px auto auto;transform:translateY(-50%)}}.csx-research{gap:18px;display:grid}.csx-quotes{gap:14px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:768px){.csx-quotes[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.csx-quotes[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}}.csx-quotes .csx-quote{height:100%}.csx-quotes .csx-quote p{font-size:17px}.csx-insight{max-width:62ch;font-family:var(--font-display);margin:0;font-size:22px;line-height:1.35}.csx-insight-tag{background:var(--csx-a1);color:var(--color-ivory);font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;vertical-align:4px;border-radius:4px;margin-right:8px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.csx-learnings{gap:16px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:768px){.csx-learnings[data-count="2"],.csx-learnings[data-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}.csx-learnings[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:768px) and (max-width:1023px){.csx-learnings[data-count="3"]{grid-template-columns:minmax(0,1fr)}}.csx-learnings>li{display:flex}.csx-learning{border:1px solid var(--csx-rule);background:var(--csx-tint-1);border-radius:6px;width:100%;padding:18px 18px 16px}.csx-learning[data-i="2"]{background:var(--csx-tint-2)}.csx-learning[data-i="3"]{background:color-mix(in oklab, var(--color-forest) 9%, var(--color-ivory))}.csx-learning[data-i="4"]{background:var(--csx-tint-3)}.csx-learning p{color:var(--color-navy-2);margin:0;font-size:15px;line-height:1.5}.csx-learning-n{font-family:var(--font-display);color:color-mix(in oklab, var(--csx-a1) 85%, var(--color-navy))!important;margin-bottom:4px!important;font-size:18px!important}.csx-evidence{border-top:1px dashed var(--csx-rule);padding-block:clamp(32px,4vw,56px)}.csx-evidence-in{align-items:center;gap:18px;display:grid}@media (min-width:1024px){.csx-evidence-in{grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr) auto;column-gap:28px}}.csx-evidence-chips{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.csx-chip{border:1px solid var(--csx-rule);background:var(--csx-card);color:var(--color-navy-2);border-radius:4px;padding:6px 12px;font-size:14px;font-weight:500}.csx-drawer-open{background:var(--color-note);min-height:48px;color:var(--color-navy);font:inherit;cursor:pointer;box-shadow:var(--shadow-paper);border:0;border-radius:6px;justify-self:start;align-items:center;gap:8px;padding:0 20px;font-size:16px;font-weight:600;display:inline-flex}.csx-drawer-open:hover{background:color-mix(in oklab, var(--color-note) 80%, var(--color-kraft))}.csx-drawer{background:var(--color-paper);width:min(560px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;color:var(--color-navy);box-shadow:-20px 0 40px -20px color-mix(in oklab, var(--color-navy) 45%, transparent);border:0;margin:0 0 0 auto;padding:0}.csx-drawer::backdrop{background:color-mix(in oklab, var(--color-navy) 42%, transparent)}.csx-drawer[open]{animation:.22s ease-out csx-drawer-in}@keyframes csx-drawer-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}.csx-drawer-panel{padding:24px clamp(18px,3vw,32px) 32px}.csx-drawer-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.csx-drawer-h{font-family:var(--font-display);margin:0;font-size:28px;font-weight:500;line-height:1.1}.csx-drawer-close{border:1px solid var(--csx-rule);background:var(--color-ivory);width:44px;height:44px;color:var(--color-navy);cursor:pointer;border-radius:50%;flex:none;place-items:center;display:inline-grid}.csx-drawer-note{color:var(--csx-soft);margin:10px 0 18px;font-size:14px}.csx-drawer-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.csx-drawer-row{background:var(--color-ivory);border:1px solid var(--csx-rule);border-radius:6px;padding:12px 14px}.csx-drawer-row p{margin:0}.csx-drawer-title{font-size:16px;font-weight:600}.csx-drawer-title a{color:var(--color-rust);text-underline-offset:3px;text-decoration:underline}.csx-drawer-meta{color:var(--csx-soft);gap:10px;font-size:14px;display:flex;margin-top:4px!important}.csx-drawer-type{letter-spacing:.08em;text-transform:uppercase;color:var(--color-navy-2);font-size:12px;font-weight:600}.csx-drawer-supports{color:var(--color-navy-2);font-size:14px;line-height:1.45;margin-top:6px!important}.csx-drawer-label{font-weight:600}.csx-cta{padding-block:8px clamp(40px,5vw,72px)}.csx-actions{gap:12px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:640px){.csx-actions{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}}@media (min-width:1024px){.csx-actions{grid-template-columns:repeat(auto-fit,minmax(220px,260px))}}.csx-action{background:var(--color-navy);min-height:64px;color:var(--color-ivory);box-shadow:var(--shadow-paper);border-radius:6px;align-items:center;gap:12px;padding:12px 16px;text-decoration:none;transition:box-shadow .16s;display:flex}.csx-action:hover{box-shadow:var(--shadow-paper-hover)}@media (prefers-reduced-motion:no-preference){.csx-action{transition:transform .16s,box-shadow .16s}.csx-action:hover{transform:translateY(-2px)}}.csx-action[data-action=live]{background:color-mix(in oklab, var(--csx-a1) 62%, var(--color-navy))}.csx-action[data-action=github]{background:color-mix(in oklab, var(--color-steel) 55%, var(--color-navy))}.csx-action-text{flex:1;display:grid}.csx-action-label{font-size:16px;font-weight:600}.csx-action-hint{font-size:14px}.csx-meta{color:var(--csx-soft);margin:18px 0 0;font-size:14px}.csx-sticky,.csx-scribble,.csx-stamp{z-index:2;pointer-events:none;margin:0;position:absolute}.csx-sticky{background:var(--color-note);width:150px;box-shadow:var(--shadow-sticky,0 8px 14px -8px color-mix(in oklab, var(--color-navy) 35%, transparent));font-family:var(--font-hand);color:var(--color-navy);padding:16px 14px;font-size:24px;line-height:1.1;transform:rotate(4deg)}.csx-scribble{font-family:var(--font-hand);color:var(--color-navy-2);font-size:26px;line-height:1.1}.csx-stamp img{width:100%;height:auto;display:block}@media (max-width:767px){.csx-sticky,.csx-scribble,.csx-stamp{display:none}}@media (prefers-reduced-motion:no-preference){.csx[data-motion=on] .csx-sec .csx-sec-body,.csx[data-motion=on] .csx-sec .csx-sec-head{transition:opacity .52s,transform .62s cubic-bezier(.2,.7,.2,1)}.csx[data-motion=on] .csx-sec:not([data-shown]) .csx-sec-body{opacity:0;transform:translateY(14px)}.csx[data-motion=on] .csx-sec:not([data-shown]) .csx-sec-head{opacity:0}}.csx[data-theme=railcite]{--csx-grid:color-mix(in oklab, var(--color-steel) 13%, transparent);--csx-rail:color-mix(in oklab, var(--color-steel) 80%, var(--color-navy))}.csx[data-theme=railcite] .csx-hero{background:linear-gradient(var(--csx-grid) 1px, transparent 1px) 0 0 / 26px 26px, linear-gradient(90deg, var(--csx-grid) 1px, transparent 1px) 0 0 / 26px 26px, linear-gradient(180deg, color-mix(in oklab, var(--color-kraft) 22%, var(--color-paper)), var(--color-paper));border-bottom:1px solid color-mix(in oklab, var(--color-kraft) 70%, transparent)}.csx[data-theme=railcite] .csx-h1{color:var(--color-navy)}.csx[data-theme=railcite] .csx-tagline{color:var(--color-rust)}.csx[data-theme=railcite] .csx-metric{border:1px solid color-mix(in oklab, var(--color-kraft) 90%, var(--color-navy));border-radius:4px}.csx[data-theme=railcite] .csx-metric-foot{border-top:1.5px dashed color-mix(in oklab, var(--color-kraft) 95%, var(--color-navy));padding-top:12px;position:relative;margin-top:auto!important}.csx[data-theme=railcite] .csx-metric-foot:before,.csx[data-theme=railcite] .csx-metric-foot:after{content:"";background:var(--color-paper);border:1px solid color-mix(in oklab, var(--color-kraft) 90%, var(--color-navy));border-radius:50%;width:14px;height:14px;position:absolute;top:-8px}.csx[data-theme=railcite] .csx-metric-foot:before{clip-path:inset(0 0 0 50%);left:-24px}.csx[data-theme=railcite] .csx-metric-foot:after{clip-path:inset(0 50% 0 0);right:-24px}.csx[data-theme=railcite] .csx-metric-label{margin-bottom:10px!important}.csx[data-theme=railcite] .csx-hero-proofs .csx-metric{min-height:172px}.csx[data-theme=railcite] .csx-hero-proofs .csx-metric-value{color:var(--color-navy)}.csx[data-theme=railcite] .csx-hero-proofs .csx-metric[data-kind=structural] .csx-metric-value{color:var(--color-rust)}.csx[data-theme=railcite] .csx-hero-video{border:6px solid var(--color-ivory);outline:1px solid color-mix(in oklab, var(--color-kraft) 90%, var(--color-navy));transform:rotate(.6deg)}.csx[data-theme=railcite] .csx-mark{background:var(--color-rust);box-shadow:0 0 0 4px var(--color-paper), 0 0 0 6px color-mix(in oklab, var(--color-rust) 55%, transparent);font-family:var(--font-display)}@media (min-width:1024px){.csx[data-theme=railcite] .csx-sec-in:before{content:"";top:calc(-1*clamp(44px,5.5vw,84px));bottom:calc(-1*clamp(44px,5.5vw,84px));left:calc(var(--gutter-desktop) + (var(--csx-mark-size) / 2) - 9px);background:linear-gradient(90deg, transparent 2px, var(--csx-rail) 2px 4px, transparent 4px 14px, var(--csx-rail) 14px 16px, transparent 16px), repeating-linear-gradient(180deg, color-mix(in oklab, var(--color-kraft) 95%, var(--color-terracotta)) 0 3px, transparent 3px 11px);transform-origin:top;z-index:0;pointer-events:none;width:18px;transition:transform .9s cubic-bezier(.3,.6,.2,1);position:absolute}.csx[data-theme=railcite] .csx-sec:first-child .csx-sec-in:before{top:0}.csx[data-theme=railcite] .csx-sec:last-child .csx-sec-in:before{bottom:30%}.csx[data-theme=railcite] .csx-mark{z-index:1}.csx[data-theme=railcite] .csx-sec-head,.csx[data-theme=railcite] .csx-sec-body{z-index:1;position:relative}}@media (min-width:1024px) and (prefers-reduced-motion:no-preference){.csx[data-theme=railcite][data-motion=on] .csx-sec:not([data-shown]) .csx-sec-in:before{transform:scaleY(0)}}.csx[data-theme=railcite] .csx-sec:nth-child(2n){background:color-mix(in oklab, var(--color-paper-2) 60%, var(--color-paper))}.csx[data-theme=railcite] .csx-eyebrow{color:var(--color-terracotta);letter-spacing:.2em}.csx[data-theme=railcite] .csx-flow-step{border-style:dashed;border-color:color-mix(in oklab, var(--color-kraft) 95%, var(--color-navy));background:var(--color-ivory)}.csx[data-theme=railcite] .csx-flow-n{border-color:var(--color-rust);color:var(--color-rust)}.csx[data-theme=railcite] .csx-quote{border-left-color:var(--color-steel);background:color-mix(in oklab, var(--color-steel) 9%, var(--color-ivory))}.csx[data-theme=railcite] .csx-arch-steps:before{background:repeating-linear-gradient(90deg, var(--csx-rail) 0 10px, transparent 10px 14px);height:3px}@media (max-width:1023px){.csx[data-theme=railcite] .csx-arch-steps:before{background:repeating-linear-gradient(180deg, var(--csx-rail) 0 10px, transparent 10px 14px);width:3px;height:auto}}.csx[data-theme=railcite] .csx-arch-step:nth-child(6){border-color:var(--color-forest);box-shadow:inset 0 -3px 0 var(--color-forest)}.csx[data-theme=railcite] .csx-arch-step:nth-child(6):before{border-color:var(--color-forest);background:var(--color-forest)}.csx[data-theme=railcite] .csx-arch-step:nth-child(4){border-style:dashed}.csx[data-theme=railcite] .csx-rules{background:color-mix(in oklab, var(--color-kraft) 26%, var(--color-ivory));transform:rotate(.5deg)}.csx[data-theme=railcite] .csx-decision-row[data-row=chose] dd:before{content:"✓ ";color:var(--color-forest);font-family:var(--font-body);font-weight:700}.csx[data-theme=railcite] .csx-learning[data-i="1"]{background:color-mix(in oklab, var(--color-rust) 10%, var(--color-ivory))}.csx[data-theme=railcite] .csx-learning[data-i="2"]{background:color-mix(in oklab, var(--color-steel) 14%, var(--color-ivory))}.csx[data-theme=railcite] .csx-learning[data-i="3"]{background:color-mix(in oklab, var(--color-forest) 10%, var(--color-ivory))}.rc-stamp-hero{opacity:.92;width:124px;top:-58px;right:-8px;transform:rotate(-9deg)}.rc-sticky-hero{bottom:-64px;right:-26px;transform:rotate(4deg)}.rc-stamp-refusal{width:190px;top:4px;right:0;transform:rotate(-8deg)}.rc-scribble-end{bottom:-34px;right:12px;transform:rotate(-3deg)}@media (max-width:1023px){.rc-sticky-hero,.rc-stamp-hero{display:none}}@media (min-width:1024px){.csx[data-theme=railcite] .csx-hero-media{padding-top:64px}}body:has(.csx) .band-hire{display:none}.csx-paper{z-index:0;pointer-events:none;position:absolute}.csx-paper img{width:100%;height:auto;display:block}@media (max-width:767px){.csx-paper{display:none}}.csx-hero-shot[data-frame=phone]{z-index:1;width:min(300px,56vw);margin-inline:auto;position:relative}.csx-frame[data-frame=phone] .csx-frame-screen{box-shadow:0 2px 4px color-mix(in oklab, var(--color-navy) 12%, transparent), 0 30px 50px -28px color-mix(in oklab, var(--color-navy) 60%, transparent)}.csx[data-theme=teachspark]{--csx-ruled:color-mix(in oklab, var(--color-steel) 17%, transparent);--csx-margin:color-mix(in oklab, var(--color-rust) 42%, transparent);--csx-bubble-bot:var(--color-ivory);--csx-bubble-me:color-mix(in oklab, var(--color-forest) 16%, var(--color-ivory))}.csx[data-theme=teachspark] .csx-hero{background:linear-gradient(90deg, transparent calc(var(--gutter-mobile) - 14px), var(--csx-margin) calc(var(--gutter-mobile) - 14px) calc(var(--gutter-mobile) - 12px), transparent calc(var(--gutter-mobile) - 12px)), repeating-linear-gradient(180deg, transparent 0 31px, var(--csx-ruled) 31px 32px), color-mix(in oklab, var(--color-note) 16%, var(--color-paper))}@media (min-width:1024px){.csx[data-theme=teachspark] .csx-hero{background:linear-gradient(90deg, transparent 72px, var(--csx-margin) 72px 74px, transparent 74px), repeating-linear-gradient(180deg, transparent 0 31px, var(--csx-ruled) 31px 32px), color-mix(in oklab, var(--color-note) 16%, var(--color-paper))}}.csx[data-theme=teachspark] .csx-tagline{color:var(--color-forest);font-variation-settings:"opsz" 96, "SOFT" 100;font-style:normal}.csx[data-theme=teachspark] .csx-code{color:var(--color-forest)}.csx[data-theme=teachspark] .csx-hero-media{place-items:center;min-height:360px;display:grid}.ts-worksheet{width:min(360px,70%);top:6%;left:4%;transform:rotate(-6deg)}.ts-stamp-hero{width:118px;bottom:8%;right:6%;transform:rotate(-12deg)}@media (min-width:1024px){.csx[data-theme=teachspark] .csx-hero-media{padding-block:24px 40px}.csx[data-theme=teachspark] .csx-hero-shot[data-frame=phone]{transform:rotate(2deg)translate(14%)}}@media (max-width:1023px){.ts-stamp-hero,.ts-worksheet{display:none}}.csx[data-theme=teachspark] .csx-metric{border-top:4px solid var(--color-forest);border-radius:3px}.csx[data-theme=teachspark] .csx-metric[data-kind=self-reported]{border-top-color:var(--color-rust)}.csx[data-theme=teachspark] .csx-metric-value{color:var(--color-forest)}.csx[data-theme=teachspark] .csx-metric[data-kind=self-reported] .csx-metric-value{color:var(--color-terracotta)}.csx[data-theme=teachspark] .csx-mark{width:calc(var(--csx-mark-size) + 10px);background:var(--color-forest);height:40px;font-family:var(--font-body);letter-spacing:.04em;box-shadow:2px 3px 0 color-mix(in oklab, var(--color-navy) 18%, transparent);border-radius:3px 12px 12px 3px;font-size:16px;font-weight:700;transition:transform .52s cubic-bezier(.2,.8,.2,1),opacity .4s}.csx[data-theme=teachspark] .csx-sec:nth-child(2) .csx-mark{background:var(--color-rust)}.csx[data-theme=teachspark] .csx-sec:nth-child(3) .csx-mark{background:var(--color-note);color:var(--color-navy)}.csx[data-theme=teachspark] .csx-sec:nth-child(4) .csx-mark{background:var(--color-navy-2)}.csx[data-theme=teachspark] .csx-sec:nth-child(5) .csx-mark{background:var(--color-green-2)}.csx[data-theme=teachspark] .csx-sec:nth-child(6) .csx-mark{background:var(--color-terracotta)}@media (min-width:1024px){.csx[data-theme=teachspark] .csx-mark{margin-left:-20px}}@media (prefers-reduced-motion:no-preference){.csx[data-theme=teachspark][data-motion=on] .csx-sec:not([data-shown]) .csx-mark{opacity:0;transform:translate(-34px)}}.csx[data-theme=teachspark] .csx-sec:nth-child(2n){background:repeating-linear-gradient(180deg, transparent 0 31px, color-mix(in oklab, var(--color-steel) 9%, transparent) 31px 32px), color-mix(in oklab, var(--color-paper-2) 55%, var(--color-paper))}.csx[data-theme=teachspark] .csx-eyebrow{color:var(--color-forest)}.csx[data-theme=teachspark] .csx-quote{border-left-color:var(--color-forest);background:color-mix(in oklab, var(--color-note) 34%, var(--color-ivory))}@media (min-width:1024px){.csx[data-theme=teachspark] .csx-product[data-flow]{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:start;column-gap:48px}.csx[data-theme=teachspark] .csx-product[data-flow] .csx-lead{grid-column:1/-1}.csx[data-theme=teachspark] .csx-product[data-flow] .csx-shots{grid-area:2/2}}.csx[data-theme=teachspark] .csx-product-flow .csx-flow-steps{grid-template-columns:minmax(0,1fr);gap:10px}.csx[data-theme=teachspark] .csx-product-flow .csx-flow-step{border:1px solid color-mix(in oklab, var(--color-navy) 12%, transparent);background:var(--csx-bubble-bot);width:fit-content;max-width:88%;min-height:0;box-shadow:0 2px 0 color-mix(in oklab, var(--color-navy) 8%, transparent);border-radius:14px 14px 14px 4px;padding:10px 14px}.csx[data-theme=teachspark] .csx-product-flow .csx-flow-step:nth-child(2n){background:var(--csx-bubble-me);border-radius:14px 14px 4px;margin-left:auto}.csx[data-theme=teachspark] .csx-product-flow .csx-flow-step:after{content:none!important}.csx[data-theme=teachspark] .csx-product-flow .csx-flow-n{border-color:var(--color-forest);color:var(--color-forest);width:22px;height:22px;font-size:12px}.csx[data-theme=teachspark] .csx-shots[data-count="1"] .csx-frame{width:min(280px,80%);margin-inline:auto}.csx[data-theme=teachspark] .csx-shots[data-count="1"] .csx-frame-screen{box-shadow:none;background:0 0;border:0}.csx[data-theme=teachspark] .csx-frame-cap{text-align:center}@media (prefers-reduced-motion:no-preference){.csx[data-theme=teachspark] .csx-product-flow .csx-flow-step{transition:transform .42s ease calc(var(--i,0) * 70ms), opacity .42s ease calc(var(--i,0) * 70ms)}.csx[data-theme=teachspark][data-motion=on] .csx-sec:not([data-shown]) .csx-product-flow .csx-flow-step{opacity:0;transform:translateY(8px)}}.csx[data-theme=teachspark] .csx-decision{border-top:4px solid var(--color-note);background:repeating-linear-gradient(180deg, transparent 0 27px, color-mix(in oklab, var(--color-steel) 12%, transparent) 27px 28px), var(--color-ivory)}.csx[data-theme=teachspark] .csx-decision-row[data-row=chose] dd{color:var(--color-forest)}.ts-sticky{top:-28px;right:2%;transform:rotate(5deg)}@media (max-width:1279px){.ts-sticky{display:none}}.csx[data-theme=teachspark] .csx-arch-step{border-radius:14px}.csx[data-theme=teachspark] .csx-arch-step:before{border-color:var(--color-forest)}.csx[data-theme=teachspark] .csx-arch-steps:before{background:repeating-linear-gradient(90deg, var(--color-forest) 0 6px, transparent 6px 12px);height:2px}@media (max-width:1023px){.csx[data-theme=teachspark] .csx-arch-steps:before{background:repeating-linear-gradient(180deg, var(--color-forest) 0 6px, transparent 6px 12px);width:2px;height:auto}}.csx[data-theme=teachspark] .csx-arch-step:nth-child(5){border-color:var(--color-forest);background:color-mix(in oklab, var(--color-forest) 9%, var(--color-ivory))}.csx[data-theme=teachspark] .csx-rules{background:color-mix(in oklab, var(--color-note) 40%, var(--color-ivory))}.csx[data-theme=teachspark] .csx-funnel-bar:after{background:var(--color-forest)}.csx[data-theme=teachspark] .csx-funnel-step:nth-child(5) .csx-funnel-bar:after{background:var(--color-rust)}@media (min-width:1024px){.csx[data-theme=teachspark] .csx-outcome{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;column-gap:32px}.csx[data-theme=teachspark] .csx-outcome>.csx-lead{grid-column:1/-1}.csx[data-theme=teachspark] .csx-outcome .csx-funnel{grid-row:2/span 2}.csx[data-theme=teachspark] .csx-outcome .csx-proofs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:no-preference){.csx[data-theme=teachspark] .csx-funnel-bar:after{transition:transform .7s cubic-bezier(.2, .7, .2, 1) calc(var(--i) * 90ms)}.csx[data-theme=teachspark][data-motion=on] .csx-sec:not([data-shown]) .csx-funnel-bar:after{transform:scaleX(.04)}}.csx[data-theme=teachspark] .csx-learning{border-left:6px solid var(--color-forest);border-radius:3px}.csx[data-theme=teachspark] .csx-learning[data-i="2"]{border-left-color:var(--color-rust)}.csx[data-theme=teachspark] .csx-learning[data-i="3"]{border-left-color:var(--color-note)}.ts-scribble-end{color:var(--color-rust);font-family:var(--font-caveat), "Lucida Grande", "Segoe Print", "Bradley Hand", cursive;bottom:-40px;right:16px;transform:rotate(-3deg)}@media (max-width:1023px){.ts-scribble-end{display:none}}.csx-pivot-from{position:relative}.csx-pivot-from-shot{filter:grayscale(.85)contrast(.92);opacity:.88}.csx-pivot-strike{pointer-events:none;background:linear-gradient(to top right, transparent calc(50% - 3px), color-mix(in oklab, var(--color-rust) 85%, transparent) calc(50% - 3px) calc(50% + 3px), transparent calc(50% + 3px));position:absolute;inset:0}.csx-hero[data-layout=pivot] .csx-hero-media{align-items:end;gap:18px;display:grid}@media (min-width:1024px){.csx-hero[data-layout=pivot] .csx-hero-media{grid-template-columns:minmax(0,1fr);min-height:520px}.csx-hero[data-layout=pivot] .csx-pivot-from{width:68%;position:absolute;top:30px;left:0;transform:rotate(-3deg)}.csx-hero[data-layout=pivot] .csx-hero-shot[data-frame=phone]{justify-self:end;width:270px;margin:0 6% 0 0;transform:rotate(2deg)}}@media (max-width:1023px){.csx-hero[data-layout=pivot] .csx-pivot-from{width:86%;transform:rotate(-2deg)}}.csx[data-theme=tegaki]{--tg-grid:color-mix(in oklab, var(--color-rust) 11%, transparent)}.csx[data-theme=tegaki] .csx-hero{background:linear-gradient(var(--tg-grid) 1px, transparent 1px) 0 0 / 30px 30px, linear-gradient(90deg, var(--tg-grid) 1px, transparent 1px) 0 0 / 30px 30px, var(--color-ivory)}.csx[data-theme=tegaki] .csx-hero[data-layout=stacked] .csx-hero-in{align-items:end}.csx[data-theme=tegaki] .csx-h1{letter-spacing:-.03em}.csx[data-theme=tegaki] .csx-tagline{color:var(--color-rust);font-style:normal;font-weight:400}.csx[data-theme=tegaki] .csx-code{color:var(--color-rust)}.csx[data-theme=tegaki] .csx-hero-media{max-width:1040px}.csx[data-theme=tegaki] .csx-metric{background:var(--color-paper);border:0;border-top:2px solid var(--color-navy);box-shadow:none;border-radius:0}.csx[data-theme=tegaki] .csx-metric-value{color:var(--color-navy);font-weight:400}.csx[data-theme=tegaki] .csx-metric[data-kind=structural] .csx-metric-value{color:var(--color-rust)}.tg-hanko{width:104px;top:-30px;right:-18px;transform:rotate(6deg)}@media (max-width:1023px){.tg-hanko{width:74px;top:-24px;right:4px}}@media (max-width:767px){.tg-hanko{display:none}}.csx[data-theme=tegaki] .csx-mark{color:var(--color-navy);border:2.5px solid var(--color-navy);background:0 0;border-radius:46% 54% 50% 50%/52% 46% 54% 48%;font-weight:400}.csx[data-theme=tegaki] .csx-h2{padding-bottom:14px;position:relative}.csx[data-theme=tegaki] .csx-h2:after{content:"";opacity:.85;transform-origin:0;background:url(/media/case-studies/tegaki/brush.svg) 0/100% 100% no-repeat;width:min(260px,60%);height:14px;transition:transform .9s cubic-bezier(.5,0,.2,1) .15s;position:absolute;bottom:0;left:0}@media (prefers-reduced-motion:no-preference){.csx[data-theme=tegaki][data-motion=on] .csx-sec:not([data-shown]) .csx-h2:after{transform:scaleX(0)}}.csx[data-theme=tegaki] .csx-sec{background:var(--color-ivory)}.csx[data-theme=tegaki] .csx-sec:nth-child(2n){background:var(--color-paper)}.csx[data-theme=tegaki] .csx-eyebrow{color:var(--color-rust);letter-spacing:.3em}.csx[data-theme=tegaki] .csx-flow-step{background:var(--color-paper);border:0;border-left:2px solid var(--color-rust);border-radius:0}.csx[data-theme=tegaki] .csx-flow-n{border-color:var(--color-rust);color:var(--color-rust);border-radius:3px}.csx[data-theme=tegaki] .csx-product-flow .csx-flow-steps{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:767px){.csx[data-theme=tegaki] .csx-product-flow .csx-flow-steps{grid-template-columns:minmax(0,1fr)}}.csx[data-theme=tegaki] .csx-product-flow .csx-flow-step{flex-direction:column;align-items:flex-start}.csx[data-theme=tegaki] .csx-product-flow .csx-flow-label{font-family:var(--font-display);font-size:22px;font-weight:400}.csx[data-theme=tegaki] .csx-frame-screen{box-shadow:0 1px 0 color-mix(in oklab, var(--color-navy) 12%, transparent), 0 18px 30px -22px color-mix(in oklab, var(--color-navy) 40%, transparent);border-radius:2px}.csx[data-theme=tegaki] .csx-research .csx-quote{background:0 0;border-left:0;padding:0}.csx[data-theme=tegaki] .csx-research .csx-quote p{font-size:clamp(24px,2.4vw,34px);font-style:normal;font-weight:400;line-height:1.3}.csx[data-theme=tegaki] .csx-decision{background:var(--color-paper);border:0;border-top:2px solid var(--color-navy);box-shadow:none;border-radius:0}.csx[data-theme=tegaki] .csx-decision-row[data-row=chose] dt{color:var(--color-rust)}.csx[data-theme=tegaki] .csx-arch-step{background:var(--color-paper);border-radius:2px}.csx[data-theme=tegaki] .csx-arch-step:before{border-color:var(--color-rust)}.csx[data-theme=tegaki] .csx-arch-steps:before{background:var(--color-navy);height:1.5px}@media (max-width:1023px){.csx[data-theme=tegaki] .csx-arch-steps:before{width:1.5px;height:auto}}.csx[data-theme=tegaki] .csx-rules{background:var(--color-paper);border:0;border-left:3px solid var(--color-rust);box-shadow:none;border-radius:0}.csx[data-theme=tegaki] .csx-rules li:before{border-color:var(--color-rust);color:var(--color-rust);border-radius:50%}.tg-scribble{color:var(--color-rust);top:6px;right:4px;transform:rotate(-3deg)}@media (max-width:1279px){.tg-scribble{display:none}}.csx[data-theme=nuptis] .csx-hero{background:url(/media/case-studies/nuptis/garland.svg) center top / min(1200px, 160%) auto repeat-x, linear-gradient(180deg, color-mix(in oklab, var(--color-note) 34%, var(--color-paper)), var(--color-paper) 70%);padding-top:clamp(64px,7vw,96px)}.csx[data-theme=nuptis] .csx-tagline,.csx[data-theme=nuptis] .csx-code{color:var(--color-terracotta)}.csx[data-theme=nuptis] .csx-metric{border:1.5px solid color-mix(in oklab, var(--color-terracotta) 35%, transparent);border-radius:12px}.csx[data-theme=nuptis] .csx-metric-value{color:var(--color-terracotta)}.csx[data-theme=nuptis] .csx-mark{background:var(--color-terracotta);box-shadow:0 0 0 4px var(--color-note), 0 0 0 5px color-mix(in oklab, var(--color-terracotta) 60%, transparent);position:relative}.csx[data-theme=nuptis] .csx-mark:after{content:"";z-index:-1;background:linear-gradient(115deg, var(--color-forest) 0 48%, transparent 48% 52%, var(--color-forest) 52%);clip-path:polygon(0 0,45% 0,30% 100%,15% 80%,0 100%,0 0,55% 0,100% 0,100% 100%,85% 80%,70% 100%,55% 0);width:26px;height:22px;margin-left:-13px;position:absolute;top:80%;left:50%}@media (prefers-reduced-motion:no-preference){.csx[data-theme=nuptis] .csx-mark{transition:transform .42s cubic-bezier(.3,1.5,.5,1)}.csx[data-theme=nuptis][data-motion=on] .csx-sec:not([data-shown]) .csx-mark{transform:scale(.6)rotate(-20deg)}}.csx[data-theme=nuptis] .csx-sec:nth-child(2n){background:color-mix(in oklab, var(--color-note) 14%, var(--color-paper))}.csx[data-theme=nuptis] .csx-eyebrow{color:var(--color-terracotta)}.csx[data-theme=nuptis] .csx-flow-step{border-color:color-mix(in oklab, var(--color-terracotta) 30%, transparent)}.csx[data-theme=nuptis] .csx-flow-step:nth-child(3),.csx[data-theme=nuptis] .csx-flow-step:nth-child(4),.csx[data-theme=nuptis] .csx-flow-step:nth-child(5){background:color-mix(in oklab, var(--color-rust) 7%, var(--color-ivory))}@media (min-width:768px){.csx[data-theme=nuptis] .csx-flow-steps{grid-template-columns:repeat(5,minmax(0,1fr))}.csx[data-theme=nuptis] .csx-flow-step:nth-child(3n):after{content:"→"}}@media (min-width:1024px){.csx[data-theme=nuptis] .csx-problem{grid-template-columns:minmax(0,1fr)}.csx[data-theme=nuptis] .csx-problem .csx-flow{grid-area:auto/1}}.csx[data-theme=nuptis] .csx-quote{border-left-color:var(--color-terracotta);background:var(--color-ivory)}.csx[data-theme=nuptis] .csx-insight-tag{background:var(--color-forest)}@media (min-width:1024px){.csx[data-theme=nuptis] .csx-shots[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}}.csx[data-theme=nuptis] .csx-decisions{background:color-mix(in oklab, var(--color-kraft) 55%, var(--color-paper));border-radius:12px;padding:28px 18px 18px;position:relative}.csx[data-theme=nuptis] .csx-decisions:before{content:"";background:var(--color-navy-2);border-radius:6px 6px 3px 3px;width:90px;height:22px;margin-left:-45px;position:absolute;top:-10px;left:50%}.csx[data-theme=nuptis] .csx-decision{border-radius:4px}.csx[data-theme=nuptis] .csx-decision-row[data-row=chose] dd:before{content:"☑ ";color:var(--color-forest);font-family:var(--font-body)}.np-sticky{top:0;right:0;transform:rotate(4deg)}@media (max-width:1279px){.np-sticky{display:none}}.csx[data-theme=nuptis] .csx-arch-step:before{border-color:var(--color-terracotta)}.csx[data-theme=nuptis] .csx-arch-steps:before{background:color-mix(in oklab, var(--color-terracotta) 60%, transparent)}.csx[data-theme=nuptis] .csx-rules{background:var(--color-ivory)}.csx[data-theme=nuptis] .csx-learning{border-radius:12px}.csx[data-theme=bhakti-vilas] .csx-hero{background:radial-gradient(ellipse 60% 70% at 85% 0, color-mix(in oklab, var(--color-note) 70%, transparent), transparent 70%), linear-gradient(180deg, color-mix(in oklab, var(--color-note) 40%, var(--color-paper)), var(--color-paper))}.csx[data-theme=bhakti-vilas] .csx-tagline{color:var(--color-rust)}.csx[data-theme=bhakti-vilas] .csx-code{color:var(--color-terracotta)}.csx[data-theme=bhakti-vilas] .csx-hero-shot .csx-frame-screen{border:6px solid var(--color-ivory);box-shadow:0 0 0 1px color-mix(in oklab, var(--color-rust) 30%, transparent), 0 30px 50px -30px color-mix(in oklab, var(--color-rust) 60%, transparent);border-radius:999px 999px 10px 10px;padding:0}.csx[data-theme=bhakti-vilas] .csx-hero-shot img{aspect-ratio:4/3.4;object-fit:cover}.csx[data-theme=bhakti-vilas] .csx-hero-shot .csx-frame-cap{text-align:center}.csx[data-theme=bhakti-vilas] .csx-metric{border-color:color-mix(in oklab, var(--color-note) 90%, var(--color-rust));border-radius:14px}.csx[data-theme=bhakti-vilas] .csx-metric-value{color:var(--color-rust)}.csx[data-theme=bhakti-vilas] .csx-mark{background:radial-gradient(circle at 50% 70%, var(--color-rust) 55%, var(--color-terracotta));box-shadow:0 0 0 5px color-mix(in oklab, var(--color-note) 70%, transparent);border-radius:50%/62% 62% 38% 38%;transition:box-shadow .9s .2s}@media (prefers-reduced-motion:no-preference){.csx[data-theme=bhakti-vilas][data-motion=on] .csx-sec:not([data-shown]) .csx-mark{box-shadow:0 0 #0000}}.csx[data-theme=bhakti-vilas] .csx-sec:nth-child(2n){background:color-mix(in oklab, var(--color-note) 16%, var(--color-paper))}.csx[data-theme=bhakti-vilas] .csx-eyebrow{color:var(--color-terracotta)}.csx[data-theme=bhakti-vilas] .csx-quote{border-left-color:var(--color-rust);background:var(--color-ivory);border-radius:0 14px 14px 0}.csx[data-theme=bhakti-vilas] .csx-insight-tag{background:var(--color-forest)}.csx[data-theme=bhakti-vilas] .csx-decision{border-radius:14px}.csx[data-theme=bhakti-vilas] .csx-decision-row[data-row=chose] dd{color:var(--color-terracotta)}.csx[data-theme=bhakti-vilas] .csx-product-flow .csx-flow-steps{grid-template-columns:repeat(5,minmax(0,1fr))}@media (max-width:767px){.csx[data-theme=bhakti-vilas] .csx-product-flow .csx-flow-steps{grid-template-columns:minmax(0,1fr)}}.csx[data-theme=bhakti-vilas] .csx-flow-step{border-color:color-mix(in oklab, var(--color-rust) 30%, transparent);border-radius:999px;justify-content:center}.csx[data-theme=bhakti-vilas] .csx-flow-step:after{content:"···"!important;color:var(--color-rust)!important;right:-22px!important}.csx[data-theme=bhakti-vilas] .csx-flow-step:last-child:after{content:none!important}@media (max-width:767px){.csx[data-theme=bhakti-vilas] .csx-flow-step:after{content:none!important}}.csx[data-theme=bhakti-vilas] .csx-flow-n{border-color:var(--color-rust);color:var(--color-rust)}.csx[data-theme=bhakti-vilas] .csx-shots[data-count="1"]{max-width:820px}.csx[data-theme=bhakti-vilas] .csx-learning{border-radius:14px}.csx[data-theme=token-toli] .csx-hero{background:repeating-linear-gradient(180deg, transparent 0 29px, color-mix(in oklab, var(--color-steel) 15%, transparent) 29px 30px), color-mix(in oklab, var(--color-green-2) 8%, var(--color-paper))}.csx[data-theme=token-toli] .csx-tagline,.csx[data-theme=token-toli] .csx-code{color:var(--color-green-2)}.csx[data-theme=token-toli] .csx-hero-shot .csx-frame-screen{border:6px solid var(--color-ivory);box-shadow:var(--shadow-paper);border-radius:14px;transform:rotate(-1deg)}.csx[data-theme=token-toli] .csx-metric{background:var(--color-note);box-shadow:var(--shadow-sticky,var(--shadow-paper));border:0;border-radius:2px;transform:rotate(-1.2deg)}.csx[data-theme=token-toli] .csx-proofs>li:nth-child(2) .csx-metric{transform:rotate(1.4deg)}.csx[data-theme=token-toli] .csx-mark{background:var(--color-note);color:var(--color-navy);box-shadow:0 6px 10px -6px color-mix(in oklab, var(--color-navy) 40%, transparent);border-radius:2px;transition:transform .42s cubic-bezier(.3,1.4,.5,1),opacity .3s;transform:rotate(-4deg)}@media (prefers-reduced-motion:no-preference){.csx[data-theme=token-toli][data-motion=on] .csx-sec:not([data-shown]) .csx-mark{opacity:0;transform:rotate(-16deg)translateY(-14px)}}.csx[data-theme=token-toli] .csx-sec{border-top:1.5px dashed color-mix(in oklab, var(--color-steel) 40%, transparent)}.csx[data-theme=token-toli] .csx-sec:first-child{border-top:0}.csx[data-theme=token-toli] .csx-eyebrow{color:var(--color-green-2)}.csx[data-theme=token-toli] .csx-quote{border-left-color:var(--color-green-2);background:var(--color-ivory)}.csx[data-theme=token-toli] .csx-quotes .csx-quote{background:color-mix(in oklab, var(--color-note) 55%, var(--color-ivory));box-shadow:var(--shadow-paper);border-left:0;border-radius:2px;transform:rotate(-.8deg)}.csx[data-theme=token-toli] .csx-quotes>li:nth-child(2) .csx-quote{transform:rotate(.9deg)}.csx[data-theme=token-toli] .csx-insight-tag{background:var(--color-green-2)}.csx[data-theme=token-toli] .csx-decisions[data-count="1"]{max-width:640px}.csx[data-theme=token-toli] .csx-decision{border-top:4px solid var(--color-green-2)}.csx[data-theme=token-toli] .csx-learning{background:var(--color-ivory);border-left:5px solid var(--color-green-2)}.csx[data-theme=pratyasa] .csx-hero{background:linear-gradient(color-mix(in oklab, var(--color-forest) 9%, transparent) 1px, transparent 1px) 0 0 / 20px 20px, linear-gradient(90deg, color-mix(in oklab, var(--color-forest) 9%, transparent) 1px, transparent 1px) 0 0 / 20px 20px, var(--color-ivory)}.csx[data-theme=pratyasa] .csx-tagline,.csx[data-theme=pratyasa] .csx-code{color:var(--color-forest)}.csx[data-theme=pratyasa] .csx-hero-shot .csx-frame-screen{background:var(--color-ivory);border:10px solid var(--color-kraft);outline:2px solid color-mix(in oklab, var(--color-kraft) 60%, var(--color-navy));outline-offset:-6px;border-radius:2px;padding:14px}.csx[data-theme=pratyasa] .csx-metric{border:1px solid color-mix(in oklab, var(--color-kraft) 90%, var(--color-navy));background:color-mix(in oklab, var(--color-kraft) 12%, var(--color-ivory));border-radius:2px}.csx[data-theme=pratyasa] .csx-metric-value{color:var(--color-forest);font-size:clamp(30px,2.8vw,40px)!important}.csx[data-theme=pratyasa] .csx-mark{background:var(--color-ivory);color:var(--color-forest);border:2px solid var(--color-forest);box-shadow:inset 0 0 0 5px var(--color-ivory), inset 0 0 0 6px color-mix(in oklab, var(--color-forest) 35%, transparent)}.csx[data-theme=pratyasa] .csx-h2{background:linear-gradient(90deg, var(--color-forest), var(--color-forest)) left bottom / 0 2px no-repeat}.csx[data-theme=pratyasa] .csx-sec:nth-child(2n){background:color-mix(in oklab, var(--color-forest) 4%, var(--color-paper))}.csx[data-theme=pratyasa] .csx-eyebrow{color:var(--color-forest)}.csx[data-theme=pratyasa] .csx-shots[data-count="1"]{max-width:420px}.csx[data-theme=pratyasa] .csx-decision{border-left:4px solid var(--color-forest);border-radius:2px}.csx[data-theme=pratyasa] .csx-arch-step:before{border-color:var(--color-forest)}.csx[data-theme=pratyasa] .csx-arch-steps:before{background:var(--color-forest)}.csx[data-theme=pratyasa] .csx-rules{background:color-mix(in oklab, var(--color-kraft) 22%, var(--color-ivory))}.bv-scribble{color:var(--color-terracotta);top:8px;right:8px;transform:rotate(-3deg)}.tt-sticky{top:0;right:2%;transform:rotate(5deg)}@media (max-width:1279px){.bv-scribble,.tt-sticky{display:none}}.csx-proofs[data-count="1"]{max-width:380px}.csx[data-theme=cinematic-portfolio] .csx-hero{background:var(--color-navy);color:var(--color-ivory);border-top:14px solid var(--color-navy);border-bottom:14px solid var(--color-navy);background-image:repeating-linear-gradient(90deg, color-mix(in oklab, var(--color-ivory) 20%, transparent) 0 14px, transparent 14px 34px), repeating-linear-gradient(90deg, color-mix(in oklab, var(--color-ivory) 20%, transparent) 0 14px, transparent 14px 34px);background-position:0 6px,0 calc(100% - 6px);background-repeat:repeat-x;background-size:100% 8px,100% 8px}.csx[data-theme=cinematic-portfolio] .csx-hero .csx-h1,.csx[data-theme=cinematic-portfolio] .csx-hero .csx-prop,.csx[data-theme=cinematic-portfolio] .csx-hero .csx-crumb,.csx[data-theme=cinematic-portfolio] .csx-hero .csx-crumb a,.csx[data-theme=cinematic-portfolio] .csx-hero .csx-legend,.csx[data-theme=cinematic-portfolio] .csx-hero .csx-legend-label{color:var(--color-ivory)}.csx[data-theme=cinematic-portfolio] .csx-hero .csx-tagline{color:var(--color-note)}.csx[data-theme=cinematic-portfolio] .csx-hero .csx-code{color:var(--color-kraft)}.csx[data-theme=cinematic-portfolio] .csx-hero .csx-hero-shot .csx-frame-screen{background:var(--color-navy);box-shadow:0 30px 60px -30px color-mix(in oklab, var(--color-note) 35%, transparent);border:0;border-radius:4px}.csx[data-theme=cinematic-portfolio] .csx-hero .csx-metric{background:color-mix(in oklab, var(--color-ivory) 8%, var(--color-navy));border-color:color-mix(in oklab, var(--color-ivory) 18%, transparent)}.csx[data-theme=cinematic-portfolio] .csx-hero .csx-metric-value{color:var(--color-note)}.csx[data-theme=cinematic-portfolio] .csx-hero .csx-metric-label,.csx[data-theme=cinematic-portfolio] .csx-hero .csx-metric-note,.csx[data-theme=cinematic-portfolio] .csx-hero .csx-metric-date{color:color-mix(in oklab, var(--color-ivory) 88%, transparent)}.csx[data-theme=cinematic-portfolio] .csx-mark{background:var(--color-navy);width:60px;height:34px;color:var(--color-note);border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:15px}.csx[data-theme=cinematic-portfolio] .csx-mark-n:before{content:"SC ";opacity:.8}.csx[data-theme=cinematic-portfolio] .csx-sec+.csx-sec:before{content:"";background:repeating-linear-gradient(90deg, color-mix(in oklab, var(--color-navy) 14%, transparent) 0 14px, transparent 14px 34px);height:8px;position:absolute;top:0;left:0;right:0}.csx[data-theme=cinematic-portfolio] .csx-eyebrow{color:var(--color-forest)}.csx[data-theme=cinematic-portfolio] .csx-shots .csx-frame-screen{background:var(--color-navy);border:0;border-radius:3px;padding:10px 0}.csx[data-theme=cinematic-portfolio] .csx-decision{border-top:3px solid var(--color-navy);border-radius:2px}.csx[data-theme=cinematic-portfolio] .csx-arch-step:before{border-color:var(--color-navy);background:var(--color-note)}.csx[data-theme=campfire-board] .csx-hero{background:radial-gradient(ellipse 50% 60% at 90% 100%, color-mix(in oklab, var(--color-rust) 22%, transparent), transparent 70%), linear-gradient(180deg, color-mix(in oklab, var(--color-navy-2) 12%, var(--color-paper)), var(--color-paper))}.csx[data-theme=campfire-board] .csx-tagline,.csx[data-theme=campfire-board] .csx-code{color:var(--color-terracotta)}.csx[data-theme=campfire-board] .csx-metric{background:var(--color-ivory);border-top:5px solid var(--color-note);border-radius:3px}.csx[data-theme=campfire-board] .csx-metric-value{color:var(--color-terracotta)}.csx[data-theme=campfire-board] .csx-mark{background:radial-gradient(circle at 50% 65%, var(--color-note) 0 18%, var(--color-rust) 45%, var(--color-terracotta) 75%);box-shadow:0 0 0 3px var(--color-paper), 0 0 18px 2px color-mix(in oklab, var(--color-rust) 45%, transparent);transition:box-shadow .8s .15s}@media (prefers-reduced-motion:no-preference){.csx[data-theme=campfire-board][data-motion=on] .csx-sec:not([data-shown]) .csx-mark{box-shadow:0 0 0 3px var(--color-paper)}}.csx[data-theme=campfire-board] .csx-eyebrow{color:var(--color-terracotta)}.csx[data-theme=campfire-board] .csx-sec:nth-child(2n){background:color-mix(in oklab, var(--color-navy-2) 6%, var(--color-paper))}.csx[data-theme=campfire-board] .csx-decision{border-top:5px solid var(--color-note)}.csx[data-theme=campfire-board] .csx-arch-step{border-top:4px solid var(--color-note)}.csx[data-theme=campfire-board] .csx-arch-step:before{border-color:var(--color-terracotta)}.csx[data-theme=slag-city] .csx-hero{color:var(--color-ivory);background:repeating-linear-gradient(180deg, transparent 0 2px, color-mix(in oklab, var(--color-ivory) 4%, transparent) 2px 3px), radial-gradient(ellipse 70% 60% at 20% 110%, color-mix(in oklab, var(--color-rust) 35%, transparent), transparent 70%), var(--color-navy)}.csx[data-theme=slag-city] .csx-hero .csx-h1{color:var(--color-ivory);letter-spacing:-.04em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:700}.csx[data-theme=slag-city] .csx-hero .csx-tagline{color:var(--color-note);font-style:normal}.csx[data-theme=slag-city] .csx-hero .csx-prop,.csx[data-theme=slag-city] .csx-hero .csx-crumb,.csx[data-theme=slag-city] .csx-hero .csx-crumb a,.csx[data-theme=slag-city] .csx-hero .csx-legend,.csx[data-theme=slag-city] .csx-hero .csx-legend-label{color:var(--color-ivory)}.csx[data-theme=slag-city] .csx-hero .csx-code{color:var(--color-kraft)}.csx[data-theme=slag-city] .csx-hero .csx-video{border:3px solid color-mix(in oklab, var(--color-steel) 70%, var(--color-ivory));box-shadow:0 0 0 1px var(--color-navy), 0 0 26px -4px color-mix(in oklab, var(--color-steel) 60%, transparent)}.csx[data-theme=slag-city] .csx-hero .csx-metric{background:color-mix(in oklab, var(--color-ivory) 7%, var(--color-navy));border:2px solid color-mix(in oklab, var(--color-steel) 70%, var(--color-ivory));border-radius:6px}.csx[data-theme=slag-city] .csx-hero .csx-metric-value{color:var(--color-note);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.csx[data-theme=slag-city] .csx-hero .csx-metric-label,.csx[data-theme=slag-city] .csx-hero .csx-metric-note{color:color-mix(in oklab, var(--color-ivory) 88%, transparent)}.csx[data-theme=slag-city] .csx-mark{background:var(--color-navy);width:52px;height:30px;color:var(--color-note);border:2px solid var(--color-steel);border-radius:6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px}.csx[data-theme=slag-city] .csx-eyebrow{color:var(--color-rust);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.csx[data-theme=slag-city] .csx-quote{border-left-color:var(--color-rust);background:var(--color-ivory)}.csx[data-theme=slag-city] .csx-shots .csx-frame-screen{border:3px solid var(--color-navy);background:var(--color-navy);border-radius:6px}@media (min-width:1024px){.csx[data-theme=slag-city] .csx-shots[data-count="3"]{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 180px;align-items:start}}.csx[data-theme=slag-city] .csx-decision,.csx[data-theme=slag-city] .csx-arch-step{border:2px solid var(--color-navy);border-radius:6px}.csx[data-theme=slag-city] .csx-arch-step:before{border-color:var(--color-rust);background:var(--color-note)}.csx[data-theme=shravans-round] .csx-hero{background:color-mix(in oklab, var(--color-navy) 82%, var(--color-terracotta))}.csx[data-theme=shravans-round] .csx-hero .csx-h1{color:var(--color-ivory)}.csx[data-theme=shravans-round] .csx-hero .csx-tagline{color:var(--color-note)}.csx[data-theme=shravans-round] .csx-hero .csx-prop,.csx[data-theme=shravans-round] .csx-hero .csx-crumb,.csx[data-theme=shravans-round] .csx-hero .csx-crumb a,.csx[data-theme=shravans-round] .csx-hero .csx-legend,.csx[data-theme=shravans-round] .csx-hero .csx-legend-label{color:var(--color-ivory)}.csx[data-theme=shravans-round] .csx-hero .csx-code{color:var(--color-kraft)}.csx[data-theme=shravans-round] .csx-hero .csx-metric{background:color-mix(in oklab, var(--color-ivory) 8%, var(--color-navy));border:2px solid color-mix(in oklab, var(--color-terracotta) 60%, var(--color-ivory))}.csx[data-theme=shravans-round] .csx-hero .csx-metric-value{color:var(--color-note)}.csx[data-theme=shravans-round] .csx-hero .csx-metric-label,.csx[data-theme=shravans-round] .csx-hero .csx-metric-note,.csx[data-theme=shravans-round] .csx-hero .csx-metric-date{color:color-mix(in oklab, var(--color-ivory) 88%, transparent)}.csx[data-theme=shravans-round] .csx-eyebrow{color:var(--color-terracotta)}.csx[data-theme=shravans-round] .csx-quote{border-left-color:var(--color-terracotta);background:var(--color-ivory)}.csx[data-theme=shravans-round] .csx-arch-step:before{border-color:var(--color-terracotta);background:var(--color-note)}@media (min-width:1024px){.csx-product[data-video] .csx-shots[data-count="2"],.csx-product[data-video] .csx-shots[data-count="3"]{grid-column:1/-1}}
.csx[data-layout=journal]{--container-max:1560px;--container-max-wide:1560px;--jx-mark:84px;--jx-paper:color-mix(in oklab, var(--color-paper) 88%, var(--color-kraft));--jx-sheet:var(--color-ivory);--jx-shadow:0 1px 0 color-mix(in oklab, var(--color-navy) 8%, transparent), 0 14px 28px -18px color-mix(in oklab, var(--color-navy) 55%, transparent);--jx-shadow-lg:0 2px 0 color-mix(in oklab, var(--color-navy) 8%, transparent), 0 28px 48px -26px color-mix(in oklab, var(--color-navy) 62%, transparent);--jx-glyph-fill:color-mix(in oklab, var(--csx-a3) 55%, var(--color-ivory));--jx-torn:url(/media/case-studies/journal/torn-edge.svg);background:url(/media/case-studies/journal/paper-fiber.svg) repeat, var(--jx-paper);overflow-x:clip}.csx[data-layout=journal] .jx-hero{background:var(--jx-hero-ground,color-mix(in oklab, var(--color-kraft) 26%, var(--jx-paper)));margin-bottom:22px;padding-block:clamp(18px,2.4vw,36px) clamp(40px,5vw,76px)}.csx[data-layout=journal] .jx-hero:after{content:"";background:inherit;height:24px;-webkit-mask:var(--jx-torn) 0 0 / 100% 100% no-repeat;-webkit-mask:var(--jx-torn) 0 0 / 100% 100% no-repeat;mask:var(--jx-torn) 0 0 / 100% 100% no-repeat;filter:drop-shadow(0 -3px 2px color-mix(in oklab, var(--color-navy) 22%, transparent));position:absolute;bottom:-22px;left:0;right:0;transform:scaleY(-1)}.jx-hero-in{max-width:var(--container-max);padding-inline:var(--gutter-mobile);gap:24px;margin-inline:auto;display:grid;position:relative}@media (min-width:768px){.jx-hero-in{padding-inline:var(--gutter-tablet)}}@media (min-width:1024px){.jx-hero-in{padding-inline:var(--gutter-desktop);grid-template-columns:minmax(0,.74fr) minmax(0,1fr);align-items:center;column-gap:0}}.jx-hero-copy{z-index:2;background:var(--jx-sheet);box-shadow:var(--jx-shadow-lg);padding:clamp(22px,2.6vw,40px);position:relative;transform:rotate(-.4deg)}.jx-hero-copy:before{content:"";background:color-mix(in oklab, var(--color-kraft) 62%, transparent);width:104px;height:26px;position:absolute;top:-12px;left:44px;transform:rotate(-3deg)}@media (min-width:1024px){.jx-hero-copy{margin-right:-56px}}.jx-code{color:color-mix(in oklab, var(--csx-a1) 80%, var(--color-navy))}.csx .jx-h1{letter-spacing:-.035em;margin:4px 0 6px;font-size:clamp(52px,7vw,104px);line-height:.92}.csx .jx-tagline{font-family:var(--font-display);color:color-mix(in oklab, var(--csx-a1) 72%, var(--color-navy));margin:0 0 16px;font-size:clamp(22px,2.2vw,32px);font-style:italic;line-height:1.15}.jx-beats{color:var(--color-navy);flex-wrap:wrap;gap:4px 12px;margin:0 0 10px;font-size:18px;font-weight:600;display:flex}.csx .jx-prop{max-width:42ch;color:var(--csx-soft);margin:0 0 22px;font-size:16px}.jx-proofs{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.jx-proofs>li{min-width:0;display:flex}.jx-hero-proofs .csx-legend{margin-top:12px}.jx-hero-art{z-index:1;min-width:0;position:relative}@media (max-width:767px){.jx-beats{font-size:16px}.jx-proofs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.jx-proofs .csx-metric{padding:10px 10px 12px}.jx-proofs .csx-metric[data-size] .csx-metric-value{font-size:28px}.jx-proofs .csx-metric-label{font-size:14px}.jx-proofs .csx-metric-note{display:none}.jx-proofs .csx-badge{padding-inline:6px}}.jx-scene{aspect-ratio:var(--jx-scene-ratio,5 / 4);isolation:isolate;position:relative}.jx-scene-bg{object-fit:cover;width:100%;height:100%;box-shadow:var(--jx-shadow-lg);position:absolute;inset:0}.jx-note{z-index:4;max-width:160px;font-family:var(--font-hand);color:var(--color-navy);background:var(--color-note);box-shadow:var(--jx-shadow);margin:0;padding:10px 14px 12px;font-size:21px;line-height:1.05;position:absolute}.jx-note:before{content:"";background:color-mix(in oklab, var(--color-ivory) 70%, transparent);width:56px;height:18px;margin-left:-28px;position:absolute;top:-9px;left:50%;transform:rotate(-4deg)}@media (max-width:767px){.jx-note{display:none}}.jx-body{padding-bottom:12px;position:relative}.jx-rail{display:none}@media (min-width:1024px){.jx-rail{top:56px;bottom:64px;left:calc(max(0px, (100% - var(--container-max)) / 2) + var(--gutter-desktop) + var(--jx-mark) / 2 - 9px);z-index:0;width:18px;display:block;position:absolute}}.csx[data-layout=journal] .csx-sec{padding-block:clamp(34px,4vw,60px)}.csx[data-layout=journal] .csx-sec-in{gap:16px}.csx[data-layout=journal] .csx-h2{max-width:24ch;font-size:clamp(28px,3vw,44px)}.csx[data-layout=journal] .csx-mark{z-index:1;position:relative}@media (min-width:1024px){.csx[data-layout=journal] .csx-sec-in{grid-template-columns:var(--jx-mark) repeat(12, minmax(0, 1fr));gap:18px clamp(16px,1.8vw,28px)}.csx[data-layout=journal] .csx-mark{grid-area:1/1;align-self:start}.csx[data-layout=journal] .csx-sec-head{grid-area:1/2/auto/span 7}.csx[data-layout=journal] .csx-sec-body,.csx[data-layout=journal] .jx-flat{display:contents}}.jx-lede{max-width:46ch;color:var(--csx-soft);margin:0;font-size:17px;line-height:1.5}.jx-cap{letter-spacing:.14em;text-transform:uppercase;color:color-mix(in oklab, var(--csx-a1) 78%, var(--color-navy));margin:0 0 10px;font-size:12px;font-weight:600}.jx-glyph{fill:none;stroke:currentColor;stroke-width:2.1px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:40px;height:40px}.jx-glyph .jx-gf{fill:var(--jx-glyph-fill);stroke:none}.jx-pinned{background:var(--color-note);box-shadow:var(--jx-shadow);margin:0;padding:20px 20px 16px;position:relative;transform:rotate(-1.2deg)}.jx-pinned blockquote{margin:0}.jx-pinned blockquote p{font-family:var(--font-display);color:var(--color-navy);margin:0;font-size:18px;font-style:italic;line-height:1.35}.jx-pinned figcaption{color:var(--csx-soft);margin-top:10px;font-size:14px}.jx-pin{background:radial-gradient(circle at 35% 35%, color-mix(in oklab, var(--color-rust) 55%, var(--color-ivory)), var(--color-rust) 60%, var(--color-terracotta));width:18px;height:18px;box-shadow:0 3px 4px color-mix(in oklab, var(--color-navy) 40%, transparent);border-radius:50%;margin-left:-9px;position:absolute;top:-8px;left:50%}.jx-clip{border:3px solid color-mix(in oklab, var(--color-steel) 70%, var(--color-navy));border-radius:11px;width:22px;height:44px;position:absolute;top:-14px;right:28px;transform:rotate(8deg)}.jx-learnings{gap:16px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:768px){.jx-learnings[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.jx-learnings{grid-column:2/-1}}.jx-learning{background:var(--jx-l,var(--jx-sheet));box-shadow:var(--jx-shadow);color:var(--color-navy);grid-template-columns:auto minmax(0,1fr);align-content:start;column-gap:16px;padding:22px 22px 20px;display:grid;position:relative}.jx-learning:first-child{transform:rotate(-.6deg)}.jx-learning:nth-child(2){transform:rotate(.5deg)}.jx-learning:nth-child(3){transform:rotate(-.3deg)}.jx-learning .jx-glyph{width:52px;height:52px;color:var(--color-navy);grid-row:1/span 3}.jx-learning-n{font-family:var(--font-display);color:color-mix(in oklab, var(--csx-a1) 80%, var(--color-navy));font-size:18px;font-weight:600}.jx-learning-h{font-family:var(--font-display);margin:2px 0 6px;font-size:22px;font-weight:600;line-height:1.15}.jx-learning-body{margin:0;font-size:16px;line-height:1.45}.jx-outcome-proofs{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.jx-outcome-proofs>li{min-width:0;display:flex}.jx-notmeasured{background:var(--jx-sheet);border:2px dashed color-mix(in oklab, var(--color-rust) 55%, transparent);box-shadow:var(--jx-shadow);padding:20px 22px;position:relative}.jx-notmeasured-h{letter-spacing:.14em;text-transform:uppercase;color:var(--color-terracotta);margin:0 0 10px;font-size:13px;font-weight:700}.jx-notmeasured ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.jx-notmeasured li{color:var(--color-navy);padding-left:24px;font-size:16px;position:relative}.jx-notmeasured li:before{content:"";border:2px solid var(--color-terracotta);border-radius:50%;width:12px;height:12px;position:absolute;top:6px;left:2px}.jx-stamp{border:4px double var(--color-terracotta);color:var(--color-terracotta);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;background:color-mix(in oklab, var(--color-ivory) 70%, transparent);mix-blend-mode:multiply;border-radius:6px;justify-items:center;gap:2px;margin:0;padding:12px 20px;font-size:clamp(20px,2vw,28px);font-weight:700;line-height:1;display:inline-grid;transform:rotate(-7deg)}.jx-stamp span+span{font-size:.72em}.jx-evidence{padding-block:8px 28px}.jx-evidence-in{max-width:var(--container-max);padding:22px var(--gutter-mobile);background:var(--jx-sheet);box-shadow:var(--jx-shadow);align-items:center;gap:16px;margin-inline:auto;display:grid}@media (min-width:768px){.jx-evidence-in{margin-inline:var(--gutter-tablet);padding-inline:28px}}@media (min-width:1024px){.jx-evidence-in{margin-inline:max(var(--gutter-desktop), (100% - var(--container-max)) / 2 + var(--gutter-desktop));grid-template-columns:minmax(0,.9fr) minmax(0,2fr) auto;padding:22px 28px}}.jx-evidence-head .csx-h2{font-size:clamp(22px,2vw,28px)}.jx-evidence-types{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.jx-evidence-type{border:1.5px solid color-mix(in oklab, var(--color-navy) 18%, transparent);background:var(--jx-paper);min-height:40px;color:var(--color-navy);align-items:center;gap:8px;padding:6px 12px;font-size:14px;font-weight:600;display:inline-flex}.jx-evidence .csx-drawer-open{white-space:nowrap}.jx-cta{padding-block:10px clamp(40px,5vw,72px)}.jx-cta-in{max-width:var(--container-max);padding-inline:var(--gutter-mobile);margin-inline:auto}@media (min-width:768px){.jx-cta-in{padding-inline:var(--gutter-tablet)}}@media (min-width:1024px){.jx-cta-in{padding-inline:var(--gutter-desktop)}}.jx-strips{flex-wrap:wrap;justify-content:flex-end;gap:14px;margin:0 0 14px;padding:0;list-style:none;display:flex}.jx-strip{min-width:230px;min-height:64px;color:var(--color-ivory);background:var(--color-navy);box-shadow:var(--jx-shadow);align-items:center;gap:12px;padding:12px 18px;text-decoration:none;display:flex;transform:rotate(-.8deg)}.jx-strips>li:nth-child(2n) .jx-strip{transform:rotate(.7deg)}.jx-strip[data-action=live]{background:color-mix(in oklab, var(--csx-a1) 70%, var(--color-navy))}.jx-strip[data-action=github]{background:color-mix(in oklab, var(--color-steel) 45%, var(--color-navy))}.jx-strip[data-action=portfolio]{background:var(--color-note);color:var(--color-navy)}.jx-strip-text{flex:1;display:grid}.jx-strip-label{font-size:17px;font-weight:700}.jx-strip-hint{opacity:.92;font-size:14px}.jx-strip:hover{box-shadow:var(--jx-shadow-lg)}.jx-meta{text-align:right}@media (prefers-reduced-motion:no-preference){.csx[data-layout=journal][data-motion=on] .csx-sec .csx-sec-body>*,.csx[data-layout=journal][data-motion=on] .csx-sec .jx-flat>*{transition:opacity .52s,transform .64s cubic-bezier(.2,.7,.2,1)}.csx[data-layout=journal][data-motion=on] .csx-sec:not([data-shown]) .csx-sec-body>*,.csx[data-layout=journal][data-motion=on] .csx-sec:not([data-shown]) .jx-flat>*{opacity:0;transform:translateY(16px)}}.csx[data-theme=cubicle][data-layout=journal]{--cb-beige:color-mix(in oklab, var(--color-kraft) 48%, var(--color-ivory));--cb-navy:var(--color-navy-2);--cb-green:var(--color-green-2);--cb-blue:var(--color-steel);--cb-coral:color-mix(in oklab, var(--color-rust) 72%, var(--color-note));--cb-crt:color-mix(in oklab, var(--color-navy-2) 32%, var(--color-paper));--cb-mustard:color-mix(in oklab, var(--color-note) 62%, var(--color-kraft));--cb-pm:color-mix(in oklab, var(--cb-coral) 30%, var(--color-ivory));--cb-researcher:color-mix(in oklab, var(--cb-blue) 26%, var(--color-ivory));--cb-designer:color-mix(in oklab, var(--cb-mustard) 58%, var(--color-ivory));--cb-developer:color-mix(in oklab, var(--cb-green) 26%, var(--color-ivory));--jx-glyph-fill:color-mix(in oklab, var(--cb-mustard) 50%, var(--color-ivory));--jx-scene-ratio:1200 / 960}.jx-cub-screen{object-fit:cover;object-position:top;z-index:1;border-radius:1.6%/2%;width:43.333%;height:40.625%;position:absolute;top:24.583%;left:25%}.jx-cub-glare{z-index:2;pointer-events:none;background:repeating-linear-gradient(0deg, color-mix(in oklab, var(--color-navy) 7%, transparent) 0 1px, transparent 1px 4px), radial-gradient(120% 90% at 22% 12%, color-mix(in oklab, var(--color-ivory) 26%, transparent), transparent 42%), radial-gradient(140% 120% at 50% 50%, transparent 62%, color-mix(in oklab, var(--color-navy) 30%, transparent));border-radius:1.6%/2%;width:43.333%;height:40.625%;position:absolute;top:24.583%;left:25%}.jx-cub-bubbles{z-index:3;pointer-events:none;margin:0;padding:0;list-style:none;position:absolute;inset:0}.jx-cub-bubble{border:2px solid var(--color-navy);background:var(--cb-bubble);box-shadow:0 10px 16px -10px color-mix(in oklab, var(--color-navy) 70%, transparent);color:var(--color-navy);border-radius:14px;padding:8px 14px 9px;line-height:1.1;display:grid;position:absolute}.jx-cub-bubble:after{content:"";bottom:-11px;left:var(--tail,30%);background:var(--cb-bubble);border-right:2px solid var(--color-navy);border-bottom:2px solid var(--color-navy);width:18px;height:18px;position:absolute;transform:rotate(45deg)skew(8deg,8deg)}.jx-cub-bubble-role{font-size:15px;font-weight:700}.jx-cub-bubble-act{font-size:14px;font-style:italic}.jx-cub-bubble[data-role=pm]{--cb-bubble:var(--cb-pm);top:5%;left:17%}.jx-cub-bubble[data-role=researcher]{--cb-bubble:var(--cb-researcher);--tail:46%;top:.5%;left:33%}.jx-cub-bubble[data-role=designer]{--cb-bubble:var(--cb-designer);--tail:40%;top:4%;left:50%}.jx-cub-bubble[data-role=developer]{--cb-bubble:var(--cb-developer);--tail:22%;top:9%;left:66%}.jx-cub-note[data-n="1"]{top:47%;left:9%;transform:rotate(-6deg)}.jx-cub-note[data-n="2"]{max-width:150px;top:36%;right:1%;transform:rotate(4deg)}.jx-cub-note[data-n="3"]{background:color-mix(in oklab, var(--cb-coral) 42%, var(--color-ivory));bottom:-3%;left:24%;transform:rotate(-3deg)}@media (max-width:767px){.jx-cub-bubbles{display:none}}@media (prefers-reduced-motion:no-preference){.jx-cub-bubble{animation:.62s cubic-bezier(.2,.8,.2,1.2) both cb-rise;animation-delay:calc(.5s + var(--i) * .26s)}@keyframes cb-rise{0%{opacity:0;transform:translateY(26px)scale(.86)}}}.csx[data-theme=cubicle] .jx-rail{background:radial-gradient(circle, color-mix(in oklab, var(--color-kraft) 80%, var(--color-ivory)) 0 2.5px, transparent 3px) 50% 30px / 18px 120px repeat-y, repeating-linear-gradient(90deg, color-mix(in oklab, var(--color-ivory) 7%, transparent) 0 1px, transparent 1px 3px), linear-gradient(90deg, color-mix(in oklab, var(--cb-navy) 88%, var(--color-navy)), var(--cb-navy) 55%, color-mix(in oklab, var(--cb-navy) 80%, var(--color-navy)));box-shadow:inset 3px 0 0 color-mix(in oklab, var(--color-kraft) 70%, var(--color-ivory)), 4px 0 10px -4px color-mix(in oklab, var(--color-navy) 50%, transparent);border-radius:4px}.csx[data-theme=cubicle][data-layout=journal] .csx-mark{width:var(--jx-mark);background:var(--color-rust);height:62px;color:var(--color-ivory);clip-path:polygon(0 18%,30% 18%,38% 0,100% 0,100% 100%,0 100%);box-shadow:none;filter:drop-shadow(0 6px 8px color-mix(in oklab, var(--color-navy) 40%, transparent));border-radius:0;padding-top:8px;font-size:30px}.csx[data-theme=cubicle] .csx-eyebrow{color:var(--color-terracotta)}.jx-cub-problem{gap:18px;display:grid}.jx-slips{background:color-mix(in oklab, var(--cb-beige) 70%, var(--color-ivory));box-shadow:var(--jx-shadow);margin:0;padding:18px 18px 14px}.jx-slip-row{gap:12px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:768px){.jx-slip-row{grid-template-columns:repeat(5,minmax(0,1fr))}}.jx-slip{text-align:center;background:var(--jx-sheet);border:1.5px solid color-mix(in oklab, var(--color-navy) 12%, transparent);color:var(--color-navy);align-content:start;justify-items:center;gap:6px;padding:14px 10px 12px;display:grid;position:relative}.jx-slip .jx-glyph{width:44px;height:44px}.jx-slip-label{font-size:15px;font-weight:600;line-height:1.2}.jx-slip-note{color:var(--csx-soft);font-size:14px}.jx-slip[data-last]{background:color-mix(in oklab, var(--color-rust) 12%, var(--color-ivory));border-color:color-mix(in oklab, var(--color-rust) 40%, transparent)}.jx-slip[data-last] .jx-glyph{color:var(--color-terracotta)}@media (min-width:768px){.jx-slip:not([data-last]):after{content:"→";z-index:1;color:var(--color-navy);font-size:18px;font-weight:700;position:absolute;top:30px;right:-12px}}.jx-cub-persona{max-width:420px}@media (min-width:1024px){.csx[data-theme=cubicle] #problem .csx-sec-head{grid-column:2/span 5}.csx[data-theme=cubicle] #problem .jx-lede{grid-area:2/2/auto/span 5}.csx[data-theme=cubicle] #problem .jx-cub-persona{grid-area:3/2/auto/span 5;justify-self:start;margin-top:12px}.csx[data-theme=cubicle] #problem .jx-slips{grid-area:1/7/span 3/-1;align-self:center}}.jx-cub-product{gap:22px;display:grid}.jx-cub-desk{align-items:center;gap:22px;display:grid}@media (min-width:1024px){.jx-cub-desk{grid-template-columns:minmax(0,1fr) 230px minmax(0,1fr);gap:28px}.csx[data-theme=cubicle] #product .csx-sec-head{grid-column:2/span 6}.csx[data-theme=cubicle] #product .jx-lede{grid-area:1/8/auto/-1;align-self:end}.csx[data-theme=cubicle] #product .jx-cub-desk{grid-area:2/2/auto/-1}.csx[data-theme=cubicle] #product .jx-cub-print{grid-area:3/2/auto/-1}}.jx-ui .csx-frame-screen{box-shadow:var(--jx-shadow-lg)}.jx-ui-idle{transform:rotate(-.8deg)}.jx-ui-done{transform:rotate(.7deg)}.jx-cub-run{background:var(--cb-beige);box-shadow:var(--jx-shadow);margin:0;padding:16px}.jx-cub-run ol{gap:4px;margin:0;padding:0;list-style:none;display:grid}.jx-cub-run-step{color:var(--color-navy);grid-template-columns:36px minmax(0,1fr);align-items:center;column-gap:10px;padding:6px 4px 14px;display:grid;position:relative}.jx-cub-run-step .jx-glyph{grid-row:1/span 2;width:36px;height:36px}.jx-cub-run-step:not(:last-child):after{content:"↓";color:var(--color-terracotta);font-weight:700;position:absolute;bottom:-6px;left:12px}.jx-cub-run-label{font-size:16px;font-weight:700}.jx-cub-run-note{color:var(--csx-soft);font-size:14px}.jx-cub-chips{grid-column:2;gap:5px;margin-top:4px;display:flex}.jx-cub-chips span{border:1.5px solid var(--color-navy);border-radius:50%;width:22px;height:22px}.jx-cub-chips [data-role=pm]{background:var(--cb-pm)}.jx-cub-chips [data-role=researcher]{background:var(--cb-researcher)}.jx-cub-chips [data-role=designer]{background:var(--cb-designer)}.jx-cub-chips [data-role=developer]{background:var(--cb-developer)}.jx-cub-print{padding-top:6px;position:relative}.jx-cub-print .jx-cap{text-align:center}.jx-cub-sheets{gap:16px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:768px){.jx-cub-sheets{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.jx-cub-sheets{grid-template-columns:repeat(4,minmax(0,1fr))}}.jx-cub-sheet{background:radial-gradient(circle, var(--jx-paper) 0 4px, transparent 4.5px) 10px 12px / 14px 20px repeat-y, radial-gradient(circle, var(--jx-paper) 0 4px, transparent 4.5px) calc(100% - 10px) 12px / 14px 20px repeat-y, repeating-linear-gradient(180deg, transparent 0 27px, color-mix(in oklab, var(--color-green-2) 10%, transparent) 27px 28px), var(--jx-sheet);box-shadow:var(--jx-shadow);color:var(--color-navy);border-top:6px solid var(--cb-sheet,var(--color-navy));padding:16px 30px 18px;font-family:Courier New,ui-monospace,monospace;position:relative}.jx-cub-sheet:first-child{--cb-sheet:var(--cb-coral);transform:rotate(-1.4deg)}.jx-cub-sheet:nth-child(2){--cb-sheet:var(--cb-blue);transform:rotate(.8deg)}.jx-cub-sheet:nth-child(3){--cb-sheet:var(--cb-mustard);transform:rotate(-.5deg)}.jx-cub-sheet:nth-child(4){--cb-sheet:var(--cb-green);transform:rotate(1.2deg)}.jx-cub-sheet-name{font-family:var(--font-display);margin:0;font-size:22px;font-weight:600}.jx-cub-sheet-owner{color:var(--csx-soft);margin:0 0 8px;font-size:14px}.jx-cub-sheet-lines{gap:4px;margin:0;padding:0;list-style:none;display:grid}.jx-cub-sheet-lines li{font-size:14px;line-height:1.35}.jx-cub-sheet-lines li:before{content:"## ";color:var(--csx-soft)}@media (prefers-reduced-motion:no-preference){.csx[data-theme=cubicle][data-motion=on] #product .jx-cub-sheet{transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .5s;transition-delay:calc(.3s + var(--i) * .14s)}.csx[data-theme=cubicle][data-motion=on] #product:not([data-shown]) .jx-cub-sheet{opacity:0;transform:translateY(-40px)}}.jx-cub-trust{gap:22px;display:grid}.jx-cub-ladder{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:0;margin:0;padding:0;list-style:none;display:grid}.jx-cub-rung{background:var(--jx-sheet);border-top:5px solid var(--cb-rung);box-shadow:var(--jx-shadow);color:var(--color-navy);gap:2px;padding:12px 14px;display:grid}.jx-cub-rung:first-child{--cb-rung:var(--cb-green)}.jx-cub-rung:nth-child(2){--cb-rung:var(--cb-blue);margin-bottom:18px}.jx-cub-rung:nth-child(3){--cb-rung:var(--cb-coral);margin-bottom:36px}.jx-cub-rung-order{letter-spacing:.14em;text-transform:uppercase;color:var(--csx-soft);font-size:12px;font-weight:700}.jx-cub-rung-word{font-family:var(--font-display);font-size:clamp(22px,2vw,30px);font-weight:600}.jx-cub-rung{position:relative}.jx-cub-rung:not(:last-child):after{content:"→";z-index:1;color:var(--color-terracotta);font-size:22px;font-weight:700;position:absolute;top:50%;right:-10px;transform:translate(50%,-50%)}.jx-cub-decision{gap:14px;margin:0;display:grid}@media (min-width:768px){.jx-cub-decision{grid-template-columns:repeat(3,minmax(0,1fr))}}.jx-memo{background:var(--jx-sheet);box-shadow:var(--jx-shadow);color:var(--color-navy);padding:16px 18px 18px;position:relative}.jx-memo dt{letter-spacing:.14em;text-transform:uppercase;margin:0 0 6px;font-size:13px;font-weight:700}.jx-memo dd{font-family:var(--font-display);margin:0;font-size:21px;font-weight:600;line-height:1.2}.jx-memo[data-tone=could]{transform:rotate(-.8deg)}.jx-memo[data-tone=could] dt{color:var(--csx-soft)}.jx-memo[data-tone=could] dd{text-decoration:line-through;-webkit-text-decoration-color:color-mix(in oklab, var(--color-rust) 70%, transparent);text-decoration-color:color-mix(in oklab, var(--color-rust) 70%, transparent);color:var(--csx-soft);text-decoration-thickness:2px}.jx-memo[data-tone=chose]{background:color-mix(in oklab, var(--cb-green) 16%, var(--color-ivory));transform:rotate(.6deg)}.jx-memo[data-tone=chose] dt{color:color-mix(in oklab, var(--cb-green) 70%, var(--color-navy))}.jx-memo[data-tone=because]{background:color-mix(in oklab, var(--cb-coral) 16%, var(--color-ivory));transform:rotate(-.4deg)}.jx-memo[data-tone=because] dt{color:var(--color-terracotta)}.jx-memo[data-tone=because] dd{font-size:18px;font-weight:500}.jx-cub-arch{margin:0}.jx-cub-folders{isolation:isolate;gap:12px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:768px){.jx-cub-folders{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1024px){.jx-cub-folders{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}}.jx-cub-folder{color:var(--color-navy);--cb-folder:color-mix(in oklab, var(--cb-mustard) 42%, var(--color-ivory));align-content:start;justify-items:start;gap:4px;padding:22px 12px 14px;display:grid;position:relative}.jx-cub-folder:before{content:"";z-index:-1;background:var(--cb-folder);clip-path:polygon(0 12px,12px 12px,20px 0,58% 0,64% 12px,100% 12px,100% 100%,0 100%);filter:drop-shadow(0 6px 6px color-mix(in oklab, var(--color-navy) 22%, transparent));position:absolute;inset:0}.jx-cub-folder:nth-child(3){--cb-folder:color-mix(in oklab, var(--cb-blue) 24%, var(--color-ivory))}.jx-cub-folder:nth-child(6){--cb-folder:color-mix(in oklab, var(--cb-green) 20%, var(--color-ivory))}.jx-cub-folder .jx-glyph{width:34px;height:34px}.jx-cub-folder-label{font-size:15px;font-weight:700;line-height:1.2}.jx-cub-folder-note{color:var(--csx-soft);font-size:14px;line-height:1.3}@media (min-width:1024px){.jx-cub-folder:not(:last-child):after{content:"→";z-index:1;color:var(--color-terracotta);font-size:18px;font-weight:700;position:absolute;top:44%;right:-8px;transform:translate(50%)}}.jx-cub-rules{background:var(--jx-sheet);box-shadow:var(--jx-shadow-lg);padding:22px 22px 18px;position:relative;transform:rotate(1deg)}.jx-cub-rules-h{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--color-navy);margin:0 0 12px;font-size:22px;font-weight:700}.jx-cub-rules ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.jx-cub-rules li{color:var(--color-navy);grid-template-columns:26px minmax(0,1fr);align-items:start;gap:10px;font-size:16px;display:grid}.jx-cub-rules li .jx-glyph{border:2px solid var(--cb-green);width:26px;height:26px;color:color-mix(in oklab, var(--cb-green) 70%, var(--color-navy));stroke-width:4px;padding:3px}@media (min-width:1024px){.csx[data-theme=cubicle] #system .csx-sec-head{grid-column:2/span 6}.csx[data-theme=cubicle] #system .jx-cub-ladder{grid-area:1/8/auto/-1}.csx[data-theme=cubicle] #system .jx-cub-decision{grid-area:2/2/auto/span 9}.csx[data-theme=cubicle] #system .jx-cub-rules{grid-area:2/11/span 2/-1;align-self:start}.csx[data-theme=cubicle] #system .jx-cub-arch{grid-area:3/2/auto/span 9}}.csx[data-theme=cubicle] .jx-learning:first-child{--jx-l:color-mix(in oklab, var(--cb-coral) 22%, var(--color-ivory))}.csx[data-theme=cubicle] .jx-learning:nth-child(2){--jx-l:color-mix(in oklab, var(--cb-blue) 22%, var(--color-ivory))}.csx[data-theme=cubicle] .jx-learning:nth-child(3){--jx-l:color-mix(in oklab, var(--cb-green) 20%, var(--color-ivory))}@media (min-width:1024px){#learnings .csx-sec-head{grid-column:2/-1}}.jx-cub-outcome{gap:18px;display:grid}.jx-cub-outcome .jx-stamp{justify-self:start}@media (min-width:1024px){.csx[data-theme=cubicle] #evidence .csx-sec-head{grid-column:2/span 6}.csx[data-theme=cubicle] #evidence .jx-lede{grid-area:2/2/auto/span 6}.csx[data-theme=cubicle] #evidence .jx-outcome-proofs{grid-area:3/2/auto/span 6}.csx[data-theme=cubicle] #evidence .jx-notmeasured{grid-area:1/8/span 3/span 3;align-self:center}.csx[data-theme=cubicle] #evidence .jx-cub-outcome .jx-stamp{grid-area:1/11/span 3/-1;place-self:center}}.csx[data-theme=dino-arcade-pwa][data-layout=journal]{--dn-char:color-mix(in oklab, var(--color-navy-2) 70%, var(--color-navy));--dn-orange:var(--color-rust);--dn-red:var(--color-terracotta);--dn-teal:color-mix(in oklab, var(--color-green-2) 62%, var(--color-steel));--dn-gold:color-mix(in oklab, var(--color-note) 70%, var(--color-rust));--dn-cream:var(--color-ivory);--jx-glyph-fill:color-mix(in oklab, var(--color-note) 55%, var(--color-ivory));--jx-scene-ratio:1200 / 960;--jx-hero-ground:color-mix(in oklab, var(--color-rust) 10%, var(--jx-paper))}.csx[data-theme=dino-arcade-pwa] .csx-eyebrow,.csx[data-theme=dino-arcade-pwa] .jx-tagline{color:var(--color-terracotta)}.jx-dn-screen{object-fit:cover;z-index:1;border-radius:1.2%/2.8%;width:53.333%;height:28.125%;position:absolute;top:51.25%;left:23.333%}.jx-dn-scan{z-index:2;pointer-events:none;background:repeating-linear-gradient(0deg, color-mix(in oklab, var(--color-navy) 22%, transparent) 0 1px, transparent 1px 3px), radial-gradient(130% 110% at 50% 50%, transparent 60%, color-mix(in oklab, var(--color-navy) 45%, transparent));border-radius:1.2%/2.8%;width:53.333%;height:28.125%;position:absolute;top:51.25%;left:23.333%}.jx-dn-stamp{z-index:3;background:radial-gradient(circle, var(--jx-paper) 0 3px, transparent 3.5px) -5px -5px / 10px 10px, var(--color-ivory);width:13%;box-shadow:var(--jx-shadow);padding:5px;position:absolute;top:5%;left:5%;transform:rotate(-5deg)}.jx-dn-stamp img{border-radius:12%;width:100%;height:auto;display:block}.jx-dn-ticket{background:radial-gradient(circle at 0 50%, var(--jx-paper) 0 7px, transparent 7.5px), radial-gradient(circle at 100% 50%, var(--jx-paper) 0 7px, transparent 7.5px), color-mix(in oklab, var(--dn-gold) 55%, var(--color-ivory));border-top:2px dashed color-mix(in oklab, var(--dn-red) 45%, transparent);border-bottom:2px dashed color-mix(in oklab, var(--dn-red) 45%, transparent);padding:8px 18px 10px;font-size:20px}.jx-dn-ticket:before{display:none}.jx-dn-ticket[data-n="1"]{top:25%;left:30%;transform:rotate(-6deg)}.jx-dn-ticket[data-n="2"]{max-width:140px;top:56%;right:1%;transform:rotate(5deg)}.jx-dn-ticket[data-n="3"]{max-width:150px;top:24%;right:2%;transform:rotate(-4deg)}@media (prefers-reduced-motion:no-preference){.jx-dn-scene .jx-dn-screen{animation:.9s steps(6,end) .3s both dn-power}@keyframes dn-power{0%{opacity:.3}}}.csx[data-theme=dino-arcade-pwa] .jx-rail{background:linear-gradient(var(--dn-orange), var(--dn-orange)) 50% 0 / 8px 8px repeat-y, linear-gradient(90deg, transparent 5px, var(--dn-char) 5px 13px, transparent 13px);background-position:50% 24px,0 0;background-repeat:repeat-y,no-repeat;background-size:8px 64px,100% 100%}.csx[data-theme=dino-arcade-pwa][data-layout=journal] .csx-mark{border:4px double color-mix(in oklab, var(--dn-red) 70%, var(--color-navy));background:radial-gradient(circle at 35% 30%, color-mix(in oklab, var(--color-note) 80%, var(--color-ivory)), var(--dn-gold) 62%, color-mix(in oklab, var(--dn-gold) 70%, var(--dn-red)));width:70px;height:70px;color:var(--color-navy);box-shadow:0 8px 12px -6px color-mix(in oklab, var(--color-navy) 55%, transparent);margin-inline:7px;font-family:Courier New,ui-monospace,monospace;font-size:24px;font-weight:700}.jx-dn-product{gap:22px;display:grid}.jx-dn-flow{margin:0}.jx-dn-flow ol{gap:12px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:768px){.jx-dn-flow ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}}.jx-dn-ticketstep{background:radial-gradient(circle at 0 50%, var(--jx-paper) 0 8px, transparent 8.5px), radial-gradient(circle at 100% 50%, var(--jx-paper) 0 8px, transparent 8.5px), var(--color-ivory);box-shadow:var(--jx-shadow);color:var(--color-navy);grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:10px;padding:12px 18px;display:grid;position:relative}.jx-dn-step-n{background:var(--dn-orange);width:30px;height:30px;color:var(--color-ivory);border-radius:50%;place-items:center;font-family:Courier New,ui-monospace,monospace;font-size:16px;font-weight:700;display:grid}.jx-dn-step-label{font-size:16px;font-weight:700;line-height:1.2}@media (min-width:768px){.jx-dn-ticketstep:not(:last-child):after{content:"→";z-index:1;color:var(--dn-red);font-size:18px;font-weight:700;position:absolute;top:50%;right:-15px;transform:translateY(-50%)}}.jx-dn-phones{place-items:end center;gap:28px;display:grid}@media (min-width:768px){.jx-dn-phones{grid-template-columns:minmax(0,660px) 220px;justify-content:center;gap:56px}}.jx-dn-phone{width:100%;margin:0}.jx-dn-phone-body{background:var(--dn-char);box-shadow:var(--jx-shadow-lg), inset 0 0 0 4px color-mix(in oklab, var(--dn-teal) 80%, transparent);position:relative}.jx-dn-phone[data-orient=landscape] .jx-dn-phone-body{border-radius:34px;padding:16px 40px 16px 44px;transform:rotate(-1deg)}.jx-dn-phone[data-orient=landscape] .jx-dn-phone-body:before{content:"";background:var(--color-navy);border-radius:5px;width:10px;height:46px;margin-top:-23px;position:absolute;top:50%;left:16px}.jx-dn-phone[data-orient=landscape] img{border-radius:10px;width:100%;height:auto;display:block}.jx-dn-phone[data-orient=portrait]{max-width:220px}@media (max-width:767px){.jx-dn-phone[data-orient=portrait]{max-width:180px}}.jx-dn-phone[data-orient=portrait] .jx-dn-phone-body{aspect-ratio:9/18;background:linear-gradient(180deg, color-mix(in oklab, var(--color-navy) 90%, var(--dn-red)), color-mix(in oklab, var(--dn-red) 55%, var(--dn-gold)));border-radius:34px;padding:36px 16px 20px;transform:rotate(2deg)}.jx-dn-home{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.jx-dn-app{aspect-ratio:1;background:color-mix(in oklab, var(--color-ivory) 22%, transparent);border-radius:22%}.jx-dn-icon{justify-items:center;gap:6px;width:42%;display:grid;position:absolute;bottom:20%;left:50%;transform:translate(-50%)}.jx-dn-icon img{width:100%;height:auto;box-shadow:0 10px 18px -8px color-mix(in oklab, var(--color-navy) 80%, transparent);border-radius:22%;display:block}.jx-dn-icon-name{color:var(--color-ivory);white-space:nowrap;font-size:14px;font-weight:600}@media (min-width:1024px){.csx[data-theme=dino-arcade-pwa] #product .csx-sec-head{grid-column:2/span 6}.csx[data-theme=dino-arcade-pwa] #product .jx-lede{grid-area:1/8/auto/-1;align-self:end}.csx[data-theme=dino-arcade-pwa] #product .jx-dn-flow{grid-area:2/2/auto/-1}.csx[data-theme=dino-arcade-pwa] #product .jx-dn-phones{grid-area:3/2/auto/-1}}.jx-dn-decisions{gap:18px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:768px){.jx-dn-decisions{grid-template-columns:repeat(2,minmax(0,1fr))}}.jx-dn-placard{background:var(--dn-char);color:var(--color-ivory);box-shadow:var(--jx-shadow-lg), inset 0 0 0 3px color-mix(in oklab, var(--dn-gold) 70%, transparent);border-radius:10px;padding:20px 22px 22px;position:relative}.jx-dn-placard:first-child{transform:rotate(-.8deg)}.jx-dn-placard:nth-child(2){transform:rotate(.7deg)}.jx-dn-placard-h{letter-spacing:.2em;text-transform:uppercase;color:var(--dn-gold);margin:0 0 12px;font-family:Courier New,ui-monospace,monospace;font-size:15px;font-weight:700}.jx-dn-placard .jx-glyph{width:46px;height:46px;color:var(--dn-gold);--jx-glyph-fill:color-mix(in oklab, var(--dn-gold) 25%, transparent);position:absolute;top:16px;right:18px}.jx-dn-placard dl{gap:12px;margin:0;display:grid}.jx-dn-placard dt{letter-spacing:.16em;text-transform:uppercase;color:color-mix(in oklab, var(--color-ivory) 78%, transparent);font-size:12px;font-weight:700}.jx-dn-placard dd{font-family:var(--font-display);margin:2px 0 0;font-size:21px;line-height:1.2}.jx-dn-placard [data-tone=could] dd{text-decoration:line-through;-webkit-text-decoration-color:var(--dn-orange);text-decoration-color:var(--dn-orange);color:color-mix(in oklab, var(--color-ivory) 80%, transparent);text-decoration-thickness:2px}.jx-dn-placard [data-tone=chose] dd{color:var(--dn-gold);font-size:26px;font-weight:700}.jx-dn-placard [data-tone=because] dd{font-family:var(--font-body);font-size:16px;line-height:1.45}@media (min-width:1024px){.csx[data-theme=dino-arcade-pwa] #decisions .csx-sec-head{grid-column:2/span 4}.csx[data-theme=dino-arcade-pwa] #decisions .jx-dn-decisions{grid-area:1/6/span 2/-1}}.jx-dn-machine{border:3px dashed color-mix(in oklab, var(--dn-char) 50%, transparent);border-radius:36px;margin:0;padding:20px 22px 30px;position:relative}.jx-dn-machine ol{gap:14px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:768px){.jx-dn-machine ol{grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}}.jx-dn-part{text-align:center;background:var(--dn-char);color:var(--color-ivory);box-shadow:var(--jx-shadow), inset 0 0 0 2px color-mix(in oklab, var(--dn-teal) 80%, transparent);border-radius:12px;align-content:start;justify-items:center;gap:6px;padding:16px 12px 14px;display:grid;position:relative}.jx-dn-part .jx-glyph{width:48px;height:48px;color:var(--dn-gold);--jx-glyph-fill:color-mix(in oklab, var(--dn-orange) 45%, transparent)}.jx-dn-part-label{font-size:16px;font-weight:700}.jx-dn-part-note{color:color-mix(in oklab, var(--color-ivory) 82%, transparent);font-size:14px;line-height:1.3}@media (min-width:768px){.jx-dn-part:not(:last-child):after{content:"→";color:var(--dn-red);font-size:20px;font-weight:700;position:absolute;top:34px;right:-17px}}.jx-dn-machine-edge{background:var(--jx-paper);letter-spacing:.12em;text-transform:uppercase;color:var(--color-navy);white-space:nowrap;margin:0;padding:2px 12px;font-family:Courier New,ui-monospace,monospace;font-size:14px;font-weight:700;position:absolute;bottom:-14px;left:50%;transform:translate(-50%)}@media (min-width:1024px){.csx[data-theme=dino-arcade-pwa] #system .jx-dn-machine{grid-area:2/2/auto/-1}}.jx-dn-road{gap:16px;margin:0;padding:0;list-style:none;display:grid;position:relative}@media (min-width:1024px){.jx-dn-road{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}}.jx-dn-stop{background:var(--color-ivory);box-shadow:var(--jx-shadow);color:var(--color-navy);align-content:start;gap:6px;padding:18px 20px 20px;display:grid;position:relative}.jx-dn-stop .jx-glyph{width:44px;height:44px}.jx-dn-stop-name{font-family:var(--font-display);margin:0;font-size:22px;font-weight:700}.jx-dn-stop-line{margin:0;font-size:16px;line-height:1.4}.jx-dn-stop[data-stop=limit]{background:linear-gradient(var(--color-ivory), var(--color-ivory)) 12px 12px / calc(100% - 24px) calc(100% - 24px) no-repeat, repeating-linear-gradient(-45deg, var(--dn-gold) 0 14px, var(--color-navy) 14px 28px);padding:30px 30px 32px}.jx-dn-limit-stamp{justify-self:start;margin-top:8px;font-size:18px}.jx-dn-stop[data-stop=to]{background:color-mix(in oklab, var(--dn-teal) 18%, var(--color-ivory));box-shadow:var(--jx-shadow-lg);transform:rotate(.8deg)}.jx-dn-next{color:var(--color-navy);text-underline-offset:3px;align-items:center;min-height:44px;margin-top:6px;font-weight:700;text-decoration:underline;display:inline-flex}@media (min-width:1024px){.jx-dn-stop:not(:last-child):after{content:"→";z-index:1;color:var(--dn-red);font-size:22px;font-weight:700;position:absolute;top:44px;right:-19px}.csx[data-theme=dino-arcade-pwa] #outcome .jx-dn-road{grid-area:2/2/auto/-1}}.csx[data-theme=dino-arcade-pwa] .jx-learning:first-child{--jx-l:color-mix(in oklab, var(--dn-orange) 16%, var(--color-ivory))}.csx[data-theme=dino-arcade-pwa] .jx-learning:nth-child(2){--jx-l:color-mix(in oklab, var(--dn-teal) 18%, var(--color-ivory))}.csx[data-theme=dino-arcade-pwa] .jx-learning:nth-child(3){--jx-l:color-mix(in oklab, var(--dn-gold) 30%, var(--color-ivory))}@media (min-width:1024px){.csx[data-theme=dino-arcade-pwa] #learnings .csx-sec-head{grid-column:2/-1}}.jx-evidence[data-compact] .jx-evidence-in{padding-block:14px}.jx-evidence[data-compact] .jx-evidence-head .csx-h2{font-size:clamp(20px,1.6vw,24px)}.csx[data-theme=velora][data-layout=journal]{--vl-char:color-mix(in oklab, var(--color-navy-2) 80%, var(--color-navy));--vl-coral:color-mix(in oklab, var(--color-rust) 64%, var(--color-note));--vl-coral-ink:color-mix(in oklab, var(--color-rust) 80%, var(--color-navy));--vl-sage:color-mix(in oklab, var(--color-green-2) 55%, var(--color-ivory));--vl-lavender:color-mix(in oklab, color-mix(in oklab, var(--color-steel) 72%, var(--color-rust)) 42%, var(--color-ivory));--jx-glyph-fill:color-mix(in oklab, var(--vl-coral) 30%, var(--color-ivory));--jx-scene-ratio:1200 / 960;--jx-hero-ground:color-mix(in oklab, var(--vl-sage) 22%, var(--jx-paper))}.csx[data-theme=velora] .csx-eyebrow{color:var(--vl-coral-ink)}.csx[data-theme=velora] .jx-tagline{color:var(--color-forest)}.csx[data-theme=velora] .jx-h1{font-size:clamp(46px,5.6vw,88px)}.jx-vl-killed{z-index:2;background:var(--color-ivory);width:42%;box-shadow:var(--jx-shadow-lg);clip-path:polygon(0 0,96% 0,99% 8%,96% 16%,100% 26%,97% 36%,100% 47%,96% 58%,99% 69%,96% 80%,100% 90%,97% 100%,0 100%);margin:0;padding:8px;position:absolute;top:35%;left:8%;transform:rotate(-4deg)}.jx-vl-killed img{filter:grayscale(.65)contrast(.9);opacity:.85;width:100%;height:auto;display:block}.jx-vl-strike{background:var(--color-rust);transform-origin:0;height:7px;box-shadow:0 0 0 1px color-mix(in oklab, var(--color-ivory) 50%, transparent);border-radius:4px;margin-top:-3px;position:absolute;top:50%;left:4%;right:6%;transform:rotate(-9deg)}.jx-vl-killed-stamp{background:color-mix(in oklab, var(--color-ivory) 85%, transparent);font-size:clamp(14px,1.3vw,20px);position:absolute;bottom:8%;right:8%}.jx-vl-arrow{z-index:2;fill:none;width:17%;height:auto;stroke:var(--vl-coral-ink);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;position:absolute;top:27%;left:43%;overflow:visible}.jx-vl-phone{margin:0}.jx-vl-phone-body{background:var(--vl-char);box-shadow:var(--jx-shadow-lg);border-radius:26px;padding:8px;display:block}.jx-vl-phone-body img{border-radius:19px;width:100%;height:auto;display:block}.jx-vl-scene .jx-vl-phone{position:absolute}.jx-vl-front{z-index:3;width:24%;top:6%;right:15%;transform:rotate(-2deg)}.jx-vl-back{z-index:2;width:19%;top:24%;right:1.5%;transform:rotate(7deg)}.jx-vl-authored{background:color-mix(in oklab, var(--color-kraft) 70%, var(--color-ivory));border:1.5px dashed color-mix(in oklab, var(--color-navy) 40%, transparent);color:var(--color-navy);margin:10px 0 0;padding:5px 10px;font-size:14px;font-weight:600;line-height:1.25;display:inline-block}.jx-vl-scene .jx-vl-authored{max-width:150px;box-shadow:var(--jx-shadow);position:absolute;bottom:-10%;left:-18%;transform:rotate(-7deg)}.jx-vl-note[data-n="1"]{background:color-mix(in oklab, var(--vl-coral) 40%, var(--color-ivory));top:69%;left:12%;transform:rotate(-5deg)}.jx-vl-note[data-n="2"]{max-width:170px;bottom:14%;left:42%;transform:rotate(3deg)}.jx-vl-note[data-n="3"]{background:color-mix(in oklab, var(--vl-sage) 60%, var(--color-ivory));top:3%;left:44%;transform:rotate(-3deg)}@media (max-width:767px){.jx-vl-arrow,.jx-vl-scene .jx-vl-authored,.jx-vl-killed-stamp{display:none}}@media (prefers-reduced-motion:no-preference){.jx-vl-scene .jx-vl-strike{animation:.7s cubic-bezier(.6,0,.2,1) .5s both vl-strike}@keyframes vl-strike{0%{transform:rotate(-9deg)scaleX(0)}}}.csx[data-theme=velora] .jx-rail{background:repeating-linear-gradient(180deg, var(--vl-coral-ink) 0 14px, transparent 14px 22px) 50% 0 / 4px 100% no-repeat, linear-gradient(90deg, transparent 8px, color-mix(in oklab, var(--vl-coral) 25%, transparent) 8px 10px, transparent 10px)}.csx[data-theme=velora][data-layout=journal] .csx-mark{background:var(--vl-sage);width:76px;height:58px;color:var(--color-navy);clip-path:polygon(22% 0,100% 0,100% 100%,22% 100%,0 50%);filter:drop-shadow(0 6px 8px color-mix(in oklab, var(--color-navy) 35%, transparent));border-radius:0;margin-inline:4px;padding-left:12px;font-size:26px}.csx[data-theme=velora][data-layout=journal] .csx-mark:before{content:"";background:var(--jx-paper);width:9px;height:9px;box-shadow:inset 0 0 0 2px color-mix(in oklab, var(--color-navy) 40%, transparent);border-radius:50%;margin-top:-4.5px;position:absolute;top:50%;left:12px}.csx[data-theme=velora] #pivot .csx-mark{background:var(--vl-coral)}.jx-vl-problem{gap:18px;display:grid}.jx-vl-journey{margin:0}.jx-vl-journey ol{gap:14px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:768px){.jx-vl-journey ol{grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}}.jx-vl-card{background:var(--color-ivory);box-shadow:var(--jx-shadow);color:var(--color-navy);border-left:5px solid var(--vl-sage);justify-items:start;gap:10px;padding:16px 16px 18px;font-size:16px;font-weight:700;line-height:1.25;display:grid;position:relative}.jx-vl-card:nth-child(odd){transform:rotate(-1.4deg)}.jx-vl-card:nth-child(2n){transform:rotate(1.1deg)translateY(10px)}.jx-vl-card .jx-glyph{width:46px;height:46px}.jx-vl-card[data-late]{border-left-color:var(--vl-coral);background:color-mix(in oklab, var(--vl-coral) 12%, var(--color-ivory))}@media (min-width:768px){.jx-vl-card:not(:last-child):after{content:"→";z-index:1;color:var(--vl-coral-ink);font-size:18px;position:absolute;top:40%;right:-18px}}@media (min-width:1024px){.csx[data-theme=velora] #problem .csx-sec-head{grid-column:2/span 7}.csx[data-theme=velora] #problem .jx-lede{grid-area:1/9/auto/-1;align-self:end}.csx[data-theme=velora] #problem .jx-vl-journey{grid-area:2/2/auto/-1}}.jx-vl-research{gap:18px;display:grid}.jx-vl-wait{background:var(--color-ivory);box-shadow:var(--jx-shadow-lg);margin:0;padding:22px 24px 20px}.jx-vl-wait-figure{font-family:var(--font-display);color:var(--color-navy);margin:0 0 12px;font-size:clamp(30px,3vw,44px);font-weight:600}.jx-vl-bar{border:2px solid var(--color-navy);grid-template-columns:minmax(0,.09fr) minmax(0,.91fr);height:46px;display:grid}.jx-vl-bar-active{background:var(--vl-coral);border-right:2px solid var(--color-navy)}.jx-vl-legend{color:var(--color-navy);flex-wrap:wrap;gap:8px 22px;margin:10px 0 0;font-size:15px;font-weight:700;display:flex}.jx-vl-legend span{align-items:center;gap:8px;display:inline-flex}.jx-vl-legend span:before{content:"";border:2px solid var(--color-navy);width:16px;height:16px}.jx-vl-legend [data-seg=active]:before{background:var(--vl-coral)}.jx-vl-legend [data-seg=waiting]:before{background:color-mix(in oklab, var(--vl-sage) 60%, var(--color-ivory))}.jx-vl-bar-waiting{background:repeating-linear-gradient(90deg, transparent 0 22%, color-mix(in oklab, var(--color-navy) 55%, transparent) 22% calc(22% + 2px)), repeating-linear-gradient(45deg, color-mix(in oklab, var(--vl-sage) 60%, var(--color-ivory)) 0 8px, color-mix(in oklab, var(--vl-sage) 30%, var(--color-ivory)) 8px 16px)}.jx-vl-wait-note{color:var(--csx-soft);margin:12px 0 0;font-size:14px;line-height:1.4}.jx-vl-quotes{gap:12px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:768px){.jx-vl-quotes{grid-template-columns:repeat(2,minmax(0,1fr))}}.jx-vl-quote{background:var(--vl-lavender);box-shadow:var(--jx-shadow);margin:0;padding:14px 16px;transform:rotate(-.8deg)}.jx-vl-quotes li:nth-child(2) .jx-vl-quote{background:color-mix(in oklab, var(--vl-sage) 45%, var(--color-ivory));transform:rotate(.9deg)}.jx-vl-quote blockquote{margin:0}.jx-vl-quote blockquote p{font-family:var(--font-display);color:var(--color-navy);margin:0;font-size:18px;font-style:italic;line-height:1.35}.jx-vl-quote figcaption{color:var(--color-navy);margin-top:6px;font-size:14px}@media (min-width:1024px){.csx[data-theme=velora] #research .csx-sec-head{grid-column:2/span 5}.csx[data-theme=velora] #research .jx-lede{grid-area:2/2/auto/span 5}.csx[data-theme=velora] #research .jx-vl-quotes{grid-area:3/2/auto/span 5;grid-template-columns:minmax(0,1fr)}.csx[data-theme=velora] #research .jx-vl-wait{grid-area:1/7/span 3/-1;align-self:center}}.jx-vl-timeline{gap:16px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:1024px){.jx-vl-timeline{grid-template-columns:1.25fr 1fr 1fr 1.1fr;align-items:start;gap:30px}}.jx-vl-step{background:var(--color-ivory);box-shadow:var(--jx-shadow);color:var(--color-navy);align-content:start;gap:8px;padding:18px 20px 20px;display:grid;position:relative}.jx-vl-step .jx-glyph{width:44px;height:44px}.jx-vl-when{background:var(--vl-char);color:var(--color-ivory);letter-spacing:.12em;text-transform:uppercase;justify-self:start;margin:0;padding:2px 10px;font-size:13px;font-weight:700}.jx-vl-name{font-family:var(--font-display);margin:0;font-size:24px;font-weight:700}.jx-vl-line{margin:0;font-size:16px;line-height:1.4}.jx-vl-step[data-step=from]{background:color-mix(in oklab, var(--color-paper) 70%, var(--color-kraft));transform:rotate(-1.6deg)}.jx-vl-step[data-step=from] .jx-vl-name{text-decoration:line-through;-webkit-text-decoration-color:var(--color-rust);text-decoration-color:var(--color-rust);text-decoration-thickness:3px}.jx-vl-concept{position:relative}.jx-vl-concept img{filter:grayscale(.7);opacity:.8;border:1px solid color-mix(in oklab, var(--color-navy) 20%, transparent);width:100%;height:auto;display:block}.jx-vl-kill{justify-self:start;margin-top:4px;font-size:20px}.jx-vl-step[data-step=evidence]{background:var(--vl-lavender);transform:rotate(1deg)}.jx-vl-step[data-step=keep]{background:color-mix(in oklab, var(--vl-sage) 45%, var(--color-ivory));transform:rotate(-.6deg)}.jx-vl-step[data-step=to]{border-top:6px solid var(--vl-coral);box-shadow:var(--jx-shadow-lg);transform:rotate(.8deg)}.jx-vl-survivor{width:44%}.jx-vl-survivor img{border:5px solid var(--vl-char);border-radius:14px;width:100%;height:auto;display:block}@media (min-width:1024px){.jx-vl-step:not(:last-child):after{content:"→";z-index:1;color:var(--vl-coral-ink);font-size:24px;font-weight:700;position:absolute;top:42px;right:-24px}.csx[data-theme=velora] #pivot .csx-sec-head{grid-column:2/-1}.csx[data-theme=velora] #pivot .jx-vl-timeline{grid-area:2/2/auto/-1}}@media (prefers-reduced-motion:no-preference){.csx[data-theme=velora][data-motion=on] #pivot .jx-vl-step[data-step=from] .jx-vl-strike{transition:transform .6s cubic-bezier(.6,0,.2,1) .3s}.csx[data-theme=velora][data-motion=on] #pivot:not([data-shown]) .jx-vl-step[data-step=from] .jx-vl-strike{transform:rotate(-9deg)scaleX(0)}.csx[data-theme=velora][data-motion=on] #pivot .jx-vl-step{transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .5s;transition-delay:calc(var(--vl-d,0) * 1ms)}.csx[data-theme=velora][data-motion=on] #pivot .jx-vl-step[data-step=to]{--vl-d:900}.csx[data-theme=velora][data-motion=on] #pivot .jx-vl-step[data-step=from]{--vl-d:700}.csx[data-theme=velora][data-motion=on] #pivot:not([data-shown]) .jx-vl-step[data-step=to]{opacity:0;transform:translate(40px)}.csx[data-theme=velora][data-motion=on] #pivot:not([data-shown]) .jx-vl-step[data-step=from]{transform:none}}.jx-vl-bet{gap:18px;display:grid}.jx-vl-flow{background:var(--color-ivory);box-shadow:var(--jx-shadow);margin:0;padding:18px 20px}.jx-vl-sides{font-family:var(--font-display);color:var(--color-navy);align-items:center;gap:14px;margin:0 0 12px;font-size:22px;font-weight:700;display:flex}.jx-vl-sides span[aria-hidden]{color:var(--vl-coral-ink)}.jx-vl-flow ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.jx-vl-flowstep{background:color-mix(in oklab, var(--vl-sage) 30%, var(--color-ivory));color:var(--color-navy);justify-items:center;gap:4px;padding:10px 6px;font-size:16px;font-weight:700;display:grid;position:relative}.jx-vl-flowstep:not(:last-child):after{content:"→";color:var(--vl-coral-ink);font-weight:700;position:absolute;top:30%;right:-15px}.jx-vl-phones{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:18px;display:grid}@media (max-width:767px){.jx-vl-phones{grid-template-columns:repeat(2,minmax(0,1fr))}.jx-vl-shot-3{display:none}}.jx-vl-shot-1{transform:rotate(-2deg)}.jx-vl-shot-2{transform:translateY(26px)}.jx-vl-shot-3{transform:rotate(2deg)}.jx-vl-authored-tag{margin-top:10px}@media (min-width:1024px){.csx[data-theme=velora] #portable-trust .csx-sec-head{grid-column:2/span 5}.csx[data-theme=velora] #portable-trust .jx-lede{grid-area:2/2/auto/span 5}.csx[data-theme=velora] #portable-trust .jx-vl-flow{grid-area:3/2/auto/span 5;align-self:start}.csx[data-theme=velora] #portable-trust .jx-vl-phones{grid-area:1/7/span 3/-1}}.csx[data-theme=velora] .jx-learning:first-child{--jx-l:color-mix(in oklab, var(--vl-coral) 24%, var(--color-ivory))}.csx[data-theme=velora] .jx-learning:nth-child(2){--jx-l:color-mix(in oklab, var(--vl-sage) 40%, var(--color-ivory))}.csx[data-theme=velora] .jx-learning:nth-child(3){--jx-l:var(--vl-lavender)}@media (min-width:1024px){.csx[data-theme=velora] #learnings .csx-sec-head{grid-column:2/-1}}.jx-vl-outcome{gap:18px;display:grid}.jx-vl-outcome .jx-stamp{justify-self:start;font-size:clamp(26px,2.6vw,38px)}@media (min-width:1024px){.csx[data-theme=velora] #evidence .csx-sec-head{grid-column:2/span 6}.csx[data-theme=velora] #evidence .jx-outcome-proofs{grid-area:2/2/auto/span 6}.csx[data-theme=velora] #evidence .jx-notmeasured{grid-area:1/8/span 2/span 3;align-self:center}.csx[data-theme=velora] #evidence .jx-vl-outcome .jx-stamp{grid-area:1/11/span 2/-1;place-self:center}}