*{box-sizing:border-box}:root{--background:#f6f8fb;--surface:#fff;--text:#172026;--muted:#5f6b76;--border:#d8dee7;--focus:#1b6ca8;--app-accent:#1b6ca8}html,body{min-height:100%;margin:0}body{background:var(--background);color:var(--text);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.site-shell{max-width:1120px;min-height:100vh;margin:0 auto;padding:32px 20px 56px}.site-header,.app-nav{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:32px;display:flex}.site-header p,.app-nav p,.lede{color:var(--muted);max-width:680px;margin:8px 0 0;line-height:1.6}.brand-mark,.app-nav__brand{font-size:1.25rem;font-weight:700}.app-nav__identity,.app-card-heading{align-items:center;gap:12px;display:flex}.app-logo,.page-logo{border-radius:8px;flex:none;display:block}.page-logo{margin-bottom:18px}.domain-tag,.eyebrow{color:var(--app-accent);text-transform:uppercase;margin:0;font-size:.78rem;font-weight:700}.site-header nav,.app-nav nav,.action-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.site-header nav a,.app-nav nav a,.action-row a,.login-form button{background:var(--surface);border:1px solid var(--border);color:var(--text);font:inherit;border-radius:8px;min-height:42px;padding:10px 14px;font-weight:700}.site-header nav a:hover,.app-nav nav a:hover,.action-row a:hover,.login-form button:hover{border-color:var(--app-accent);color:var(--app-accent)}.home-hero,.route-surface{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:clamp(24px,5vw,48px)}.home-hero h1,.route-surface h1{margin:12px 0 0;font-size:clamp(2rem,6vw,4.5rem);line-height:1}.app-card-grid,.route-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:32px;display:grid}.app-card-grid a,.route-grid a{border:1px solid var(--border);border-left:6px solid var(--app-accent);background:#fbfcfe;border-radius:8px;gap:12px;min-height:148px;padding:20px;display:grid}.app-card-grid a:hover,.route-grid a:hover{border-color:var(--app-accent);transform:translateY(-1px)}.app-card-grid span,.route-grid span{font-size:1.15rem;font-weight:700}.app-card-grid small,.route-grid small{color:var(--muted);overflow-wrap:anywhere}.app-section[data-app-section=website1]{--app-accent:#1b6ca8}.app-section[data-app-section=website2]{--app-accent:#2f7d32}.app-section[data-app-section=website3]{--app-accent:#9b3d3d}.login-form{gap:16px;max-width:360px;margin-top:28px;display:grid}.login-form code{color:var(--text);overflow-wrap:anywhere;background:#edf1f6;border-radius:6px;padding:10px}.login-form button{background:var(--text);color:#fff;cursor:pointer}@media (max-width:720px){.site-shell{padding-inline:16px}.site-header,.app-nav{display:grid}}