*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #0A0E1A;--color-surface: #0F1525;--color-text-primary: #F5F0E8;--color-text-secondary: rgba(245, 240, 232, .55);--color-accent: #C9A84C;--color-accent-dim: rgba(201, 168, 76, .35);--font-display: "Cormorant Display", Georgia, serif;--font-body: "DM Sans", system-ui, sans-serif;--font-metric: "DM Serif Display", Georgia, serif}html{height:100%}body{min-height:100%;background-color:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-body);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#unicorn-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}#app{position:relative;z-index:1}.axis-button{position:absolute;top:20px;right:20px;z-index:10;width:28px;height:auto;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-accent);border-radius:14px;cursor:pointer;padding:16px 0;transition:background .22s ease}.axis-button:hover{background:var(--color-accent)}.axis-button:hover .axis-button__label{color:var(--color-bg)}.axis-button__label{font-family:var(--font-display);font-size:.45rem;font-weight:400;letter-spacing:.18em;text-transform:uppercase;color:var(--color-accent);writing-mode:vertical-rl;text-orientation:upright;white-space:nowrap;transition:color .22s ease;-webkit-user-select:none;user-select:none}.rationale-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transform:scale(.04);transform-origin:center center;transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1)}.rationale-overlay.is-open{pointer-events:all;opacity:1;transform:scale(1)}.rationale-overlay__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0e1af2}.rationale-overlay__panel{position:relative;z-index:1;width:min(820px,88vw);max-height:84vh;overflow-y:auto;border:1px solid var(--color-accent);padding:48px 52px;background:#0a0e1afa;scrollbar-width:thin;scrollbar-color:var(--color-accent-dim) transparent}.rationale-overlay__panel::-webkit-scrollbar{width:4px}.rationale-overlay__panel::-webkit-scrollbar-track{background:transparent}.rationale-overlay__panel::-webkit-scrollbar-thumb{background:var(--color-accent-dim)}.rationale-overlay__close{position:absolute;top:20px;right:24px;background:transparent;border:none;color:var(--color-accent);font-family:var(--font-display);font-size:1.1rem;cursor:pointer;opacity:.6;line-height:1;transition:opacity .2s ease}.rationale-overlay__close:hover{opacity:1}.rationale-overlay__header{margin-bottom:36px}.rationale-overlay__caption{display:block;font-family:var(--font-display);font-size:.58rem;font-weight:400;text-transform:uppercase;letter-spacing:.26em;color:var(--color-accent);margin-bottom:12px}.rationale-overlay__title{font-family:var(--font-display);font-size:clamp(1.4rem,2.6vw,2rem);font-weight:700;color:var(--color-text-primary);line-height:1.2;letter-spacing:.01em}.rationale-section-label{font-family:var(--font-display);font-size:.58rem;font-weight:400;text-transform:uppercase;letter-spacing:.24em;color:var(--color-accent);margin-bottom:24px}.rationale-divider{border:none;border-top:1px solid var(--color-accent-dim);margin:36px 0}.rationale-persona{display:grid;grid-template-columns:100px 1fr;gap:28px;align-items:start}.rationale-persona__frame{background:var(--color-surface, #0F1525);border:1px solid var(--color-accent)}.rationale-persona__frame--rectangle{aspect-ratio:3 / 4;width:100%}.rationale-persona__frame--circle{aspect-ratio:1;width:100%;border-radius:50%}.rationale-persona__label{display:block;font-family:var(--font-display);font-size:.52rem;font-weight:400;text-transform:uppercase;letter-spacing:.24em;color:var(--color-accent);margin-bottom:10px}.rationale-persona__name{font-family:var(--font-display);font-size:clamp(1.2rem,2vw,1.5rem);font-weight:700;color:var(--color-text-primary);line-height:1.15;margin-bottom:8px}.rationale-persona__role{font-weight:400;color:var(--color-text-secondary)}.rationale-persona__descriptor{font-family:var(--font-body);font-size:.78rem;line-height:1.65;color:var(--color-text-secondary);margin-bottom:16px}.rationale-persona__problem-label{font-family:var(--font-display);font-size:.52rem;font-weight:400;text-transform:uppercase;letter-spacing:.22em;color:var(--color-accent);margin-bottom:6px}.rationale-persona__problem{font-family:var(--font-body);font-size:.78rem;line-height:1.65;color:var(--color-text-primary);opacity:.85}.rationale-principles__grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 40px}.rationale-principle__heading{font-family:var(--font-display);font-size:.6rem;font-weight:400;text-transform:uppercase;letter-spacing:.18em;color:var(--color-accent);margin-bottom:6px}.rationale-principle__body{font-family:var(--font-body);font-size:.8rem;line-height:1.72;color:var(--color-text-primary);opacity:.85}.rationale-tokens{display:flex;gap:24px;flex-wrap:wrap}.rationale-token{display:flex;flex-direction:column;gap:7px}.rationale-token__swatch{width:48px;height:48px;border:1px solid var(--color-accent-dim);flex-shrink:0}.rationale-token__name{font-family:var(--font-metric);font-size:.6rem;color:var(--color-accent);letter-spacing:.06em}.rationale-token__hex{font-family:var(--font-metric);font-size:.58rem;color:var(--color-text-secondary);margin-top:-3px}.rationale-overlay__disclaimer{font-family:var(--font-body);font-size:.7rem;line-height:1.7;color:var(--color-text-secondary)}.rationale-overlay__disclaimer-link{color:var(--color-text-secondary);text-underline-offset:3px}.rationale-overlay__disclaimer-link:hover{color:var(--color-accent)}@media (prefers-reduced-motion: reduce){.rationale-overlay{transition:opacity .2s ease;transform:scale(1)}.axis-button,.axis-button__label,.rationale-overlay__close{transition:none}}.egy-page{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}.egy-grid{flex:1;display:grid;grid-template-columns:4fr 28fr 14fr 6fr 14fr 28fr 4fr;grid-template-rows:auto 1fr;min-height:100vh;border:1px solid var(--color-accent-dim)}.egy-insight{grid-column:1 / -1;grid-row:1;position:relative;padding:52px 44px 44px;border-bottom:1px solid var(--color-accent-dim);opacity:0;transform:translateY(40px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}.egy-insight.is-visible{opacity:1;transform:translateY(0)}.egy-insight__label{display:block;font-family:var(--font-display);font-size:.58rem;font-weight:400;text-transform:uppercase;letter-spacing:.28em;color:var(--color-accent);margin-bottom:22px}.egy-insight__text{font-family:var(--font-display);font-size:clamp(1.5rem,2.8vw,2.8rem);font-weight:700;line-height:1.28;color:var(--color-text-primary);max-width:78%;letter-spacing:.01em}.egy-col{grid-row:2;padding:28px 22px;border-right:1px solid var(--color-accent-dim);display:flex;flex-direction:column;opacity:0;transform:translateY(40px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}.egy-col:last-child{border-right:none}.egy-col.is-visible{opacity:1;transform:translateY(0)}.col-label{display:block;font-family:var(--font-display);font-size:.58rem;font-weight:400;text-transform:uppercase;letter-spacing:.22em;color:var(--color-accent);margin-bottom:20px;flex-shrink:0}.col-body{font-family:var(--font-body);font-size:clamp(.78rem,.95vw,.875rem);line-height:1.82;color:var(--color-text-primary)}.col-body p+p{margin-top:1.1em}.egy-col--problem-l .col-body,.egy-col--problem-r .col-body{font-size:clamp(.9rem,1.1vw,1rem)}.egy-col--metrics{padding:28px 10px}.metrics-list{display:flex;flex-direction:column;flex:1}.metrics-item{padding:16px 0;border-bottom:1px solid var(--color-accent-dim)}.metrics-item:first-child{padding-top:0}.metrics-item:last-child{border-bottom:none}.metrics-label{font-family:var(--font-metric);font-size:.52rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);line-height:1.5;margin-bottom:6px}.metrics-value{font-family:var(--font-metric);font-size:clamp(.95rem,1.2vw,1.15rem);color:var(--color-accent);line-height:1}.egy-col--outcome{padding:28px 6px;align-items:center;border-left:none}.outcome-label{font-family:var(--font-display);font-size:.52rem;font-weight:400;text-transform:uppercase;letter-spacing:.22em;color:var(--color-accent);margin-bottom:20px;flex-shrink:0}.outcome-body{font-family:var(--font-body);font-size:.62rem;line-height:1.75;color:var(--color-text-primary);flex:1;overflow-wrap:break-word;word-break:break-word}@media (max-width: 768px){.egy-insight{padding:36px 28px 30px}.egy-insight__text{max-width:100%;font-size:clamp(1.2rem,4vw,1.8rem)}.egy-col{padding:20px 14px}.egy-col--metrics{padding:20px 8px}.col-body{font-size:.7rem;line-height:1.72}.metrics-label{font-size:.46rem}.metrics-value{font-size:.88rem}.outcome-body{font-size:.6rem}}@media (max-width: 480px){.egy-grid{display:flex;flex-direction:column;border:none;min-height:unset}.egy-insight,.egy-col{border:1px solid var(--color-accent-dim)!important;border-top:none!important}.egy-insight{border-top:1px solid var(--color-accent-dim)!important;padding:28px 24px 24px}.egy-col{padding:24px}.egy-col--outcome{padding:24px;align-items:flex-start}.outcome-label{margin-bottom:12px;font-size:.58rem}.outcome-body{font-size:.85rem;line-height:1.8}.col-body{font-size:.85rem}.metrics-label{font-size:.58rem}.metrics-value{font-size:1rem}.egy-insight{order:1}.egy-col--problem-l{order:2}.egy-col--problem-r{order:3}.egy-col--solution-l{order:4}.egy-col--solution-r{order:5}.egy-col--outcome{order:6}.egy-col--metrics-l{order:7}.egy-col--metrics-r{order:8}}