.nio-map-case{--nm-ink:#f5f5f5;--nm-muted:#a0a0a0;--nm-line:#353535;--nm-paper:#101010;background:var(--nm-paper);color:var(--nm-ink);padding-top:116px;padding-bottom:0;line-height:1.75;color-scheme:dark}.nm-shell{width:calc(100% - 80px);max-width:1280px;margin:0 auto}.nm-layout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:40px;align-items:start}.nm-content{min-width:0}.nm-navigation{position:sticky;top:112px;z-index:12}.nm-navigation nav{display:flex;flex-direction:column;gap:8px}.nm-navigation nav a{display:flex;gap:12px;padding:10px 12px;border-left:2px solid transparent;border-radius:14px;font-size:12px;color:#ababab;line-height:1.5}.nm-navigation nav a>span:first-child{font-size:11px;color:#ababab}.nm-navigation nav small{display:block;font-size:12px;margin-top:3px}.nm-navigation nav a[aria-current=location]{border-color:var(--nm-accent);background:#202020;color:var(--nm-ink)}.nm-mobile-nav{display:none}.nm-back{display:inline-block;font-size:13px;color:var(--nm-muted);margin-bottom:36px}.nm-eyebrow{font-size:11px;letter-spacing:.13em;line-height:1.7;color:var(--nm-accent);font-weight:700;margin-bottom:18px}.nio-map-case h1{font-size:clamp(38px,4.5vw,64px);line-height:1.22;letter-spacing:-.045em;font-weight:600;max-width:100%;margin-bottom:24px}.nm-subtitle{font-size:25px;font-weight:400;color:#ababab;line-height:1.6;margin-bottom:48px}.nm-hero-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(220px,.8fr);gap:40px;align-items:start}.nm-hero-phone{background:#202020;padding:32px 24px;border-radius:14px;display:flex;flex-direction:column;align-items:center;gap:16px}.nm-hero-phone>div{border:5px solid #383838;border-radius:32px;overflow:hidden;max-width:260px;box-shadow:0 18px 44px #193c4930}.nm-hero-phone img{width:100%;height:auto}.nm-hero-phone figcaption{font-size:11px;text-align:center;color:#ababab}.nm-status{display:inline-block;font-size:10px;letter-spacing:.025em;border:1px solid #383838;border-radius:14px;padding:3px 7px;color:#ababab;background:#202020;line-height:1.5;white-space:nowrap}.nm-status.status-analysis,.nm-status.status-pending{color:#ababab;background:#202020;border-color:#383838}.nm-claim{border-left:2px solid #383838;padding:4px 0 4px 18px;margin:20px 0}.nm-claim p{margin-top:12px;line-height:1.9;font-size:16px}.nm-claim.claim-analysis,.nm-claim.claim-pending{border-color:#383838}.nm-scope{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0}.nm-scope span{font-size:11px;border:1px solid #383838;padding:6px 10px;border-radius:14px;background:#202020;color:#ababab}.nm-contribution{border-top:1px solid var(--nm-line);padding-top:24px;margin-top:32px}.nm-contribution h2{font-size:17px;font-weight:600;letter-spacing:0;line-height:1.5;margin-bottom:20px}.nm-contribution>div{margin-bottom:16px}.nm-contribution p{font-size:13px;color:#ababab;line-height:1.85;margin-top:7px}.nm-caption{font-size:12px!important;line-height:1.9;color:#ababab;overflow-wrap:anywhere}.nm-read-key{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:22px 0;border-top:1px solid var(--nm-line);border-bottom:1px solid var(--nm-line);margin-top:44px}.nm-read-key>span:first-child{font-size:11px;color:#ababab;margin-right:8px}.nm-chapter{padding-top:104px;scroll-margin-top:112px}.nm-chapter-heading{margin-bottom:36px}.nm-chapter-heading h2{font-size:clamp(29px,3vw,44px);font-weight:500;line-height:1.4;letter-spacing:-.035em;margin-bottom:24px;max-width:850px}.nm-chapter-heading>p:last-child{font-size:17px;color:#ababab;line-height:1.95;max-width:850px}.nm-anchor{display:block;scroll-margin-top:112px}.nm-upgrade-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.nm-upgrade-pair article{background:#202020;border:1px solid #383838;border-radius:14px;padding:28px}.nm-upgrade-pair article:last-child{background:#202020;border-color:#383838}.nm-upgrade-pair article>span{font-size:12px;color:#ababab}.nm-upgrade-pair h3{font-size:24px;line-height:1.5;margin:14px 0}.nm-upgrade-pair p{font-size:15px;color:#ababab}.nm-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.nm-chip-row span{font-size:11px;background:#202020;padding:5px 9px;border-radius:14px;color:#ababab}.nm-source-line{font-size:11px;color:#ababab;margin:18px 0 48px}.nm-section-title{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:40px 0 16px}.nm-section-title h3{font-size:25px;line-height:1.5}.nm-section-lead{font-size:15px;line-height:1.9;color:#ababab;margin-bottom:24px}.nm-challenge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0 36px}.nm-challenge-grid article{background:#202020;border:1px solid #383838;border-radius:14px;padding:24px}.nm-challenge-grid article>span{font-size:12px;color:#ababab}.nm-challenge-grid h4{font-size:19px;font-weight:500;margin:12px 0}.nm-challenge-grid p{font-size:14px;color:#ababab}.nm-phone-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;background:#202020;border-radius:14px;padding:28px}.nm-evidence{min-width:0}.nm-evidence-image{position:relative;background:#202020;border:1px solid #383838;border-radius:14px;overflow:hidden}.nm-evidence-image>img{width:100%;height:auto;object-fit:contain}.nm-evidence figcaption{font-size:11px;color:#ababab;margin-top:12px;line-height:1.8}.nm-evidence-image .zoom-button{opacity:1;background:#123131;color:#f5f5f5;bottom:12px;right:12px}.nm-phone-pair .nm-evidence-image{background:none;border:0}.nm-phone-pair .nm-evidence-image>img{max-height:500px;width:100%;object-fit:contain}.nm-phone-pair>div>h3{font-size:17px;margin-bottom:20px}.nm-research-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:16px}.nm-research-flow>div{border-top:1px solid #383838;padding:18px 0}.nm-research-flow span{display:block;color:#ababab;font-size:11px}.nm-research-flow strong{display:block;font-size:16px;font-weight:500;margin:8px 0}.nm-research-flow small{font-size:11px;color:#ababab}.nm-research-evidence{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:28px;align-items:start;margin:36px 0 48px}.nm-research-evidence article{border-bottom:1px solid #383838;padding-bottom:20px;margin-bottom:20px}.nm-research-evidence h3{font-size:20px;line-height:1.5;margin:12px 0}.nm-research-evidence p{font-size:14px;line-height:1.9;color:#ababab}.nm-research-detail>h3{font-size:24px;margin-bottom:14px}.nm-research-detail>p{font-size:15px;color:#ababab;margin-bottom:24px}.nm-research-detail>.nm-evidence .nm-evidence-image>img{max-height:530px}.nm-details{border:1px solid #383838;border-radius:14px;padding:20px 24px;margin:24px 0;background:#202020}.nm-details summary{cursor:pointer;font-size:15px;color:#f5f5f5;line-height:1.8}.nm-details>p,.nm-details[open] summary{margin-bottom:24px}.nm-details>p{font-size:15px;color:#ababab}.nm-pending-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.nm-pending-grid .nm-claim p{font-size:13px}.nm-missing{background:#202020;border:1px dashed #383838;border-radius:14px;padding:24px;margin-top:24px;color:#ababab}.nm-missing strong{font-size:14px;display:block;margin-bottom:10px;font-weight:600}.nm-missing p{font-size:13px;line-height:1.9}.nm-ecosystem{margin-top:28px}.nm-resource-families{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.nm-resource-families article{background:#202020;border:1px solid #383838;border-radius:14px;padding:24px}.nm-resource-families h3{font-size:18px;line-height:1.6;margin-bottom:14px}.nm-resource-families p{font-size:13px;color:#ababab}.nm-unified-map{border:1px solid #383838;background:#202020;border-radius:14px;text-align:center;padding:28px;margin-top:16px}.nm-unified-map span{font-size:24px;font-weight:500}.nm-unified-map p{font-size:14px;color:#ababab;margin-top:12px}.nm-principle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:32px}.nm-principle-grid article{padding:24px;border:1px solid var(--nm-line);border-radius:14px}.nm-principle-grid h3{font-size:20px;margin-bottom:12px}.nm-principle-grid p{font-size:14px;color:#ababab}.nm-scale-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;background:#202020;border-radius:14px;padding:24px;margin-top:32px}.nm-scale-gallery>.project-image,.nm-scale-gallery>figure{min-width:0}.nm-scale-gallery .project-image img{width:100%!important;max-height:420px;object-fit:contain}.nio-map-case .project-image figcaption{color:#ababab;font-size:11px}.nio-map-case .project-image .zoom-button{opacity:1;background:#123131;color:#f5f5f5}.nio-map-case .zoom-dialog{color-scheme:dark}.nm-subchapter{margin-top:64px;padding-top:40px;border-top:1px solid #383838;scroll-margin-top:112px}.nm-subchapter-index{font-size:11px;font-weight:700;letter-spacing:.1em;color:#00bebe;margin-bottom:14px}.nm-subchapter>h3{font-size:29px;line-height:1.5;margin-bottom:24px}.nm-subchapter>p:not(.nm-subchapter-index){font-size:15px;color:#ababab;margin-bottom:24px}.nm-model-flow{display:grid;grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr) 14px minmax(0,1fr);gap:10px;align-items:stretch}.nm-model-flow article{padding:24px 20px;background:#202020;border:1px solid #383838;border-radius:14px}.nm-model-flow article>span{font-size:11px;color:#ababab}.nm-model-flow h4{font-size:19px;line-height:1.6;margin:12px 0 20px}.nm-model-flow dt{font-size:12px;font-weight:600;margin-top:14px}.nm-model-flow dd{font-size:12px;line-height:1.9;color:#ababab;margin:6px 0 0}.nm-flow-arrow{align-self:center;color:#ababab}.nm-filter-bar,.nm-state-tabs{display:flex;flex-wrap:wrap;gap:8px}.nm-filter-bar button,.nm-state-tabs button{background:#202020;border:1px solid #383838;color:#ababab;border-radius:14px;padding:9px 14px;font-size:13px;min-height:40px}.nm-filter-bar button[aria-pressed=true],.nm-state-tabs button[aria-pressed=true]{background:#123131;color:#f5f5f5;border-color:#00bebe}.nm-filter-bar button:focus-visible,.nm-state-tabs button:focus-visible{outline:2px solid #189f9e;outline-offset:3px}.nm-state-tabs{margin:20px 0 12px}.nm-matrix-wrap{overflow-x:auto;border:1px solid #383838;border-radius:14px;margin-top:24px;background:#202020}.nm-pin-matrix{border-collapse:collapse;width:100%;min-width:580px;text-align:center;table-layout:fixed;font-size:13px}.nm-pin-matrix td,.nm-pin-matrix th{border-bottom:1px solid #383838;border-right:1px solid #383838;padding:14px 10px;vertical-align:middle}.nm-pin-matrix th:first-child{width:120px;text-align:left;padding-left:20px}.nm-pin-matrix thead th{background:#202020;font-weight:500}.nm-pin-matrix .is-current{background:#202020}.nm-pin-cell{position:relative;min-height:110px;display:flex;justify-content:center;align-items:center}.nm-pin-cell>img{height:auto;width:auto;max-height:76px;max-width:100%;object-fit:contain}.nm-pin-cell .zoom-button{position:absolute;bottom:-6px;right:0;background:#202020;opacity:1;color:#ababab;font-size:9px;padding:4px 6px}.nm-unprovided{font-size:12px;color:#ababab}.nm-state-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px}.nm-state-preview figure{background:#202020;border:1px solid #383838;border-radius:14px;min-height:140px;padding:20px 14px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:16px}.nm-state-preview img{width:auto;height:auto;max-width:100%;max-height:70px;object-fit:contain}.nm-state-preview figcaption{font-size:11px;color:#ababab}.nm-aggregation{margin-top:28px;padding:24px;background:#202020;border-radius:14px}.nm-aggregation h4{font-size:20px}.nm-aggregation>p{font-size:13px;color:#ababab;margin:12px 0 24px}.nm-aggregation>div{display:flex;gap:24px;flex-wrap:wrap}.nm-aggregation figure{display:flex;gap:12px;align-items:center}.nm-aggregation img{width:48px;height:48px;object-fit:contain}.nm-aggregation figcaption{font-size:12px;color:#ababab}.nm-selected-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}.nm-selected-pair>figure{background:#202020;border:1px solid #383838;border-radius:14px;min-height:240px;padding:24px;display:flex;align-items:center;justify-content:space-between;flex-direction:column;gap:24px}.nm-selected-pair>figure>span{font-size:12px;color:#ababab}.nm-selected-pair img{width:auto;height:auto;max-width:100%;max-height:96px;object-fit:contain}.nm-selected-pair figcaption{font-size:11px;color:#ababab}.nm-selection-evidence{display:grid;grid-template-columns:1.3fr 1fr;gap:28px;margin-top:32px}.nm-selection-evidence h4{font-size:20px;line-height:1.6;margin:12px 0}.nm-selection-evidence ul{padding-left:20px;color:#ababab;font-size:14px;line-height:2}.nm-selection-evidence article>p{font-size:12px;color:#ababab;margin-top:18px}.nm-priority-placeholder{border:1px dashed #383838;background:#202020;padding:24px;border-radius:14px;margin-top:24px}.nm-priority-placeholder>span{display:block;font-size:11px;color:#ababab}.nm-priority-placeholder strong{display:block;margin:10px 0;font-size:19px;font-weight:500}.nm-priority-placeholder p{font-size:13px;color:#ababab}.nm-priority-demo{border:1px solid #383838;border-radius:14px;padding:28px;background:#202020;margin-top:28px}.nm-demo-heading{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.nm-demo-heading strong{font-size:16px;color:#f5f5f5}.nm-demo-heading span{font-size:11px;color:#ababab}.nm-priority-demo>p{font-size:13px;color:#ababab;margin:16px 0}.nm-demo-controls{display:flex;gap:28px;flex-wrap:wrap;margin:24px 0}.nm-demo-controls>label{font-size:13px;display:flex;align-items:center;gap:12px}.nm-demo-controls fieldset{border:0;padding:0;margin:0;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.nm-demo-controls legend{font-size:11px;color:#ababab;margin-bottom:10px}.nm-demo-controls fieldset label{font-size:12px;display:flex;align-items:center;gap:5px}.nm-demo-map{height:200px;position:relative;background:linear-gradient(30deg,transparent 47%,#292929 48%,#292929 50%,transparent 51%),linear-gradient(125deg,transparent 45%,#292929 46%,#292929 48%,transparent 49%);background-color:#202020;border-radius:14px;overflow:hidden}.nm-demo-point{position:absolute;top:95px;left:20%;display:flex;align-items:center;gap:8px}.nm-demo-point i{width:12px;height:12px;border-radius:50%;border:2px solid white;background:#202020;box-shadow:0 1px 4px #173d4a30}.nm-demo-point span{position:absolute;bottom:22px;left:-35px;background:#202020;border:1px solid #383838;padding:7px 10px;border-radius:14px;font-size:12px;white-space:nowrap}.nm-demo-point.point-1{left:48%;top:110px}.nm-demo-point.point-2{left:78%;top:90px}.nm-demo-map.density-1 .point-1{left:35%}.nm-demo-map.density-1 .point-2{left:42%}.nm-demo-map.density-2 .point-1{left:25%}.nm-demo-map.density-2 .point-2{left:30%}.nm-json-section{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;margin:40px 0 48px}.nm-json-section h3{font-size:23px;line-height:1.6;margin-bottom:16px}.nm-json-section p{font-size:14px;color:#ababab;line-height:2}.nm-json-section code{font-size:12px}.nm-json-section pre{background:#202020;color:#ababab;border-radius:14px;padding:24px;overflow:auto;line-height:1.9;margin:0;min-width:0}.nm-brand-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.nm-brand-specs .nm-evidence-image>img{max-height:600px;object-fit:contain}.nm-cross-context{margin-top:64px;padding:40px;background:#202020;color:#f5f5f5;border-radius:14px}.nm-cross-context>h3{font-size:30px;line-height:1.5;letter-spacing:-.025em}.nm-cross-context .nio-context-groups{gap:40px;margin-top:32px}.nm-cross-context .nio-context-group>h3{font-size:22px}.nm-cross-context .nio-context-group>p{font-size:14px;color:#ababab}.nm-cross-context .nio-context-card{background:#202020}.nm-cross-context .nio-context-cover{height:190px;padding:20px;background:#202020}.nm-cross-context .nio-context-cover.is-mobile{background:#202020}.nm-cross-context .nio-context-caption{padding:22px}.nm-cross-context .nio-context-caption h4{font-size:19px}.nm-cross-context .nio-context-caption p{font-size:13px;color:#ababab}.nm-cross-context .nio-context-caption>span:first-child{color:#ababab}.nm-cross-context .nio-occ-title-cover{background:#202020}.nm-cross-context .nio-context-link{font-size:12px;color:#00bebe}.nm-delivery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:32px}.nm-delivery-grid article{background:#202020;border:1px solid #383838;border-radius:14px;padding:24px}.nm-delivery-grid h3{font-size:20px;line-height:1.6;margin:16px 0}.nm-delivery-grid p{font-size:13px;color:#ababab;line-height:1.95}.nm-delivery-grid p+p{margin-top:14px}.nm-product-records{display:flex;align-items:flex-start;justify-content:center;gap:16px;background:#202020;border-radius:14px;padding:28px;margin-top:24px}.nm-product-records>.project-image{width:40%;max-width:280px}.nm-product-records .project-image img{max-height:460px;object-fit:contain}.nm-adaptation summary>small{display:block;color:#ababab;font-size:12px}.nm-reflection>article{display:flex;align-items:flex-start;gap:24px;padding:32px 0;border-bottom:1px solid #383838}.nm-reflection>article>span{font-size:14px;color:#ababab}.nm-reflection h3{font-size:22px;line-height:1.6;margin:12px 0}.nm-reflection article p{font-size:15px;color:#ababab;line-height:1.95}.nm-ending{padding:64px 0 96px}.nm-ending>p{font-size:12px;letter-spacing:.12em;color:#ababab;margin-bottom:16px}.nm-ending strong{display:block;font-size:26px;font-weight:400;line-height:1.7;max-width:650px}.nm-ending>a{display:inline-block;color:#00bebe;margin-top:28px;font-size:14px}.nio-map-case summary:focus-visible,.nm-navigation a:focus-visible{outline:2px solid #168c89;outline-offset:3px}.nio-map-case .nm-priority-demo input{accent-color:#087b77}@media(min-width:1500px){.nm-shell{max-width:1280px}.nm-layout{grid-template-columns:180px minmax(0,1fr);gap:48px}}@media(max-width:1100px){.nm-shell{width:calc(100% - 48px)}.nm-layout{grid-template-columns:150px minmax(0,1fr);gap:24px}.nm-navigation nav a{padding:9px 7px;font-size:11px}.nm-hero-layout{grid-template-columns:1.2fr .8fr;gap:24px}.nm-model-flow{grid-template-columns:1fr;gap:12px}.nm-flow-arrow{justify-self:center;transform:rotate(90deg)}.nm-model-flow article{padding:20px}.nm-model-flow dl{display:grid;grid-template-columns:90px 1fr;align-items:start;gap:10px}.nm-model-flow dd,.nm-model-flow dt{margin:0}.nm-cross-context{padding:28px}.nm-delivery-grid{grid-template-columns:1fr}}@media(max-width:850px){.nm-layout{display:block}.nm-navigation{position:sticky;top:80px;background:#101010eb;backdrop-filter:blur(14px);padding:8px 0;margin-bottom:28px}.nm-desktop-nav{display:none}.nm-mobile-nav{display:block;border:1px solid #383838;border-radius:14px;background:#202020}.nm-mobile-nav summary{cursor:pointer;display:flex;justify-content:space-between;font-size:13px;padding:12px 16px;list-style:none}.nm-mobile-nav>div{padding:8px 12px;max-height:60vh;overflow:auto}.nm-navigation nav a{font-size:12px;padding:9px 12px}.nm-hero-layout{grid-template-columns:1.3fr 1fr}.nm-chapter{padding-top:80px}.nm-anchor,.nm-chapter,.nm-subchapter{scroll-margin-top:150px}.nm-json-section,.nm-research-evidence,.nm-selection-evidence{grid-template-columns:1fr}}@media(max-width:600px){.nio-map-case{padding-top:88px}.nm-shell{width:calc(100% - 36px)}.nm-back{margin-bottom:24px}.nio-map-case h1{font-size:38px}.nm-subtitle{font-size:21px;margin-bottom:32px}.nm-hero-layout{display:flex;flex-direction:column;gap:28px}.nm-hero-phone{width:100%;padding:28px;max-width:100%}.nm-hero-phone>div{max-width:230px}.nm-claim p{font-size:15px}.nm-contribution p{font-size:13px}.nm-chapter-heading h2{font-size:29px;line-height:1.45}.nm-chapter-heading>p:last-child{font-size:16px}.nm-chapter{padding-top:72px}.nm-challenge-grid,.nm-pending-grid,.nm-principle-grid,.nm-resource-families,.nm-upgrade-pair{grid-template-columns:1fr}.nm-upgrade-pair article{padding:24px}.nm-phone-pair{padding:20px 14px;gap:16px}.nm-phone-pair .nm-evidence-image>img{max-height:350px}.nm-phone-pair .nm-evidence figcaption{font-size:10px}.nm-research-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.nm-scale-gallery{padding:18px 12px;gap:10px}.nm-scale-gallery .zoom-button{font-size:9px;padding:4px 6px}.nm-scale-gallery .project-image figcaption{font-size:9px}.nm-subchapter{margin-top:48px;padding-top:32px}.nm-subchapter>h3{font-size:25px}.nm-matrix-wrap{margin-inline:0}.nm-pin-matrix{min-width:540px}.nm-state-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.nm-filter-bar button,.nm-state-tabs button{font-size:12px;padding:8px 12px}.nm-selected-pair>figure{padding:18px 12px;min-height:210px}.nm-selected-pair img{max-height:72px}.nm-selected-pair figcaption{font-size:10px}.nm-priority-demo{padding:20px}.nm-demo-controls>label{flex-wrap:wrap}.nm-demo-point span{font-size:10px;padding:6px}.nm-brand-specs{grid-template-columns:1fr}.nm-brand-specs .nm-evidence-image>img{max-height:540px}.nm-cross-context{padding:24px 18px;margin-inline:-4px}.nm-cross-context>h3{font-size:26px}.nm-cross-context .nio-context-cards{grid-template-columns:1fr}.nm-cross-context .nio-context-cover{height:210px}.nm-cross-context .nio-context-caption h4{font-size:21px}.nm-product-records{padding:22px 14px}.nm-product-records>.project-image{width:47%}.nm-reflection>article{gap:14px;padding:28px 0}.nm-reflection h3{font-size:20px}.nm-reflection article p{font-size:14px}.nm-ending strong{font-size:24px}.nm-details{padding:18px}.nm-status{font-size:9px}}@media(prefers-reduced-motion:reduce){html:has(.nio-map-case){scroll-behavior:auto}.nio-map-case *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}.nm-cross-context .nio-context-cover>img{width:100%;height:100%;object-fit:contain}.nio-map-case .nm-priority-rules{list-style:none;padding:0;display:grid;gap:12px;margin:24px 0}.nio-map-case .nm-priority-rules li{padding:24px;background:#202020;border-left:3px solid #00bebe;border-radius:14px}.nio-map-case .nm-priority-rules li>span{color:#00bebe;font-size:12px;letter-spacing:.08em}.nio-map-case .nm-priority-rules h4{margin:10px 0;line-height:1.8;overflow-wrap:anywhere}.nio-map-case .nm-priority-rules p{margin:0;font-size:14px}.nio-map-case .nm-foundations{margin:28px 0 56px}.nio-map-case .nm-spec-facts{display:grid;grid-template-columns:1fr 2fr;gap:16px;margin:24px 0}.nio-map-case .nm-spec-facts>div{padding:24px;background:#202020;border-radius:14px}.nio-map-case .nm-spec-facts span,.nio-map-case .nm-spec-facts strong{display:block}.nio-map-case .nm-spec-facts span{font-size:12px;color:#ababab;margin-bottom:10px}.nio-map-case .nm-base-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:24px 0}.nio-map-case .nm-base-grid article{padding:14px;border:1px solid #383838;background:#202020}.nio-map-case .nm-base-grid h5{font-size:13px;margin:0 0 12px;font-weight:600}.nio-map-case .nm-base-pair{display:grid;grid-template-columns:1fr 1fr;gap:6px}.nio-map-case .nm-base-pair figure{margin:0;min-height:90px;display:flex;align-items:center;flex-direction:column}.nio-map-case .nm-base-pair .on-dark{background:#202020}.nio-map-case .nm-base-pair .on-light{background:#202020;color:#f5f5f5}.nio-map-case .nm-base-pair img{width:32px;height:32px;object-fit:contain}.nio-map-case .nm-base-pair figcaption{font-size:10px;margin-top:10px}.nio-map-case .nm-base-pair span{font-size:12px}.nio-map-case .nm-field-table{width:100%;min-width:520px;border-collapse:collapse;background:#202020}.nio-map-case .nm-field-table td,.nio-map-case .nm-field-table th{padding:18px;text-align:left;border-bottom:1px solid #383838;font-size:14px}.nio-map-case .nm-field-table thead{background:#202020}@media(max-width:700px){.nio-map-case .nm-base-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nio-map-case .nm-spec-facts{grid-template-columns:1fr}}.nio-map-case .nm-base-pair .on-light{background:#f5f6f8;color:#102b2b}.nio-map-case .nm-base-pair .on-dark{background:#101010;color:#f5f5f5}.nio-map-case .nm-filter-bar button[aria-pressed=true],.nio-map-case .nm-state-tabs button[aria-pressed=true]{background:#00bebe;border-color:#00bebe;color:#fff}.nio-map-case .nm-navigation nav a[aria-current=location],.nio-map-case .nm-pin-matrix .is-current{background:#112c2c}.nio-map-case .nm-status{background:#1d302c;color:#a1d3c8;border-color:#36514a}.nio-map-case .nm-status.status-analysis{background:#123131;color:#00bebe;border-color:#245454}.nio-map-case .nm-status.status-pending{background:#342d22;color:#d3bd93;border-color:#524633}.nio-map-case .nm-evidence-image{background:#202020}.nio-map-case .nm-demo-point span{background:#292929;color:#f5f5f5}.nio-map-case .nm-demo-map{background-color:#181818}.nio-map-case .nm-caption,.nio-map-case .nm-hero-phone figcaption{color:#a0a0a0!important}@media(min-width:1101px){.nm-navigation{width:180px;transform:translateX(calc(max(5vw, (100vw - 1680px)/2) - max(40px, (100vw - 1280px)/2)))}}@media(min-width:851px) and (max-width:1100px){.nm-navigation{width:150px;transform:translateX(calc(5vw - 24px))}}.nio-map-case .nm-hero-phone>div{border:1px solid var(--app-frame-edge);padding:var(--app-frame-width);background:var(--app-frame-shell);border-radius:36px;box-shadow:inset 0 1px 0 #ffffff12,0 8px 20px #0002}.nio-map-case .nm-hero-phone>div>img{border-radius:30px}.nio-map-case .nm-evidence-image:has(>img[src$="final-map.png"]),.nio-map-case .nm-evidence-image:has(>img[src$="old-map.png"]){width:fit-content;max-width:100%;margin-inline:auto;border:1px solid var(--app-frame-edge);padding:var(--app-frame-width);border-radius:14px;background:var(--app-frame-shell);box-shadow:inset 0 1px 0 #ffffff12,0 8px 20px #0002}.nio-map-case .nm-evidence-image>img[src$="final-map.png"],.nio-map-case .nm-evidence-image>img[src$="old-map.png"]{border-radius:14px}.nio-map-case .nm-contribution>p{font-size:16px;line-height:1.9;color:#b5b5b5}.nio-map-case .nm-phone-pair .nm-evidence-image:has(>img[src$="final-map.png"]),.nio-map-case .nm-phone-pair .nm-evidence-image:has(>img[src$="old-map.png"]){width:min(100%,240px)}.nio-map-case .nm-phone-pair .nm-evidence-image>img[src$="final-map.png"],.nio-map-case .nm-phone-pair .nm-evidence-image>img[src$="old-map.png"]{max-height:none;width:100%;height:auto}.nio-map-case .nm-product-records>.project-image--app-interface{max-width:210px}.nio-map-case .nm-product-records .project-image--app-interface img,.nio-map-case .nm-scale-gallery .project-image--app-interface img{max-height:none}.nio-map-case .nm-key-pages-title{font-size:23px;margin:40px 0 20px}.nio-map-case .nm-key-pages-title+.nm-scale-gallery{margin-top:0}.nio-map-case .nm-scale-gallery .project-image--app-interface .motion-scale{transform:none!important}@media(max-width:600px){.nio-map-case .nm-scale-gallery{grid-template-columns:repeat(2,minmax(0,1fr));padding:18px 12px}.nio-map-case .nm-scale-gallery .project-image figcaption{font-size:11px}}.nio-map-case .nm-official-evidence{margin:48px 0;padding:28px;background:#1b1b1d;border:1px solid #303033;border-radius:14px}.nio-map-case .nm-official-evidence>h3{font-size:25px;line-height:1.5;margin-bottom:16px}.nio-map-case .nm-official-body{font-size:15px;color:#b5b5b5;line-height:1.9;margin-bottom:24px}.nio-map-case .nm-official-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.nio-map-case .nm-official-grid.is-single{grid-template-columns:1fr}.nio-map-case .nm-official-image{position:relative;background:#202020}.nio-map-case .nm-official-image>img{width:100%;height:auto}.nio-map-case .nm-official-grid.is-single img{max-height:600px;object-fit:contain}.nio-map-case .nm-official-image .zoom-button{opacity:1}.nio-map-case .nm-official-grid figcaption{font-size:12px;color:#ababab;margin-top:12px;line-height:1.7}.nio-map-case .nm-official-source{font-size:11px;color:#999;line-height:1.9;margin-top:24px;border-top:1px solid #353535;padding-top:16px}.nio-map-case .nm-official-source a{color:#00bebe}.nio-map-case .nm-official-source span{display:block;margin-top:4px}.nio-map-case .nm-official-sources{margin:36px 0}.nio-map-case .nm-official-sources>h3{font-size:23px;margin-bottom:20px}.nio-map-case .nm-official-sources>a{display:grid;grid-template-columns:100px 1fr;gap:8px 16px;padding:20px 0;border-top:1px solid #353535}.nio-map-case .nm-official-sources small,.nio-map-case .nm-official-sources span{font-size:12px;color:#999}.nio-map-case .nm-official-sources strong{font-size:16px;font-weight:500}.nio-map-case .nm-official-sources small{grid-column:2}@media(max-width:700px){.nio-map-case .nm-official-evidence{padding:20px 16px}.nio-map-case .nm-official-grid{grid-template-columns:1fr}.nio-map-case .nm-official-grid>figure{max-width:380px;width:100%;margin-inline:auto}.nio-map-case .nm-official-evidence>h3{font-size:22px}.nio-map-case .nm-official-sources>a{grid-template-columns:1fr}.nio-map-case .nm-official-sources small{grid-column:1}}.nio-map-case .nm-evidence-preview{display:flex;align-items:flex-end;justify-content:center;gap:12px;min-width:0}.nio-map-case .nm-evidence-preview>.nm-evidence-image{flex:1;min-width:0}.nio-map-case .nm-evidence-preview>.zoom-button{position:static;flex:0 0 auto;opacity:1;margin-bottom:8px;font-size:11px;padding:8px 12px;white-space:nowrap;background:#123131;color:#fff}.nio-map-case .nm-phone-pair .nm-evidence-preview>.nm-evidence-image{flex:0 1 240px;margin-inline:0}.nio-map-case .nm-phone-pair .nm-evidence figcaption{text-align:left}@media(max-width:600px){.nio-map-case .nm-evidence-preview{flex-wrap:wrap;gap:8px}.nio-map-case .nm-evidence-preview>.nm-evidence-image{flex-basis:100%}.nio-map-case .nm-evidence-preview>.zoom-button{margin-left:auto;margin-bottom:0}.nio-map-case .nm-phone-pair .nm-evidence-preview>.nm-evidence-image{flex-basis:100%}}.nio-map-case .nm-evidence-preview>.zoom-button.zoom-text-link,.nio-map-case .zoom-button.zoom-text-link{display:inline-flex;align-items:center;gap:8px;background:transparent;border:0;border-radius:0;padding:0;min-height:32px;font-size:14px;font-weight:400;line-height:24px;color:#ccc;opacity:1}.nio-map-case .zoom-button.zoom-text-link:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}.nio-map-case .nm-official-image>.zoom-button.zoom-text-link{position:static;display:flex;width:fit-content;margin:8px 12px 8px auto}.nio-map-case .nm-competitors{margin:28px 0 40px}.nio-map-case .nm-competitor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:24px}.nio-map-case .nm-competitor-grid>figure{padding:24px;background:#202020;border:1px solid #303033;border-radius:14px;min-width:0}.nio-map-case .nm-competitor-grid header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:24px}.nio-map-case .nm-competitor-grid h4{font-size:19px;margin:0}.nio-map-case .nm-competitor-grid header>span{font-size:11px;color:#999}.nio-map-case .nm-competitor-screen{padding:0;border:0;border-radius:36px;background:transparent;box-shadow:none;overflow:hidden;max-width:240px}.nio-map-case .nm-competitor-screen>img{width:100%;height:auto;border-radius:30px}.nio-map-case .nm-competitor-grid .app-interface-preview{justify-content:center}@media(max-width:600px){.nio-map-case .nm-competitor-grid{grid-template-columns:1fr}.nio-map-case .nm-competitor-grid>figure{padding:24px}.nio-map-case .nm-competitor-grid .app-interface-preview{flex-wrap:nowrap}.nio-map-case .nm-competitor-grid .app-interface-preview>div{flex:1;min-width:0}.nio-map-case .nm-competitor-grid .app-interface-preview>.zoom-button{margin-left:0;margin-bottom:8px}}.nio-map-case .nm-competitor-grid{grid-template-columns:1fr;gap:24px}.nio-map-case .nm-competitor-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,1fr);gap:48px;align-items:center;padding:32px;background:#202020;border:1px solid #303033;border-radius:14px;min-width:0}.nio-map-case .nm-competitor-analysis h4{font-size:28px;line-height:1.5;margin:0 0 24px}.nio-map-case .nm-competitor-analysis>p:not(.nm-eyebrow){font-size:16px;line-height:1.95;color:#b5b5b5}.nio-map-case .nm-competitor-takeaway{margin-top:28px;padding-top:24px;border-top:1px solid #383838}.nio-map-case .nm-competitor-takeaway h5{font-size:14px;font-weight:500;color:#d5d5d5;margin:0 0 12px}.nio-map-case .nm-competitor-takeaway p{font-size:15px;line-height:1.9;color:#ababab}.nio-map-case .nm-competitor-interface{margin:0;min-width:0}.nio-map-case .nm-competitor-interface .app-interface-preview{justify-content:flex-end}.nio-map-case .nm-competitor-interface .nm-competitor-screen{flex:0 1 240px}.nio-map-case .nm-competitor-interface .zoom-button{margin-bottom:8px}@media(max-width:850px){.nio-map-case .nm-competitor-row{gap:24px;padding:24px;grid-template-columns:minmax(0,1fr) minmax(240px,1fr)}}@media(max-width:600px){.nio-map-case .nm-competitor-row{grid-template-columns:1fr;gap:28px;padding:24px}.nio-map-case .nm-competitor-analysis h4{font-size:24px;margin-bottom:16px}.nio-map-case .nm-competitor-analysis>p:not(.nm-eyebrow){font-size:15px}.nio-map-case .nm-competitor-interface .app-interface-preview{justify-content:center}.nio-map-case .nm-competitor-takeaway{margin-top:20px;padding-top:20px}}.nio-map-case .nm-core-question{margin-top:36px;padding:28px 32px;background:#112c2c;border:1px solid #245454;border-left:3px solid #00bebe;border-radius:14px}.nio-map-case .nm-core-question h2{font-size:18px;font-weight:600;color:#00bebe;margin:0 0 20px;line-height:1.5}.nio-map-case .nm-core-question>p{margin:0;font-size:clamp(18px,1.4vw,22px);line-height:1.9;color:#e3e7f0;font-weight:400}.nio-map-case .nm-core-question strong{font-weight:600;color:#fff}@media(max-width:600px){.nio-map-case .nm-core-question{padding:24px 22px;margin-top:28px}.nio-map-case .nm-core-question h2{font-size:17px;margin-bottom:16px}.nio-map-case .nm-core-question>p{font-size:18px;line-height:1.85}}.nio-map-case .nm-evidence-action-below .nm-evidence-preview{display:block}.nio-map-case .nm-evidence-action-below>.zoom-button.zoom-text-link{position:static;margin-top:12px}.nio-map-case .nm-layer-overview,.nio-map-case .nm-state-overview{margin-top:40px}.nio-map-case .nm-layer-overview>h4,.nio-map-case .nm-state-overview>h4{font-size:23px;margin:0 0 24px}.nio-map-case .nm-layer-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.nio-map-case .nm-layer-cards article{padding:28px;border:1px solid #353535;border-radius:14px;background:#202020}.nio-map-case .nm-layer-cards article:first-child{background:#112c2c;border-color:#245454}.nio-map-case .nm-layer-grade{font-size:12px;color:#00bebe;letter-spacing:.05em}.nio-map-case .nm-layer-cards h5{font-size:21px;margin:14px 0}.nio-map-case .nm-layer-cards dd,.nio-map-case .nm-layer-cards p{font-size:14px;line-height:1.9;color:#b5b5b5}.nio-map-case .nm-layer-cards dt{font-size:12px;margin:20px 0 6px;color:#ddd}.nio-map-case .nm-layer-cards dd{margin:0}.nio-map-case .nm-identity-strip{display:flex;flex-wrap:wrap;gap:28px;margin:28px 0 40px}.nio-map-case .nm-identity-strip figure{display:flex;align-items:center;gap:12px}.nio-map-case .nm-identity-strip img{width:28px;height:28px;object-fit:contain}.nio-map-case .nm-identity-strip figcaption{font-size:13px;color:#bbb}.nio-map-case .nm-field-composition{display:grid;gap:12px}.nio-map-case .nm-field-composition article{padding:24px;border:1px solid #353535;border-radius:14px;background:#202020}.nio-map-case .nm-field-composition h5{font-size:17px;margin:0 0 16px}.nio-map-case .nm-field-composition article>div{display:flex;flex-wrap:wrap;gap:8px}.nio-map-case .nm-field-composition span{font-size:13px;background:#2c2c2c;border:1px solid #414141;border-radius:14px;padding:8px 12px}.nio-map-case .nm-field-composition p{font-size:13px;color:#ababab;margin-top:16px}.nio-map-case .nm-state-dimensions{border-top:1px solid #353535;border-bottom:1px solid #353535;padding:20px 0;margin-bottom:24px}.nio-map-case .nm-state-dimensions p{display:flex;gap:24px;line-height:1.9;font-size:14px}.nio-map-case .nm-state-dimensions p+p{margin-top:12px}.nio-map-case .nm-state-dimensions strong{font-weight:500;flex-shrink:0;color:#ddd}.nio-map-case .nm-state-dimensions span{color:#ababab}.nio-map-case .nm-native-state-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}.nio-map-case .nm-native-state-grid article{background:#202020;border:1px solid #353535;border-radius:14px;padding:24px}.nio-map-case .nm-native-state-grid h5{font-size:16px;margin:0}.nio-map-case .nm-native-state-grid article>div{height:130px;display:flex;align-items:center;justify-content:center}.nio-map-case .nm-native-state-grid img{max-width:100%;width:auto;max-height:90px;height:auto;object-fit:contain}.nio-map-case .nm-native-state-grid p{font-size:13px;color:#ababab;line-height:1.9}.nio-map-case .nm-state-matrix-link{display:inline-block;color:#00bebe;font-size:14px;margin-top:20px}@media(max-width:600px){.nio-map-case .nm-layer-cards,.nio-map-case .nm-native-state-grid{grid-template-columns:1fr}.nio-map-case .nm-layer-cards article{padding:24px}.nio-map-case .nm-state-dimensions p{display:block}.nio-map-case .nm-state-dimensions strong{display:block;margin-bottom:6px}}.nio-map-case .nm-rule-notes{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:20px 0}.nio-map-case .nm-rule-notes strong{color:#00bebe;margin-right:12px}.nio-map-case .nm-resource-rules{margin-top:40px}.nio-map-case .nm-resource-rule-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#383838;border:1px solid #383838;overflow:hidden}.nio-map-case .nm-resource-rule-grid>article{background:#202020;text-align:center}.nio-map-case .nm-rule-expanded{height:150px;display:flex;align-items:center;justify-content:center}.nio-map-case .nm-rule-expanded img{width:auto;max-width:100%;height:auto;max-height:130px;object-fit:contain}.nio-map-case .nm-rule-small{display:flex;justify-content:center;gap:16px;margin:20px 0}.nio-map-case .nm-rule-small figure{margin:0}.nio-map-case .nm-rule-small img{width:64px;height:64px;object-fit:contain}.nio-map-case .nm-rule-small figcaption{font-size:12px;color:#ababab;margin-top:4px}.nio-map-case .nm-rule-aggregation{min-height:110px;padding-top:12px;border-top:1px solid #383838}.nio-map-case .nm-rule-aggregation strong{font-size:15px;color:#eee}.nio-map-case .nm-rule-aggregation img{display:inline-block;width:36px;height:36px;vertical-align:middle;margin-left:10px}.nio-map-case .nm-rule-aggregation p{font-size:12px;margin:12px 0 0}.nio-map-case .nm-composition-note{padding:20px 24px;background:#202020;border-left:2px solid #00bebe;margin-top:16px}.nio-map-case .nm-operation-rules{margin-top:40px}.nio-map-case .nm-operation-groups{display:grid;grid-template-columns:1fr 1fr;gap:16px}.nio-map-case .nm-operation-groups>article{padding:24px;background:#202020;border:1px solid #383838}.nio-map-case .nm-operation-assets{display:grid;grid-template-columns:1fr 1fr;gap:20px}.nio-map-case .nm-operation-assets figure{margin:0;text-align:center;min-width:0}.nio-map-case .nm-operation-assets img{width:auto;max-width:100%;height:110px;object-fit:contain;margin:auto}.nio-map-case .nm-operation-assets figcaption{font-size:12px;color:#ababab;margin-top:10px;line-height:1.7}.nio-map-case .nm-base-pair figure{justify-content:center}.nio-map-case .nm-fy-resources{margin-top:24px;padding:20px 24px;border-left:2px solid #00bebe;background:#202020}@media(max-width:1000px){.nio-map-case .nm-resource-rule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nio-map-case .nm-operation-groups{grid-template-columns:1fr}}@media(max-width:600px){.nio-map-case .nm-rule-notes{grid-template-columns:1fr;gap:0}.nio-map-case .nm-resource-rule-grid{grid-template-columns:1fr}.nio-map-case .nm-operation-assets{grid-template-columns:1fr 1fr}}.nio-map-case .nm-brand-icons+.nm-brand-icons{margin-top:16px;padding-top:14px;border-top:1px solid #383838}.nio-map-case .nm-brand-label{display:block;margin-bottom:10px;color:#ababab;font-size:12px;letter-spacing:.04em}.nio-map-case :is(.nm-resource-rules,.nm-operation-rules,.nm-layer-overview,.nm-foundations)>h4{font-size:24px;font-weight:700;line-height:1.5;margin-bottom:16px}.nio-map-case :is(.nm-resource-rules,.nm-operation-rules,.nm-layer-overview,.nm-foundations)>h4+p{margin-top:0;margin-bottom:16px}.nio-map-case .nm-base-grid,.nio-map-case .nm-operation-groups,.nio-map-case .nm-resource-rule-grid{margin-top:16px}.nio-map-case .nm-operation-groups>article>h5{line-height:1.5}.nio-map-case .nm-core-question h2,.nio-map-case .nm-operation-groups>article>h5,.nio-map-case .nm-state-overview>h4{font-size:24px;font-weight:700;margin-bottom:16px}.nio-map-case .nm-state-overview>h4{line-height:1.5}.nio-map-case .nm-cross-context{padding:0;background:transparent;border-radius:0;margin-top:64px}.nio-map-case .nm-cross-context>h3{font-size:30px;font-weight:700;margin-bottom:16px}.nio-map-case .nm-cross-context .nio-context-groups{margin-top:32px;gap:48px}.nio-map-case .nm-cross-context .nio-context-group>h3{font-size:24px;font-weight:700;margin-bottom:16px}.nio-map-case .nm-cross-context .nio-context-group>p{margin-bottom:16px}.nio-map-case .nm-cross-context .nio-context-cards{gap:16px}.nio-map-case .nm-cross-context .nio-context-card{background:#202020;border:1px solid #353535;border-radius:16px;overflow:hidden}.nio-map-case .nm-cross-context .nio-context-cover{height:280px;padding:0;background:#202020}.nio-map-case .nm-cross-context .nio-context-cover.is-mobile>.project-image{width:110px;max-width:100%;height:100%;margin:0 auto}.nio-map-case .nm-cross-context .nio-context-cover.is-mobile .motion-scale{height:100%;width:100%}.nio-map-case .nm-cross-context .nio-context-caption{padding:24px;gap:16px}.nio-map-case .nm-cross-context .nio-context-caption h4{font-size:24px;font-weight:700;line-height:1.5}.nio-map-case .nm-cross-context .nio-context-link{color:#00bebe;font-size:14px}@media(max-width:767px){.nio-map-case .nm-cross-context{margin-inline:0;padding:0}.nio-map-case .nm-cross-context .nio-context-cover{height:260px}}.nio-map-case .nm-visual-comparison>div{position:relative;padding-top:0}.nio-map-case .nm-visual-comparison>div>h3{margin:0 110px 16px 0;min-height:24px;line-height:24px}.nio-map-case .nm-visual-comparison .nm-evidence,.nio-map-case .nm-visual-comparison .nm-evidence-preview{position:static}.nio-map-case .nm-visual-comparison .nm-evidence>figcaption{display:none}.nio-map-case .nm-visual-comparison .zoom-button.zoom-text-link{position:absolute;top:0;right:0;bottom:auto;left:auto;margin:0;transform:none}.nio-map-case .nm-foundations>.nm-base-heading{margin-top:64px}.nio-map-case .nm-base-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:start}.nio-map-case .nm-base-grid article{padding:12px;border-radius:14px}.nio-map-case .nm-base-grid h5{margin-bottom:8px}.nio-map-case .nm-base-pair figure{min-height:48px;height:48px;border-radius:14px}.nio-map-case .nm-base-pair img{width:24px;height:24px}.nio-map-case .nm-base-pair span{font-size:10px}.nio-map-case .nm-brand-label{font-size:11px;margin-bottom:6px}.nio-map-case .nm-brand-icons+.nm-brand-icons{margin-top:10px;padding-top:10px}@media(max-width:1100px){.nio-map-case .nm-base-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:767px){.nio-map-case .nm-base-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.nio-map-case .nm-priority-intro{margin:0 0 16px;color:#ababab;font-size:15px}.nio-map-case .nm-priority-table{width:100%;border-collapse:collapse;min-width:740px;background:#202020;font-size:14px}.nio-map-case .nm-priority-table td,.nio-map-case .nm-priority-table th{padding:20px;border:1px solid #383838;text-align:left;vertical-align:middle}.nio-map-case .nm-priority-table thead th{color:#ababab;font-size:12px;font-weight:500}.nio-map-case .nm-priority-table tbody th{width:170px;font-weight:600}.nio-map-case .nm-priority-table tbody th>span{display:block;color:#00bebe;font-size:12px;margin-bottom:8px}.nio-map-case .nm-priority-table td:last-child{max-width:320px;color:#ababab;line-height:1.8}.nio-map-case .nm-priority-compare{display:flex;align-items:center;justify-content:center;gap:12px}.nio-map-case .nm-priority-compare>span{color:#00bebe;font-size:20px}.nio-map-case .nm-priority-sample{margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:92px;gap:8px}.nio-map-case .nm-priority-sample img{width:auto;height:auto;max-width:120px;max-height:70px;object-fit:contain}.nio-map-case .nm-priority-sample figcaption{font-size:12px;color:#ccc;text-align:center;line-height:1.6}.nio-map-case .nm-priority-order{margin-top:32px}.nio-map-case .nm-priority-order h4{font-size:24px;font-weight:700;margin-bottom:16px}.nio-map-case .nm-priority-order>p{color:#ababab;margin-bottom:16px}.nio-map-case .nm-priority-order ol{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;list-style:none;padding:0}.nio-map-case .nm-priority-order li{padding:14px 8px;background:#202020;border:1px solid #383838;border-radius:14px}.nio-map-case .nm-order-number{display:block;color:#00bebe;font-size:12px;margin-bottom:10px}.nio-map-case .nm-priority-order .nm-priority-sample{min-height:90px;min-width:0}.nio-map-case .nm-priority-order img{max-height:48px;max-width:64px}@media(max-width:767px){.nio-map-case .nm-priority-order ol{grid-template-columns:repeat(3,minmax(0,1fr))}}.nio-map-case .nm-competitor-grid{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:12px;margin-top:16px;scrollbar-width:thin;scrollbar-color:#555 #202020}.nio-map-case .nm-competitor-row{flex:0 0 94%;scroll-snap-align:start;grid-template-columns:minmax(0,1fr) minmax(220px,.7fr);gap:32px}.nio-map-case .nm-competitor-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:16px}.nio-map-case .nm-competitor-controls>span{font-size:13px;color:#ababab;margin-right:8px}.nio-map-case .nm-competitor-controls button{width:40px;height:36px;border:1px solid #383838;border-radius:14px;background:#202020;color:#fff}.nio-map-case .nm-competitor-controls button:disabled{opacity:.3}.nio-map-case .nm-competitor-grid:focus-visible{outline:2px solid #00bebe;outline-offset:4px}@media(max-width:767px){.nio-map-case .nm-competitor-row{flex-basis:94%;grid-template-columns:1fr;padding:24px;gap:24px}.nio-map-case .nm-competitor-interface .app-interface-preview{justify-content:center}}.nio-map-case .nm-exploration-compact{width:min(100%,640px)}.nio-map-case .nm-exploration-compact .nm-evidence-preview{display:block}.nio-map-case .nm-exploration-compact .nm-evidence-image{width:fit-content;max-width:100%;border-radius:14px}.nio-map-case .nm-exploration-compact .nm-evidence-image>img{width:auto;max-width:100%;height:auto;max-height:360px;object-fit:contain}.nio-map-case .nm-official-image{border-radius:14px;overflow:hidden}.nio-map-case .nm-evidence-image,.nio-map-case .nm-official-image>img{border-radius:14px}.nio-map-case .nm-product-records .project-image-surface{border-radius:14px;overflow:hidden}.nio-map-case .nio-context-cover>img{border-radius:14px}.nio-map-case .nm-competitor-grid{cursor:grab;touch-action:pan-x pan-y;user-select:none}.nio-map-case .nm-competitor-grid.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}.nio-map-case .nm-competitor-grid img{-webkit-user-drag:none;user-select:none}.nio-map-case .nm-resource-rule-grid{background:#dcdfe2;border-color:#dcdfe2;color:#111}.nio-map-case .nm-resource-rule-grid>article{background:#FAFCFD;color:#111}.nio-map-case .nm-resource-rule-grid h5,.nio-map-case .nm-rule-aggregation p,.nio-map-case .nm-rule-aggregation strong,.nio-map-case .nm-rule-small figcaption{color:#111}.nio-map-case .nm-rule-aggregation{border-color:#dcdfe2}.nio-map-case .nm-operation-groups>article{background:#FAFCFD;border-color:#dcdfe2;color:#111}.nio-map-case .nm-operation-assets figcaption,.nio-map-case .nm-operation-groups h5{color:#111}.nio-map-case .nm-pin-matrix{background:#FAFCFD;color:#111}.nio-map-case .nm-pin-matrix td,.nio-map-case .nm-pin-matrix th{background:#FAFCFD;color:#111;border-color:#dcdfe2}.nio-map-case .nm-pin-matrix .is-current{background:#dff4f2;color:#111}.nio-map-case .nm-pin-matrix .nm-unprovided{color:#111}.nio-map-case .nm-native-state-grid>article{background:#FAFCFD;border-color:#dcdfe2;color:#111}.nio-map-case .nm-native-state-grid h5,.nio-map-case .nm-native-state-grid p{color:#111}.nio-map-case .nm-priority-table{background:#FAFCFD;color:#111}.nio-map-case .nm-priority-table td,.nio-map-case .nm-priority-table th{border-color:#dcdfe2;color:#111}.nio-map-case .nm-priority-table thead th{background:#FAFCFD;color:#111}.nio-map-case .nm-priority-table .nm-priority-sample figcaption,.nio-map-case .nm-priority-table td:last-child{color:#111}.nio-map-case .nm-priority-compare>span,.nio-map-case .nm-priority-table tbody th>span{color:#00bebe}.nio-map-case .nm-matrix-wrap{padding:32px;border-radius:40px}.nio-map-case .nm-matrix-wrap:has(.nm-pin-matrix),.nio-map-case .nm-matrix-wrap:has(.nm-priority-table){background:#FAFCFD;border-color:#dcdfe2}.nio-map-case .nm-resource-rule-grid{padding:32px;background:#FAFCFD;border-radius:14px;gap:0}.nio-map-case .nm-resource-rule-grid>article{border-right:1px solid #dcdfe2;padding:24px 12px}.nio-map-case .nm-resource-rule-grid>article:last-child{border-right:0}.nio-map-case .nm-operation-groups>article{padding:32px;border-radius:14px}@media(max-width:1000px){.nio-map-case .nm-resource-rule-grid>article:nth-child(2n){border-right:0}}@media(max-width:600px){.nio-map-case .nm-resource-rule-grid>article{border-right:0;border-bottom:1px solid #dcdfe2}.nio-map-case .nm-resource-rule-grid>article:last-child{border-bottom:0}}.nio-map-case .nm-favorite-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.nio-map-case .nm-favorite-columns>section{min-width:0}.nio-map-case .nm-favorite-columns>section+section{border-left:1px solid #dcdfe2;padding-left:24px}.nio-map-case .nm-favorite-columns h6{font-size:14px;font-weight:600;color:#111;margin:0 0 16px}.nio-map-case .nm-favorite-columns .nm-operation-assets{grid-template-columns:1fr;gap:24px}@media(max-width:600px){.nio-map-case .nm-favorite-columns{gap:16px}.nio-map-case .nm-favorite-columns>section+section{padding-left:16px}}.nio-map-case .nm-foundations>h3{font-size:24px;font-weight:700;line-height:1.5;margin:0 0 16px}.nio-map-case .nm-chapter{padding-top:48px}.nio-map-case .nm-subchapter{display:flow-root;margin-top:48px;border-top:0}.nio-map-case .nm-subchapter>:last-child{margin-bottom:0}.nio-map-case .nm-cross-context,.nio-map-case .nm-foundations>.nm-base-heading,.nio-map-case .nm-operation-rules,.nio-map-case .nm-resource-rules{margin-top:48px}.nio-map-case .nm-chapter{padding-top:var(--module-gap,64px)}.nio-map-case .nm-subchapter{padding-top:0}.nio-map-case .nm-cross-context,.nio-map-case .nm-foundations>.nm-base-heading,.nio-map-case .nm-operation-rules,.nio-map-case .nm-resource-rules,.nio-map-case .nm-subchapter{margin-top:var(--module-gap,64px)}.nio-map-case .nm-cross-context .nio-context-groups{gap:var(--module-gap,64px)}.nio-map-case .nm-chapter{padding-top:var(--chapter-gap,100px)}.nio-map-case .nm-role-summary{font-size:13px;line-height:1.85;color:#ababab;margin:20px 0 0}.nio-map-case .nm-story-bridge{font-size:15px;line-height:1.85;color:#ababab;margin:24px 0 32px}.nio-map-case .nm-insight-decision{margin-top:12px;font-size:14px;line-height:1.85}.nio-map-case .nm-insight-decision strong{font-weight:600;color:#00bebe;margin-right:12px}.nio-map-case .nm-details .nm-foundations,.nio-map-case .nm-details .nm-layer-overview{margin-top:24px}.nio-map-case .nm-research-stage+.nm-research-stage{margin-top:64px}.nio-map-case .nm-research-stage>header{margin-bottom:16px}.nio-map-case .nm-research-stage>header h3{font-size:24px;font-weight:700;line-height:1.5;margin:0 0 16px}.nio-map-case .nm-research-stage>header>p:last-child{color:#ababab;font-size:15px;line-height:1.85}.nio-map-case .nm-research-stage-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:32px}.nio-map-case .nm-research-stage-layout h4{font-size:18px;font-weight:600;margin-bottom:12px}.nio-map-case .nm-research-stage-layout ol,.nio-map-case .nm-research-stage-layout ul{padding-left:20px;color:#ababab;font-size:14px;line-height:1.9}.nio-map-case .nm-research-stage-layout li+li{margin-top:8px}.nio-map-case .nm-research-document{margin:0;min-width:0}.nio-map-case .nm-research-document img{width:100%;border-radius:14px;display:block}.nio-map-case .nm-research-document figcaption{font-size:12px;color:#ccc;margin-top:12px}.nio-map-case .nm-interview-scope{display:grid;grid-template-columns:1fr 1fr 2fr;gap:24px;background:#202020;border:1px solid #353535;border-radius:14px;padding:32px;margin:0 0 32px}.nio-map-case .nm-interview-scope>div{display:flex;flex-direction:column;gap:8px}.nio-map-case .nm-interview-scope strong{font-size:24px;font-weight:700}.nio-map-case .nm-interview-scope p,.nio-map-case .nm-interview-scope span{font-size:13px;color:#ababab;line-height:1.8}.nio-map-case .nm-research-decisions article+article{margin-top:24px}.nio-map-case .nm-research-decisions p{font-size:14px;color:#ababab;line-height:1.85}.nio-map-case .nm-research-process+.nm-research-detail{margin-top:64px}@media(max-width:767px){.nio-map-case .nm-research-stage-layout{grid-template-columns:1fr;gap:24px}.nio-map-case .nm-interview-scope{grid-template-columns:1fr 1fr}.nio-map-case .nm-interview-scope>p{grid-column:1/-1}}.nio-map-case .nm-research-document{max-width:560px}.nio-map-case .nm-research-document img{width:auto;max-width:100%;height:auto;max-height:360px;object-fit:contain;object-position:left top}.nio-map-case .nm-research-process .nm-details .nm-research-document{max-width:560px}.nio-map-case .nm-research-process .nm-details .nm-research-document img{max-height:400px}.nio-map-case .nm-research-document figcaption{max-width:560px}.nio-map-case .nm-evidence:not(:has(img[src$="old-map.png"])):not(:has(img[src$="final-map.png"])) .nm-evidence-image>img{width:auto;max-width:100%;height:auto;max-height:400px;object-fit:contain;object-position:left top}.nio-map-case .nm-base-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.nio-map-case .nm-base-grid article{padding:10px}.nio-map-case .nm-base-grid h5{font-size:12px;line-height:1.5;margin-bottom:6px}.nio-map-case .nm-base-pair{gap:4px}.nio-map-case .nm-base-pair figure{min-height:36px;height:36px}.nio-map-case .nm-base-pair img{width:20px;height:20px}.nio-map-case .nm-brand-label{font-size:10px;margin-bottom:4px}.nio-map-case .nm-brand-icons+.nm-brand-icons{margin-top:8px;padding-top:8px}@media(max-width:1100px){.nio-map-case .nm-base-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:767px){.nio-map-case .nm-base-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:440px){.nio-map-case .nm-base-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.nio-map-case .nm-base-catalogue{padding:32px;background:#202020;border:1px solid #353535;border-radius:14px;gap:24px 16px}.nio-map-case .nm-base-catalogue article{padding:0;border:0;background:transparent;border-radius:0;min-width:0}.nio-map-case .nm-base-catalogue h5{font-size:12px;font-weight:500;text-align:center;margin:8px 0 0;color:#ababab}.nio-map-case .nm-base-catalogue .nm-base-pair figure{background:transparent;height:32px;min-height:32px}.nio-map-case .nm-base-catalogue .nm-base-pair .on-light{background:#FAFCFD}.nio-map-case .nm-chapter-panel{margin-top:var(--chapter-gap,100px);padding:32px;border-radius:14px}.nio-map-case .nm-panel-light{background:#e9efed;color:#111;--nm-ink:#111;--nm-muted:#ababab;--nm-line:#c7d1cc}.nio-map-case .nm-panel-light .nm-chapter-heading h2{color:#111}.nio-map-case .nm-panel-light .nm-chapter-heading>p:last-child{color:#ababab}.nio-map-case .nm-panel-light .nm-eyebrow{color:#00bebe}.nio-map-case .nm-panel-light :is(.nm-upgrade-pair article,.nm-challenge-grid article,.nm-official-evidence,.nm-phone-pair){background:#FAFCFD;border-color:#cdd7d2;color:#111}.nio-map-case .nm-panel-light :is(.nm-upgrade-pair article,.nm-challenge-grid article,.nm-official-evidence) :is(h3,h4){color:#111}.nio-map-case .nm-panel-light :is(.nm-upgrade-pair p,.nm-upgrade-pair article>span,.nm-challenge-grid p,.nm-official-body,.nm-evidence figcaption,.nm-official-grid figcaption){color:#ababab}.nio-map-case .nm-panel-light .nm-chip-row span{background:#e4ece8;color:#263e33}.nio-map-case .nm-panel-teal{background:#202022;border:1px solid #353537}.nio-map-case .nm-panel-teal .nm-chapter-heading>p:last-child{color:#ababab}.nio-map-case .nm-panel-teal :is(.nm-delivery-grid article,.nm-details,.nio-context-card,.nio-context-cover,.nio-occ-title-cover){background:#1b1b1d;border-color:#353537}@media(max-width:767px){.nio-map-case .nm-chapter-panel{padding:24px}.nio-map-case .nm-base-catalogue{padding:24px;gap:20px 12px}}.nio-map-case .nm-panel-light .nm-phone-pair.nm-visual-comparison{background:transparent}.nio-map-case .nm-research-stage>header h3{font-size:32px}.nio-map-case .nm-cross-context .nio-context-cover.is-montage{padding:0;background:#cfd1d0}.nio-map-case .nm-cross-context .nio-context-cover.is-montage>img{width:100%;height:100%;object-fit:contain;border-radius:0;object-fit:cover;object-position:center}.nio-map-case .nm-hero-phone>div,.nio-map-case .nm-product-records>.project-image{max-width:240px}.nio-map-case .nm-competitor-screen,.nio-map-case .nm-hero-phone>div,.nio-map-case .nm-product-records>.project-image{max-width:210px}.nm-firefly{margin:64px 0;padding-top:40px;border-top:1px solid #383838;scroll-margin-top:100px}.nm-firefly>h3{font-size:30px;line-height:1.5;margin:16px 0 24px}.nm-firefly p{font-size:14px;line-height:1.95;color:#ababab}.nm-firefly-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:32px 0}.nm-firefly h4{font-size:18px;line-height:1.6;margin:0 0 14px}.nm-firefly-phones{display:flex;gap:64px;justify-content:space-around;overflow-x:auto;padding:32px;background:#f3f4f4;border-radius:14px}.nm-firefly figure{margin:0}.nm-firefly-phones figure{flex:0 0 210px;max-width:210px}.nm-firefly-phones img{width:100%;height:auto;display:block;border:5px solid #343936;border-radius:25px;box-sizing:border-box}.nm-firefly figcaption{font-size:11px;line-height:1.8;color:#899498;margin-top:14px}.nm-firefly-phones figcaption{color:#596b70}.nm-firefly-cockpit-title{margin-top:44px!important}.nm-firefly-cockpit{display:grid;grid-template-columns:1fr 1fr;gap:24px}.nm-firefly-cockpit img{display:block;width:100%;height:auto;border-radius:12px}@media(max-width:700px){.nm-firefly-cockpit,.nm-firefly-principles{grid-template-columns:1fr}.nm-firefly>h3{font-size:24px}.nm-firefly-phones{justify-content:flex-start;gap:44px;padding:24px}}.nio-map-case .nm-energy-scene{margin:40px 0 0;max-width:850px}.nio-map-case .nm-energy-scene img{display:block;width:100%;height:auto;border-radius:14px}.nio-map-case .nm-energy-scene figcaption{margin-top:12px;color:#ababab;font-size:12px}.nio-map-case .nm-video-hero{position:relative;isolation:isolate;min-height:460px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;border-radius:14px;padding:36px 36px 76px;margin-bottom:40px;background:#142331}.nio-map-case .nm-video-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#07131ce8,#0b172874 55%,#09182820)}.nio-map-case .nm-video-hero h1{color:#fff;font-size:clamp(32px,3.5vw,52px);text-shadow:0 2px 18px #0008;margin-bottom:18px}.nio-map-case .nm-video-hero .nm-subtitle{font-size:20px;color:#e0e8ee;margin-bottom:0}.nio-map-case .nm-video-hero .nm-eyebrow{color:#b7eee9}.nio-map-case .nm-video-hero .work-hero-motion{bottom:20px;right:24px}@media(max-width:700px){.nio-map-case .nm-video-hero{min-height:400px;padding:28px 22px 78px}.nio-map-case .nm-video-hero .nm-subtitle{font-size:16px}}.nio-map-case.nm-fullscreen-case{position:relative;isolation:isolate}.nm-page-video{position:absolute;top:0;left:0;right:0;height:760px;z-index:-1;isolation:isolate;overflow:hidden;background:#142331}.nm-page-video:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#07121dd9,#07121d60 40%,#07121d30),linear-gradient(0deg,#101010,#10101070 23%,#10101010 72%)}.nm-page-video .work-hero-motion{z-index:3;bottom:38px;right:5%}.nio-map-case.nm-fullscreen-case .nm-video-hero{background:none;isolation:auto;overflow:visible;border-radius:0;padding:44px 0 80px;min-height:500px;margin-bottom:44px}.nio-map-case.nm-fullscreen-case .nm-video-hero:after{display:none}body:has(.nm-fullscreen-case) .site-header{background:#0b152055;backdrop-filter:blur(16px)}@media(max-width:700px){.nm-page-video{height:700px}.nio-map-case.nm-fullscreen-case .nm-video-hero{min-height:440px;padding:40px 0 80px}.nm-page-video .work-hero-motion{bottom:24px}}.nio-map-case #why-upgrade.nm-upgrade-background{position:relative;isolation:isolate;overflow:hidden;background:#dce7ed;color:#182a38;border:1px solid #bfced6}.nio-map-case #why-upgrade .nm-chapter-heading{padding-bottom:0}.nio-map-case #why-upgrade .nm-chapter-heading h2{color:#152b3b}.nio-map-case #why-upgrade .nm-chapter-heading>p:last-child{color:#364f60}.nio-map-case #why-upgrade :is(.nm-upgrade-pair article,.nm-challenge-grid article,.nm-official-evidence){background:#f9fcfff0;border-color:#bdced9;backdrop-filter:blur(10px);color:#182d3d}.nio-map-case #why-upgrade :is(.nm-upgrade-pair p,.nm-upgrade-pair article>span,.nm-challenge-grid p,.nm-official-body,.nm-evidence figcaption,.nm-official-grid figcaption){color:#435968}.nio-map-case #why-upgrade .nm-chip-row span{background:#e0eaf0;color:#304e60}.nm-personal-exploration{padding:4px 0 24px}.nm-personal-exploration>p{font-size:13px!important;color:#aaa!important;margin:0 0 20px!important}.nm-style-thumbnails{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;max-width:960px;align-items:start}.nm-style-thumbnails figure{margin:0;min-width:0}.nm-style-thumbnails figure>div{position:relative}.nm-style-thumbnails img{display:block;width:100%;height:auto;border:4px solid #171719;border-radius:13px;box-sizing:border-box}.nm-style-thumbnails figcaption{font-size:11px;color:#999;margin-top:9px}.nm-style-thumbnails .zoom-button{font-size:9px;padding:5px 7px;bottom:6px;right:6px}@media(max-width:767px){.nm-style-thumbnails{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 10px}.nm-style-thumbnails img{border-width:3px}}.nio-map-case .nm-evidence-image:has(>img[src$="final-map.png"]),.nio-map-case .nm-evidence-image:has(>img[src$="old-map.png"]){padding:0;border:0;background:transparent;box-shadow:none}.nio-map-case .nm-chapter-heading{margin-bottom:30px}.nio-map-case .nm-chapter-heading h2{max-width:880px;letter-spacing:-.035em}.nio-map-case .nm-chapter-heading>p:last-child{max-width:780px}.nio-map-case #why-upgrade.nm-upgrade-background{padding:clamp(24px,3.4vw,48px);border:1px solid #292929;border-radius:20px;background:#111}.nio-map-case #why-upgrade .nm-upgrade-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:28px 0 22px}.nio-map-case #why-upgrade .nm-upgrade-pair article{position:relative;min-height:205px;padding:clamp(22px,2.6vw,34px);border:1px solid #333;border-radius:16px;background:linear-gradient(135deg,#1c1c1c,#131313);overflow:hidden}.nio-map-case #why-upgrade .nm-upgrade-pair article:first-child{background:linear-gradient(135deg,#1a1a1a,#111)}.nio-map-case #why-upgrade .nm-upgrade-pair article:last-child{background:linear-gradient(135deg,#102c2c,#141a1a);border-color:#176363}.nio-map-case #why-upgrade .nm-upgrade-pair article>span{display:inline-flex;color:#a2aaa7;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.nio-map-case #why-upgrade .nm-upgrade-pair article:last-child>span{color:#70dada}.nio-map-case #why-upgrade .nm-upgrade-pair h3{font-size:clamp(20px,2.1vw,28px);margin:18px 0 10px;line-height:1.35;color:#f4f6f5}.nio-map-case #why-upgrade .nm-upgrade-pair p{max-width:460px;color:#b4bcb8;line-height:1.8;font-size:14px}.nio-map-case #why-upgrade .nm-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.nio-map-case #why-upgrade .nm-chip-row span{background:#242424;border:1px solid #393939;color:#d4dad6;border-radius:6px;padding:6px 9px;font-size:11px}.nio-map-case #why-upgrade .nm-upgrade-pair article:last-child .nm-chip-row span{background:#123e3e;border-color:#1c6666;color:#b8f2f2}.nio-map-case #why-upgrade .nm-section-title{margin:32px 0 14px}.nio-map-case #why-upgrade .nm-section-title h3{font-size:17px;color:#f1f4f2}.nio-map-case #why-upgrade .nm-challenge-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.nio-map-case #why-upgrade .nm-challenge-grid article{background:#171717;border:1px solid #2d2d2d;border-radius:12px;padding:17px}.nio-map-case #why-upgrade .nm-challenge-grid h4{font-size:14px;color:#e9eeeb;margin:0 0 8px}.nio-map-case #why-upgrade .nm-challenge-grid p{font-size:12px;color:#a7b0aa;line-height:1.75}.nio-map-case .nm-key-scenarios{padding-top:88px}.nio-map-case .nm-key-scenarios .nm-eyebrow{color:#65dada}.nio-map-case .nm-scenario-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}.nio-map-case .nm-scenario-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #2d3432;border-radius:16px;background:#121514;transition:border-color .2s ease,transform .2s ease}.nio-map-case .nm-scenario-card:hover{border-color:#247a79;transform:translateY(-2px)}.nio-map-case .nm-scenario-copy{padding:22px 22px 16px}.nio-map-case .nm-scenario-index{display:block;color:#56d0d0;font-size:10px;letter-spacing:.12em;margin-bottom:12px}.nio-map-case .nm-scenario-copy h3{font-size:21px;line-height:1.35;color:#f5f7f5;margin:0 0 8px;font-weight:550}.nio-map-case .nm-scenario-copy p{font-size:12px;line-height:1.8;color:#aab4ae;margin:0 0 14px}.nio-map-case .nm-scenario-copy ul{list-style:none;display:grid;gap:8px;padding:0;margin:0}.nio-map-case .nm-scenario-copy li{position:relative;padding-left:15px;font-size:11px;line-height:1.6;color:#d3d9d5}.nio-map-case .nm-scenario-copy li:before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:#00bebe;box-shadow:0 0 0 3px #00bebe1c}.nio-map-case .nm-scenario-image{margin-top:auto;padding:0 12px 12px;min-width:0}.nio-map-case .nm-scenario-image .project-image,.nio-map-case .nm-scenario-image figure{margin:0;overflow:hidden;border:1px solid #2c3531;border-radius:10px;background:#0c1110}.nio-map-case .nm-scenario-image img{display:block;width:100%;height:auto;max-height:350px;object-fit:contain;object-position:top center}.nio-map-case .nm-scenario-image figcaption{padding:8px 10px;color:#8d9b93;font-size:10px;line-height:1.5}.nio-map-case #architecture .nm-ecosystem{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.58fr);gap:12px;align-items:stretch}.nio-map-case #architecture .nm-resource-families{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.nio-map-case #architecture .nm-resource-families article{padding:20px;border:1px solid #2b3430;border-radius:12px;background:#141716}.nio-map-case #architecture .nm-resource-families h3{font-size:14px;color:#e8eeea;line-height:1.5}.nio-map-case #architecture .nm-resource-families p{font-size:12px;line-height:1.75;color:#9daaa2}.nio-map-case #architecture .nm-unified-map{display:flex;flex-direction:column;justify-content:center;min-height:130px;padding:22px;background:linear-gradient(135deg,#103d3c,#122524);border:1px solid #176766;border-radius:12px}.nio-map-case #architecture .nm-unified-map span{font-size:18px;font-weight:550;color:#e7ffff}.nio-map-case #architecture .nm-unified-map p{font-size:12px;line-height:1.8;color:#a4d8d6}.nio-map-case #map-visual.nm-chapter-panel{padding:clamp(24px,3.4vw,48px);background:#111;border:1px solid #292929;border-radius:20px}.nio-map-case #map-visual .nm-phone-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;background:transparent;padding:0}.nio-map-case #map-visual .nm-phone-pair>div{min-width:0;background:#171918;border:1px solid #303633;border-radius:14px;padding:18px}.nio-map-case #map-visual .nm-phone-pair>div>h3{color:#dce4df;font-size:14px;margin:0 0 14px}.nio-map-case #map-visual .nm-evidence-image{background:#0b0e0d;border-color:#303633}.nio-map-case #pin-system .nm-subchapter{margin-top:38px;padding:clamp(20px,2.8vw,32px);border:1px solid #292f2c;border-radius:16px;background:#121514}.nio-map-case #pin-system .nm-subchapter-index{color:#57cece;font-size:10px;letter-spacing:.12em}.nio-map-case #pin-system .nm-subchapter>h3{font-size:clamp(20px,2vw,27px);color:#f1f5f2;line-height:1.4}.nio-map-case #pin-system .nm-subchapter>p:not(.nm-subchapter-index){color:#a9b4ad;font-size:13px;line-height:1.85}.nio-map-case #pin-system .nm-model-flow{gap:10px}.nio-map-case #pin-system .nm-model-flow article{background:#191e1c;border:1px solid #303a34;border-radius:10px;padding:18px}.nio-map-case #pin-system .nm-model-flow h4{color:#ecf3ee}.nio-map-case #pin-system .nm-model-flow dl{color:#aeb9b1}.nio-map-case #pin-system .nm-model-flow dt{color:#79d9d6}.nio-map-case #pin-system .nm-story-bridge{background:#102f2e;border:1px solid #1a5857;border-radius:8px;color:#bce8e5;padding:14px 16px}@media(max-width:1000px){.nio-map-case #why-upgrade .nm-challenge-grid,.nio-map-case .nm-scenario-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nio-map-case .nm-scenario-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr)}.nio-map-case #architecture .nm-ecosystem{grid-template-columns:1fr}}@media(max-width:680px){.nio-map-case #map-visual.nm-chapter-panel,.nio-map-case #why-upgrade.nm-upgrade-background{padding:20px 14px}.nio-map-case #map-visual .nm-phone-pair,.nio-map-case #why-upgrade .nm-upgrade-pair{grid-template-columns:1fr}.nio-map-case #why-upgrade .nm-challenge-grid{grid-template-columns:1fr 1fr}.nio-map-case .nm-scenario-grid{grid-template-columns:1fr}.nio-map-case .nm-scenario-card:last-child{grid-column:auto;display:flex}.nio-map-case .nm-scenario-copy{padding:20px 18px 14px}.nio-map-case .nm-scenario-image img{max-height:420px}.nio-map-case #architecture .nm-resource-families{grid-template-columns:1fr}.nio-map-case #pin-system .nm-subchapter{padding:18px 14px}}.nio-map-case{--nm-ink:#f7faf9;--nm-muted:#d0d8d4;--nm-line:#2a3531;--nm-paper:#080a09;--nm-accent:#00bebe;background:#080a09!important;color:#f7faf9!important}.nio-map-case .nm-chapter,.nio-map-case .nm-content,.nio-map-case .nm-overview{color:#f7faf9}.nio-map-case :is(h1,h2,h3,h4,h5,strong,b){color:#f7faf9}.nio-map-case :is(.nm-subtitle,.nm-role-summary,.nm-contribution p,.nm-caption,.nm-chapter-heading>p:last-child,.nm-upgrade-pair p,.nm-upgrade-pair article>span,.nm-challenge-grid p,.nm-challenge-grid article>span,.nm-section-lead,.nm-evidence figcaption,.nm-research-flow span,.nm-research-flow small,.nm-research-evidence p,.nm-details>p,.nm-pending-grid .nm-claim p,.nm-resource-families p,.nm-principle-grid p,.nm-subchapter>p:not(.nm-subchapter-index),.nm-model-flow article>span,.nm-model-flow dd,.nm-aggregation>p,.nm-aggregation figcaption,.nm-scenario-copy p,.nm-scenario-image figcaption,.nm-official-body,.nm-official-grid figcaption){color:#d0d8d4!important}.nio-map-case .nm-challenge-grid h4,.nio-map-case .nm-chapter-heading h2,.nio-map-case .nm-principle-grid h3,.nio-map-case .nm-resource-families h3,.nio-map-case .nm-section-title h3,.nio-map-case .nm-subchapter>h3,.nio-map-case .nm-upgrade-pair h3{color:#f7faf9!important}.nio-map-case #map-visual.nm-chapter-panel,.nio-map-case #why-upgrade.nm-upgrade-background,.nio-map-case .nm-aggregation,.nio-map-case .nm-chapter-panel,.nio-map-case .nm-details,.nio-map-case .nm-phone-pair,.nio-map-case .nm-scale-gallery{background:linear-gradient(145deg,#101513,#0b0e0d 58%,#101312)!important;border:1px solid #28332f!important;border-radius:20px;color:#f7faf9!important}.nio-map-case #why-upgrade :is(.nm-upgrade-pair article,.nm-challenge-grid article,.nm-official-evidence),.nio-map-case .nm-challenge-grid article,.nio-map-case .nm-model-flow article,.nio-map-case .nm-principle-grid article,.nio-map-case .nm-research-flow>div,.nio-map-case .nm-resource-families article,.nio-map-case .nm-scenario-card,.nio-map-case .nm-state-preview figure,.nio-map-case .nm-upgrade-pair article{background:linear-gradient(145deg,#171d1a,#101311)!important;border:1px solid #2d3933!important;color:#f7faf9!important;border-radius:16px}.nio-map-case #why-upgrade .nm-upgrade-pair article:last-child,.nio-map-case .nm-upgrade-pair article:last-child{background:radial-gradient(ellipse at 0 0,rgba(0,190,190,.17),transparent 66%),linear-gradient(145deg,#102422,#101514)!important;border-color:rgba(0,190,190,.38)!important}.nio-map-case #why-upgrade .nm-upgrade-pair article:first-child,.nio-map-case .nm-upgrade-pair article:first-child{background:radial-gradient(ellipse at 0 0,rgba(255,255,255,.035),transparent 65%),linear-gradient(145deg,#171918,#101211)!important}.nio-map-case #why-upgrade .nm-chip-row span,.nio-map-case .nm-chip-row span{background:#1a2421!important;border:1px solid #35443e!important;color:#e4eeea!important}.nio-map-case #why-upgrade .nm-upgrade-pair article:last-child .nm-chip-row span{background:#123432!important;border-color:#1d6663!important;color:#d8ffff!important}.nio-map-case .nm-eyebrow,.nio-map-case .nm-scenario-index,.nio-map-case .nm-subchapter-index{color:#42d4d1!important}.nio-map-case .nm-scope span,.nio-map-case .nm-status{color:#e1e8e4!important}.nio-map-case .nm-navigation nav a,.nio-map-case .nm-navigation nav a>span:first-child{color:#d0d8d4}.nio-map-case .nm-navigation nav a[aria-current=location]{background:#112522;border-color:#00bebe}.nio-map-case .nm-evidence-image,.nio-map-case .nm-matrix-wrap,.nio-map-case .nm-phone-pair>div{background:#0e1210!important;border-color:#2c3832!important}.nio-map-case .nm-missing{background:#121614!important;border-color:#39453f!important;color:#d0d8d4!important}@media(max-width:680px){.nio-map-case #map-visual.nm-chapter-panel,.nio-map-case #why-upgrade.nm-upgrade-background{border-radius:16px!important}}.nio-map-case .nm-hero-phone{background:transparent!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}.nio-map-case .nm-hero-phone>div{border:6px solid #050606!important;border-radius:34px!important;background:#050606!important;overflow:hidden!important;box-shadow:0 12px 28px rgba(0,0,0,.28)!important}.nio-map-case .nm-scenario-image .project-image,.nio-map-case .nm-scenario-image figure{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.nio-map-case .nm-scenario-image img{width:auto!important;max-width:100%!important;max-height:350px!important;object-fit:contain!important;object-position:top center!important;border:5px solid #050606!important;border-radius:26px!important;background:#050606!important;box-sizing:border-box!important;box-shadow:0 10px 24px rgba(0,0,0,.22)!important}.nio-map-case .nm-scenario-image figcaption{align-self:stretch;padding:8px 10px 0!important;color:#c4cfca!important;background:transparent!important}.nio-map-case .nm-scenario-image{padding:0 12px 14px!important}.nio-map-case .nm-phone-pair.nm-visual-comparison-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}.nio-map-case .nm-visual-comparison-three>div{min-width:0}.nio-map-case .nm-visual-comparison-three .nm-evidence-image{width:100%;max-width:240px;margin-inline:auto}.nio-map-case .nm-visual-comparison-three .nm-evidence-image>img{width:100%;height:auto;max-height:none}@media(max-width:600px){.nio-map-case .nm-phone-pair.nm-visual-comparison-three{grid-template-columns:1fr;gap:32px}}.nio-map-case #charging-tab .nm-evidence-image{width:min(100%,240px);max-width:240px;padding:0;border:0;background:transparent;box-shadow:none;margin-inline:auto}.nio-map-case #charging-tab .nm-evidence-image>img{display:block;width:100%!important;height:auto!important;max-width:100%;max-height:none!important;object-fit:contain}.nio-map-case .nm-visual-comparison-three>div>h3{width:min(100%,240px);margin:0 auto 16px;min-height:24px;line-height:24px;font-weight:400}.nio-map-case #why-upgrade :is(.nm-upgrade-pair article,.nm-challenge-grid article,.nm-official-evidence),.nio-map-case .nm-upgrade-pair article:first-child,.nio-map-case .nm-upgrade-pair article:last-child,.nio-map-case :is(.nm-scenario-card,.nm-resource-families article,.nm-principle-grid article,.nm-model-flow article,.nm-state-preview figure,.nm-research-flow>div){background:linear-gradient(145deg,#1b1b1d,#111113)!important;border-color:#353537!important}.nio-map-case #charging-tab .nm-evidence-image,.nio-map-case .nm-visual-comparison-three .nm-evidence-image,.nio-map-case .nm-visual-comparison-three>div{background:transparent!important;box-shadow:none!important}.nio-map-case .nm-cross-context .nio-context-cover{padding:0!important;border-radius:16px 16px 0 0;overflow:hidden}.nio-map-case .nm-navigation nav a{align-items:center}.nio-map-case .nm-navigation nav a[aria-current=location]{color:#fff}.nio-map-case .nm-navigation nav{gap:24px}.nio-map-case .nm-navigation nav a{padding:0;min-height:24px;border:0;border-radius:0;background:transparent;font-size:14px;line-height:24px;color:rgba(255,255,255,.8)}.nio-map-case .nm-navigation nav a:hover,.nio-map-case .nm-navigation nav a[aria-current=location]{background:transparent;border:0;color:#fff}.nio-map-case .nm-navigation nav a>span:first-child{color:inherit}.uki-interest-demo_demo__GD_Ju{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px;padding:40px;margin-top:32px;background:#202022;border:1px solid #333;border-radius:16px}.uki-interest-demo_phone__GXzy_{position:relative;width:280px;max-width:100%;aspect-ratio:375/812;justify-self:center;overflow:hidden;border:0;box-shadow:0 0 0 4px #151517;border-radius:20px;background:#FBFAFC;isolation:isolate}.uki-interest-demo_background__IiJyf{display:block;width:100%;height:100%;object-fit:fill;pointer-events:none;user-select:none}.uki-interest-demo_skip__U1dnC{position:absolute;top:6.8%;left:79%;width:16%;height:3.6%;border:0;background:transparent;cursor:pointer;border-radius:8px}.uki-interest-demo_counter__G54_C{position:static;color:#110533;font-size:16px;line-height:28px;white-space:nowrap}.uki-interest-demo_viewport__d8kic{position:absolute;left:0;right:0;top:36.5%;height:42%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;touch-action:pan-x pan-y;cursor:grab;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.uki-interest-demo_viewport__d8kic::-webkit-scrollbar{display:none}.uki-interest-demo_viewport__d8kic:active{cursor:grabbing}.uki-interest-demo_cloud__T6ax5{position:relative;width:1032px;height:100%;min-height:328px}.uki-interest-demo_bubble__hRqpL{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px;border:0;border-radius:50%;background:var(--tag-color);color:#110533;font-family:Arial,sans-serif;font-size:10px;line-height:1.2;text-align:center;cursor:pointer;user-select:none;animation:uki-interest-demo_float__cvSJC var(--duration) ease-in-out var(--delay) infinite;transition:background-color .2s,color .2s,box-shadow .2s;-webkit-tap-highlight-color:transparent}.uki-interest-demo_bubble__hRqpL[aria-pressed=true]{color:#fff}.uki-interest-demo_bubble__hRqpL[data-size="60"]{font-size:8px}.uki-interest-demo_bubble__hRqpL>span:first-child{max-width:100%;overflow-wrap:normal}.uki-interest-demo_emoji__2V3_G{font-size:14px;line-height:20px}.uki-interest-demo_bubble__hRqpL[data-size="90"] .uki-interest-demo_emoji__2V3_G{font-size:18px;line-height:24px}.uki-interest-demo_next__0_nlH{position:absolute;left:28.7%;top:83.7%;width:42.6%;height:6.7%;display:grid;place-items:center;padding:0;border:0;border-radius:999px;background:transparent;color:#fff;cursor:pointer}.uki-interest-demo_next__0_nlH:disabled{opacity:1;background:#EFEFEF;cursor:default}.uki-interest-demo_bubble__hRqpL:focus-visible,.uki-interest-demo_next__0_nlH:focus-visible,.uki-interest-demo_skip__U1dnC:focus-visible,.uki-interest-demo_viewport__d8kic:focus-visible{outline:2px solid #6673FF;outline-offset:-2px}.uki-interest-demo_details___e9zI{min-width:0;color:#f7f7f7}.uki-interest-demo_details___e9zI .uki-interest-demo_eyebrow__Ek_1C{font-size:12px;color:#b7a2ff;margin:0 0 12px;letter-spacing:.1em}.uki-interest-demo_details___e9zI h3{font-size:28px;line-height:1.5;font-weight:500;margin:0 0 20px}.uki-interest-demo_details___e9zI>p{font-size:14px;line-height:1.9;color:#bbb;margin:0}.uki-interest-demo_rules___PBlf{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 32px}.uki-interest-demo_rules___PBlf span{padding:4px 12px;border:1px solid #555;border-radius:999px;color:#ddd;font-size:12px}.uki-interest-demo_details___e9zI h4{font-size:16px;margin:0 0 16px;font-weight:500}.uki-interest-demo_details___e9zI h4 small{color:#b7a2ff;font-size:12px;margin-left:8px}.uki-interest-demo_selection__4BUgX{display:flex;flex-wrap:wrap;gap:8px;min-height:48px}.uki-interest-demo_selection__4BUgX button{display:flex;align-items:center;gap:8px;background:#302940;border:1px solid #5b4b7a;border-radius:999px;color:#eee;padding:8px 12px;font-size:12px;cursor:pointer}.uki-interest-demo_selection__4BUgX p{font-size:13px;color:#999}.uki-interest-demo_selection__4BUgX button>span{color:#b9aecb}.uki-interest-demo_details___e9zI .uki-interest-demo_status__g8reK{min-height:24px;font-size:12px;color:#cbbcff;margin:16px 0}.uki-interest-demo_reset__00A7V{border:1px solid #665384;border-radius:999px;padding:8px 20px;background:transparent;color:#d0bfff;font-size:13px;cursor:pointer}.uki-interest-demo_palette__9eGjl{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:32px;align-items:center}.uki-interest-demo_palette__9eGjl i{width:20px;height:20px;border-radius:50%}@keyframes uki-interest-demo_float__cvSJC{0%,to{transform:translateY(-6px)}50%{transform:translateY(6px)}}@media(prefers-reduced-motion:reduce){.uki-interest-demo_bubble__hRqpL{animation:none;transition:none}}@media(max-width:1050px){.uki-interest-demo_demo__GD_Ju{gap:24px;padding:24px}.uki-interest-demo_details___e9zI h3{font-size:24px}}@media(max-width:800px){.uki-interest-demo_demo__GD_Ju{grid-template-columns:1fr;gap:32px;padding:20px}.uki-interest-demo_phone__GXzy_{width:280px}.uki-interest-demo_details___e9zI h3{font-size:22px}.uki-interest-demo_details___e9zI{width:100%}}.uki-interest-demo_phoneCanvas__Dsy39{position:absolute;left:0;top:0;width:375px;height:812px;transform-origin:top left}.uki-interest-demo_hello__INDYL{position:absolute;left:8%;top:9%;width:28%;height:auto;object-fit:contain;pointer-events:none}.uki-interest-demo_intro__W6IhH{position:absolute;left:12%;right:12%;top:19.5%;color:#110533}.uki-interest-demo_titleRow__0HYm2{display:flex;align-items:center;justify-content:space-between;gap:16px}.uki-interest-demo_intro__W6IhH h4{margin:0;font-family:Arial,sans-serif;font-size:24px;line-height:32px;font-weight:400}.uki-interest-demo_intro__W6IhH p{margin:16px 0 0;font-family:Arial,sans-serif;font-size:14px;line-height:20px;color:#CFC3E6}.uki-interest-demo_next__0_nlH img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.uki-interest-demo_colorCard__Fk3YU{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-width:0;height:88px;color:#FFFFFF;padding:8px 4px;text-align:center}.uki-interest-demo_colorCard__Fk3YU span{font-size:13px;line-height:20px;font-weight:700}.uki-interest-demo_colorCard__Fk3YU code{font-family:inherit;font-size:10px;white-space:nowrap}.uki-interest-demo_colorCard__Fk3YU[data-shape="0"]{border-radius:50%;aspect-ratio:1;height:auto;min-height:80px}.uki-interest-demo_colorCard__Fk3YU[data-shape="1"]{border-radius:999px}.uki-interest-demo_colorCard__Fk3YU[data-shape="2"]{border-radius:20px}.uki-interest-demo_colorCard__Fk3YU[data-shape="3"]{clip-path:polygon(8% 22%,18% 19%,20% 7%,34% 10%,42% 0,54% 8%,68% 4%,76% 16%,90% 18%,90% 34%,100% 45%,92% 58%,96% 72%,82% 80%,76% 94%,60% 92%,48% 100%,36% 92%,20% 94%,16% 80%,4% 72%,8% 56%,0 44%,8% 34%)}.uki-interest-demo_colorCard__Fk3YU[data-shape="4"]{clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%)}@media(max-width:1050px){.uki-interest-demo_palette__9eGjl{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.uki-interest-demo_colorCard__Fk3YU{height:96px}.uki-interest-demo_colorCard__Fk3YU[data-shape="0"]{aspect-ratio:auto;height:96px}}.uki-interest-demo_palette__9eGjl{margin-top:48px;padding:8px 4px 24px;column-gap:10px}.uki-interest-demo_colorCard__Fk3YU[data-shape="0"]{transform:translateY(12px) rotate(-12deg)}.uki-interest-demo_colorCard__Fk3YU[data-shape="1"]{transform:translateY(-10px) rotate(9deg)}.uki-interest-demo_colorCard__Fk3YU[data-shape="2"]{transform:translateY(18px) rotate(-8deg)}.uki-interest-demo_colorCard__Fk3YU[data-shape="3"]{transform:translateY(-16px) rotate(13deg)}.uki-interest-demo_colorCard__Fk3YU[data-shape="4"]{transform:translateY(8px) rotate(-11deg)}@media(max-width:1050px){.uki-interest-demo_palette__9eGjl{row-gap:32px;padding-bottom:24px}.uki-interest-demo_colorCard__Fk3YU[data-shape="3"]{transform:translateY(4px) rotate(13deg)}}.uki-interest-demo_demo__GD_Ju{position:relative}.uki-interest-demo_playCorner__iyypT{position:absolute;left:-28px;top:-30px;z-index:2;display:block;width:120px;height:auto;border-radius:16px;transform:rotate(-12deg);box-shadow:0 6px 16px #0002;pointer-events:none}@media(max-width:767px){.uki-interest-demo_playCorner__iyypT{left:-8px;top:-24px;width:96px;border-radius:12px}}.uki-interest-demo_playCorner__iyypT{border-radius:0;box-shadow:none}@media(hover:hover) and (prefers-reduced-motion:no-preference){.uki-interest-demo_colorCard__Fk3YU:hover{animation:uki-interest-demo_colorBounce__LcX7L .72s ease-in-out 1}}@keyframes uki-interest-demo_colorBounce__LcX7L{0%{translate:0 0;scale:1 1}16%{translate:0 3px;scale:1.06 .92;animation-timing-function:cubic-bezier(.16,.8,.3,1)}50%{translate:0 -24px;scale:.97 1.04;animation-timing-function:cubic-bezier(.55,0,.85,.5)}84%{translate:0 0;scale:1.04 .96;animation-timing-function:ease-out}to{translate:0 0;scale:1 1}}.uki-interest-demo_phone__GXzy_{width:240px}