/* Magous identity, sampled from magous.com on 2026-09-23. */
.client-tools{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0}
.client-form{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.client-form label{flex-basis:100%;font-weight:600;font-size:14px}
.client-form .input{flex:1;min-width:150px;width:auto}
.client-rename{margin:0 0 24px;max-width:540px}
.client-assignment{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid var(--color-border-subtle);margin-top:16px;padding-top:16px}
.client-assignment label{font-size:14px;color:var(--color-text-secondary)}
.client-assignment .input{max-width:260px;flex:1;min-width:140px;width:auto}
@media(max-width:700px){.client-tools{grid-template-columns:1fr}.client-assignment .btn{font-size:12px;padding:10px}}
@font-face{font-family:'Instrument Sans';src:url('/brand/instrument-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Instrument Sans';src:url('/brand/instrument-semibold.ttf') format('truetype');font-weight:600 700;font-display:swap}
@font-face{font-family:Archivo;src:url('/brand/archivo-bold.ttf') format('truetype');font-weight:800;font-display:swap}
h1,h2,h3,.t-display-hero,.t-display-lg,.t-display-md,.t-heading-sm{font-family:Archivo,'Instrument Sans',sans-serif;font-weight:800;letter-spacing:-.025em}
.magous-logo{display:block;object-fit:contain;width:160px;height:auto}
.magous-product{font-weight:700;font-size:13px;letter-spacing:.08em;border-left:1px solid var(--color-border);padding-left:12px;color:var(--color-accent)}
.nav-brand,.auth-brand{display:flex;align-items:center;gap:12px}
.nav-brand{flex-shrink:0}
.nav-brand .magous-logo{flex-shrink:0}
.nav-brandmark{background:var(--color-accent-subtle);color:var(--color-accent)}
.btn{border-radius:12px;font-weight:600}
.btn-primary{background:linear-gradient(110deg,#007F70,#00685D);color:#fff;box-shadow:0 5px 18px rgba(0,168,144,.15)}
.btn-primary:hover{background:linear-gradient(110deg,#006F63,#00594F)}
.input{border-radius:14px}
.input:focus-visible,.btn:focus-visible,a:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}
.hero-title{font-weight:800}
.section-eyebrow,.magous-eyebrow{color:var(--color-accent);font-size:12px;letter-spacing:.14em;font-weight:600}
.magous-auth{min-height:100svh;background:radial-gradient(ellipse at 75% 20%,rgba(0,168,144,.17),transparent 55%),linear-gradient(135deg,#0B222E,#1C3E4B);padding:64px 24px;gap:24px;justify-content:center}
.magous-auth .auth-brand{background:#F5F8F8;border:1px solid #DCEAE5;padding:15px 22px;border-radius:14px;margin:0}
.magous-auth .magous-logo{width:200px}
.magous-auth .magous-product{color:#007F70;border-color:#DCEAE5}
.magous-auth .magous-eyebrow{color:#49D4BD;margin:0;text-align:center}
.magous-auth .auth-card{width:100%;max-width:440px;box-shadow:0 24px 60px rgba(0,0,0,.25);border-radius:24px;padding:36px}
.magous-auth .auth-form{text-align:left;gap:12px}
.magous-auth .auth-form .btn{margin-top:12px;min-height:48px}
.magous-back{font-size:14px;color:#B5CBCF;text-decoration:none}
:root[data-theme=dark] .nav .magous-logo,:root[data-theme=dark] .footer .magous-logo{filter:brightness(0) invert(1)}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .nav .magous-logo,:root:not([data-theme=light]) .footer .magous-logo{filter:brightness(0) invert(1)}}
@media(max-width:600px){.nav .magous-logo{width:112px}.magous-auth{padding:32px 16px}.magous-auth .auth-card{padding:28px 22px}.magous-product{padding-left:8px}.nav-brand{gap:8px}}
@media(max-width:900px){.nav-inner{flex-wrap:wrap;gap:16px}.nav-links{order:3;flex-basis:100%;justify-content:flex-start;flex-wrap:wrap;gap:20px}.nav-end{margin-left:auto}.nav-cta{padding:10px 12px;font-size:12px}.nav-inner{padding-top:14px;padding-bottom:14px}}
