/* V28 — Emerald / Obsidian / Champagne. A shared, chromatic design system. */
:root{color-scheme:dark;--ink:#e6ece8;--muted:#a5b5ac;--line:#2b4137;--paper:#080d0b;--green:#73e9b4;--accent:#e1c47f;--gold:#e1c47f;--emerald:#3fdfa0;--prism:linear-gradient(115deg,#45e6a5 0%,#77dce8 32%,#ac94ed 60%,#e5c586 88%);--surface:#101a15;--surface-raised:#14231c;--radius:18px}
body{background:var(--paper);color:var(--ink)}
.section{position:relative;background:#0a100d;border-top:1px solid #24372c}
.manifesto,.modules,.midstage,.tech-layer,.workflow{--ink:#e6ece8;--muted:#a5b5ac;--line:#2b4137;--green:#73e9b4;background:#0b130f}
.cases-section,.library-section,.resource-section{background:radial-gradient(ellipse at 100% 0%,#123c262d,transparent 40%),#0a100d}
.products-section,.role-section,.news-section{background:radial-gradient(ellipse at 0% 0%,#173d302e,transparent 40%),radial-gradient(ellipse at 100% 100%,#3c245329,transparent 35%),#080d0b}
.kicker,.eyebrow,.modal-kicker{color:var(--emerald)}
h2 em,.content-heading h2 em{color:var(--gold)}
.content-heading-copy>span{color:#b4ba9c}
.primary{background:linear-gradient(120deg,#63ecb4,#25b884);color:#061d12;border:1px solid #7cefc0;box-shadow:0 4px 18px #18aa7322;border-radius:9px;transition:background .2s,box-shadow .2s,transform .2s}
.primary:hover{background:linear-gradient(120deg,#97f2cd,#43d39d);box-shadow:0 6px 28px #25bf8240;transform:translateY(-2px)}
.ghost{color:#d3e7db;border-color:#486052;border-radius:9px;background:#15251b60}
.ghost:hover{background:#23483266;border-color:#82aa8f}
button:focus-visible,a:focus-visible,[tabindex]:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#f2d791}
.skip-link{background:#193526;color:#fff}
/* The navigation is a compact obsidian rail, with a chromatic active tab. */
.site-header{background:#070e0bed;border-bottom:1px solid #4e695440;backdrop-filter:blur(20px);box-shadow:0 8px 40px #0004;gap:22px}
.brand-mark{color:var(--emerald);filter:drop-shadow(0 0 9px #32ce8b45)}
.brand b{color:#e4cf94;letter-spacing:.1em}
.brand small{color:#83ae97}
.main-nav{gap:4px;background:#111f17;border:1px solid #314c3a;border-radius:50px;padding:5px}
.main-nav a{position:relative;padding:10px 14px;border-radius:30px;color:#b8ccbf;transition:color .2s,background .2s}
.main-nav a.active{color:#072117;background:var(--prism);box-shadow:0 3px 16px #35cc8d28}
.main-nav a:hover:not(.active){background:#254731;color:#f0ddb1}
.header-actions .primary{background:linear-gradient(115deg,#f2d998,#c7a453);border-color:#d4b873;color:#231a07}
.header-actions .language{color:#91e0b6}.header-actions .text-button{color:#e0d0ac}
/* Keep the full-color Qianhai photography; use brand color only on its UI. */
.qianhai-hero .eyebrow{color:#b0f0ce}
.qianhai-hero h1 em{color:#edd79c}
.qianhai-hero .hero-actions .primary{background:linear-gradient(115deg,#66ebb2,#28bd87);border-color:#84eabb;color:#061d13}
.qianhai-hero .hero-actions .primary:hover{background:linear-gradient(115deg,#9af3cf,#4dd6a0)}
.qianhai-hero .hero-actions .ghost{color:#f3e2b5;background:#0c251b70;border-color:#d0b67288}
.qianhai-hero .hero-meta{border-color:#a8c79a50}
.qianhai-hero .hero-meta strong{color:#f2d995}
.qianhai-hero .hero-meta span{color:#c7e5d4}
.qianhai-hero .hero-edition{color:#a9d2b8}
.qianhai-caption>span{color:#f1dca5}.qianhai-caption small{color:#c7dbc9}
.qianhai-motion{color:#d8eedf;background:#0b211a85;border-color:#78bc955c;border-radius:30px}
.qianhai-motion:hover{background:#183c2cb8}
/* Project cards use wide imagery and a restrained prism rule. */
.case-card{border:1px solid #334e3c;border-radius:var(--radius);overflow:hidden;background:#111c16;transition:transform .3s,border-color .3s,box-shadow .3s}
.case-card:hover{transform:translateY(-5px);border-color:#6ba989;box-shadow:0 18px 40px #0004}
.case-image{border-radius:0}.case-image>span{border-color:#dcc784;color:#f4dfad;background:#12201675;border-radius:20px;padding:5px 12px}
.case-copy{position:relative;padding:26px;border:0}
.case-copy:before{content:'';position:absolute;left:26px;right:26px;top:0;height:1px;background:var(--prism);opacity:.75}
.case-copy small{color:#7fd5a8}.case-copy h3{color:#e6eddf}.case-copy>div span{color:#bad0bf}.case-copy>div span+span:before{color:#69846c}.case-copy>button{color:#e2c888}
/* Two market windows share the system; gold accents distinguish lifestyle. */
.commerce-mode-switch{gap:12px;border:0;background:#0e1b14;border-radius:20px;padding:8px;border:1px solid #2e4838}
.commerce-mode-switch button{border:1px solid transparent;border-radius:13px;color:#9aafa1;background:transparent;transition:background .25s}
.commerce-mode-switch button.active{color:#aef4d0;background:linear-gradient(115deg,#1b4e36,#162b23 70%,#163847);border-color:#5e9a79;box-shadow:inset 0 1px #c0f3d52c}
.commerce-mode-switch button:nth-child(2).active{color:#f2daa0;background:linear-gradient(115deg,#473c21,#26241b 60%,#322740);border-color:#a0874f}
.commerce-mode-switch button>span{font-weight:500}.commerce-mode-switch button>small{color:#a9c4b6}.commerce-mode-switch button:nth-child(2)>small{color:#c2bda9}
.commerce-window{padding:30px;border-radius:24px;border:1px solid #385444;background:linear-gradient(145deg,#11271a88,#0c1510 48%,#1a20315e);box-shadow:0 20px 65px #0002}
.commerce-window.b2c-window{border-color:#685932;background:linear-gradient(145deg,#342c1d70,#111510 55%,#2b1e3a55)}
.commerce-window-head{border-color:#395440}.commerce-window-head h3{color:#e1eadd}.commerce-window-head>div>span{color:#81d9ad}
.commerce-metrics>span{color:#acbfae}.commerce-metrics b{color:#dfc989}.commerce-metrics i{background:#3d5945}
.market-selection-bar p{color:#b3d0bc}.market-selection-bar .ghost{border-color:#58775f;background:#162e2080;color:#a3eac3}
.b2c-window .market-selection-bar .ghost{border-color:#8b7648;background:#332b1b80;color:#e8d397}
.product-toolbar button{color:#b5cbbc;background:#14241a;border-color:#3b5843;border-radius:30px}
.product-toolbar button.active{background:linear-gradient(110deg,#64e5ad,#31ba89);color:#082319;border-color:#68d7a7}
.b2c-window .product-toolbar button.active{background:linear-gradient(110deg,#e9d496,#b59757);color:#201b0c;border-color:#d8be7d}
.product-card{background:#121f17;border:1px solid #2e4736;border-radius:16px;padding:12px 12px 0;overflow:hidden;transition:border-color .25s,box-shadow .25s}
.product-card:hover{border-color:#749d80;box-shadow:0 12px 28px #0003}
.product-visual{border-radius:10px;background:#e8ece7;border-color:#d4ddd3}
.product-card>small{color:#7ed5a7}.product-card h3{color:#edf1e6}.product-card p{color:#b0c0b2}
.product-card>div:last-child b{color:#c4d9c7;background:#233b29;border:1px solid #45604a;border-radius:4px}
.product-card>div:last-child button{border-color:#3b5140;color:#8ce7b8;padding:13px 0;min-height:50px}
.product-card.selected{border-color:#69e0a8;box-shadow:0 0 0 1px #62c39530,inset 0 0 28px #2598650b}
.product-card.selected .product-visual{border-color:#8eddad}
.b2c-window .product-card{background:#201f16;border-color:#494333}
.b2c-window .product-card>div:last-child button{color:#e4cb89}
.b2c-window .product-card.selected{border-color:#d3bc7b}
.commerce-window-foot{border-color:#3b5140}.commerce-window-foot p{color:#a6b9a9}
.commerce-window-foot .b2c-primary{background:linear-gradient(115deg,#f0d999,#bfa259);color:#211909;border-color:#d6bd80}
.trust-strip{background:#101d15;color:#c8d9c9;border-color:#34503c}.trust-strip>span{color:#d8c48c}.trust-strip i{background:#3a5440}
/* Capability panels use a consistent radius and subtle chromatic corners. */
.principle-list article{border-color:#36563e;padding:26px 20px;border-radius:12px;transition:background .25s}
.principle-list article:hover{background:#1a3523}.principle-list article>span,.principle-list small{color:#b9d18a}.principle-list h3{color:#e1e9d8}
.module-grid{gap:18px;background:transparent;border:0}
.module-card{overflow:hidden;border:1px solid #3a5541;border-radius:20px;background:radial-gradient(ellipse at 100% 0%,#35876b28,transparent 60%),#121f17}
.module-card:before{content:'';height:2px;position:absolute;top:0;left:24px;right:24px;background:var(--prism);opacity:.7}
.module-card:nth-child(2){background:radial-gradient(ellipse at 100% 0%,#77588b30,transparent 60%),#171e18}
.module-card:nth-child(3){background:radial-gradient(ellipse at 100% 0%,#417e9b33,transparent 60%),#112019}
.module-card:nth-child(5){background:radial-gradient(ellipse at 100% 0%,#9e7c3033,transparent 60%),#1b2116}
.module-card:hover{background-color:#203b2b;border-color:#77a78d}
.card-top span{color:#91d0ad}.card-top b{border-color:#9a864f;color:#ead492;background:#2d291a;border-radius:15px;padding:3px 9px}
.module-card h3{color:#e5eadc}.module-card>a,.module-card>button{color:#e5cd89;border-color:#3a5641}
.engine-card{border:1px solid #365640;border-radius:18px;padding:28px;background:linear-gradient(135deg,#1b372680,#13251c)}
.engine-card:nth-child(2){background:linear-gradient(135deg,#2d254470,#17241e)}.engine-card:nth-child(3){background:linear-gradient(135deg,#3f351c70,#17241e)}
.engine-index{right:22px;color:#d9c07c}.engine-card>small{color:#9cd6b5}.engine-card h3{color:#dce9d9}.engine-card b{color:#d8c88f}.engine-card>div>span{color:#c4d6c4}
.feedback-loop{color:#b7d1b4}.feedback-loop i{background:#466448}
.tech-console{border-color:#416049;border-radius:20px;overflow:hidden;background:#101e16}
.console-status{background:#192e20;border-color:#416049;color:#b2d7b4}.console-status b{color:#e0c581}
.tech-radar{background:radial-gradient(ellipse,#3a927c30,transparent 65%),#142c21}.radar-core>span{color:#85e1b7;text-shadow:0 0 36px #4be4b034}.radar-core small,.radar-caption{color:#b8d3b8}
.tech-capabilities article{border-color:#304c37;transition:background .2s}.tech-capabilities article:hover{background:#233a2d}.tech-capabilities article>span,.tech-capabilities small{color:#95cba4}.tech-capabilities h3{color:#e7ead9}.tech-capabilities b{color:#d8c88e}
/* Designer workspace, documents and forms keep readable dark surfaces. */
.selection-sidebar{background:linear-gradient(145deg,#1d3725,#142419);border:1px solid #446247;border-radius:18px}.selection-sidebar li i{color:#d9bd7b}.selection-count b{color:#edcf8c}
.library-title>span{color:#a6b7a2}.library-title small{color:#93d5ac}
.brand-grid>button{background:#16231a;border-color:#3b5540;border-radius:14px;overflow:hidden;transition:border-color .2s}.brand-grid>button:hover{border-color:#bea96f}
.brand-product-photo{background:#edf0eb}.brand-card-copy{border-color:#3b5540}.brand-card-copy b{color:#e7d298}.brand-card-copy small{color:#d1ddcc}.brand-card-copy em{color:#9fb698}
.download-grid>article{background:#13241a;border-color:#38563f;border-radius:14px}.download-grid>article>i{color:#e3ca8d;border:1px solid #7e7249;border-radius:6px;padding:8px 5px;text-align:center}.download-grid h4{color:#dce8d5}.download-grid p{color:#a7bda1}.download-grid button{color:#8bddae}
.workflow-board{border-color:#4c6247;border-radius:22px;overflow:hidden;background:#112016}.flow-tabs{border-color:#456341}.flow-tabs button{border-color:#456341;color:#bbd0b7}.flow-tabs button.active{background:linear-gradient(110deg,#67dca7,#b0ce98);color:#092b16}.flow-tabs button.active span{color:#255832}.flow-number{color:#d4ba7a}.flow-copy small{color:#89c89a}.flow-route>b{background:#4c6746}.route-item i{color:#e2ca87}.route-item small{color:#a5bd9d}
.role-tabs button{border-color:#3d573e;color:#cbd9c4;border-radius:8px}.role-tabs button.active{background:linear-gradient(115deg,#2d5940,#273526);color:#dcf2d7}.role-tabs i{color:#d9c37e}
.role-panel{border:1px solid #54704e;border-radius:22px;background:radial-gradient(ellipse at 100% 0%,#59663c38,transparent 65%),linear-gradient(145deg,#213d29,#131f16)}.role-label{color:#b4dfa4}.role-panel h3{color:#e6ead5}.role-features i{color:#ddc37f}
.resource-window{background:#101c14;border-color:#4f6648;border-radius:18px;overflow:hidden;box-shadow:0 16px 50px #0003}.window-bar{background:linear-gradient(115deg,#284830,#272b23);border-color:#425b3c}.window-bar>span{background:#b8cf88}.window-bar b{color:#c3d8b8}.window-body aside{background:#1c2c1c;color:#bacead}.window-body aside a.active{color:#e4d492}.window-body aside p{color:#a2b491}.files-head small{color:#a0c392}.files-head button,.file-row button{border-color:#58744c;color:#a9d895;background:#223d24;border-radius:6px}.file-stats b{color:#dec888}.file-row.header{border-color:#3e5738;color:#a6bc9a}.file-row.empty p{color:#a9b99d}
.news-list article{border-color:#42573b}.news-list time{color:#d3ba7d}.news-list small{color:#a6c394}.news-list h3{color:#e1e7d4}.news-list button{color:#d9c890;border-color:#667852;border-radius:50%}.news-art{border-radius:18px;overflow:hidden}.news-feature h3{color:#e8ead8}.news-feature-copy>small{color:#93c599}.news-feature-copy button{color:#e3cb8c}.news-carousel-controls{background:#10241bea;border:1px solid #657859;border-radius:40px}.news-dots button:after{background:#687e61}.news-dots button.active:after{background:#edce8a}
.closing-cta{background:radial-gradient(ellipse at 20% 30%,#33714b65,transparent 50%),radial-gradient(ellipse at 86% 90%,#51436d45,transparent 45%),#13221a;color:#e7ead8;border-top:1px solid #546947;border-bottom:1px solid #596543}
.closing-cta h2 em{color:#dfc584}.closing-cta .kicker{color:#a8d59d}.closing-cta p{color:#b5c5a9}.closing-cta .primary{background:linear-gradient(115deg,#f1d996,#c1a55c);color:#231b09;border-color:#d7bf7e}
body>footer{background:#060b08;color:#b8c9b5;border-top:1px solid #30482e}.footer-brand p{color:#93a88b}.footer-links b{color:#dfc78c}.footer-links a:hover,.footer-links button:hover{color:#87e5ae}.footer-bottom{border-color:#2e442b;color:#93a98a}
.modal-backdrop{background:#020804cf;backdrop-filter:blur(12px)}.modal-card{background:radial-gradient(ellipse at 100% 0%,#3f3d2635,transparent 45%),#122018;color:#e3ead9;border-color:#6d815b;border-radius:20px;box-shadow:0 28px 100px #0009}.modal-card h2{color:#ecd59a}.modal-close{color:#c9dbbc;border:1px solid #4a6140;border-radius:50%;background:#1d2e20}.modal input:not([type=checkbox]),.modal select,.modal textarea{background:#0a150e;color:#e1ebd9;border-color:#54694a;border-radius:7px}.modal input::placeholder,.modal textarea::placeholder{color:#91a286}.modal input[type=checkbox]{accent-color:#52da98}.account-types button,.join-options button{background:#15291b;border-color:#48623f;border-radius:9px;color:#c4d7b6}.account-types button.active,.join-options button.selected{background:#294b32;border-color:#8fbb7d;color:#e1f0d6}.join-options span{color:#a9c29b}.join-options i{color:#e0c384}.form-note,.form-meta{color:#b9c8ab}.form-note button,.form-meta button{color:#a7df9a}.modal .drop-zone{border-color:#729464;background:#1b3020;border-radius:12px}.product-modal-copy>small{color:#a5bb98}.product-modal-tags span{background:#2e452b;color:#d6e2c9;border-radius:5px}.detail-source{color:#a7bb98;border-color:#48613c}.detail-grid article{border-color:#49603e}.detail-grid ul{color:#b2d19f}.detail-footer{border-color:#49603e}.detail-footer p{color:#a8bf9a}#selection-items li{border-color:#48613c}#selection-items img{border-radius:8px;background:#ebeee7}#selection-items strong{color:#e2e9d3}#selection-items p{color:#a9c198}.toast{background:#1d422c;color:#e6f6dc;border:1px solid #89b77c;border-radius:12px;box-shadow:0 12px 36px #0005}
@media(max-width:1250px){.main-nav a{padding:9px 10px}.site-header{gap:16px}.main-nav{gap:1px}.commerce-window{padding:24px}.engine-card{padding:24px}.engine-index{right:20px}}
@media(max-width:1000px){.site-header{gap:14px}.main-nav{border-radius:0 0 18px 18px;padding:16px 24px;background:#0b1a10f7;backdrop-filter:blur(20px);border-color:#53744e}.main-nav a{padding:12px 16px;border-radius:9px}.menu-toggle{color:#dcca8c}.menu-open .main-nav{gap:8px 14px}.selection-sidebar{display:none}}
@media(max-width:700px){.commerce-window{padding:16px;border-radius:18px}.commerce-mode-switch{gap:6px;border-radius:16px;padding:6px}.commerce-mode-switch button{padding:16px 10px;border-radius:11px}.case-copy{padding:22px}.case-copy:before{left:22px;right:22px}.case-card{border-radius:16px}.product-grid,.b2b-grid{gap:20px 12px}.product-card{padding:9px 9px 0;border-radius:12px}.product-card>small{font-size:9px}.product-card h3{font-size:17px}.product-card>div:last-child button{font-size:12px;overflow-wrap:anywhere}.product-card>div:last-child b{font-size:10px}.product-visual{border-radius:8px}.module-card{border-radius:16px}.engine-card{padding:25px}.role-panel{border-radius:18px}.modal-card{border-radius:16px}.main-nav a{font-size:14px}.qianhai-hero .hero-meta{gap:20px}.site-header{gap:10px}.hero-actions .primary,.hero-actions .ghost{border-radius:9px}}
@media(max-width:380px){.site-header{gap:6px}.commerce-window{padding:12px}.commerce-mode-switch button>b{font-size:14px}.commerce-mode-switch button>small{font-size:8px}}
html[lang=en] .main-nav{gap:3px;font-size:12px}
@media(max-width:1000px){html[lang=en] .main-nav{gap:8px 14px}}
@media(prefers-reduced-motion:reduce){.case-card:hover,.primary:hover{transform:none}}