/* Warm retro palette: high-contrast navy, cream, teal, coral, and sunflower. */
html[data-outfit] body{--retro-ink:#1d2c4b;--retro-paper:#fff9ec;--retro-cream:#f7efd9;--retro-coral:#ff7062;--retro-teal:#12a6a6;--retro-yellow:#f1bd42;--retro-blue:#3d73df;color:var(--retro-ink);background-color:var(--retro-paper);background-image:radial-gradient(#d9ccb1 0.8px,transparent .8px);background-size:18px 18px}
html[data-outfit] .app,html[data-outfit] main{background:transparent}
html[data-outfit] .sidebar{position:sticky;top:0;height:100dvh;overflow-y:auto;background:#1d2c4b;border-right:3px solid #12a6a6;box-shadow:5px 0 0 #1d2c4b12}
html[data-outfit] .brand{margin-bottom:18px}
html[data-outfit] .nav-label{margin:9px 12px 8px;color:#c4d5ec;font-size:9px;font-weight:800;letter-spacing:1.4px}
html[data-outfit] .nav-section-label{margin:11px 12px 5px;padding-top:9px;border-top:1px dashed #8da1bf66;color:#d8c896;font-size:9px;font-weight:800;letter-spacing:1.2px}
html[data-outfit] .nav-item{min-height:39px;margin-bottom:2px;padding:9px 10px;border:1px solid transparent;border-radius:7px;color:#f6f3e9;font-size:11px}
html[data-outfit] .nav-item>span{color:#f1bd42;font-size:18px}
html[data-outfit] .nav-item.active,html[data-outfit] .nav-item.active>span{background:#d6f1eb;border-color:#7bd0c3;color:#173c48;box-shadow:2px 2px 0 #101b31}
html[data-outfit] .nav-item:hover:not(.active){background:#ffffff17}
html[data-outfit] .learn-label{margin-top:17px}
html[data-outfit] .contractor-link{margin-top:5px;background:#ffedbd;color:#253454;font-weight:800;border-color:#f1bd42}
html[data-outfit] .contractor-link>span{color:#253454}
html[data-outfit] .sidebar-bottom{padding-top:18px}
html[data-outfit] .help-button{background:#263a5c;border:1px solid #96aac5;color:#fff}
html[data-outfit] .demo-profile{padding-top:14px}
html[data-outfit] .topbar{position:relative;padding:15px 18px;border:2px solid #1d2c4b;border-radius:11px;background:#fffdf6;box-shadow:4px 4px 0 #1d2c4b;margin-bottom:18px;overflow:hidden}
html[data-outfit] .topbar:after{content:"";position:absolute;right:-22px;top:-50px;width:130px;height:130px;border:10px dotted #f1bd42;border-radius:50%;opacity:.7;pointer-events:none;animation:retro-orbit 25s linear infinite}
html[data-outfit] .topbar h1{color:#1d2c4b;font-family:'DM Mono','Courier New',monospace;font-size:clamp(24px,2.8vw,35px);letter-spacing:-1px}
html[data-outfit] .topbar p,html[data-outfit] .tile-description,html[data-outfit] .page-content p{color:#52607a}
html[data-outfit] .header-actions{position:relative;z-index:1;flex-wrap:wrap}
html[data-outfit] .button{border:1.5px solid #1d2c4b;border-radius:7px;background:#fffdf6;color:#1d2c4b;box-shadow:2px 2px 0 #1d2c4b}
html[data-outfit] .button.primary,html[data-outfit] .primary{background:#3972de;border-color:#1d2c4b;color:#fff;box-shadow:3px 3px 0 #1d2c4b}
html[data-outfit] .tour-header-button{background:#ff7062;color:#1d2c4b;font-weight:800}
html[data-outfit] .discovery,html[data-outfit] .demo-note{background:#fffdf6;border:2px solid #1d2c4b;border-radius:10px;box-shadow:3px 3px 0 #1d2c4b}
html[data-outfit] .discovery{position:relative;overflow:hidden}
html[data-outfit] .discovery:after{content:"";position:absolute;right:-42px;top:-70px;width:150px;height:150px;border:15px solid #d9f2ec;border-radius:50%;opacity:.65;pointer-events:none}
html[data-outfit] .quick-search,html[data-outfit] .quick-categories{position:relative;z-index:1}
html[data-outfit] .quick-search label{color:#1d2c4b;font-weight:800}
html[data-outfit] .quick-search input,html[data-outfit] .chat-form input,html[data-outfit] .field input,html[data-outfit] .field select,html[data-outfit] .field textarea{background:#fff;color:#1d2c4b;border:1.5px solid #8693a8;border-radius:7px}
html[data-outfit] .quick-categories button{border:1.5px solid #1d2c4b;border-radius:7px;background:#fff0c4;color:#1d2c4b;box-shadow:2px 2px 0 #1d2c4b}
html[data-outfit] .quick-categories button:nth-child(3n+2){background:#d9f2ec;color:#1d2c4b}
html[data-outfit] .quick-categories button:nth-child(3n){background:#ffe0da;color:#1d2c4b}
html[data-outfit] .quick-categories button:hover{transform:translateY(-2px)}
html[data-outfit] .pipeline{background:#fffdf6;border:2px solid #1d2c4b;border-radius:10px;box-shadow:3px 3px 0 #1d2c4b}
html[data-outfit] .pipeline button{color:#263858}
html[data-outfit] .pipeline .step-number{background:#fff0c4;border:1.5px solid #1d2c4b;color:#1d2c4b}
html[data-outfit] .pipeline button:nth-child(3n+2) .step-number{background:#d9f2ec}
html[data-outfit] .pipeline button:nth-child(3n) .step-number{background:#ffe0da}
html[data-outfit] .pipeline button:not(:last-child):after{background:#99a5b8}
html[data-outfit] .pipeline button.current,html[data-outfit] .pipeline button.complete{color:#1d2c4b}
html[data-outfit] .pipeline button.current .step-number{background:#f1bd42;border-color:#1d2c4b}
html[data-outfit] .pipeline button.complete .step-number{background:#83d3a0;border-color:#1d2c4b}
html[data-outfit] .dashboard .tile{border:2px solid #1d2c4b;border-radius:11px;background:#fffdf6;color:#1d2c4b;box-shadow:3px 3px 0 #1d2c4b}
html[data-outfit] .dashboard .appointments-tile{background:#fff0d1}
html[data-outfit] .dashboard .calendar-tile{background:#e4edff}
html[data-outfit] .dashboard .schedule-tile{background:#d9f2ec}
html[data-outfit] .dashboard .projects-tile{background:#fffdf6}
html[data-outfit] .dashboard .insurance-tile{background:#ffe3dc}
html[data-outfit] .dashboard .wallet-tile{background:#e9e8ff}
html[data-outfit] .dashboard .cixy-tile{background:linear-gradient(145deg,#d9f2ec,#fff1c8);border-color:#1d2c4b}
html[data-outfit] .tile-heading h2,html[data-outfit] .tile h3{color:#1d2c4b}
html[data-outfit] .tile-heading p,html[data-outfit] .tile-description,html[data-outfit] .project-mini small{color:#52607a}
html[data-outfit] .dashboard .tile .tile-button{background:#fffdf6;border:1.5px solid #1d2c4b;color:#1d2c4b;box-shadow:2px 2px 0 #1d2c4b}
html[data-outfit] .avatar-aura{background:radial-gradient(ellipse,#f1bd4266,transparent 70%)}
html[data-outfit] .avatar-status,html[data-outfit] .animation-toggle{background:#1d2c4b;color:#fff;border:1px solid #f1bd42}
html[data-outfit] .chat-section{background:#fff9e6;border-color:#b9aa83}
html[data-outfit] .chat-label,html[data-outfit] .appearance-group>span,html[data-outfit] .appearance-group>label{color:#52607a}
html[data-outfit] .message{background:#fff;color:#263858;border:1px solid #badbd3}
html[data-outfit] .message.user{background:#e4edff;color:#263858;border:1px solid #a7b8dc}
html[data-outfit] .chat-form{background:#fff;border:1.5px solid #1d2c4b}
html[data-outfit] .chat-form button{background:#ff7062;color:#1d2c4b}
html[data-outfit] .chat-choices{display:flex;flex-wrap:wrap;gap:6px}
html[data-outfit] .chat-choices button.prompt-chip{max-width:100%;white-space:normal;text-align:left;font-size:10px;line-height:1.4;background:#fff;border:1px solid #8a97ab;border-radius:7px;color:#263858;padding:6px 8px}
html[data-outfit] .chat-choices button.prompt-chip:hover{background:#d9f2ec}
html[data-outfit] .chat-choices button[data-action="use-brief"]{background:#fff0c4;color:#263858}
html[data-outfit] .page-content,html[data-outfit] dialog,html[data-outfit] .customize-panel{background:#fffdf6;color:#1d2c4b;border:2px solid #1d2c4b;box-shadow:4px 4px 0 #1d2c4b}
html[data-outfit] .content-card{background:#fff;border:1.5px solid #9aa5b6;border-radius:9px}
html[data-outfit] .status-tag{background:#fff0c4;color:#273856;border:1px solid #687891}
html[data-outfit] .footer{color:#58657d;border-color:#d5cbb4}
html[data-outfit] .tour-content{display:grid;gap:17px}
html[data-outfit] .tour-intro{font-size:14px!important;color:#263858!important}
html[data-outfit] .tour-content section{display:grid;gap:9px}
html[data-outfit] .tour-content h3{font-family:'DM Mono','Courier New',monospace;color:#1d2c4b;font-size:16px}
html[data-outfit] .tour-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
html[data-outfit] .tour-card{padding:10px;border:1.5px solid #9aa5b6;border-radius:8px;background:#fff}
html[data-outfit] .tour-card:nth-child(3n+1){background:#fff0c4}
html[data-outfit] .tour-card:nth-child(3n+2){background:#d9f2ec}
html[data-outfit] .tour-card:nth-child(3n){background:#ffe0da}
html[data-outfit] .tour-card h3{font-family:'DM Sans',system-ui,sans-serif;font-size:12px;font-weight:800}
html[data-outfit] .tour-card p,html[data-outfit] .tour-content>section>p{font-size:11px;line-height:1.6;color:#52607a}
html[data-outfit] .tour-card .tour-link{margin-top:9px;min-height:30px;padding:6px 8px;font-size:10px}
html[data-outfit] .tour-examples{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
html[data-outfit] .tour-note{padding:10px;background:#fff0c4;border-left:4px solid #f1bd42;font-size:11px;color:#33415b}
@keyframes retro-orbit{to{transform:rotate(360deg)}}
@media(max-width:850px){html[data-outfit] .sidebar{position:relative;top:auto;height:auto;max-height:none;overflow:visible}html[data-outfit] .tour-grid{grid-template-columns:1fr}}
@media(max-width:750px){html[data-outfit] .header-actions{width:100%}html[data-outfit] .tour-header-button,html[data-outfit] .header-actions .primary{flex:1}}
@media(max-width:520px){html[data-outfit] .header-actions{flex-wrap:wrap}html[data-outfit] .header-actions button{width:100%}html[data-outfit] .quick-categories button{font-size:10px;padding:7px 8px}}
@media(prefers-reduced-motion:reduce){html[data-outfit] .topbar:after{animation:none}}

/* Reference-led command center: horizontal navigation and clear first-step cards. */
html[data-outfit] .app{display:block;max-width:1920px;min-height:100vh;background:var(--retro-paper)}
html[data-outfit] .sidebar{position:sticky;z-index:20;top:0;height:auto;min-height:76px;max-height:none;overflow:visible;display:flex;flex-direction:row;align-items:center;gap:10px;padding:8px 22px;background:#fffdf6;border:0;border-bottom:2px solid #1d2c4b;box-shadow:0 3px 0 #1d2c4b;}
html[data-outfit] .brand{flex:none;margin:0;padding:0 6px}
html[data-outfit] .brand-artwork{display:block;width:142px;height:auto;max-height:52px;object-fit:contain}
html[data-outfit] .sidebar>.nav-label,html[data-outfit] .nav-section-label{display:none}
html[data-outfit] #navigation,html[data-outfit] .sidebar>nav[aria-label="Learn about Contraxis"]{display:flex;flex:1;align-items:center;gap:2px;min-width:0;overflow-x:auto;scrollbar-width:thin}
html[data-outfit] .nav-item{width:auto;min-height:38px;flex:none;gap:6px;margin:0;padding:7px 8px;border-radius:7px;white-space:nowrap;font-size:10px}
html[data-outfit] .nav-item>span{width:auto;font-size:16px}
html[data-outfit] .contractor-link{margin:0}
html[data-outfit] .sidebar-bottom{flex:none;margin:0;padding:0}
html[data-outfit] .help-button{display:none}
html[data-outfit] .demo-profile{padding:0 0 0 6px;white-space:nowrap}
html[data-outfit] .demo-profile small{display:none}
html[data-outfit] main{max-width:1760px;margin:0 auto;padding:20px 30px 18px}
html[data-outfit] .topbar.hero{min-height:265px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:17px;padding:27px 28px;border:2px solid #1d2c4b;border-radius:12px;background-color:#fff9ec;background-image:linear-gradient(90deg,#fff9ec 0%,#fff9ecf5 34%,#fff9ecb3 53%,transparent 73%),url("assets/pixel-city-hero.png");background-size:cover;background-position:center right;box-shadow:4px 4px 0 #1d2c4b;}
html[data-outfit] .topbar.hero:after{display:none}
html[data-outfit] .hero-copy{max-width:690px;position:relative;z-index:1}
html[data-outfit] .hero .eyebrow{font-family:'DM Mono','Courier New',monospace;font-size:11px;letter-spacing:2px;color:#1d2c4b}
html[data-outfit] .hero h1{max-width:700px;margin:12px 0 10px;font-size:clamp(34px,4.2vw,58px);line-height:1.04;letter-spacing:-2.2px}
html[data-outfit] .hero p{max-width:620px;font-size:16px;line-height:1.5;color:#31425e}
html[data-outfit] .hero .header-actions{align-self:flex-end;flex:none}
html[data-outfit] .demo-note{margin:0 0 16px;padding:8px 12px;font-size:10px;box-shadow:none;border-width:1px}
html[data-outfit] .first-steps-grid{display:grid;grid-template-columns:minmax(350px,1.45fr) minmax(260px,.95fr) minmax(265px,1fr);gap:14px;align-items:stretch;margin-bottom:15px}
html[data-outfit] .first-steps-grid>.discovery{min-height:100%;padding:19px}
html[data-outfit] .quick-search>div{display:grid;grid-template-columns:minmax(0,1fr) 52px;gap:7px}
html[data-outfit] .quick-search .button{font-size:0;min-width:52px}
html[data-outfit] .quick-search .button:after{content:'⌕';font-size:24px;line-height:1}
html[data-outfit] .quick-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:14px}
html[data-outfit] .quick-categories button{min-height:40px;font-weight:700}
html[data-outfit] .first-steps-grid>.cixy-tile{grid-row:auto;min-height:100%;border:2px solid #1d2c4b;border-radius:11px;background:linear-gradient(145deg,#d9f2ec,#fff1c8);box-shadow:3px 3px 0 #1d2c4b}
html[data-outfit] .cixy-tile>.tile-heading{padding:12px 12px 0;margin-bottom:0}
html[data-outfit] .cixy-tile h2{font-size:22px}
html[data-outfit] .cixy-tile>.tile-heading p{font-size:10px;color:#52607a}
html[data-outfit] .cixy-tile .avatar-stage{height:205px;min-height:205px;align-items:flex-end;justify-content:center;overflow:hidden;background:linear-gradient(180deg,#fff3cf 0 73%,#d39b5f 73% 78%,#efd09a 78% 100%)}
html[data-outfit] .cixy-tile .avatar-stage:before{content:"";position:absolute;top:14px;left:9%;width:27%;height:40%;border:4px solid #1d2c4b;border-radius:3px;background:linear-gradient(90deg,transparent 47%,#1d2c4b 47% 53%,transparent 53%),linear-gradient(0deg,transparent 46%,#1d2c4b 46% 53%,transparent 53%),linear-gradient(145deg,#80dfd6,#d9f4ea 62%,#f8d984);box-shadow:3px 3px 0 #1d2c4b;z-index:0}
html[data-outfit] .cixy-tile .avatar-stage:after{content:"";position:absolute;top:14px;right:7%;width:18%;height:57%;border:4px solid #1d2c4b;border-radius:3px;background:repeating-linear-gradient(180deg,transparent 0 25px,#1d2c4b 25px 29px),linear-gradient(90deg,#e5a353,#ffdf83 35% 78%,#c77a48);box-shadow:3px 3px 0 #1d2c4b;z-index:0}
html[data-outfit] .cixy-tile #cixy-avatar{position:relative;z-index:1;width:min(100%,190px);height:190px;max-height:190px}
html[data-outfit] .cixy-tile .avatar-status{left:8px;bottom:5px;font-size:8px}
html[data-outfit] .cixy-tile .animation-toggle{right:8px;bottom:5px}
html[data-outfit] .cixy-tile .chat-section{min-height:0;padding:9px 11px 11px;background:#fffdf6;border-top:1px solid #b9aa83}
html[data-outfit] .cixy-tile .chat-label{margin-bottom:5px}
html[data-outfit] .cixy-tile .conversation{max-height:85px}
html[data-outfit] .cixy-tile .chat-choices{max-height:75px;overflow:auto}
html[data-outfit] .cixy-tile .chat-status{font-size:9px}
html[data-outfit] .tour-spotlight{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;min-height:260px;padding:22px;border:2px solid #1d2c4b;border-radius:11px;background:#72e2d5;color:#1d2c4b;box-shadow:3px 3px 0 #1d2c4b}
html[data-outfit] .tour-spotlight:after{content:'✦  ▪  ✧';position:absolute;right:16px;bottom:10px;color:#087c8c;font-size:33px;letter-spacing:6px;opacity:.7;pointer-events:none}
html[data-outfit] .tour-spotlight .eyebrow{font-family:'DM Mono','Courier New',monospace;font-size:10px;letter-spacing:2px;color:#22495b}
html[data-outfit] .tour-spotlight h2{position:relative;z-index:1;margin:13px 0 8px;font-size:clamp(22px,2vw,29px);line-height:1.1;letter-spacing:-.8px}
html[data-outfit] .tour-spotlight p{position:relative;z-index:1;max-width:230px;margin-bottom:15px;color:#294b5c;font-size:12px;line-height:1.55}
html[data-outfit] .tour-card-button{position:relative;z-index:2;margin-top:auto;background:#1d2c4b;color:white;border-color:#1d2c4b;box-shadow:3px 3px 0 #fff0c4}
html[data-outfit] .tour-sign{position:absolute;right:12px;bottom:24px;z-index:1;padding:10px 8px;transform:rotate(-8deg);border:2px solid #1d2c4b;background:#fff0c4;box-shadow:3px 3px 0 #1d2c4b;font:10px/1.12 'DM Mono','Courier New',monospace;letter-spacing:1px;color:#1d2c4b}
html[data-outfit] .tour-sign b{font-size:13px}
html[data-outfit] .pipeline{margin-bottom:16px}
html[data-outfit] .dashboard{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
html[data-outfit] .dashboard .tile{min-height:210px}
html[data-outfit] .dashboard .sponsor-tile{min-height:160px}
@media(max-width:1200px){html[data-outfit] .sidebar{flex-wrap:wrap;position:relative}html[data-outfit] #navigation{order:3;flex-basis:100%}html[data-outfit] .sidebar>nav[aria-label="Learn about Contraxis"]{order:4;flex-basis:100%}html[data-outfit] .first-steps-grid{grid-template-columns:1.2fr 1fr}html[data-outfit] .tour-spotlight{grid-column:1/-1;min-height:180px}html[data-outfit] .tour-sign{right:40px;bottom:20px}}
@media(max-width:760px){html[data-outfit] main{padding:12px}html[data-outfit] .topbar.hero{min-height:295px;flex-direction:column;background-image:linear-gradient(180deg,#fff9ec 0%,#fff9eced 46%,#fff9ec22 100%),url("assets/pixel-city-hero.png");background-position:center bottom;background-size:auto 100%,auto 100%}html[data-outfit] .hero .header-actions{align-self:flex-start;margin-top:auto}html[data-outfit] .first-steps-grid{grid-template-columns:1fr}html[data-outfit] .tour-spotlight{grid-column:auto;min-height:195px}html[data-outfit] .dashboard{grid-template-columns:1fr 1fr}html[data-outfit] .pipeline{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:12px}}
@media(max-width:480px){html[data-outfit] .dashboard{grid-template-columns:1fr}html[data-outfit] .header-actions{width:100%}html[data-outfit] .header-actions .button{flex:1}html[data-outfit] .quick-categories{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-outfit] .pipeline button:not(:last-child):after{display:none}html[data-outfit] .tour-sign{right:15px;bottom:18px}}

/* Keep every tab readable and visible across the compact horizontal nav. */
html[data-outfit] .sidebar{background:#fffdf6;border-bottom-color:#1d2c4b;overflow:visible}
html[data-outfit] .brand-artwork{mix-blend-mode:normal}
html[data-outfit] #navigation,html[data-outfit] .sidebar>nav[aria-label="Learn about Contraxis"]{flex-wrap:wrap;overflow:visible;scrollbar-width:none;align-content:center;justify-content:center}
html[data-outfit] .nav-item,html[data-outfit] .nav-item>span{color:#263858}
html[data-outfit] .nav-item>span{color:#246fc2}
html[data-outfit] .nav-item.active,html[data-outfit] .nav-item.active>span{color:#18364f;background:#d6f1eb;border-color:#59b9ad}
html[data-outfit] .demo-profile,html[data-outfit] .demo-profile a,html[data-outfit] .demo-profile small{color:#263858}
@media(max-width:1200px){html[data-outfit] .sidebar{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto;gap:5px 12px;padding:8px 16px}html[data-outfit] .brand{grid-column:1;grid-row:1}html[data-outfit] .sidebar-bottom{grid-column:2;grid-row:1}html[data-outfit] #navigation{grid-column:1/-1;grid-row:2;flex-basis:auto;justify-content:flex-start}html[data-outfit] .sidebar>nav[aria-label="Learn about Contraxis"]{grid-column:1/-1;grid-row:3;flex-basis:auto;justify-content:flex-start}html[data-outfit] .nav-item{min-height:34px;padding:5px 7px;font-size:10px}}
@media(max-width:620px){html[data-outfit] .sidebar{position:relative;grid-template-columns:1fr auto}html[data-outfit] .nav-item{white-space:normal;min-width:70px;max-width:110px;flex:0 1 auto;line-height:1.2}html[data-outfit] #navigation,html[data-outfit] .sidebar>nav[aria-label="Learn about Contraxis"]{gap:3px;justify-content:flex-start}}
html[data-outfit] .brand{display:flex;align-items:center;gap:9px;flex:none;text-align:left;color:#1d2c4b}
html[data-outfit] .brand-symbol{display:block;width:42px;height:42px;flex:none;filter:drop-shadow(2px 2px 0 #12a6a6)}
html[data-outfit] .brand-copy{display:flex;flex-direction:column;gap:1px}
html[data-outfit] .brand-name{font-family:'Manrope',system-ui,sans-serif;font-size:18px;font-weight:850;letter-spacing:-.7px;color:#1d2c4b;line-height:1}
html[data-outfit] .brand-dot{color:#ff7062}
html[data-outfit] .brand-tagline{font-family:'DM Mono','Courier New',monospace;font-size:6px;font-weight:700;letter-spacing:.7px;color:#53647d;white-space:nowrap}
@media(max-width:620px){html[data-outfit] .brand-symbol{width:35px;height:35px}html[data-outfit] .brand-name{font-size:16px}html[data-outfit] .brand-tagline{font-size:5px}}