.dh4-section{--dh4-bg:#0b0a09;--dh4-card:#17130e;--dh4-card-hover:#191510;--dh4-tile:linear-gradient(180deg, #3a332b, #2a2118);--dh4-ink:#ece3d4;--dh4-heading:#f8f1e4;--dh4-date:#c3b5a2;--dh4-gauge-off:#3a332b;--dh4-muted:#97897a;--dh4-lift-shadow:2px 4px 20.5px 0 #4c2d1e21;--dh4-lift-rest:2px 4px 20.5px 0 #4c2d1e00;--dh4-ease-out:cubic-bezier(.23, 1, .32, 1);--dh4-dur-bg:.5s;--dh4-t-header:.25s;--dh4-dur-header:.35s;--dh4-t-cards:.4s;--dh4-st-card:70ms;--dh4-dur-card:.4s;--dh4-t-inner:.85s;--dh4-st-bar:40ms;--dh4-dur-bar:.4s;--dh4-st-row:70ms;--dh4-dur-row:.3s;--dh4-t-end:1.6s;--dh4-grid-gap:20px;--dh4-recent-row-gap:26px;--dh4-head-gap:42px;--dh4-mono:"IBM Plex Mono", ui-monospace, monospace;--dh4-sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--dh4-serif:"Papyrus", "Cinzel Decorative", "Iowan Old Style", Georgia, serif;--dh4-text-body-mono:15px;--dh4-text-title-sm:17px;--dh4-text-h3:22px;--dh4-text-display:44px;isolation:isolate;width:100%;min-height:100vh;color:var(--dh4-ink);font-family:var(--dh4-sans);-webkit-font-smoothing:antialiased;background:linear-gradient(#d98a5c1a 0%,#5a3e280d 45%,#0000 100%);display:block;position:relative;container:dh4-root/inline-size}.dh4-section *,.dh4-section :before,.dh4-section :after{box-sizing:border-box}.dh4-bg{z-index:0;pointer-events:none;opacity:.05;mix-blend-mode:luminosity;background:url(https://media.base44.com/images/public/6af180b402a12fc92e2fd3e3/1a7788a51_generated_image.png) 50%/cover no-repeat;position:absolute;inset:0}.dh4-bg:after{content:"";background:linear-gradient(#d98a5c1a 0%,#5a3e280d 50%,#0000 100%);position:absolute;inset:0}.dh4-top{margin-bottom:-22px}.dh4-stage{z-index:1;gap:var(--dh4-head-gap);max-width:1280px;margin-inline:auto;padding:clamp(20px,3.3cqi,42px) clamp(16px,3.2cqi,40px) clamp(28px,4cqi,52px);display:grid;position:relative}.dh4-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.dh4-head>div{min-width:0}.dh4-date{font-family:var(--dh4-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--dh4-date);margin:0 0 10px;font-size:13px;line-height:1.25}.dh4-title{font-family:var(--dh4-serif);font-weight:500;font-size:clamp(1.6rem, .85rem + 2.9cqi, var(--dh4-text-display));letter-spacing:-.025em;color:var(--dh4-heading);text-wrap:balance;margin:0;line-height:1}.dh4-sub{max-width:46ch;font-family:var(--dh4-mono);font-size:var(--dh4-text-body-mono);color:var(--dh4-ink);margin:12px 0 0;line-height:1.5}.dh4-headright{flex:none;align-items:center;gap:10px;display:flex}.dh4-cta{color:#0b0a09;height:34px;font-family:var(--dh4-mono);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;transition:background-color .22s var(--dh4-ease-out), transform .22s var(--dh4-ease-out);background:#ece3d4;border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:11px;text-decoration:none;display:inline-flex}@media (hover:hover) and (pointer:fine){.dh4-cta:hover{background:#f8f1e4;transform:translateY(-1px)}}@media (width<=420px){.dh4-cta{padding:0 13px;font-size:10px}}.dh4-bellwrap{flex:none;position:relative}.dh4-bell{background:var(--dh4-card);width:34px;height:34px;color:var(--dh4-ink);cursor:pointer;box-shadow:var(--dh4-lift-rest);transition:box-shadow .22s var(--dh4-ease-out), transform .22s var(--dh4-ease-out), background-color .22s var(--dh4-ease-out);border:0;border-radius:50%;place-items:center;margin:0;padding:0;display:grid;position:relative}@media (hover:hover) and (pointer:fine){.dh4-bell:hover{box-shadow:var(--dh4-lift-shadow);background-color:var(--dh4-card-hover);transform:translateY(-1px)}}.dh4-bell:before{content:"";position:absolute;inset:-5px}.dh4-bell:active{transform:scale(.96)}.dh4-bell:focus{outline:none}.dh4-bell:focus-visible{outline:2px solid var(--dh4-ink);outline-offset:2px}.dh4-bell-icon{width:18px;height:18px;display:block;overflow:visible}.dh4-bell-tick{opacity:0;transform-box:fill-box}@keyframes dh4-tick-l{0%{opacity:0;transform:translate(1.2px,1.2px)}35%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-1.2px,-1.2px)}}@keyframes dh4-tick-r{0%{opacity:0;transform:translate(-1.2px,1.2px)}35%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(1.2px,-1.2px)}}@media (hover:hover) and (pointer:fine){.dh4-bell:hover .dh4-bell-tick--l{animation:dh4-tick-l .48s var(--dh4-ease-out) 1}.dh4-bell:hover .dh4-bell-tick--r{animation:dh4-tick-r .48s var(--dh4-ease-out) 1}}.dh4-bell:focus-visible .dh4-bell-tick--l{animation:dh4-tick-l .48s var(--dh4-ease-out) 1}.dh4-bell:focus-visible .dh4-bell-tick--r{animation:dh4-tick-r .48s var(--dh4-ease-out) 1}.dh4-notif{z-index:5;background:var(--dh4-card);width:min(330px,100cqi - 32px);box-shadow:var(--dh4-lift-shadow);opacity:0;transition:opacity .12s var(--dh4-ease-out), translate .12s var(--dh4-ease-out);border-radius:20px;padding:18px 20px 20px;position:absolute;top:calc(100% + 10px);right:0;translate:0 -4px}.dh4-notif.is-open{opacity:1;transition-duration:.16s;translate:0}.dh4-notif-head{font-family:var(--dh4-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dh4-muted);margin:0 0 14px;font-size:12px}.dh4-notif-list{gap:14px;margin:0;padding:0;list-style:none;display:grid}.dh4-notif-item{-moz-column-gap:12px;grid-template-columns:6px 1fr;column-gap:12px;min-width:0;display:grid}.dh4-notif-dot{background:0 0;border-radius:50%;width:6px;height:6px;margin-top:8px}.dh4-notif-item.is-unread .dh4-notif-dot{background:var(--dh4-ink)}.dh4-notif-body{gap:4px;min-width:0;display:grid}.dh4-notif-text{font-family:var(--dh4-serif);font-size:var(--dh4-text-title-sm);font-weight:500;line-height:1.2}.dh4-notif-time{font-family:var(--dh4-mono);color:var(--dh4-muted);font-size:13px;line-height:1.2}.dh4-surf{--dh4-r:20px;isolation:isolate;clip-path:inset(0 round var(--dh4-r));background:var(--dh4-base,var(--dh4-card));position:relative}.dh4-cards{gap:var(--dh4-grid-gap);display:grid}.dh4-kpis{gap:var(--dh4-grid-gap);grid-template-columns:1fr;display:grid}@container dh4-root (width<600px){.dh4-kpis{grid-auto-rows:1fr}}@container dh4-root (width>=600px){.dh4-kpis{grid-template-columns:1fr 1fr}.dh4-kpi--steps{grid-column:1/-1}}@container dh4-root (width>=900px){.dh4-cards{grid-template-columns:repeat(3,1fr)}.dh4-cards>.dh4-kpis,.dh4-cards>.dh4-main{display:contents}.dh4-kpi--steps{grid-column:auto}.dh4-chart{grid-column:1/3}.dh4-recent{grid-column:3}.dh4-kpi{min-height:178px}.dh4-kpi .dh4-surf-body{padding:20px}}.dh4-kpi{--dh4-r:20px;border-radius:var(--dh4-r);align-items:stretch;min-width:0;display:flex;container:dh4-kpi/inline-size}.dh4-kpi .dh4-surf-body{width:100%;padding:18px clamp(18px,6.5cqi,20px)}.dh4-kpi .dh4-copy{gap:8px}.dh4-kpi .dh4-strip,.dh4-kpi .dh4-groups,.dh4-kpi--steps .dh4-note{margin-top:auto}.dh4-kpi--act .dh4-groups+.dh4-note{margin-top:8px}.dh4-copy{flex-direction:column;gap:10px;min-width:0;height:100%;display:flex}.dh4-kpi--steps .dh4-copy{align-self:stretch}.dh4-label,.dh4-note{font-family:var(--dh4-mono);font-size:var(--dh4-text-body-mono);margin:0;line-height:1.2}.dh4-label{color:var(--dh4-muted);letter-spacing:.04em;text-transform:uppercase;font-size:12px}.dh4-num{font-family:var(--dh4-serif);font-variant-numeric:lining-nums tabular-nums;font-weight:500;font-size:clamp(2.25rem, 1.4rem + 5cqi, var(--dh4-text-display));letter-spacing:-.02em;white-space:nowrap;margin:0;line-height:1}.dh4-num small{font-family:var(--dh4-mono);font-size:var(--dh4-text-body-mono);letter-spacing:0;color:var(--dh4-muted);margin-left:6px}.dh4-kpi--steps .dh4-surf-body{justify-content:space-between;align-items:center;gap:12px;min-height:100%;display:flex}.dh4-gauge{aspect-ratio:1;flex:none;width:clamp(92px,min(37.3cqi,100cqi - 200px),144px);margin-block:-7px;position:relative}@container dh4-root (width<900px){.dh4-kpi--steps .dh4-gauge{width:108px}}.dh4-gauge svg{width:100%;height:100%;display:block}.dh4-gauge line.is-off{stroke:var(--dh4-gauge-off)}.dh4-gauge circle.is-off{fill:var(--dh4-gauge-off)}.dh4-gauge-pct{font-family:var(--dh4-serif);font-variant-numeric:lining-nums tabular-nums;place-items:center;font-size:clamp(15px,5.7cqi,22px);font-weight:500;line-height:1;display:grid;position:absolute;inset:0}.dh4-strip{margin:0;display:block}.dh4-ticks,.dh4-groups{justify-content:space-between;align-items:flex-end;display:flex}.dh4-mark{background:currentColor;border-radius:50%;flex:none;width:2.24px;height:2.24px}.dh4-ticks{height:17.69px}.dh4-tcell{flex-direction:column;flex:none;justify-content:flex-end;align-items:center;width:1.5px;height:100%;display:flex}.dh4-tcell .dh4-mark{margin-bottom:6.5px}.dh4-tcell .dh4-t{height:8.95px}.dh4-t{background:currentColor;flex:none;width:1.5px;height:100%}.dh4-t.is-off,.dh4-mark.is-off{opacity:.5}.dh4-groups{justify-content:flex-start;gap:calc(2 * var(--dh4-q,4.4px) - 1.5px);height:12.17px}.dh4-group{align-items:flex-end;gap:calc(var(--dh4-q,4.4px) - 1.5px);height:100%;display:flex}.dh4-group .dh4-t{height:8.85px}.dh4-group .dh4-t.is-major,.dh4-groups>.dh4-t{height:12.17px}.dh4-main{gap:var(--dh4-grid-gap);grid-template-columns:1fr;display:grid}.dh4-lift{box-shadow:var(--dh4-lift-rest);transition:box-shadow .22s var(--dh4-ease-out), transform .22s var(--dh4-ease-out), background-color .22s var(--dh4-ease-out);position:relative}@media (hover:hover) and (pointer:fine){.dh4-lift:hover{box-shadow:var(--dh4-lift-shadow);background-color:var(--dh4-card-hover);transform:translateY(-1px)}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:reduce){.dh4-lift:hover,.dh4-bell:hover{transform:none}}.dh4-kpi.dh4-surf{clip-path:none;border-radius:var(--dh4-r)}.dh4-card{background:var(--dh4-card);border-radius:24px;min-width:0;padding:24px clamp(18px,2.2cqi,25px)}.dh4-h3{font-family:var(--dh4-serif);font-weight:500;font-size:var(--dh4-text-h3);letter-spacing:-.01em;margin:0;line-height:1.2}.dh4-kicker{font-family:var(--dh4-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dh4-muted);margin:0;font-size:12px}.dh4-chart{flex-direction:column;min-height:calc(109px + clamp(24px,7.8cqi,100px) + clamp(160px,18cqi,196px));display:flex}.dh4-cardhead{-moz-column-gap:24px;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 24px;min-height:28px;display:flex}.dh4-avg{text-align:right;font-family:var(--dh4-mono);font-size:var(--dh4-text-body-mono);color:var(--dh4-muted);white-space:nowrap;line-height:1.2;display:inline-block}.dh4-avg b{font-family:var(--dh4-serif);font-weight:500;font-size:var(--dh4-text-title-sm);color:var(--dh4-ink);font-variant-numeric:lining-nums tabular-nums;animation:dh4-fade .22s var(--dh4-ease-out);line-height:1.2}.dh4-plotwrap{flex-direction:column;flex:1;padding-top:16px;display:flex}.dh4-plot{-moz-column-gap:calc(100% * 16 / 740);flex:1;grid-template-columns:repeat(7,1fr);align-items:stretch;column-gap:2.16216%;min-height:160px;display:grid;position:relative}.dh4-goal{left:0;right:0;bottom:var(--dh4-goal,84.75%);pointer-events:none;z-index:1;height:1.5px;position:absolute}.dh4-goal:before{content:"";background:repeating-linear-gradient(90deg, var(--dh4-muted) 0 3px, transparent 3px 6px);opacity:.7;position:absolute;inset:0}.dh4-goal span{font-family:var(--dh4-mono);color:var(--dh4-muted);font-size:12px;line-height:1.2;position:absolute;bottom:4px;right:0}.dh4-empty{text-align:center;font-family:var(--dh4-serif);color:var(--dh4-muted);pointer-events:none;z-index:2;place-items:center;padding:0 8px;font-size:17px;font-style:italic;line-height:1.35;display:grid;position:absolute;inset:0 0 34px}.dh4-col{cursor:pointer;min-width:0;font:inherit;color:inherit;background:0 0;border:0;border-radius:20px;align-items:flex-end;padding:0;display:flex;position:relative;container-type:inline-size}.dh4-col:focus-visible{outline:2px solid var(--dh4-ink);outline-offset:3px}.dh4-col.is-future{cursor:default}.dh4-col.is-future .dh4-reveal{visibility:hidden}.dh4-col.is-future .dh4-day-name{opacity:.45}.dh4-reveal{width:100%;height:var(--dh4-h);--dh4-r:clamp(8px, 21.74cqw, 20px);min-height:14px;display:block}.dh4-fill{--dh4-r:clamp(8px, 21.74cqw, 20px);--dh4-base:transparent;width:100%;height:100%;display:block}.dh4-fill:before{content:"";pointer-events:none;opacity:.85;height:600px;transition:opacity .18s var(--dh4-ease-out);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='600'%3E%3Cdefs%3E%3Cpattern id='h' width='9' height='9' patternUnits='userSpaceOnUse' patternTransform='rotate(-40)'%3E%3Crect y='4' width='9' height='1' fill='%234a3e32'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='600' height='600' fill='url(%23h)'/%3E%3C/svg%3E") 0 0/600px 600px no-repeat;position:absolute;bottom:0;left:0;right:0}.dh4-grad{opacity:0;transition:opacity .18s var(--dh4-ease-out);pointer-events:none;background:linear-gradient(#d98a5c 0%,#2a2118 116.14%);position:absolute;inset:0}.dh4-col.is-active .dh4-grad{opacity:1}.dh4-col.is-active .dh4-fill:before{opacity:0}.dh4-day{font-family:var(--dh4-mono);font-size:var(--dh4-text-body-mono);color:var(--dh4-muted);white-space:nowrap;justify-items:center;padding-top:10px;line-height:1.2;display:grid;position:absolute;top:100%;left:0;right:0}.dh4-day-name{transition:color .18s var(--dh4-ease-out);grid-area:1/1}.dh4-col.is-active .dh4-day-name{color:var(--dh4-ink)}.dh4-col.is-today .dh4-day:after{content:"";background:var(--dh4-ink);border-radius:50%;grid-area:2/1;width:2.24px;height:2.24px;margin-top:6.5px}.dh4-days{height:calc(var(--dh4-text-body-mono) * 1.2 + 6.5px + 2.24px);margin-top:10px}.dh4-recent{flex-direction:column;justify-content:space-between;gap:20px;padding-bottom:29px;display:flex}.dh4-recent-head{gap:4px;display:grid}.dh4-list{gap:var(--dh4-recent-row-gap);margin:0;padding:0;list-style:none;display:grid}.dh4-item{min-width:0}.dh4-row{-moz-column-gap:14px;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;grid-template-columns:46px 1fr auto;align-items:center;column-gap:14px;min-width:0;margin:0;padding:0;text-decoration:none;display:grid}.dh4-row:focus-visible{outline:2px solid var(--dh4-ink);outline-offset:3px}.dh4-tile{--dh4-r:12px;--dh4-base:var(--dh4-tile);width:46px;height:46px;color:var(--dh4-ink);flex:none;place-items:center;display:grid}.dh4-tile svg{stroke-width:1.6px;width:19px;height:19px;display:block}.dh4-item-body{gap:6px;min-width:0;display:grid}.dh4-item-title{font-family:var(--dh4-serif);font-size:var(--dh4-text-title-sm);color:var(--dh4-heading);margin:0;font-weight:500;line-height:1.2;display:block}.dh4-item-text{font-family:var(--dh4-mono);color:var(--dh4-muted);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.35;display:-webkit-box;overflow:hidden}.dh4-item-mark{width:16px;height:16px;color:var(--dh4-muted);opacity:.7}@keyframes dh4-rise-4{0%{opacity:0;translate:0 4px}}@keyframes dh4-rise-8{0%{opacity:0;translate:0 8px}}@keyframes dh4-rise-10{0%{opacity:0;translate:0 10px}}@keyframes dh4-fade{0%{opacity:0}}@keyframes dh4-grow-up{0%{opacity:0;scale:1 0}}@keyframes dh4-tick-in{0%{opacity:0}}.dh4-enter .dh4-bg{animation:dh4-fade var(--dh4-dur-bg) var(--dh4-ease-out) both}.dh4-enter .dh4-date,.dh4-enter .dh4-title,.dh4-enter .dh4-sub,.dh4-enter .dh4-bell{animation:dh4-rise-8 var(--dh4-dur-header) var(--dh4-ease-out) both;animation-delay:var(--dh4-t-header)}.dh4-enter .dh4-kpi{animation:dh4-rise-10 var(--dh4-dur-card) var(--dh4-ease-out) both;animation-delay:calc(var(--dh4-t-cards) + var(--dh4-j) * var(--dh4-st-card))}.dh4-enter .dh4-chart{animation:dh4-rise-10 var(--dh4-dur-card) var(--dh4-ease-out) both;animation-delay:calc(var(--dh4-t-cards) + 3 * var(--dh4-st-card))}.dh4-enter .dh4-recent{animation:dh4-rise-10 var(--dh4-dur-card) var(--dh4-ease-out) both;animation-delay:calc(var(--dh4-t-cards) + 4 * var(--dh4-st-card))}.dh4-enter .dh4-goal span{animation:dh4-fade .3s var(--dh4-ease-out) both;animation-delay:calc(var(--dh4-t-inner) + .4s)}.dh4-reveal{transform-origin:50% 100%}.dh4-enter .dh4-reveal{animation:dh4-grow-up var(--dh4-dur-bar) var(--dh4-ease-out) both;animation-delay:calc(var(--dh4-t-inner) + var(--dh4-i) * var(--dh4-st-bar))}.dh4-enter .dh4-item{animation:dh4-rise-4 var(--dh4-dur-row) var(--dh4-ease-out) both;animation-delay:calc(var(--dh4-t-inner) + var(--dh4-j) * var(--dh4-st-row))}.dh4-enter .dh4-t:not(.is-off),.dh4-enter .dh4-on,.dh4-enter .dh4-on-dot{animation:dh4-tick-in .16s var(--dh4-ease-out) both;animation-delay:calc(.8s + var(--dh4-k,0) * 16ms)}@media (prefers-reduced-motion:reduce){.dh4-enter .dh4-bg,.dh4-enter .dh4-date,.dh4-enter .dh4-title,.dh4-enter .dh4-sub,.dh4-enter .dh4-bell,.dh4-enter .dh4-kpi,.dh4-enter .dh4-chart,.dh4-enter .dh4-recent,.dh4-enter .dh4-item,.dh4-enter .dh4-reveal,.dh4-enter .dh4-goal span,.dh4-enter .dh4-t,.dh4-enter .dh4-on,.dh4-enter .dh4-on-dot{animation-name:dh4-fade;animation-duration:.25s;animation-delay:0s}.dh4-grad,.dh4-fill:before,.dh4-day-name,.dh4-bell,.dh4-lift{transition:none}}