:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#20252c;background:#f7f8fa;font-synthesis:none;--red:#ce352f;--muted:#626c79;--border:#dfe4eb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0}a{color:inherit;text-underline-offset:4px}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid #2563c2;outline-offset:5px}.skip{position:absolute;top:-80px;left:12px;background:white;padding:15px;z-index:10}.skip:focus{top:10px}.site-header{height:82px;padding:0 max(5vw,24px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:#ffffffed;position:sticky;top:0;z-index:5;backdrop-filter:blur(12px)}.wordmark{display:flex;align-items:center;gap:10px;text-decoration:none}.wordmark b{font-size:25px;letter-spacing:1px}.wordmark>span{font-size:10px;letter-spacing:1.4px;margin-left:9px;border-left:1px solid #ddd;padding-left:18px}.site-header nav{display:flex;align-items:center;gap:30px;font-size:14px}.site-header nav a{text-decoration:none;padding:27px 0}.site-header nav a[aria-current]{color:var(--red);box-shadow:0 2px var(--red)}.quiet{background:none;border:1px solid #d8dde4;border-radius:8px;padding:9px 14px;color:#414b58}main{max-width:1450px;margin:auto;padding:0 5vw}.hero{padding:75px 0 66px;display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:45px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--muted);margin:0 0 18px}.hero h1{font-size:clamp(38px,4.15vw,62px);font-weight:750;line-height:1.24;letter-spacing:-2px;margin:0 0 27px}.accent{color:var(--red)}.lead{font-size:17px;line-height:1.95;color:#566170}.actions{display:flex;align-items:center;gap:25px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;background:#242a33;color:#fff;border-radius:9px;text-decoration:none;font-size:14px;font-weight:600;border:0}.button:hover{background:#b92f2a}.text-link{font-size:14px;text-decoration:none;font-weight:600}.hero-caption{display:flex;gap:24px;margin-top:40px;font-size:12px;color:#707985}.hero-caption span:before{content:'✦';color:var(--red);margin-right:7px}.mascot-stage{height:400px;position:relative;display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse,#f2e7e6 0,transparent 69%)}.mascot-stage>img{width:80%;height:100%;object-fit:contain;position:relative;filter:drop-shadow(0 17px 20px #26313d14)}.orbit{position:absolute;border:1px solid #dfdce0;border-radius:50%;width:330px;height:330px}.orbit-two{width:410px;height:410px;border-style:dashed}.mascot-label{position:absolute;right:4px;bottom:16px;background:white;border:1px solid var(--border);border-radius:12px;padding:15px 22px;box-shadow:0 10px 30px #33333306}.mascot-label b{display:block;font-size:18px}.mascot-label span{font-size:9px;letter-spacing:1.5px;color:var(--muted)}.section{padding:52px 0;border-top:1px solid var(--border)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:27px}.section-heading>p{max-width:490px;font-size:14px;line-height:1.9;margin:0;color:var(--muted)}h2{font-size:29px;line-height:1.4;letter-spacing:-.7px;margin:0}h3{font-size:18px;line-height:1.5}p{line-height:1.85}.three-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.card{background:white;border:1px solid var(--border);padding:26px;border-radius:15px}.card h3{margin:18px 0 10px}.card p{font-size:14px;color:#5a6573;margin:0}.number{font-size:11px;letter-spacing:1px;font-weight:700;color:var(--red)}.brand-family{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}.swatch{background:white;border:1px solid var(--border);border-radius:14px;padding:23px 12px;text-align:center}.swatch img{width:65px;height:65px}.swatch h3{font-size:16px;margin:15px 0 3px}.swatch p{font-size:11px;color:var(--muted);min-height:40px;margin:0 0 10px}.swatch a{font-size:12px}.color-code{display:flex;align-items:center;justify-content:center;gap:7px;margin-bottom:19px;font-size:11px}.color-code i,.dot{display:inline-block;width:9px;height:9px;border-radius:50%}.download-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 30px;background:#eceff3;border-radius:13px;margin-top:23px}.download-strip h3{margin:0}.download-strip p{color:var(--muted);font-size:13px;margin-bottom:0}.resource-links{display:flex;flex-wrap:wrap;gap:27px;font-size:12px;margin-top:19px}.guideline>div:first-child p{color:var(--muted);font-size:14px}.guideline .three-grid{margin-top:24px}.guideline article{padding-right:30px}.guideline h3{font-size:16px}.guideline article p{font-size:14px;color:var(--muted)}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:32px 5vw;border-top:1px solid var(--border);font-size:12px}footer span{color:var(--muted)}.toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:#252b33;color:white;border-radius:10px;padding:13px 23px;z-index:9;max-width:90vw;overflow-wrap:anywhere;box-shadow:0 5px 30px #0002}.toast:empty{display:none}.ecosystem-summary{padding:38px;background:linear-gradient(140deg,#fff,#f0f2f6);border:1px solid var(--border);border-radius:22px}.big-number{display:flex;align-items:center;gap:22px;font-size:95px;line-height:1;font-weight:700;letter-spacing:-5px}.big-number span{font-size:14px;letter-spacing:1px;color:var(--muted);font-weight:500}.ecosystem-summary>p{font-size:16px;margin:25px 0}.mini-family{display:flex;gap:10px;margin-bottom:21px}.mini-family img{width:calc((100% - 60px)/7);height:auto;max-width:45px}.muted{color:var(--muted);font-size:12px}.map-toolbar{display:flex;gap:8px;flex-wrap:wrap}.map-toolbar button{padding:11px 18px;border:1px solid var(--border);border-radius:8px;background:white;font-size:13px;color:#46505d;display:flex;align-items:center;gap:8px}.map-toolbar button[aria-pressed=true]{background:#242a33;border-color:#242a33;color:white}.data-dot{background:#2563c2}.control-dot{background:#ac6800}.deploy-dot{background:#7255bc}.map-hint{font-size:12px;color:var(--muted);margin:16px 0 12px}.map-scroll{overflow-x:auto;background:white;border:1px solid var(--border);padding:14px;border-radius:17px}.map-scroll svg{width:100%;min-width:1000px;display:block}.zone{fill:#f4f6f9;stroke:#dde3eb}.cloud{fill:#eef6f8}.vehicle-zone{fill:#fff;stroke:#dfe4eb;stroke-dasharray:5 4}.dev-zone{fill:#f5f2fa}.zone-title{fill:#303b49;font-size:17px;font-weight:700}.zone-sub{fill:#657181;font-size:12px}.node-bg{fill:white;stroke:#cbd3de;stroke-width:1.5}.node-title{fill:#252d37;font-size:17px;font-weight:700}.node-sub{fill:#616d7c;font-size:11px}[data-node]:hover .node-bg,[data-node]:focus .node-bg,[data-node].selected .node-bg{stroke:#ce352f;stroke-width:3}.edge path{fill:none;stroke-width:2.5}.edge text{font-size:12px;font-weight:600;paint-order:stroke;stroke:white;stroke-width:5px;stroke-linejoin:round}.edge.data path{stroke:#2563c2}.edge.data text,.arrow-data{fill:#2563c2}.edge.control path{stroke:#ac6800;stroke-dasharray:8 5}.edge.control text,.arrow-control{fill:#925700}.edge.deploy path{stroke:#7255bc;stroke-dasharray:3 5}.edge.deploy text,.arrow-deploy{fill:#7255bc}.edge{transition:opacity .2s}.edge.dim{opacity:.12}.flow-explanation{background:#eaf0f8;border-radius:12px;padding:20px 25px;margin-top:17px}.flow-explanation b{font-size:15px}.flow-explanation p{font-size:13px;color:#4f6077;margin:7px 0 0}.focus-panel{border-left:3px solid #ce352f;padding:5px 20px;margin-top:22px;min-height:116px}.focus-panel .eyebrow{font-size:10px;margin:0}.focus-panel h3{margin:7px 0}.focus-panel p{font-size:13px;color:var(--muted);margin:0}.card .note{border-top:1px solid var(--border);margin-top:18px;padding-top:16px;font-size:12px}.network-note{padding:22px 28px;margin-top:20px;border:1px dashed #b9c7d9;border-radius:14px}.network-note h3{margin:0;font-size:16px}.network-note p{font-size:13px;color:var(--muted);margin-bottom:0}.component-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.component-card{background:white;border:1px solid var(--border);border-top:3px solid var(--component-color);border-radius:14px;padding:27px;scroll-margin-top:105px}.component-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.component-index{font-size:26px;color:#cbd0d7}.component-card .eyebrow{font-size:10px;letter-spacing:1px;margin:0}.component-card h3{font-size:23px;margin:10px 0 7px}.component-card h3 span{font-size:14px;display:block;margin-top:4px;font-weight:500}.component-card small{color:#758091;font-size:11px;display:block;min-height:28px}.component-card p{font-size:13px;color:#626c79}.component-card strong{font-weight:600;color:#343e4b}.closing{display:flex;align-items:center;gap:25px;margin:0 0 55px;background:#eeeff3;padding:32px;border-radius:16px}.closing h2{font-size:23px}.closing p{font-size:13px;color:var(--muted)}.closing .button{margin-left:auto;white-space:nowrap}
@media(min-width:1500px){main{padding:0 55px}}@media(max-width:1100px){.wordmark>span{display:none}.brand-family{grid-template-columns:repeat(4,1fr)}.hero{gap:20px}.orbit-two{width:320px;height:320px}.orbit-one{width:265px;height:265px}.ecosystem-summary{padding:25px}.component-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){html{scroll-padding-top:115px}.site-header{height:auto;min-height:100px;padding:12px 5vw;flex-wrap:wrap;gap:10px}.wordmark b{font-size:22px}.wordmark img{width:29px;height:29px}.site-header nav{width:100%;justify-content:space-between;gap:15px;font-size:13px}.site-header nav a{padding:8px 0}.quiet{padding:7px 10px}.hero{grid-template-columns:1fr;padding:42px 0;gap:25px}.hero h1{font-size:38px;letter-spacing:-1.5px}.lead{font-size:15px}.mascot-stage{height:315px}.mascot-stage>img{height:310px}.mascot-label{right:0;bottom:0}.actions{gap:20px}.button{padding:13px 16px;font-size:13px}.hero-caption{margin-top:25px;gap:16px}.section{padding:35px 0}.section-heading{display:block}.section-heading>p{margin-top:16px;font-size:13px}h2{font-size:25px}.three-grid,.component-grid{grid-template-columns:1fr}.brand-family{grid-template-columns:repeat(2,1fr)}.swatch:last-child{grid-column:1/-1}.swatch p{min-height:0;margin-bottom:15px}.download-strip{display:block;padding:22px}.download-strip .button{margin-top:15px}.resource-links{gap:18px}.map-toolbar{gap:6px}.map-toolbar button{padding:9px 10px;font-size:12px}.map-hint{line-height:1.9}.map-scroll{padding:6px}.map-scroll svg{min-width:1100px}.closing{flex-wrap:wrap;padding:25px;gap:15px}.closing h2{font-size:21px}.closing img{width:52px;height:52px}.closing .button{margin:0}footer{align-items:flex-start;flex-direction:column;padding:25px 5vw;gap:14px}.big-number{font-size:75px}.ecosystem-summary{padding:25px}.mini-family img{max-width:45px}.guideline .three-grid{gap:0}.component-card{scroll-margin-top:130px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.edge{transition:none}}@media print{.site-header{position:static}.site-header nav button,.map-toolbar,.toast,.actions,.skip{display:none}main{padding:0}.hero{padding:20px 0}.hero h1{font-size:36px}.section{padding:20px 0}.map-scroll{overflow:visible}.map-scroll svg{min-width:0}.card,.component-card,.swatch{break-inside:avoid}.component-grid,.three-grid{grid-template-columns:repeat(2,1fr)}.edge.dim{opacity:1}footer{padding:20px 0}}
@media(max-width:420px){.ecosystem-hero h1{font-size:34px}}