*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f3ec;color:#202e28;font:15px/1.5 Inter,"Helvetica Neue",Arial,sans-serif}h1,h2,h3,p{margin:0}h1{font:normal clamp(44px,6vw,84px)/1.05 Georgia,serif;letter-spacing:-.056em}h2{font:normal 32px/1.2 Georgia,serif;letter-spacing:-.035em}h3{font-size:16px}p,small,footer,time{color:#596860}a{color:inherit;text-underline-offset:3px}button,input,select{font:inherit}button{cursor:pointer;background:#174535;color:white;border:0;border-radius:5px;padding:9px 17px;font-weight:600}button:hover{background:#235c47}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #ba8a39;outline-offset:3px}input,select{width:100%;padding:9px 11px;border:1px solid #b3bcb2;border-radius:5px;background:#fffffb;color:#223d30}label{display:grid;gap:5px;font-size:13px;color:#364e40}small{font-size:12px}.shell{display:grid;grid-template-columns:207px minmax(0,1fr);min-height:100vh}aside{background:#14392d;color:#fff;padding:32px 22px;display:flex;flex-direction:column;align-items:stretch;gap:42px;position:sticky;top:0;height:100vh}aside form{margin-top:auto}.brand{font-weight:650;font-size:20px;display:flex;align-items:center;gap:10px;white-space:nowrap}.brand i{display:inline-block;width:23px;height:22px;border-left:7px solid #c9de90;border-right:7px solid #9fc59d;transform:skew(-14deg);border-radius:2px}nav{display:grid;gap:4px}nav a,.quiet{color:#e7f0e6;font-size:14px;text-decoration:none;padding:10px 12px;background:transparent;text-align:left;border-radius:4px}nav a:hover,.quiet:hover{background:#28503e}.content{width:100%;max-width:1350px;padding:44px clamp(18px,4vw,72px)}header{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin:0 0 32px}header p{font-size:18px}.kicker{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:700;color:#49644f;margin-bottom:10px}.filter,.maptext form{display:flex;align-items:flex-end;gap:7px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #ccd3c8;background:#fbfcf5;border-radius:10px;overflow:hidden}.metrics article{padding:20px 24px;display:grid;gap:7px}.metrics article+article{border-left:1px solid #d8dcd1}.metrics article:first-child{background:#deebc8}.metrics h2{font:600 14px Inter,Arial,sans-serif;letter-spacing:0}.metrics strong{font:normal clamp(34px,4vw,60px)/1.12 Georgia,serif}.metrics em{font:normal .48em Georgia;color:#566957}section{scroll-margin-top:18px;border-top:1px solid #c5cdc1;margin-top:36px;padding-top:23px}section h2{margin-bottom:15px}.mapwrap{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:23px;margin-bottom:10px;background:#fafbf5;border:1px solid #d2d9cc;padding:22px;border-radius:8px}.maptext p{max-width:34ch;margin:6px 0 18px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.grid div{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:4px}.grid small{font:11px monospace;color:inherit}.grid b{font:normal 26px Georgia}.win{background:#2e6249;color:#fff}.rest{background:#e3dbc3;color:#3f381f}table{width:100%;border-collapse:collapse}td,th{text-align:right;padding:10px;border-bottom:1px solid #d4d9ce}td:first-child,th:first-child{text-align:left}th{color:#4e6355;font-size:12px}td a:hover,.trend a:hover{color:#126443}.trend,.work{display:flex;align-items:center;gap:16px;margin:13px 0}.trend meter{width:36%;accent-color:#396d4f}.work{align-items:baseline;border-bottom:1px solid #d4d9ce;padding:12px 0}.work time{font-size:13px;white-space:nowrap}.work p{margin-top:3px}footer{font-size:12px;margin-top:40px}.login{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(115deg,#123d30 0%,#244d3e 56%,#456543 100%)}.loginbox{width:min(100%,430px);background:#f8f8ee;padding:38px;border-radius:12px}.loginbox .brand{margin-bottom:38px}.loginbox .brand i{border-left-color:#37694b}.loginbox h1{font-size:49px;margin-bottom:9px}.loginbox form{display:grid;gap:15px;margin-top:25px}.loginbox button{display:flex;justify-content:space-between}.scroll{overflow-x:auto}@media(max-width:820px){.shell{display:block}aside{position:static;height:auto;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:14px 18px;gap:10px}aside form{margin:0}nav{order:3;width:100%;display:flex;overflow:auto;gap:0}nav a{white-space:nowrap;padding:5px 8px}.content{padding-top:28px}}@media(max-width:640px){header{display:grid}.mapwrap{grid-template-columns:1fr}.metrics article{padding:12px 8px}.metrics h2{font-size:12px}.metrics small{font-size:11px}.work{display:block}.maptext form{flex-wrap:wrap}section h2{font-size:28px}}
body{background:#f6f5fa;color:#211d35}.content{max-width:1440px}.shell{grid-template-columns:216px minmax(0,1fr)}aside{background:#251a42}aside nav a:hover,aside .quiet:hover{background:#463166}.brand i{border-left-color:#d6ff6b;border-right-color:#b39afa}nav a{display:flex;align-items:center;gap:12px;color:#eee9ff}.icon{width:22px;height:22px;display:inline-block;flex:none}nav .icon{width:19px;height:19px;color:#c3acf3}.kicker{color:#665781}h1{font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-weight:740;letter-spacing:-.065em}header p{color:#676079}button{background:#542eaa}button:hover{background:#43218e}.metrics{background:transparent;border:0;gap:12px;overflow:visible}.metrics article,.metrics article:first-child{border:0;border-radius:16px;padding:22px;position:relative;align-content:end;min-height:157px}.metrics .lime:first-child{background:#d7f775}.metrics .lilac{background:#d7c3ff}.metrics .aqua{background:#9de9df}.metrics strong{font-family:Inter,Arial,sans-serif;font-weight:680;font-size:clamp(36px,4vw,60px);letter-spacing:-.065em;line-height:1}.metrics small{color:#3e3a46}.metrics h2{max-width:calc(100% - 43px)}.metricicon{position:absolute;top:14px;right:15px;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;background:#ffffff70}.metricicon .icon{width:29px;height:29px}.metrics em{font-family:inherit;font-weight:500;color:#3d5661}.sectionicon{display:inline-grid;place-items:center;background:#e8dcff;border-radius:11px;width:39px;height:39px;color:#6034ac}.sectionicon .icon{width:25px;height:25px}section{background:#fff;border:1px solid #e2deea;border-radius:18px;padding:24px;margin-top:20px}section h2{display:flex;align-items:center;gap:11px;font:680 clamp(21px,3vw,30px)/1.2 Inter,Arial,sans-serif}.mapwrap{background:transparent;border:0;padding:4px 0;grid-template-columns:1fr 1.1fr}.maptext h3{font:650 clamp(21px,3vw,30px)/1.14 Inter,Arial,sans-serif;letter-spacing:-.03em}.board{padding:12px 16px;border-radius:13px;background-color:#f3effa;background-image:linear-gradient(33deg,transparent 48%,#fff 49% 51%,transparent 52%),linear-gradient(-26deg,transparent 48%,#fff 49% 51%,transparent 52%);background-size:65px 55px}.compass{text-align:right;font-size:12px;color:#504a5f}.grid{gap:6px;margin:5px auto 10px;max-width:440px}.grid div{border-radius:9px;min-height:48px;padding:6px 12px}.grid .first{background:#d4f66b;color:#23350d}.grid .win{background:#6bdcca;color:#123c37}.grid .rest{background:#ffd095;color:#563008}.grid .miss{background:#d8d6e0;color:#474255}.grid b{font:700 26px Inter,Arial,sans-serif}.legend{display:flex;justify-content:center;gap:13px;font-size:11px}.legend span:before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:#c2df65;margin-right:4px}.legend span:nth-child(2):before{background:#52cdbb}.legend span:nth-child(3):before{background:#ffb965}.barcell{display:flex;align-items:center;gap:9px;justify-content:flex-end;font-variant-numeric:tabular-nums}.barcell svg{width:clamp(40px,11vw,160px);height:8px}.barcell span{min-width:34px}th{color:#605673}td,th{border-color:#e6e1ef}.trendgraph{margin:15px 0;background:#f6f2fd;padding:12px;border-radius:10px}.trendgraph svg{display:block;width:100%;height:auto;max-height:160px}.work h3{color:#392656}footer{color:#60596e}.login{background:radial-gradient(ellipse at 12% 15%,#7353ab,transparent 46%),linear-gradient(125deg,#221832,#4b2873)}.loginbox{background:#fcfaff;border-top:7px solid #cff469}.loginbox .brand i{border-left-color:#7953af}.loginbox h1{font-size:45px}@media(max-width:820px){.shell{display:block}nav a{gap:5px}.mapwrap{gap:15px}}@media(max-width:640px){.metrics{gap:5px}.metrics article,.metrics article:first-child{padding:10px;min-height:146px;gap:4px}.metricicon{position:static;height:30px;width:30px;margin-bottom:3px}.metricicon .icon{width:21px;height:21px}.metrics h2{max-width:none}.mapwrap{grid-template-columns:1fr}.content{padding-left:12px;padding-right:12px}section{padding:15px}.quiet{font-size:13px}.barcell svg{width:44px}td,th{padding:9px 5px}nav .icon{display:none}}
.sourcehead{display:flex;justify-content:space-between;align-items:center;margin:20px 0 8px}.webstats{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px}.webstats>div{border-radius:10px;background:#f1ebfb;padding:12px 15px}.webstats b{display:block;font:650 28px/1.3 Inter,Arial,sans-serif}.sourcenote{font-size:13px;margin:8px 0 16px}#website>small{display:block;margin-top:16px}

.agency .fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.agency section form{display:grid;gap:14px;margin:16px 0}.agency form button{justify-self:start}.agency textarea{font:inherit;border:1px solid #aaa0b6;border-radius:12px;min-height:96px;padding:12px;resize:vertical;width:100%;box-sizing:border-box}.agency details{padding:14px 0;border-top:1px solid #ddd6e9}.agency summary{cursor:pointer;color:#382165;font-weight:650}.agency pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.55}.agency .chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.chips span,.agency .notice{background:#e8defa;border-radius:12px;padding:7px 12px}.agency .metrics a{color:inherit}.agency summary small{display:block;margin-top:5px}

.agency .schedule-card{position:relative}.agency .schedule-card h2 a::after{content:"";position:absolute;inset:0;border-radius:inherit}.agency .schedule-card:focus-within{outline:3px solid #452d86;outline-offset:2px}

.agency .brand a{color:inherit;text-decoration:none}.agency .chips a{background:#e8defa;color:#382165;padding:7px 12px;border-radius:12px}

.metrics .cardlink{color:inherit}.metrics .cardlink::after{content:"";position:absolute;inset:0;border-radius:16px}.metrics article:focus-within{outline:3px solid #452d86}.grid div:has(.movement){flex-wrap:wrap}.grid .movement{flex-basis:100%;font:600 12px/1.3 Arial,sans-serif}.work p{white-space:pre-line}.content section>a,.work a{display:inline-block;margin-top:.5rem}
@media(max-width:820px){.shell:not(.agency) aside nav{display:flex;flex-wrap:wrap;overflow:visible;width:100%;gap:4px}.shell:not(.agency) aside nav a{padding:6px 9px}}

/* Shared workspace surfaces and action hierarchy */
body{background:#f4f5f8;color:#201d31}
.content{max-width:1360px;margin-inline:auto}
h1{font-size:clamp(34px,4.4vw,66px);line-height:1.06}
h1,h2,h3{text-wrap:balance}
h1,td,.work p,.agency pre{overflow-wrap:anywhere}
th,td,time,.metrics strong,.webstats b{font-variant-numeric:tabular-nums}
header{align-items:center;margin-bottom:24px}
aside{background:#211e32}
nav a[aria-current=page]{background:#433957;color:white}
.metrics h2 a{text-decoration:none}
.metrics article:has(a):hover{box-shadow:inset 0 0 0 2px #51426e}
section{box-shadow:0 3px 14px #211d3505}
section h2{font-size:clamp(21px,2.1vw,29px)}
.actions{display:flex;flex-wrap:wrap;gap:10px}
.actions a,header>a,.agency td a,.work a,#change>a,.content.agency>a,.agency #settings a{
 display:inline-flex;align-items:center;padding:8px 13px;border-radius:9px;background:#eeebf5;color:#412b6b;text-decoration:none;font-weight:650;font-size:14px}
.actions a.primary,.actions a.primary:hover{color:#fff;background:#5932ac}
.actions a:hover,header>a:hover,.agency td a:hover,.work a:hover,#change>a:hover{background:#dfd6ef}
.agency td a{margin:4px 0}
button,input,select{border-radius:9px}
button,a,summary{touch-action:manipulation}
details.help{margin-top:12px;font-size:13px}.help summary{color:#4c386c;cursor:pointer}
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #896000;outline-offset:3px}
.skip{position:fixed;top:8px;left:8px;z-index:20;padding:10px;background:white;transform:translateY(-160%)}
.skip:focus{transform:none}
[id]{scroll-margin-top:14px}
[data-tip]{position:relative}
[data-tip]::before{display:none;position:absolute;bottom:calc(100% + 5px);left:0;z-index:5;width:max-content;max-width:min(200px,80vw);padding:7px 10px;border-radius:7px;background:#282237;color:white;font:500 12px/1.4 Inter,Arial,sans-serif;text-align:left;white-space:normal;content:attr(data-tip);pointer-events:none}
header>[data-tip]::before,.filter button::before{left:auto;right:0}
@media(hover:hover){[data-tip]:hover::before{display:block}}
[data-tip]:focus-visible::before{display:block}
.touch-help{display:none}
@media(pointer:coarse){
 .touch-help{display:block;text-align:right;padding:4px 14px;background:#edeaf3;font-size:12px}
 .touch-help summary{cursor:pointer}
 body:has(.touch-help[open]) [data-tip]::before{display:block;position:static;max-width:100%;margin:0 0 4px;padding:3px 6px}
}
@media(max-width:820px){aside nav{flex-wrap:wrap;overflow:visible}.agency nav a{padding:7px 10px}}
@media(max-width:640px){header{align-items:start}.agency .fields{grid-template-columns:minmax(0,1fr)}.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.metrics strong{font-size:clamp(27px,8vw,39px)}.metrics article,.metrics article:first-child{min-height:125px}.metrics h2{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:640px){.metrics article:has(.cardlink){align-content:stretch;grid-template-rows:32px minmax(30px,auto) auto 1fr;align-items:start}}
.return-link{display:block;width:fit-content;margin-bottom:12px;font-weight:650}
@media(max-width:700px){
 #clients .scroll{overflow:visible}
 #clients .scroll table,#clients .scroll tbody,#clients .scroll tr{display:block}
 #clients .scroll tr:first-child:has(th){position:absolute;clip-path:inset(100%);width:1px;height:1px;overflow:hidden}
 #clients .scroll tr:has(td){margin:12px 0;border:1px solid #ded8e8;border-radius:12px;padding:12px}
 #clients .scroll td{display:block;text-align:left;padding:4px;border:0}
 #clients .scroll td[data-label]{display:grid;grid-template-columns:85px minmax(0,1fr);align-items:baseline;gap:6px}
 #clients .scroll td[data-label]::before{content:attr(data-label);color:#5c536c;font-size:12px}
 #clients td details{min-width:0;border:0;padding:0}
 #clients input,#clients textarea,#clients select,#clients fieldset,.agency .fields>*{min-width:0;max-width:100%}
 .agency .chips a{max-width:100%;overflow-wrap:anywhere}
}

.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,285px),1fr));gap:14px}
.service-grid article{padding:18px;background:#f7f5fc;border:1px solid #e4ddf1;border-radius:14px}
.service-grid article h3{font-size:18px}.service-grid article p{margin:4px 0 14px}
.agency .service-grid form{display:block;margin:0}.service-grid .actions{align-items:center}