@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-wght-normal-CnvboYUG.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-wght-normal-Ca2vKHc0.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-wght-normal-ukD16Tqj.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-ext-wght-normal-BOFOeGcA.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-navy-900: #0b1726;--color-navy-800: #132038;--color-navy-700: #1c2f50;--color-navy-600: #274068;--color-navy-500: #345588;--color-navy-400: #5272a4;--color-navy-300: #7e9bc5;--color-navy-200: #aec3de;--color-navy-100: #d6e1f0;--color-navy-50: #eef2f8;--color-cream-900: #5c513f;--color-cream-800: #7d7260;--color-cream-700: #9e9483;--color-cream-600: #bfb5a4;--color-cream-500: #d6cebe;--color-cream-400: #e5dfd4;--color-cream-300: #ede9e1;--color-cream-200: #f4f1eb;--color-cream-100: #f9f7f3;--color-cream-50: #fdfcf9;--color-terracotta-900: #5e2416;--color-terracotta-800: #7c3020;--color-terracotta-700: #9b3d2a;--color-terracotta-600: #bf4e36;--color-terracotta-500: #d4654a;--color-terracotta-400: #e07e66;--color-terracotta-300: #ea9d89;--color-terracotta-200: #f2bfb2;--color-terracotta-100: #f8ddd6;--color-terracotta-50: #fdf0ec;--color-gold-900: #524008;--color-gold-800: #725a0f;--color-gold-700: #947416;--color-gold-600: #b5901f;--color-gold-500: #ccaa30;--color-gold-400: #dfc052;--color-gold-300: #e8d27c;--color-gold-200: #f0e3a8;--color-gold-100: #f7f0d0;--color-gold-50: #fbf8eb;--color-bg: var(--color-cream-50);--color-bg-card: #ffffff;--color-bg-elevated: var(--color-cream-100);--color-bg-warm: var(--color-cream-200);--color-text-primary: var(--color-navy-900);--color-text-secondary: var(--color-navy-600);--color-text-muted: var(--color-navy-400);--color-text-inverse: var(--color-cream-50);--color-border: var(--color-cream-400);--color-border-strong: var(--color-navy-200);--color-accent: var(--color-terracotta-600);--color-accent-hover: var(--color-terracotta-700);--color-cta: var(--color-gold-600);--color-cta-hover: var(--color-gold-700);--color-cta-text: var(--color-navy-900);--color-success: var(--color-gold-600);--color-error: var(--color-terracotta-600);--font-display: "Fraunces Variable", Georgia, "Times New Roman", serif;--font-body: "DM Sans Variable", system-ui, -apple-system, sans-serif;--display-opsz: 48;--display-wonk: 1;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.75rem;--text-5xl: 3.5rem;--leading-tight: 1.15;--leading-snug: 1.3;--leading-normal: 1.5;--leading-relaxed: 1.65;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .04em;--tracking-wider: .08em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-none: 0;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 24px;--radius-pill: 999px;--shadow-sm: 0 1px 3px rgba(11, 23, 38, .06), 0 1px 2px rgba(92, 81, 63, .04);--shadow-md: 0 4px 12px rgba(11, 23, 38, .08), 0 1px 4px rgba(92, 81, 63, .05);--shadow-lg: 0 8px 28px rgba(11, 23, 38, .1), 0 2px 8px rgba(92, 81, 63, .06);--shadow-lifted: 0 16px 40px rgba(11, 23, 38, .12), 0 4px 12px rgba(92, 81, 63, .06);--shadow-card-hover: 0 8px 24px rgba(11, 23, 38, .1), 0 2px 6px rgba(181, 144, 31, .06);--transition-fast: .12s ease;--transition-normal: .2s ease;--transition-slow: .35s cubic-bezier(.25, .1, .25, 1);--transition-bounce: .4s cubic-bezier(.34, 1.56, .64, 1);--transition-lift: .25s cubic-bezier(.2, 0, 0, 1);--max-width: 960px;--max-width-narrow: 640px;--max-width-wide: 1200px;--technique-role: #345588;--technique-role-bg: #eef2f8;--technique-context: #b5901f;--technique-context-bg: #fbf8eb;--technique-examples: #bf4e36;--technique-examples-bg: #fdf0ec;--technique-constraints: #5272a4;--technique-constraints-bg: #eef2f8;--technique-steps: #947416;--technique-steps-bg: #f7f0d0;--technique-think-first: #9b3d2a;--technique-think-first-bg: #f8ddd6}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-bg);background-image:radial-gradient(ellipse at 15% 10%,rgba(204,170,48,.03) 0%,transparent 40%),radial-gradient(ellipse at 85% 90%,rgba(191,78,54,.02) 0%,transparent 40%),url("data:image/svg+xml,%3Csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.018'/%3E%3C/svg%3E");background-attachment:fixed}h1,h2,h3,h4{font-family:var(--font-display);line-height:var(--leading-tight);color:var(--color-text-primary);letter-spacing:var(--tracking-tight);font-variation-settings:"WONK" var(--display-wonk),"opsz" var(--display-opsz)}h1,h2,h3,h4{text-wrap:balance}h1[id],h2[id],h3[id],h4[id]{scroll-margin-top:5rem}h1{font-size:var(--text-4xl);font-weight:var(--weight-bold)}h2{font-size:var(--text-3xl);font-weight:var(--weight-semibold)}h3{font-size:var(--text-2xl);font-weight:var(--weight-semibold)}h4{font-size:var(--text-xl);font-weight:var(--weight-medium)}p{line-height:var(--leading-relaxed)}small{font-size:var(--text-sm);color:var(--color-text-muted)}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-hover)}a,button,input,select,textarea{touch-action:manipulation;-webkit-tap-highlight-color:rgba(191,78,54,.14)}::selection{background-color:var(--color-gold-200);color:var(--color-navy-900)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-cream-200)}::-webkit-scrollbar-thumb{background:var(--color-cream-500);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-cream-600)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}._button_kmwi9_1{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:none;line-height:1;border:none;border-radius:var(--radius-pill);cursor:pointer;position:relative;transition:background-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}._button_kmwi9_1:active:not(:disabled){transform:translateY(1px)}._button_kmwi9_1:disabled{opacity:.45;cursor:not-allowed}._primary_kmwi9_34{background-color:var(--color-navy-800);color:var(--color-cream-50);box-shadow:0 1px 3px #0b172633}._primary_kmwi9_34:hover:not(:disabled){background-color:var(--color-navy-700);box-shadow:0 3px 8px #0b172640;transform:translateY(-1px)}._cta_kmwi9_46{background-color:var(--color-gold-500);color:var(--color-navy-900);box-shadow:0 1px 3px #b5901f40,inset 0 1px #fff3}._cta_kmwi9_46:hover:not(:disabled){background-color:var(--color-gold-400);box-shadow:0 4px 12px #b5901f4d,inset 0 1px #ffffff40;transform:translateY(-2px)}._secondary_kmwi9_62{background-color:transparent;color:var(--color-navy-700);border:1.5px solid var(--color-navy-300)}._secondary_kmwi9_62:hover:not(:disabled){background-color:var(--color-navy-50);border-color:var(--color-navy-400);transform:translateY(-1px)}._danger_kmwi9_74{background-color:var(--color-terracotta-600);color:var(--color-cream-50)}._danger_kmwi9_74:hover:not(:disabled){background-color:var(--color-terracotta-700);transform:translateY(-1px)}._ghost_kmwi9_84{background-color:transparent;color:var(--color-text-secondary);letter-spacing:var(--tracking-normal);border-radius:var(--radius-md)}._ghost_kmwi9_84:hover:not(:disabled){background-color:var(--color-cream-200);color:var(--color-text-primary)}._small_kmwi9_96{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}._large_kmwi9_101{padding:var(--space-4) var(--space-8);font-size:var(--text-base);letter-spacing:var(--tracking-wider)}._spinner_16hhd_1{animation:_spin_16hhd_1 .8s linear infinite}@keyframes _spin_16hhd_1{to{transform:rotate(360deg)}}._overlay_3twud_1{position:fixed;inset:0;z-index:1000;pointer-events:none}._dim_3twud_8{position:absolute;inset:0;background:#060a129e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}._highlight_3twud_15{position:absolute;border-radius:14px;border:2px solid rgba(223,192,82,.95);box-shadow:0 0 0 6px #dfc0521f,0 18px 50px #00000059}._tooltip_3twud_24{position:absolute;width:min(360px,calc(100vw - 32px));padding:14px 14px 12px;border-radius:16px;background:#0b1726;color:#f7f3ea;border:1px solid rgba(223,192,82,.35);box-shadow:0 18px 50px #00000073;pointer-events:auto}._title_3twud_36{font-family:var(--font-display);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);margin:0 0 6px;font-size:var(--text-base)}._demoHeader_3twud_44{margin:0 0 12px;padding:8px 10px;border-radius:10px;background:#dfc0521f;border:1px solid rgba(223,192,82,.3)}._demoTitle_3twud_52{margin:0 0 4px;font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:#dfc052f2}._demoNote_3twud_62{margin:0;color:#f7f3ead9;font-family:var(--font-body);font-size:11px;line-height:var(--leading-relaxed)}._body_3twud_70{margin:0 0 12px;color:#f7f3ead9;font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-relaxed)}._progress_3twud_78{margin:-2px 0 12px;color:#f7f3eab3;font-family:var(--font-body);font-size:11px;letter-spacing:var(--tracking-wide);text-transform:uppercase}._controls_3twud_87{display:flex;justify-content:space-between;gap:10px}._controlsLeft_3twud_93,._controlsRight_3twud_94{display:flex;gap:8px}._tooltip_3twud_24 ._skipButton_3twud_100,._tooltip_3twud_24 ._skipButton_3twud_100:disabled{color:#f7f3eaf0;background:#f7f3ea14;border:1px solid rgba(247,243,234,.26)}._tooltip_3twud_24 ._skipButton_3twud_100:hover:not(:disabled){color:#f7f3ea;background:#f7f3ea33;border-color:#f7f3ea66}._tooltip_3twud_24 ._backButton_3twud_113{color:#f7f3ea;background:#dfc0522e;border:1.5px solid rgba(223,192,82,.7)}._tooltip_3twud_24 ._backButton_3twud_113:disabled{color:#f7f3ea80;background:#f7f3ea0f;border:1.5px solid rgba(247,243,234,.18);opacity:.7}._tooltip_3twud_24 ._backButton_3twud_113:hover:not(:disabled){color:#f7f3ea;background:#dfc05247;border-color:#dfc052d9}._controlsFooter_3twud_132{display:flex;justify-content:flex-start;margin-top:6px}._tooltip_3twud_24 ._skipAllButton_3twud_138{color:#f7f3ead1;border:1px dashed rgba(247,243,234,.34);background:transparent}._tooltip_3twud_24 ._skipAllButton_3twud_138:hover:not(:disabled){color:#f7f3ea;border-color:#f7f3ea8f;background:#f7f3ea1f}._notice_daj6s_1{padding:.65rem 1.25rem;background:var(--color-navy-800);color:var(--color-cream-100);font-size:.8125rem;line-height:1.5;display:flex;flex-wrap:wrap;gap:.25rem .75rem;border-bottom:3px solid var(--color-gold-500)}._notice_daj6s_1 strong{flex-shrink:0}@media(max-width:480px){._notice_daj6s_1{padding:.65rem 1rem}}