:root{--font:'Inter','Noto Sans SC',sans-serif;--bg:#07101d;--bg2:#0b1727;--surface:#0e1c2d;--surface2:#122339;--line:rgba(145,171,202,.17);--text:#f4f7fb;--muted:#9aacbf;--accent:#4ee1b2;--accent2:#6aa8ff;--warm:#f7b267;--header:rgba(7,16,29,.86);--shadow:0 24px 60px rgba(0,0,0,.25);--radius:22px}
[data-theme="light"]{--bg:#f3f6f8;--bg2:#eaf0f3;--surface:#fff;--surface2:#f8fafb;--line:rgba(20,46,68,.14);--text:#0b1a29;--muted:#53677a;--header:rgba(243,246,248,.9);--shadow:0 20px 50px rgba(34,63,86,.1)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:90px}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.7;overflow-x:hidden;transition:background .25s,color .25s}body:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 78% 8%,rgba(78,225,178,.09),transparent 28%),radial-gradient(circle at 10% 42%,rgba(106,168,255,.08),transparent 30%),linear-gradient(180deg,var(--bg),var(--bg2))}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}.skip-link{position:fixed;left:1rem;top:-5rem;background:var(--accent);color:#062118;padding:.6rem 1rem;z-index:100}.skip-link:focus{top:1rem}.site-header{height:74px;position:fixed;top:0;left:0;right:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1220px)/2));background:var(--header);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:.7rem;font-weight:700}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--accent);color:var(--accent);border-radius:10px;font-size:.78rem;letter-spacing:.05em}.desktop-nav{display:flex;align-items:center;gap:2rem}.desktop-nav a{font-size:.9rem;color:var(--muted);transition:.2s}.desktop-nav a:hover{color:var(--text)}.header-actions{display:flex;gap:.5rem}.icon-button{width:40px;height:40px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:12px;display:grid;place-items:center;cursor:pointer}.icon-button svg{width:18px}.menu-button{display:none}.mobile-nav{display:none}main{max-width:1220px;margin:auto;padding:0 28px}.hero{min-height:820px;padding:150px 0 90px;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.65fr);gap:7vw;align-items:center}.eyebrow,.kicker{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-weight:700}.eyebrow{display:flex;align-items:center;gap:.65rem;margin-bottom:1.6rem}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 6px rgba(78,225,178,.1)}h1{font-size:clamp(3rem,6vw,5.5rem);line-height:1.08;letter-spacing:-.055em;max-width:950px}h1 span{color:var(--muted)}.hero-role{font-size:1.25rem;font-weight:700;color:var(--accent2);margin:2rem 0 .65rem}.hero-summary{font-size:1.08rem;color:var(--muted);max-width:770px}.hero-actions{display:flex;gap:1rem;margin:2.2rem 0 3rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;border-radius:12px;padding:.86rem 1.15rem;border:1px solid var(--line);font-weight:700;font-size:.9rem;cursor:pointer;transition:.2s}.button svg{width:17px}.button.primary{background:var(--accent);border-color:var(--accent);color:#052016}.button.secondary{background:transparent;color:var(--text)}.button:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(0,0,0,.12)}.proof-strip{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;border-top:1px solid var(--line);padding-top:1.3rem;max-width:760px}.proof-strip li{display:flex;flex-direction:column;border-right:1px solid var(--line);padding-right:1.2rem;margin-right:1.2rem}.proof-strip li:last-child{border:0}.proof-strip strong{font-size:1.18rem}.proof-strip span{font-size:.78rem;color:var(--muted)}.profile-card{padding:1.35rem;background:linear-gradient(160deg,var(--surface2),var(--surface));border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow);transform:rotate(1.2deg)}.portrait-wrap{border-radius:20px;overflow:hidden;aspect-ratio:4/4.25;margin-bottom:1.25rem;background:var(--surface2)}.portrait-wrap img{width:100%;height:100%;object-fit:cover}.profile-name{font-size:1.2rem;font-weight:800}.profile-name span{display:block;font-size:.8rem;color:var(--muted);font-weight:500}.profile-location{display:flex;align-items:center;gap:.4rem;color:var(--muted);font-size:.82rem;margin-top:.45rem}.profile-location svg,.profile-email svg{width:15px}.profile-divider{height:1px;background:var(--line);margin:1.2rem 0}.profile-label{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.14em;margin-bottom:.7rem}.role-tags,.stack-list{display:flex;flex-wrap:wrap;gap:.45rem}.role-tags span,.stack-list span{font-size:.72rem;border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:999px;padding:.28rem .58rem}.profile-email{display:flex;align-items:center;gap:.45rem;color:var(--accent);font-size:.78rem;margin-top:1.1rem}.section{padding:110px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:3rem;margin-bottom:3.2rem}.section-heading h2{font-size:clamp(2rem,4vw,3.6rem);line-height:1.15;letter-spacing:-.045em;margin-top:.6rem}.section-heading>p{max-width:520px;color:var(--muted)}.expertise-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.expertise-card{padding:1.8rem;min-height:330px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(145deg,transparent,rgba(255,255,255,.018));transition:.25s}.expertise-card:hover{background:var(--surface);transform:translateY(-4px)}.expertise-top{display:flex;justify-content:space-between;align-items:center}.expertise-icon{width:45px;height:45px;border-radius:14px;display:grid;place-items:center;background:rgba(78,225,178,.1);color:var(--accent)}.expertise-icon svg{width:21px}.card-number{font-size:.75rem;color:var(--muted)}.expertise-card h3{font-size:1.15rem;margin:3rem 0 .8rem}.expertise-card p{font-size:.88rem;color:var(--muted);margin-bottom:1.5rem}.projects-section{padding-top:130px}.project-toolbar{display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:1.8rem}.filter-button{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:999px;padding:.55rem 1rem;cursor:pointer}.filter-button:hover,.filter-button.active{background:var(--text);border-color:var(--text);color:var(--bg)}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}.project-card{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:.3s;outline:none}.project-card:hover,.project-card:focus-visible{transform:translateY(-5px);border-color:rgba(78,225,178,.55);box-shadow:var(--shadow)}.project-card.featured:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.05fr .95fr}.project-media{height:260px;position:relative;overflow:hidden;background:#101e30}.featured:first-child .project-media{height:100%;min-height:420px}.project-media img{width:100%;height:100%;object-fit:cover;transition:.5s}.project-card:hover .project-media img{transform:scale(1.025)}.project-index,.project-label{position:absolute;top:1rem;padding:.4rem .65rem;border-radius:999px;backdrop-filter:blur(10px);font-size:.7rem}.project-index{left:1rem;background:rgba(5,13,23,.72);color:#fff}.project-label{right:1rem;background:rgba(78,225,178,.9);color:#062118;font-weight:700}.project-copy{padding:1.6rem}.project-copy h3{font-size:1.35rem;line-height:1.3}.project-copy>p{color:var(--muted);font-size:.88rem;margin:.7rem 0 1.2rem}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:.85rem 0;margin-bottom:1rem}.metric-row span{display:flex;flex-direction:column;border-right:1px solid var(--line);padding:0 .7rem}.metric-row span:first-child{padding-left:0}.metric-row span:last-child{border:0}.metric-row strong{font-size:.92rem}.metric-row small{color:var(--muted);font-size:.68rem}.project-bottom{display:flex;align-items:end;justify-content:space-between;gap:1rem}.view-project{white-space:nowrap;color:var(--accent);font-size:.78rem;font-weight:700;display:flex;align-items:center;gap:.25rem}.view-project svg{width:14px}.generated-visual{height:100%;display:grid;place-items:center;align-content:center;gap:1.2rem;background:radial-gradient(circle at 50% 35%,rgba(106,168,255,.18),transparent 35%),linear-gradient(145deg,#0c1b2c,#122a3e);color:#dbeafa}.generated-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:30px 30px}.generated-visual svg{width:64px;height:64px;color:var(--accent);z-index:1}.generated-visual span{z-index:1;font-size:.78rem;color:#9db0c6;max-width:70%;text-align:center}.timeline{border-top:1px solid var(--line)}.timeline-item{display:grid;grid-template-columns:220px 1fr;gap:3rem;padding:2rem 0;border-bottom:1px solid var(--line)}.timeline-date{color:var(--accent);font-size:.85rem;font-weight:700}.timeline-content h3{font-size:1.25rem}.timeline-org{color:var(--accent2);font-size:.85rem;margin:.15rem 0 .75rem}.timeline-content>p:not(.timeline-org){color:var(--muted);max-width:780px;margin-bottom:1rem}.education-grid{display:grid;grid-template-columns:repeat(2,1fr) 1.15fr;gap:1rem}.education-card,.honors-card{padding:1.7rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.education-year{font-size:.72rem;color:var(--accent);font-weight:700;letter-spacing:.12em}.education-card h3{margin:2.2rem 0 .4rem}.education-card p:not(.education-year){font-weight:600}.education-card span{color:var(--muted);font-size:.78rem}.honors-card>div{display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem;margin-top:1.35rem}.honors-card span{display:flex;align-items:center;gap:.45rem;font-size:.78rem;color:var(--muted)}.honors-card svg{width:14px;color:var(--warm)}.contact-section{margin:100px 0 50px;padding:4rem;border-radius:32px;background:linear-gradient(125deg,#142f3c,#132438 55%,#192b42);border:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:end;gap:3rem;color:#f4f7fb}.contact-section h2{font-size:clamp(1.8rem,4vw,3.2rem);line-height:1.25;margin-top:.65rem}.contact-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.7rem;min-width:280px}.contact-actions p{width:100%;font-size:.75rem;color:#a9bbce;text-align:right}footer{max-width:1220px;margin:auto;padding:1.5rem 28px 3rem;display:flex;justify-content:space-between;color:var(--muted);font-size:.78rem}.project-dialog{width:min(1040px,calc(100vw - 32px));max-height:90vh;margin:auto;border:1px solid var(--line);border-radius:26px;background:var(--bg2);color:var(--text);padding:0;box-shadow:0 35px 100px rgba(0,0,0,.5);overflow:auto}.project-dialog::backdrop{background:rgba(2,7,12,.82);backdrop-filter:blur(10px)}.dialog-close{position:sticky;top:1rem;float:right;margin:1rem 1rem -3.5rem 0;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--text);display:grid;place-items:center;z-index:3;cursor:pointer}.dialog-close svg{width:18px}.dialog-header{padding:4rem 4rem 2rem}.dialog-header h2{font-size:clamp(2rem,5vw,3.8rem);line-height:1.12;letter-spacing:-.04em;margin:.6rem 0 1rem}.dialog-header>p:last-child{color:var(--muted);font-size:1rem;max-width:760px}.dialog-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1px;background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.dialog-gallery img{width:100%;height:360px;object-fit:contain;background:white}.dialog-metrics{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.dialog-metrics div{padding:1.5rem 2rem;border-right:1px solid var(--line);display:flex;flex-direction:column}.dialog-metrics div:last-child{border:0}.dialog-metrics strong{font-size:1.45rem}.dialog-metrics span{font-size:.75rem;color:var(--muted)}.dialog-grid{display:grid;grid-template-columns:repeat(2,1fr);padding:1rem 4rem 4rem;gap:0 3.5rem}.dialog-grid section{padding:2rem 0;border-bottom:1px solid var(--line)}.dialog-grid section:first-child{grid-column:1/-1}.dialog-label{font-size:.73rem;color:var(--accent);text-transform:uppercase;letter-spacing:.13em;font-weight:700;margin-bottom:.9rem}.dialog-grid section>p:not(.dialog-label),.dialog-grid li{color:var(--muted);font-size:.88rem}.dialog-grid ul{padding-left:1.1rem}.dialog-grid li+li{margin-top:.55rem}.dialog-grid .stack-list{margin-top:1.2rem}.dialog-open{overflow:hidden}
@media(max-width:980px){.hero{grid-template-columns:1fr;gap:3rem}.profile-card{display:grid;grid-template-columns:130px 1fr;gap:1.2rem;transform:none;max-width:680px}.portrait-wrap{grid-row:1/5;margin:0}.profile-divider{display:none}.expertise-grid{grid-template-columns:repeat(2,1fr)}.education-grid{grid-template-columns:repeat(2,1fr)}.honors-card{grid-column:1/-1}.project-card.featured:first-child{grid-template-columns:1fr}.featured:first-child .project-media{height:300px;min-height:0}.section-heading{align-items:start;flex-direction:column;gap:1rem}.contact-section{align-items:start;flex-direction:column}.contact-actions{justify-content:flex-start}.contact-actions p{text-align:left}}
@media(max-width:720px){main{padding:0 18px}.site-header{padding:0 18px}.desktop-nav{display:none}.menu-button{display:grid}.mobile-nav{display:none;position:fixed;z-index:39;top:74px;left:0;right:0;background:var(--header);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);padding:1rem 18px}.mobile-nav.open{display:grid}.mobile-nav a{padding:.8rem 0;border-bottom:1px solid var(--line)}.hero{min-height:auto;padding:98px 0 70px;gap:1.8rem}.hero-copy{order:2}h1{font-size:clamp(2.35rem,11vw,3.7rem)}.hero-actions{flex-direction:column;align-items:stretch}.proof-strip{grid-template-columns:1fr}.proof-strip li{border-right:0;border-bottom:1px solid var(--line);padding:.7rem 0;margin:0}.profile-card{order:1;display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:0 1rem;padding:.85rem;border-radius:22px}.portrait-wrap{grid-row:1;width:96px;height:118px;aspect-ratio:auto;margin:0;border-radius:15px}.portrait-wrap img{object-fit:contain}.profile-name{font-size:1.35rem}.profile-name span{margin-top:.15rem}.profile-location{margin-top:.65rem}.profile-card .profile-divider,.profile-card .profile-label,.profile-card .role-tags,.profile-card .profile-contacts{display:none}.section{padding:80px 0}.expertise-grid,.projects-grid,.education-grid{grid-template-columns:1fr}.expertise-card{min-height:auto}.project-card.featured:first-child{display:block}.project-media,.featured:first-child .project-media{height:230px}.metric-row{gap:.4rem}.metric-row span{padding:0 .35rem}.project-bottom{align-items:start;flex-direction:column}.timeline-item{grid-template-columns:1fr;gap:.6rem}.honors-card{grid-column:auto}.honors-card>div{grid-template-columns:1fr}.contact-section{margin:60px 0 30px;padding:2rem 1.3rem}.contact-actions{min-width:0;width:100%;display:grid}.dialog-header{padding:4rem 1.4rem 1.5rem}.dialog-gallery{grid-template-columns:1fr}.dialog-gallery img{height:240px}.dialog-metrics{grid-template-columns:1fr}.dialog-metrics div{border-right:0;border-bottom:1px solid var(--line);padding:1rem 1.4rem}.dialog-grid{grid-template-columns:1fr;padding:0 1.4rem 2rem}.dialog-grid section:first-child{grid-column:auto}footer{padding:1.5rem 18px 3rem;flex-direction:column;gap:.4rem}}

/* Portfolio-grade product previews: functional UI, all values are anonymized demo data. */
.product-ui{width:100%;height:100%;min-height:260px;position:relative;overflow:hidden;background:#07111d;color:#dce9f7;font-family:Inter,"Noto Sans SC",sans-serif}.ui-bar{height:42px;display:flex;align-items:center;gap:6px;padding:0 14px;border-bottom:1px solid #203246;background:#0b1826}.ui-bar>span{width:7px;height:7px;border-radius:50%;background:#385066}.ui-bar>span:first-child{background:#ff6c62}.ui-bar>span:nth-child(2){background:#f7c44f}.ui-bar>span:nth-child(3){background:#45d18a}.ui-bar b{margin-left:8px;font-size:10px;letter-spacing:.12em;color:#8fa8bf}.ui-bar em{margin-left:auto;font-style:normal;font-size:9px;letter-spacing:.12em;color:#63e6be}.ui-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#1d3042;border-bottom:1px solid #1d3042}.ui-kpis>div{padding:13px 15px;background:#0b1723}.ui-kpis small,.eco-side small{display:block;color:#7890a6;font-size:9px}.ui-kpis strong{display:block;font-size:18px;margin:3px 0}.ui-kpis strong i{font-size:9px;font-style:normal;color:#7890a6}.ui-kpis span{font-size:9px;color:#44d6a2}.ui-chart{height:135px;position:relative;margin:10px 14px 0}.chart-grid{position:absolute;inset:0;background-image:linear-gradient(#203040 1px,transparent 1px),linear-gradient(90deg,#203040 1px,transparent 1px);background-size:100% 33%,12.5% 100%;opacity:.55}.ui-chart svg,.loss-chart svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.ui-chart path,.loss-chart path{fill:none;stroke-width:3;vector-effect:non-scaling-stroke}.target-line{stroke:#ffcc66;stroke-dasharray:7 6}.actual-line{stroke:#62e6bd;filter:drop-shadow(0 0 5px #3cd8a888)}.chart-legend{position:absolute;right:5px;top:4px;display:flex;gap:12px;font-size:8px;color:#8ba0b5}.chart-legend span:first-child{color:#62e6bd}.ui-foot{position:absolute;left:14px;right:14px;bottom:9px;display:flex;gap:8px}.ui-foot span{border:1px solid #244357;border-radius:999px;padding:3px 7px;font-size:8px;color:#83a1b8}.workflow-canvas{position:absolute;inset:42px 0 0;background-image:radial-gradient(#294051 1px,transparent 1px);background-size:18px 18px}.flow-node{position:absolute;width:118px;padding:11px;border:1px solid #31516c;border-radius:9px;background:#0d1e2d;box-shadow:0 8px 24px #0005}.flow-node i{font-size:8px;font-style:normal;color:#62e6bd}.flow-node b{display:block;font-size:11px;margin:3px 0}.flow-node small{font-size:7px;color:#718ca5;letter-spacing:.12em}.flow-node.n1{left:4%;top:20%}.flow-node.n2{left:29%;top:48%}.flow-node.n3{left:54%;top:18%}.flow-node.n4{left:76%;top:50%;border-color:#42c896}.flow-line{position:absolute;height:2px;background:linear-gradient(90deg,#31516c,#62e6bd);transform-origin:left center}.flow-line:after{content:"";position:absolute;right:-2px;top:-3px;border-left:6px solid #62e6bd;border-top:4px solid transparent;border-bottom:4px solid transparent}.flow-line.l1{width:31%;left:17%;top:43%;transform:rotate(10deg)}.flow-line.l2{width:31%;left:43%;top:48%;transform:rotate(-9deg)}.run-panel{position:absolute;right:3%;top:6%;width:145px;padding:10px;border:1px solid #244357;border-radius:9px;background:#081521dd}.run-panel small,.run-panel span{display:block;font-size:8px;color:#7890a6}.run-panel b{font-size:10px;color:#62e6bd}.vision-body{display:grid;grid-template-columns:145px 1fr;height:calc(100% - 42px)}.vision-body aside{padding:14px;background:#0b1825;border-right:1px solid #1e3346}.vision-body aside b,.vision-body aside span{display:block;font-size:9px;margin-bottom:8px}.vision-body aside b{color:#8ea8bf;margin-top:7px}.vision-body aside span{color:#657d94}.vision-body aside .done{color:#62c9a9}.vision-body aside .active{color:#68a9ff}.vision-body section{padding:14px}.vision-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.vision-kpis div{padding:9px;border:1px solid #20384d;border-radius:8px;background:#0b1a28}.vision-kpis small{display:block;font-size:8px;color:#7890a6}.vision-kpis strong{font-size:15px;color:#e8f5ff}.loss-chart{height:125px;position:relative;margin-top:10px}.loss-chart path{stroke:#64d8b5}.loss-chart path.metric{stroke:#67a9ff}.loss-chart>span,.loss-chart>em{position:absolute;font-size:8px;font-style:normal}.loss-chart>span{left:5px;top:5px;color:#64d8b5}.loss-chart>em{right:5px;top:5px;color:#67a9ff}.jd-body{display:grid;grid-template-columns:1fr 90px 1fr;gap:14px;padding:22px}.job-col{border:1px solid #253d52;background:#0c1b29;border-radius:12px;padding:15px}.job-col small,.job-col span{display:block;color:#7e96ab;font-size:9px}.job-col strong{display:block;font-size:28px;margin:10px 0;color:#e8f4ff}.match{height:5px;background:#1c3042;border-radius:9px;margin:0 0 12px;overflow:hidden}.match i{display:block;height:100%;background:linear-gradient(90deg,#55d8aa,#68a9ff)}.compare-core{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#738ca3}.compare-core b{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;border:1px solid #36536b;color:#69deb9}.compare-core span{font-size:8px}.roadmap{display:flex;align-items:center;gap:8px;padding:0 22px}.roadmap b{font-size:9px;color:#8da7bc;margin-right:auto}.roadmap span{font-size:8px;padding:5px 8px;border:1px solid #284258;border-radius:999px;color:#65dab7}.eco-body{display:grid;grid-template-columns:1.35fr .65fr;height:calc(100% - 42px)}.eco-map{position:relative;overflow:hidden;background:linear-gradient(145deg,#0c1e27,#102c2a)}.eco-map:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#5a887318 1px,transparent 1px),linear-gradient(90deg,#5a887318 1px,transparent 1px);background-size:28px 28px}.district{position:absolute;display:grid;place-items:center;border:1px solid #5fd9a55c;background:#2c8c6822;color:#8dd9b9;font-size:10px;clip-path:polygon(15% 3%,92% 12%,100% 76%,70% 98%,3% 82%,0 25%)}.d1{left:8%;top:12%;width:38%;height:42%}.d2{left:42%;top:8%;width:47%;height:39%}.d3{left:14%;top:49%;width:43%;height:40%}.d4{left:53%;top:44%;width:39%;height:45%}.hot{position:absolute;width:12px;height:12px;border-radius:50%;background:#ffb13b;box-shadow:0 0 0 8px #ffb13b25,0 0 0 18px #ff6f2d15}.h1{left:61%;top:27%}.h2{left:34%;top:66%}.h3{left:76%;top:71%}.map-label{position:absolute;left:12px;bottom:10px;font-size:8px;color:#6f9c8c}.eco-side{padding:14px;background:#0a1820;border-left:1px solid #1d3938}.eco-side>div{padding:8px 0;border-bottom:1px solid #1b3435}.eco-side strong{display:block;font-size:17px;color:#e3fff3}.rank span{display:flex;align-items:center;gap:5px;font-size:8px;margin-top:6px;color:#74978c}.rank span i{display:block;height:3px;background:#62d69e;border-radius:4px}.dialog-showcase{height:min(520px,55vw);min-height:340px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#07111d}.dialog-showcase .product-ui{min-height:100%}.dialog-gallery figure{background:#fff;position:relative}.dialog-gallery figure img{height:420px}.dialog-gallery figcaption{position:absolute;left:12px;bottom:12px;background:#07111ddd;color:#dce9f7;border:1px solid #ffffff22;border-radius:999px;padding:6px 10px;font-size:10px}.project-media .product-ui{transition:transform .45s}.project-card:hover .product-ui{transform:scale(1.018)}

@media(max-width:720px){.product-ui{min-height:230px}.ui-kpis>div{padding:9px}.ui-kpis strong{font-size:14px}.workflow-canvas{transform:scale(.82);transform-origin:center}.run-panel{display:none}.vision-body{grid-template-columns:95px 1fr}.vision-body aside{padding:8px}.jd-body{grid-template-columns:1fr 46px 1fr;padding:12px;gap:6px}.job-col{padding:9px}.job-col strong{font-size:20px}.roadmap span:nth-last-child(-n+2){display:none}.eco-body{grid-template-columns:1.25fr .75fr}.dialog-showcase{height:330px;min-height:330px}.dialog-gallery figure img{height:260px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}