:root{--ink-purple: #602DA9;--mint-green: #D4FED3;--structural-black: #1A1A1A;--cream: #FFF8F0;--color-primary: var(--ink-purple);--color-surface: var(--mint-green);--color-border: var(--structural-black);--color-neutral: var(--cream);--color-text-on-surface: var(--ink-purple);--color-text-on-primary: var(--mint-green);--color-text-on-neutral: var(--ink-purple);--color-focus-ring: var(--ink-purple);--color-error: #FF6B6B;--color-traffic-red: #FF6B6B;--color-traffic-yellow: #FFD93D;--color-traffic-green: var(--mint-green);--font-display: "VT323", monospace;--font-body: "Space Mono", monospace;--font-size-mega: 72px;--font-size-h1: 48px;--font-size-h2: 36px;--font-size-h3: 28px;--font-size-h4: 22px;--font-size-body: 16px;--font-size-small: 14px;--font-size-caption: 12px;--line-height-display: 1;--line-height-display-relaxed: 1.1;--line-height-body: 1.6;--line-height-body-relaxed: 1.7;--font-weight-regular: 400;--font-weight-bold: 700;--letter-spacing-label: .12em;--letter-spacing-none: 0;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--border-width-thin: 2px;--border-width-default: 3px;--border-width-thick: 4px;--border-width-chunky: 5px;--border-thin: 2px solid var(--structural-black);--border-default: 3px solid var(--structural-black);--border-thick: 4px solid var(--structural-black);--border-chunky: 5px solid var(--structural-black);--shadow-sm: 3px 3px 0px var(--structural-black);--shadow-md: 5px 5px 0px var(--structural-black);--shadow-lg: 8px 8px 0px var(--structural-black);--shadow-md-hover: 7px 7px 0px var(--structural-black);--radius-none: 0px;--radius-sm: 4px;--radius-md: 8px;--transition-fast: .1s;--transition-normal: .2s;--pattern-diagonal-stripes: repeating-linear-gradient( -45deg, var(--ink-purple), var(--ink-purple) 8px, var(--mint-green) 8px, var(--mint-green) 16px );--pattern-dots: radial-gradient(var(--ink-purple) 2px, transparent 2px);--pattern-dots-size: 16px 16px;--pattern-grid: linear-gradient(rgba(74, 26, 138, .15) 1px, transparent 1px), linear-gradient(90deg, rgba(74, 26, 138, .15) 1px, transparent 1px);--pattern-grid-size: 20px 20px;--pattern-stripe-overlay: repeating-linear-gradient( -45deg, transparent, transparent 6px, rgba(184, 245, 200, .2) 6px, rgba(184, 245, 200, .2) 12px )}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;padding:0;font-family:var(--font-body);background:var(--mint-green);background-image:radial-gradient(circle,var(--ink-purple) 1.5px,transparent 1.5px);background-size:32px 32px;color:var(--ink-purple);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:auto}button,input,textarea,select{font-family:inherit}#root{min-height:auto}*{cursor:url(/BreadCursor.png),auto}button,a,input[type=submit],.btn,input,textarea{cursor:url(/BreadCursor.png),pointer}.app-header{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--ink-purple);border-bottom:var(--border-chunky);padding:var(--space-md) var(--space-xl);box-shadow:0 5px 0 var(--structural-black)}.app-header-inverted{background:var(--mint-green)}.app-header-inverted .logo-text{color:var(--ink-purple)!important}.logo-link{text-decoration:none;display:inline-block;padding:var(--space-sm) var(--space-md);margin:calc(-1 * var(--space-sm)) calc(-1 * var(--space-md))}.logo-text{font-family:var(--font-display);font-size:var(--font-size-h3);color:var(--mint-green);text-transform:uppercase;letter-spacing:.05em}.window{border:var(--border-chunky);box-shadow:var(--shadow-lg);background:var(--cream);width:100%}.window-titlebar{background:var(--ink-purple);padding:var(--space-sm) var(--space-md);display:flex;align-items:center;gap:var(--space-sm);border-bottom:var(--border-default)}.window-titlebar-inverted{background:var(--mint-green)}.window-titlebar-inverted .window-title{color:var(--ink-purple)}.traffic-dots{display:flex;gap:6px}.traffic-dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--structural-black)}.dot-red{background:var(--color-traffic-red)}.dot-yellow{background:var(--color-traffic-yellow)}.dot-green{background:var(--color-traffic-green)}.window-title{font-family:var(--font-display);font-size:var(--font-size-h4);color:var(--mint-green);text-transform:uppercase;flex:1;text-align:center;margin-right:50px}.window-body{padding:var(--space-xl)}.window-body-no-padding{padding:0}.btn{font-family:var(--font-body);font-size:var(--font-size-small);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-label);padding:6px 16px;border:var(--border-default);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast),color var(--transition-fast);line-height:1;border-radius:var(--radius-none)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--ink-purple);color:var(--mint-green);box-shadow:var(--shadow-md)}.btn-primary:hover:not(:disabled){background:var(--mint-green);color:var(--ink-purple);transform:translate(-2px,-2px);box-shadow:var(--shadow-md-hover)}.btn-primary:active:not(:disabled){transform:translate(2px,2px);box-shadow:none}.btn-secondary{background:var(--mint-green);color:var(--ink-purple);box-shadow:var(--shadow-md)}.btn-secondary:hover:not(:disabled){background:var(--ink-purple);color:var(--mint-green);transform:translate(-2px,-2px);box-shadow:var(--shadow-md-hover)}.btn-secondary:active:not(:disabled){transform:translate(2px,2px);box-shadow:none}.btn-ghost{background:var(--ink-purple);color:var(--mint-green);box-shadow:var(--shadow-md)}.btn-ghost:hover:not(:disabled){background:var(--mint-green);color:var(--ink-purple);box-shadow:var(--shadow-md-hover);transform:translate(-2px,-2px)}.btn-ghost:active:not(:disabled){transform:translate(2px,2px);box-shadow:none}.btn-large{font-size:var(--font-size-body);padding:var(--space-md) var(--space-xl)}.btn-small{font-size:var(--font-size-caption);padding:6px var(--space-md)}.landing-page{min-height:auto;padding-top:56px;padding-bottom:var(--space-xl);display:flex;align-items:flex-start;justify-content:center}.landing-container{max-width:1100px;width:100%;padding:var(--space-xl)}.landing-content{display:flex;flex-direction:column}.landing-hero-title{font-family:var(--font-display);font-size:64px;color:var(--structural-black);text-transform:uppercase;line-height:var(--line-height-display-relaxed);text-align:center;margin:0;padding:var(--space-xl) 0}.landing-divider{border-top:var(--border-chunky);margin:0}.landing-two-col{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:var(--border-chunky)}.landing-col-left{padding:var(--space-2xl) var(--space-xl);border-right:var(--border-chunky);display:flex;align-items:center}.landing-col-right{padding:var(--space-2xl) var(--space-xl);display:flex;flex-direction:column;gap:var(--space-lg)}.landing-value-prop{font-family:var(--font-body);font-size:22px;color:var(--structural-black);line-height:1.5;font-weight:var(--font-weight-bold);margin:0}.highlight-green{color:var(--mint-green);background:var(--structural-black);padding:2px 6px}.landing-subhead{font-family:var(--font-display);font-size:var(--font-size-h2);color:var(--ink-purple);text-transform:uppercase;line-height:var(--line-height-display-relaxed);margin:0}.landing-body{font-family:var(--font-body);font-size:var(--font-size-small);color:var(--ink-purple);line-height:var(--line-height-body-relaxed);margin:0}.landing-disclaimer{font-family:var(--font-body);font-size:var(--font-size-caption);color:var(--ink-purple);text-align:center;margin-top:var(--space-lg);padding:var(--space-md);background:var(--cream);border:var(--border-default);box-shadow:var(--shadow-md)}.landing-mobile-title{display:none}.landing-desktop-only{display:block}.chat-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:56px var(--space-xl) var(--space-xl);background:var(--ink-purple)!important;background-image:none!important}.chat-page-container{max-width:1100px;width:100%;margin:0 auto;padding:var(--space-xl)}.chat-nav-buttons{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg)}.chat-window-content{display:flex;flex-direction:column;height:65vh;max-height:700px;min-height:375px}.chat-messages{flex:1;overflow-y:auto;padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}.chat-bubble{padding:10px 14px;font-family:var(--font-body);font-size:var(--font-size-small);line-height:var(--line-height-body);max-width:75%;border:var(--border-default);white-space:pre-wrap;word-wrap:break-word}.chat-bubble-ai{background:var(--ink-purple);color:var(--mint-green);box-shadow:var(--shadow-sm);align-self:flex-start;margin-right:auto}.chat-bubble-user{background:#fff;color:var(--ink-purple);box-shadow:var(--shadow-sm);align-self:flex-end;margin-left:auto}.loading-dots{display:inline-flex;align-items:center;gap:6px}.loading-dots .dot{width:8px;height:8px;background:var(--mint-green);border:2px solid var(--structural-black);animation:dot-pulse 1.4s ease-in-out infinite}.loading-dots .dot:nth-child(1){animation-delay:0s}.loading-dots .dot:nth-child(2){animation-delay:.2s}.loading-dots .dot:nth-child(3){animation-delay:.4s}@keyframes dot-pulse{0%,60%,to{transform:scale(1);opacity:1}30%{transform:scale(1.3);opacity:.7}}.chat-button-group{display:flex;flex-wrap:wrap;gap:var(--space-sm);padding:0 var(--space-lg);margin-bottom:var(--space-md)}.chat-input-area{display:flex;gap:var(--space-sm);padding:var(--space-md);border-top:var(--border-default);background:var(--cream)}.chat-input{flex:1;font-family:var(--font-body);font-size:var(--font-size-body);padding:var(--space-sm) var(--space-md);background:#fff;border:var(--border-default);box-shadow:var(--shadow-sm);color:var(--ink-purple);outline:none;transition:box-shadow var(--transition-fast)}.chat-input:focus{box-shadow:var(--shadow-md)}.chat-input::placeholder{color:var(--ink-purple);opacity:.35}.chat-input:disabled{opacity:.5;cursor:not-allowed}.results-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:88px var(--space-xl) var(--space-xl);background:var(--mint-green);background-image:radial-gradient(circle,var(--ink-purple) 1.5px,transparent 1.5px);background-size:32px 32px}.results-page .chat-page-container{max-width:1100px;width:100%;margin:0 auto;padding:var(--space-xl)}.results-content{padding:var(--space-xl)}.results-hero{background:var(--ink-purple);border:var(--border-chunky);box-shadow:var(--shadow-lg);padding:var(--space-2xl) var(--space-xl);text-align:center;margin-bottom:var(--space-2xl)}.results-hero-label{font-family:var(--font-display);font-size:var(--font-size-h4);color:var(--mint-green);text-transform:uppercase;margin-bottom:var(--space-sm)}.results-hero-value{font-family:var(--font-display);font-size:var(--font-size-mega);color:var(--mint-green);line-height:1;margin-bottom:var(--space-sm)}.results-hero-subtitle{font-family:var(--font-body);font-size:var(--font-size-small);color:var(--mint-green);opacity:.8}.results-metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);margin-bottom:var(--space-2xl)}.results-metric-card{background:#fff;border:var(--border-default);box-shadow:var(--shadow-sm);padding:var(--space-lg);transition:transform .2s ease,box-shadow .2s ease}@media(hover:hover){.results-metric-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}}.results-metric-label{font-family:var(--font-body);font-size:var(--font-size-caption);text-transform:uppercase;letter-spacing:var(--letter-spacing-label);color:var(--ink-purple);opacity:.7;margin-bottom:var(--space-xs)}.results-metric-value{font-family:var(--font-display);font-size:var(--font-size-h2);color:var(--ink-purple);text-transform:uppercase}.results-section{margin-bottom:var(--space-2xl)}.results-section-title{font-family:var(--font-display);font-size:var(--font-size-h3);color:var(--ink-purple);text-transform:uppercase;margin-bottom:var(--space-lg)}.results-list{border:var(--border-default);display:grid;grid-template-columns:1fr auto;background:var(--cream)}.results-row{display:contents}.results-row-label{font-family:var(--font-body);font-size:var(--font-size-small);color:var(--ink-purple);padding:var(--space-md);border-bottom:var(--border-thin);border-right:var(--border-thin)}.results-row-value{font-family:var(--font-body);font-size:var(--font-size-small);font-weight:var(--font-weight-bold);color:var(--ink-purple);padding:var(--space-md);text-align:right;border-bottom:var(--border-thin);background:#fff}.results-row:last-child .results-row-label,.results-row:last-child .results-row-value{border-bottom:none}.results-row-total .results-row-label,.results-row-total .results-row-value{font-family:var(--font-display);font-size:var(--font-size-h4);text-transform:uppercase;background:var(--mint-green);padding:var(--space-lg) var(--space-md)}.results-accordion-list{display:flex;flex-direction:column;gap:var(--space-xs)}.results-accordion-item{border:var(--border-default)}.results-accordion-header{display:flex;justify-content:space-between;padding:var(--space-md) var(--space-lg);background:var(--ink-purple);transition:background var(--transition-fast)}.results-accordion-header.clickable{cursor:pointer;transition:background .2s ease,transform .2s ease}@media(hover:hover){.results-accordion-header.clickable:hover{background:var(--mint-green);transform:scale(1.01)}}.results-accordion-header.clickable:hover .results-accordion-label,.results-accordion-header.clickable:hover .results-accordion-value{color:var(--ink-purple)}.results-accordion-label{font-family:var(--font-body);font-size:var(--font-size-small);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-label);color:var(--mint-green);display:flex;align-items:center;gap:var(--space-sm)}.accordion-icon{font-family:var(--font-display);font-size:var(--font-size-h3)}.results-accordion-value{font-family:var(--font-body);font-size:var(--font-size-small);font-weight:var(--font-weight-bold);color:var(--mint-green)}.results-accordion-content{background:#fff;padding:var(--space-md) var(--space-lg);border-top:var(--border-default)}.results-accordion-list .results-row{display:flex;justify-content:space-between;padding:var(--space-lg) var(--space-md);background:var(--mint-green);border:var(--border-default);margin-top:var(--space-md)}.results-accordion-list .results-row-label{border:none;padding:0}.results-accordion-list .results-row-value{border:none;padding:0;text-align:right}.results-subcategory{display:flex;justify-content:space-between;padding:var(--space-xs) 0}.results-subcategory-label{font-family:var(--font-body);font-size:var(--font-size-small);color:var(--ink-purple);opacity:.8}.results-subcategory-value{font-family:var(--font-body);font-size:var(--font-size-small);font-weight:var(--font-weight-bold);color:var(--ink-purple)}.results-disclaimer{font-family:var(--font-body);font-size:var(--font-size-caption);color:var(--ink-purple);text-align:center;margin-top:var(--space-lg);padding:var(--space-md);background:var(--cream);border:var(--border-default);box-shadow:var(--shadow-md);line-height:var(--line-height-body-relaxed)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.landing-container{animation:fadeInUp .6s ease forwards}.landing-mobile-title{animation:fadeInUp .5s ease forwards}.window{animation:fadeInUp .6s ease .1s forwards;opacity:0}.landing-disclaimer{animation:fadeInUp .5s ease .3s forwards;opacity:0}@media(max-width:900px){.landing-page{background:var(--mint-green)!important;background-image:none!important;min-height:100vh;display:flex;align-items:center;padding:88px var(--space-md) var(--space-md)}.landing-mobile-title{display:block;background:var(--cream);border:var(--border-chunky);box-shadow:var(--shadow-lg);padding:var(--space-xl);text-align:center;margin-bottom:var(--space-lg)}.landing-mobile-title-text{font-family:var(--font-display);font-size:48px;color:var(--ink-purple);text-transform:uppercase;line-height:var(--line-height-display-relaxed);margin:0}.landing-desktop-only{display:none!important}.landing-hero-title{font-size:48px}.landing-two-col{grid-template-columns:1fr;border-top:none}.landing-col-left{border-right:none;border-bottom:var(--border-chunky)}.landing-value-prop{font-size:18px}}@media(max-width:768px){.landing-mobile-title-text{font-size:36px}.landing-col-left,.landing-col-right{padding:var(--space-lg)}.chat-page{padding:88px var(--space-md) var(--space-md);align-items:flex-start;background:var(--ink-purple)!important;background-image:none!important}.chat-page-container{padding:0;max-width:100%}.chat-window-content{height:calc(100vh - 160px);min-height:unset}.chat-bubble{max-width:85%;font-size:var(--font-size-caption);padding:6px 10px}.chat-input-area{padding:var(--space-sm);gap:4px}.chat-input{font-size:16px;padding:8px 10px}.chat-input::placeholder{font-size:14px}.btn{font-size:10px;padding:8px 12px;min-height:34px;display:inline-flex;align-items:center;justify-content:center}.chat-button-group{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px;align-items:center;padding:0 var(--space-sm)}.chat-nav-buttons{margin-bottom:var(--space-sm)}.results-page{padding:88px var(--space-sm) var(--space-sm);background:var(--mint-green)!important;background-image:none!important}.results-page .chat-page-container{padding:0}.results-content{padding:var(--space-md)}.results-hero{padding:var(--space-lg);margin-bottom:var(--space-lg)}.results-hero-label{font-size:19px}.results-hero-value{font-size:var(--font-size-h1)}.results-metrics-grid{grid-template-columns:1fr;gap:var(--space-sm);margin-bottom:var(--space-lg)}.results-metric-card{padding:var(--space-md)}.results-metric-value{font-size:var(--font-size-h3)}.results-section{margin-bottom:var(--space-lg)}.results-section-title{font-size:18px;margin-bottom:var(--space-md)}.results-row-label,.results-row-value{padding:var(--space-sm);font-size:var(--font-size-caption)}.results-row-total .results-row-label,.results-row-total .results-row-value{font-size:var(--font-size-small);padding:var(--space-md) var(--space-sm)}.results-accordion-label,.results-accordion-value{font-size:var(--font-size-caption)}.results-accordion-header,.results-accordion-content{padding:var(--space-sm) var(--space-md)}.results-accordion-list{gap:4px}.results-accordion-list .results-row{padding:var(--space-sm) var(--space-sm);margin-top:var(--space-sm)}.results-subcategory-label,.results-subcategory-value{font-size:var(--font-size-caption)}.chat-button-group .btn:focus{background:var(--mint-green);color:var(--ink-purple);outline:none}*{box-shadow:none!important}}@media(max-width:480px){.landing-page{padding:72px 8px 8px}.landing-container{padding:8px}.landing-mobile-title{padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md)}.landing-mobile-title-text{font-size:28px}.window{margin-bottom:var(--space-sm)}.window-body{padding:var(--space-sm)}.landing-col-left{padding:var(--space-md) var(--space-sm)}.landing-col-right{padding:var(--space-md) var(--space-sm);gap:var(--space-md)}.landing-value-prop{font-size:15px}.landing-subhead{font-size:20px;text-align:center}.landing-body{font-size:12px}.btn-large{font-size:13px;padding:10px 20px}.landing-disclaimer{font-size:9px;padding:8px;line-height:1.3;margin-top:var(--space-sm)}.chat-page{padding:88px 8px 8px}.chat-input{font-size:16px;padding:6px 8px}.chat-input-area{gap:6px;padding:8px;display:flex;align-items:stretch}.chat-input-area .btn{flex-shrink:0}.chat-input{height:auto}.chat-input-area .btn-secondary{background:var(--mint-green)!important;color:var(--ink-purple)!important}.chat-input-area .btn-primary{background:var(--ink-purple)!important;color:var(--mint-green)!important}.chat-input-area .btn:disabled{opacity:.4}.chat-button-group .btn{background:var(--mint-green)!important;color:var(--ink-purple)!important}.chat-button-group .btn:focus,.chat-button-group .btn:active{background:var(--mint-green)!important;color:var(--ink-purple)!important;outline:none}.results-page{padding:88px 8px 8px}.results-content{padding:var(--space-sm)}.results-hero{padding:var(--space-md);margin-bottom:var(--space-md)}.results-hero-label{font-size:16px}.results-hero-value{font-size:32px}.results-hero-subtitle{font-size:10px}.results-metric-card{padding:var(--space-sm)}.results-metric-label{font-size:9px}.results-metric-value{font-size:var(--font-size-h4)}.results-section-title{font-size:16px}.results-disclaimer{font-size:8px;padding:8px}}
