@font-face{font-family:Libre Baskerville;src:url(/fonts/LibreBaskerville-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Libre Baskerville;src:url(/fonts/LibreBaskerville-Italic.ttf)format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Libre Baskerville;src:url(/fonts/LibreBaskerville-SemiBold.ttf)format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Libre Baskerville;src:url(/fonts/LibreBaskerville-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter-Medium.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter-SemiBold.ttf)format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{--navy-900:#102032;--navy-800:#15293f;--navy-700:#1b3a59;--navy-600:#244a70;--navy-500:#345f89;--navy-400:#5b7c9e;--navy-300:#93a9c0;--navy-200:#c5d1de;--navy-100:#e5ebf1;--gold-700:#9c6f22;--gold-600:#b9882f;--gold-500:#d3a14a;--gold-400:#e0b566;--gold-300:#ecca8f;--gold-200:#f4ddb6;--gold-100:#faeed8;--paper:#fbf8f2;--cream:#f5eee1;--sand:#ebe1cf;--linen:#e2d6c0;--white:#fff;--ink-900:#1a2530;--ink-700:#38444f;--ink-500:#5c6770;--ink-400:#8a929a;--positive:#4f7a54;--attention:#c08a3e;--critical:#a8503f;--bg-page:var(--paper);--bg-surface:var(--white);--bg-surface-alt:var(--cream);--bg-inverse:var(--navy-700);--border-soft:var(--sand);--border-strong:var(--navy-200);--text-heading:var(--navy-700);--text-body:var(--ink-700);--text-muted:var(--ink-500);--accent:var(--gold-500);--accent-strong:var(--gold-600);--font-display:"Libre Baskerville", Georgia, "Times New Roman", serif;--font-text:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--type-display:4.2rem;--type-h1:3rem;--type-h2:2.25rem;--type-h3:1.6rem;--type-h4:1.25rem;--type-lead:1.375rem;--type-body:1.0625rem;--type-small:.9375rem;--type-caption:.8125rem;--type-overline:.75rem;--leading-tight:1.1;--leading-snug:1.3;--leading-normal:1.6;--leading-relaxed:1.75;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.04em;--tracking-overline:.18em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-9:6rem;--space-10:8rem;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-xl:32px;--radius-pill:999px;--shadow-sm:0 1px 2px #1a25300f;--shadow-md:0 8px 24px -12px #1a25302e;--shadow-lg:0 24px 60px -28px #1a253047;--ease-soft:cubic-bezier(.22, .61, .36, 1);--dur-fast:.16s;--dur-base:.28s;--dur-slow:.52s}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg-page);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}.app{min-height:100vh}.guide-scroll{padding-top:52px;transition:padding-top .2s}.app.bare .guide-scroll{padding-top:0}.show-chrome{z-index:10000;color:#eef2f7;cursor:pointer;background:#15233a;border:1px solid #ffffff29;border-radius:999px;padding:11px 18px;font:600 13px/1 system-ui,sans-serif;position:fixed;bottom:18px;right:18px;box-shadow:0 10px 30px -10px #00000080}.show-chrome:hover{background:#1b2c46}.guide-root{color:var(--text-body);font-family:var(--font-text);font-size:var(--type-body);line-height:var(--leading-normal)}.guide-root h1,.guide-root h2,.guide-root h3,.guide-root h4{font-family:var(--font-display);color:var(--text-heading);margin:0;font-weight:700}.guide-root p{margin:0}.guide-root img{max-width:100%;display:block}.guide-root a{color:inherit}:root{--divider-stroke:#dccdb2}.guide-root .wrap{max-width:1140px;margin:0 auto;padding:0 40px}.guide-root section{padding:var(--space-9) 0}.section-divider{opacity:.9;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='38' viewBox='0 0 360 38'%3E%3Cpath d='M0,19 C60,3 120,3 180,19 C240,35 300,35 360,19' fill='none' stroke='%23dccdb2' stroke-width='1.6'/%3E%3C/svg%3E");background-position:50%;background-repeat:repeat-x;background-size:360px 38px;border:none;height:38px;margin:0}.sec-head{margin-bottom:var(--space-7);align-items:baseline;gap:20px;display:flex}.sec-num{font-family:var(--font-display);color:var(--accent-strong);letter-spacing:var(--tracking-wide);flex-shrink:0;padding-top:6px;font-size:.95rem;font-weight:600}.sec-titles h2{font-size:var(--type-h2);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight)}.sec-titles .sec-sub{color:var(--text-muted);font-size:var(--type-lead);max-width:60ch;line-height:var(--leading-snug);margin-top:10px}.overline{text-transform:uppercase;letter-spacing:var(--tracking-overline);font-size:var(--type-overline);color:var(--accent-strong);font-weight:600;font-family:var(--font-text)}.cover{background:var(--navy-700);color:var(--cream);padding:var(--space-10) 0 var(--space-9);position:relative;overflow:hidden}.cover:before{content:"";pointer-events:none;background:radial-gradient(120% 90% at 70% 0,#d3a14a38,#0000 55%),radial-gradient(80% 70% at 0 100%,#d3a14a1a,#0000 60%);position:absolute;inset:0}.cover .wrap{position:relative}.cover-mark{filter:brightness(0)saturate()invert(92%)sepia(13%)saturate(420%)hue-rotate(343deg)brightness(103%)contrast(96%);width:132px;height:132px}.cover-word{font-family:var(--font-display);letter-spacing:var(--tracking-tight);color:var(--cream);margin-top:var(--space-6);flex-wrap:wrap;align-items:center;gap:.35em;font-size:clamp(2.6rem,6vw,4.4rem);font-weight:700;line-height:1.05;display:flex}.cover-word .inf{color:var(--gold-400);font-family:var(--font-text);font-weight:400}.cover-tag{margin-top:var(--space-5);font-size:var(--type-lead);color:#f5eee1d1;max-width:54ch;line-height:var(--leading-snug);font-style:italic;font-family:var(--font-display)}.cover-meta{margin-top:var(--space-8);gap:var(--space-7);font-size:var(--type-small);color:#f5eee199;flex-wrap:wrap;display:flex}.cover-meta b{color:var(--gold-300);font-weight:600;font-size:var(--type-caption);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:4px;display:block}.lemniscate{display:block}.lemniscate path{fill:none;stroke:var(--accent);stroke-width:2px}.essence-quote{font-family:var(--font-display);color:var(--navy-700);letter-spacing:var(--tracking-tight);max-width:24ch;font-size:clamp(1.6rem,3.3vw,2.5rem);line-height:1.35}.essence-quote em{color:var(--accent-strong);font-style:italic}.essence-grid{gap:var(--space-8);grid-template-columns:1.1fr 1fr;align-items:start;display:grid}.essence-body p+p{margin-top:var(--space-4)}.pillars{gap:var(--space-4);margin-top:var(--space-6);display:grid}.pillar{gap:var(--space-4);align-items:flex-start;display:flex}.pillar .dot{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23c99238' stroke-width='2.4' stroke-linecap='round'%3E%3Cline x1='19' y1='12' x2='22' y2='12'/%3E%3Cline x1='16.95' y1='16.95' x2='19.07' y2='19.07'/%3E%3Cline x1='12' y1='19' x2='12' y2='22'/%3E%3Cline x1='7.05' y1='16.95' x2='4.93' y2='19.07'/%3E%3Cline x1='5' y1='12' x2='2' y2='12'/%3E%3Cline x1='7.05' y1='7.05' x2='4.93' y2='4.93'/%3E%3Cline x1='12' y1='5' x2='12' y2='2'/%3E%3Cline x1='16.95' y1='7.05' x2='19.07' y2='4.93'/%3E%3C/g%3E%3Ccircle cx='12' cy='12' r='4.4' fill='%23d3a14a'/%3E%3C/svg%3E") 50%/contain no-repeat;flex-shrink:0;width:20px;height:20px;margin-top:4px}.pillar b{color:var(--navy-700);font-weight:600}.pillar span{color:var(--text-muted)}.tone-grid{gap:var(--space-5);grid-template-columns:repeat(3,1fr);display:grid}.tone-card{background:var(--bg-surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}.tone-card h4{font-size:var(--type-h4);margin-bottom:10px}.tone-card p{color:var(--text-muted);font-size:var(--type-small)}.voice-cols{gap:var(--space-6);margin-top:var(--space-7);grid-template-columns:1fr 1fr;display:grid}.voice-col{border-radius:var(--radius-lg);padding:var(--space-6)}.voice-col.yes{background:var(--cream);border:1px solid var(--sand)}.voice-col.no{background:var(--bg-surface);border:1px dashed var(--navy-200)}.voice-col h4{font-family:var(--font-text);font-size:var(--type-small);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-4);align-items:center;gap:10px;display:flex}.voice-col.yes h4{color:var(--positive)}.voice-col.no h4{color:var(--ink-400)}.voice-col ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.voice-col li{font-size:var(--type-small);line-height:var(--leading-snug);padding-left:20px;position:relative}.voice-col.yes li:before{content:"—";color:var(--accent-strong);position:absolute;left:0}.voice-col.no li{color:var(--text-muted)}.voice-col.no li:before{content:"×";color:var(--ink-400);position:absolute;left:2px}.phrase{margin-top:var(--space-5);font-family:var(--font-display);font-style:italic;font-size:var(--type-h4);color:var(--navy-700)}.logo-grid{gap:var(--space-6);grid-template-columns:1.3fr 1fr;display:grid}.logo-hero{background:var(--cream);border:1px solid var(--sand);border-radius:var(--radius-xl);padding:var(--space-8);justify-content:center;align-items:center;gap:var(--space-5);flex-direction:column;min-height:320px;display:flex}.logo-hero .logo-mark-lg{width:120px;height:120px}.logo-hero .logo-full{width:340px;max-width:82%}.logo-hero .logo-full-wrap{padding-top:var(--space-5);border-top:1px solid var(--sand);justify-content:center;width:100%;display:flex}.logo-side{gap:var(--space-5);display:grid}.logo-swatch{border-radius:var(--radius-lg);padding:var(--space-6);justify-content:center;align-items:center;min-height:150px;display:flex;position:relative}.logo-swatch .tag{font-size:var(--type-caption);letter-spacing:var(--tracking-wide);text-transform:uppercase;font-weight:600;position:absolute;top:14px;left:16px}.logo-swatch.on-paper{background:var(--paper);border:1px solid var(--sand)}.logo-swatch.on-navy{background:var(--navy-700)}.logo-swatch.on-gold{background:var(--gold-300)}.logo-swatch img.mark{width:88px;height:88px}.mark-cream{filter:brightness(0)saturate()invert(92%)sepia(13%)saturate(420%)hue-rotate(343deg)brightness(103%)contrast(96%)}.on-paper .tag{color:var(--ink-400)}.on-navy .tag{color:var(--gold-300)}.on-gold .tag{color:var(--navy-700)}.logo-rules{gap:var(--space-5);margin-top:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}.rule{background:var(--bg-surface);border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:var(--space-5)}.rule b{color:var(--navy-700);font-weight:600;font-size:var(--type-small);margin-bottom:6px;display:block}.rule span{font-size:var(--type-small);color:var(--text-muted)}.clearspace{position:relative}.swatch-row{gap:var(--space-2);display:grid}.swatch-group{margin-bottom:var(--space-6)}.swatch-group>.gl{font-size:var(--type-small);color:var(--navy-700);margin-bottom:var(--space-3);align-items:center;gap:10px;font-weight:600;display:flex}.swatch-group>.gl:after{content:"";background:var(--border-soft);flex:1;height:1px}.swatches{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.swatches.neutral{grid-template-columns:repeat(5,1fr)}.swatch{border-radius:var(--radius-md);background:var(--white);box-shadow:var(--shadow-sm);border:1px solid #1a25300f;overflow:hidden}.swatch .chip{height:84px}.swatch .meta{padding:10px 12px}.swatch .nm{font-size:var(--type-caption);color:var(--navy-700);font-weight:600}.swatch .hex{font-size:var(--type-caption);color:var(--text-muted);font-variant-numeric:tabular-nums;text-transform:uppercase}.swatch.primary{outline:2px solid var(--accent);outline-offset:2px}.swatch .role{color:var(--accent-strong);text-transform:uppercase;letter-spacing:.06em;margin-top:2px;font-size:.7rem;font-weight:600}.type-families{gap:var(--space-6);margin-bottom:var(--space-8);grid-template-columns:1fr 1fr;display:grid}.family-card{background:var(--bg-surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:var(--space-6)}.family-card .big{color:var(--navy-700);margin-bottom:var(--space-4);font-size:4.5rem;line-height:1}.family-card.serif .big{font-family:var(--font-display)}.family-card.sans .big{font-family:var(--font-text)}.family-card .role{font-size:var(--type-overline);text-transform:uppercase;letter-spacing:var(--tracking-overline);color:var(--accent-strong);font-weight:600}.family-card .name{font-family:var(--font-display);font-size:var(--type-h3);color:var(--navy-700);margin:6px 0 4px}.family-card.sans .name{font-family:var(--font-text);font-weight:700}.family-card .desc{font-size:var(--type-small);color:var(--text-muted);margin-bottom:var(--space-4)}.family-card .weights{border-top:1px solid var(--border-soft);padding-top:var(--space-4);flex-wrap:wrap;gap:14px;display:flex}.family-card .weights span{font-size:var(--type-small);color:var(--text-muted)}.family-card.serif .weights span{font-family:var(--font-display)}.family-card.sans .weights span{font-family:var(--font-text)}.scale-row{gap:var(--space-5);padding:var(--space-4) 0;border-bottom:1px solid var(--border-soft);grid-template-columns:92px 1fr;align-items:baseline;display:grid}.scale-row .spec{font-size:var(--type-caption);color:var(--text-muted);font-variant-numeric:tabular-nums;line-height:1.4}.scale-row .spec b{color:var(--navy-700);font-size:var(--type-small);display:block}.scale-sample{color:var(--navy-700);line-height:1.15}.ss-display{font-family:var(--font-display);font-size:var(--type-display);letter-spacing:var(--tracking-tight)}.ss-h1{font-family:var(--font-display);font-size:var(--type-h1);letter-spacing:var(--tracking-tight)}.ss-h2{font-family:var(--font-display);font-size:var(--type-h2)}.ss-lead{font-family:var(--font-text);font-size:var(--type-lead);color:var(--ink-700);font-weight:400}.ss-body{font-family:var(--font-text);font-size:var(--type-body);color:var(--ink-700)}.ss-over{font-family:var(--font-text);font-size:var(--type-overline);text-transform:uppercase;letter-spacing:var(--tracking-overline);color:var(--accent-strong);font-weight:600}.img-grid{gap:var(--space-4);grid-template-rows:1fr 1fr;grid-template-columns:2fr 1fr 1fr;height:460px;display:grid}.img-ph{border-radius:var(--radius-lg);padding:var(--space-5);color:var(--cream);flex-direction:column;justify-content:flex-end;display:flex;position:relative;overflow:hidden}.img-ph:before{content:"";background:linear-gradient(160deg, var(--navy-500), var(--navy-800));opacity:.92;position:absolute;inset:0}.img-ph:nth-child(2):before{background:linear-gradient(160deg, var(--gold-400), var(--gold-700))}.img-ph:nth-child(3):before{background:linear-gradient(160deg, var(--navy-400), var(--navy-700))}.img-ph:nth-child(4):before{background:linear-gradient(160deg,#6b7f6e,#3e5142)}.img-ph:first-child{grid-row:span 2}.img-ph .lab{position:relative}.img-ph .lab .k{font-size:var(--type-caption);text-transform:uppercase;letter-spacing:var(--tracking-wide);opacity:.7}.img-ph .lab .t{font-family:var(--font-display);font-size:var(--type-h4);margin-top:4px}.img-ph .corner{font-size:var(--type-caption);opacity:.6;position:absolute;top:16px;left:18px}.img-notes{gap:var(--space-5);margin-top:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.img-note b{color:var(--navy-700);margin-bottom:6px;font-weight:600;display:block}.img-note span{font-size:var(--type-small);color:var(--text-muted)}.ui-grid{gap:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.ui-card{background:var(--bg-surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}.ui-card>.gl{font-size:var(--type-overline);text-transform:uppercase;letter-spacing:var(--tracking-overline);color:var(--ink-400);margin-bottom:var(--space-5);font-weight:600}.btn-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.btn{font-family:var(--font-text);font-size:var(--type-small);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--dur-fast) var(--ease-soft);border:1px solid #0000;padding:13px 26px;font-weight:600}.btn-primary{background:var(--navy-700);color:var(--cream)}.btn-primary:hover{background:var(--navy-800);transform:translateY(-1px)}.btn-accent{background:var(--gold-500);color:var(--navy-900)}.btn-accent:hover{background:var(--gold-400);transform:translateY(-1px)}.btn-accent:focus-visible{background:var(--gold-400);box-shadow:0 0 0 3px var(--gold-200);outline:none}.btn-ghost{color:var(--navy-700);border-color:var(--navy-200);background:0 0}.btn-ghost:hover{background:var(--cream);border-color:var(--navy-300)}.btn-text{color:var(--accent-strong);background:0 0;padding:13px 8px}.chip-row{flex-wrap:wrap;gap:10px;display:flex}.chip{font-family:var(--font-text);font-size:var(--type-caption);border-radius:var(--radius-pill);background:var(--cream);color:var(--navy-700);border:1px solid var(--sand);padding:7px 14px;font-weight:500}.chip.solid{background:var(--navy-700);color:var(--cream);border-color:var(--navy-700)}.chip.gold{background:var(--gold-100);color:var(--gold-700);border-color:var(--gold-300)}.field{gap:8px;display:grid}.field label{font-size:var(--type-caption);color:var(--navy-700);font-weight:600}.field input{font-family:var(--font-text);font-size:var(--type-small);border-radius:var(--radius-md);border:1px solid var(--navy-200);background:var(--white);color:var(--ink-700);padding:13px 16px}.field input::placeholder{color:var(--ink-400)}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--gold-100);outline:none}.testi{background:var(--cream);border:1px solid var(--sand);border-radius:var(--radius-lg);padding:var(--space-6)}.testi .q{font-family:var(--font-display);font-style:italic;font-size:var(--type-h4);color:var(--navy-700);line-height:var(--leading-snug)}.testi .who{margin-top:var(--space-4);align-items:center;gap:12px;display:flex}.testi .av{background:var(--navy-700);width:40px;height:40px;color:var(--cream);font-weight:600;font-size:var(--type-small);border-radius:50%;place-items:center;display:grid}.testi .who b{color:var(--navy-700);font-size:var(--type-small)}.testi .who span{color:var(--text-muted);font-size:var(--type-caption);display:block}.valid-block{margin-top:var(--space-6);background:var(--bg-surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:var(--space-7);box-shadow:var(--shadow-sm)}.valid-block>.gl{font-size:var(--type-overline);text-transform:uppercase;letter-spacing:var(--tracking-overline);color:var(--ink-400);margin-bottom:var(--space-2);font-weight:600}.valid-block>.gd{font-size:var(--type-small);color:var(--text-muted);margin-bottom:var(--space-6);max-width:62ch}.valid-grid{gap:var(--space-6) var(--space-7);grid-template-columns:1fr 1fr;display:grid}.vfield{gap:8px;display:grid}.vfield>label{font-size:var(--type-caption);color:var(--navy-700);justify-content:space-between;align-items:center;font-weight:600;display:flex}.vfield>label .state-tag{text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;font-weight:500}.input-wrap{align-items:center;display:flex;position:relative}.input-wrap input{width:100%;font-family:var(--font-text);font-size:var(--type-small);border-radius:var(--radius-md);border:1.5px solid var(--navy-200);background:var(--white);color:var(--ink-700);transition:border-color var(--dur-fast) var(--ease-soft), box-shadow var(--dur-fast) var(--ease-soft);padding:13px 44px 13px 16px}.input-wrap input::placeholder{color:var(--ink-400)}.input-wrap input:focus{outline:none}.vfield-icon{pointer-events:none;place-items:center;display:grid;position:absolute;right:14px}.vfield-icon svg{width:19px;height:19px}.vfield-msg{font-size:var(--type-caption);align-items:flex-start;gap:8px;line-height:1.45;display:flex}.vfield-msg svg{flex-shrink:0;width:15px;height:15px;margin-top:1px}.vfield-msg .hint,.vfield.is-default .vfield-icon{color:var(--ink-400)}.vfield.is-focus input{border-color:var(--accent);box-shadow:0 0 0 3px var(--gold-100)}.vfield.is-focus .vfield-icon{color:var(--accent-strong)}.vfield.is-success input{border-color:var(--positive);background:#f4f8f4}.vfield.is-success .vfield-icon,.vfield.is-success .vfield-msg,.vfield.is-success label .state-tag{color:var(--positive)}.vfield.is-warning input{border-color:var(--attention);background:#fdf8ef}.vfield.is-warning .vfield-icon,.vfield.is-warning .vfield-msg,.vfield.is-warning label .state-tag{color:var(--attention)}.vfield.is-error input{border-color:var(--critical);background:#fcf4f2;box-shadow:0 0 0 3px #a8503f1a}.vfield.is-error .vfield-icon,.vfield.is-error .vfield-msg,.vfield.is-error label .state-tag{color:var(--critical)}.valid-legend{margin-top:var(--space-7);padding-top:var(--space-6);border-top:1px solid var(--border-soft);gap:var(--space-5);grid-template-columns:repeat(3,1fr);display:grid}.leg-item{align-items:flex-start;gap:12px;display:flex}.leg-item .dot{border-radius:8px;flex-shrink:0;place-items:center;width:26px;height:26px;display:grid}.leg-item .dot svg{width:16px;height:16px}.leg-item.s-ok .dot{color:var(--positive);background:#e7f0e8}.leg-item.s-warn .dot{color:var(--attention);background:#f8efdd}.leg-item.s-err .dot{color:var(--critical);background:#f6e3df}.leg-item b{color:var(--navy-700);font-size:var(--type-small);margin-bottom:2px;display:block}.leg-item span{font-size:var(--type-caption);color:var(--text-muted)}.valid-rules{margin-top:var(--space-6);gap:12px var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}.valid-rules .vr{font-size:var(--type-caption);color:var(--text-muted);align-items:flex-start;gap:10px;display:flex}.valid-rules .vr b{color:var(--navy-700);font-weight:600}.valid-rules .vr:before{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23c99238' stroke-width='2.4' stroke-linecap='round'%3E%3Cline x1='19' y1='12' x2='22' y2='12'/%3E%3Cline x1='16.95' y1='16.95' x2='19.07' y2='19.07'/%3E%3Cline x1='12' y1='19' x2='12' y2='22'/%3E%3Cline x1='7.05' y1='16.95' x2='4.93' y2='19.07'/%3E%3Cline x1='5' y1='12' x2='2' y2='12'/%3E%3Cline x1='7.05' y1='7.05' x2='4.93' y2='4.93'/%3E%3Cline x1='12' y1='5' x2='12' y2='2'/%3E%3Cline x1='16.95' y1='7.05' x2='19.07' y2='4.93'/%3E%3C/g%3E%3Ccircle cx='12' cy='12' r='4.4' fill='%23d3a14a'/%3E%3C/svg%3E") 50%/contain no-repeat;flex-shrink:0;width:17px;height:17px;margin-top:1px}.motif-grid{gap:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.motif-card{background:var(--bg-surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:var(--space-6)}.motif-card h4{font-size:var(--type-h4);margin-bottom:var(--space-3)}.motif-card p{font-size:var(--type-small);color:var(--text-muted)}.radii-demo,.shadow-demo,.space-demo{margin-top:var(--space-5);flex-wrap:wrap;align-items:flex-end;gap:18px;display:flex}.radii-demo>div{background:var(--navy-100);border:1px solid var(--navy-200);width:64px;height:64px;color:var(--navy-500);place-items:end center;padding-bottom:4px;font-size:.65rem;display:grid}.shadow-demo>div{background:var(--white);border-radius:var(--radius-md);width:80px;height:64px;color:var(--text-muted);place-items:center;font-size:.65rem;display:grid}.space-demo>div{background:var(--gold-300);border-radius:3px}.motif-lemnis{padding:var(--space-6) 0;place-items:center;display:grid}.foot{background:var(--navy-800);color:#f5eee1b3;padding:var(--space-8) 0}.foot .wrap{justify-content:space-between;align-items:center;gap:var(--space-6);flex-wrap:wrap;display:flex}.foot img{filter:brightness(0)saturate()invert(92%)sepia(13%)saturate(420%)hue-rotate(343deg)brightness(103%)contrast(96%);width:56px}.foot b{color:var(--cream);font-family:var(--font-display);font-size:var(--type-h4);display:block}.foot span{font-size:var(--type-small)}@media (width<=880px){.guide-root .wrap{padding:0 22px}.essence-grid,.type-families,.ui-grid,.motif-grid,.voice-cols,.logo-grid{grid-template-columns:1fr}.tone-grid,.swatches,.img-notes,.logo-rules{grid-template-columns:1fr 1fr}.img-grid{grid-template-columns:1fr 1fr;height:auto}.img-ph{min-height:180px}.img-ph:first-child{grid-area:auto/span 2}.sec-head{flex-direction:column;gap:8px}}.studio{--s-bg:#15233a;--s-panel:#1a2b45;--s-card:#21314e;--s-line:#ffffff1a;--s-line-2:#ffffff0f;--s-text:#eef2f7;--s-dim:#9fb0c4;--s-accent:#e0b566;--s-field:#101d31;--s-radius:9px;z-index:9999;color:var(--s-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:fixed;top:0;left:0;right:0}.studio-bar{background:var(--s-bg);border-bottom:1px solid var(--s-line);align-items:center;gap:16px;height:52px;padding:0 16px;display:flex;box-shadow:0 6px 24px -16px #0009}.studio-brand{flex-shrink:0;align-items:center;gap:9px;font-size:13px;font-weight:600;display:flex}.studio-brand img{filter:brightness(0)saturate()invert(92%)sepia(13%)saturate(420%)hue-rotate(343deg)brightness(103%)contrast(96%);width:22px;height:22px}.studio-brand span{letter-spacing:.01em}.studio-style{flex-shrink:0;align-items:center;gap:6px;display:flex}.studio-style select{background:var(--s-field);color:var(--s-text);border:1px solid var(--s-line);border-radius:7px;max-width:190px;padding:7px 10px;font:500 12.5px Inter,sans-serif}.studio-dirty{color:var(--s-accent);font-size:18px;font-style:normal;line-height:0}.studio-tabs{gap:2px;margin-left:auto;display:flex}.studio-tabs button{color:var(--s-dim);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:8px 13px;font:500 12.5px Inter,sans-serif}.studio-tabs button:hover{color:var(--s-text);background:#ffffff0d}.studio-tabs button.on{color:#15233a;background:var(--s-accent);font-weight:600}.studio-right{flex-shrink:0;gap:4px;display:flex}.studio-icon{color:var(--s-dim);border:1px solid var(--s-line);cursor:pointer;background:0 0;border-radius:7px;width:32px;height:32px;font-size:14px}.studio-icon:hover{color:var(--s-text);border-color:var(--s-accent)}.studio-panel{background:var(--s-panel);border-bottom:1px solid var(--s-line);max-height:calc(100vh - 52px);padding:20px 22px;overflow:auto;box-shadow:0 24px 50px -28px #000000b3}.sf-field{gap:5px;display:grid}.sf-label{color:var(--s-dim);letter-spacing:.02em;align-items:baseline;gap:6px;font-size:11px;font-weight:600;display:flex}.sf-hint{color:#6f8095;font-size:10.5px;font-style:normal;font-weight:400}.sf-row{flex-wrap:wrap;gap:14px;display:flex}.sf-color{align-items:center;gap:6px;display:inline-flex}.sf-color input[type=color]{border:1px solid var(--s-line);background:var(--s-field);cursor:pointer;border-radius:7px;width:30px;height:28px;padding:0}.sf-hex{background:var(--s-field);width:84px;color:var(--s-text);border:1px solid var(--s-line);text-transform:uppercase;border-radius:6px;padding:6px 8px;font:500 12px ui-monospace,monospace}.sf-slider{align-items:center;gap:9px;display:flex}.sf-slider input[type=range]{accent-color:var(--s-accent);flex:1;min-width:90px}.sf-slider output{color:var(--s-text);text-align:right;min-width:44px;font:500 11.5px ui-monospace,monospace}.sf-number{align-items:center;gap:5px;display:inline-flex}.sf-number input{background:var(--s-field);width:74px;color:var(--s-text);border:1px solid var(--s-line);border-radius:6px;padding:6px 8px;font:500 12px ui-monospace,monospace}.sf-number em{color:var(--s-dim);font-size:11px;font-style:normal}.sf-seg{background:var(--s-field);border:1px solid var(--s-line);border-radius:7px;padding:2px;display:inline-flex}.sf-seg button{color:var(--s-dim);cursor:pointer;background:0 0;border:0;border-radius:5px;padding:5px 11px;font:500 12px Inter}.sf-seg button.on{background:var(--s-accent);color:#15233a;font-weight:600}.sf-btn{background:var(--s-field);color:var(--s-text);border:1px solid var(--s-line);cursor:pointer;text-align:left;border-radius:7px;padding:9px 14px;font:600 12.5px Inter}.sf-btn:hover:not(:disabled){border-color:var(--s-accent)}.sf-btn:disabled{opacity:.45;cursor:not-allowed}.sf-btn.primary{background:var(--s-accent);color:#15233a;border-color:var(--s-accent)}.sf-btn.ghost{background:0 0}.sf-btn.on{border-color:var(--s-accent);color:var(--s-accent)}.cc{grid-template-columns:1fr 300px;align-items:start;gap:22px;display:grid}.cc-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.cc-group{background:var(--s-card);border:1px solid var(--s-line-2);border-radius:var(--s-radius);padding:14px}.cc-group-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:11px;display:flex}.cc-group-title{font-size:12.5px;font-weight:600}.cc-group-title em{color:var(--s-dim);margin-top:2px;font-size:10.5px;font-style:normal;font-weight:400;display:block}.cc-ramp{gap:3px;margin-bottom:11px;display:flex}.cc-chip{border:1px solid #00000040;border-radius:4px;flex:1;height:26px;position:relative}.cc-chip.pinned:after{content:"";background:#fff;border-radius:50%;width:5px;height:5px;position:absolute;top:2px;right:2px;box-shadow:0 0 0 1px #0006}.cc-tools{flex-wrap:wrap;gap:6px;display:flex}.cc-toggle,.cc-reset{background:var(--s-field);color:var(--s-dim);border:1px solid var(--s-line);cursor:pointer;border-radius:6px;padding:6px 10px;font:500 11.5px Inter}.cc-toggle.on{color:var(--s-accent);border-color:var(--s-accent)}.cc-reset{margin-left:auto}.cc-toggle:hover,.cc-reset:hover{color:var(--s-text)}.cc-tune{border-top:1px solid var(--s-line-2);gap:10px;margin-top:12px;padding-top:12px;display:grid}.cc-steps{border-top:1px solid var(--s-line-2);gap:7px;margin-top:12px;padding-top:12px;display:grid}.cc-step{align-items:center;gap:9px;display:flex}.cc-step-name{width:86px;color:var(--s-dim);font:500 11px ui-monospace,monospace}.cc-pin{background:var(--s-field);color:var(--s-dim);border:1px solid var(--s-line);cursor:pointer;border-radius:5px;min-width:38px;padding:5px 7px;font-size:11px}.cc-pin:disabled{opacity:.4;cursor:default}.cc-side{gap:16px;display:grid}.cc-contrast{background:var(--s-card);border:1px solid var(--s-line-2);border-radius:var(--s-radius);padding:14px}.cc-contrast-title{margin-bottom:10px;font-size:12.5px;font-weight:600}.cc-cpair{border-top:1px solid var(--s-line-2);grid-template-columns:auto 1fr auto auto;align-items:center;gap:8px;padding:7px 0;display:grid}.cc-cpair:first-of-type{border-top:0}.cc-swatchpair i{border:1px solid #fff3;border-radius:5px;width:18px;height:18px;display:block}.cc-cpair-label{color:var(--s-text);font-size:11.5px}.cc-cpair-ratio{font:600 12px ui-monospace,monospace}.cc-cpair-badge{border-radius:999px;padding:2px 7px;font-size:10px;font-weight:700}.cc-cpair.ok .cc-cpair-badge{color:#9ff0b4;background:#1f4d2e}.cc-cpair.warn .cc-cpair-badge{color:#ffb4b8;background:#5a2230}.gc{gap:14px;display:grid}.gc-preview{border:1px solid var(--s-line);border-radius:12px;height:130px;position:relative;overflow:hidden}.gc-preview-glow{position:absolute;inset:0}.gc-preview-label{color:#f5eee1b3;font-size:11px;position:absolute;bottom:12px;left:14px}.gc-bar{align-items:center;gap:9px;display:flex}.gc-count{color:var(--s-dim);font-size:11.5px}.gc-stops{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.gc-stop{background:var(--s-card);border:1px solid var(--s-line-2);border-radius:var(--s-radius);gap:9px;padding:12px;display:grid}.gc-stop-head{align-items:center;gap:9px;display:flex}.gc-stop-n{font-size:12px;font-weight:600}.gc-del{color:var(--s-dim);border:1px solid var(--s-line);cursor:pointer;background:0 0;border-radius:6px;width:26px;height:26px;margin-left:auto}.gc-del:hover{color:#ffb4b8;border-color:#5a2230}.gc-ellipse{border-top:1px solid var(--s-line-2);grid-template-columns:1fr 1fr;gap:8px;padding-top:8px;display:grid}.gc-empty{color:var(--s-dim);font-size:12px}.fc{grid-template-columns:1fr 1fr;gap:16px;display:grid}.fc-slot{background:var(--s-card);border:1px solid var(--s-line-2);border-radius:var(--s-radius);padding:14px}.fc-slot-head{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.fc-role{text-transform:uppercase;letter-spacing:.12em;color:var(--s-accent);font-size:10.5px;font-weight:600}.fc-title{margin-top:3px;font-size:14px;font-weight:600}.fc-slot select{background:var(--s-field);color:var(--s-text);border:1px solid var(--s-line);border-radius:7px;max-width:160px;padding:7px 9px;font:500 12px Inter}.fc-specimen{background:var(--s-field);border-radius:8px;padding:14px 16px}.fc-aa{color:var(--s-text);font-size:40px;line-height:1}.fc-sample{color:var(--s-dim);margin-top:8px;font-size:14px}.fc-note{color:#6f8095;margin-top:8px;font-size:10.5px}.ssc{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));align-items:start;gap:16px;display:grid}.ssc-block{background:var(--s-card);border:1px solid var(--s-line-2);border-radius:var(--s-radius);gap:11px;padding:14px;display:grid}.ssc-block h4{margin:0;font-size:12.5px;font-weight:600}.ssc-regen{gap:9px;display:grid}.ssc-regen .sf-btn{justify-self:start}.ssc-typegrid{border-top:1px solid var(--s-line-2);grid-template-columns:1fr 1fr;gap:9px;padding-top:11px;display:grid}.ssc-grid2{grid-template-columns:1fr 1fr;gap:9px;display:grid}.sl{gap:16px;display:grid}.sl-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px;display:grid}.sl-item{background:var(--s-card);border:1px solid var(--s-line-2);border-radius:8px;align-items:center;display:flex;overflow:hidden}.sl-item.active{border-color:var(--s-accent)}.sl-pick{color:var(--s-text);cursor:pointer;text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:9px;min-width:0;padding:10px 12px;display:flex}.sl-dot{border:1px solid #0000004d;border-radius:50%;flex-shrink:0;width:16px;height:16px}.sl-name{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:500;overflow:hidden}.sl-dirty{color:var(--s-accent);margin-left:6px;font-size:10.5px;font-style:normal}.sl-rename{background:var(--s-field);color:var(--s-text);border:1px solid var(--s-accent);border-radius:5px;padding:4px 7px;font:500 12px Inter}.sl-tag{color:var(--s-dim);border:1px solid var(--s-line);border-radius:999px;margin-left:auto;padding:1px 7px;font-size:9.5px}.sl-star{color:var(--s-accent);margin-left:6px}.sl-actions{gap:2px;padding-right:6px;display:flex}.sl-actions button{color:var(--s-dim);cursor:pointer;background:0 0;border:0;border-radius:5px;padding:6px;font-size:12px}.sl-actions button:hover{color:var(--s-text);background:#ffffff0f}.sl-foot{border-top:1px solid var(--s-line-2);gap:12px;padding-top:14px;display:grid}.sl-save{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sl-new{align-items:center;gap:8px;display:flex}.sl-new input{background:var(--s-field);color:var(--s-text);border:1px solid var(--s-line);border-radius:7px;min-width:200px;padding:8px 11px;font:500 12.5px Inter}.sl-io{gap:10px;display:flex}.sl-msg{color:var(--s-accent);font-size:12px}.ep{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:start;gap:16px;display:grid}.ep-col{background:var(--s-card);border:1px solid var(--s-line-2);border-radius:var(--s-radius);align-content:start;gap:8px;padding:14px;display:grid}.ep-col h4{margin:0 0 2px;font-size:12.5px;font-weight:600}.ep-hint{color:var(--s-dim);margin:0 0 4px;font-size:11px}.ep-hint code{background:var(--s-field);border-radius:4px;padding:1px 5px;font-size:10.5px}.ep-msg{color:var(--s-accent);grid-column:1/-1;padding-top:4px;font-size:12.5px}@media (width<=900px){.cc,.cc-cols,.fc{grid-template-columns:1fr}.studio-tabs{flex-wrap:wrap}}