:root{--bg:#14171b;--panel:#1c2025;--raised:#272d34;--brand:#ff5a00;--accent:#ffad7c;--accent-soft:#35271f;--text:#edf0f4;--muted:#b1bac5;--subtle:#91a0b0;--line:#39424d;--warm:#bdc5cf;--font:Inter,"SF Pro Display","PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:102px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button{border:0;background:none}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{color:var(--bg);background:var(--accent)}.skip{position:fixed;top:-60px;left:20px;padding:12px;background:var(--accent);color:var(--bg);z-index:100}.skip:focus{top:12px}.site-header{height:96px;max-width:1600px;padding:0 5%;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center}.brand svg{width:37px;fill:none;stroke:var(--accent);stroke-width:1.5}.brand>span{font-size:21px;letter-spacing:3px;font-weight:650}.brand small{display:block;font-size:9px;font-weight:400;letter-spacing:2.2px;color:var(--muted);margin-top:4px}.site-header nav{display:flex;gap:36px;font-size:13px;color:#edf0f4}.site-header nav a{transition:color .2s}.site-header nav a:hover{color:var(--accent)}.header-demo{font-size:12px;padding:12px 17px;border:1px solid #91a0b0;border-radius:6px}.header-demo span{padding-left:22px;color:var(--accent);font-size:17px}.hero{position:relative;max-width:1600px;min-height:770px;margin:auto;padding:74px 5% 0;display:grid;grid-template-columns:.95fr 1.05fr;overflow:hidden;background:radial-gradient(ellipse at 75% 50%,#ff5a003b,transparent 52%)}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:500;line-height:1.6;color:var(--accent);display:flex;align-items:center;gap:10px}.live-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 12px #ffad7c65}.hero h1{font-size:clamp(42px,4.2vw,66px);letter-spacing:-2px;font-weight:500;line-height:1.28;margin:25px 0 24px}.hero h1>span{color:var(--accent)}.hero-description{font-size:14px;color:#b1bac5;line-height:1.95;margin-bottom:28px}.hero-actions{display:flex;align-items:center;gap:22px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;font-size:13px;padding:17px 22px;border-radius:4px;min-height:50px;transition:background .25s,transform .25s}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--accent);color:#272d34;font-weight:550}.button.primary:hover{background:#ff7124}.button span{font-size:19px;line-height:1}.text-button{gap:9px;font-size:12px;padding:15px 0}.text-button .play-icon{font-size:10px;color:var(--accent);width:24px;height:24px;border:1px solid #91a0b0;border-radius:50%;display:grid;place-items:center}.hero-caption{font-size:10px;color:#91a0b0;margin-top:42px;letter-spacing:1px}.hero-caption span{font-family:monospace;margin-right:16px;color:var(--accent)}.hero-visual{position:relative;min-width:0;margin-top:4px;min-height:570px}.visual-top{position:absolute;top:3px;left:25px;right:0;display:flex;justify-content:space-between;align-items:center;color:#b1bac5;font-size:10px}.visual-top>span:first-child::before{content:'+';margin-right:9px;color:var(--accent)}.coordinate{font:9px monospace;letter-spacing:1px;color:#91a0b0}#city-art{position:absolute;inset:4px -45px 8px -60px;min-height:420px}.visual-label{position:absolute;display:flex;align-items:center;gap:8px;font-size:12px;pointer-events:none}.visual-label i{width:5px;height:5px;background:var(--accent);box-shadow:0 0 8px #ffad7c66;border-radius:50%}.visual-label small{display:block;color:#b1bac5;font-size:9px;margin-top:5px;letter-spacing:1px}.label-world{top:130px;right:6px}.label-resource{bottom:148px;left:4px}.label-resource i{background:#b1bac5}.era-switch{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);display:flex;width:337px;padding:5px;background:#1c2025d9;border:1px solid #39424d;border-radius:8px;backdrop-filter:blur(12px)}.era-switch button{width:50%;padding:13px 14px;text-align:left;font-size:12px;border-radius:4px;color:#b1bac5;position:relative}.era-switch small{display:block;font-size:9px;margin-top:5px;letter-spacing:1px;opacity:.65}.era-switch button.active{background:#ffad7c;color:#272d34}.era-switch button>span{position:absolute;right:16px;top:18px;font-size:18px}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;align-self:end;border-top:1px solid var(--line);height:69px;color:#91a0b0;font-size:10px;letter-spacing:1px}.hero-bottom a{font:9px monospace;letter-spacing:1.8px}.hero-bottom a span{font-size:17px;margin-left:20px;color:var(--accent)}.section-pad{padding:105px 5%;max-width:1600px;margin:0 auto}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:52px}.eyebrow.muted{color:#91a0b0;letter-spacing:1.7px;font-size:10px}h2{font-size:clamp(32px,3.2vw,49px);font-weight:450;line-height:1.4;letter-spacing:-1.5px;margin:15px 0 0}.section-head>p{color:#b1bac5;font-size:13px;line-height:2;margin:0 0 5px;max-width:310px;flex-shrink:0}.section-head>p span{color:#91a0b0;font-size:11px}.mapping{background:#1c2025;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.map-heading{display:grid;grid-template-columns:1fr 90px 1fr;align-items:center;padding:0 27px 24px}.era-tag{font-size:9px;letter-spacing:1.8px;color:#b1bac5}.era-tag.future{color:#b1bac5}.map-heading h3{font-size:20px;font-weight:450;margin:8px 0 0;display:flex;justify-content:space-between;align-items:center;gap:12px}.map-heading h3 small{font:10px monospace;color:#91a0b0}.map-heading>div:last-child{padding-left:15px}.center-axis{text-align:center;font-size:9px;letter-spacing:2px;color:#91a0b0}.layer-row{display:grid;grid-template-columns:1fr 90px 1fr;position:relative;width:100%;text-align:left;border-top:1px solid #39424d;min-height:89px;transition:background .2s;padding:0 27px}.layer-row:last-child{border-bottom:1px solid #39424d}.layer-row:hover{background:#272d34}.layer-row.active{background:linear-gradient(90deg,#272d3444,#35271fa6)}.layer-past,.layer-future{display:flex;align-items:center;gap:22px}.layer-future{padding-left:15px}.layer-no{font:12px monospace;color:#91a0b0;width:22px}.layer-icon{width:36px;height:36px;color:#b1bac5;flex-shrink:0}.layer-icon svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:1.2}.layer-name{font-size:18px;font-weight:400;line-height:1.4}.layer-name small{display:block;font-size:10px;color:#91a0b0;margin-top:5px;letter-spacing:.5px}.layer-past .layer-name small{color:#91a0b0}.layer-future .layer-icon{color:#b1bac5}.layer-future .layer-name{color:#ffad7c;font-size:22px;letter-spacing:-.2px}.layer-future .layer-category{margin-left:auto;color:#b1bac5;font-size:10px;white-space:nowrap}.layer-connector{align-self:center;position:relative;height:1px;background:#39424d;margin:0 12px}.layer-connector:before,.layer-connector:after{content:'';width:4px;height:4px;border:1px solid #91a0b0;background:#1c2025;position:absolute;top:-2px;transform:rotate(45deg)}.layer-connector:before{left:0}.layer-connector:after{right:0}.layer-row.active .layer-future .layer-name{color:var(--accent)}.layer-row.active .layer-connector{background:var(--accent);box-shadow:0 0 12px #ffad7c22}.layer-row.active .layer-no{color:var(--accent)}.layer-row.active:before{content:'';position:absolute;left:0;top:0;bottom:0;background:var(--accent);width:2px}.row-expand{margin-left:20px;font-size:19px;color:#91a0b0;width:22px}.layer-detail{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:36px 32px;background:#272d34;border:1px solid #39424d;border-top:0;min-height:202px}.detail-index{font:10px monospace;letter-spacing:1.4px;color:#b1bac5;margin-bottom:12px}.layer-detail h3{font-size:24px;font-weight:450;line-height:1.5;margin:0}.layer-detail h3 span{color:var(--accent)}.detail-body{color:#b1bac5;font-size:12px;line-height:1.95;margin:0}.detail-tags{display:flex;gap:7px;margin-top:17px;flex-wrap:wrap}.detail-tags span{font-size:10px;border:1px solid #39424d;padding:5px 9px;color:#b1bac5;border-radius:3px}.map-note{display:flex;gap:30px;font-size:10px;color:#91a0b0;margin-top:21px;line-height:1.8}.map-note>span{color:#b1bac5;flex-shrink:0}.map-note p{margin:0}.flow{background:radial-gradient(ellipse at 20% 50%,#ff5a0033,transparent 60%)}.flow-board{border:1px solid #39424d;border-radius:8px;padding:28px 32px 23px;background:#1c2025}.flow-direction{display:flex;gap:20px;align-items:center;font-size:9px;letter-spacing:1px;color:#91a0b0;margin-bottom:25px}.flow-moving{overflow:hidden;white-space:nowrap;flex:1;color:#91a0b0;font-family:monospace}.flow-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.flow-step{padding:0;min-width:0;text-align:left;position:relative}.flow-step:not(:last-child):after{position:absolute;right:-21px;top:38px;content:'→';font-size:19px;color:#91a0b0}.flow-step .step-number{font:9px monospace;color:#91a0b0;letter-spacing:1px}.flow-step .step-box{margin-top:10px;border:1px solid #39424d;background:#272d34;min-height:112px;padding:20px;border-radius:4px;transition:border-color .25s,background .25s}.flow-step:hover .step-box{border-color:var(--accent);background:#272d34}.step-box strong{display:block;font-size:23px;font-weight:450;color:#edf0f4}.step-box small{display:block;font-size:10px;color:#b1bac5;margin-top:10px}.flow-step>p{color:#b1bac5;font-size:11px;margin:13px 0 0;line-height:1.8}.developer-band{border:1px solid #91a0b0;background:linear-gradient(110deg,#35271f77,#272d34);padding:21px 22px;display:flex;align-items:center;gap:20px;margin-top:28px;border-radius:4px;color:#b1bac5;font-size:10px;position:relative}.band-index{font:10px monospace;color:#b1bac5}.developer-band strong{font-size:19px;font-weight:500;color:var(--accent)}.band-line{height:1px;background:#39424d;flex:1;margin:0 12px}.band-arrow{font-size:24px;color:var(--accent)}.return-line{display:flex;justify-content:space-between;text-align:center;color:#91a0b0;font-size:10px;margin-top:20px;gap:25px}.return-line>span{color:#b1bac5;font-size:15px}.scenario{display:grid;grid-template-columns:1fr 1.5fr;gap:70px;padding:55px 0 0}.mini-label{font-size:10px;color:#b1bac5;letter-spacing:1px}.scenario h3{font-size:26px;font-weight:450;line-height:1.55;margin:14px 0 20px}.scenario-note{font-size:9px;color:#91a0b0}.scenario-steps{display:flex;gap:6px}.scenario-steps button{font:10px monospace;background:#272d34;color:#91a0b0;flex:1;padding:10px 0;border-bottom:2px solid #39424d;transition:.2s}.scenario-steps button.active{color:var(--accent);border-color:var(--accent);background:#272d34}.scenario-detail{min-height:130px;padding:22px 0 8px}.scenario-detail h4{font-size:17px;font-weight:450;margin:0 0 12px}.scenario-detail p{color:#b1bac5;font-size:12px;line-height:1.9;margin:0;max-width:540px}.scenario-detail h4 span{font-size:10px;color:#b1bac5;padding-left:12px}.scenario-controls{display:flex;align-items:center;gap:20px;justify-content:flex-end}.scenario-controls button{width:33px;height:30px;background:#272d34;color:#ffad7c;border:1px solid #39424d;border-radius:3px}.scenario-controls span{font:9px monospace;color:#b1bac5}.opportunity{background:#1c2025;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.audience-switch{display:flex;border-bottom:1px solid #39424d;gap:28px;flex-shrink:0}.audience-switch button{font-size:12px;color:#91a0b0;padding:15px 0;border-bottom:2px solid transparent;margin-bottom:-1px;min-width:126px;text-align:left}.audience-switch button span{float:right;margin-left:15px}.audience-switch button.active{color:var(--accent);border-color:var(--accent)}.audience-lead{padding-top:8px;display:grid;grid-template-columns:1fr 1.1fr;gap:0 60px}.audience-lead>span{font:9px monospace;color:#91a0b0;letter-spacing:2px;grid-column:1/-1}.audience-lead h3{font-size:25px;font-weight:450;line-height:1.5;margin:13px 0 34px}.audience-lead h3 span{color:#b1bac5;display:block}.audience-lead p{font-size:12px;color:#b1bac5;line-height:1.9;margin:18px 0 24px;max-width:440px}.opportunity-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #39424d;border-bottom:1px solid #39424d}.opportunity-card{padding:23px 20px 27px;border-left:1px solid #39424d;min-width:0}.opportunity-card:first-child{border-left:0;padding-left:0}.opportunity-card:last-child{padding-right:0}.opp-top{display:flex;align-items:center;justify-content:space-between;color:#91a0b0;font:10px monospace}.opp-top .layer-icon{width:25px;height:25px;color:#91a0b0}.opportunity-card h4{font-size:18px;font-weight:450;color:#edf0f4;margin:20px 0 6px}.opportunity-card h5{font-size:12px;font-weight:450;color:#b1bac5;margin:0 0 18px}.opportunity-card p{font-size:11px;line-height:1.9;color:#b1bac5;margin:0;min-height:65px}.opp-metric{border-top:1px solid #39424d;margin-top:21px;padding-top:14px;font-size:10px;color:#b1bac5;line-height:1.8}.opp-metric:before{content:'观察指标';display:block;font-size:8px;letter-spacing:1px;color:#91a0b0;margin-bottom:4px}.question-strip{display:flex;align-items:center;gap:40px;padding-top:25px}.question-strip>span:first-child{font-size:9px;color:#91a0b0;white-space:nowrap}.question-strip p{font-size:13px;color:#edf0f4;line-height:1.8;margin:0}.question-arrow{font-size:23px;color:#b1bac5;margin-left:auto}.closing{text-align:center;padding-top:110px;padding-bottom:110px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 100%,#ff5a0055,transparent 65%)}.closing .eyebrow{justify-content:center;font-size:9px;letter-spacing:2.5px;color:#b1bac5}.closing h2{font-size:clamp(30px,3.5vw,54px);line-height:1.6;margin-top:24px}.closing h2 span{color:var(--accent)}.closing>p{font-size:11px;letter-spacing:1px;color:#91a0b0;margin:25px 0 33px;line-height:2}.closing-dot{margin:0 10px}.closing-actions{display:flex;justify-content:center;gap:15px}.button.outline{border:1px solid #91a0b0;color:#b1bac5}.button.outline:hover{background:#272d34}.mobile-break{display:none}footer{max-width:1600px;padding:36px 5% 28px;margin:auto;border-top:1px solid var(--line)}.footer-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.footer-brand{font-size:17px;letter-spacing:3px}.footer-brand span{font-size:10px;letter-spacing:.5px;color:#b1bac5;padding-left:22px}.footer-top>a:last-child{font-size:10px;color:#91a0b0}.footer-bottom{display:flex;justify-content:space-between;gap:50px;align-items:flex-end}.footer-bottom p{font-size:9px;line-height:1.9;color:#91a0b0;max-width:750px;margin:0}.footer-bottom>span{font:8px monospace;color:#91a0b0;letter-spacing:1px;white-space:nowrap}dialog{width:100vw;height:100dvh;max-width:none;max-height:none;border:none;background:#14171bf9;color:var(--text);padding:0;margin:0;overflow:auto}dialog::backdrop{background:#14171b}.presentation-shell{display:flex;flex-direction:column;min-height:100%;padding:35px 6% 24px;position:relative}.presentation-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#b1bac5}.presentation-top>span{letter-spacing:2px}.presentation-top i{font-style:normal;color:#39424d;margin:0 14px}.presentation-top>div{display:flex;gap:20px}.presentation-top button{font-size:12px;color:#edf0f4;padding:9px}.presentation-content{display:flex;flex-direction:column;justify-content:center;flex:1;min-height:400px;max-width:1150px;width:100%;margin:0 auto;padding:40px 0}.presentation-content .slide-eyebrow{font:11px monospace;letter-spacing:2px;color:#b1bac5}.presentation-content h2{font-size:clamp(32px,5.5vw,77px);line-height:1.4;margin:22px 0 20px}.presentation-content h2 span{color:var(--accent)}.presentation-content>p{font-size:18px;color:#b1bac5;line-height:1.9;max-width:840px}.slide-pair{display:flex;align-items:center;gap:45px;margin-top:26px}.slide-pair>div{flex:1;padding:28px 30px;border:1px solid #39424d;border-radius:5px}.slide-pair small{color:#91a0b0;font-size:10px;letter-spacing:2px}.slide-pair h3{font-size:clamp(22px,3vw,44px);font-weight:450;margin:17px 0 0}.slide-pair>div:last-child{background:#272d34;border-color:#91a0b0;color:var(--accent)}.slide-pair>span{font-size:28px;color:#91a0b0}.slide-tags{display:flex;gap:10px;margin-top:30px}.slide-tags span{font-size:12px;border:1px solid #39424d;padding:10px 18px;color:#ffad7c;border-radius:3px}.presentation-bottom{display:flex;align-items:center;gap:30px}.presentation-bottom>span{font:12px monospace;color:#b1bac5;white-space:nowrap}.presentation-progress{height:2px;background:#39424d;flex:1}.presentation-progress>div{height:2px;background:var(--accent);transition:width .4s}.presentation-bottom button{width:45px;height:39px;border:1px solid #39424d;font-size:20px;border-radius:3px;color:var(--accent)}.presentation-bottom button:disabled{opacity:.25;cursor:default}.presentation-hint{font-size:9px;color:#91a0b0;letter-spacing:1px;text-align:right;display:block;margin-top:20px}.noscript{padding:30px;color:var(--accent)}
@media(min-width:1600px){body{background:#14171b}.hero,.flow,.closing{background-color:#14171b}}
@media(max-width:1100px){.hero{padding-top:58px;min-height:700px}.hero h1{font-size:48px}.hero-description{font-size:12px}.hero-visual{min-height:535px}#city-art{inset:35px -70px 25px -60px}.visual-label{font-size:10px}.label-world{right:-8px;top:150px}.label-resource{left:0;bottom:140px}.section-pad{padding:80px 5%}.layer-past,.layer-future{gap:12px}.layer-name{font-size:16px}.layer-future .layer-name{font-size:21px}.layer-future .layer-category{display:none}.map-heading h3{font-size:18px}.flow-steps{gap:22px}.step-box strong{font-size:20px}.flow-step .step-box{padding:18px}.opportunity-card{padding-left:15px;padding-right:15px}.opportunity-card h4{font-size:16px}.opportunity-card h5{min-height:32px}.scenario{gap:40px}.hero-caption{margin-top:30px}}
@media(max-width:800px){.site-header{height:80px}.site-header nav{gap:20px;font-size:11px}.brand>span{font-size:17px}.brand svg{width:30px}.brand small{font-size:8px}.header-demo{font-size:10px;padding:10px}.header-demo span{padding-left:10px}.hero{grid-template-columns:1fr 1fr;padding-top:45px;min-height:630px}.hero h1{font-size:39px;letter-spacing:-1.5px}.hero-description{font-size:11px}.hero-description br{display:none}.hero-actions{gap:15px;flex-wrap:wrap}.button{font-size:11px;gap:25px;padding:14px 16px}.text-button{padding:0}.hero-visual{min-height:475px}.visual-top{left:20px;font-size:8px}.coordinate{display:none}#city-art{inset:20px -90px 25px -80px}.visual-label{display:none}.era-switch{width:275px;bottom:35px}.era-switch button{font-size:10px;padding:10px}.era-switch small{font-size:8px}.era-switch button>span{right:10px;top:15px}.hero-bottom{font-size:8px}.hero-bottom>a{font-size:7px}.section-head>p{font-size:11px;max-width:220px}.map-heading{padding:0 15px 20px;grid-template-columns:1fr 55px 1fr}.map-heading h3{font-size:17px;display:block}.map-heading h3 small{display:block;margin-top:6px}.center-axis{font-size:8px;letter-spacing:0}.layer-row{padding:0 15px;grid-template-columns:1fr 55px 1fr;min-height:83px}.layer-icon{width:28px;height:28px}.layer-past{gap:9px}.layer-no{width:16px;font-size:10px}.layer-name{font-size:14px}.layer-future .layer-name{font-size:19px}.layer-name small{font-size:8px}.row-expand{font-size:17px;margin-left:auto}.layer-future{padding-left:6px;gap:12px}.layer-connector{margin:0 5px}.layer-detail{gap:25px;padding:27px 23px;min-height:215px}.layer-detail h3{font-size:22px}.detail-body{font-size:11px}.flow-board{padding:23px}.flow-step .step-box{padding:16px 13px;min-height:108px}.step-box strong{font-size:18px}.step-box small{font-size:8px}.flow-step>p{font-size:9px}.developer-band{gap:12px;padding:18px 15px}.developer-band strong{font-size:17px}.developer-band .band-desc{display:none}.band-line{margin:0}.developer-band>span:nth-last-child(2){font-size:9px}.return-line{font-size:8px;gap:10px}.scenario h3{font-size:23px}.scenario-detail p{font-size:11px}.scenario-detail h4{font-size:15px}.audience-switch{gap:18px}.audience-switch button{min-width:95px;font-size:11px}.audience-lead{gap:0 30px}.audience-lead h3{font-size:22px}.audience-lead p{font-size:11px}.opportunity-grid{grid-template-columns:repeat(3,1fr)}.opportunity-card:nth-child(4){border-left:0;padding-left:0;border-top:1px solid #39424d}.opportunity-card:nth-child(5){border-top:1px solid #39424d}.opportunity-card h5{min-height:auto}.opportunity-card p{min-height:63px}.question-strip{gap:22px}.question-strip p{font-size:11px}.footer-bottom{gap:30px}.footer-bottom>span{display:none}}
@media(max-width:600px){html{scroll-padding-top:20px}.site-header{height:73px;padding:0 6%}.site-header nav{display:none}.brand svg{width:28px}.brand>span{font-size:16px}.brand small{font-size:7px;letter-spacing:1.5px}.header-demo{padding:9px 12px;font-size:10px}.hero{display:flex;flex-direction:column;padding:40px 6% 0;min-height:auto}.hero-content{z-index:1;position:relative}.eyebrow{font-size:8px;letter-spacing:1.4px}.hero h1{font-size:43px;line-height:1.25;letter-spacing:-1px;margin:22px 0 21px}.hero-description{font-size:11px;max-width:310px;line-height:1.9;margin-bottom:24px}.hero-actions{gap:23px}.button{padding:14px 18px;font-size:11px;gap:30px;min-height:46px}.text-button{padding:6px 0;font-size:11px}.hero-caption{display:none}.hero-visual{min-height:365px;margin:21px -10px 0}.visual-top{top:14px;left:18px;right:18px}.coordinate{display:block;font-size:7px}#city-art{inset:-32px -10px -2px -10px;min-height:340px}.era-switch{bottom:8px;width:276px;background:#1c2025eb}.era-switch button{padding:10px 12px}.hero-bottom{margin-top:27px;height:56px;width:100%;flex-shrink:0;font-size:8px;letter-spacing:0}.hero-bottom>span{max-width:205px;line-height:1.8}.hero-bottom>a{font-size:6px;letter-spacing:.5px}.hero-bottom a span{font-size:14px;margin-left:6px}.section-pad{padding:62px 6%}.section-head{display:block;margin-bottom:30px}.section-head>p{margin-top:20px;font-size:11px;max-width:320px}.section-head>p br{display:none}.section-head>p span{display:block;font-size:10px;margin-top:4px}h2{font-size:31px;letter-spacing:-.8px;line-height:1.4}.eyebrow.muted{font-size:8px;letter-spacing:1.4px}.map-heading{grid-template-columns:1fr 29px 1fr;padding:0 7px 18px}.era-tag{font-size:7px;letter-spacing:.9px}.map-heading h3{font-size:17px;line-height:1.4}.map-heading h3 small{font-size:8px}.map-heading>div:last-child{padding-left:7px}.center-axis{font-size:7px;writing-mode:vertical-rl;justify-self:center;letter-spacing:1px}.layer-row{padding:0 6px;grid-template-columns:1fr 29px 1fr;min-height:79px}.layer-no{font-size:8px;width:12px}.layer-icon{width:25px;height:25px}.layer-past{gap:7px}.layer-future{padding-left:7px;gap:8px}.layer-past>.layer-icon{display:none}.layer-name{font-size:13px;line-height:1.5}.layer-name small{font-size:7px;letter-spacing:0;margin-top:3px}.layer-future .layer-name{font-size:17px;letter-spacing:-.5px}.layer-future .layer-icon{width:20px;height:20px}.row-expand{font-size:14px;width:12px;padding-right:2px}.layer-connector{margin:0 2px}.layer-detail{display:block;min-height:265px;padding:23px 19px}.detail-index{font-size:8px;margin-bottom:10px}.layer-detail h3{font-size:22px}.detail-body{margin-top:18px;font-size:11px;line-height:1.9}.detail-tags{margin-top:12px;gap:5px}.detail-tags span{font-size:8px;padding:4px 7px}.map-note{font-size:8px;gap:14px;line-height:1.9;margin-top:18px}.map-note>span{font-size:8px}.flow-board{padding:20px 16px}.flow-direction{margin-bottom:20px;font-size:8px;gap:12px}.flow-steps{grid-template-columns:repeat(2,1fr);gap:22px 26px}.flow-step .step-box{padding:16px;min-height:99px;margin-top:8px}.step-box strong{font-size:22px}.step-box small{font-size:9px}.flow-step>p{font-size:9px;margin-top:10px}.flow-step:nth-child(2):after{content:'↓';right:50%;top:auto;bottom:-22px}.flow-step:nth-child(3):after{content:'→';right:-20px;top:40px}.flow-step .step-number{font-size:8px}.developer-band{flex-wrap:wrap;gap:9px;padding:17px 12px;margin-top:24px}.band-index{font-size:8px}.developer-band strong{font-size:20px}.developer-band .band-line{display:none}.developer-band>span:nth-last-child(2){display:block;width:100%;padding-left:21px;font-size:8px}.band-arrow{position:absolute;right:13px;top:22px;font-size:20px}.return-line{font-size:7px;line-height:1.8;margin-top:16px;gap:9px}.scenario{display:block;padding-top:35px}.scenario-heading{position:relative}.scenario h3{font-size:25px;margin-top:12px;margin-bottom:12px}.scenario-note{font-size:8px}.scenario-body{margin-top:24px}.scenario-detail{min-height:132px;padding-top:20px}.scenario-detail h4{font-size:17px}.scenario-detail h4 span{font-size:9px}.scenario-detail p{font-size:11px}.scenario-controls{gap:17px}.audience-switch{margin-top:25px;gap:26px;width:max-content}.audience-switch button{min-width:118px;font-size:12px}.audience-lead{display:block;padding-top:2px}.audience-lead>span{font-size:8px}.audience-lead h3{font-size:24px;margin:15px 0}.audience-lead p{font-size:11px;margin:0 0 25px;max-width:310px}.opportunity-grid{grid-template-columns:1fr}.opportunity-card,.opportunity-card:first-child,.opportunity-card:last-child{border-left:0;border-top:1px solid #39424d;padding:20px 0;display:grid;grid-template-columns:95px 1fr;gap:0 16px}.opportunity-card:first-child{border-top:0}.opp-top{grid-column:1;justify-content:flex-start;gap:15px}.opp-top .layer-icon{width:19px;height:19px}.opportunity-card h4{grid-column:1;margin:12px 0 0;font-size:16px}.opportunity-card h5{grid-column:2;grid-row:1;font-size:12px;margin:0;align-self:center}.opportunity-card p{grid-column:2;grid-row:2;min-height:0;font-size:10px;margin-top:11px}.opp-metric{grid-column:2;font-size:9px;margin-top:12px;padding-top:10px}.opp-metric:before{font-size:7px;display:inline;margin-right:9px}.question-strip{gap:12px;flex-wrap:wrap;padding-top:22px}.question-strip>span:first-child{font-size:8px;width:100%}.question-strip p{font-size:12px;max-width:85%}.question-arrow{font-size:18px}.closing{padding-top:63px;padding-bottom:63px}.closing .eyebrow{font-size:7px;letter-spacing:1px}.closing h2{font-size:29px;letter-spacing:-1px;line-height:1.6}.closing>p{font-size:9px;line-height:2.3;margin:21px 0 24px}.mobile-break{display:block}.closing-dot{display:none}.closing-actions{gap:9px;flex-direction:column;align-items:center}.closing-actions .button{min-width:220px}footer{padding:27px 6% 23px}.footer-top{margin-bottom:20px}.footer-brand{font-size:15px;letter-spacing:2px}.footer-brand span{display:block;padding-left:0;font-size:8px;margin-top:8px}.footer-top>a:last-child{font-size:8px}.footer-bottom p{font-size:8px;line-height:1.9}.presentation-shell{padding:22px 6% 17px}.presentation-top{font-size:9px}.presentation-top i{margin:0 6px}.presentation-top>div{gap:8px}.presentation-top button{font-size:10px;padding:9px 5px}.presentation-content{padding:36px 0;min-height:450px}.presentation-content h2{font-size:36px;margin-top:20px;letter-spacing:-1px}.presentation-content .slide-eyebrow{font-size:8px;letter-spacing:1px}.presentation-content>p{font-size:13px}.slide-pair{gap:15px;margin-top:15px}.slide-pair>div{padding:19px 15px}.slide-pair small{font-size:7px;letter-spacing:1px}.slide-pair h3{font-size:20px;margin-top:12px;line-height:1.5}.slide-pair>span{font-size:17px}.slide-tags{gap:6px;flex-wrap:wrap;margin-top:20px}.slide-tags span{font-size:9px;padding:7px 10px}.presentation-bottom{gap:16px}.presentation-bottom>span{font-size:10px}.presentation-bottom button{width:36px;height:34px;font-size:17px}.presentation-hint{font-size:7px;margin-top:15px}}
@media(max-width:600px){.flow-step:after{display:none}.layer-future{min-width:0}.layer-future .layer-name{min-width:0}.layer-future .layer-name small{overflow-wrap:anywhere}.layer-future .layer-icon{flex-shrink:0}.row-expand{flex-shrink:0}}
@media(max-width:350px){.layer-future .layer-icon{display:none}.layer-future .layer-name{font-size:16px}.layer-past .layer-name{font-size:12px}.hero h1{font-size:38px}.hero-visual{min-height:320px}.era-switch{width:256px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media print{body{background:white;color:#252b33}.hero-visual,.hero-actions,.header-demo,.site-header nav,.hero-bottom,.scenario-controls,.closing-actions,dialog{display:none!important}.hero{display:block;min-height:0;padding-top:30px}.hero h1{font-size:38px}.hero h1>span,h2,.layer-future .layer-name{color:#a63c00}.hero-caption{display:none}.section-pad{padding:35px 5%;break-inside:avoid}.mapping,.opportunity,.flow-board,.layer-detail,.step-box,.developer-band{background:white!important}.layer-row,.flow-board,.layer-detail{break-inside:avoid}.map-heading h3,.layer-name,.step-box strong,.opportunity-card h4,.opportunity-card h5{color:#252b33}.detail-body,.opportunity-card p,.hero-description,.section-head>p{color:#5c6570}.opportunity-grid{grid-template-columns:repeat(5,1fr)}.opportunity-card{display:block}.audience-switch{display:none}.closing{padding:30px}.footer-bottom p{color:#5c6570}.site-header{height:70px}}

/* New Sky Cloud / Cytain: supplied VIS artwork and current production tokens. */
.brand{flex-shrink:0;line-height:0}
.brand img{display:block;width:180px;max-width:100%;height:auto;object-fit:contain}
.button.primary{background:var(--brand);color:var(--bg);font-weight:650}
.button.primary:hover{background:#ff7124}
.era-switch button.active{background:var(--brand);color:var(--bg)}
.live-dot,.visual-label i{background:var(--brand)}
.hero h1>span,.closing h2 span{color:var(--accent)}
.layer-row.active:before{background:var(--brand)}
.layer-row.active{background:linear-gradient(90deg,#272d3455,#35271f)}
.layer-detail{background:var(--panel);border-color:var(--line)}
.hero-visual{background:radial-gradient(ellipse at 58% 60%,#ff5a0008,transparent 60%)}
.footer-brand{display:flex;align-items:center;gap:24px;letter-spacing:0}
.footer-brand img{display:block;width:136px;height:auto;object-fit:contain}
.footer-brand span{padding-left:0}
.presentation-top>span{display:flex;align-items:center;letter-spacing:1px}
.presentation-logo{display:block;width:150px;height:auto;object-fit:contain}
.presentation-progress>div{background:var(--brand)}
@media(max-width:800px){.brand img{width:150px}.presentation-logo{width:128px}}
@media(max-width:600px){.brand img{width:137px}.footer-brand{align-items:flex-start;flex-direction:column;gap:10px}.footer-brand img{width:122px}.presentation-logo{width:108px}.presentation-top>span{font-size:8px;letter-spacing:0}.presentation-top i{margin:0 8px}}
@media print{.brand img,.footer-brand img,.presentation-logo{display:none}}

.mobile-slide-break{display:none}
@media(max-width:600px){.mobile-slide-break{display:block}}

/* Product definitions remain readable beside the analogy roles. */
.product-definition{display:block;margin:7px 0 12px;font-size:10px;line-height:1.6;font-weight:400;color:var(--muted);letter-spacing:0}
.layer-future .layer-name small{font-size:10px;line-height:1.6}
@media(max-width:600px){.layer-future .layer-name small{font-size:8px}.product-definition{font-size:9px;margin:6px 0 0}.scenario-detail h4 span{display:block;padding-left:0;margin-top:6px}.developer-band .band-desc{display:block;font-size:9px}}

/* Adopted five-platform wordmarks: complete original artwork, no tint or crop. */
.platform-wordmark{display:block;width:100%;max-width:360px;height:auto;object-fit:contain;object-position:left center;flex-shrink:0}
.platform-identity{display:flex;flex-direction:column;gap:10px;min-width:0;width:min(360px,100%)}
.platform-purpose{display:block;color:var(--muted);font-size:10px;line-height:1.6;letter-spacing:0}
.layer-future{gap:18px;min-width:0}
.layer-future .platform-identity{flex:1}
.layer-future .layer-category{font-size:9px;flex-shrink:0}
.layer-future .row-expand{margin-left:0;flex-shrink:0}
.layer-row{min-height:110px}
.step-box .platform-wordmark{max-width:260px;margin:2px 0 15px}
.step-box small{line-height:1.7}
.platform-mark{display:block;width:25px;height:25px;object-fit:contain}
.band-platform{width:230px;min-width:0;flex-shrink:0}
.slide-platform{margin-top:22px;width:100%;max-width:470px}
.slide-pair h3.slide-platform-caption{font-size:14px;line-height:1.7;color:var(--muted);margin-top:17px;letter-spacing:0}
@media(max-width:1100px){.platform-identity{width:min(300px,100%)}.layer-row{min-height:104px}.band-platform{width:200px}}
@media(max-width:800px){.platform-purpose{font-size:9px}.platform-identity{gap:9px}.band-platform{width:178px}.layer-future{gap:12px}.layer-row{min-height:98px}}
@media(max-width:600px){.layer-row{grid-template-columns:minmax(0,.85fr) 24px minmax(0,1.15fr);min-height:106px}.layer-future{padding-left:8px;gap:8px}.platform-purpose{font-size:8px;line-height:1.7}.platform-identity{gap:10px}.layer-past .layer-name{font-size:12px}.band-platform{width:205px;max-width:calc(100% - 40px)}.developer-band .band-desc{padding-left:21px;flex-basis:100%;font-size:9px}.slide-platform{margin-top:18px}.slide-pair h3.slide-platform-caption{font-size:10px;line-height:1.8;margin-top:15px}.platform-mark{width:21px;height:21px}.step-box .platform-wordmark{margin-bottom:12px}}
@media(max-width:350px){.layer-row{min-height:102px}.platform-purpose{font-size:7px}.layer-future{padding-left:5px;gap:6px}.layer-past .layer-name{font-size:11px}}