.smart-page{--smart-bg:#f8fbff;--smart-panel:rgba(255,255,255,.9);--smart-solid:#fff;--smart-text:#071633;--smart-muted:#5e6d86;--smart-line:rgba(29,55,96,.12);--smart-violet:#714cff;--smart-blue:#168cff;--smart-shadow:0 20px 52px rgba(31,60,107,.14);position:relative;padding:30px 0;color:var(--smart-text);background:radial-gradient(circle at 80% 8%,rgba(22,140,255,.14),transparent 28rem),radial-gradient(circle at 10% 38%,rgba(113,76,255,.1),transparent 24rem),var(--smart-bg);font-family:"Plus Jakarta Sans",Inter,sans-serif;overflow:hidden}.smart-page:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.3;background-image:linear-gradient(var(--smart-line) 1px,transparent 1px),linear-gradient(90deg,var(--smart-line) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to bottom,#000,transparent 72%)}[data-theme=dark] .smart-page{--smart-bg:#07142d;--smart-panel:rgba(13,29,59,.88);--smart-solid:#102244;--smart-text:#f8fbff;--smart-muted:#aebbd1;--smart-line:rgba(156,185,229,.16);--smart-shadow:0 22px 62px rgba(0,0,0,.34)}.smart-wrap{position:relative;width:min(calc(100% - 48px),1210px);margin-inline:auto}.smart-hero{position:relative;min-height:390px;margin-top:60px;padding:28px 0 20px;overflow:hidden}.smart-hero:before{content:"";position:absolute;inset:0 0 0 35%;opacity:.82;background:linear-gradient(90deg,var(--smart-bg),color-mix(in srgb,var(--smart-bg) 82%,transparent) 22%,transparent 58%),linear-gradient(180deg,transparent,var(--smart-bg)),url("../images/banner/smart-city.webp") center/cover no-repeat}[data-theme=dark] .smart-hero:before{opacity:.56}.smart-crumb{position:relative;z-index:1;display:flex;align-items:center;gap:.7rem;padding:.35rem 0 2rem;color:var(--smart-muted);font-size:.75rem;font-weight:700}.smart-crumb a{color:inherit;text-decoration:none}.smart-crumb b{color:var(--smart-text)}.smart-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,540px) 1fr 230px;gap:2rem;align-items:center}.smart-hero-copy h1{margin:0 0 1.2rem;font-size:clamp(2.8rem,6vw,4.8rem);line-height:.98;font-weight:800;letter-spacing:-.045em}.smart-hero-copy h1 span{color:transparent;background:linear-gradient(100deg,#05b9ff,#5466ff 38%,#b14fff 72%,#ff8b14);background-clip:text}.smart-hero-copy p{max-width:520px;margin:0 0 1.4rem;color:var(--smart-muted);font-size:.94rem;line-height:1.8;font-weight:600}.smart-hero-actions{display:flex;gap:.7rem;flex-wrap:wrap}.smart-hero-actions a,.smart-primary{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:0 1rem;border-radius:999px;font-size:.66rem;font-weight:800;text-decoration:none}.smart-hero-actions a:first-child,.smart-primary{color:#fff;background:linear-gradient(135deg,#168cff,#714cff,#b249ff);box-shadow:0 14px 30px rgba(82,76,255,.3)}.smart-hero-actions a:last-child{color:var(--smart-text);border:1px solid var(--smart-line);background:var(--smart-panel)}.smart-index-card{grid-column:3;padding:1.2rem;border:1px solid rgba(255,255,255,.2);border-radius:18px;color:#fff;background:rgba(9,19,42,.87);box-shadow:0 34px 90px rgba(35,57,106,.26);backdrop-filter:blur(18px)}.smart-index-card>span{display:block;color:#63dcff;font-size:.56rem;font-weight:800;text-transform:uppercase}.smart-index-card>b{display:block;margin:.55rem 0;font-size:.76rem}.smart-score strong{font-size:2.4rem;line-height:1}.smart-score small{color:rgba(255,255,255,.62);font-size:.65rem}.smart-index-row{display:flex;align-items:end;justify-content:space-between;margin-top:.8rem;padding-top:.7rem;border-top:1px solid rgba(255,255,255,.14)}.smart-index-row p{margin:0 0 .15rem;color:rgba(255,255,255,.55);font-size:.52rem}.smart-index-row strong{font-size:.8rem}.smart-index-row>span{padding:.25rem .45rem;border-radius:999px;color:#48dc91;background:rgba(47,186,110,.15);font-size:.55rem;font-weight:800}.smart-updated{margin:.7rem 0 0;color:rgba(255,255,255,.5);font-size:.5rem}.smart-categories{z-index:3;margin-top:-4px;padding:.8rem 1rem;border:1px solid var(--smart-line);border-radius:19px;display:flex;gap:.75rem;background:var(--smart-panel);box-shadow:var(--smart-shadow);backdrop-filter:blur(24px);overflow:auto}.smart-categories>a{position:relative;min-width:105px;min-height:90px;border:1px solid transparent;border-radius:16px;display:grid;justify-items:center;align-content:center;gap:.45rem;color:var(--smart-text);font-size:.64rem;font-weight:800;text-decoration:none}.smart-categories>a>i{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:var(--tone);background:color-mix(in srgb,var(--tone) 14%,transparent);font-size:1.3rem}.smart-categories>a small{position:absolute;top:.4rem;right:.5rem;color:var(--smart-muted);font-size:.5rem}.smart-categories>a:hover,.smart-categories>a.active{transform:translateY(-2px);border-color:color-mix(in srgb,var(--tone) 55%,var(--smart-line));background:color-mix(in srgb,var(--tone) 7%,transparent)}.smart-dashboard{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:1.25rem;margin-top:1.25rem;align-items:start}.smart-stack{display:grid;gap:1.05rem}.smart-panel{border:1px solid var(--smart-line);border-radius:18px;background:var(--smart-panel);box-shadow:var(--smart-shadow);backdrop-filter:blur(24px)}.smart-live-panel,.smart-map-panel,.smart-summary-panel,.smart-indicator-panel,.smart-source-panel,.smart-services,.smart-projects,.smart-open-data{padding:1.15rem}.smart-head{display:flex;align-items:end;justify-content:space-between;gap:.8rem;margin-bottom:.9rem}.smart-head>div>span,.smart-cta>div:nth-child(2)>span{display:block;margin-bottom:.2rem;color:var(--smart-violet);font-size:.55rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.smart-head h2{margin:0;font-size:1.05rem}.smart-head>a{color:var(--smart-violet);font-size:.6rem;font-weight:800;text-decoration:none}.smart-head>small{display:flex;align-items:center;gap:.3rem;color:var(--smart-muted);font-size:.55rem}.smart-head>small i{width:7px;height:7px;border-radius:50%;background:#25ba66;box-shadow:0 0 0 4px rgba(37,186,102,.12)}.smart-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}.smart-metric{padding:.75rem;border:1px solid var(--smart-line);border-radius:12px;background:var(--smart-solid);box-shadow:0 9px 22px rgba(28,54,96,.07)}.smart-metric-top{display:flex;align-items:center;justify-content:space-between;gap:.4rem;color:var(--smart-muted);font-size:.52rem;font-weight:700}.smart-metric-top span i{margin-right:.25rem;color:var(--tone)}.smart-metric-top>b{color:#25ba66;font-size:.5rem}.smart-metric-top>b.down{color:#f13c65}.smart-metric>strong{display:block;margin:.55rem 0 .1rem;font-size:1.45rem}.smart-metric>strong small{margin-left:.2rem;color:var(--smart-muted);font-size:.55rem}.smart-metric h3{margin:0;color:var(--smart-muted);font-size:.64rem}.smart-sparkline{position:relative;height:30px;margin-top:.45rem;overflow:hidden;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--tone) 10%,transparent));border-bottom:2px solid color-mix(in srgb,var(--tone) 55%,transparent)}.smart-sparkline:before{content:"";position:absolute;left:0;right:0;bottom:7px;height:2px;background:linear-gradient(90deg,var(--tone) 0 15%,transparent 15% 19%,var(--tone) 19% 35%,transparent 35% 40%,var(--tone) 40% 62%,transparent 62% 67%,var(--tone) 67% 80%,transparent 80% 84%,var(--tone) 84%)}.smart-sparkline i{position:absolute;left:var(--point);bottom:4px;width:8px;height:8px;border:2px solid #fff;border-radius:50%;background:var(--tone);box-shadow:0 0 0 3px color-mix(in srgb,var(--tone) 20%,transparent)}.smart-metric footer{display:flex;justify-content:space-between;margin-top:.45rem;color:var(--smart-muted);font-size:.47rem}.smart-empty{text-align:center;padding:2.5rem;color:var(--smart-muted)}.smart-empty>i{font-size:2rem;color:var(--smart-violet)}.smart-map{position:relative;min-height:310px;border:1px solid var(--smart-line);border-radius:14px;overflow:hidden;background-position:center;background-size:cover}.smart-map:before{content:"";position:absolute;inset:0;background:rgba(224,236,247,.63);backdrop-filter:blur(1px)}[data-theme=dark] .smart-map:before{background:rgba(7,20,45,.57)}.smart-map-layers{position:absolute;z-index:2;left:.7rem;top:.7rem;display:flex;gap:.35rem;flex-wrap:wrap}.smart-map-layers span{padding:.3rem .5rem;border-radius:999px;color:var(--smart-text);background:var(--smart-panel);box-shadow:0 7px 18px rgba(0,0,0,.1);font-size:.5rem;font-weight:800}.smart-map-layers i{margin-right:.2rem;color:var(--smart-blue)}.smart-pin{position:absolute;z-index:2;width:31px;height:31px;border:3px solid #fff;border-radius:50% 50% 50% 7px;display:grid;place-items:center;color:#fff;background:var(--tone);transform:rotate(-45deg);box-shadow:0 10px 22px rgba(0,0,0,.25);animation:smartPin 3s ease-in-out infinite}.smart-pin i{transform:rotate(45deg)}.smart-pin-1{left:24%;top:30%}.smart-pin-2{left:45%;top:44%;animation-delay:-.5s}.smart-pin-3{left:67%;top:27%;animation-delay:-1s}.smart-pin-4{left:72%;top:63%;animation-delay:-1.5s}.smart-pin-5{left:36%;top:67%;animation-delay:-2s}.smart-pin-6{left:82%;top:39%;animation-delay:-2.5s}.smart-triple{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.smart-stats{display:grid;gap:.7rem}.smart-stats>div{display:grid;grid-template-columns:36px 1fr;gap:.5rem;align-items:center}.smart-stats>div>i{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--tone)}.smart-stats span{font-size:.55rem}.smart-stats b,.smart-stats small{display:block}.smart-stats b{margin:.1rem 0;color:var(--smart-text);font-size:.68rem}.smart-stats small{color:var(--smart-muted);font-size:.47rem}.smart-radar{position:relative;width:145px;height:145px;margin:auto;display:grid;place-items:center}.smart-radar-shape{position:absolute;inset:10px;clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);background:linear-gradient(135deg,rgba(22,140,255,.18),rgba(113,76,255,.48));border:2px solid #714cff}.smart-radar:before,.smart-radar:after{content:"";position:absolute;inset:28px;clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);border:1px solid var(--smart-line)}.smart-radar:after{inset:47px}.smart-radar strong{z-index:1;font-size:1.15rem}.smart-radar span{position:absolute;z-index:1;top:86px;color:var(--smart-muted);font-size:.45rem}.smart-sources{display:grid;gap:.7rem}.smart-sources>div{display:grid;grid-template-columns:34px 1fr;gap:.5rem;align-items:center}.smart-sources>div>i{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:var(--smart-violet);background:rgba(113,76,255,.11)}.smart-sources span b,.smart-sources span small{display:block}.smart-sources b{font-size:.59rem}.smart-sources small{margin-top:.12rem;color:var(--smart-muted);font-size:.48rem}.smart-service-list{display:grid;gap:.55rem}.smart-service-list a{display:grid;grid-template-columns:39px 1fr;gap:.55rem;align-items:center;padding:.55rem;border:1px solid var(--smart-line);border-radius:11px;color:inherit;background:var(--smart-solid);text-decoration:none}.smart-service-list>a>i{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#168cff,#714cff)}.smart-service-list b,.smart-service-list small{display:block}.smart-service-list b{font-size:.63rem}.smart-service-list small{margin-top:.15rem;color:var(--smart-muted);font-size:.5rem;line-height:1.35}.smart-project-list{display:grid;gap:.65rem}.smart-project-list>div{display:grid;grid-template-columns:38px 1fr;gap:.55rem;align-items:center}.smart-project-list>div>i{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;color:var(--smart-blue);background:rgba(22,140,255,.11)}.smart-project-list b,.smart-project-list small{display:block}.smart-project-list b{font-size:.62rem}.smart-project-list small{margin:.14rem 0;color:var(--smart-muted);font-size:.48rem}.smart-project-list em{display:block;height:5px;border-radius:999px;background:var(--smart-line);overflow:hidden}.smart-project-list em i{display:block;width:var(--progress);height:100%;border-radius:inherit;background:linear-gradient(90deg,#168cff,#714cff)}.smart-open-data>p{color:var(--smart-muted);font-size:.6rem;line-height:1.5}.smart-data-chips{display:flex;flex-wrap:wrap;gap:.35rem;margin:.7rem 0}.smart-data-chips span{padding:.28rem .45rem;border-radius:999px;color:var(--smart-violet);background:rgba(113,76,255,.1);font-size:.5rem;font-weight:800}.smart-datasets{display:grid;gap:.4rem}.smart-datasets a{color:var(--smart-text);font-size:.55rem;text-decoration:none}.smart-datasets i{margin-right:.3rem;color:var(--smart-blue)}.smart-open-data .smart-primary{min-height:36px;margin-top:.5rem}.smart-cta{min-height:150px;margin-top:1.25rem;padding:1.3rem 1.5rem;display:grid;grid-template-columns:115px minmax(240px,1fr) repeat(3,1fr);gap:1.1rem;align-items:center;overflow:hidden;background:linear-gradient(110deg,var(--smart-panel),rgba(113,76,255,.16))}.smart-phone{align-self:end;height:125px;margin-bottom:-1.3rem;border:5px solid #172444;border-bottom:0;border-radius:23px 23px 0 0;display:grid;place-items:center;text-align:center;color:#fff;background:linear-gradient(145deg,#168cff,#714cff)}.smart-phone i{font-size:1.5rem}.smart-phone span{font-size:.58rem}.smart-cta h2{margin:.25rem 0 .4rem;font-size:1.05rem}.smart-cta p{margin:0 0 .7rem;color:var(--smart-muted);font-size:.6rem;line-height:1.45}.smart-cta>div:nth-child(n+3){display:grid;grid-template-columns:38px 1fr;gap:.5rem;align-items:center}.smart-cta>div:nth-child(n+3)>i{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:var(--smart-violet);background:var(--smart-solid)}.smart-cta b,.smart-cta small{display:block}.smart-cta>div:nth-child(n+3) b{font-size:.6rem}.smart-cta>div:nth-child(n+3) small{margin-top:.12rem;color:var(--smart-muted);font-size:.48rem;line-height:1.3}.smart-reveal{opacity:0;transform:translateY(16px);transition:opacity .6s,transform .6s}.smart-reveal.is-visible{opacity:1;transform:none}@keyframes smartPin{50%{translate:0 -7px}}@media(max-width:1160px){.smart-hero-grid{grid-template-columns:minmax(0,1fr) 230px}.smart-index-card{grid-column:2}.smart-dashboard{grid-template-columns:1fr}.smart-side{grid-template-columns:repeat(3,1fr)}.smart-cta{grid-template-columns:1fr 1fr}.smart-phone{display:none}}@media(max-width:900px){.smart-metrics{grid-template-columns:repeat(2,1fr)}.smart-triple{grid-template-columns:1fr}.smart-side{grid-template-columns:1fr}.smart-cta{grid-template-columns:1fr 1fr}}@media(max-width:720px){.smart-wrap{width:min(calc(100% - 26px),1210px)}.smart-hero{min-height:auto}.smart-hero:before{inset:85px 0 auto;height:250px;opacity:.22}.smart-hero-grid{grid-template-columns:1fr}.smart-index-card{display:none}.smart-hero-copy h1{font-size:clamp(2.5rem,13vw,3.75rem)}.smart-hero-actions a{width:100%}.smart-metrics{grid-template-columns:1fr}.smart-map{min-height:260px}.smart-cta{grid-template-columns:1fr}.smart-live-panel,.smart-map-panel,.smart-summary-panel,.smart-indicator-panel,.smart-source-panel,.smart-services,.smart-projects,.smart-open-data{padding:1rem}}@media(prefers-reduced-motion:reduce){.smart-page *{animation-duration:.01ms!important;transition-duration:.01ms!important}}