:root{--cc-ink:#171717;--cc-ink-2:#616161;--cc-ink-3:#737373;--cc-on-ink:#fff;--cc-paper:#fff;--cc-paper-2:#fafafa;--cc-canvas:#f5f5f5;--cc-fill:#f2f2f2;--cc-track:#ececec;--cc-line:#dedede;--cc-line-soft:#ececec;--cc-line-strong:#cfcfcf;--cc-frame-line:#e4e4e4;--cc-hover:#1717170b;--cc-primary-hover:#2e2e2e;--cc-done:#2f8a55;--cc-done-ink:#22693d;--cc-done-bg:#e5f3ea;--cc-active:#c98a1a;--cc-active-ink:#8a5a0b;--cc-active-bg:#fbf0dc;--cc-waiting:#cfcfcf;--cc-danger:#b42318;--cc-danger-bg:#fbede9;--cc-info:#2c5ea8;--cc-info-bg:#e6eef9;--cc-signature-start:#173b78;--cc-signature-middle:#235ca6;--cc-signature-end:#142d61;--cc-signature:#173b78;--cc-scrim:#17171738;--cc-font:"Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--cc-font-signature:"Caveat Project", "Segoe Print", cursive;--cc-t-xs:12px;--cc-t-sm:13px;--cc-t:14px;--cc-t-md:16px;--cc-t-lg:20px;--cc-t-xl:24px;--cc-t-title:clamp(26px, 2.6vw, 34px);--cc-t-display:clamp(34px, 4.4vw, 56px);--cc-w-regular:400;--cc-w-medium:500;--cc-w-strong:600;--cc-w-brand:700;--cc-s1:4px;--cc-s2:8px;--cc-s3:12px;--cc-s4:16px;--cc-s5:24px;--cc-s6:32px;--cc-s7:48px;--cc-gutter:32px;--cc-r-sm:6px;--cc-r:8px;--cc-r-tab:11px;--cc-r-lg:12px;--cc-r-frame:16px;--cc-r-sheet:16px;--cc-r-pill:999px;--cc-h:36px;--cc-h-touch:44px;--cc-shell-top:16px;--cc-shell-edge:20px;--cc-frame-h:60px;--cc-nav-h:52px;--cc-shell-clear:88px;--cc-panel-w:340px;--cc-panel-w-wide:400px;--cc-panel-w-expanded:460px;--cc-panel-t-min:12px;--cc-panel-tile:84px;--cc-panel-pad:16px;--cc-panel-head:52px;--cc-panel-fold:40px;--cc-panel-action:36px;--cc-panel-icon:32px;--cc-panel-glyph:18px;--cc-panel-r:16px;--cc-shadow:0 1px 2px #1717170f, 0 6px 18px #1717170f;--cc-shadow-pop:0 8px 18px -8px #1113, 0 24px 70px -22px #1116;--cc-shadow-sheet:0 10px 32px -10px #17171742;--cc-ease:cubic-bezier(.16, 1, .3, 1);--cc-dur-fast:.12s;--cc-dur:.18s;--cc-dur-slow:.32s;--cc-focus-ring:2px solid var(--cc-ink);--cc-selected-tint:color-mix(in srgb, var(--cc-ink) 7%, transparent);--cc-selected-line:color-mix(in srgb, var(--cc-ink) 30%, transparent)}@media (min-width:1280px){:root{--cc-panel-w-expanded:560px}}@media (min-width:1360px){:root{--cc-panel-w:360px;--cc-panel-w-wide:420px;--cc-panel-w-expanded:600px}}@media (min-width:1600px){:root{--cc-panel-w:380px;--cc-panel-w-wide:460px;--cc-panel-w-expanded:680px}}@media (max-width:768px){:root{--cc-gutter:16px;--cc-shell-edge:12px;--cc-shell-top:12px}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--cc-ink:#edeff2;--cc-ink-2:#bfc2c8;--cc-ink-3:#a0a5ae;--cc-on-ink:#1c1e21;--cc-paper:#23252a;--cc-paper-2:#26282d;--cc-canvas:#1c1e21;--cc-fill:#2e3137;--cc-track:#3e4249;--cc-line:#3e4249;--cc-line-soft:#303237;--cc-line-strong:#4a4e55;--cc-frame-line:#3e4249;--cc-hover:#ffffff0f;--cc-primary-hover:#d6d8dc;--cc-done:#5cc489;--cc-done-ink:#7fd3a2;--cc-done-bg:#163222;--cc-active:#e3a94a;--cc-active-ink:#e9bd73;--cc-active-bg:#3a2b12;--cc-waiting:#4a4e55;--cc-danger:#ef7a6c;--cc-danger-bg:#3b1a16;--cc-info:#86aef0;--cc-info-bg:#172840;--cc-signature:#9fbef6;--cc-scrim:#00000080;--cc-shadow:0 1px 2px #0006, 0 6px 20px #00000059;--cc-shadow-pop:0 8px 18px -8px #0009, 0 24px 70px -22px #000000b3;--cc-shadow-sheet:0 10px 32px -10px #0009}
@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--tracking-tight:-.025em;--radius-sm:.25rem;--radius-lg:.5rem;--ease-out:cubic-bezier(0, 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,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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:where(:not(iframe)){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{.\!visible{visibility:visible!important}.collapse{visibility:collapse}.invisible{visibility:hidden}.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}.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}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.underline{text-decoration-line:underline}}html{-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + var(--safe-top) + 16px);scrollbar-color:var(--ink) var(--paper)}@supports (color:color-mix(in lab, red, red)){html{scrollbar-color:color-mix(in srgb, var(--ink) 28%, transparent) var(--paper)}}html{background:var(--paper)}html:has(.home-page){background:#fff}body{min-height:100dvh;color:var(--ink);background:var(--paper);font-family:var(--font-sans);font-size:var(--text-base);font-synthesis-weight:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;-webkit-tap-highlight-color:transparent;margin:0;line-height:1.6;overflow-x:clip}body:has(.home-page){background:#fff}h1,h2,h3,h4{font-family:var(--font-display);text-wrap:balance;font-weight:600}p,li,dd{text-wrap:pretty}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}img,svg,video{max-width:100%}:where(table,.tabular){font-variant-numeric:tabular-nums}::selection{color:var(--paper);background:var(--ink)}.home-page ::selection{color:#111;background:var(--brand-yellow)}:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:4px}.site-header :focus-visible,.site-footer :focus-visible,.mobile-menu :focus-visible{outline-color:var(--on-black)}.container{width:min(var(--content-max), calc(100% - (var(--page-gutter) * 2)));margin-inline:auto}.skip-link{top:calc(var(--safe-top) + 8px);z-index:1000;border-radius:var(--radius-sm);color:var(--black);background:var(--on-black);transition:transform var(--dur) var(--ease-out);padding:12px 16px;font-weight:600;position:fixed;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:none}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.button{border:1px solid var(--ink);min-height:48px;color:var(--paper);background:var(--ink);font-size:var(--text-sm);letter-spacing:-.005em;white-space:nowrap;transition:background-color var(--dur-fast) ease, border-color var(--dur-fast) ease, color var(--dur-fast) ease, box-shadow var(--dur) ease, transform var(--dur) var(--ease-spring);border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 24px;font-weight:600;line-height:1;display:inline-flex}.button svg{width:18px;height:18px;transition:transform var(--dur) var(--ease-out);flex:none}.button:hover{background:var(--ink)}@supports (color:color-mix(in lab, red, red)){.button:hover{background:color-mix(in srgb, var(--ink) 86%, var(--paper))}}.button:hover{border-color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.button:hover{border-color:color-mix(in srgb, var(--ink) 86%, var(--paper))}}.button:hover{transform:translateY(-2px);box-shadow:0 12px 24px -14px #0a0a0a8c}.button:hover svg{transform:translate(2px)}.button:active{box-shadow:none;transform:scale(.97)}.button:disabled{cursor:progress;opacity:.6;transform:none}.button-ghost{color:var(--ink);border-color:var(--ink);background:0 0}@supports (color:color-mix(in lab, red, red)){.button-ghost{border-color:color-mix(in srgb, var(--ink) 34%, transparent)}}.button-ghost:hover{color:var(--ink);background:var(--sunken);border-color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.button-ghost:hover{border-color:color-mix(in srgb, var(--ink) 34%, transparent)}}.button-ghost:hover{box-shadow:none}.button-external-icon{width:16px;height:16px}.text-link{min-height:44px;color:var(--ink);font-size:var(--text-sm);transition:color var(--dur-fast) ease, gap var(--dur) var(--ease-out);align-items:center;gap:8px;font-weight:600;display:inline-flex}.text-link:hover{gap:11px}.text-link svg{width:16px;height:16px;transition:transform var(--dur) var(--ease-out);flex:none}.text-link:hover svg{transform:translate(2px,-2px)}.section{padding-block:var(--section)}.section-head,.section-heading,.product-section-heading,.feature-showcase-head{margin-bottom:var(--stack);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:end;gap:24px clamp(32px,7vw,112px);display:grid}:is(.section-head,.section-heading,.product-section-heading,.feature-showcase-head) h2{font-size:var(--text-h2);letter-spacing:var(--tracking-tight);margin:0;line-height:1.06}:is(.section-head,.section-heading,.product-section-heading,.feature-showcase-head) p{max-width:52ch;color:var(--muted);font-size:var(--text-lead);margin:0;line-height:1.6}@media (max-width:860px){.section-head,.section-heading,.product-section-heading,.feature-showcase-head{grid-template-columns:minmax(0,1fr);align-items:start}}.cc-loader{color:currentColor;place-items:center;display:inline-grid}.cc-loader svg{width:100%;height:100%;display:block;overflow:visible}.cc-loader-hat{transform-origin:50%;animation:2s ease-in-out infinite cc-hat-in}.cc-loader-smile{stroke-dasharray:100;stroke-dashoffset:100px;animation:2s ease-in-out infinite cc-smile-draw}@keyframes cc-hat-in{0%{opacity:0;transform:translateY(-7px)}30%,80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}@keyframes cc-smile-draw{0%,20%{stroke-dashoffset:100px;opacity:0}42%,80%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:-100px;opacity:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.cc-loader-hat,.cc-loader-smile{opacity:1;animation:none!important}.cc-loader-smile{stroke-dashoffset:0}}.reveal-pending{opacity:0}.reveal-pending.is-in{animation:reveal-in .85s var(--ease-out) var(--reveal-delay,0s) both}@keyframes reveal-in{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}.reveal-pending.is-in:is(h2,.principles-heading){animation-name:reveal-heading;animation-duration:1s}@keyframes reveal-heading{0%{opacity:0;filter:blur(8px);transform:translateY(36px)}to{opacity:1;filter:none;transform:none}}:where(.reading-nav-card,.contact-directory-item,.principles-grid article){position:relative}:is(.product-family-card,.reading-nav-card,.contact-directory-item,.brand-logo-tile,.principles-grid article,.guide-deck-card){isolation:isolate}:is(.product-family-card,.reading-nav-card,.contact-directory-item,.brand-logo-tile,.principles-grid article,.guide-deck-card):after{content:"";z-index:-1;border-radius:inherit;background:radial-gradient(280px circle at var(--mx,50%) var(--my,50%), #ffffff8c, transparent 65%);opacity:0;pointer-events:none;transition:opacity .35s;position:absolute;inset:0}:is(.product-family-card,.reading-nav-card,.contact-directory-item,.brand-logo-tile,.principles-grid article,.guide-deck-card):hover:after{opacity:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
:root{--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--black:#080808;--black-raised:#121211;--black-line:#2a2a27;--on-black:#f5f5f2;--on-black-muted:#a8a8a0;--on-black-faint:#77776f;--paper:#fff;--raised:#fff;--sunken:#f2f2ef;--ink:#0a0a0a;--ink-soft:#2c2c29;--muted:#5c5c56;--line:#e1e1db;--line-strong:#0a0a0a;--focus:#0a0a0a;--danger:#a1231c;--danger-soft:#fbe9e7;--success:#17633a;--success-soft:#e6f4ec;--sage:#dce5c9;--sage-deep:#74805a;--font-sans:var(--cc-font);--font-display:var(--cc-font);--text-xs:.8125rem;--text-sm:.875rem;--text-base:1rem;--text-body:1.0625rem;--text-lead:clamp(1.0625rem, 1rem + .32vw, 1.25rem);--text-h3:clamp(1.1875rem, 1.1rem + .4vw, 1.4375rem);--text-h2:clamp(1.875rem, 1.3rem + 2.3vw, 3.25rem);--text-h1:clamp(2.375rem, 1.55rem + 3.5vw, 4.5rem);--text-display:clamp(2.5rem, 1.5rem + 4.6vw, 5.5rem);--tracking-tight:-.035em;--tracking-display:-.04em;--content-max:1200px;--gutter:clamp(16px, 4.2vw, 48px);--page-gutter:max(var(--gutter), env(safe-area-inset-left), env(safe-area-inset-right));--section:clamp(72px, 9vw, 136px);--section-sm:clamp(48px, 6vw, 88px);--stack:clamp(28px, 3.4vw, 48px);--header-h:64px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--radius-sm:8px;--radius:12px;--radius-lg:18px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.4, .64, 1);--dur-fast:.14s;--dur:.22s;--shadow-pop:0 22px 50px -18px #08080847, 0 2px 6px #0808080f;--font-body:var(--font-sans);--font-ibm-plex-mono:"Cascadia Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;--control-radius:12px;--surface-muted:var(--raised);--button-bg:var(--ink);--button-fg:var(--paper);--button-hover-bg:var(--paper);--button-hover-fg:var(--ink)}html[data-surface-mode=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#080808;--raised:#121211;--sunken:#181817;--ink:#f3f3f0;--ink-soft:#d8d8d2;--muted:#a3a39b;--line:#272725;--line-strong:#f3f3f0;--focus:#f3f3f0;--danger:#ff9b8f;--danger-soft:#2a1412;--success:#8fd8aa;--success-soft:#0f2418;--shadow-pop:0 22px 50px -18px #000000b3, 0 2px 6px #0006}@media (max-width:760px){:root{--header-h:56px}}
.site-header{z-index:60;padding-top:var(--safe-top);color:var(--ink);position:fixed;inset:0 0 auto}.site-header:before{content:"";z-index:0;background:color-mix(in srgb, var(--paper) 82%, transparent);box-shadow:inset 0 -1px 0 color-mix(in srgb, var(--ink) 8%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.4);backdrop-filter:blur(18px)saturate(1.4);opacity:0;transition:opacity var(--dur) ease;position:absolute;inset:0}.site-header.is-scrolled:before,.site-header.is-menu-open:before{opacity:1}.nav-wrap{z-index:2;height:var(--header-h);align-items:center;gap:clamp(16px,2.4vw,36px);display:flex;position:relative}.brand{min-height:44px;color:var(--ink);font-family:var(--font-display);letter-spacing:-.03em;flex:none;align-items:center;gap:10px;font-size:18px;font-weight:650;display:inline-flex}.brand svg{width:30px;height:30px;transition:transform .5s var(--ease-spring);flex:none;transform:translateY(-1px)}.brand:hover svg{transform:translateY(-3px)rotate(-8deg)}.primary-nav{border-radius:999px;align-items:center;gap:2px;margin-inline:auto;padding:4px;display:flex}.primary-nav a{min-height:38px;color:var(--muted);font-size:var(--text-sm);transition:color var(--dur-fast) ease, background-color var(--dur-fast) ease;border-radius:999px;align-items:center;padding:0 14px;font-weight:500;display:inline-flex}.primary-nav a:hover{color:var(--ink);background:var(--sunken)}.primary-nav a[aria-current=page]{color:var(--ink);background:var(--sunken);font-weight:600}.nav-actions{align-items:center;gap:6px;margin-left:auto;display:flex}.primary-nav+.nav-actions{margin-left:0}.header-demo-link,.header-app-link{min-height:40px;font-size:var(--text-sm);white-space:nowrap;transition:background-color var(--dur-fast) ease, color var(--dur-fast) ease, transform var(--dur-fast) ease;border-radius:999px;align-items:center;padding:0 16px;font-weight:600;display:inline-flex;position:relative}.header-demo-link{color:var(--ink)}.header-demo-link:hover{background:var(--sunken)}.header-app-link{color:var(--paper);background:var(--ink)}.header-app-link:hover{background:color-mix(in srgb, var(--ink) 84%, var(--paper));transform:translateY(-1px)}.header-app-link:active,.header-demo-link:active{transform:scale(.97)}.header-app-link:after,.header-demo-link:after{content:"";position:absolute;inset:-2px}.menu-toggle{width:44px;height:44px;color:var(--ink);transition:background-color var(--dur-fast) ease;background:0 0;border:0;border-radius:999px;place-items:center;margin-right:-10px;display:none}.menu-toggle:hover{background:var(--sunken)}.menu-toggle-lines{width:20px;height:12px;position:relative}.menu-toggle-lines i{width:100%;height:1.5px;transition:transform var(--dur) var(--ease-out), top var(--dur) var(--ease-out);background:currentColor;border-radius:2px;position:absolute;left:0}.menu-toggle-lines i:first-child{top:1px}.menu-toggle-lines i:last-child{top:9px}.menu-toggle[aria-expanded=true] .menu-toggle-lines i:first-child{top:5px;transform:rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-toggle-lines i:last-child{top:5px;transform:rotate(-45deg)}.mobile-menu{z-index:1;padding-top:calc(var(--header-h) + var(--safe-top));color:var(--ink);background:var(--paper);opacity:0;visibility:hidden;transition:opacity var(--dur) ease, visibility 0s linear var(--dur);display:none;position:fixed;inset:0}.mobile-menu[data-open=true]{opacity:1;visibility:visible;transition:opacity var(--dur) ease, visibility 0s}.mobile-menu-inner{overscroll-behavior:contain;height:100%;padding:8px var(--page-gutter) calc(28px + var(--safe-bottom));flex-direction:column;gap:28px;display:flex;overflow-y:auto}.mobile-menu-links{margin:0;padding:0;list-style:none}.mobile-menu-links li{opacity:0;transition:opacity .26s ease, transform .52s var(--ease-spring);transition-delay:calc(var(--i,0) * 35ms);transform:translateY(14px)}.mobile-menu[data-open=true] .mobile-menu-links li{opacity:1;transform:none}.mobile-menu-links a{min-height:60px;font-family:var(--font-display);letter-spacing:-.035em;justify-content:space-between;align-items:center;gap:16px;font-size:clamp(1.75rem,1.3rem + 2vw,2.25rem);font-weight:600;display:flex}.mobile-menu-links a svg{width:22px;height:22px;color:var(--muted);transition:transform var(--dur) var(--ease-out), color var(--dur) ease}.mobile-menu-links a:active svg,.mobile-menu-links a:hover svg{color:var(--ink);transform:translate(4px)}.mobile-menu-links a[aria-current=page]{color:var(--muted)}.mobile-menu-actions{gap:10px;display:grid}.mobile-menu-actions .button{width:100%;min-height:54px}.mobile-menu-language{margin-top:auto}.mobile-menu-language p{color:var(--muted);font-size:var(--text-xs);margin:0 0 10px}.lang-links{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.lang-links a{border:1px solid var(--line);min-height:44px;color:var(--muted);font-size:var(--text-sm);border-radius:999px;align-items:center;padding:0 16px;display:inline-flex}.lang-links a[aria-current=page]{border-color:var(--ink);color:#fff;background:var(--ink)}@media (max-width:1079px){.primary-nav{display:none}.menu-toggle{display:grid}.mobile-menu{display:block}.nav-actions,.primary-nav+.nav-actions{margin-left:auto}}@media (max-width:640px){.header-demo-link{display:none}.header-app-link{min-height:36px;font-size:var(--text-xs);padding-inline:14px}.brand{font-size:17px}.brand svg{width:28px;height:28px}}@media (max-width:380px){.brand span{font-size:16px}.nav-actions{gap:4px}}.site-footer{padding:0 clamp(8px, 1.4vw, 16px) calc(8px + var(--safe-bottom));color:var(--ink);background:var(--paper);position:relative}.footer-panel{background:var(--brand-stone);border-radius:clamp(24px,3.4vw,48px);padding:clamp(40px,6vw,80px) 0 0;position:relative;overflow:hidden}.footer-top{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:40px clamp(32px,6vw,96px);display:grid}.footer-intro{justify-items:start;gap:20px;display:grid}.footer-summary{max-width:22ch;font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:clamp(1.375rem,1.1rem + 1vw,2rem);font-weight:560;line-height:1.18}.social-links{flex-wrap:wrap;gap:6px;display:flex}.social-links a{min-height:36px;color:var(--ink);font-size:var(--text-xs);transition:transform var(--dur) var(--ease-spring), box-shadow var(--dur-fast) ease;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:0 14px 0 10px;font-weight:500;display:inline-flex;box-shadow:0 1px #0a0a0a0a,0 0 0 1px #0a0a0a0d}.social-links a:hover{transform:translateY(-2px);box-shadow:0 8px 16px -10px #0a0a0a4d,0 0 0 1px #0a0a0a14}.social-links .social-icon{width:15px;height:15px}.social-links .social-handle{display:none}.social-icon{width:18px;height:18px;-webkit-mask:var(--social-icon) center / contain no-repeat;-webkit-mask:var(--social-icon) center / contain no-repeat;mask:var(--social-icon) center / contain no-repeat;background:currentColor;display:block}.footer-actions{justify-self:end;gap:4px;width:min(100%,360px);display:grid}.footer-action{border-bottom:1px solid #0a0a0a17;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 16px;padding:16px 0;display:grid}.footer-action:last-child{border-bottom:0}.footer-action strong{font-family:var(--font-display);letter-spacing:-.025em;font-size:clamp(1.25rem,1.1rem + .6vw,1.625rem);font-weight:560;line-height:1.2}.footer-action small{color:var(--muted);font-size:var(--text-sm);grid-column:1}.footer-action i{color:#fff;background:var(--ink);width:36px;height:36px;transition:transform .45s var(--ease-spring);border-radius:50%;grid-area:1/2/span 2;place-items:center;display:grid}.footer-action i svg{width:16px;height:16px}.footer-action[data-accent] strong{color:var(--brand-orange)}.footer-action[data-accent] i{background:var(--brand-orange)}.footer-action:hover i{transform:rotate(45deg)scale(1.08)}.footer-link-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 24px;margin-top:clamp(40px,5vw,64px);display:grid}.footer-link-column{flex-direction:column;align-items:flex-start;gap:0;display:flex}.footer-link-column h2{font-family:var(--font-sans);font-size:var(--text-sm);margin:0 0 8px;font-weight:600}.footer-link-column a{min-height:32px;color:var(--muted);font-size:var(--text-sm);transition:color var(--dur-fast) ease, transform var(--dur) var(--ease-out);align-items:center;display:inline-flex}.footer-link-column a:hover{color:var(--ink);transform:translate(3px)}.footer-reveal{position:relative}.footer-mascot{z-index:2;transform-origin:50% 100%;width:clamp(88px,10vw,136px);height:auto;transition:transform .6s var(--ease-spring);pointer-events:auto;position:absolute;top:clamp(-96px,-7vw,-64px);right:clamp(24px,8vw,120px)}.footer-mascot:hover{transform:rotate(-8deg)translateY(-8px)}.footer-reveal.is-reveal-ready .footer-mascot{opacity:0;transition:transform .9s var(--ease-spring) .3s, opacity .4s ease .3s;transform:translateY(40%)scale(.8)}.footer-reveal.is-reveal-ready.is-visible .footer-mascot{opacity:1;transform:none}.site-footer{margin-top:clamp(72px,8vw,104px)}.footer-giant{font-family:var(--font-display);letter-spacing:-.065em;text-align:center;white-space:nowrap;color:var(--ink);-webkit-user-select:none;user-select:none;margin:clamp(32px,5vw,64px) 0 -.24em;font-size:clamp(4rem,15.4vw,15.5rem);font-weight:700;line-height:.9;display:block}.footer-bottom{color:var(--muted);font-size:var(--text-xs);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;padding:14px clamp(12px,3vw,40px) 4px;display:flex}.footer-bottom p{margin:0}.footer-legal-line{flex-wrap:wrap;align-items:center;gap:0 20px;display:flex}.footer-copyright{font-variant-numeric:tabular-nums}.footer-studio-credit{min-height:44px;transition:color var(--dur-fast) ease;align-items:center;display:inline-flex}.footer-studio-credit:hover{color:var(--ink)}@media (max-width:900px){.footer-top{grid-template-columns:minmax(0,1fr)}.footer-actions{justify-self:start}.footer-link-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.footer-link-column a{min-height:40px}}@media (max-width:640px){.footer-bottom{flex-direction:column-reverse;align-items:flex-start}}.footer-reveal.is-reveal-ready :is(.footer-intro,.footer-actions,.footer-link-column){opacity:0;transition:opacity .6s ease, transform .8s var(--ease-out);transform:translateY(16px)}.footer-reveal.is-reveal-ready .footer-link-column:nth-child(2){transition-delay:60ms}.footer-reveal.is-reveal-ready .footer-link-column:nth-child(3){transition-delay:.12s}.footer-reveal.is-reveal-ready .footer-link-column:nth-child(4){transition-delay:.18s}.footer-giant>span{transition:transform .45s var(--ease-spring);display:inline-block}.footer-giant>span:hover{transform:translateY(-12%)}.footer-reveal.is-reveal-ready .footer-giant>span{transition:transform 1s var(--ease-out);transition-delay:calc(.12s + var(--l) * 45ms);transform:translateY(70%)}.footer-reveal.is-reveal-ready.is-visible .footer-giant>span{transform:none}.footer-reveal.is-reveal-ready.is-visible .footer-giant>span:hover{transition-delay:0s;transform:translateY(-12%)}.footer-reveal.is-reveal-ready.is-visible :is(.footer-intro,.footer-actions,.footer-link-column){opacity:1;transform:none}.lang-switcher{display:inline-block;position:relative}.lang-switcher summary{min-height:40px;color:var(--muted);font-size:var(--text-sm);cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--dur-fast) ease, background-color var(--dur-fast) ease;border-radius:999px;align-items:center;gap:10px;padding:0 14px;list-style:none;display:inline-flex}.lang-switcher summary::-webkit-details-marker{display:none}.lang-switcher summary:hover,.lang-switcher[open] summary{color:var(--ink);background:var(--sunken)}.lang-icon{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.lang-chevron{width:7px;height:7px;transition:transform var(--dur) var(--ease-out);border-bottom:1.5px solid;border-right:1.5px solid;transform:rotate(-135deg)translate(-2px,-1px)}.lang-switcher[open] .lang-chevron{transform:rotate(45deg)translate(-2px,-1px)}.lang-menu{z-index:20;width:min(220px,100vw - 32px);box-shadow:var(--shadow-pop), 0 0 0 1px #0a0a0a0f;animation:pop-in .28s var(--ease-spring);background:#fff;border-radius:16px;padding:6px;display:grid;position:absolute;bottom:calc(100% + 8px);right:0}.lang-menu a{min-height:42px;color:var(--muted);font-size:var(--text-sm);border-radius:10px;align-items:center;gap:10px;padding:0 12px;display:flex}.lang-menu a:hover{color:var(--ink);background:var(--sunken)}.lang-menu a[aria-current=page]{color:#fff;background:var(--ink)}.lang-flag{object-fit:cover;border-radius:2px;flex:none;width:18px;height:14px}@keyframes pop-in{0%{opacity:0;transform:translateY(6px)scale(.97)}}.sticky-cta{display:none}@media (max-width:760px){.sticky-cta{z-index:55;padding:10px var(--page-gutter) calc(10px + var(--safe-bottom));-webkit-backdrop-filter:blur(16px)saturate(1.3);backdrop-filter:blur(16px)saturate(1.3);transition:transform .42s var(--ease-spring);background:#ffffffdb;gap:8px;display:flex;position:fixed;inset:auto 0 0;transform:translateY(110%);box-shadow:inset 0 1px #0a0a0a0f}.sticky-cta[data-visible=true]{transform:none}.sticky-cta .button{flex:1;min-height:48px}}
.page-cover{padding:calc(var(--header-h) + var(--safe-top) + clamp(56px, 8vw, 112px)) 0 0;color:var(--ink);background:var(--paper);text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.page-cover>.container{order:1;justify-items:center;display:grid}.page-cover-media{width:calc(100% - var(--page-gutter) * 2);max-width:calc(var(--content-max) + 160px);aspect-ratio:21/9;background:var(--sunken);border-radius:clamp(20px,2.6vw,36px);order:2;margin-top:clamp(40px,5vw,72px);position:relative;overflow:hidden}.page-cover-media img{object-fit:cover}.page-cover h1{letter-spacing:-.045em;max-width:16ch;margin:0 auto;font-size:clamp(2.5rem,1.5rem + 4.4vw,5.25rem);line-height:.98}.page-cover h1 em{color:#8a8a83;font-style:normal}.page-cover p{max-width:46ch;color:var(--muted);font-size:var(--text-lead);margin:clamp(16px,2vw,24px) auto 0;line-height:1.55}.info-hero-grid,.legal-hero-grid{display:grid}.legal-hero{padding-bottom:clamp(16px,3vw,40px)}.legal-hero .page-cover-media{display:none}.legal-hero time{color:var(--muted);background:var(--sunken);font-size:var(--text-sm);font-variant-numeric:tabular-nums;border-radius:999px;margin-top:20px;padding:6px 14px;display:inline-block}.features-hero-grid{justify-items:center;gap:clamp(24px,3vw,36px);display:grid}.features-hero-copy h1{max-width:16ch}@media (max-width:760px){.page-cover-media{aspect-ratio:4/3}}@media (prefers-reduced-motion:no-preference){.page-cover h1,.page-cover p,.page-cover time,.page-cover .button{animation:hero-rise .8s var(--ease-out) both}.page-cover p,.page-cover time{animation-delay:70ms}.page-cover .button{animation-delay:.14s}.page-cover-media{animation:cover-settle 1.1s var(--ease-out) both .12s}}@keyframes hero-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes cover-settle{0%{opacity:0;transform:translateY(48px)scale(.96)}to{opacity:1;transform:none}}.info-page,.features-page,.guides-page,.blog-page,.legal-page,.article-page,.blog-article-page,.products-page,.product-detail-page,.demo-request-page{color:var(--ink);background:var(--paper)}.principles-section,.platform-strip,.guide-list,.blog-list{padding-block:var(--section)}.principles-heading,.platform-grid h2{max-width:18ch;font-size:var(--text-h2);letter-spacing:var(--tracking-tight);margin:0;line-height:1.06}.platform-grid p{max-width:58ch;color:var(--muted);font-size:var(--text-lead);margin:0;line-height:1.7}.about-mission{padding-block:var(--section-sm)}.about-mission-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);align-items:center;gap:32px clamp(32px,6vw,96px);display:grid}.about-chip{background:var(--brand-yellow);font-family:var(--font-sans);font-size:var(--text-sm);border-radius:999px;margin:0 0 20px;padding:6px 14px;font-weight:600;display:inline-flex}.about-mission-text{max-width:22ch;font-family:var(--font-display);letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(1.875rem,1.2rem + 2.6vw,3.5rem);font-weight:600;line-height:1.08}.mascot-cycler{aspect-ratio:9/10;background:radial-gradient(80% 60% at 50% 95%, #fff 0%, var(--brand-stone) 70%);cursor:pointer;transition:transform .5s var(--ease-spring);border:0;border-radius:36px;padding:0;display:grid;position:relative}.mascot-cycler:hover{transform:rotate(-1.5deg)scale(1.01)}.mascot-cycler:active{transform:scale(.97)}.mascot-cycler img{object-fit:contain;opacity:0;width:84%;height:84%;transition:opacity .35s ease, transform .6s var(--ease-spring);grid-area:1/1;place-self:center;transform:translateY(16px)scale(.94)}.mascot-cycler img[data-active=true]{opacity:1;transform:none}.mascot-cycler-dots{gap:6px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.mascot-cycler-dots i{width:6px;height:6px;transition:width .4s var(--ease-spring), background-color .3s ease;background:#0a0a0a33;border-radius:999px}.mascot-cycler-dots i[data-active=true]{background:var(--ink);width:20px}@media (max-width:860px){.about-mission-grid{grid-template-columns:minmax(0,1fr)}.mascot-cycler{justify-self:center;width:min(100%,360px)}}.principles-section{padding-block:var(--section-sm) var(--section)}.principles-heading{margin-bottom:var(--stack)}.principles-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.principles-grid article{--tone:var(--brand-yellow);color:#111;background:var(--tone);min-height:340px;transition:transform .55s var(--ease-spring), box-shadow var(--dur) ease;border-radius:clamp(24px,3vw,32px);align-content:start;gap:10px;padding:clamp(22px,2.6vw,32px);display:grid}.principles-grid article[data-tone=blue]{--tone:var(--brand-blue);color:#fff}.principles-grid article[data-tone=sage]{--tone:var(--brand-sage)}.principles-grid article:first-child:hover{transform:translateY(-8px)rotate(-1.5deg)}.principles-grid article:nth-child(2):hover{transform:translateY(-8px)}.principles-grid article:nth-child(3):hover{transform:translateY(-8px)rotate(1.5deg)}.principles-grid article:hover{box-shadow:0 30px 50px -30px #0a0a0a73}.principle-illustration{color:currentColor;background:#ffffff47;border-radius:20px;place-items:center;width:100%;height:150px;margin-bottom:12px;display:grid}.principle-illustration svg{width:58%;height:70%;transition:transform .6s var(--ease-spring)}.principles-grid article:hover .principle-illustration svg{transform:scale(1.08)}.principles-grid h3{letter-spacing:-.03em;margin:auto 0 0;font-size:clamp(1.375rem,1.1rem + 1vw,1.875rem);line-height:1.1}.principles-grid p{opacity:.8;margin:0;line-height:1.55}@media (max-width:860px){.principles-grid{grid-template-columns:minmax(0,1fr)}.principles-grid article{min-height:0}}.feature-showcase{padding-block:var(--section);color:var(--ink);background:var(--paper)}.feature-card-row{gap:10px;min-height:540px;margin:0;padding:0;display:flex}.feature-card{border-radius:var(--radius-lg);min-width:88px;color:var(--on-black);background:var(--black-raised);outline-offset:4px;transition:flex .6s var(--ease-out);flex:.7;position:relative;overflow:hidden}.feature-card:first-child,.feature-card-row:is(:hover,:focus-within) .feature-card:is(:hover,:focus-visible,:focus-within){flex:3.2}.feature-card-row:is(:hover,:focus-within) .feature-card:first-child:not(:hover,:focus-visible,:focus-within){flex:.7}.feature-card-media,.feature-card-shade{position:absolute;inset:0}.feature-card-media img,.feature-card-media video{object-fit:cover;filter:saturate(.7)brightness(.66);width:100%;height:100%;transition:transform .8s var(--ease-out), filter .4s ease;position:absolute;inset:0;transform:scale(1.04)}.feature-card.is-open .feature-card-media img,.feature-card:first-child .feature-card-media img{filter:saturate(.9)brightness(.82);transform:none}.feature-card-shade{background:linear-gradient(#0808081a 20%,#080808db 100%),linear-gradient(90deg,#08080880,#0000 60%)}.feature-card-closed{z-index:1;flex-direction:column;justify-content:space-between;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:22px 0}.feature-card-closed svg{opacity:.8;width:56px;height:40px}.feature-card-closed strong{writing-mode:vertical-rl;max-height:300px;font-family:var(--font-display);letter-spacing:-.01em;white-space:nowrap;font-size:1.25rem;font-weight:600;overflow:hidden;transform:rotate(180deg)}.feature-card-copy{z-index:1;opacity:0;max-width:560px;transition:opacity .3s ease, transform .5s var(--ease-out);position:absolute;inset:auto clamp(24px,3vw,40px) clamp(24px,3vw,40px);transform:translateY(14px)}.feature-card-drawing{width:112px;height:64px;color:var(--on-black);margin-bottom:18px}.feature-card-drawing svg{width:100%;height:100%}.feature-card-copy h3{letter-spacing:var(--tracking-tight);margin:0;font-size:clamp(1.75rem,1.2rem + 1.8vw,2.75rem);line-height:1.04}.feature-card-copy p{color:#d0d0c9;max-width:52ch;margin:14px 0 0;line-height:1.65}@media (min-width:901px){.feature-card:first-child .feature-card-closed{opacity:0}.feature-card:first-child .feature-card-copy{opacity:1;transform:none}.feature-card-row:is(:hover,:focus-within) .feature-card:first-child:not(:hover,:focus-visible,:focus-within) .feature-card-closed{opacity:1}.feature-card-row:is(:hover,:focus-within) .feature-card:first-child:not(:hover,:focus-visible,:focus-within) .feature-card-copy{opacity:0;transform:translateY(14px)}.feature-card:is(:hover,:focus-visible,:focus-within) .feature-card-closed{opacity:0}.feature-card:is(:hover,:focus-visible,:focus-within) .feature-card-copy{opacity:1;transition-delay:.12s;transform:none}.feature-card:is(:hover,:focus-visible,:focus-within) .feature-card-media img{filter:saturate(.9)brightness(.82);transform:none}}@media (max-width:900px){.feature-card-row{min-height:0;margin-inline:calc(var(--page-gutter) * -1);padding:0 var(--page-gutter) 6px;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--page-gutter);scrollbar-width:none;overflow-x:auto}.feature-card-row::-webkit-scrollbar{display:none}.feature-card,.feature-card:first-child,.feature-card-row:is(:hover,:focus-within) .feature-card,.feature-card-row:is(:hover,:focus-within) .feature-card:first-child{scroll-snap-align:start;flex:0 0 min(84%,420px);min-height:440px}.feature-card-closed{display:none}.feature-card-copy{opacity:1;transform:none}.feature-card-media img{filter:saturate(.85)brightness(.74);transform:none}}.platform-grid{border-top:1px solid var(--line);padding-top:var(--section-sm);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:20px clamp(32px,7vw,112px);display:grid}@media (max-width:760px){.platform-grid{grid-template-columns:minmax(0,1fr)}}.guides-hero h1{max-width:16ch}.guide-list .container{border-top:1px solid var(--line)}.guide-card{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding-block:clamp(22px,3vw,32px);display:grid;position:relative}.guide-card h2{letter-spacing:-.02em;max-width:34ch;margin:8px 0 0;font-size:clamp(1.25rem,1.05rem + .9vw,1.875rem);line-height:1.2}.guide-card h2 a:after{content:"";position:absolute;inset:0}.guide-arrow{z-index:1;border:1px solid var(--line);width:48px;height:48px;color:var(--ink);transition:background-color var(--dur-fast) ease, color var(--dur-fast) ease, border-color var(--dur-fast) ease;border-radius:50%;place-items:center;display:grid;position:relative}.guide-arrow svg{width:18px;height:18px}.guide-card:hover .guide-arrow{border-color:var(--ink);color:var(--paper);background:var(--ink)}.content-meta{color:var(--muted);font-size:var(--text-sm);margin:0}.page-cover .content-meta{color:var(--muted)}.article-body{min-width:0;color:var(--ink-soft);font-size:var(--text-body);line-height:1.8}.article-body section+section{margin-top:clamp(36px,5vw,56px)}.article-body h2{color:var(--ink);letter-spacing:var(--tracking-tight);margin:0 0 16px;font-size:clamp(1.5rem,1.2rem + 1.1vw,2.125rem);line-height:1.15}.article-body h3{color:var(--ink);font-size:var(--text-h3);margin:32px 0 12px;line-height:1.25}.article-body p{margin:0 0 18px}.article-body ul{gap:10px;margin:0 0 18px;padding:0;list-style:none;display:grid}.article-body li{padding-left:20px;position:relative}.article-body li:before{content:"";background:var(--ink);border-radius:50%;width:6px;height:6px;position:absolute;top:.78em;left:2px}.article-body blockquote{border-left:1px solid var(--ink);color:var(--ink);font-family:var(--font-display);font-size:var(--text-h3);margin:28px 0;padding:4px 0 4px 20px;line-height:1.45}.blog-list{padding-top:var(--section-sm)}.blog-filters{top:calc(var(--header-h) + var(--safe-top));z-index:5;margin-bottom:var(--stack);border-bottom:1px solid var(--line);background:var(--paper);align-items:center;gap:12px 20px;padding-block:12px;display:flex;position:sticky}.blog-categories{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.blog-categories button,.blog-category-menu>button,.blog-category-sheet button{border:1px solid var(--line);min-height:40px;color:var(--muted);font-size:var(--text-sm);transition:color var(--dur-fast) ease, border-color var(--dur-fast) ease, background-color var(--dur-fast) ease;background:0 0;border-radius:999px;padding:0 16px}.blog-categories button:hover{border-color:var(--ink);color:var(--ink)}.blog-categories button.is-active{border-color:var(--ink);color:var(--paper);background:var(--ink)}.blog-category-menu{display:none;position:relative}.blog-category-menu>button{min-height:44px;color:var(--ink);align-items:center;gap:8px;display:inline-flex}.blog-category-menu svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.blog-category-sheet{z-index:10;width:max-content;min-width:200px;max-width:calc(100vw - var(--page-gutter) * 2);border:1px solid var(--line);border-radius:var(--radius);background:var(--raised);box-shadow:var(--shadow-pop);gap:2px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);left:0}.blog-category-sheet button{border-radius:var(--radius-sm);text-align:left;border:0;min-height:44px}.blog-category-sheet button.is-active{color:var(--ink);background:var(--sunken);font-weight:600}.blog-search{flex:0 280px;align-items:center;margin-left:auto;display:flex;position:relative}.blog-search svg{fill:none;width:17px;height:17px;stroke:var(--muted);stroke-width:1.8px;stroke-linecap:round;pointer-events:none;position:absolute;left:14px}.blog-search input{border:1px solid var(--line);width:100%;min-height:44px;color:var(--ink);background:var(--raised);transition:border-color var(--dur-fast) ease;border-radius:999px;outline:none;padding:0 16px 0 40px;font-size:16px}.blog-search input:focus{border-color:var(--ink)}.blog-search input::placeholder{color:var(--muted)}@media (max-width:760px){.blog-categories{display:none}.blog-category-menu{display:block}.blog-search{flex:auto}}.blog-stream{gap:var(--section-sm);display:grid}.blog-entry{grid-template-columns:56px minmax(0,760px);justify-content:center;gap:clamp(20px,4vw,56px);display:grid}.blog-entry-body{min-width:0}.blog-entry-cover{aspect-ratio:16/9;border-radius:var(--radius-lg);background:var(--sunken);margin-bottom:24px;display:block;position:relative;overflow:hidden}.blog-entry-cover img{object-fit:cover;transition:transform .8s var(--ease-out)}@media (hover:hover){.blog-entry-cover:hover img{transform:scale(1.02)}}.blog-entry h2{letter-spacing:var(--tracking-tight);margin:0;font-size:clamp(1.625rem,1.2rem + 1.6vw,2.5rem);line-height:1.1}.blog-entry h2 a{transition:color var(--dur-fast) ease}.blog-entry h2 a:hover{color:var(--ink)}.blog-entry-meta{color:var(--muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:4px 10px;margin:14px 0 0;display:flex}.blog-entry-meta strong{color:var(--ink);font-weight:600}.blog-entry-content,.blog-entry-excerpt{max-width:68ch;color:var(--ink-soft);margin-top:20px;line-height:1.75}.blog-entry-content>*{margin:0 0 14px}.blog-entry-content h2{font-size:var(--text-h3)}.blog-entry-content h3{font-size:var(--text-body)}.blog-entry-more{margin:8px 0 0}.blog-entry-more a{min-height:44px;font-size:var(--text-sm);align-items:center;font-weight:600;display:inline-flex}.blog-empty{background:var(--brand-stone);border-radius:clamp(24px,3vw,40px);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:40px clamp(32px,6vw,96px);padding:clamp(32px,5vw,72px);display:grid}.blog-empty-copy h2{max-width:14ch;font-size:var(--text-h2);letter-spacing:var(--tracking-tight);margin:0;line-height:1.04}.blog-empty-copy p{max-width:36ch;color:var(--muted);font-size:var(--text-lead);margin:16px 0 0;line-height:1.55}@media (max-width:860px){.blog-empty{grid-template-columns:minmax(0,1fr)}}.guide-deck{justify-items:center;gap:28px;display:grid}.guide-deck-stack{aspect-ratio:4/3.4;cursor:pointer;width:min(100%,380px);position:relative}.guide-deck-card{--tone:var(--brand-yellow);color:#111;background:var(--tone);transform:translateY(calc(var(--depth) * -14px)) scale(calc(1 - var(--depth) * .05)) rotate(calc(var(--depth) * 3deg));transition:transform .55s var(--ease-spring), opacity .35s ease;border-radius:24px;flex-direction:column;padding:24px;display:flex;position:absolute;inset:0;box-shadow:0 24px 40px -26px #0a0a0a73}.guide-deck-card[data-tone=blue]{--tone:var(--brand-blue);color:#fff}.guide-deck-card[data-tone=sage]{--tone:var(--brand-sage)}.guide-deck-card[data-tone=orange]{--tone:var(--brand-orange);color:#fff}.guide-deck-card[data-tone=ink]{--tone:var(--brand-ink);color:#fff}.guide-deck-card[data-leaving=true]{opacity:0;transform:translate(60%,-12%)rotate(14deg)}.guide-deck-meta{font-size:var(--text-xs);opacity:.75;font-weight:600}.guide-deck-card h3{letter-spacing:-.03em;max-width:16ch;margin:auto 0 0;font-size:clamp(1.5rem,1.2rem + 1.2vw,2.125rem);line-height:1.08}.guide-deck-card a{color:#111;width:44px;height:44px;transition:transform .45s var(--ease-spring);background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;top:18px;right:18px}.guide-deck-card a svg{width:17px;height:17px}.guide-deck-card a:hover{transform:rotate(45deg)scale(1.08)}@media (hover:hover){.guide-deck-stack:hover .guide-deck-card:first-child:not([data-leaving=true]){transform:translateY(-6px)rotate(-1.5deg)}}.brand-hero{padding-bottom:var(--section-sm)}.brand-hero-mark{color:#111;background:var(--brand-yellow);width:84px;height:84px;animation:pop-in .7s var(--ease-spring) both;border-radius:26px;place-items:center;margin:0 auto 28px;display:grid}.brand-hero-mark svg{width:56px;height:56px;animation:5s ease-in-out 1s infinite mark-float}@keyframes mark-float{50%{transform:translateY(-4px)}}.brand-section{padding-block:var(--section-sm)}.brand-section h2{font-size:var(--text-h3);letter-spacing:-.02em;margin:0 0 24px;font-weight:600}.brand-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.brand-logo-tile{color:#111;background:var(--brand-stone);min-height:260px;transition:transform .5s var(--ease-spring);border-radius:28px;place-items:center;display:grid;position:relative}.brand-logo-tile[data-tone=dark]{color:#fff;background:var(--brand-ink)}.brand-logo-tile[data-tone=yellow]{background:var(--brand-yellow)}.brand-logo-art{align-items:center;gap:12px;display:inline-flex}.brand-logo-art svg{width:76px;height:76px;transition:transform .6s var(--ease-spring)}.brand-logo-art strong{font-family:var(--font-display);letter-spacing:-.04em;font-size:clamp(1.5rem,1.2rem + 1vw,2.125rem)}.brand-logo-tile:has(strong) .brand-logo-art svg{width:48px;height:48px}.brand-logo-download{color:#111;font-size:var(--text-xs);opacity:0;transition:opacity var(--dur) ease, transform var(--dur) var(--ease-out);background:#ffffffd9;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-weight:600;display:inline-flex;position:absolute;bottom:16px;left:16px;transform:translateY(6px)}.brand-logo-download svg{width:14px;height:14px;transform:rotate(90deg)}.brand-logo-tile:hover,.brand-mascot:hover{transform:translateY(-4px)}.brand-logo-tile:hover .brand-logo-art svg{transform:rotate(-10deg)scale(1.06)}.brand-logo-tile:is(:hover,:focus-visible) .brand-logo-download,.brand-mascot:is(:hover,:focus-visible) .brand-logo-download{opacity:1;transform:none}@media (hover:none){.brand-logo-download{opacity:1;transform:none}}.brand-swatch-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.brand-swatch{min-height:220px;color:var(--on-swatch);background:var(--swatch);text-align:left;transition:transform .5s var(--ease-spring), flex-grow .5s var(--ease-out);border:0;border-radius:24px;flex-direction:column;align-items:flex-start;gap:2px;padding:18px;display:flex;box-shadow:inset 0 0 0 1px #0a0a0a0f}.brand-swatch:hover{transform:translateY(-6px)rotate(-1deg)}.brand-swatch:active{transform:scale(.97)}.brand-swatch-name{font-weight:600}.brand-swatch-hex{font-family:var(--font-ibm-plex-mono);font-size:var(--text-sm);opacity:.8}.brand-swatch-action{background:color-mix(in srgb, var(--on-swatch) 14%, transparent);font-size:var(--text-xs);border-radius:999px;align-items:center;gap:6px;margin-top:auto;padding:6px 12px;font-weight:600;display:inline-flex}.brand-swatch-action svg{width:14px;height:14px}.brand-swatch[data-copied=true] .brand-swatch-action{animation:pop-in .4s var(--ease-spring)}@media (max-width:1000px){.brand-swatch-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.brand-logo-grid{grid-template-columns:minmax(0,1fr)}.brand-swatch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-swatch{min-height:150px}}.brand-type{background:var(--brand-stone);border-radius:28px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:24px clamp(32px,6vw,96px);padding:clamp(24px,4vw,56px);display:grid}.brand-type-display{font-family:var(--font-display);letter-spacing:-.06em;margin:0;font-size:clamp(5rem,3rem + 9vw,11rem);font-weight:700;line-height:.85}.brand-type-sample{max-width:18ch;font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:clamp(1.75rem,1.2rem + 2vw,3rem);font-weight:600;line-height:1.05}.brand-type-meta{color:var(--muted);font-size:var(--text-sm);margin:16px 0 0}@media (max-width:640px){.brand-type{grid-template-columns:minmax(0,1fr)}}.brand-mascot-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.brand-mascot{aspect-ratio:4/5;background:radial-gradient(90% 70% at 50% 100%, #fff 0%, var(--brand-stone) 70%);transition:transform .5s var(--ease-spring);border-radius:28px;place-items:center;display:grid;position:relative;overflow:hidden}.brand-mascot img{object-fit:contain;width:86%;height:86%;transition:transform .6s var(--ease-spring)}.brand-mascot:hover img{transform:translateY(-4px)rotate(-2deg)}@media (max-width:760px){.brand-mascot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.share-rail{top:calc(var(--header-h) + 88px);flex-direction:column;align-self:start;align-items:center;gap:6px;display:flex;position:sticky}.share-rail-label{color:var(--muted);font-size:var(--text-xs);margin-bottom:4px}.share-rail button{border:1px solid var(--line);width:44px;height:44px;color:var(--muted);background:var(--raised);transition:color var(--dur-fast) ease, border-color var(--dur-fast) ease, background-color var(--dur-fast) ease;border-radius:50%;place-items:center;display:grid}.share-rail button:hover{border-color:var(--ink);color:var(--ink)}.share-rail button.is-copied{border-color:var(--success);color:var(--success)}.share-rail svg{fill:currentColor;width:16px;height:16px}.share-rail svg.is-stroked{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}@media (max-width:760px){.blog-entry{grid-template-columns:minmax(0,1fr)}.share-rail{flex-flow:wrap;order:2;position:static}.share-rail-label{margin:0 6px 0 0}}.blog-article-page{padding-top:calc(var(--header-h) + var(--safe-top))}.legal-layout{padding-block:var(--section-sm) var(--section);grid-template-columns:minmax(180px,250px) minmax(0,70ch);justify-content:space-between;gap:32px clamp(32px,6vw,96px);display:grid}.legal-toc{top:calc(var(--header-h) + 32px);max-height:calc(100svh - var(--header-h) - 64px);align-self:start;position:sticky;overflow-y:auto}.legal-toc p,.legal-toc-compact summary{color:var(--muted);font-size:var(--text-xs);margin:0 0 10px;font-weight:600}.legal-toc ol,.legal-toc-compact ol{margin:0;padding:0;list-style:none;display:grid}.legal-toc ol{gap:2px}.legal-toc a,.legal-toc-compact a{min-height:40px;color:var(--muted);font-size:var(--text-sm);transition:color var(--dur-fast) ease, background-color var(--dur) ease, transform var(--dur) var(--ease-out);border-radius:12px;align-items:center;padding:6px 12px;line-height:1.35;display:flex}.legal-toc a:hover{color:var(--ink);background:var(--brand-stone)}.legal-toc a[aria-current=location]{color:#fff;background:var(--ink)}.legal-toc-compact a{border-bottom:1px solid var(--line);border-radius:0;padding-inline:0}.legal-toc-compact{display:none}.legal-article{min-width:0}.legal-article>section{scroll-margin-top:calc(var(--header-h) + 24px);padding-block:0 clamp(28px,4vw,44px)}.legal-article>section+section{padding-top:clamp(28px,4vw,44px)}.legal-article h2{letter-spacing:-.02em;margin:0 0 14px;font-size:clamp(1.375rem,1.15rem + .9vw,1.875rem);line-height:1.2}.legal-article p{color:var(--ink-soft);font-size:var(--text-body);white-space:pre-line;margin:0;line-height:1.8}.legal-contact{background:var(--brand-stone);border-radius:clamp(24px,3vw,32px);justify-items:start;gap:12px;margin-top:clamp(16px,3vw,32px);padding:clamp(24px,4vw,40px) clamp(120px,18vw,180px) clamp(24px,4vw,40px) clamp(24px,4vw,40px);display:grid;position:relative;overflow:hidden}.legal-contact-mascot{transform-origin:50% 100%;width:clamp(96px,14vw,150px);height:auto;transition:transform .6s var(--ease-spring);position:absolute;bottom:-8px;right:clamp(8px,2vw,24px)}.legal-contact:hover .legal-contact-mascot{transform:rotate(-6deg)translateY(-6px)}.legal-contact h2{font-size:var(--text-h3);margin:0}.legal-contact p{color:var(--muted);margin:0 0 8px}@media (max-width:900px){.legal-layout{grid-template-columns:minmax(0,1fr);padding-top:24px}.legal-toc{display:none}.legal-toc-compact{background:var(--brand-stone);border-radius:18px;display:block}.legal-toc-compact summary{min-height:52px;color:var(--ink);font-size:var(--text-sm);cursor:pointer;justify-content:space-between;align-items:center;margin:0;padding:0 16px;list-style:none;display:flex}.legal-toc-compact summary::-webkit-details-marker{display:none}.legal-toc-compact summary:after{content:"";width:7px;height:7px;transition:transform var(--dur) var(--ease-out);border-bottom:1.5px solid;border-right:1.5px solid;transform:rotate(45deg)translate(-2px,-2px)}.legal-toc-compact[open] summary:after{transform:rotate(-135deg)translate(-2px,-2px)}.legal-toc-compact nav{padding:0 16px 8px}.legal-toc-compact a{min-height:44px}.legal-toc-compact li:last-child a{border-bottom:0}.legal-contact .button{width:100%}}.reading-progress{inset:calc(var(--header-h) + var(--safe-top)) 0 auto;z-index:59;background:var(--brand-yellow);height:3px;transform:scaleX(var(--progress,0));transform-origin:0;position:fixed}.reading-head{padding-top:calc(var(--header-h) + var(--safe-top) + clamp(48px, 7vw, 96px));text-align:center;justify-items:center;gap:18px;display:grid}.reading-crumbs{color:var(--muted);font-size:var(--text-sm);flex-wrap:wrap;justify-content:center;align-items:center;gap:2px 8px;display:flex}.reading-crumbs a{min-height:36px;transition:background-color var(--dur-fast) ease, color var(--dur-fast) ease;border-radius:999px;align-items:center;padding:0 10px;display:inline-flex}.reading-crumbs a:hover{color:var(--ink);background:var(--sunken)}.reading-tags{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.reading-tags span{background:var(--brand-stone);font-size:var(--text-xs);border-radius:999px;padding:6px 12px;font-weight:600}.reading-tags span:first-child{background:var(--brand-yellow)}.reading-head h1{letter-spacing:-.045em;max-width:20ch;margin:0;font-size:clamp(2.25rem,1.4rem + 3.6vw,4.5rem);line-height:1}.reading-meta{color:var(--muted);font-size:var(--text-sm);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 14px;display:flex}.reading-meta strong{color:var(--ink);font-weight:600}.reading-meta>:is(time,span:not(.reading-avatar)):before{content:"·";color:var(--line-strong);opacity:.35;margin-right:14px}.reading-avatar{color:#111;background:var(--brand-yellow);border-radius:50%;place-items:center;width:32px;height:32px;margin-right:-4px;font-weight:700;display:grid}.reading-avatar svg{width:20px;height:20px}.reading-cover{aspect-ratio:21/9;background:var(--sunken);border-radius:clamp(20px,2.6vw,36px);margin-block:clamp(36px,5vw,64px) 0;position:relative;overflow:hidden}.reading-cover img{object-fit:cover}.reading-cover .page-cover-media{aspect-ratio:auto;border-radius:0;width:auto;max-width:none;margin:0;animation:none;position:absolute;inset:0}@media (max-width:760px){.reading-cover{aspect-ratio:4/3}}.reading-layout{padding-block:clamp(40px, 6vw, 80px) var(--section-sm);grid-template-columns:minmax(180px,240px) minmax(0,68ch);justify-content:space-between;gap:32px clamp(32px,6vw,96px);display:grid}.reading-aside{top:calc(var(--header-h) + 32px);align-self:start;gap:28px;display:grid;position:sticky}.section-toc p{color:var(--muted);font-size:var(--text-xs);margin:0 0 10px;font-weight:600}.section-toc ol{gap:2px;margin:0;padding:0 0 0 14px;list-style:none;display:grid;position:relative}.section-toc ol:before,.section-toc ol:after{content:"";background:var(--line);border-radius:2px;width:2px;position:absolute;top:4px;bottom:4px;left:0}.section-toc ol:after{background:var(--ink);transform:scaleY(var(--toc-step,0));transform-origin:top;transition:transform .6s var(--ease-out)}.section-toc a{min-height:36px;color:var(--muted);font-size:var(--text-sm);transition:color var(--dur-fast) ease, background-color var(--dur) ease;border-radius:10px;align-items:center;padding:6px 10px;line-height:1.35;display:flex}.section-toc a:hover{color:var(--ink);background:var(--brand-stone)}.section-toc a[aria-current=location]{color:var(--ink);background:var(--brand-stone);font-weight:600}.reading-aside .share-rail{flex-flow:wrap;align-items:center;position:static}.reading-body{font-size:1.125rem;line-height:1.8}.reading-body .reading-lead,.reading-body>p:first-child{color:var(--ink);font-family:var(--font-display);letter-spacing:-.01em;margin-bottom:32px;font-size:clamp(1.25rem,1.1rem + .6vw,1.5rem);line-height:1.5}.reading-body h2{scroll-margin-top:calc(var(--header-h) + 32px);letter-spacing:-.03em;margin:clamp(40px,5vw,56px) 0 14px;font-size:clamp(1.5rem,1.2rem + 1.2vw,2.125rem);line-height:1.12}.reading-body section{scroll-margin-top:calc(var(--header-h) + 32px)}.reading-body section h2{margin-top:clamp(40px,5vw,56px)}.reading-body section:first-of-type h2{margin-top:0}.reading-body li:before{background:var(--brand-yellow);border-radius:2px;width:8px;height:8px;top:.72em;box-shadow:inset 0 0 0 1.5px #0a0a0a33}.reading-body blockquote{border:0;border-left:4px solid var(--brand-yellow);color:var(--ink);background:var(--brand-stone);font-family:var(--font-display);letter-spacing:-.015em;border-radius:0 20px 20px 0;margin:36px 0;padding:20px 24px;font-size:clamp(1.25rem,1.1rem + .6vw,1.625rem);line-height:1.4}.reading-end{padding-bottom:var(--section-sm);gap:12px;display:grid}.reading-cta{background:var(--brand-yellow);border-radius:clamp(24px,3vw,36px);justify-items:start;gap:20px;min-height:240px;padding:clamp(28px,4vw,48px) clamp(150px,26vw,300px) clamp(28px,4vw,48px) clamp(28px,4vw,48px);display:grid;position:relative;overflow:hidden}.reading-cta h2{letter-spacing:-.04em;max-width:18ch;margin:0;font-size:clamp(1.75rem,1.3rem + 1.8vw,2.75rem);line-height:1.04}.reading-cta-mascot{transform-origin:50% 100%;width:clamp(130px,20vw,230px);height:auto;transition:transform .6s var(--ease-spring);position:absolute;bottom:-12px;right:clamp(12px,4vw,56px)}.reading-cta:hover .reading-cta-mascot{transform:rotate(-4deg)translateY(-6px)}.reading-nav{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px;display:grid}.reading-nav-card{background:var(--brand-stone);min-height:160px;transition:transform .5s var(--ease-spring), background-color var(--dur-fast) ease;border-radius:clamp(22px,2.4vw,28px);align-content:space-between;gap:24px;padding:24px;display:grid}.reading-nav-card span{color:var(--muted);font-size:var(--text-sm);align-items:center;gap:8px;display:inline-flex}.reading-nav-card span svg{width:16px;height:16px;transition:transform var(--dur) var(--ease-out)}.reading-nav-card strong{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(1.25rem,1.1rem + .6vw,1.5rem);font-weight:600;line-height:1.2}.reading-nav-card.is-next{text-align:right}.reading-nav-card.is-next span{justify-content:flex-end}.reading-nav-card:hover{background:#ebebe6;transform:translateY(-4px)}.reading-nav-card.is-prev:hover span svg{transform:translate(-3px)}.reading-nav-card.is-next:hover span svg{transform:translate(3px)}.reading-back{min-height:44px;color:var(--muted);font-size:var(--text-sm);transition:background-color var(--dur-fast) ease, color var(--dur-fast) ease;border-radius:999px;justify-self:start;align-items:center;gap:8px;padding:0 16px 0 12px;font-weight:600;display:inline-flex}.reading-back svg{width:16px;height:16px}.reading-back:hover{color:var(--ink);background:var(--sunken)}@media (prefers-reduced-motion:no-preference){.reading-head>*{animation:hero-rise .8s var(--ease-out) both}.reading-head>:nth-child(2){animation-delay:50ms}.reading-head>:nth-child(3){animation-delay:.1s}.reading-head>:nth-child(4){animation-delay:.15s}.reading-cover{animation:cover-settle 1.1s var(--ease-out) both .15s}}@media (max-width:960px){.reading-layout{grid-template-columns:minmax(0,1fr)}.reading-aside{position:static}.reading-aside .section-toc{display:none}.reading-cta{padding-bottom:180px;padding-right:clamp(24px,4vw,48px)}.reading-cta-mascot{width:150px}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.page-cover-media img,.reading-cover img{animation:linear both cover-zoom;animation-timeline:view();animation-range:entry exit}}}@keyframes cover-zoom{0%{transform:scale(1.14)translateY(-2%)}to{transform:scale(1)translateY(2%)}}
.story-page{--story-r:16px;--story-line:var(--line);--story-shadow:0 1px 2px #0a0a0a0d, 0 18px 44px -24px #0a0a0a47;--tone:var(--brand-yellow);padding-top:calc(var(--header-h) + var(--safe-top))}.story-page [data-tone=yellow],.story-page[data-tone=yellow]{--tone:var(--brand-yellow)}.story-page [data-tone=blue],.story-page[data-tone=blue]{--tone:var(--brand-blue)}.story-page [data-tone=orange],.story-page[data-tone=orange]{--tone:var(--brand-orange)}.story-page [data-tone=sage],.story-page[data-tone=sage]{--tone:var(--brand-sage)}html[data-surface-mode=dark] .story-page{--story-shadow:0 1px 2px #0006, 0 18px 44px -24px #000c}.story-kicker{color:var(--muted);font-size:var(--text-sm);letter-spacing:.01em;align-items:center;gap:8px;margin:0 0 14px;font-weight:600;display:inline-flex}.story-kicker:before{content:"";background:var(--tone);border-radius:2px;flex:none;width:8px;height:8px}.story-kicker a{color:inherit;text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line)}.story-kicker a:hover{color:var(--ink)}.story-page h1{max-width:17ch;font-size:var(--text-display);letter-spacing:var(--tracking-display);margin:0;line-height:1.02}.story-page h1 em{color:var(--muted);font-style:normal}.story-lead{max-width:54ch;color:var(--ink-soft);font-size:var(--text-lead);margin:18px 0 0;line-height:1.5}.story-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:28px;display:flex}.shot{margin:0;position:relative}.shot img{display:block}.shot-frame{border:1px solid var(--story-line);border-radius:var(--story-r);background:var(--raised);box-shadow:var(--story-shadow);overflow:hidden}.shot-frame img{width:100%;height:auto}.shot-bleed{aspect-ratio:var(--shot-ratio,16 / 10);border:1px solid var(--story-line);border-radius:var(--story-r);background:var(--sunken);box-shadow:var(--story-shadow);overflow:hidden}.shot-phone{width:100%;max-width:260px;box-shadow:var(--story-shadow);background:#111;border:8px solid #111;border-radius:34px;overflow:hidden}.shot-phone img{border-radius:26px;width:100%;height:auto}.shot-tag{color:#111;letter-spacing:.02em;background:#ffffffe0;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:600;position:absolute;top:10px;left:10px;box-shadow:0 0 0 1px #0a0a0a14}.loop{position:relative}.loop-video{border-radius:calc(var(--story-r) - 1px);object-fit:cover;opacity:0;pointer-events:none;width:calc(100% - 2px);height:calc(100% - 2px);transition:opacity .6s;position:absolute;inset:1px}.loop[data-playing=true] .loop-video{opacity:1}.loop-toggle{z-index:2;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0a0a9e;border:0;border-radius:999px;place-items:center;width:44px;height:44px;display:grid;position:absolute;bottom:12px;right:12px}.loop-toggle svg{width:18px;height:18px}.loop-toggle:hover{background:#0a0a0acc}.sh-hero{padding-top:clamp(32px,6vw,88px)}.sh-hero-copy{justify-items:start;display:grid}.sh-hero-copy h1{max-width:14ch}.sh-hero-media{margin-top:clamp(32px,5vw,64px)}.sh-hero-media .shot-bleed{border-radius:calc(var(--story-r) + 8px)}.sh-hero-media .loop-video{border-radius:calc(var(--story-r) + 7px)}.sh-proofs{margin-top:clamp(28px,4vw,48px)}.sh-proofs ul{border:1px solid var(--story-line);border-radius:var(--story-r);background:var(--story-line);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.sh-proofs li{background:var(--paper);align-content:start;gap:4px;padding:20px;display:grid}.sh-proofs strong{font-size:var(--text-base);line-height:1.3}.sh-proofs span{color:var(--muted);font-size:var(--text-sm);line-height:1.45}.proof-icon{width:24px;height:24px;color:var(--ink);margin-bottom:8px}.sh-story,.story-page>.chapter-list{padding-block:var(--section-sm)}.story-section-head{margin-bottom:clamp(28px,4vw,56px)}.story-section-head h2{max-width:20ch;font-size:var(--text-h2);letter-spacing:var(--tracking-tight);margin:0;line-height:1.06}.chapter-list{gap:clamp(48px,7vw,104px);margin:0 auto;padding:0;list-style:none;display:grid}.chapter-row{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,64px);display:grid}.chapter-row:nth-child(2n) .chapter-row-media{order:2}.chapter-row-copy h2,.chapter-row-copy h3{letter-spacing:var(--tracking-tight);margin:0;font-size:clamp(1.5rem,1.1rem + 1.4vw,2.25rem);line-height:1.1}.chapter-row-copy>p:not(.chapter-row-label){color:var(--ink-soft);font-size:var(--text-body);margin:14px 0 0}.chapter-row-label{color:var(--muted);font-size:var(--text-sm);flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 12px;font-weight:600;display:flex}.chapter-row-label span{color:var(--ink);background:color-mix(in srgb, var(--tone) 30%, var(--paper));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tone) 70%, transparent);border-radius:999px;padding:3px 10px;font-size:12px}.chapter-row-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0;padding:0;list-style:none;display:grid}.chapter-row-tiles li{color:var(--muted);gap:6px;font-size:12px;font-weight:600;display:grid}.chapter-row-tiles .shot-bleed{box-shadow:none;border-radius:10px}.sh-plans{margin-top:clamp(48px,7vw,96px)}.sh-plans-link{border:1px solid var(--story-line);border-radius:var(--story-r);background:var(--raised);transition:border-color var(--dur) ease, transform var(--dur) var(--ease-out);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;padding:22px 24px;display:grid}.sh-plans-link:hover{border-color:var(--ink);transform:translateY(-2px)}.sh-plans-link>span:first-child{font-size:var(--text-h3);letter-spacing:-.02em;font-weight:650;display:grid}.sh-plans-link small{color:var(--muted);letter-spacing:0;font-size:12px;font-weight:600}.sh-plans-text{color:var(--muted);font-size:var(--text-sm)}.sh-plans-link svg{width:20px;height:20px}.story-hero{padding-top:clamp(32px,6vw,80px)}.story-hero h1{max-width:20ch;font-size:var(--text-h1);line-height:1.04}.story-hero-short{padding-bottom:clamp(16px,3vw,32px)}.chapter-cover{margin-top:clamp(32px,5vw,56px)}.chapter-tiles{padding-block:clamp(48px,7vw,96px) 0}.chapter-tiles ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.6vw,32px);margin:0;padding:0;list-style:none;display:grid}.chapter-tiles li{align-content:start;display:grid}.chapter-tiles h2{font-size:var(--text-h3);letter-spacing:-.02em;margin:16px 0 0;line-height:1.2}.chapter-tiles p{color:var(--muted);font-size:var(--text-sm);margin:6px 0 0;line-height:1.5}.chapter-points{border:1px solid var(--story-line);border-radius:calc(var(--story-r) + 8px);background:var(--sunken);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(28px,5vw,80px);margin-top:clamp(56px,8vw,112px);padding:clamp(24px,4vw,48px);display:grid}.chapter-points h2{font-size:var(--text-h2);letter-spacing:var(--tracking-tight);margin:0 0 18px;line-height:1.08}.chapter-points ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.chapter-points li{font-size:var(--text-body);align-items:flex-start;gap:12px;line-height:1.45;display:flex}.point-check{width:24px;height:24px;color:var(--ink);background:color-mix(in srgb, var(--tone) 34%, var(--paper));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tone) 75%, transparent);border-radius:999px;flex:none;place-items:center;margin-top:1px;display:grid}.point-check svg{width:14px;height:14px}.chapter-points li.is-upcoming{color:var(--muted)}.chapter-points li.is-upcoming .point-check{color:var(--muted);background:var(--line)}.soon-tag{border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:999px;align-self:center;margin-left:4px;padding:2px 8px;font-size:11px;font-weight:600}.chapter-phone{justify-items:center;gap:10px;width:clamp(180px,22vw,260px);display:grid}.chapter-phone p{color:var(--muted);font-size:var(--text-sm);margin:0;font-weight:600}.story-pager{border-top:1px solid var(--story-line);justify-content:space-between;gap:16px;margin-top:clamp(48px,7vw,96px);padding-top:24px;display:flex}.story-pager-link{min-height:56px;font-size:var(--text-h3);letter-spacing:-.02em;align-items:center;gap:12px;padding:8px 4px;font-weight:650;display:inline-flex}.story-pager-link span{display:grid}.story-pager-link small{color:var(--muted);letter-spacing:0;font-size:12px;font-weight:600}.story-pager-link.is-next{text-align:right;margin-left:auto}.story-pager-link svg{width:20px;height:20px;transition:transform var(--dur) var(--ease-out)}.story-pager-link:hover svg{transform:translate(3px)}.story-pager-link:not(.is-next):hover svg{transform:translate(-3px)}.cta-band{margin-top:clamp(56px,8vw,120px)}.cta-band-inner{border-radius:calc(var(--story-r) + 12px);color:var(--on-black);background:var(--black);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;padding:clamp(28px,5vw,64px) clamp(24px,5vw,64px) 0;display:grid;position:relative;overflow:hidden}.cta-band-copy{align-self:center;padding-bottom:clamp(28px,5vw,64px)}.cta-band h2{max-width:18ch;font-size:var(--text-h2);letter-spacing:var(--tracking-tight);color:var(--on-black);margin:0;line-height:1.06}.cta-band p{max-width:46ch;color:var(--on-black-muted);font-size:var(--text-lead);margin:14px 0 0}.cta-band-actions{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.cta-band-mascot{align-self:end;width:clamp(140px,20vw,260px);height:auto}.button.button-on-dark{color:#111;background:var(--brand-yellow);border-color:var(--brand-yellow)}.button.button-on-dark:hover{background:#ffe066;border-color:#ffe066}.button.button-ghost-on-dark{color:var(--on-black);border-color:var(--black-line);background:0 0}.button.button-ghost-on-dark:hover{border-color:var(--on-black-muted);background:var(--black-raised)}.cta-band :focus-visible{outline-color:var(--on-black)}.plan-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:clamp(24px,4vw,40px);display:grid}.plan-card{border:1px solid var(--story-line);border-radius:var(--story-r);background:var(--raised);box-shadow:var(--story-shadow);grid-template-rows:auto auto 1fr auto;gap:8px;padding:24px;display:grid}.plan-card[data-fitted]{background:var(--sunken);box-shadow:none}.plan-card h2{font-size:var(--text-h3);letter-spacing:-.02em;margin:0}.plan-blurb{color:var(--muted);font-size:var(--text-sm);margin:0 0 8px}.plan-card dl{align-content:start;gap:0;margin:0 0 16px;display:grid}.plan-card dl div{border-top:1px solid var(--story-line);gap:2px;padding:10px 0;display:grid}.plan-card dt{color:var(--muted);font-size:12px;font-weight:600}.plan-card dd{font-size:var(--text-sm);font-variant-numeric:tabular-nums;margin:0;font-weight:600}.plan-card .button{place-self:end start}.plan-note{color:var(--muted);font-size:var(--text-sm);margin-top:16px}@media (max-width:1000px){.chapter-tiles ul,.sh-proofs ul{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.chapter-row{grid-template-columns:minmax(0,1fr)}.chapter-row:nth-child(2n) .chapter-row-media{order:0}}@media (max-width:700px){.chapter-tiles ul,.chapter-points{grid-template-columns:minmax(0,1fr)}.chapter-phone{justify-self:center}.cta-band-inner{grid-template-columns:minmax(0,1fr)}.cta-band-copy{padding-bottom:0}.cta-band-mascot{justify-self:end;width:140px;margin-top:-8px}.sh-plans-link{grid-template-columns:minmax(0,1fr) auto}.sh-plans-text{grid-area:2/1/auto/-1}.story-pager-link{font-size:var(--text-base)}}@media (max-width:480px){.sh-proofs ul{grid-template-columns:minmax(0,1fr)}.sh-proofs li{grid-template-columns:auto minmax(0,1fr);column-gap:12px;padding:16px}.sh-proofs li .proof-icon{grid-row:span 2;margin:0}.story-actions .button{flex:auto;justify-content:center}}@media (prefers-reduced-motion:reduce){.loop-video,.sh-plans-link,.story-pager-link svg{transition:none}}.chapter-list>li{content-visibility:auto;contain-intrinsic-size:auto 760px;margin:-28px -16px;padding:28px 16px}.chapter-tiles,.plan-grid{content-visibility:auto;contain-intrinsic-size:auto 900px;margin-bottom:-32px;padding-bottom:32px}.chapter-points{content-visibility:auto;contain-intrinsic-size:auto 560px}.cta-band{content-visibility:auto;contain-intrinsic-size:auto 420px}
.field{gap:8px;min-width:0;display:grid}.field label{color:var(--ink);font-size:var(--text-sm);font-weight:600}.field input,.field select,.field textarea{width:100%;min-height:52px;color:var(--ink);font-size:max(16px, var(--text-base));caret-color:var(--ink);transition:border-color var(--dur-fast) ease, box-shadow var(--dur) ease, background-color var(--dur-fast) ease;background:#f3f3f0;border:1px solid #0000;border-radius:14px;outline:none;padding:14px 16px;line-height:1.4}.field textarea{resize:vertical;min-height:148px}.field input:hover,.field select:hover,.field textarea:hover{background:#eeeeea}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--ink);box-shadow:0 0 0 4px color-mix(in srgb, var(--ink) 10%, transparent);background:#fff}.field[data-invalid] input,.field[data-invalid] textarea{border-color:var(--danger)}.field[data-invalid] input:focus,.field[data-invalid] textarea:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--danger) 18%, transparent)}.field-error{color:var(--danger);font-weight:500;font-size:var(--text-sm);margin:0;line-height:1.45}@media (prefers-reduced-motion:no-preference){.field-error{animation:field-error-in .24s var(--ease-out) both}}@keyframes field-error-in{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}.field select{appearance:none;cursor:pointer;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 22px),calc(100% - 16px);background-repeat:no-repeat;background-size:6px 6px;padding-right:44px}.field-optional{color:var(--muted);font-weight:500}.field-check{grid-template-columns:22px minmax(0,1fr);align-items:start;column-gap:12px}.field-check input{width:22px;height:22px;min-height:0;accent-color:var(--ink);cursor:pointer;border-radius:6px;margin:1px 0 0;padding:0}.field-check label{color:var(--muted);cursor:pointer;font-weight:500;line-height:1.5}.field-check label a{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.field-check .field-error{grid-column:2}.field-trap{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.form-notice{font-size:var(--text-sm);border-radius:10px;margin:0;padding:12px 14px;line-height:1.5}.form-notice.success{color:var(--success);background:var(--success-soft)}.form-notice.error{color:var(--danger);background:var(--danger-soft)}.form-actions{flex-wrap:wrap;align-items:center;gap:14px 20px;display:flex}.form-actions .button{min-width:200px}@media (max-width:640px){.form-grid{grid-template-columns:minmax(0,1fr)}.form-actions{display:grid}.form-actions .button{width:100%}}.cc-turnstile{border:1px solid var(--line);background:var(--raised);border-radius:10px;align-items:center;gap:10px;width:min(100%,300px);min-height:44px;padding:0 12px;display:flex}.cc-turnstile-mark{width:18px;height:18px;color:var(--muted);flex:none;place-items:center;display:grid}.cc-turnstile-mark svg{width:16px;height:16px}.cc-turnstile[data-ready=true] .cc-turnstile-mark{color:var(--success)}.cc-turnstile-label{min-width:0;color:var(--muted);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.cc-turnstile-brand{color:var(--muted);flex:none;font-size:11px;font-weight:600}.cc-turnstile-live{width:min(100%,300px);min-height:65px}.contact-page .page-cover-media{display:none}.contact-options{padding-block:clamp(28px, 4vw, 48px) var(--section)}.contact-switch{justify-content:center;margin-bottom:clamp(28px,4vw,48px);display:flex}.contact-switch [role=tablist]{background:var(--brand-stone);border-radius:999px;grid-template-columns:1fr 1fr;padding:5px;display:grid;position:relative}.contact-switch [role=tablist]:before{content:"";background:var(--ink);width:calc(50% - 5px);transition:transform .5s var(--ease-spring);border-radius:999px;position:absolute;inset:5px auto 5px 5px;box-shadow:0 8px 18px -10px #0a0a0a99}.contact-panel.is-info .contact-switch [role=tablist]:before{transform:translate(100%)}.contact-switch [role=tab]{z-index:1;min-height:46px;color:var(--muted);font-size:var(--text-sm);white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:0 24px;font-weight:600;transition:color .3s;position:relative}.contact-switch [role=tab]:hover{color:var(--ink)}.contact-switch [role=tab][aria-selected=true]{color:#fff}@media (max-width:640px){.contact-switch [role=tablist]{width:100%}.contact-switch [role=tab]{padding-inline:10px}}@media (prefers-reduced-motion:no-preference){.contact-panel-body>*{animation:hero-rise .6s var(--ease-out) both}}.contact-form{background:#fff;border-radius:clamp(24px,3vw,36px);gap:20px;width:min(100%,860px);margin-inline:auto;padding:clamp(20px,4vw,48px);display:grid;box-shadow:0 0 0 1px #0a0a0a0f,0 30px 60px -44px #0a0a0a59}.contact-form-head{gap:8px;margin-bottom:8px;display:grid}.contact-form-head h2{letter-spacing:var(--tracking-tight);margin:0;font-size:clamp(1.75rem,1.3rem + 1.6vw,2.5rem);line-height:1.06}.contact-form-head p{display:none}@media (max-width:760px){.contact-form{box-shadow:none;border-radius:0;padding:0}}.contact-info-panel{gap:10px;display:grid}.contact-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.contact-directory-item{min-height:180px;color:var(--ink);background:var(--brand-stone);text-align:left;transition:transform .5s var(--ease-spring), background-color var(--dur-fast) ease;border:0;border-radius:clamp(22px,2.6vw,32px);flex-direction:column;align-items:flex-start;gap:10px;padding:clamp(22px,3vw,32px);display:flex}button.contact-directory-item{cursor:pointer;width:100%}button.contact-directory-item:hover{background:#ebebe6;transform:translateY(-4px)}.contact-directory-label{color:var(--muted);font-size:var(--text-sm);align-items:center;gap:8px;font-weight:600;display:inline-flex}.contact-directory-label svg{flex:none;width:18px;height:18px}.contact-directory-item strong{font-family:var(--font-display);letter-spacing:-.03em;margin-top:auto;font-size:clamp(1.5rem,1.2rem + 1vw,2rem);font-weight:600}.contact-directory-item p{color:var(--muted);font-size:var(--text-sm);margin:0;line-height:1.55}.contact-socials{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.contact-socials a{width:56px;height:56px;color:var(--ink);transition:transform .45s var(--ease-spring), background-color var(--dur-fast) ease, color var(--dur-fast) ease;background:#fff;border-radius:50%;place-items:center;display:grid}.contact-socials a:hover{color:#fff;background:var(--ink);transform:translateY(-3px)rotate(-6deg)}.contact-socials .social-icon{width:20px;height:20px}@media (max-width:640px){.contact-directory{grid-template-columns:minmax(0,1fr)}.contact-directory-item{min-height:0}}.contact-map-frame{background:var(--sunken);border-radius:clamp(22px,2.6vw,32px);height:clamp(340px,52vw,520px);position:relative;overflow:hidden}.contact-map-frame iframe{border:0;width:100%;height:100%;display:block}.contact-map-frame iframe.map-style-standard{filter:grayscale()contrast(1.08)brightness(1.04)}.contact-map-frame iframe.map-style-light{filter:grayscale(.82)contrast(.92)brightness(1.13)}.contact-map-frame iframe.map-style-dark{filter:grayscale()invert(.88)contrast(1.3)brightness(.58)}.contact-map-style{z-index:4;position:absolute;bottom:16px;left:16px}.contact-map-style>summary{color:#0a0a0a;cursor:pointer;background:#fffffff5;border:1px solid #0a0a0a29;border-radius:12px;place-items:center;width:48px;height:48px;list-style:none;display:grid;box-shadow:0 10px 28px -8px #0a0a0a4d}.contact-map-style>summary::-webkit-details-marker{display:none}.contact-map-style>summary svg{width:21px;height:21px}.contact-map-style[open]>summary{color:#fff;background:#0a0a0a}.contact-map-style-menu{border-radius:var(--radius);color:#0a0a0a;background:#fff;border:1px solid #0a0a0a1f;gap:2px;width:220px;padding:6px;display:grid;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 18px 46px -12px #0a0a0a4d}.contact-map-style-menu button{border-radius:var(--radius-sm);color:#55554f;min-height:48px;font-size:var(--text-xs);text-align:left;background:0 0;border:0;grid-template-columns:52px minmax(0,1fr) 6px;align-items:center;gap:10px;padding:5px 10px 5px 5px;font-weight:600;display:grid}.contact-map-style-menu button:hover,.contact-map-style-menu button[aria-checked=true]{color:#0a0a0a;background:#f0f0ec}.contact-map-style-menu button>i{opacity:0;background:currentColor;border-radius:50%;width:6px;height:6px}.contact-map-style-menu button[aria-checked=true]>i{opacity:1}.map-preview{color:#222;background:#efefe9;border:1px solid #0a0a0a1f;border-radius:6px;width:52px;height:34px;display:block;overflow:hidden}.map-preview svg{width:100%;height:100%;display:block}.map-preview-blocks{fill:currentColor;opacity:.12}.map-preview-roads{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;opacity:.58}.map-preview-light{color:#9b9b94;background:#fff}.map-preview-dark{color:#efefe9;background:#161616;border-color:#292929}.contact-map-location{z-index:5;pointer-events:none;position:absolute;inset:0}.contact-map-location>summary{color:#fff;cursor:pointer;pointer-events:auto;width:56px;height:56px;transition:transform var(--dur) var(--ease-out);background:#080808;border-radius:50% 50% 50% 12px;place-items:center;list-style:none;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-58%)rotate(-45deg);box-shadow:0 14px 34px -8px #00000073}.contact-map-location>summary::-webkit-details-marker{display:none}.contact-map-location>summary:hover{transform:translate(-50%,-58%)rotate(-45deg)scale(1.05)}.contact-map-location>summary span{place-items:center;width:30px;height:30px;display:grid;transform:rotate(45deg)}.contact-map-location>summary svg{width:30px;height:30px}.contact-map-location-menu{border-radius:var(--radius);color:#0a0a0a;pointer-events:auto;background:#fff;border:1px solid #0a0a0a1f;gap:6px;width:min(310px,100% - 32px);padding:16px;display:grid;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:0 18px 50px -12px #0a0a0a59}.contact-map-location-label{color:#62625c;font-size:var(--text-xs);align-items:center;gap:7px;font-weight:600;display:inline-flex}.contact-map-location-label svg{width:16px;height:16px}.contact-map-location-menu strong{letter-spacing:-.02em;font-size:1.25rem;line-height:1.15}.contact-map-location-menu p{color:#62625c;font-size:var(--text-xs);margin:0;line-height:1.55}.contact-map-overlay{color:#fff;min-height:44px;font-size:var(--text-sm);background:#0a0a0a;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:6px;padding-inline:16px;font-weight:600;display:inline-flex}.contact-map-overlay:hover{background:#2a2a28}.contact-map-overlay svg{width:16px;height:16px}.demo-request-page{padding:calc(var(--header-h) + var(--safe-top) + 12px) clamp(8px, 1.4vw, 16px) clamp(8px, 1.4vw, 16px);background:var(--brand-stone)}.demo-request-layout{width:min(1400px,100%);min-height:calc(100svh - var(--header-h) - var(--safe-top) - 28px);background:#fff;border-radius:clamp(24px,3vw,40px);grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:8px;margin-inline:auto;padding:8px;display:grid;overflow:hidden;box-shadow:0 1px #0a0a0a08,0 30px 60px -40px #0a0a0a40}.demo-form-column{place-items:center;padding:clamp(32px,6vw,96px) clamp(16px,4vw,64px);display:grid}.demo-request-form,.demo-form-success{gap:20px;width:min(100%,500px);display:grid}.demo-request-form:before{content:"";background:linear-gradient(90deg, var(--ink) 0 50%, var(--sunken) 50% 100%);background-size:100% 100%;border-radius:999px;height:4px;margin-bottom:8px}.demo-request-details:before{background:var(--ink);animation:demo-step 1s var(--ease-out) both}@keyframes demo-step{0%{clip-path:inset(0 50% 0 0 round 999px)}to{clip-path:inset(0 round 999px)}}.demo-request-form h1,.demo-form-success h1{letter-spacing:-.045em;max-width:14ch;margin:0;font-size:clamp(2.125rem,1.4rem + 2.8vw,3.75rem);line-height:1}.demo-product-context,.demo-confirmed-email{width:fit-content;max-width:100%;color:var(--ink-soft);background:var(--sunken);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;margin:-6px 0 4px;padding:6px 14px;overflow:hidden}.demo-submit{width:100%;min-height:54px}.demo-back{width:fit-content;min-height:40px;color:var(--muted);font-size:var(--text-sm);transition:background-color var(--dur-fast) ease, color var(--dur-fast) ease;background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;margin:-8px 0 0 -12px;padding:0 12px;display:inline-flex}.demo-back:hover{color:var(--ink);background:var(--sunken)}.demo-back svg{width:17px;height:17px;transition:transform var(--dur) var(--ease-out)}.demo-back:hover svg{transform:translate(-3px)}.demo-form-success>span{color:#111;background:var(--brand-yellow);width:56px;height:56px;animation:pop-in .6s var(--ease-spring) both;border-radius:50%;place-items:center;display:grid}.demo-form-success>span svg{width:24px;height:24px}.demo-form-success p{max-width:40ch;color:var(--muted);font-size:var(--text-lead);margin:0;line-height:1.55}.demo-brand-visual{background:linear-gradient(#ffffff17 1px, transparent 1px) 0 0 / 32px 32px, linear-gradient(90deg, #ffffff17 1px, transparent 1px) 0 0 / 32px 32px, radial-gradient(90% 70% at 50% 100%, color-mix(in srgb, var(--brand-blue) 70%, #fff) 0%, var(--brand-blue) 70%);border-radius:clamp(18px,2.4vw,32px);place-items:end center;display:grid;position:relative;overflow:hidden}.demo-character-art{object-fit:contain;object-position:center bottom;width:min(82%,560px);height:auto;max-height:92%;transition:transform .8s var(--ease-spring);transform:translateY(4%)}@media (hover:hover){.demo-brand-visual:hover .demo-character-art{transform:translateY(2%)rotate(-1.5deg)}}.demo-chip{z-index:1;color:#fff;font-size:var(--text-sm);background:#111;border-radius:999px 999px 999px 4px;padding:9px 16px;font-weight:600;position:absolute;box-shadow:0 14px 28px -16px #0009}.demo-chip:first-of-type{top:14%;left:10%}.demo-chip:last-of-type{color:#111;background:#fff;border-radius:999px 999px 4px;top:26%;right:9%}@media (prefers-reduced-motion:no-preference){.demo-request-form,.demo-form-success{animation:hero-rise .6s var(--ease-out) both}.demo-character-art{animation:demo-rise 1.1s var(--ease-out) both .1s}.demo-chip{animation:demo-chip-in .6s var(--ease-spring) both .7s, demo-bob 4.5s ease-in-out 1.4s infinite}.demo-chip:last-of-type{animation-delay:.85s,2s}}@keyframes demo-rise{0%{opacity:0;transform:translateY(18%)}}@keyframes demo-chip-in{0%{opacity:0;scale:.6}}@keyframes demo-bob{50%{translate:0 -6px}}@media (max-width:900px){.demo-request-layout{grid-template-columns:minmax(0,1fr);min-height:0}.demo-form-column{place-items:start stretch;padding-block:32px 40px}.demo-request-form,.demo-form-success{width:100%;max-width:560px}.demo-brand-visual{order:-1;height:clamp(220px,52vw,360px)}.demo-character-art{width:auto;height:96%}}