:root{--color-ittd-blue:#09f;--color-logic-green:#3c3;--color-studios-magenta:#f3c;--color-help-orange:#f93;--color-text-main:#1a1a1a;--color-text-muted:#666;--color-border:#e2e6ea;--color-bg:#f7f9fb;--layout-max-width:1080px;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
*{box-sizing:border-box}html,body{max-width:100vw;font-family:var(--font-sans);color:var(--color-text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;margin:0;padding:0;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}h1,h2,h3,h4{text-transform:lowercase;color:var(--color-text-main);margin:0 0 12px;line-height:1.2}p{color:var(--color-text-muted);margin:0 0 12px;line-height:1.6}main{min-height:60vh}.site-header{border-bottom:1px solid var(--color-border);z-index:50;background:#fff;position:sticky;top:0}.header-bar{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;display:flex}.brand{align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand-logo{background:#fff;border-radius:8px;flex-shrink:0}.brand-text{flex-direction:column;gap:2px;display:flex}.brand-title{color:var(--color-ittd-blue);text-transform:lowercase;letter-spacing:.02em;font-weight:600}.brand-subtitle{color:var(--color-text-muted);text-transform:lowercase;font-size:12px}.nav-toggle{border:1px solid var(--color-border);color:var(--color-text-main);cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:6px;padding:8px 10px;display:none}.header-nav{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.header-link{color:var(--color-text-muted);text-transform:lowercase;border-bottom:2px solid #0000;padding-bottom:4px;font-size:13px;text-decoration:none}.header-link.active{color:var(--color-ittd-blue);border-bottom-color:var(--color-ittd-blue)}.header-cta{white-space:nowrap}.jump-nav{z-index:60;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:16px;right:16px}.jump-nav.is-hidden{display:none}.jump-nav .btn{color:var(--color-text-main);border-color:var(--color-border);background:#fff;box-shadow:0 6px 18px #00000014}.jump-nav .btn:hover{transform:translateY(-2px)}.container{max-width:var(--layout-max-width);margin:0 auto;padding:0 16px}.section{border-bottom:1px solid var(--color-border);background:var(--section-bg,linear-gradient(180deg,#fff 0%,#f7f9fb 100%));padding:48px 0}.section:last-of-type{border-bottom:none}.section:nth-of-type(2n){--section-bg:linear-gradient(180deg,#fff 0%,#f6fbf6 100%)}.section-label{letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:6px;font-size:11px}.card{border:1px solid var(--color-border);background:#fff;border-radius:10px;padding:16px}.card.soft{background:var(--color-bg)}.brand-banner{border:1px solid var(--color-border);background:linear-gradient(120deg,#0099ff14,#33cc3314);border-radius:14px;padding:14px;box-shadow:0 12px 28px #0000000d}.palette-row{flex-wrap:wrap;gap:8px;display:flex}.palette-chip{background:var(--chip-bg,#f5f7fb);color:var(--chip-fg,var(--color-text-main));border:1px solid var(--chip-border,transparent);border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex}.grid-two{grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:24px;display:grid}.grid-hero{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:center;gap:32px;display:grid}@media (max-width:960px){.grid-two{grid-template-columns:1fr;gap:18px}.grid-hero{grid-template-columns:1fr;gap:20px}.header-bar{flex-wrap:wrap}.nav-toggle{margin-left:auto;display:inline-flex}.header-nav{border-top:1px solid var(--color-border);flex-direction:column;align-items:flex-start;gap:10px;width:100%;padding:8px 0 4px;display:none}.header-nav.open{display:flex}.header-cta{justify-content:center;width:100%}.jump-nav{bottom:12px;right:12px}.jump-nav.is-hidden{display:none}.section{padding:32px 0}.card{padding:14px}}.btn{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:7px 14px;font-size:13px;font-weight:500;text-decoration:none;transition:all .16s;display:inline-flex}.btn-blue{background:var(--color-ittd-blue);color:#fff;border-color:var(--color-ittd-blue)}.btn-green{background:var(--color-logic-green);color:#fff;border-color:var(--color-logic-green)}.btn-ghost{color:var(--color-ittd-blue);border-color:var(--color-ittd-blue);background:#fff}.btn:hover{transform:translateY(-1px);box-shadow:0 10px 20px #0000000f}.input{border:1px solid var(--color-border);width:100%;font-size:13px;font-family:var(--font-sans);background:#fff;border-radius:6px;padding:7px 8px}label{color:var(--color-text-muted);text-transform:lowercase;font-size:12px}.list-compact{color:var(--color-text-main);margin:0;padding-left:18px;font-size:13px}.list-compact li{margin-bottom:6px}.pill{color:inherit;border:1px solid;border-radius:999px;align-items:center;margin-bottom:6px;margin-right:6px;padding:4px 8px;font-size:11px;display:inline-flex}.eyebrow{letter-spacing:.02em;text-transform:uppercase;color:var(--color-text-muted);font-size:12px}.muted{color:var(--color-text-muted)}