:root{--off-white: #F8F8F8;--off-black: #1A1A1A;--neutral-mid: #5C5C5C;--neutral-faint: #909090;--neutral-line: #D9D9D9;--neutral-line-dark: #2A2A2A;--neutral-soft-dark: #B0B0B0;--neutral-faint-dark: #707070;--color-white: #FFFFFF;--bg: var(--off-white);--text: var(--off-black);--text-soft: var(--neutral-mid);--text-faint: var(--neutral-faint);--border: var(--off-black);--border-soft: var(--neutral-line);--signal: #F5FF00;--signal-ink: #1A1A1A;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-9: 36px;--space-10: 40px;--space-11: 44px;--space-12: 48px;--space-14: 56px;--space-16: 64px;--space-18: 72px;--space-20: 80px;--space-24: 96px;--space-28: 112px;--space-32: 128px;--space-40: 160px;--text-2xs: 10px;--text-xs: 11px;--text-sm: 12px;--text-md: 13px;--text-base: 14px;--text-lg: 15px;--text-xl: 16px;--text-2xl: 17px;--text-3xl: 18px;--text-4xl: 20px;--text-5xl: 22px;--text-6xl: 24px;--text-display-sm: clamp(28px, 4vw, 32px);--text-display-md: clamp(28px, 4.5vw, 48px);--text-display-lg: clamp(40px, 6.5vw, 64px);--text-display-xl: clamp(48px, 9vw, 96px);--lh-tight: 1.05;--lh-snug: 1.2;--lh-normal: 1.4;--lh-relaxed: 1.55;--lh-body: 1.65;--lh-loose: 1.8;--tracking-tighter: -.035em;--tracking-tight: -.02em;--tracking-snug: -.01em;--tracking-normal: 0;--tracking-wide: .05em;--tracking-wider: .12em;--tracking-widest: .2em;--border-1: 1px;--border-2: 2px;--border-3: 3px;--radius-none: 0;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 9999px;--bp-sm: 480px;--bp-md: 720px;--bp-lg: 880px;--bp-xl: 1080px;--wrapper-max: 1080px;--gutter: max(var(--space-6), calc(50% - (var(--wrapper-max) / 2)));--dur-fast: .12s;--dur-base: .15s;--dur-mid: .25s;--dur-slow: .35s;--ease-out: cubic-bezier(.16, 1, .3, 1);--font-display: "Hubot Sans", -apple-system, sans-serif;--font-body: "Mona Sans", -apple-system, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--font-ar: "IBM Plex Sans Arabic", sans-serif}[data-theme=dark]{--bg: var(--off-black);--text: var(--off-white);--text-soft: var(--neutral-soft-dark);--text-faint: var(--neutral-faint-dark);--border: var(--off-white);--border-soft: var(--neutral-line-dark)}[data-accent=highlight-pen]{--signal: #F5FF00}[data-accent=acid-lime]{--signal: #CCFF00}[data-accent=acid-mint]{--signal: #00FFC8}[data-accent=riso-orange]{--signal: #FF5500}[data-accent=boss-pink]{--signal: #FF1493}[data-accent=klein-uv]{--signal: #00BFFF}[data-accent=uv-lavender]{--signal: #B14EFF}[data-accent=cherry-pop]{--signal: #FF1744}:root{--chart-figma: #FF5500;--chart-html: #00BFFF;--chart-ai: #CCFF00;--chart-axis: var(--border-soft);--chart-axis-text: var(--text-faint)}[data-theme=dark]{--chart-figma: #FF5500;--chart-html: #00BFFF;--chart-ai: #CCFF00;--chart-axis: var(--border-soft);--chart-axis-text: var(--text-faint)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:clip}body{font-family:var(--font-body);background:var(--bg);color:var(--text);min-height:100vh;transition:background .3s,color .3s;font-size:15px;line-height:1.6;font-feature-settings:"kern" 1;overflow-x:clip}a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:var(--border-soft);transition:text-decoration-color .15s,background .12s,color .12s}a:hover{background:var(--signal);color:var(--signal-ink);text-decoration-color:transparent}img,svg{display:block;max-width:100%}.skip-link{position:absolute;top:var(--space-2);left:var(--space-2);z-index:1000;padding:var(--space-2) var(--space-4);background:var(--signal);color:var(--signal-ink);text-decoration:none;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-wider);text-transform:uppercase;border:var(--border-2) solid var(--signal-ink);transform:translateY(-200%);transition:transform var(--dur-base)}.skip-link:focus,.skip-link:focus-visible{transform:translateY(0);outline:var(--border-2) solid var(--text);outline-offset:var(--border-2)}main:focus{outline:none}:focus-visible{outline:var(--border-2) solid var(--signal);outline-offset:var(--border-2)}.btn:focus-visible,.back-link:focus-visible,a:focus-visible{outline-color:var(--signal-ink);outline-offset:var(--border-2)}::selection{background:var(--signal);color:var(--signal-ink)}.tnum{font-variant-numeric:tabular-nums}[dir=rtl] body{font-family:var(--font-ar);line-height:1.8}[dir=rtl] [class*=font-display],[dir=rtl] [class*=font-mono]{font-family:var(--font-ar)}[dir=rtl] .uppercase-label,[dir=rtl] [data-rtl-no-case]{text-transform:none;letter-spacing:0}[dir=rtl] pre,[dir=rtl] code{direction:ltr;text-align:left;unicode-bidi:embed}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.cs-evidence{display:grid;gap:0;margin:24px 0;border-top:1px solid var(--border-soft, #ccc)}.cs-evidence-row{display:grid;grid-template-columns:220px 1fr;gap:24px;padding:12px 0;border-bottom:1px solid var(--border-soft, #ccc)}.cs-evidence-row dt{font-size:.75rem;opacity:.6;line-height:1.4}.cs-evidence-row dd{margin:0}.cs-evidence-row dd strong{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;opacity:.7}.cs-evidence-row dd p{margin:0;font-size:.875rem}.cs-severity-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4);list-style:none;padding:0;margin:var(--space-6) 0}@media(min-width:640px){.cs-severity-grid{grid-template-columns:repeat(3,1fr)}}.cs-severity-grid li{border:1px solid var(--border-soft, #ccc);padding:16px}.cs-severity-grid .cs-severity-label{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;opacity:.6;margin-bottom:6px}.cs-severity-grid strong{display:block;margin-bottom:8px}.cs-severity-grid p{margin:0;font-size:.875rem}.cs-flow{display:grid;grid-template-columns:1fr;gap:0;padding:0;list-style:none;margin:var(--space-6) 0 0;border:var(--border-1) solid var(--border-soft)}@media(min-width:640px){.cs-flow{grid-template-columns:repeat(4,1fr)}}.cs-flow li{padding:16px;border-right:1px solid var(--border-soft, #ccc)}.cs-flow li:last-child{border-right:none}.cs-flow li strong{display:block;font-size:.8rem;margin-bottom:8px}.cs-flow li p{margin:0;font-size:.85rem}.cs-flow-mood-note{font-size:.75rem;opacity:.6;margin:4px 0 24px;display:flex;justify-content:space-between}.cs-blueprint{margin:24px 0;display:grid;gap:1px;background:var(--border-soft, #ccc);border:1px solid var(--border-soft, #ccc)}.cs-blueprint-caption{background:var(--bg, #fff);padding:8px 12px;font-size:.75rem;opacity:.6;margin:0}.cs-blueprint-layer{display:grid;grid-template-columns:1fr;gap:var(--border-1);background:var(--border-soft);margin:0}.cs-blueprint-layer dt,.cs-blueprint-layer dd{background:var(--bg, #fff);padding:10px 12px;margin:0;font-size:.8rem}.cs-blueprint-layer dt strong{display:block}.cs-blueprint-layer dt span{font-size:.7rem;opacity:.6}.cs-blueprint-layer dd strong{display:block;font-size:.7rem;opacity:.6;margin-bottom:4px}@media(min-width:768px){.cs-blueprint-layer{grid-template-columns:140px repeat(5,1fr)}}.cs-callouts{display:grid;grid-template-columns:1fr;gap:var(--space-3);margin:var(--space-6) 0}@media(min-width:640px){.cs-callouts{grid-template-columns:repeat(3,1fr)}}.cs-callouts .cs-callout{border:1px solid var(--border-soft, #ccc);padding:16px}.cs-callouts .cs-callout p{margin:0;font-size:.9rem}.cs-exploration{display:grid;grid-template-columns:1fr;gap:var(--space-3);margin:var(--space-6) 0}@media(min-width:640px){.cs-exploration{grid-template-columns:repeat(3,1fr)}}.cs-exploration-card{border:1px solid var(--border-soft, #ccc);padding:16px;position:relative}.cs-exploration-card--winner{border-color:var(--signal, #ED3F1C)}.cs-complexity{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;opacity:.6;margin-bottom:8px}.cs-badge{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:var(--signal-ink);background:var(--signal);padding:3px 8px 2px;margin-bottom:12px}.cs-exploration-card h3{font-size:.95rem;margin-bottom:8px}.cs-exploration-card p{margin:0;font-size:.875rem}.cs-tension{border-left:3px solid var(--signal, #ED3F1C);padding:16px 20px;margin:24px 0}.cs-tension h3{font-size:1rem;margin-bottom:8px}.cs-tension p{margin:0;font-size:.9rem}[dir=rtl] .cs-tension{border-left:none;border-right:3px solid var(--signal, #ED3F1C)}[dir=rtl] .cs-complexity{text-transform:none;letter-spacing:0}.cs-charts{display:grid;grid-template-columns:1fr;gap:var(--space-4);margin:var(--space-8) 0 var(--space-3)}@media(min-width:720px){.cs-charts{grid-template-columns:repeat(3,1fr);gap:var(--space-6)}}.cs-chart{border:1px solid var(--border-soft);padding:16px}.cs-chart h4{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--text-faint);margin-bottom:12px}.cs-chart svg{width:100%;height:auto;display:block}.cs-caption{font-family:var(--font-mono);font-size:12px;line-height:1.5;color:var(--text-faint);margin-top:4px;max-width:60ch}[dir=rtl] .cs-chart h4{letter-spacing:0;text-transform:none}.cs-body .cs-evidence,.cs-body .cs-severity-grid,.cs-body .cs-exploration,.cs-body .cs-customer-questions,.cs-body .cs-flow,.cs-body .cs-blueprint,.cs-body .cs-charts{margin-top:var(--space-12);margin-bottom:0;max-width:none;width:100%}.cs-body .cs-caption{margin-top:var(--space-4);max-width:none}@media(min-width:720px){.cs-body .cs-evidence,.cs-body .cs-severity-grid,.cs-body .cs-exploration,.cs-body .cs-customer-questions,.cs-body .cs-flow,.cs-body .cs-blueprint,.cs-body .cs-charts{margin-top:var(--space-16)}}.cs-body .cs-concept-title{font-family:var(--font-display);font-weight:800;font-stretch:115%;font-size:18px;line-height:1.2;letter-spacing:-.01em;color:var(--text);margin-top:48px;margin-bottom:0;max-width:none;width:100%}.cs-body .cs-concept-title+.cs-img-row,.cs-body .cs-concept-title+.cs-image-wrap,.cs-body .cs-concept-title+figure{margin-top:12px}.cs-body .cs-img,.cs-body .cs-img-row{margin-top:48px;margin-bottom:0;max-width:none;width:100%}.cs-img{border:1px solid var(--border-soft);overflow:hidden}.cs-img img{width:100%;height:auto;display:block}.cs-img.light-bg{background:#fafafa}.cs-img.dark-bg{background:#141414}.cs-img figcaption,.cs-img-caption{font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;color:var(--text-faint);padding:12px 16px;border-top:1px solid var(--border-soft);text-align:center}.cs-img-row{display:flex;gap:0}.cs-img-row>.cs-img,.cs-img-row>figure{flex:0 0 100%;margin:0;overflow:hidden;border:1px solid var(--border-soft)}.cs-img-row>figure img{width:100%;height:auto;display:block}.cs-img-row>figure figcaption{font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;color:var(--text-faint);padding:12px 16px;border-top:1px solid var(--border-soft);text-align:center}.cs-img-row.two-up,.cs-img-row--two-up,.cs-img-row--four{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:768px){.cs-img-row.two-up,.cs-img-row--two-up{grid-template-columns:repeat(2,1fr)}.cs-img-row--four{grid-template-columns:repeat(4,1fr)}.cs-img-row--four>*{display:flex;flex-direction:column}.cs-img-row--four>figure img{flex:1;object-fit:contain}}.cs-carousel{position:relative;margin-top:48px;overflow:hidden;outline:none}.cs-carousel:focus-visible{outline:2px solid var(--signal);outline-offset:4px}.cs-carousel .cs-img-row{margin:0;transition:transform .35s cubic-bezier(.22,1,.36,1);will-change:transform}.cs-carousel-controls{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:16px}.cs-carousel-btn{width:36px;height:36px;border:1px solid var(--border);background:transparent;color:var(--text);font-family:var(--font-mono);font-size:14px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .15s,color .15s,opacity .15s}.cs-carousel-btn:hover{background:var(--signal);color:var(--signal-ink);border-color:var(--signal)}.cs-carousel-btn:disabled{opacity:.3;cursor:default}.cs-carousel-btn:disabled:hover{background:transparent;color:var(--text);border-color:var(--border)}.cs-carousel-counter{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:var(--text-faint);min-width:48px;text-align:center}.nav[data-astro-cid-dmqpwcec]{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);border-bottom:var(--border-1) solid var(--border);gap:var(--space-4);position:sticky;top:0;background:var(--bg);z-index:50}.nav-left[data-astro-cid-dmqpwcec]{display:flex;gap:var(--space-4);align-items:center}.nav-mark[data-astro-cid-dmqpwcec]{font-family:var(--font-display);font-weight:900;font-stretch:125%;font-size:var(--text-xl);letter-spacing:.04em;color:var(--text);text-decoration:none}.nav-links[data-astro-cid-dmqpwcec]{display:flex;gap:var(--space-5)}.nav-link[data-astro-cid-dmqpwcec]{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-faint);text-decoration:none;padding:var(--space-2) var(--space-2);transition:color var(--dur-base),background var(--dur-base);min-height:var(--space-6);display:inline-flex;align-items:center}.nav-link[data-astro-cid-dmqpwcec].active{color:var(--text);font-weight:600}.nav-link[data-astro-cid-dmqpwcec]:hover{background:var(--signal);color:var(--signal-ink)}.nav-right[data-astro-cid-dmqpwcec]{display:flex;gap:var(--space-3);align-items:center}.nav-btn[data-astro-cid-dmqpwcec]{background:none;border:none;cursor:pointer;color:var(--text);font:inherit;display:flex;align-items:center;justify-content:center;padding:0}.accent-wheel[data-astro-cid-dmqpwcec]{width:22px;height:22px;border-radius:50%;background:conic-gradient(from 0deg,#f50 0deg 45deg,#f5ff00 45deg 90deg,#cf0 90deg 135deg,#00ffc8 135deg 180deg,#00bfff 180deg 225deg,#b14eff 225deg 270deg,#ff1493 270deg 315deg,#ff1744 315deg 360deg);border:1.5px solid var(--text);position:relative;cursor:pointer}.accent-wheel[data-astro-cid-dmqpwcec]:after{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--bg)}.accent-wheel[data-astro-cid-dmqpwcec]:before{content:"";position:absolute;inset:-4px;border-radius:50%;border:1.5px solid var(--signal)}.accent-anchor[data-astro-cid-dmqpwcec]{position:relative;display:flex;align-items:center}.accent-popover[data-astro-cid-dmqpwcec]{position:absolute;top:calc(100% + 18px);right:-16px;background:var(--bg);border:1px solid var(--border);padding:20px;display:none;z-index:100}.accent-popover[data-astro-cid-dmqpwcec].open{display:block}.accent-popover[data-astro-cid-dmqpwcec]:before{content:"";position:absolute;top:-7px;right:22px;width:12px;height:12px;background:var(--bg);border-top:1px solid var(--border);border-left:1px solid var(--border);transform:rotate(45deg)}.accent-wheel-picker[data-astro-cid-dmqpwcec]{position:relative;width:168px;height:168px}.accent-dot[data-astro-cid-dmqpwcec]{position:absolute;top:50%;left:50%;width:28px;height:28px;margin:-14px;border-radius:50%;border:1.5px solid transparent;cursor:pointer;padding:0;transform:rotate(var(--angle)) translateY(-64px) rotate(calc(-1 * var(--angle)));transition:transform .15s ease-out,box-shadow .15s}.accent-dot[data-astro-cid-dmqpwcec]:hover{transform:rotate(var(--angle)) translateY(-64px) rotate(calc(-1 * var(--angle))) scale(1.2)}.accent-dot[data-astro-cid-dmqpwcec].selected{border-color:var(--text);box-shadow:0 0 0 2px var(--bg),0 0 0 3.5px var(--text)}.theme-toggle[data-astro-cid-dmqpwcec]{width:32px;height:32px;padding:6px;color:var(--text);border-radius:0;transition:color .15s,background .15s}.theme-toggle[data-astro-cid-dmqpwcec]:hover{background:var(--signal);color:var(--signal-ink)}.theme-icon[data-astro-cid-dmqpwcec]{display:none}html[data-theme=light] .theme-toggle[data-astro-cid-dmqpwcec] .theme-icon--moon[data-astro-cid-dmqpwcec],html[data-theme=dark] .theme-toggle[data-astro-cid-dmqpwcec] .theme-icon--sun[data-astro-cid-dmqpwcec]{display:block}html:not([data-theme=dark]) .theme-toggle[data-astro-cid-dmqpwcec] .theme-icon--moon[data-astro-cid-dmqpwcec]{display:block}.lang-toggle[data-astro-cid-dmqpwcec]{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);color:var(--text);text-decoration:none;padding:var(--space-2) var(--space-2);transition:color var(--dur-base),background var(--dur-base);min-height:var(--space-6);display:inline-flex;align-items:center}.lang-toggle[data-astro-cid-dmqpwcec]:hover{background:var(--signal);color:var(--signal-ink)}html:not([dir=rtl]) .lang-toggle[data-astro-cid-dmqpwcec]{font-family:var(--font-ar);font-size:var(--text-3xl);letter-spacing:0;padding-top:0;padding-bottom:var(--space-1)}.nav-mark[data-astro-cid-dmqpwcec]{transition:color var(--dur-base),background var(--dur-base);padding:var(--space-1) var(--space-2);margin:calc(-1 * var(--space-1)) calc(-1 * var(--space-2))}.nav-mark[data-astro-cid-dmqpwcec]:hover{background:var(--signal);color:var(--signal-ink)}@media(min-width:720px){.nav[data-astro-cid-dmqpwcec]{gap:var(--space-8);padding:var(--space-5) var(--gutter)}.nav-right[data-astro-cid-dmqpwcec]{gap:var(--space-3)}.nav-left[data-astro-cid-dmqpwcec]{gap:var(--space-7)}}[dir=rtl] .accent-popover[data-astro-cid-dmqpwcec]{right:auto;left:calc(-1 * var(--space-4))}[dir=rtl] .accent-popover[data-astro-cid-dmqpwcec]:before{right:auto;left:22px}.footer[data-astro-cid-sz7xmlte]{padding:var(--space-12) var(--gutter) var(--space-20);border-top:var(--border-1) solid var(--border)}.footer-headline[data-astro-cid-sz7xmlte]{font-family:var(--font-display);font-weight:800;font-stretch:115%;font-size:var(--text-display-sm);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-3);line-height:var(--lh-snug);text-transform:lowercase}.footer-sub[data-astro-cid-sz7xmlte]{font-family:var(--font-body);font-size:var(--text-lg);color:var(--text-soft);max-width:60ch;margin-bottom:var(--space-5)}.footer-sub[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{color:var(--text);font-weight:500}.footer-btns[data-astro-cid-sz7xmlte]{display:flex;gap:var(--space-2);flex-wrap:wrap}.btn[data-astro-cid-sz7xmlte]{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-wide);text-transform:uppercase;padding:var(--space-2) var(--space-4);border:var(--border-1) solid var(--border);background:var(--text);color:var(--bg);text-decoration:none;cursor:pointer;transition:background var(--dur-base),color var(--dur-base)}.btn[data-astro-cid-sz7xmlte]:hover{background:var(--signal);color:var(--signal-ink);border-color:var(--signal)}.btn-secondary[data-astro-cid-sz7xmlte]{background:transparent;color:var(--text)}.btn-secondary[data-astro-cid-sz7xmlte]:hover{background:var(--signal);color:var(--signal-ink)}.footer-bottom[data-astro-cid-sz7xmlte]{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-7);margin-top:var(--space-8);border-top:var(--border-1) solid var(--border-soft);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-wide);color:var(--text-faint)}