@font-face{font-family:satoshi;src:url(../media/Satoshi_400-s.p.2oultpqxb_gh9.woff2)format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:satoshi;src:url(../media/Satoshi_700-s.p.19z5sx2nusz2v.woff2)format("woff2");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:satoshi;src:url(../media/Satoshi_900-s.p.03d7m3bcbsl0m.woff2)format("woff2");font-display:swap;font-weight:900;font-style:normal}@font-face{font-family:satoshi Fallback;src:local(Arial);ascent-override:102.23%;descent-override:24.29%;line-gap-override:10.12%;size-adjust:98.8%}.satoshi_4b0affd4-module__P1sAMG__className{font-family:satoshi,satoshi Fallback,Arial,sans-serif}.satoshi_4b0affd4-module__P1sAMG__variable{--font-satoshi:"satoshi", "satoshi Fallback", Arial, sans-serif}
@font-face{font-family:mynerve;src:url(../media/Mynerve_latin.p.07qzwh57ij6gu.woff2)format("woff2");font-display:swap;font-weight:400;font-style:normal}.mynerve_eed6869c-module__LVtGkq__className{font-family:mynerve,cursive;font-style:normal;font-weight:400}.mynerve_eed6869c-module__LVtGkq__variable{--font-mynerve:"mynerve", cursive}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.isolate{isolation:isolate}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.grow{flex-grow:1}.resize{resize:both}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#1c1a15;--accent:#f15a24;--accent-ink:#2a1206;--accent-soft:#ffe9d8;--accent-text:#b53d0e;--paper:#f6f2e9;--card:#fffdf8;--cream:#fdf7ea;--panel:#efe8da;--rule:#e6ddcd;--muted-ink:#6b665b;--yes:#4c8563;--yes-soft:#e3ecdf;--yes-ink:#17301f;--no:#c1502f;--no-soft:#f5ddd0;--no-ink:#4a1c10;--focus:#005fcc;--code:var(--ink);--hair:var(--ink)}@supports (color:color-mix(in lab, red, red)){:root{--hair:color-mix(in srgb, var(--ink) 20%, transparent)}}:root{--radius:12px;--line:2px;--shadow-press:1px 2px 0 var(--ink);--shadow-sm:2px 3px 0 var(--ink);--shadow-btn:3px 4px 0 var(--ink);--shadow:5px 6px 0 var(--ink);--shadow-lg:7px 8px 0 var(--ink);--font-sans:var(--font-satoshi), ui-sans-serif, system-ui, sans-serif;--font-expressive:var(--font-mynerve), cursive;--fs-xs:12px;--fs-sm:14px;--fs-md:16px;--fs-lg:18px;--fs-xl:22px;--fs-2xl:clamp(24px, 3.2vw, 40px);--fs-3xl:clamp(32px, 4.6vw, 56px);--fs-4xl:clamp(40px, 6.4vw, 88px);--ease:cubic-bezier(.22, 1, .36, 1);--dur-press:.12s;--dur-hover:.16s;--dur-section:.32s;--header-height:74px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-width:320px;min-height:100vh;margin:0}a{color:inherit;text-underline-offset:.2em}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}svg{flex:none}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}::selection{background:var(--accent);color:var(--accent-ink)}.skip-link{z-index:100;background:var(--ink);color:var(--paper);padding:12px 16px;position:fixed;top:10px;left:10px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-header,.header-fallback{z-index:30;border:var(--line) solid var(--ink);border-radius:var(--radius);width:min(100% - 28px,1120px);margin-inline:auto;position:fixed;top:14px;left:0;right:0}.header-fallback{background:var(--cream);min-height:60px}.site-header{background:var(--cream);box-shadow:var(--shadow-btn);justify-content:space-between;align-items:center;gap:20px;padding:8px 12px 8px 20px;display:flex}.wordmark{font-size:var(--fs-lg);letter-spacing:-.02em;white-space:nowrap;align-items:center;gap:12px;font-weight:700;text-decoration:none;display:inline-flex}.wordmark-mark{border-radius:var(--radius);width:36px;height:36px;font-size:var(--fs-xl);border:2px solid;place-items:center;display:grid}.site-nav{justify-content:flex-end;align-items:center;gap:8px;display:flex}.site-nav>a,.icon-button{border:var(--line) solid var(--ink);border-radius:var(--radius);background:var(--cream);min-height:44px;font-size:var(--fs-xs);letter-spacing:.04em;box-shadow:var(--shadow-sm);transition:transform var(--dur-press) var(--ease), box-shadow var(--dur-press) var(--ease), background-color var(--dur-hover) ease, color var(--dur-hover) ease;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:700;text-decoration:none;display:inline-flex}.header-cta-label-short{display:none}.site-nav>a:hover,.icon-button:hover{background:var(--panel);box-shadow:var(--shadow-btn);transform:translate(-1px,-1px)}.site-nav .header-cta{background:var(--ink);color:var(--paper);box-shadow:var(--shadow-sm)}.site-nav .header-cta:hover{background:var(--accent);color:var(--accent-ink);box-shadow:var(--shadow-btn)}.site-nav .header-cta svg{width:16px;height:16px}.icon-button{cursor:pointer;width:44px;padding:0}.icon-button svg{width:20px;height:20px}.locale-link{min-width:50px}#main-content{min-height:100vh;padding-top:80px}.page-shell{width:min(100% - 32px,1440px);margin-inline:auto}.eyebrow{font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase;margin:0;font-weight:700}.muted{color:var(--muted-ink)}.button-primary,.button-secondary{border:var(--line) solid var(--ink);border-radius:var(--radius);width:fit-content;min-height:48px;font-size:var(--fs-sm);cursor:pointer;transition:transform var(--dur-press) var(--ease), box-shadow var(--dur-press) var(--ease), background-color var(--dur-hover) ease, color var(--dur-hover) ease;justify-content:center;align-items:center;gap:12px;padding:0 20px;font-weight:700;text-decoration:none;display:inline-flex}.button-primary svg,.button-secondary svg{width:16px;height:16px}.button-primary{background:var(--ink);color:var(--paper);box-shadow:var(--shadow-btn)}.button-primary:hover{background:var(--accent);color:var(--accent-ink);border-color:var(--ink);box-shadow:var(--shadow);transform:translate(-1px,-1px)}.button-secondary{background:var(--cream);color:var(--ink);box-shadow:var(--shadow-btn)}.button-secondary:hover{background:var(--ink);color:var(--paper);box-shadow:var(--shadow);transform:translate(-1px,-1px)}.button-primary:active,.button-secondary:active{box-shadow:var(--shadow-press);transition-duration:70ms;transform:translate(2px,2px)}.site-nav>a:active,.icon-button:active{box-shadow:var(--shadow-press);transform:translate(2px,2px)}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}@media (max-width:600px){:root{--shadow:4px 5px 0 var(--ink);--shadow-lg:5px 6px 0 var(--ink);--shadow-btn:3px 3px 0 var(--ink);--shadow-sm:2px 2px 0 var(--ink)}}:root{--quiz-stage:clamp(520px, 50vw, 700px);--quiz-gutter:16px}.swipe-quiz{min-height:calc(100svh - var(--header-height));padding:clamp(14px, 2.2vw, 30px) var(--quiz-gutter) 0;align-content:start;justify-items:center;gap:clamp(12px,1.8vw,18px);display:grid;position:relative;overflow:clip visible}.swipe-quiz>*{min-width:0}.swipe-quiz[data-completing] .swipe-stack-wrap,.swipe-quiz[data-completing] .swipe-progress,.swipe-quiz[data-completing] .quiz-dock{opacity:0;pointer-events:none;transition:opacity .2s,transform .2s cubic-bezier(.22,1,.36,1);transform:scale(.96)}.swipe-progress{width:min(100%, var(--quiz-stage));gap:14px;display:grid}.swipe-progress-row{gap:4px;display:grid}.swipe-progress-promise{max-width:48ch;color:var(--muted-ink);font-size:14px;line-height:1.45}.quiz-progress{gap:8px;display:grid}.quiz-progress-row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.quiz-progress-step{font-variant-numeric:tabular-nums;font-size:15px;font-weight:800}.quiz-progress-bound{color:var(--muted-ink);font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.quiz-progress-track{border:var(--line) solid var(--ink);border-radius:var(--radius);background:var(--panel);height:8px;padding:0;overflow:hidden}.quiz-progress-fill{height:100%;width:calc(var(--quiz-progress,0) * 100%);border-radius:inherit;background:var(--accent);min-width:0;transition:width var(--dur-section) var(--ease)}.swipe-stack-wrap{width:min(100%, var(--quiz-stage));padding-bottom:clamp(18px,2.4vw,26px)}.swipe-stack{width:100%;height:clamp(400px,100svh - 320px,520px);position:relative}.swipe-layer{transform:translateY(calc(var(--depth,0) * 9px - var(--depth-peek,0) * 7px)) scale(calc(1 - var(--depth,0) * .04 + var(--depth-peek,0) * .04));transform-origin:50% 100%;transition:transform .3s var(--ease), opacity .24s ease;position:absolute;inset:0}.swipe-layer[data-depth="1"]{--depth:1;z-index:1;--depth-peek:var(--peek,0)}.swipe-layer[data-depth="2"]{--depth:2;z-index:0;opacity:calc(.9 + var(--peek,0) * .1);--depth-peek:calc(var(--peek,0) * .5)}.swipe-layer[data-depth="0"]{--depth:0;z-index:2;--depth-peek:0}.swipe-layer-leaving{z-index:3;pointer-events:none;transition:none}.swipe-card{border:var(--line) solid var(--ink);border-radius:var(--radius);background:var(--cream);width:100%;height:100%;box-shadow:var(--shadow);touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;transform-origin:50% 100%;transform:translate(var(--swipe-x,0), var(--swipe-y,0)) rotate(var(--swipe-rotate,0)) scale(var(--swipe-scale,1));transition:transform .3s var(--ease), box-shadow .12s ease;will-change:transform;padding:0;position:relative;overflow:hidden}.swipe-card[data-dragging]{cursor:grabbing;box-shadow:var(--shadow), inset 0 0 0 3px var(--yes), inset 0 0 0 3px var(--no)}@supports (color:color-mix(in lab, red, red)){.swipe-card[data-dragging]{box-shadow:var(--shadow), inset 0 0 0 3px color-mix(in srgb, var(--yes) calc(var(--yes-opacity,0) * 100%), transparent), inset 0 0 0 3px color-mix(in srgb, var(--no) calc(var(--no-opacity,0) * 100%), transparent)}}.swipe-card[data-past-threshold]{box-shadow:var(--shadow-press), inset 0 0 0 3px var(--yes), inset 0 0 0 3px var(--no)}@supports (color:color-mix(in lab, red, red)){.swipe-card[data-past-threshold]{box-shadow:var(--shadow-press), inset 0 0 0 3px color-mix(in srgb, var(--yes) calc(var(--yes-opacity,0) * 100%), transparent), inset 0 0 0 3px color-mix(in srgb, var(--no) calc(var(--no-opacity,0) * 100%), transparent)}}.swipe-card[data-past-threshold]{animation:swipe-card-lock .1s var(--ease)}@keyframes swipe-card-lock{0%{transform:translate(var(--swipe-x,0), var(--swipe-y,0)) rotate(var(--swipe-rotate,0)) scale(var(--swipe-scale,1))}40%{transform:translate(var(--swipe-x,0), var(--swipe-y,0)) rotate(var(--swipe-rotate,0)) scale(calc(var(--swipe-scale,1) * .985))}to{transform:translate(var(--swipe-x,0), var(--swipe-y,0)) rotate(var(--swipe-rotate,0)) scale(var(--swipe-scale,1))}}.swipe-card:active{cursor:grabbing}.swipe-layer[data-depth="0"]:not(:has(.swipe-card[data-enter-from])){animation:swipe-card-wake .2s var(--ease) both}@keyframes swipe-card-wake{0%{opacity:.85;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.swipe-card-preview{background:var(--cream);pointer-events:none;border:var(--line) solid var(--ink);box-shadow:var(--shadow-btn);flex-direction:column;justify-content:flex-end;display:flex;position:relative;overflow:hidden}.swipe-card-preview[data-depth-preview="2"]{box-shadow:none}.swipe-card-preview-edge{background:var(--accent);align-items:center;padding:11px clamp(20px,3vw,28px);display:flex}@supports (color:color-mix(in lab, red, red)){.swipe-card-preview-edge{background:color-mix(in srgb, var(--accent) calc(20% + var(--peek,0) * 24%), var(--cream))}}.swipe-card-preview-edge{border-top:var(--line) solid var(--ink)}.swipe-card-preview-category{border-radius:var(--radius);background:var(--ink);width:clamp(72px,18vw,116px);height:10px;display:block}@supports (color:color-mix(in lab, red, red)){.swipe-card-preview-category{background:color-mix(in srgb, var(--ink) calc(12% + var(--peek,0) * 12%), transparent)}}.swipe-card-preview-body{background:var(--ink);border-radius:20px;width:calc(100% - clamp(36px,6vw,56px));height:clamp(112px,22%,132px);margin:0 auto clamp(22px,3vw,28px);display:block}@supports (color:color-mix(in lab, red, red)){.swipe-card-preview-body{background:color-mix(in srgb, var(--ink) 7%, transparent)}}.swipe-card-preview-body{opacity:calc(.62 + var(--peek,0) * .16)}.swipe-card-header{z-index:4;background:var(--no);justify-content:space-between;align-items:center;gap:12px;height:clamp(46px,6vw,54px);padding:0 clamp(20px,3vw,28px);display:flex;position:absolute;top:0;left:0;right:0}@supports (color:color-mix(in lab, red, red)){.swipe-card-header{background:color-mix(in srgb, var(--no) calc(var(--no-opacity,0) * 26%), color-mix(in srgb, var(--yes) calc(var(--yes-opacity,0) * 26%), var(--ink)))}}.swipe-card-header{border-bottom:var(--line) solid var(--ink);transition:background .12s}.swipe-card-category{color:var(--paper);font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase;font-weight:900}.swipe-card-chip{background:var(--accent);width:18px;height:18px;box-shadow:inset 0 0 0 2px var(--accent-ink);border-radius:0}@supports (color:color-mix(in lab, red, red)){.swipe-card-chip{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--accent-ink) 30%, transparent)}}.swipe-card-chip{transform:scale(calc(1 + max(var(--yes-opacity,0), var(--no-opacity,0)) * .12));flex:none;transition:transform .12s}.swipe-card{--rail-max:clamp(64px, 13%, 104px)}.swipe-rail{z-index:1;width:var(--rail-max);pointer-events:none;align-items:center;display:flex;position:absolute;inset-block:0;overflow:hidden}.swipe-rail-no{--x-opacity:var(--no-opacity,0);background:var(--no);border-right:var(--line) solid var(--ink);justify-content:center;left:0}.swipe-rail-yes{--x-opacity:var(--yes-opacity,0);background:var(--yes);border-left:var(--line) solid var(--ink);justify-content:center;right:0}.swipe-rail-panel{--reveal:clamp(0, calc((var(--x-opacity,0) - .16) * 1.5), 1);color:var(--paper);opacity:var(--reveal);transform:scale(calc(.78 + var(--x-opacity,0) * .22));white-space:nowrap;flex-direction:column;align-items:center;gap:8px;display:flex}.swipe-rail-no .swipe-rail-panel{flex-direction:column-reverse}.swipe-rail-icon{flex:none;width:24px;height:24px}.swipe-rail-panel em{font-style:normal;font-weight:900;font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;transform:translateY(calc((1 - var(--reveal,0)) * 6px));transition:transform .12s}.swipe-card[data-past-threshold] .swipe-rail-icon{animation:.11s ease-out swipe-rail-icon-pulse}@keyframes swipe-rail-icon-pulse{0%{transform:scale(1)}55%{transform:scale(1.2)}to{transform:scale(1)}}.swipe-card-content{z-index:2;background:var(--cream);padding:clamp(60px, 8vw, 76px) var(--rail-max) 0;clip-path:inset(0 calc(var(--yes-opacity,0) * var(--rail-max)) 0 calc(var(--no-opacity,0) * var(--rail-max)));transform:translateX(calc(var(--no-opacity,0) * 10px - var(--yes-opacity,0) * 10px));transition:transform .3s var(--ease), clip-path .3s var(--ease);flex-direction:column;display:flex;position:absolute;inset:0}.swipe-card[data-dragging] .swipe-card-content{transition:transform 40ms linear,clip-path 40ms linear}.swipe-card-body{flex-direction:column;flex:1;justify-content:center;gap:clamp(16px,2vw,20px);min-height:0;display:flex}.swipe-card-body h1{max-width:16ch;font-size:var(--fs-2xl);letter-spacing:-.03em;margin:0;font-weight:900;line-height:1.08}.swipe-card-explainer{border-radius:var(--radius);background:var(--accent-soft);border:var(--line) solid var(--accent);max-width:42ch;margin:0}@supports (color:color-mix(in lab, red, red)){.swipe-card-explainer{border:var(--line) solid color-mix(in srgb, var(--accent) 42%, var(--ink) 8%)}}.swipe-card-explainer{color:var(--accent-ink);font-size:var(--fs-sm);padding:12px 16px;line-height:1.5}.swipe-card-footer{margin:0 calc(-1 * var(--rail-max));padding:clamp(12px, 1.6vw, 16px) var(--rail-max) clamp(16px, 2.4vw, 24px);border-top:var(--line) solid var(--ink);flex:none}@supports (color:color-mix(in lab, red, red)){.swipe-card-footer{border-top:var(--line) solid color-mix(in srgb, var(--ink) 14%, transparent)}}.swipe-card-instruction{color:var(--muted-ink);font-size:var(--fs-xs);letter-spacing:.04em;font-weight:700}.swipe-card-ghost{cursor:default;transform-origin:50% 100%;transform:translateX(var(--ghost-start-x,0)) rotate(var(--ghost-start-rotate,0));opacity:1;transition:none}.swipe-card-ghost[data-armed]{transition:transform var(--ghost-duration,.22s) cubic-bezier(.16, .8, .3, 1)}.swipe-card-ghost[data-ghost=yes][data-armed]{transform:translate(max(150%,78vw))rotate(8deg)}.swipe-card-ghost[data-ghost=no][data-armed]{transform:translate(max(-150%,-78vw))rotate(-8deg)}.swipe-card-ghost[data-ghost=yes]{--yes-opacity:1;--no-opacity:0}.swipe-card-ghost[data-ghost=no]{--yes-opacity:0;--no-opacity:1}.swipe-card[data-enter-from=yes]{animation:swipe-enter-from-right .32s var(--ease) both}.swipe-card[data-enter-from=no]{animation:swipe-enter-from-left .32s var(--ease) both}@keyframes swipe-enter-from-right{0%{transform:translate(106%)rotate(6deg)}to{transform:translate(0)rotate(0)}}@keyframes swipe-enter-from-left{0%{transform:translate(-106%)rotate(-6deg)}to{transform:translate(0)rotate(0)}}.quiz-dock{z-index:4;margin-inline:calc(-1 * var(--quiz-gutter));padding:clamp(12px, 1.6vw, 18px) var(--quiz-gutter);padding-bottom:calc(clamp(12px, 1.6vw, 18px) + env(safe-area-inset-bottom,0px));background:var(--paper);border-top:var(--line) solid var(--ink);justify-content:center;justify-self:stretch;display:flex;position:sticky;bottom:0}.quiz-controls{align-items:center;gap:clamp(10px,1.6vw,14px);width:min(100%,clamp(320px,46vw,580px));padding:0;display:flex;position:relative}.quiz-control{border:var(--line) solid var(--ink);border-radius:var(--radius);background:var(--cream);min-width:44px;min-height:56px;color:var(--ink);cursor:pointer;box-shadow:var(--shadow-btn);flex:1;justify-content:center;align-items:center;gap:9px;padding:0 20px;font-size:15px;font-weight:800;transition:transform .12s cubic-bezier(.22,1,.36,1),box-shadow .12s;display:inline-flex}.quiz-control:hover:not(:disabled){box-shadow:var(--shadow);transform:translate(-1px,-1px)}.quiz-control:active:not(:disabled){box-shadow:var(--shadow-press);transition-duration:70ms;transform:translate(2px,2px)}.quiz-control-no{background:var(--no)}@supports (color:color-mix(in lab, red, red)){.quiz-control-no{background:color-mix(in srgb, var(--no) 16%, var(--cream))}}.quiz-control-no{color:var(--no-ink)}.quiz-control-yes{background:var(--yes)}@supports (color:color-mix(in lab, red, red)){.quiz-control-yes{background:color-mix(in srgb, var(--yes) 16%, var(--cream))}}.quiz-control-yes{color:var(--yes-ink)}.quiz-control svg{width:20px;height:20px}.quiz-control-undo{background:var(--ink);width:52px;min-height:52px;color:var(--paper);box-shadow:var(--shadow-btn);flex:none;padding:0}.quiz-control-undo:hover:not(:disabled){box-shadow:var(--shadow)}.quiz-control-undo:active:not(:disabled){box-shadow:var(--shadow-press)}.quiz-control-undo:disabled{background:var(--panel);color:var(--muted-ink);border-color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.quiz-control-undo:disabled{border-color:color-mix(in srgb, var(--ink) 45%, transparent)}}.quiz-control-undo:disabled{box-shadow:2px 3px 0 var(--ink)}@supports (color:color-mix(in lab, red, red)){.quiz-control-undo:disabled{box-shadow:2px 3px 0 color-mix(in srgb, var(--ink) 32%, transparent)}}.quiz-control-undo:disabled{opacity:.8}.quiz-undo-icon{animation:quiz-undo-spin .42s var(--ease)}@keyframes quiz-undo-spin{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.quiz-control:disabled{opacity:.5;cursor:not-allowed;box-shadow:var(--shadow-press);transform:none}@media (max-width:600px){:root{--quiz-stage:100%}.swipe-stack{height:clamp(368px,100svh - 320px,460px)}.swipe-card{--rail-max:clamp(44px, 14%, 60px)}.swipe-card-content{padding-top:clamp(56px,15vw,64px)}.swipe-card-body h1{font-size:var(--fs-2xl)}.swipe-card-header{height:clamp(44px,13vw,50px);padding:0 clamp(16px,5vw,24px)}.swipe-rail-panel em{font-size:var(--fs-xs)}.quiz-controls{width:100%}}@media (prefers-reduced-motion:reduce){.swipe-card{transform:translate(var(--swipe-x,0), 0)!important;transition:opacity .1s linear!important;animation:none!important}.swipe-card[data-past-threshold]{animation:none}.swipe-card-chip{transition:none;transform:none}.swipe-card-header,.swipe-layer,.swipe-card-content{transition:none}.swipe-card[data-past-threshold] .swipe-rail-icon{animation:none}.swipe-rail-panel em{transition:none}.swipe-card-ghost{display:none!important}.swipe-card[data-enter-from],.quiz-undo-icon{animation:none}.quiz-progress-fill{transition:none}.swipe-quiz[data-completing] .swipe-stack-wrap,.swipe-quiz[data-completing] .swipe-progress,.swipe-quiz[data-completing] .quiz-dock{filter:none;transition:opacity .12s linear;transform:none}}.quiz-match{z-index:6;text-align:center;pointer-events:none;background:var(--paper);opacity:0;place-items:center;padding:24px;animation:.18s both quiz-match-wash;display:grid;position:fixed;inset:0}@keyframes quiz-match-wash{0%{opacity:0}to{opacity:1}}.quiz-match-card{width:min(100% - 32px, var(--quiz-stage,720px));border:var(--line) solid var(--ink);border-radius:var(--radius);background:var(--ink);height:min(58vh,440px);box-shadow:var(--shadow);animation:quiz-match-card-grow .34s var(--ease) both;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);display:grid;position:relative;overflow:hidden}@keyframes quiz-match-card-grow{0%{opacity:.85;transform:scale(.74)}to{opacity:1;transform:scale(1)}}.quiz-match-panel-orange{background:var(--accent);border-right:var(--line) solid var(--ink)}.quiz-match-panel-black{justify-content:center;align-items:center;padding:clamp(16px,3vw,32px);display:flex;position:relative}.quiz-match-title{z-index:1;font-size:var(--fs-3xl);letter-spacing:-.03em;animation:quiz-match-title-in .2s var(--ease) both;margin:0;font-weight:900;line-height:1.1;position:relative}.quiz-match-panel-black .quiz-match-title{color:var(--paper);font-size:var(--fs-2xl)}@keyframes quiz-match-title-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (max-width:600px){.quiz-match-card{grid-template-rows:.8fr 1.2fr;grid-template-columns:1fr;height:min(64vh,420px)}.quiz-match-panel-orange{border-right:none;border-bottom:var(--line) solid var(--ink)}}@media (prefers-reduced-motion:reduce){.quiz-match{animation:.1s linear both quiz-match-wash}.quiz-match-card{animation:none}.quiz-match-title{animation:.1s linear both quiz-match-title-in-reduced}@keyframes quiz-match-title-in-reduced{0%{opacity:0}to{opacity:1}}}.reveal-js [data-reveal]{opacity:0;transition:opacity var(--dur-section) var(--ease), transform var(--dur-section) var(--ease);transition-delay:var(--reveal-delay,0s);transform:translateY(8px)}.reveal-js [data-reveal].is-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal-js [data-reveal]{opacity:1;transition:none;transform:none}}.hero{text-align:center;padding:clamp(48px,8vw,96px) clamp(16px,5vw,40px) clamp(64px,8vw,96px);position:relative}.hero-inner{flex-direction:column;align-items:center;gap:24px;max-width:960px;margin-inline:auto;display:flex}.hero-title{max-width:18ch;font-size:var(--fs-4xl);letter-spacing:-.035em;margin:0;font-weight:900;line-height:.95}.hero-sub{max-width:48ch;font-size:var(--fs-lg);color:var(--muted-ink);margin:0;line-height:1.5}.hero-cta{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.hero-cta .button-primary{background:var(--accent);color:var(--accent-ink)}.hero-cta .button-primary:hover{background:var(--ink);color:var(--paper)}.time-note{color:var(--muted-ink);font-size:var(--fs-sm);align-items:center;gap:8px;font-weight:700;display:inline-flex}.time-note svg{width:16px;height:16px}.hero-showcase{z-index:2;max-width:900px;margin:clamp(40px,6vw,68px) auto 0;position:relative}.window-frame{border-radius:var(--radius);background:var(--cream);border:var(--line) solid var(--ink);box-shadow:var(--shadow);overflow:hidden}.window-bar{border-bottom:var(--line) solid var(--ink);background:var(--ink);align-items:center;gap:8px;padding:12px 16px;display:flex}.window-bar>span:not(.window-url){background:var(--paper);border-radius:50%;width:11px;height:11px}@supports (color:color-mix(in lab, red, red)){.window-bar>span:not(.window-url){background:color-mix(in srgb, var(--paper) 26%, transparent)}}.window-bar>span:first-child{background:var(--accent)}.window-url{border-radius:var(--radius);background:var(--paper);flex:1;justify-content:center;align-items:center;min-height:28px;margin:0 48px 0 16px;padding:0 16px;display:flex}@supports (color:color-mix(in lab, red, red)){.window-url{background:color-mix(in srgb, var(--paper) 12%, transparent)}}.window-url{border:1px solid var(--paper)}@supports (color:color-mix(in lab, red, red)){.window-url{border:1px solid color-mix(in srgb, var(--paper) 22%, transparent)}}.window-url{color:var(--paper)}@supports (color:color-mix(in lab, red, red)){.window-url{color:color-mix(in srgb, var(--paper) 74%, transparent)}}.window-url{font-size:var(--fs-xs);font-weight:700}.hero-demo{aspect-ratio:1280/800;background:var(--cream);flex-direction:column;gap:clamp(12px,2.4%,24px);width:100%;padding:clamp(16px,3.4%,36px);display:flex;position:relative;overflow:hidden;container-type:inline-size}.hero-demo-progress{border-radius:var(--radius);background:var(--ink);height:clamp(6px,1.1%,9px)}@supports (color:color-mix(in lab, red, red)){.hero-demo-progress{background:color-mix(in srgb, var(--ink) 12%, transparent)}}.hero-demo-progress{overflow:hidden}.hero-demo-progress span{border-radius:var(--radius);background:var(--accent);width:14%;height:100%;display:block}.hero-demo-stage{flex:1;place-items:center;min-height:0;display:grid;position:relative}.hero-demo-rail{border:var(--line) solid var(--ink);border-radius:var(--radius);opacity:0;place-items:center;width:20%;display:grid;position:absolute;top:8%;bottom:8%}.hero-demo-rail-no{background:var(--no);left:0}.hero-demo-rail-yes{background:var(--yes);right:0}.hero-demo-rail span{color:var(--paper);letter-spacing:.12em;text-transform:uppercase;font-size:clamp(13px,2.4cqw,24px);font-weight:900}.hero-demo-card{z-index:2;border:var(--line) solid var(--ink);border-radius:var(--radius);background:var(--cream);width:min(60%,380px);height:94%;box-shadow:var(--shadow);flex-direction:column;display:flex;position:relative;overflow:hidden}.hero-demo-masthead{background:var(--ink);border-bottom:var(--line) solid var(--ink);justify-content:space-between;align-items:center;height:clamp(30px,15%,50px);padding:0 clamp(12px,5%,20px);display:flex}.hero-demo-masthead span{color:var(--paper);letter-spacing:.14em;text-transform:uppercase;font-size:clamp(9px,1.5cqw,13px);font-weight:900}.hero-demo-masthead i{background:var(--accent);width:clamp(11px,4%,15px);height:clamp(11px,4%,15px);box-shadow:inset 0 0 0 2px var(--accent-ink);border-radius:0}@supports (color:color-mix(in lab, red, red)){.hero-demo-masthead i{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--accent-ink) 30%, transparent)}}.hero-demo-body{flex-direction:column;flex:1;justify-content:center;gap:clamp(12px,5%,20px);padding:clamp(12px,6%,28px);display:flex}.hero-demo-q{letter-spacing:-.02em;color:var(--ink);margin:0;font-size:clamp(15px,3cqw,28px);font-weight:900;line-height:1.14}.hero-demo-lines{gap:clamp(4px,1.6%,8px);display:grid}.hero-demo-lines span{border-radius:var(--radius);background:var(--ink);height:clamp(4px,1.5%,7px)}@supports (color:color-mix(in lab, red, red)){.hero-demo-lines span{background:color-mix(in srgb, var(--ink) 12%, transparent)}}.hero-demo-lines span:first-child{width:82%}.hero-demo-lines span:nth-child(2){width:60%}.hero-demo-lines span:nth-child(3){width:72%}.hero-demo-match{z-index:3;border:var(--line) solid var(--ink);border-radius:var(--radius);background:var(--accent);box-shadow:var(--shadow);opacity:0;place-items:center;display:grid;position:absolute;inset:10% 12%;transform:scale(.82)}.hero-demo-match span{color:var(--accent-ink);font-family:var(--font-expressive);font-size:clamp(22px,5cqw,48px);line-height:1}.hero-demo-controls{gap:clamp(8px,2%,16px);display:flex}.hero-demo-ctrl{text-align:center;border:var(--line) solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow-btn);flex:1;padding:clamp(8px,2.2%,16px);font-size:clamp(12px,2cqw,18px);font-weight:900}.hero-demo-ctrl-no{background:var(--no)}@supports (color:color-mix(in lab, red, red)){.hero-demo-ctrl-no{background:color-mix(in srgb, var(--no) 16%, var(--cream))}}.hero-demo-ctrl-no{color:var(--no-ink)}.hero-demo-ctrl-yes{background:var(--yes)}@supports (color:color-mix(in lab, red, red)){.hero-demo-ctrl-yes{background:color-mix(in srgb, var(--yes) 16%, var(--cream))}}.hero-demo-ctrl-yes{color:var(--yes-ink)}@media (prefers-reduced-motion:no-preference){.hero-demo-card{animation:hero-demo-card 9s var(--ease) infinite}.hero-demo-rail-yes{animation:hero-demo-rail-yes 9s var(--ease) infinite}.hero-demo-rail-no{animation:hero-demo-rail-no 9s var(--ease) infinite}.hero-demo-progress span{animation:9s linear infinite hero-demo-progress}.hero-demo-match{animation:hero-demo-match 9s var(--ease) infinite}}@keyframes hero-demo-card{0%,7%{transform:none}17%{transform:translate(20%)rotate(7deg)}31%{transform:none}43%{transform:translate(-20%)rotate(-7deg)}57%{transform:none}66%{opacity:1;transform:scale(1)}74%{opacity:.16;transform:scale(.92)}90%{opacity:.16;transform:scale(.92)}96%,to{opacity:1;transform:none}}@keyframes hero-demo-rail-yes{0%,9%{opacity:0}17%{opacity:1}27%{opacity:0}to{opacity:0}}@keyframes hero-demo-rail-no{0%,35%{opacity:0}43%{opacity:1}53%{opacity:0}to{opacity:0}}@keyframes hero-demo-progress{0%,7%{width:14%}31%{width:42%}57%{width:72%}72%,92%{width:100%}97%,to{width:14%}}@keyframes hero-demo-match{0%,66%{opacity:0;transform:scale(.82)}74%{opacity:1;transform:scale(1)}88%{opacity:1;transform:scale(1)}93%{opacity:0;transform:scale(.9)}to{opacity:0;transform:scale(.82)}}.section-head{text-align:center;gap:16px;max-width:720px;margin:0 auto clamp(40px,5vw,60px);display:grid}.section-head h2{font-size:var(--fs-3xl);letter-spacing:-.03em;margin:0;font-weight:900;line-height:.98}.section-head>p{font-size:var(--fs-lg);color:var(--muted-ink);margin:0;line-height:1.5}.pattern-index{padding:clamp(60px,9vw,120px) clamp(16px,5vw,52px)}.pattern-grid{grid-template-columns:repeat(3,1fr);gap:20px;max-width:1120px;margin:0 auto;padding:0;list-style:none;display:grid}.pattern-card{border-radius:var(--radius);background:var(--card);border:var(--line) solid var(--ink);height:100%;box-shadow:var(--shadow-btn);transition:transform var(--dur-hover) var(--ease), box-shadow var(--dur-hover) var(--ease);flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.pattern-card:hover{box-shadow:var(--shadow-lg);transform:translate(-2px,-3px)}.pattern-card-masthead{border-bottom:var(--line) solid var(--ink);background:var(--ink);align-items:center;gap:12px;padding:12px;display:flex}.pattern-card-index{border:var(--line) solid var(--ink);border-radius:var(--radius);background:var(--accent);min-width:25px;height:25px;color:var(--accent-ink);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;place-items:center;padding:0 8px;font-weight:900;display:inline-grid}.pattern-card-name{min-width:0;font-size:var(--fs-sm);letter-spacing:.06em;text-transform:uppercase;color:var(--paper);flex:1;margin:0;font-weight:900}.pattern-card-chip{background:var(--accent);width:13px;height:13px;box-shadow:inset 0 0 0 2px var(--accent-ink);border-radius:0}@supports (color:color-mix(in lab, red, red)){.pattern-card-chip{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--accent-ink) 30%, transparent)}}.pattern-card-chip{flex:none}.pattern-card-visual{border-radius:var(--radius);border:var(--line) solid var(--ink);margin:16px 16px 0;line-height:0;position:relative;overflow:hidden}.pattern-illustration{width:100%;height:auto;display:block}.pattern-card>p{color:var(--muted-ink);line-height:1.45;font-size:var(--fs-sm);margin:12px 16px 16px}.pattern-card-tags{flex-wrap:wrap;gap:8px;margin:auto 16px 16px;display:flex}.pattern-tag{font-size:var(--fs-xs);letter-spacing:.04em;text-transform:uppercase;border-radius:var(--radius);background:var(--accent-soft);border:1.5px solid var(--accent);padding:4px 12px;font-weight:900}@supports (color:color-mix(in lab, red, red)){.pattern-tag{border:1.5px solid color-mix(in srgb, var(--accent) 40%, var(--ink) 8%)}}.pattern-tag{color:var(--accent-ink)}.pattern-illustration .f-screen{fill:var(--card)}.pattern-illustration .f-ink{fill:var(--ink)}.pattern-illustration .f-accent{fill:var(--accent)}.pattern-illustration .f-accentSoft{fill:var(--accent-soft)}.pattern-illustration .f-line{fill:var(--rule)}.pattern-illustration .f-soft{fill:var(--panel)}.pattern-illustration .f-dim{fill:var(--ink)}@supports (color:color-mix(in lab, red, red)){.pattern-illustration .f-dim{fill:color-mix(in srgb, var(--ink) 44%, transparent)}}.pattern-illustration .s-line{stroke:var(--rule)}.pattern-illustration .s-screen{stroke:var(--card)}.pattern-illustration .s-accent{stroke:var(--accent)}.pattern-illustration :is(.pi-fade,.pi-pop,.pi-slide-right,.pi-pop-up,.pi-rise,.pi-slide-up){animation-duration:0s}:is(.pattern-card:hover,.pattern-card:focus-visible,.pattern-preview:hover) .pattern-illustration :is(.pi-fade,.pi-pop,.pi-slide-right,.pi-pop-up,.pi-rise,.pi-slide-up){animation-duration:4s;animation-iteration-count:1}.pattern-illustration .pi-fade{animation-name:pi-fade;animation-timing-function:ease-in-out}.pattern-illustration .pi-pop{transform-box:fill-box;transform-origin:50%;animation-name:pi-pop;animation-timing-function:var(--ease)}.pattern-illustration .pi-slide-right{animation-name:pi-slide-right;animation-timing-function:var(--ease)}.pattern-illustration .pi-pop-up{transform-box:fill-box;transform-origin:bottom;animation-name:pi-pop-up;animation-timing-function:var(--ease)}.pattern-illustration .pi-rise{animation-name:pi-rise;animation-timing-function:ease-in-out}.pattern-illustration .pi-slide-up{animation-name:pi-slide-up;animation-timing-function:var(--ease)}@keyframes pi-fade{0%{opacity:0}10%{opacity:1}82%{opacity:1}96%,to{opacity:0}}@keyframes pi-pop{0%{opacity:0;transform:scale(.92)}12%{opacity:1;transform:scale(1)}82%{opacity:1;transform:scale(1)}95%{opacity:0;transform:scale(.97)}to{opacity:0;transform:scale(.92)}}@keyframes pi-slide-right{0%{opacity:0;transform:translate(92px)}16%{opacity:1;transform:translate(0)}84%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(92px)}}@keyframes pi-pop-up{0%{opacity:0;transform:scale(.7)translateY(4px)}14%{opacity:1;transform:scale(1)translateY(0)}82%{opacity:1;transform:scale(1)translateY(0)}96%{opacity:0;transform:scale(.85)translateY(3px)}to{opacity:0;transform:scale(.7)translateY(4px)}}@keyframes pi-rise{0%{opacity:0;transform:translateY(10px)}16%{opacity:1;transform:translateY(0)}84%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}@keyframes pi-slide-up{0%{opacity:0;transform:translateY(18px)}16%{opacity:1;transform:translateY(0)}84%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(18px)}}@media (prefers-reduced-motion:reduce){.pattern-illustration .pi-fade,.pattern-illustration .pi-pop,.pattern-illustration .pi-slide-right,.pattern-illustration .pi-pop-up,.pattern-illustration .pi-rise,.pattern-illustration .pi-slide-up{opacity:1;animation:none;transform:none}}.pattern-detail-page{padding:clamp(24px,4vw,40px) clamp(16px,5vw,40px) clamp(56px,8vw,100px)}.pattern-detail-breadcrumb{font-size:var(--fs-xs);color:var(--muted-ink);align-items:center;gap:8px;margin:0 0 clamp(20px,3vw,32px);font-weight:700;display:flex}.pattern-detail-breadcrumb a{color:var(--ink);border-bottom:1.5px solid #0000;text-decoration:none}.pattern-detail-breadcrumb a:hover{border-bottom-color:var(--ink)}.pattern-detail-breadcrumb [aria-current=page]{color:var(--muted-ink)}.pattern-detail-grid{grid-template-columns:44fr 56fr;grid-template-areas:"preview breadcrumb""preview header""preview editorial";align-items:start;column-gap:clamp(40px,4vw,64px);max-width:1320px;margin:0 auto;display:grid}.pattern-detail-grid>.pattern-preview{grid-area:preview}.pattern-detail-grid>.pattern-detail-breadcrumb{grid-area:breadcrumb}.pattern-detail-grid>.pattern-detail-header{grid-area:header}.pattern-detail-grid>.pattern-detail-editorial{grid-area:editorial}.pattern-preview{top:calc(var(--header-height) + 24px);max-height:calc(100dvh - var(--header-height) - 48px);border:var(--line) solid var(--ink);border-radius:var(--radius);background:var(--cream);box-shadow:var(--shadow);flex-direction:column;align-self:start;display:flex;position:sticky;overflow:hidden}.pattern-preview-masthead{background:var(--ink);padding:12px 20px}.pattern-preview-eyebrow{font-size:var(--fs-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0;font-weight:900}.pattern-preview-body{gap:16px;padding:clamp(20px,2.4vw,28px);display:grid;overflow-y:auto}.pattern-preview-name{font-size:var(--fs-2xl);letter-spacing:-.02em;margin:0;font-weight:900;line-height:1.05}.pattern-preview-visual{border-radius:var(--radius);border:var(--line) solid var(--ink);box-shadow:var(--shadow-sm);line-height:0;display:block;overflow:hidden}.pattern-preview-summary{color:var(--muted-ink);line-height:1.5;font-size:var(--fs-sm);margin:0}.pattern-preview-signals{gap:8px;display:grid}.pattern-preview-signal{border-radius:var(--radius);font-size:var(--fs-xs);border:1.5px solid #0000;margin:0;padding:8px 12px;line-height:1.4}.pattern-preview-signal strong{font-weight:900}.pattern-preview-signal-yes{background:var(--yes-soft);color:var(--yes-ink);border-color:var(--yes)}@supports (color:color-mix(in lab, red, red)){.pattern-preview-signal-yes{border-color:color-mix(in srgb, var(--yes) 35%, transparent)}}.pattern-preview-signal-no{background:var(--no-soft);color:var(--no-ink);border-color:var(--no)}@supports (color:color-mix(in lab, red, red)){.pattern-preview-signal-no{border-color:color-mix(in srgb, var(--no) 35%, transparent)}}.pattern-detail-editorial{gap:clamp(40px,5vw,64px);max-width:720px;display:grid}.pattern-detail-header{gap:12px;margin-bottom:clamp(32px,4vw,48px);display:grid}.pattern-detail-header h1{font-size:var(--fs-3xl);letter-spacing:-.03em;margin:0;font-weight:900;line-height:.98}.pattern-detail-lede{font-size:var(--fs-lg);color:var(--muted-ink);margin:0;line-height:1.55}.pattern-detail-meta{flex-wrap:wrap;gap:8px;display:flex}.pattern-detail-section{gap:12px;display:grid}.pattern-detail-label{font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-text);margin:0;font-weight:900}.pattern-detail-section h2{font-size:var(--fs-xl);letter-spacing:-.02em;margin:0;font-weight:900}.pattern-detail-section>p{margin:0;line-height:1.6}.pattern-detail-section--plain>p{color:var(--muted-ink)}.pattern-detail-section--card{border-radius:var(--radius);border:var(--line) solid var(--ink);box-shadow:var(--shadow-btn);padding:clamp(20px,2.6vw,28px)}.pattern-detail-section--sage{background:var(--yes-soft);color:var(--yes-ink)}.pattern-detail-section--coral{background:var(--no-soft);color:var(--no-ink)}.pattern-detail-section--card ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.pattern-detail-section--card li{padding-left:24px;line-height:1.5;position:relative}.pattern-detail-section--sage li:before{content:"✓";font-weight:900;position:absolute;left:0}.pattern-detail-section--coral li:before{content:"✕";font-weight:900;position:absolute;left:0}.pattern-detail-section--sage h2,.pattern-detail-section--sage .pattern-detail-label{color:var(--yes-ink)}.pattern-detail-section--coral h2,.pattern-detail-section--coral .pattern-detail-label{color:var(--no-ink)}.pattern-detail-section--sage .pattern-detail-label-accent,.pattern-detail-section--coral .pattern-detail-label-accent,.pattern-detail-narrative .pattern-detail-label-accent{color:inherit}.pattern-detail-section--sage .pattern-detail-label-accent-badge,.pattern-detail-section--coral .pattern-detail-label-accent-badge,.pattern-detail-narrative .pattern-detail-label-accent-badge{box-shadow:var(--shadow-sm)}.pattern-detail-narrative{border-radius:var(--radius);border:var(--line) solid var(--ink);background:var(--ink);color:var(--paper);box-shadow:var(--shadow);padding:clamp(20px,2.4vw,28px)}.pattern-detail-narrative .pattern-detail-label{color:var(--accent)}.pattern-detail-narrative h2,.pattern-detail-narrative>p{color:var(--paper)}@supports (color:color-mix(in lab, red, red)){.pattern-detail-narrative>p{color:color-mix(in srgb, var(--paper) 82%, transparent)}}.pattern-detail-narrative-scenarios{flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.pattern-detail-narrative-scenarios li{border-radius:var(--radius);background:var(--paper);padding:8px 12px}@supports (color:color-mix(in lab, red, red)){.pattern-detail-narrative-scenarios li{background:color-mix(in srgb, var(--paper) 8%, transparent)}}.pattern-detail-narrative-scenarios li{border:1.5px solid var(--paper)}@supports (color:color-mix(in lab, red, red)){.pattern-detail-narrative-scenarios li{border:1.5px solid color-mix(in srgb, var(--paper) 18%, transparent)}}.pattern-detail-narrative-scenarios li{font-size:var(--fs-xs);font-weight:700}.pattern-detail-example{gap:16px}.pattern-detail-code-details{border:var(--line) solid var(--ink);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow-sm);overflow:hidden}.pattern-detail-code-details summary{cursor:pointer;font-size:var(--fs-sm);color:var(--ink);align-items:center;gap:8px;padding:12px 16px;font-weight:700;list-style:none;display:flex}.pattern-detail-code-details summary::-webkit-details-marker{display:none}.pattern-detail-code-details summary:before{content:"▸";font-size:var(--fs-xs);color:var(--accent);transition:transform var(--dur-hover) var(--ease)}.pattern-detail-code-details[open] summary:before{transform:rotate(90deg)}.pattern-detail-code-details summary:focus-visible{outline:3px solid var(--focus);outline-offset:-3px;border-radius:var(--radius)}.pattern-detail-code-details[open] summary{border-bottom:var(--line) solid var(--hair)}.pattern-detail-code-details pre{background:var(--cream);color:var(--code);margin:0;padding:clamp(16px,2vw,20px);font:13px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-x:auto}.pattern-detail-questions{counter-reset:pattern-question;gap:12px;margin:0;padding:0;list-style:none;display:grid}.pattern-detail-questions li{counter-increment:pattern-question;align-items:center;min-height:44px;padding:2px 0 2px 36px;line-height:1.5;display:flex;position:relative}.pattern-detail-questions li:before{content:counter(pattern-question);background:var(--accent-soft);width:26px;height:26px;color:var(--accent-ink);font-size:var(--fs-xs);border-radius:50%;place-items:center;font-weight:900;display:inline-grid;position:absolute;top:2px;left:0}.pattern-detail-related-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin:0;padding:0;list-style:none;display:grid}.pattern-detail-related-card{border-radius:var(--radius);border:var(--line) solid var(--ink);background:var(--card);height:100%;box-shadow:var(--shadow-btn);color:var(--ink);transition:transform var(--dur-hover) var(--ease), box-shadow var(--dur-hover) var(--ease);flex-direction:column;gap:8px;padding:16px;text-decoration:none;display:flex}.pattern-detail-related-card:hover{box-shadow:var(--shadow-lg);transform:translate(-2px,-3px)}.pattern-detail-related-card h3{font-size:var(--fs-md);margin:0;font-weight:900}.pattern-detail-related-card p{font-size:var(--fs-xs);color:var(--muted-ink);margin:0;line-height:1.4}.pattern-detail-nav{border-top:var(--line) solid var(--ink);grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;max-width:1320px;margin:clamp(48px,6vw,80px) auto 0;padding:clamp(28px,4vw,40px) clamp(16px,5vw,40px) 0;display:grid}.pattern-detail-nav-link{border-radius:var(--radius);border:var(--line) solid var(--ink);background:var(--card);min-height:44px;box-shadow:var(--shadow-sm);color:var(--ink);transition:transform var(--dur-hover) var(--ease), box-shadow var(--dur-hover) var(--ease);flex-direction:column;justify-content:center;gap:4px;padding:8px 16px;text-decoration:none;display:flex}.pattern-detail-nav-link:hover{box-shadow:var(--shadow-btn);transform:translate(-2px,-3px)}.pattern-detail-nav-link-next{text-align:right;align-items:flex-end}.pattern-detail-nav-label{font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--muted-ink);align-items:center;gap:8px;font-weight:900;display:inline-flex}.pattern-detail-nav-label svg{width:16px;height:16px}.pattern-detail-nav-name{font-size:var(--fs-sm);font-weight:900}.pattern-detail-nav-cta{white-space:nowrap;justify-self:center}@media (prefers-reduced-motion:no-preference){.pattern-detail-page [data-reveal]{transform:translateY(8px)}}@media (max-width:959px){.pattern-detail-grid{grid-template-columns:1fr;grid-template-areas:"breadcrumb""header""preview""editorial";row-gap:clamp(28px,5vw,40px)}.pattern-detail-breadcrumb,.pattern-detail-header{margin-bottom:0}.pattern-preview{max-height:none;position:static}.pattern-preview-name,.pattern-preview-summary{display:none}.pattern-detail-editorial{max-width:100%}}@media (max-width:719px){.pattern-detail-related-grid{grid-template-columns:1fr}.pattern-detail-nav{text-align:center;grid-template-columns:1fr}.pattern-detail-nav-link-next{text-align:center;align-items:center}.pattern-detail-nav-cta{order:-1;justify-self:stretch}}.steps-section{padding:clamp(48px,7vw,96px) clamp(16px,5vw,52px)}.steps{counter-reset:step;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1080px;margin:0 auto;padding:0;list-style:none;display:grid}.step{border-radius:var(--radius);background:var(--card);border:var(--line) solid var(--ink);box-shadow:var(--shadow-btn);transition:transform var(--dur-hover) var(--ease), box-shadow var(--dur-hover) var(--ease);padding:28px;position:relative}.step-index{border:var(--line) solid var(--ink);border-radius:var(--radius);background:var(--accent);min-width:30px;height:30px;color:var(--accent-ink);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;place-items:center;padding:0 8px;font-weight:900;display:inline-grid;position:absolute;top:20px;right:20px}.step-icon{width:24px;height:24px;color:var(--accent);margin-bottom:clamp(32px,5vw,48px)}.step h3{font-size:var(--fs-xl);letter-spacing:-.02em;margin:0 0 12px;font-weight:900}.step p{color:var(--muted-ink);margin:0;line-height:1.5}.faq{padding:clamp(48px,7vw,96px) clamp(16px,5vw,52px)}.faq-list{counter-reset:faq;gap:12px;max-width:760px;margin:0 auto;display:grid}.faq-item{border:var(--line) solid var(--ink);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow-sm);transition:transform var(--dur-hover) var(--ease), box-shadow var(--dur-hover) var(--ease), background-color var(--dur-hover) ease;overflow:hidden}.faq-item:hover{box-shadow:var(--shadow-btn);background:var(--cream);transform:translate(-1px,-2px)}.faq-item[open]{box-shadow:var(--shadow-btn)}.faq-item summary{cursor:pointer;font-size:var(--fs-md);align-items:center;gap:16px;padding:16px 20px;font-weight:700;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:focus-visible{outline:3px solid var(--focus);outline-offset:-3px;border-radius:var(--radius)}.faq-item[open] summary{border-bottom:var(--line) solid var(--hair)}.faq-item summary:before{counter-increment:faq;content:counter(faq, decimal-leading-zero);border:var(--line) solid var(--ink);border-radius:var(--radius);background:var(--accent);min-width:27px;height:27px;color:var(--accent-ink);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;flex:none;place-items:center;font-weight:900;display:grid}.faq-plus{border:var(--line) solid var(--ink);border-radius:var(--radius);background:var(--cream);width:30px;height:30px;transition:background-color var(--dur-hover) ease;flex:none;margin-left:auto;position:relative}.faq-item:hover .faq-plus,.faq-item[open] .faq-plus{background:var(--accent)}.faq-plus:before,.faq-plus:after{content:"";background:var(--ink);transition:transform var(--dur-section) var(--ease), opacity var(--dur-hover) ease;border-radius:0;margin:auto;position:absolute;inset:0}.faq-plus:before{width:14px;height:2.5px}.faq-plus:after{width:2.5px;height:14px}.faq-item[open] .faq-plus:after{opacity:0;transform:rotate(90deg)}.faq-item>p{color:var(--muted-ink);max-width:64ch;margin:0;padding:16px 20px 20px;line-height:1.55}.faq-item[open]>p{animation:faq-open .18s var(--ease) both}@keyframes faq-open{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}@media (max-width:900px){.pattern-grid,.steps{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.pattern-grid,.steps{grid-template-columns:1fr}.hero-cta{flex-direction:column;align-self:stretch;width:100%}.hero-cta .button-primary,.hero-cta .button-secondary{width:100%}.window-url{display:none}}.result-page{max-width:1120px;margin:0 auto;padding:0 clamp(16px,5vw,40px) clamp(56px,8vw,100px)}.result-reveal{min-height:min(720px, calc(100svh - var(--header-height)));place-items:center;padding:clamp(28px,5vw,64px) 0;display:grid}.pattern-match-card{border:var(--line) solid var(--ink);border-radius:var(--radius);background:var(--ink);width:100%;color:var(--paper);box-shadow:var(--shadow);grid-template-columns:minmax(0,40%) minmax(0,60%);animation:.56s cubic-bezier(.22,1,.36,1) both match-card-in;display:grid;position:relative;overflow:hidden}.match-title-accent{font-family:var(--font-expressive);color:var(--accent);font-weight:400}.pattern-match-visual{background:var(--accent);place-items:center;min-height:100%;padding:clamp(30px,5vw,58px);display:grid;position:relative;overflow:hidden}.pattern-match-visual:before{content:"";aspect-ratio:1;border:1px solid var(--accent-ink);width:78%;position:absolute}@supports (color:color-mix(in lab, red, red)){.pattern-match-visual:before{border:1px solid color-mix(in srgb, var(--accent-ink) 16%, transparent)}}.pattern-match-visual:before{border-radius:50%}.pattern-match-visual .pattern-illustration{width:min(100%,440px);height:auto;box-shadow:0 28px 70px var(--accent-ink);border-radius:18px;position:relative}@supports (color:color-mix(in lab, red, red)){.pattern-match-visual .pattern-illustration{box-shadow:0 28px 70px color-mix(in srgb, var(--accent-ink) 24%, transparent)}}.match-pill{z-index:2;border:2px solid var(--accent-ink);border-radius:var(--radius);color:var(--accent-ink);letter-spacing:.14em;padding:8px 13px;font-size:12px;font-weight:900;position:absolute;top:clamp(20px,3vw,34px);left:clamp(20px,3vw,34px);transform:rotate(-6deg)}.pattern-match-copy{flex-direction:column;justify-content:center;gap:16px;padding:clamp(28px,4vw,52px);display:flex}.pattern-match-copy .eyebrow{color:var(--accent)}.pattern-match-copy h1{letter-spacing:-.04em;text-wrap:balance;max-width:12ch;margin:2px 0;font-size:clamp(40px,5.4vw,74px);font-weight:800;line-height:.94}.pattern-match-description{max-width:46ch;color:var(--paper);margin:0}@supports (color:color-mix(in lab, red, red)){.pattern-match-description{color:color-mix(in srgb, var(--paper) 74%, transparent)}}.pattern-match-description{font-size:clamp(17px,1.3vw,18px);line-height:1.55}.confidence-badge{border:var(--line) solid;border-radius:var(--radius);width:fit-content;margin:0;padding:7px 13px;font-size:13px;font-weight:800}.confidence-high{background:var(--yes-soft);border-color:var(--yes);color:var(--yes-ink)}.confidence-good{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-ink)}.confidence-exploratory{background:var(--no-soft);border-color:var(--no);color:var(--no-ink)}.match-evidence{gap:12px;margin-top:4px;animation:.42s cubic-bezier(.22,1,.36,1) both evidence-in;display:grid}.match-evidence-title{letter-spacing:.12em;text-transform:uppercase;color:var(--paper);margin:0;font-size:13px;font-weight:800}@supports (color:color-mix(in lab, red, red)){.match-evidence-title{color:color-mix(in srgb, var(--paper) 62%, transparent)}}.match-evidence-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.match-evidence-row{border-top:1px solid var(--paper);justify-content:space-between;align-items:baseline;gap:14px;padding:11px 0;display:flex}@supports (color:color-mix(in lab, red, red)){.match-evidence-row{border-top:1px solid color-mix(in srgb, var(--paper) 15%, transparent)}}.match-evidence-row{animation:evidence-row-in .32s var(--ease) both;animation-delay:calc(var(--evidence-index,0) * 60ms)}.match-evidence-row[data-decisive]{border-top-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.match-evidence-row[data-decisive]{border-top-color:color-mix(in srgb, var(--accent) 62%, transparent)}}.match-evidence-question{min-width:0;color:var(--paper);margin:0;font-size:15px;line-height:1.4}@supports (color:color-mix(in lab, red, red)){.match-evidence-question{color:color-mix(in srgb, var(--paper) 92%, transparent)}}.match-evidence-decisive{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:4px;font-size:13px;font-weight:800;display:block}.match-evidence-answer{border:var(--line) solid;border-radius:var(--radius);flex:none;margin:0;padding:4px 13px;font-size:13px;font-weight:800}.match-evidence-answer[data-answer=yes]{background:var(--yes-soft);border-color:var(--yes);color:var(--yes-ink)}.match-evidence-answer[data-answer=no]{background:var(--no-soft);border-color:var(--no);color:var(--no-ink)}.match-evidence-more{margin-top:2px}.match-evidence-more>summary{cursor:pointer;border:var(--line) solid var(--paper);align-items:center;gap:8px;padding:7px 13px;list-style:none;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.match-evidence-more>summary{border:var(--line) solid color-mix(in srgb, var(--paper) 34%, transparent)}}.match-evidence-more>summary{border-radius:var(--radius);color:var(--paper);font-size:13px;font-weight:700}.match-evidence-more>summary::-webkit-details-marker{display:none}.match-evidence-more>summary:hover{border-color:var(--accent);color:var(--accent)}.match-evidence-more>summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.match-evidence-more[open]>summary{margin-bottom:10px}.match-evidence-more .match-evidence-more-hide,.match-evidence-more[open] .match-evidence-more-show{display:none}.match-evidence-more[open] .match-evidence-more-hide{display:inline}.result-analysis{text-align:center;align-content:center;place-items:center;gap:28px;min-height:360px;display:grid}.result-analysis p{color:var(--muted-ink);letter-spacing:-.02em;margin:0;font-size:clamp(18px,2.2vw,24px);font-weight:700}.analysis-orbit{border:1px solid var(--rule);border-radius:50%;width:82px;height:82px;animation:.9s linear infinite analysis-turn;position:relative}.analysis-orbit:before{content:"";background:var(--accent);box-shadow:0 0 0 8px var(--accent-soft);border-radius:50%;position:absolute;inset:19px}.analysis-orbit i{background:var(--ink);border-radius:50%;width:9px;height:9px;position:absolute}.analysis-orbit i:first-child{top:36px;left:4px}.analysis-orbit i:nth-child(2){top:9px;right:10px}.analysis-orbit i:nth-child(3){bottom:11px;right:8px}@keyframes analysis-turn{to{transform:rotate(360deg)}}@keyframes match-card-in{0%{opacity:0;transform:translateY(28px)scale(.98)}to{opacity:1;transform:none}}@keyframes evidence-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes evidence-row-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.pattern-match-card{animation:.12s linear both result-fade-in}.pattern-match-card .pattern-illustration{animation:none}.match-evidence{animation:.12s linear both result-fade-in}.match-evidence-row,.analysis-orbit{animation:none}}@keyframes result-fade-in{0%{opacity:0}to{opacity:1}}.pattern-match-card[data-pattern=modal] .pattern-illustration{animation:.62s cubic-bezier(.22,1,.36,1) both result-modal-in}.pattern-match-card[data-pattern=drawer] .pattern-illustration{animation:.62s cubic-bezier(.22,1,.36,1) both result-drawer-in}.pattern-match-card[data-pattern=popover] .pattern-illustration{transform-origin:62% 38%;animation:.62s cubic-bezier(.22,1,.36,1) both result-popover-in}.pattern-match-card[data-pattern=dedicated-page] .pattern-illustration{animation:.62s cubic-bezier(.22,1,.36,1) both result-page-in}.pattern-match-card[data-pattern=inline-expansion] .pattern-illustration{transform-origin:top;animation:.62s cubic-bezier(.22,1,.36,1) both result-inline-in}.pattern-match-card[data-pattern=toast] .pattern-illustration{animation:.62s cubic-bezier(.22,1,.36,1) both result-toast-in}@keyframes result-modal-in{0%{opacity:0;filter:blur(5px);transform:scale(.78)}to{opacity:1;filter:none;transform:none}}@keyframes result-drawer-in{0%{opacity:0;transform:translate(32%)}to{opacity:1;transform:none}}@keyframes result-popover-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}@keyframes result-page-in{0%{opacity:0;clip-path:inset(12% 18% 12% 18% round var(--radius))}to{opacity:1;clip-path:inset(0 round var(--radius))}}@keyframes result-inline-in{0%{opacity:0;transform:scaleY(.62)translateY(-12%)}to{opacity:1;transform:none}}@keyframes result-toast-in{0%{opacity:0;transform:translateY(38%)}to{opacity:1;transform:none}}.result-intro{text-align:center;gap:16px;max-width:760px;margin:0 auto;padding:clamp(36px,5vw,72px) 0;display:grid}.result-intro .eyebrow{color:var(--accent-text)}.result-intro h2{max-width:18ch;font-size:var(--fs-3xl);letter-spacing:-.03em;margin:0 auto;font-weight:900;line-height:.98}.result-intro>p:not(.eyebrow){max-width:60ch;font-size:var(--fs-lg);color:var(--muted-ink);margin:0 auto;line-height:1.6}.result-confidence-note{border:var(--line) solid var(--accent);width:fit-content;margin-inline:auto;padding:12px 16px}@supports (color:color-mix(in lab, red, red)){.result-confidence-note{border:var(--line) solid color-mix(in srgb, var(--accent) 42%, var(--ink) 8%)}}.result-confidence-note{border-radius:var(--radius);background:var(--accent-soft);box-shadow:var(--shadow-sm);font-weight:700;color:var(--accent-ink)!important;font-size:var(--fs-sm)!important}.result-detail-flow{border-top:var(--line) solid var(--ink)}.result-detail-flow section{border-bottom:var(--line) solid var(--hair);grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);gap:clamp(28px,5vw,76px);padding:clamp(36px,5vw,64px) 0;display:grid}.result-detail-heading>svg{width:24px;height:24px;color:var(--accent);stroke-width:2px;margin-bottom:20px}.result-detail-heading .eyebrow{color:var(--accent-text)}.result-detail-heading h2{max-width:13ch;font-size:var(--fs-3xl);letter-spacing:-.03em;margin:12px 0 0;font-weight:900;line-height:.98}.result-detail-flow ul{align-content:center;gap:0;margin:0;padding:0;list-style:none;display:grid}.result-detail-flow li{border-bottom:var(--line) solid var(--hair);color:var(--muted-ink);padding:16px 0 16px 36px;line-height:1.5;position:relative}.result-detail-flow li:last-child{border-bottom:0}.result-detail-flow li:before{content:"→";color:var(--accent);font-weight:900;position:absolute;left:0}.code-section{border:var(--line) solid var(--ink);border-radius:var(--radius);background:var(--ink);color:var(--paper);box-shadow:var(--shadow);grid-template-columns:.6fr 1.4fr;align-items:center;gap:clamp(28px,4vw,44px);margin:clamp(28px,4vw,52px) 0;padding:clamp(32px,4vw,52px);display:grid}.code-section>div>svg{width:24px;height:24px;color:var(--accent);margin-bottom:16px}.code-section .eyebrow{color:var(--accent)}.code-section h2{font-size:var(--fs-3xl);letter-spacing:-.03em;margin:12px 0 0;font-weight:900;line-height:.98}.code-section pre{background:var(--cream);color:var(--code);border:var(--line) solid var(--ink);border-radius:var(--radius);margin:0;padding:clamp(20px,2.5vw,32px);font:13px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-x:auto}.alternatives-section{padding:clamp(28px,4vw,52px) 0}.alternatives-section .eyebrow{text-align:center;color:var(--accent-text)}.alternatives-section>h2{text-align:center;max-width:18ch;font-size:var(--fs-3xl);letter-spacing:-.03em;margin:12px auto 36px;font-weight:900;line-height:.98}.alternatives-section>div{grid-template-columns:1fr 1fr;gap:20px;display:grid}.alternatives-section article{border-radius:var(--radius);background:var(--card);border:var(--line) solid var(--ink);box-shadow:var(--shadow-btn);transition:transform var(--dur-hover) var(--ease), box-shadow var(--dur-hover) var(--ease);padding:clamp(28px,3vw,36px);position:relative}.alternatives-section h3{font-size:var(--fs-2xl);letter-spacing:-.02em;margin:0 0 12px;font-weight:900}.alternatives-section article p{color:var(--muted-ink);margin:0;line-height:1.5}.result-actions{flex-wrap:wrap;justify-content:center;gap:12px;max-width:1120px;margin:clamp(20px,3vw,36px) auto 0;display:flex}.result-actions button,.result-actions a{border:var(--line) solid var(--ink);border-radius:var(--radius);background:var(--cream);min-height:48px;color:var(--ink);font-size:var(--fs-xs);cursor:pointer;box-shadow:var(--shadow-sm);transition:transform var(--dur-press) var(--ease), box-shadow var(--dur-press) var(--ease), background-color var(--dur-hover) ease, color var(--dur-hover) ease;align-items:center;gap:8px;padding:0 20px;font-weight:700;text-decoration:none;display:inline-flex}.result-actions button:hover,.result-actions a:hover{background:var(--accent);color:var(--accent-ink);box-shadow:var(--shadow-btn);transform:translate(-1px,-1px)}.result-actions button:active,.result-actions a:active{box-shadow:var(--shadow-press);transform:translate(2px,2px)}.result-actions svg{width:16px;height:16px}.result-actions [role=status]{text-align:center;width:100%;min-height:22px;color:var(--muted-ink);font-size:var(--fs-xs);margin:4px 0 0}.status-flash{animation:status-pop .26s var(--ease);display:inline-block}@keyframes status-pop{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.copy-fallback{border:var(--line) solid var(--ink);border-radius:var(--radius);background:var(--cream);width:100%;min-height:110px;color:var(--ink);padding:12px}.result-recovery{min-height:calc(100svh - var(--header-height));text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;max-width:620px;margin:0 auto;padding:clamp(48px,9vw,120px) clamp(16px,5vw,24px);display:flex}.result-recovery .eyebrow{color:var(--accent-text)}.result-recovery h1{max-width:16ch;font-size:var(--fs-3xl);letter-spacing:-.03em;margin:4px 0;font-weight:900;line-height:.98}.result-recovery>p:not(.eyebrow){max-width:46ch;color:var(--muted-ink);line-height:1.5}.result-recovery .button-primary{margin-top:16px}@media (max-width:760px){.pattern-match-card,.result-detail-flow section,.code-section,.alternatives-section>div{grid-template-columns:1fr}.pattern-match-visual{min-height:0;max-height:240px;padding:clamp(20px,6vw,34px)}.pattern-match-visual .pattern-illustration{width:min(100%,320px)}.match-evidence-row{flex-wrap:wrap;gap:8px}.result-detail-flow section{gap:24px}}.site-footer{background:var(--ink);color:var(--paper);border-top:4px solid var(--accent);border-radius:var(--radius) var(--radius) 0 0;padding:clamp(28px, 3.6vw, 52px) clamp(20px, 3.4vw, 52px) calc(96px + env(safe-area-inset-bottom,0px));overflow:hidden}.footer-shell{flex-direction:column;gap:clamp(20px,3vw,36px);width:100%;max-width:1120px;margin-inline:auto;display:flex}.footer-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:clamp(24px,4vw,48px);display:flex}.footer-statement{max-width:26ch;font-size:var(--fs-2xl);letter-spacing:-.01em;text-wrap:balance;color:var(--paper);margin:0;font-weight:400;line-height:1.36}.footer-nav{flex-direction:column;align-items:flex-end;gap:12px;min-width:220px;display:flex}.footer-link{width:fit-content;min-height:40px;color:var(--paper);align-items:center;gap:8px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.footer-link{color:color-mix(in srgb, var(--paper) 82%, transparent)}}.footer-link{font-size:var(--fs-md);transition:color var(--dur-hover) ease, transform var(--dur-press) var(--ease);font-weight:700;text-decoration:none}.footer-link:before{content:"→";color:var(--accent);transition:transform var(--dur-press) var(--ease);font-weight:900}.footer-link:hover{color:var(--paper);transform:translate(2px)}.footer-link:hover:before{transform:translate(3px)}.footer-link:active{transition-duration:90ms;transform:translate(2px)scale(.98)}.footer-link-primary{color:var(--paper);font-weight:900;font-size:var(--fs-lg)}.footer-wordmark{text-align:center;font-family:var(--font-expressive);font-weight:400;font-size:var(--fs-4xl);letter-spacing:-.01em;color:var(--accent);margin:0;line-height:1}.footer-bottom{border-top:var(--line) solid var(--paper);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:clamp(16px,2vw,24px);display:flex}@supports (color:color-mix(in lab, red, red)){.footer-bottom{border-top:var(--line) solid color-mix(in srgb, var(--paper) 22%, transparent)}}.footer-bottom{font-size:var(--fs-sm);color:var(--paper);font-weight:400}@supports (color:color-mix(in lab, red, red)){.footer-bottom{color:color-mix(in srgb, var(--paper) 66%, transparent)}}.footer-legal{flex-wrap:wrap;align-items:center;gap:12px;margin:0;display:inline-flex}.footer-support-link{color:var(--paper);background:0 0;border:none;align-items:center;margin:0;padding:4px 0;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.footer-support-link{color:color-mix(in srgb, var(--paper) 66%, transparent)}}.footer-support-link{font:inherit;font-size:inherit;text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--paper);-webkit-text-decoration-color:var(--paper);-webkit-text-decoration-color:var(--paper);text-decoration-color:var(--paper);font-weight:700}@supports (color:color-mix(in lab, red, red)){.footer-support-link{-webkit-text-decoration-color:color-mix(in srgb, var(--paper) 30%, transparent);-webkit-text-decoration-color:color-mix(in srgb, var(--paper) 30%, transparent);-webkit-text-decoration-color:color-mix(in srgb, var(--paper) 30%, transparent);text-decoration-color:color-mix(in srgb, var(--paper) 30%, transparent)}}.footer-support-link{cursor:pointer;transition:color var(--dur-hover) ease, text-decoration-color var(--dur-hover) ease}.footer-support-link:hover{color:var(--accent);-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.footer-credit{min-height:40px;color:var(--paper);align-items:center;gap:8px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.footer-credit{color:color-mix(in srgb, var(--paper) 82%, transparent)}}.footer-credit{transition:color var(--dur-hover) ease, transform var(--dur-press) var(--ease);font-weight:700;text-decoration:none}.footer-credit svg{width:16px;height:16px}.footer-credit:hover{color:var(--paper);transform:translate(2px)}@media (max-width:640px){.footer-top{flex-direction:column;align-items:flex-start;gap:24px}.footer-nav{align-items:flex-start;width:100%}.footer-wordmark{font-size:var(--fs-3xl)}.footer-bottom{flex-direction:column;align-items:flex-start;gap:12px}}@media (max-width:760px){.site-footer{padding:24px 20px}.footer-link{min-height:44px}}.support-coffee-trigger{z-index:40;right:calc(24px + env(safe-area-inset-right,0px));bottom:calc(24px + env(safe-area-inset-bottom,0px));border:var(--line) solid var(--ink);border-radius:var(--radius);background:var(--accent);min-height:48px;color:var(--accent-ink);font-size:var(--fs-xs);box-shadow:var(--shadow-btn);cursor:pointer;animation:support-coffee-trigger-in .42s var(--ease) .7s both;transition:transform var(--dur-press) var(--ease), box-shadow var(--dur-press) var(--ease), opacity var(--dur-hover) ease;align-items:center;gap:8px;padding:0 20px 0 16px;font-weight:900;display:inline-flex;position:fixed}.support-coffee-trigger-icon{flex:none;width:20px;height:20px}.support-coffee-trigger:hover{box-shadow:var(--shadow-lg);transform:translate(-2px,-3px)}.support-coffee-trigger:active{box-shadow:var(--shadow-press);transition-duration:70ms;transform:translate(2px,2px)}@keyframes support-coffee-trigger-in{0%{opacity:0;transform:translateY(10px)scale(.92)}to{opacity:1;transform:none}}:root{--fab-safe:calc(88px + env(safe-area-inset-bottom,0px))}.faq-list,.pattern-detail-nav,.result-actions{padding-bottom:var(--fab-safe)}.site-footer{padding-bottom:calc(clamp(20px, 2.2vw, 30px) + var(--fab-safe))}.support-coffee-overlay{z-index:70;padding:clamp(16px,4vw,32px);padding-left:calc(clamp(16px, 4vw, 32px) + env(safe-area-inset-left,0px));padding-right:calc(clamp(16px, 4vw, 32px) + env(safe-area-inset-right,0px));padding-bottom:calc(clamp(16px, 4vw, 32px) + env(safe-area-inset-bottom,0px));background:var(--ink);place-items:center;display:grid;position:fixed;inset:0}@supports (color:color-mix(in lab, red, red)){.support-coffee-overlay{background:color-mix(in srgb, var(--ink) 62%, transparent)}}.support-coffee-overlay{opacity:0;pointer-events:none;transition:opacity .15s}.support-coffee-overlay[data-open]{opacity:1;pointer-events:auto;transition:opacity .19s}.support-coffee-panel{border:var(--line) solid var(--ink);border-radius:var(--radius);background:var(--cream);width:clamp(580px,48vw,680px);max-height:min(92dvh,780px);box-shadow:var(--shadow);opacity:0;transition:transform .15s var(--ease), opacity .15s var(--ease);flex-direction:column;display:flex;overflow:hidden;transform:translateY(10px)scale(.98)}.support-coffee-overlay[data-open] .support-coffee-panel{opacity:1;transition:transform .2s var(--ease), opacity .2s var(--ease);transform:none}.support-coffee-masthead{background:var(--ink);border-bottom:var(--line) solid var(--ink);flex:none;justify-content:space-between;align-items:center;gap:12px;padding:8px 8px 8px 16px;display:flex}.support-coffee-masthead-title{color:var(--paper);font-size:var(--fs-xs);letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:8px;font-weight:900;display:inline-flex}.support-coffee-masthead-title svg{width:16px;height:16px;color:var(--accent)}.support-coffee-close{border:var(--line) solid var(--ink);border-radius:var(--radius);background:var(--cream);width:44px;height:44px;color:var(--ink);cursor:pointer;box-shadow:var(--shadow-sm);transition:transform var(--dur-press) var(--ease), box-shadow var(--dur-press) var(--ease);place-items:center;display:inline-grid}.support-coffee-close svg{width:20px;height:20px}.support-coffee-close:hover{box-shadow:var(--shadow-btn);transform:translate(-1px,-1px)}.support-coffee-close:active{box-shadow:var(--shadow-press);transform:translate(1px,1px)}.support-coffee-close:focus-visible{outline:2px solid var(--cream);outline-offset:2px;box-shadow:var(--shadow-sm), 0 0 0 4px var(--accent)}.support-coffee-body{flex-direction:column;flex:1;gap:8px;min-height:0;padding:clamp(16px,2.2vw,20px) clamp(16px,2.6vw,24px) clamp(12px,1.6vw,16px);display:flex;overflow-y:auto}.support-coffee-body h2{font-size:var(--fs-xl);letter-spacing:-.02em;color:var(--ink);margin:0;font-weight:900;line-height:1.15}.support-coffee-intro{max-width:54ch;color:var(--muted-ink);line-height:1.5;font-size:var(--fs-sm);margin:0}.support-coffee-widget{border-radius:var(--radius);background:var(--cream);min-height:180px;position:relative;overflow:hidden}.support-coffee-iframe{opacity:0;border:0;width:100%;height:640px;transition:opacity .22s;display:block}.support-coffee-iframe[data-ready]{opacity:1}.support-coffee-status{text-align:center;color:var(--muted-ink);font-size:var(--fs-sm);background:var(--cream);justify-content:center;align-items:center;gap:12px;margin:0;padding:20px;font-weight:700;display:flex;position:absolute;inset:0}.support-coffee-spinner{border:2.5px solid var(--ink);border-radius:50%;flex:none;width:16px;height:16px}@supports (color:color-mix(in lab, red, red)){.support-coffee-spinner{border:2.5px solid color-mix(in srgb, var(--ink) 16%, transparent)}}.support-coffee-spinner{border-top-color:var(--accent);animation:.7s linear infinite support-coffee-spin}@keyframes support-coffee-spin{to{transform:rotate(360deg)}}.support-coffee-fallback{text-align:center;background:var(--cream);place-items:center;gap:16px;padding:24px;display:grid;position:absolute;inset:0}.support-coffee-fallback-title{max-width:34ch;color:var(--ink);font-size:var(--fs-sm);margin:0;font-weight:700;line-height:1.4}.support-coffee-fallback-link{border:var(--line) solid var(--ink);border-radius:var(--radius);background:var(--accent);min-height:44px;color:var(--accent-ink);font-weight:900;font-size:var(--fs-sm);box-shadow:var(--shadow-btn);transition:transform var(--dur-press) var(--ease), box-shadow var(--dur-press) var(--ease);align-items:center;gap:8px;padding:0 20px;text-decoration:none;display:inline-flex}.support-coffee-fallback-link svg{width:16px;height:16px}.support-coffee-fallback-link:hover{box-shadow:var(--shadow);transform:translate(-1px,-1px)}.support-coffee-fallback-link:active{box-shadow:var(--shadow-press);transform:translate(2px,2px)}.support-coffee-caption{color:var(--muted-ink);background:0 0;margin:0;padding:0;position:static}@supports (color:color-mix(in lab, red, red)){.support-coffee-caption{color:color-mix(in srgb, var(--muted-ink) 82%, transparent)}}.support-coffee-caption{font-size:var(--fs-xs);text-align:center;font-weight:700}@media (max-width:640px){.support-coffee-overlay{padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}.support-coffee-panel{width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.support-coffee-trigger{justify-content:center;width:50px;padding:0}.support-coffee-trigger-label{display:none}}.support-coffee-trigger[hidden]{display:none!important}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:599px){.site-header{gap:10px;padding:9px 10px 9px 14px}.wordmark>span:last-child{display:none}.site-nav .header-cta{padding-inline:16px}}@media (max-width:460px){.site-nav{gap:5px}.site-nav .header-cta{gap:6px;min-height:44px;padding-inline:12px}.site-nav .header-cta svg{width:14px;height:14px}.header-cta-label-full{display:none}.header-cta-label-short{display:inline}.locale-link{min-width:44px;padding-inline:10px!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.pattern-card:hover,.faq-item:hover,.button-primary:hover,.button-secondary:hover,.site-nav>a:hover,.icon-button:hover,.result-actions button:hover,.result-actions a:hover,.footer-link:hover,.footer-credit:hover,.support-coffee-trigger:hover,.support-coffee-close:hover,.support-coffee-fallback-link:hover,.footer-link:hover:before,.footer-link:active{transform:none}.support-coffee-trigger{animation:none}.support-coffee-panel,.support-coffee-overlay[data-open] .support-coffee-panel{transform:none}.faq-item[open]>p{animation:none}}.legal-page{max-width:720px;margin:0 auto;padding:clamp(32px,6vw,64px) 16px clamp(64px,8vw,96px)}.legal-page h1{font-size:var(--fs-3xl);letter-spacing:-.03em;margin:0 0 8px;font-weight:900;line-height:1}.legal-updated{color:var(--muted-ink);font-size:var(--fs-sm);margin:0 0 32px}.legal-page section{border-top:var(--line) solid var(--hair);padding:24px 0}.legal-page h2{font-size:var(--fs-xl);letter-spacing:-.02em;margin:0 0 12px;font-weight:900}.legal-page p{font-size:var(--fs-md);margin:0 0 8px;line-height:1.6}.legal-todo{background:var(--accent-soft);color:var(--accent-ink);padding:0 4px;font-weight:700}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}