:root{--green:#053528;--cream:#f0e4dc;--mint:#c7dddb;--muted:#537268;--border:#b6c8bf;--paper:#f7f1ed;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--green);background:var(--cream);font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid #357b68;outline-offset:4px}[hidden]{display:none!important}.header{height:85px;padding:0 38px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #05352814;background:var(--paper)}.brand{display:flex;align-items:center;gap:12px;font-size:25px;font-weight:750;letter-spacing:-1px;line-height:1.1}.brand-icon{width:43px;height:43px;border-radius:12px;background:var(--green);color:var(--cream);display:grid;place-items:center}.brand-icon svg{width:25px;height:25px}.brand-dot{color:#79a797}.brand small{display:block;font-size:9px;letter-spacing:2px;font-weight:650;margin-top:7px}.header-right{display:flex;gap:24px;align-items:center}.workspace-label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.workspace-label>span,.live-dot{height:6px;width:6px;border-radius:50%;background:#497e67;display:inline-block}.team-mark{height:34px;width:34px;border:1px solid var(--border);border-radius:50%;background:var(--cream);display:grid;place-items:center;font-size:11px;font-weight:700}.navigation{height:61px;display:flex;align-items:stretch;justify-content:space-between;padding:0 38px;gap:20px;background:var(--paper);border-bottom:1px solid var(--border)}.tabs{display:flex;gap:10px;overflow-x:auto;scrollbar-width:thin}.tabs button{border:0;border-bottom:3px solid transparent;padding:0 17px;display:flex;align-items:center;gap:9px;background:transparent;color:var(--muted);white-space:nowrap;font-size:13px;font-weight:600;cursor:pointer}.tabs button:hover{background:#c7dddb40;color:var(--green)}.tabs button[aria-selected=true]{border-bottom-color:var(--green);color:var(--green);background:linear-gradient(0deg,#c7dddb75,transparent)}.tabs button svg{width:18px;height:18px}.standalone{display:flex;align-items:center;gap:9px;font-size:11px;white-space:nowrap;color:var(--muted)}.standalone svg{width:14px;height:14px}.dashboard{max-width:1440px;margin:auto;padding:27px 48px 0}.page-top{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px}.page-top strong{font-weight:600;color:var(--green)}.crumb{margin:0 10px;opacity:.5}.edition{letter-spacing:1.6px;font-size:9px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin:37px 0 30px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;margin:0 0 11px}h1{font-size:34px;letter-spacing:-1.4px;font-weight:650;line-height:1.2;margin:0}h1>span{color:#6e9d8c}.page-heading p:last-child{margin:12px 0 0;font-size:13px;color:var(--muted);line-height:1.6}.project-count{display:flex;align-items:center;gap:13px;font-size:34px;font-weight:300}.project-count span{font-size:9px;letter-spacing:1.5px;max-width:60px}.dashboard-placeholder{display:grid;grid-template-columns:1fr 1fr;border:1px solid #9eb9ad;background:var(--mint);border-radius:18px;min-height:304px;overflow:hidden}.placeholder-copy{padding:32px 38px}.pill{font-size:8px;font-weight:750;letter-spacing:1.3px;display:inline-flex;align-items:center;gap:7px;border:1px solid #87a89b;border-radius:20px;padding:6px 9px}.pill>span{height:4px;width:4px;background:var(--green);border-radius:50%}.placeholder-copy h2{font-size:32px;letter-spacing:-1.1px;line-height:1.16;margin:18px 0 14px;font-weight:550}.placeholder-copy p{font-size:12px;line-height:1.75;color:#41675b;margin:0}.primary-link{display:inline-flex;align-items:center;gap:27px;background:var(--green);color:var(--paper);font-size:11px;padding:11px 14px;border-radius:7px;margin-top:22px;font-weight:600}.primary-link:hover{background:#195442}.dashboard-sketch{align-self:center;margin:28px 42px 28px 12px;border:1px solid #a5bfb5;border-radius:10px;padding:19px;background:#e7efec8c;transform:rotate(-2deg);box-shadow:8px 10px 0 #05352807}.sketch-top{display:flex;align-items:center;gap:5px;margin-bottom:20px}.sketch-top>span{width:71px;height:6px;border-radius:3px;background:#a0bdb0;margin-right:auto}.sketch-top i{width:4px;height:4px;background:#a6beb3;border-radius:50%}.sketch-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sketch-metrics>div{background:#f6f4ec66;border:1px solid #c0d1c7;border-radius:6px;padding:12px}.sketch-metrics i{display:block;height:4px;background:#bccfc4;width:55%;border-radius:2px}.sketch-metrics b{display:block;font-size:24px;font-weight:400;color:#9bb8a9;margin-top:8px}.sketch-chart{margin-top:12px;border:1px solid #bfd1c7;border-radius:6px;padding:14px;background:repeating-linear-gradient(90deg,transparent,transparent calc(20% - 1px),#a2bfb21a calc(20% - 1px),#a2bfb21a 20%)}.chart-label{width:65px;height:4px;background:#b0c7ba;border-radius:3px;margin-bottom:14px}.chart-row{display:flex;align-items:center;gap:20px;margin-top:10px}.chart-row i{width:36px;height:3px;border-radius:3px;background:#b0c7ba}.chart-row span{height:9px;width:40%;border-radius:3px;background:#719a8890}.chart-row:nth-child(3) span{width:31%;margin-left:15%;background:#a6bdac}.chart-row:nth-child(4) span{margin-left:8%;width:50%;background:#b8c7b4}.chart-row:nth-child(5) span{margin-left:32%;width:27%;background:#91b3a1}.sketch-caption{font-size:9px;color:#6f9080;text-align:center;margin-top:16px;letter-spacing:.4px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:31px 0 16px}.section-heading h2{font-size:17px;letter-spacing:-.4px;margin:0;font-weight:650}.section-heading>span{font-size:10px;color:var(--muted)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project-card{border:1px solid #c8cfc3;border-radius:12px;background:#f7f1edb0;padding:22px 23px 0;transition:transform .18s,border-color .18s,box-shadow .18s}.project-card:hover{transform:translateY(-3px);border-color:#7ca392;box-shadow:0 8px 24px #05352809}.card-top{display:flex;justify-content:space-between;align-items:center}.project-symbol{width:39px;height:39px;border:1px solid #a5bfb1;border-radius:10px;display:grid;place-items:center;background:#d7e3d9}.project-symbol.warm{background:#eadfcd;border-color:#c9bfa7}.project-symbol.cool{background:#d8e3e3;border-color:#b2c5c4}.card-number{font-size:10px;color:#85988c}.card-category{display:block;font-size:8px;font-weight:650;letter-spacing:1.5px;margin:19px 0 8px;color:var(--muted)}.project-card h3{font-size:20px;letter-spacing:-.6px;margin:0;font-weight:650;display:flex;justify-content:space-between;align-items:center}.project-card h3 span{font-size:17px;color:#728d7f;font-weight:400}.project-card p{font-size:12px;line-height:1.7;color:var(--muted);margin:10px 0 21px}.card-bottom{border-top:1px solid #d4dace;padding:13px 0;display:flex;align-items:center;gap:7px;font-size:9px;color:#537268}.card-arrow{font-size:17px;margin-left:auto}footer{display:flex;justify-content:space-between;align-items:center;padding:26px 0 24px;font-size:9px;color:#6f8578}footer>span:first-child{letter-spacing:1px}.footer-divider{padding:0 9px;color:#9aab9e}.app-panel{height:calc(100dvh - 146px);background:var(--cream)}iframe{border:0;width:100%;height:100%;display:block}@media(min-width:1600px){.dashboard{padding-top:35px}.page-heading{margin-top:48px}.dashboard-placeholder{min-height:340px}.placeholder-copy{padding:38px 42px}}@media(max-width:900px){.header{padding:0 22px}.navigation{padding:0 16px;gap:8px}.tabs{gap:0}.tabs button{padding:0 12px}.dashboard{padding:25px 24px 0}.dashboard-sketch{margin-right:24px}.placeholder-copy{padding:28px}.project-grid{gap:12px}.project-card{padding:18px 17px 0}.standalone span{display:none}h1{font-size:29px}.placeholder-copy h2{font-size:28px}}@media(max-width:620px){.header{height:73px;padding:0 18px}.brand{font-size:22px}.brand-icon{height:37px;width:37px}.brand small{font-size:8px}.workspace-label{display:none}.navigation{height:57px;padding:0 6px;gap:4px}.tabs button{padding:0 10px;font-size:11px;gap:6px}.tabs button svg{width:15px;height:15px}.standalone{padding:0 7px}.app-panel{height:calc(100dvh - 130px)}.dashboard{padding:21px 18px 0}.edition{display:none}.page-heading{margin:27px 0 23px}.project-count{display:none}h1{font-size:28px}.eyebrow{font-size:8px}.page-heading p:last-child{font-size:12px;max-width:290px}.dashboard-placeholder{grid-template-columns:1fr}.placeholder-copy{padding:28px}.dashboard-sketch{display:none}.section-heading>span{display:none}.project-grid{grid-template-columns:1fr}.project-card{padding:20px 22px 0}.project-card p br{display:none}.card-category{margin-top:14px}.project-card p{margin-bottom:15px}.section-heading{margin-top:27px}footer{gap:18px;align-items:flex-start;font-size:8px}footer>span:last-child{text-align:right;max-width:120px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* The header belongs to the top of the document and scrolls out of view. */
:root { --header-height: 85px; --tabs-height: 61px; }
html { min-height: 100%; overflow-x: clip; }
body { min-height: 100dvh; }
.header { position: static; height: var(--header-height); }
.navigation { position: static; height: var(--tabs-height); }
body > main { min-width: 0; }
.app-panel { height: auto; }
.app-panel iframe { height: 100dvh; }
.app-panel iframe.content-sized { min-height: calc(100dvh - var(--header-height) - var(--tabs-height)); }
@media(max-width:620px) { :root { --header-height: 73px; --tabs-height: 57px; } }
