/* Theme 20 — Connected city growth operating system. */
.template-t20{background:#06121d;color:#effbfc;color-scheme:dark}.template-t20 .rh-home{display:none}.city-home{--bg:#06121d;--card:#0d2230;--cyan:#25c7d9;--amber:#f0a44d;--green:#49d59c;--text:#effbfc;--muted:#829fab;--line:rgba(37,199,217,.2);min-height:100vh;background:var(--bg);color:var(--text);font-family:"Exo 2",Inter,"PingFang SC",sans-serif;overflow:hidden}.city-home *{box-sizing:border-box}.city-home a{color:inherit;text-decoration:none}.city-nav{position:absolute;z-index:5;left:50%;top:0;width:min(1420px,calc(100% - 64px));height:88px;display:grid;grid-template-columns:1fr auto 1fr;gap:38px;align-items:center;border-bottom:1px solid rgba(255,255,255,.18);transform:translateX(-50%)}.city-brand{width:max-content;display:flex;align-items:center;gap:11px}.city-brand>span{position:relative;width:42px;height:42px;border:1px solid var(--cyan)}.city-brand>span i{position:absolute;bottom:6px;width:7px;background:var(--cyan)}.city-brand>span i:nth-child(1){left:7px;height:17px}.city-brand>span i:nth-child(2){left:17px;height:27px}.city-brand>span i:nth-child(3){left:27px;height:22px}.city-brand>div{display:flex;flex-direction:column;gap:4px}.city-brand b{font-size:12px}.city-brand small{color:#8ca9b5;font-size:12px;letter-spacing:.15em}.city-nav nav{display:flex;gap:34px}.city-nav nav a{font-size:12px}.city-nav-status{justify-self:end;display:flex;align-items:center;gap:18px}.city-nav-status>span{font-size:12px;color:#a4bac3}.city-nav-status>span i{display:inline-block;width:7px;height:7px;margin-right:4px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}.city-nav-status>a{padding:12px 15px;border:1px solid rgba(255,255,255,.35);border-radius:7px;font-size:12px}
.city-hero{position:relative;min-height:900px;padding:140px max(32px,calc((100vw - 1340px)/2)) 100px;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center;overflow:hidden}.city-backdrop{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,13,22,.94) 0%,rgba(3,13,22,.78) 34%,rgba(3,13,22,.18) 70%,rgba(3,13,22,.45) 100%),linear-gradient(0deg,#06121d 0%,transparent 35%),url('../../img/t20-connected-city-v1.webp') center/cover no-repeat}.city-gridlines{position:absolute;inset:0;background-image:linear-gradient(rgba(37,199,217,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(37,199,217,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to right,#000,transparent 70%)}.city-copy,.city-hud{position:relative;z-index:2}.city-kicker{display:flex;align-items:center;gap:20px;color:var(--cyan);font-size:12px;letter-spacing:.16em}.city-kicker b{color:var(--green);font-size:12px}.city-kicker b i{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:var(--green);box-shadow:0 0 9px var(--green)}.city-copy h1{margin:27px 0 24px;font-size:clamp(54px,5.3vw,78px);line-height:1.04;letter-spacing:-.055em}.city-copy h1 em{color:var(--cyan);font-style:normal}.city-copy>p{max-width:585px;color:#a2b7c0;font-size:14px;line-height:1.9}.city-actions{display:flex;align-items:center;gap:25px;margin-top:34px}.city-primary{min-height:52px;padding:0 19px;display:inline-flex;align-items:center;gap:52px;border-radius:7px;background:var(--cyan);color:#06151e!important;font-size:13px;font-weight:700;box-shadow:0 10px 30px rgba(37,199,217,.15)}.city-primary b{font-size:16px}.city-actions>a:last-child{padding:8px 0;border-bottom:1px solid #718995;font-size:12px}.city-copy dl{display:grid;grid-template-columns:repeat(3,1fr);margin:52px 0 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.18)}.city-copy dt{color:var(--amber);font-size:21px;font-weight:700}.city-copy dd{margin:5px 0;color:#8fa6b1;font-size:12px}.city-hud{justify-self:end;width:min(610px,100%);border:1px solid rgba(102,209,222,.45);background:rgba(5,19,29,.68);backdrop-filter:blur(12px);box-shadow:0 25px 70px rgba(0,0,0,.25)}.city-hud>header{height:46px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(102,209,222,.25);color:#8ba7b2;font-size:12px;letter-spacing:.1em}.city-hud>header b{color:var(--green)}.hud-map{position:relative;height:430px;overflow:hidden}.hud-map::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(37,199,217,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(37,199,217,.06) 1px,transparent 1px);background-size:30px 30px}.hud-map svg{position:absolute;inset:50px 35px;width:calc(100% - 70px);height:calc(100% - 100px)}.hud-map path{fill:none;stroke:rgba(37,199,217,.55);stroke-width:2;stroke-dasharray:6 5}.hud-ring{position:absolute;z-index:2;left:50%;top:50%;width:150px;height:150px;display:grid;place-content:center;text-align:center;border:2px solid var(--cyan);border-radius:50%;background:#071824;transform:translate(-50%,-50%);box-shadow:0 0 35px rgba(37,199,217,.18)}.hud-ring i{position:absolute;inset:-14px;border:1px dashed rgba(37,199,217,.35);border-radius:50%}.hud-ring i:nth-child(2){inset:-33px;opacity:.5}.hud-ring i:nth-child(3){inset:14px;border-style:solid}.hud-ring strong{z-index:2;color:var(--amber);font-size:35px}.hud-ring span{z-index:2;color:#8aa4af;font-size:12px}.hud-node{position:absolute;z-index:3;padding:9px 11px;border:1px solid rgba(37,199,217,.45);background:#0a202d;font-size:12px}.hud-node i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:var(--cyan)}.hud-node span{color:#9db1ba}.hud-node b{margin-left:8px;color:var(--green)}.n1{left:30px;bottom:55px}.n2{right:25px;top:55px}.n3{right:35px;bottom:70px}.city-hud>footer{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(102,209,222,.25)}.city-hud>footer article{padding:15px;border-right:1px solid rgba(102,209,222,.2)}.city-hud>footer span,.city-hud>footer small{display:block;color:#7f99a4;font-size:12px}.city-hud>footer b{display:block;margin:5px 0;color:var(--cyan);font-size:17px}.city-scroll{position:absolute;z-index:2;left:50%;bottom:28px;display:flex;align-items:center;gap:10px;color:#7e98a3;font-size:12px;letter-spacing:.13em;transform:translateX(-50%)}.city-scroll i{width:1px;height:25px;background:var(--cyan)}.city-status{min-height:65px;padding:0 max(32px,calc((100vw - 1340px)/2));display:grid;grid-template-columns:.5fr 1.5fr;align-items:center;border-block:1px solid var(--line);background:#081823;color:#7f9aa5;font-size:12px;letter-spacing:.1em}.city-status>div{display:flex;justify-content:space-between}.city-status b{font-weight:400}.city-status b i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:var(--green)}.city-status .alert{color:var(--amber)}.city-status .alert i{background:var(--amber)}
.city-districts,.city-log{width:min(1280px,calc(100% - 64px));margin:auto;padding:135px 0}.city-districts>header,.city-log>header{display:grid;grid-template-columns:1fr .62fr;gap:85px;align-items:end;margin-bottom:64px}.city-districts>header span,.network-copy>span,.city-log>header span,.city-final>div>span{color:var(--cyan);font-size:12px;letter-spacing:.16em}.city-districts h2,.network-copy h2,.city-log h2,.city-final h2{margin:15px 0 0;font-size:clamp(47px,4.8vw,66px);line-height:1.05;letter-spacing:-.05em}.city-districts>header p,.city-log>header p{margin:0;color:var(--muted);font-size:13px;line-height:1.9}.district-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;border:1px solid #294452}.district-grid article{padding:27px;border-right:1px solid #294452;border-bottom:1px solid #294452;background:var(--card)}.district-grid article:nth-child(3){border-right:0}.district-grid article:nth-child(n+4){border-bottom:0}.district-grid article:last-child{grid-column:2/4;border-right:0}.district-grid article>span{color:var(--cyan);font-size:12px;letter-spacing:.12em}.district-grid h3{font-size:21px}.district-grid p{min-height:58px;color:var(--muted);font-size:13px;line-height:1.8}.district-viz{position:relative;height:180px;margin:25px 0;border:1px solid #294452;background:#071822;overflow:hidden}.core-viz{display:grid;place-content:center;text-align:center}.core-viz i{position:absolute;left:50%;top:50%;width:70px;height:70px;border:1px solid var(--cyan);transform:translate(-50%,-50%) rotate(45deg)}.core-viz i:nth-child(2){width:115px;height:115px;opacity:.55}.core-viz i:nth-child(3){width:160px;height:160px;opacity:.2}.core-viz strong{z-index:2;color:var(--amber);font-size:30px}.core-viz small{z-index:2;color:var(--muted);font-size:12px}.blocks-viz{padding:25px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.blocks-viz i{border:1px solid #3c6a80;background:rgba(37,199,217,.08)}.blocks-viz i:nth-child(2){background:rgba(240,164,77,.13);transform:translateY(10px)}.blocks-viz b{position:absolute;left:50%;top:50%;padding:7px;background:#071822;color:var(--amber);transform:translate(-50%,-50%)}.orbit-viz{display:grid;place-content:center}.orbit-viz i{position:absolute;left:50%;top:50%;width:60px;height:60px;border:1px solid var(--cyan);border-radius:50%;transform:translate(-50%,-50%)}.orbit-viz i:nth-child(2){width:110px;height:110px;border-style:dashed}.orbit-viz i:nth-child(3){width:160px;height:160px;opacity:.3}.orbit-viz b{z-index:2;color:var(--green);font-size:23px}.lab-viz{padding:25px;display:flex;align-items:end;gap:11px}.lab-viz i{flex:1;height:var(--h);background:var(--cyan)}.lab-viz i:nth-child(3),.lab-viz i:nth-child(4){background:var(--amber)}.lab-viz b{position:absolute;right:15px;top:12px;color:var(--green);font-size:15px}.value-viz{padding:25px}.value-viz strong{color:var(--amber);font-size:38px}.value-viz svg{position:absolute;left:20px;right:20px;bottom:20px;width:calc(100% - 40px)}.value-viz path{fill:none;stroke:var(--cyan);stroke-width:2}.district-grid footer{display:flex;justify-content:space-between;padding-top:15px;border-top:1px solid #294452;font-size:12px}.district-grid footer b{color:var(--green)}.district-grid footer span{color:var(--muted)}
.city-network{padding:130px max(32px,calc((100vw - 1280px)/2));display:grid;grid-template-columns:.5fr 1.5fr;gap:82px;align-items:center;background:#eef3f4;color:#172b34}.network-copy>span{color:#167b88}.network-copy p{max-width:420px;color:#687d85;font-size:13px;line-height:1.9}.network-copy>a{font-size:12px;border-bottom:1px solid #172b34}.network-copy dl{display:grid;grid-template-columns:1fr 1fr;margin-top:50px}.network-copy dl>div{padding-left:16px;border-left:1px solid #c0cfd3}.network-copy dt{font-size:24px}.network-copy dd{margin:4px 0;color:#74878e;font-size:12px}.network-board{border:1px solid #aebfc4;background:#fff;box-shadow:9px 9px 0 #d4e0e2}.network-board>header{height:48px;padding:0 18px;display:grid;grid-template-columns:1fr auto auto;gap:25px;align-items:center;border-bottom:1px solid #cedadd;font-size:12px;letter-spacing:.1em}.network-board>header b{color:#28795b}.network-board>header i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#49bc88}.network-board>header time{color:#7e9096}.metro-map{position:relative;height:420px;overflow:hidden;background-image:linear-gradient(#edf2f3 1px,transparent 1px),linear-gradient(90deg,#edf2f3 1px,transparent 1px);background-size:30px 30px}.metro-line{position:absolute;height:5px;border-radius:3px;background:var(--cyan);transform-origin:left}.line-a{left:50px;top:310px;width:500px;transform:rotate(-28deg)}.line-b{left:75px;top:95px;width:455px;background:var(--amber);transform:rotate(24deg)}.line-c{left:170px;top:345px;width:380px;background:var(--green);transform:rotate(-52deg)}.metro-line i{position:absolute;top:-5px;width:15px;height:15px;border:4px solid currentColor;border-radius:50%;background:#fff}.metro-line i:nth-child(1){left:0}.metro-line i:nth-child(2){left:34%}.metro-line i:nth-child(3){left:68%}.metro-line i:nth-child(4){right:0}.metro-station{position:absolute;padding:8px 10px;border:1px solid #b7c8cd;background:#fff;font-size:12px}.metro-station span{color:#177f8c}.metro-station b{margin-left:6px}.metro-station.active{border-color:#1da5b5;background:#e9f8fa}.s1{left:35px;bottom:54px}.s2{left:28%;top:47%}.s3{left:49%;top:39%}.s4{right:13%;top:21%}.s5{right:8%;bottom:16%}.dispatch-card{position:absolute;right:22px;top:72px;width:255px;padding:18px;border:1px solid #4c99a3;background:rgba(255,255,255,.94);box-shadow:5px 5px 0 rgba(36,95,102,.1)}.dispatch-card>span{color:#168390;font-size:12px}.dispatch-card h3{font-size:12px}.dispatch-card p{color:#71848b;font-size:12px}.dispatch-card>div{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid #d7e1e3}.dispatch-card>div b{color:#b96d2b;font-size:16px}.dispatch-card>div em{color:#7d8e93;font-size:12px;font-style:normal}.dispatch-card button{width:100%;padding:10px;border:0;background:#167f8b;color:#fff;font-size:12px}.network-board>footer{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cedadd}.network-board>footer article{padding:14px;display:grid;grid-template-columns:8px 1fr;gap:8px;border-right:1px solid #d8e1e3}.network-board>footer>article>i{width:7px;height:7px;border-radius:50%;background:var(--cyan)}.network-board>footer .amber{background:var(--amber)}.network-board>footer .green{background:var(--green)}.network-board>footer span{display:block;color:#7b8d93;font-size:12px}.network-board>footer b{font-size:12px}
.log-case{display:grid;grid-template-columns:230px 1fr 240px;border:1px solid #294452;background:var(--card)}.log-case>aside{position:relative;padding:27px;border-right:1px solid #294452;background:#0a1b26}.log-case>aside>span{color:var(--green);font-size:12px}.log-case>aside>strong{display:block;margin:26px 0;font-size:17px;line-height:1.5}.city-mini{position:relative;height:120px;margin:25px 0;border:1px solid #294452;background:#06141d}.city-mini i{position:absolute;bottom:20px;width:22px;background:#1f7483}.city-mini i:nth-child(1){left:25px;height:35px}.city-mini i:nth-child(2){left:53px;height:69px}.city-mini i:nth-child(3){left:81px;height:51px}.city-mini i:nth-child(4){left:109px;height:82px;background:#b17238}.city-mini i:nth-child(5){left:137px;height:59px}.city-mini b{position:absolute;right:12px;top:10px;color:var(--amber)}.log-case>aside dl{margin:0}.log-case>aside dl>div{padding:11px 0;border-top:1px solid #294452}.log-case>aside dt{color:var(--muted);font-size:12px}.log-case>aside dd{margin:5px 0 0;font-size:12px}.log-case>aside dd i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:var(--green)}.log-timeline>header{height:48px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #294452;color:var(--muted);font-size:12px}.log-timeline>header b{color:var(--green)}.log-timeline>article{display:grid;grid-template-columns:58px 14px 1fr 75px;gap:13px;padding:24px 27px;border-bottom:1px solid #294452}.log-timeline time{color:var(--muted);font-size:12px}.log-timeline>article>i{position:relative;width:11px;height:11px;border:3px solid var(--cyan);border-radius:50%}.log-timeline>article>i::after{content:"";position:absolute;left:2px;top:10px;width:1px;height:90px;background:#315260}.log-timeline article:nth-of-type(4)>i::after{display:none}.log-timeline article span{color:var(--cyan);font-size:12px}.log-timeline h3{margin:5px 0;font-size:13px}.log-timeline p{margin:0;color:var(--muted);font-size:12px;line-height:1.65}.log-timeline article>b{text-align:right;color:var(--amber);font-size:12px}.log-timeline>footer{display:grid;grid-template-columns:repeat(3,1fr)}.log-timeline>footer>div{padding:17px;border-right:1px solid #294452}.log-timeline>footer strong{display:block;color:var(--green);font-size:20px}.log-timeline>footer span{color:var(--muted);font-size:12px}.log-quote{padding:26px;border-left:1px solid #294452;background:#071720}.log-quote>span{color:var(--cyan);font-size:12px}.log-quote blockquote{margin:35px 0 12px;font:17px/1.65 Georgia,"Noto Serif SC",serif}.log-quote small{color:var(--muted);font-size:12px}.log-quote a{display:inline-block;margin-top:55px;color:var(--amber);font-size:12px}.city-final{position:relative;width:min(1340px,calc(100% - 64px));min-height:440px;margin:0 auto 70px;padding:68px;display:grid;grid-template-columns:1fr .45fr auto;gap:38px;align-items:center;border:1px solid var(--line);background:linear-gradient(135deg,#0d2a38,#081722);overflow:hidden}.city-final p{color:var(--muted);font-size:14px;line-height:1.8}.city-final>div:nth-of-type(2){display:flex;align-items:center;gap:18px;flex-direction:column}.city-final>div:nth-of-type(2)>a:last-child{font-size:12px}.city-final>b{position:absolute;right:18px;bottom:-85px;color:rgba(37,199,217,.08);font-size:260px}.city-footer{width:min(1340px,calc(100% - 64px));min-height:110px;margin:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-top:1px solid #294452}.city-footer p,.city-footer>span{color:var(--muted);font-size:12px;letter-spacing:.13em}.city-footer>span{justify-self:end}
@media(max-width:1080px){.city-nav nav{display:none}.city-nav{grid-template-columns:1fr 1fr}.city-hero{grid-template-columns:1fr}.city-hud{justify-self:start}.district-grid{grid-template-columns:1fr 1fr}.district-grid article{border-right:1px solid #294452!important;border-bottom:1px solid #294452!important}.district-grid article:nth-child(even){border-right:0!important}.district-grid article:last-child{grid-column:auto}.city-network{grid-template-columns:1fr}.log-case{grid-template-columns:210px 1fr}.log-quote{grid-column:1/3;border-left:0;border-top:1px solid #294452}.city-final{grid-template-columns:1fr}}
@media(max-width:980px){.template-t20{padding-top:64px}.template-t20 .template-mobile-header{background:#06121d;border-color:#294452}.template-t20 .template-mobile-brand,.template-t20 .template-mobile-brand span{color:#effbfc}.template-t20 .template-menu-toggle{background:#0d2230;border-color:#326272}.template-t20 .template-menu-toggle span{background:#25c7d9}.city-nav{display:none}.city-hero{min-height:auto;padding:72px 16px 80px;grid-template-columns:1fr;gap:45px}.city-backdrop{background:linear-gradient(180deg,rgba(3,13,22,.9) 0%,rgba(3,13,22,.78) 45%,#06121d 100%),url('../../img/t20-connected-city-v1.webp') 62% top/auto 800px no-repeat}.city-copy h1{font-size:45px}.city-copy>p{font-size:14px}.city-actions{align-items:stretch;flex-direction:column;gap:8px}.city-primary{justify-content:space-between}.city-actions>a:last-child{text-align:center;border:0}.city-copy dl{gap:10px}.city-hud{width:100%;backdrop-filter:none}.hud-map{height:390px}.hud-ring{width:120px;height:120px}.hud-node{padding:7px}.n1{left:12px}.n2{right:10px}.n3{right:12px}.city-scroll{display:none}.city-hud>footer{grid-template-columns:1fr}.city-hud>footer article{border-right:0;border-bottom:1px solid rgba(102,209,222,.2)}.city-status{padding:22px 16px;grid-template-columns:1fr}.city-status>div{margin-top:15px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.city-districts,.city-log{width:100%;padding:90px 16px}.city-districts>header,.city-log>header{grid-template-columns:1fr;gap:22px;margin-bottom:42px}.city-districts h2,.network-copy h2,.city-log h2,.city-final h2{font-size:40px}.district-grid{grid-template-columns:1fr}.district-grid article,.district-grid article:nth-child(even){border-right:0!important;border-bottom:1px solid #294452!important}.district-grid article:last-child{border-bottom:0!important}.district-grid p{min-height:auto}.city-network{padding:90px 16px;grid-template-columns:1fr;gap:45px}.network-board{box-shadow:6px 6px 0 #d4e0e2}.network-board>header{grid-template-columns:1fr auto}.network-board>header time{display:none}.metro-map{height:500px}.line-a{left:10px;top:340px;width:330px}.line-b{left:18px;top:135px;width:330px}.line-c{left:78px;top:410px;width:300px}.s1{left:8px}.s2{left:18%;top:52%}.s3{left:42%;top:43%}.s4{right:3%;top:25%}.s5{right:3%;bottom:14%}.dispatch-card{left:17px;right:17px;top:52px;width:auto}.network-board>footer{grid-template-columns:1fr}.network-board>footer article{border-right:0;border-bottom:1px solid #d8e1e3}.log-case{grid-template-columns:1fr}.log-case>aside{min-height:470px;border-right:0;border-bottom:1px solid #294452}.log-timeline>article{padding:22px 16px;grid-template-columns:48px 12px 1fr}.log-timeline article>b{grid-column:3;text-align:left}.log-timeline>article>i::after{height:130px}.log-timeline>footer>div{padding:13px 9px}.log-quote{grid-column:1;border-left:0}.city-final{width:calc(100% - 32px);min-height:580px;margin-bottom:40px;padding:42px 20px;grid-template-columns:1fr;align-content:center}.city-final>div:nth-of-type(2){align-items:stretch}.city-footer{width:calc(100% - 32px);padding:30px 0;grid-template-columns:1fr;gap:17px}.city-footer p{display:none}.city-footer>span{justify-self:start}}