/* Homepage refinement: retain the approved navy / mint visual identity. */
@font-face{font-family:Noto;src:url('/assets/NotoSansCJKsc-Medium.otf') format('opentype');font-weight:500;font-display:swap}
[data-page-id=home]{--home-border:#343e583d;--home-muted:#aab4d0;font-variant-numeric:tabular-nums}
[data-page-id=home] .surface{background:radial-gradient(ellipse at 0 0,#252b4380,transparent 75%),linear-gradient(130deg,#191f32,#121928);border-color:#323b55;border-radius:18px;box-shadow:inset 0 1px 0 #ffffff04,0 8px 22px #03071212}
[data-page-id=home] .heading p{color:#b0bada;font-weight:400;font-size:16px}
[data-page-id=home] h2{font-weight:500;letter-spacing:.01em;font-size:18px}
[data-page-id=home] .surface h2 span{color:#a4afd0}
[data-page-id=home] .surface h2 small{color:var(--home-muted);letter-spacing:.04em}
[data-page-id=home] .hero-content{background:radial-gradient(ellipse at 92% 0,#e5ff8f,transparent 42%),radial-gradient(ellipse at 100% 100%,#7391f8,transparent 56%),radial-gradient(ellipse at 5% 90%,#a4ffb6,transparent 52%),linear-gradient(125deg,#52cbbb,#75e7bb);padding:24px 26px;box-shadow:inset 0 1px 0 #ffffff55,0 10px 24px #45cfb00b}
[data-page-id=home] .hero-content h2{font-size:19px}
[data-page-id=home] .hero-number{font-family:Noto,sans-serif;font-weight:500;font-size:clamp(56px,5.2vw,84px);letter-spacing:-.04em;margin-top:5px}
[data-page-id=home] .hero-gloss{opacity:.8;filter:drop-shadow(-12px 12px 22px #fcfff030)}
[data-page-id=home] .hero-buttons button{font-weight:500;min-height:43px;padding:0 25px;box-shadow:inset 0 1px 0 #ffffff33,0 4px 12px #16392b12}
[data-page-id=home] .hero-sub{gap:28px;font-size:12px}
[data-page-id=home] .hero-sub span:first-child{padding-right:28px}
[data-page-id=home] .hero-content p{font-size:17px}
[data-page-id=home] .signal{gap:10px;padding:22px}
[data-page-id=home] .signal>span{font-weight:500;color:#d2d8ef;font-size:15px}
[data-page-id=home] .signal strong{font-size:36px;font-weight:500}
[data-page-id=home] .signal small{color:var(--home-muted);font-weight:400}
[data-page-id=home] .signal-icon{width:44px;height:44px;right:22px;top:22px;background:linear-gradient(140deg,#33395088,#232b4033);border-color:#59617b40}
[data-page-id=home] .spark{opacity:.65;stroke-width:1.6}
[data-page-id=home] .chart-panel{padding:20px 23px}
[data-page-id=home] .bar-chart{background:repeating-linear-gradient(to top,transparent 0,transparent calc(33% - 1px),#6e7b9920 calc(33% - 1px),#6e7b9920 33%)}
[data-page-id=home] .bar-chart span{color:#aeb8d4;font-weight:400}
[data-page-id=home] .bar-chart i{opacity:.85}
[data-page-id=home] .donut{width:min(42%,146px);box-shadow:inset 0 1px 2px #ffffff0b}
[data-page-id=home] .donut:before{inset:12%;background:#192034}
[data-page-id=home] .customer-chart p{color:#b0bad6;font-size:12px}
[data-page-id=home] .customer-chart b{font-weight:500;margin-top:4px}
[data-page-id=home] .platform-stack{padding:20px 18px 16px}
[data-page-id=home] .stack-cards{margin:3px 12px 0 17px}
[data-page-id=home] .stack-card{padding:13px 17px;gap:14px;border-color:#cabdff40;box-shadow:inset 0 1px 0 #e9deff30,-10px 12px 0 -3px #6d51b95c,0 10px 20px #080f2122;background:linear-gradient(120deg,#9866ee,#574393 48%,#29314d);transition:transform .38s cubic-bezier(.16,1,.3,1),box-shadow .38s}
[data-page-id=home] .stack-1{background:linear-gradient(120deg,#49c4b7,#296a77 50%,#203448);box-shadow:inset 0 1px 0 #bcfff02b,-10px 12px 0 -3px #359c9566,0 10px 20px #080f2122}
[data-page-id=home] .stack-2{background:linear-gradient(120deg,#ed86a6,#985d80 50%,#48344e);box-shadow:inset 0 1px 0 #ffe4eb30,-10px 12px 0 -3px #bd729666,0 10px 20px #080f2122}
[data-page-id=home] .stack-mark{width:38px;height:38px;flex:0 0 38px;stroke-width:2.4;color:#efe6ff;filter:drop-shadow(0 3px 6px #180d3730)}
[data-page-id=home] .stack-1 .stack-mark{color:#b6fff1}
[data-page-id=home] .wordmark{display:flex;align-items:center;font-size:13px;font-weight:700;white-space:nowrap;color:#fff0f5;letter-spacing:-.05em}
[data-page-id=home] .stack-card b{font-size:15px;font-weight:500}
[data-page-id=home] .stack-card small{font-size:11px;color:#e0d9ec;margin-top:3px}
[data-page-id=home] .stack-card em{font-size:10px;background:#11172a20;padding:6px 10px;color:#e6e9f6}
[data-page-id=home] .dot.neutral{background:#bbb8d0}
[data-page-id=home] .stack-manage{margin-top:12px;font-weight:500;border-color:#52597866;min-height:38px}
[data-page-id=home] .brand-panel{background:radial-gradient(ellipse at 0 100%,#27356044,transparent 75%),#101726}
[data-page-id=home] .brand-panel>p{width:42%;font-weight:400;font-size:16px;align-self:center;margin:0}
[data-page-id=home] .brand-panel small{color:#9ba8ce}
[data-page-id=home] .orb{width:75%;height:auto;aspect-ratio:1;left:-20%;top:14%;transform:rotate(-22deg);box-shadow:inset -1px 2px 3px #b6c6ff,0 -7px 20px #a1b4ff0b}
[data-page-id=home] .orb-two{left:-29%;top:34%;width:70%}
[data-page-id=home] .orb-three{left:-34%;top:56%;width:66%}
[data-page-id=home] .recent-panel{display:flex;flex-direction:column;padding:17px 22px}
[data-page-id=home] .recent-panel>div{flex:1;min-height:0}
.home-empty{height:100%;display:flex;align-items:center;gap:16px;color:#aab4d0;border-top:1px solid #69738b20;padding:12px 0}
.home-empty>svg{width:34px;height:34px;color:#a89bd6;padding:7px;box-sizing:content-box;border:1px solid #46466366;border-radius:14px;background:#25273e66}
.home-empty b{font-size:13px;font-weight:500;color:#ced3e5}.home-empty p{margin:6px 0 0;font-size:12px;line-height:1.7}.home-empty button{margin-left:auto;min-height:35px;font-size:12px;white-space:nowrap;background:transparent;border-color:#4c536c66;border-radius:10px}.home-empty button svg{width:16px}
[data-page-id=home] button:focus-visible{outline:2px solid #c6b6ff;outline-offset:3px}
@media(min-width:1800px){[data-page-id=home] .home-layout{grid-template-columns:minmax(0,2.3fr) minmax(360px,1fr);gap:18px}[data-page-id=home] .surface h2{font-size:19px}[data-page-id=home] .stack-card b{font-size:17px}[data-page-id=home] .stack-card small{font-size:12px}[data-page-id=home] .stack-mark{width:42px;height:42px;flex-basis:42px}[data-page-id=home] .home-top{gap:18px}[data-page-id=home] .home-charts{gap:18px}}
@media(max-height:850px) and (min-width:901px){[data-page-id=home] .hero-content{padding:15px 20px}[data-page-id=home] .hero-number{font-size:54px;margin-top:0}[data-page-id=home] h2,[data-page-id=home] .hero-content h2{font-size:16px}[data-page-id=home] .hero-buttons button{min-height:33px;padding:0 16px}[data-page-id=home] .signal{padding:16px;gap:6px}[data-page-id=home] .signal strong{font-size:29px}[data-page-id=home] .signal-icon{width:32px;height:32px;right:14px;top:14px}[data-page-id=home] .chart-panel{padding:15px}[data-page-id=home] .platform-stack{padding:15px 13px 12px}[data-page-id=home] .stack-card{padding:8px 10px;gap:9px}[data-page-id=home] .stack-mark{width:28px;height:28px;flex-basis:28px}[data-page-id=home] .wordmark{font-size:10px}[data-page-id=home] .stack-card b{font-size:12px}[data-page-id=home] .stack-card em{padding:4px 6px;font-size:9px}[data-page-id=home] .stack-manage{min-height:30px;margin-top:8px}[data-page-id=home] .recent-panel{padding:10px 16px}.home-empty{gap:10px;padding:6px 0}.home-empty>svg{width:22px;height:22px}.home-empty p{font-size:10px}.home-empty b{font-size:12px}[data-page-id=home] .brand-panel>p{font-size:13px}}
@media(max-width:520px){[data-page-id=home] .hero-content{padding:22px}[data-page-id=home] .signal{padding:14px}[data-page-id=home] .signal>span{font-size:12px}[data-page-id=home] .signal-icon{width:29px;height:29px;right:12px;top:49px}[data-page-id=home] .signal strong{font-size:29px}[data-page-id=home] .signal small{font-size:9px}[data-page-id=home] .stack-card{padding:10px;gap:10px}[data-page-id=home] .stack-card em{padding:5px;font-size:9px}[data-page-id=home] .stack-card small{font-size:10px}.home-empty{flex-wrap:wrap}.home-empty>svg{display:none}.home-empty p{font-size:11px}.home-empty button{margin-left:0}[data-page-id=home] .recent-panel{min-height:185px}}
@media(prefers-reduced-motion:reduce){[data-page-id=home] *{transition:none!important}}

/* Keep card motion compositor-driven and charts inside short windows. */
[data-page-id=home] .stack-card{top:calc(var(--i)*33.3%);height:33.3%;min-height:0;transform:translateY(calc(var(--i)*-4px)) rotate(-1deg)}
[data-page-id=home] .platform-stack:is(:hover,:focus-within) .stack-card{height:33.3%;transform:translateY(0) rotate(0);box-shadow:inset 0 1px 0 #ffffff22,0 5px 12px #05081044}
[data-page-id=home] .customer-chart{min-height:0}
@media(max-height:850px) and (min-width:901px){[data-page-id=home] .donut{width:min(36%,108px)}[data-page-id=home] .customer-chart{gap:18px}[data-page-id=home] .customer-chart p{font-size:10px;margin:6px 0}}
@media(prefers-reduced-motion:reduce){[data-page-id=home] .stack-card{transition:none!important}}

/* Approved compact hero + daily action panel; both remain independent controls. */
[data-page-id=home] .home-top{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr) minmax(0,1.16fr)}
[data-page-id=home] .hero-content{padding:22px}
[data-page-id=home] .hero-buttons{gap:10px;width:100%}
[data-page-id=home] .hero-buttons button{flex:1;padding:0 10px;gap:7px;white-space:nowrap}
[data-page-id=home] .home-today{padding:20px;display:flex;flex-direction:column;min-width:0}
[data-page-id=home] .home-today h2{margin:0 0 3px}
.today-caption{color:#aab4d0;font-size:12px;margin:0 0 10px}
.today-links{display:flex;flex-direction:column;flex:1;min-height:0}
.today-links button{flex:1;min-height:0;padding:10px 0;border:0;border-top:1px solid #747c9424;border-radius:0;background:transparent;text-align:left;gap:14px}
.today-links button>svg{width:25px;height:25px;color:#c1a7ff}
.today-links button>span:not(.today-chevron){min-width:0;flex:1}
.today-links b{font-weight:500;display:block;font-size:13px;color:#e4e6f5}
.today-links small{display:block;color:#aab4d0;font-size:10px;margin-top:5px;line-height:1.6}
.today-chevron{color:#cab8ef;font-size:20px;font-weight:400}
.today-links button:hover b{color:#cfb9ff}
.today-plan{min-height:34px;border:1px solid #aa96d8;background:linear-gradient(120deg,#29244155,#151b2b);border-radius:22px;font-size:12px;flex-shrink:0;margin-top:8px}
.today-plan svg{width:18px}
@media(min-width:1800px){[data-page-id=home] .home-today{padding:24px}.today-links b{font-size:15px}.today-links small{font-size:12px}}
@media(max-height:850px) and (min-width:901px){[data-page-id=home] .hero-content{padding:15px}[data-page-id=home] .hero-number{font-size:52px}[data-page-id=home] .hero-buttons{gap:6px}[data-page-id=home] .hero-buttons button{font-size:11px;padding:0 7px}[data-page-id=home] .hero-buttons svg{width:16px}[data-page-id=home] .home-today{padding:14px}.today-caption{font-size:10px;margin-bottom:5px}.today-links button{padding:6px 0;gap:8px}.today-links button>svg{width:20px;height:20px}.today-links b{font-size:12px}.today-links small{font-size:9px;margin-top:2px}.today-plan{min-height:29px;margin-top:5px}}
@media(max-width:1100px) and (min-width:521px){[data-page-id=home] .home-top{grid-template-columns:1.2fr 1fr}[data-page-id=home] .home-signals{grid-column:1/-1;grid-template-columns:1fr 1fr;grid-template-rows:130px}[data-page-id=home] .home-top{min-height:465px}}
@media(max-width:520px){[data-page-id=home] .home-today{min-height:310px}[data-page-id=home] .hero-buttons button{min-height:43px}[data-page-id=home] .hero-content{padding:22px}}