@font-face{font-family:"IBM Plex Sans";src:url("assets/fonts/IBMPlexSans-Regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:"IBM Plex Sans";src:url("assets/fonts/IBMPlexSans-Medium.woff2") format("woff2");font-style:normal;font-weight:500 600;font-display:swap}@font-face{font-family:"IBM Plex Mono";src:url("assets/fonts/IBMPlexMono-Regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
:root{--paper:#f4f4f4;--surface:#fff;--ink:#161616;--muted:#525252;--subtle:#6f6f6f;--line:#c6c6c6;--accent:#0F62FE;--accent-hover:#0043ce;--accent-soft:#edf5ff;--accent-line:#a6c8ff;--focus:#0F62FE;--max:1312px;--space-03:8px;--space-04:12px;--space-05:16px;--space-06:24px;--space-07:32px;--space-08:40px;--space-09:48px;--space-10:64px;--space-11:80px;--space-12:96px;--ease:cubic-bezier(.2,0,.38,.9);--ease-expressive:cubic-bezier(.4,.14,.3,1);--duration-fast:110ms;--duration-moderate:240ms;--duration-slow:400ms}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"IBM Plex Sans","PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.5;letter-spacing:0}h1,h2,h3,p{margin:0}h2{font-size:42px;line-height:50px;font-weight:500}h3{font-weight:500}a{color:inherit;text-decoration:none}button,input,select{font:inherit;letter-spacing:0}button{cursor:pointer;color:inherit;border:0}button,a{-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%}svg{width:20px;height:20px;stroke-width:1.6;flex-shrink:0}::selection{background:#d0e2ff}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--focus);outline-offset:2px}[hidden]{display:none!important}.shell{max-width:var(--max);margin-inline:auto;padding-inline:32px}.section{padding-block:var(--space-12)}.eyebrow,.micro{font-family:"IBM Plex Mono","SFMono-Regular",Consolas,monospace;font-size:12px;line-height:16px;font-weight:400}.eyebrow{color:var(--accent)}.skip{position:fixed;top:-80px;left:20px;z-index:60;padding:10px 16px;background:white;border-bottom:2px solid var(--accent)}.skip:focus{top:10px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0}
.header{position:sticky;top:0;z-index:12;background:#f7f8faf2;backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav-shell{height:68px;display:flex;align-items:center;justify-content:space-between;max-width:var(--max);margin:auto;padding:0 40px;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:600;white-space:nowrap}.brand img{background:var(--accent);padding:4px;border-radius:5px}.header nav{display:flex;gap:32px;font-size:12px;color:#626b78}.header nav a{position:relative;padding:10px 0}.header nav a:after{content:"";position:absolute;bottom:0;left:0;height:2px;width:100%;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .25s}.header nav a:hover,.header nav a.is-current{color:var(--accent)}.header nav a:hover:after,.header nav a.is-current:after{transform:scaleX(1)}.nav-actions{display:flex;align-items:center;gap:24px}.nav-contact{font-size:12px;background:none;padding:10px 0}.nav-contact:hover{color:var(--accent)}.reading-progress{height:2px;background:var(--accent);width:100%;position:absolute;bottom:-1px;transform:scaleX(0);transform-origin:left}
.button{display:inline-flex;gap:12px;align-items:center;justify-content:center;min-height:48px;padding:11px 24px;border:1px solid transparent;border-radius:4px;font-size:13px;font-weight:500;transition:transform .25s var(--ease),background .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--accent);color:white;box-shadow:0 3px 8px #0f62fe12}.button-dark:hover{background:var(--accent-hover);box-shadow:0 6px 14px #0f62fe22}.button-outline{border-color:#ccd3dc;background:#fff}.button-outline:hover{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent)}.button-white{background:#fff;color:var(--accent)}.button-white:hover{background:#edf5ff}.button.compact{min-height:34px;padding:6px 14px;font-size:12px}.compact svg{width:14px;height:14px}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:none;font-size:11px;padding:6px 0}.text-button svg{width:14px;height:14px}.text-button:hover{color:var(--accent)}.icon-button{display:inline-flex;align-items:center;justify-content:center;padding:0;width:32px;height:32px;background:none;border-radius:3px;flex-shrink:0}.icon-button svg{width:16px;height:16px}.icon-button:hover{background:var(--accent-soft);color:var(--accent)}
.hero{padding:56px 0 0;overflow:hidden}.hero-copy{text-align:center;padding-inline:24px}.hero .eyebrow{display:flex;justify-content:center;align-items:center;gap:10px;font-size:9px;color:#7c8592}.hero h1{font-size:66px;font-weight:500;line-height:1.12;margin-top:24px;position:relative;display:inline-block}.title-mark{position:absolute;right:-37px;top:6px;color:var(--accent);display:flex}.title-mark svg{width:32px;height:32px;stroke-width:1.8}.hero h2{font-size:24px;font-weight:500;margin-top:20px;line-height:1.45}.hero-description{font-size:13px;color:var(--muted);line-height:1.95;margin-top:20px}.hero-actions{display:flex;justify-content:center;gap:12px;margin-top:28px}.hero-meta{display:flex;justify-content:center;gap:24px;margin-top:18px;font-size:9px;color:#808a98}.hero-meta span{display:flex;align-items:center;gap:6px}.hero-meta svg{width:12px;height:12px}.hero-library-wrap{margin-top:64px}
.hero-showcase{--asset-width:min(19cqw,260px,25svh);container-type:inline-size;max-width:1440px;margin-inline:auto}.hero-assets{position:relative;height:calc(var(--asset-width)*1.25 + 85px);isolation:isolate}.hero-card{--fan-x:0%;--fan-y:0px;--fan-angle:0deg;--fan-start:0%;position:absolute;top:0;left:50%;width:var(--asset-width);min-width:0;z-index:3;transform:translateX(calc(-50% + var(--fan-x))) translateY(var(--fan-y)) rotate(var(--fan-angle));transform-origin:50% 80%;outline-offset:6px}.hero-card:nth-child(1){--fan-x:-194%;--fan-y:22px;--fan-angle:-12deg;--fan-start:-30%;z-index:1}.hero-card:nth-child(2){--fan-x:-98%;--fan-y:3px;--fan-angle:-6deg;--fan-start:-15%;z-index:2}.hero-card:nth-child(4){--fan-x:98%;--fan-y:3px;--fan-angle:6deg;--fan-start:15%;z-index:2}.hero-card:nth-child(5){--fan-x:194%;--fan-y:22px;--fan-angle:12deg;--fan-start:30%;z-index:1}.hero-art{aspect-ratio:4/5;overflow:hidden;border-radius:3px;background:#e7eaee;box-shadow:0 10px 22px -12px #202b4930;transition:translate .45s var(--ease),box-shadow .45s var(--ease)}.hero-art img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}.hero-card-caption{position:relative;text-align:center;padding:12px 10px 0;min-height:47px;transition:translate .45s var(--ease),color .2s}.hero-card-caption strong{display:block;font-size:11px;font-weight:500;white-space:nowrap}.hero-card-caption>span{display:block;font-size:8px;color:var(--muted);margin-top:2px;white-space:nowrap}.hero-card-caption>svg{width:13px;height:13px;position:absolute;right:4px;top:15px;color:var(--accent);opacity:0;transition:opacity .2s}.hero-card:focus-visible{z-index:5}.hero-card:focus-visible .hero-art,.hero-card:focus-visible .hero-card-caption{translate:0 -12px}.hero-card:focus-visible .hero-card-caption{color:var(--accent)}.hero-card:focus-visible .hero-card-caption>svg{opacity:1}.hero-directions{display:none}.has-motion .hero-card{opacity:0}.is-arriving .hero-card{animation:asset-arrive 1.05s var(--ease) both;animation-delay:calc(var(--index)*.11s)}
@media(hover:hover){.hero-card:hover{z-index:5}.hero-card:hover .hero-art,.hero-card:hover .hero-card-caption{translate:0 -12px}.hero-card:hover .hero-art{box-shadow:0 22px 34px -16px #202b4950}.hero-card:hover img{transform:scale(1.025)}.hero-card:hover .hero-card-caption{color:var(--accent)}.hero-card:hover .hero-card-caption>svg{opacity:1}}
.experience-section{padding-top:64px}.experience-intro,.section-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:64px;margin-bottom:40px}.experience-intro .eyebrow,.section-intro .eyebrow{margin-bottom:16px}.experience-intro h2{font-size:32px}.experience-intro>p,.section-intro>p{font-size:13px;line-height:1.95;color:var(--muted);padding-bottom:4px;justify-self:end;min-width:292px;text-align:right}.demo-heading{display:flex;align-items:center;gap:16px;font-size:10px;margin-bottom:16px;color:#87919f}.demo-heading>span:first-child{display:flex;align-items:center;gap:8px;font-family:monospace;color:#667386}.demo-caption{margin-left:auto}.demo-heading .text-button{font-size:10px;color:#738097}.demo-heading .text-button:hover{color:var(--accent)}
.value-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;padding-block:56px 64px;border-bottom:1px solid var(--line)}.value-strip article+article{border-left:1px solid var(--line);padding-left:32px}.value-strip .micro{color:var(--accent);font-size:9px}.value-strip h3{font-size:21px;margin-top:12px}.value-strip p{font-size:13px;line-height:1.9;color:var(--muted);margin-top:10px}.case-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}.case-tabs{display:flex;justify-content:space-between;border-bottom:1px solid #d3d9e1;margin-bottom:20px;gap:12px}.case-tabs button{font-size:12px;padding:12px 10px;background:none;border-bottom:2px solid transparent;color:#788394}.case-tabs button[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent)}.case-artwork{height:430px;position:relative;background:#eceff3;display:flex;justify-content:center;align-items:center;padding:28px;overflow:hidden}.case-artwork img{height:100%;width:auto;max-width:100%;object-fit:contain;box-shadow:0 14px 24px #1d293916;animation:case-enter .45s var(--ease)}.case-artwork[data-case=character]{background:#edf1ed}.case-artwork[data-case=lighting]{background:#e9edf0}.case-artwork[data-case=poster]{background:#f0eeee}.image-index{position:absolute;bottom:11px;left:14px;font-family:monospace;font-size:8px;color:#89919c}.case-source{font-size:9px;color:#8b95a3;margin-top:12px}.evidence-label{font-size:10px;display:flex;align-items:center;gap:6px;color:#5275a7;margin-bottom:20px}.evidence-label svg{width:14px;height:14px}.case-content h3{font-size:25px;line-height:1.45;margin-bottom:16px}.case-lead{font-size:13px;color:var(--muted);line-height:1.95}.observation-row{border-top:1px solid var(--line);padding-top:18px;margin-top:18px;display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px}.observation-row strong{font-size:11px;font-weight:500;color:#49586c}.observation-row p{font-size:12px;line-height:1.9;color:#758192}.case-palette{display:flex;gap:14px;margin-top:22px}.case-swatch{display:flex;flex-direction:column;align-items:center;gap:7px;background:none;padding:0;color:#8390a1;font-size:8px;font-family:monospace}.case-swatch b{display:block;width:32px;height:32px;border-radius:50%;border:1px solid #0000000b;transition:transform .25s}.case-swatch:hover b{transform:translateY(-4px)}.case-takeaway{border-left:2px solid var(--accent);padding-left:16px;margin-top:26px}.case-takeaway .micro{font-size:9px;color:var(--accent)}.case-takeaway p{font-size:13px;margin-top:7px;line-height:1.9;color:#526176}.case-bottom{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:24px}.case-bottom>span{font-size:9px;color:#8c97a6}.case-bottom button{font-size:10px;color:var(--accent)}
.rules-section{background:#f1f2f4;border-block:1px solid #e1e3e6}.rule-lines article{display:grid;grid-template-columns:44px 230px minmax(0,1fr) 26px;align-items:center;gap:20px;border-top:1px solid #d9dce1;padding:24px 0;transition:background .3s;scroll-margin-top:114px}.rule-lines article:last-child{border-bottom:1px solid #d9dce1}.rule-lines article:hover,.rule-lines article:target{background:#e8ebef}.rule-lines svg{color:var(--accent);width:22px;height:22px}.rule-lines h3{font-size:21px;font-weight:500}.rule-lines p{font-size:13px;line-height:1.9;color:#707782}.rule-lines article>span{font-family:monospace;font-size:10px;color:#9298a1;justify-self:end}.rule-lines .custom-rule{padding-block:28px}.custom-rule h3{color:var(--accent)}.custom-rule p{color:#5f6874}.custom-rule p>span{color:#7c838d;font-size:12px}.custom-rule-note{display:flex;gap:8px;align-items:center;color:#777f89;font-size:11px;margin-top:20px}.custom-rule-note svg{width:14px;height:14px;color:#6f7884}.agent-line{display:flex;align-items:center;gap:32px;margin-top:36px;padding-top:24px;border-top:1px solid #d9dce1;font-size:11px;color:#858c95}.agent-line>div{display:flex;gap:30px;flex-wrap:wrap}.agent-line b{font-size:12px;color:#59636f;font-weight:500}
.software-tabs{display:flex;gap:12px;border-bottom:1px solid var(--line);margin-bottom:24px}.software-tabs button{display:flex;align-items:center;gap:8px;justify-content:center;font-size:12px;color:#7d8a9d;background:none;border-bottom:2px solid transparent;padding:13px 24px}.software-tabs button svg{width:16px;height:16px}.software-tabs button[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent)}.software-image-button{display:block;width:100%;position:relative;padding:0;background:#1c1d1e;border-radius:6px;overflow:hidden;border:1px solid #42464b}.software-image-button>img{aspect-ratio:1.6;width:100%;height:auto;object-fit:contain}.software-caption{display:block;font-size:11px;color:#7d8ba0;margin-top:16px}.software-caption>span{font-size:9px;white-space:nowrap;color:#929eb0}.trust-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:40px;padding-top:32px;border-top:1px solid var(--line)}.trust-row article{display:flex;align-items:start;gap:14px}.trust-row article>svg{width:19px;height:19px;margin-top:3px;color:var(--accent)}.trust-row h3{font-size:16px;margin-bottom:8px}.trust-row p{font-size:12px;line-height:1.9;color:#7b8799}
.download-section{background:#202328;color:#f6f8fc}.download-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding-block:80px}.download-copy>.eyebrow{color:#8bb7ff;margin-bottom:20px;font-size:9px}.download-copy h2{font-size:40px}.download-copy>p:not(.eyebrow){font-size:13px;margin-top:18px;color:#a4afbe}.download-copy>.button{margin-top:28px;min-width:232px}.download-meta{font-size:10px;color:#8998ad;margin-top:12px;display:block}.contact-block{border-left:1px solid #414b5b;padding-left:48px;align-self:center}.contact-top{display:flex;align-items:center;gap:8px;font-size:10px;color:#a6c8ff;margin-bottom:18px}.contact-top svg{width:16px;height:16px}.contact-block h3{font-size:25px;margin-bottom:13px}.contact-block>p{font-size:12px;line-height:1.95;color:#99a9bf}.wechat-line{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #536884;padding:17px 0 12px;margin-top:8px}.wechat-line>span{font-size:30px;font-weight:400;color:#a6c8ff;overflow-wrap:anywhere}.wechat-line .icon-button{color:#a6c8ff;border:1px solid #536884}.wechat-line .icon-button:hover{background:var(--accent);color:white}.contact-note{font-size:8px;color:#8193ad;display:block;margin-top:9px}
.faq-section{display:grid;grid-template-columns:1fr 1.5fr;gap:64px;padding-block:88px}.faq-section .eyebrow{margin-bottom:16px}.faq-section h2{font-size:32px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:13px;padding:21px 0;cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}summary>svg{width:15px;height:15px;color:#8193ac;transition:transform .3s var(--ease)}details[open] summary{color:var(--accent)}details[open] summary>svg{transform:rotate(45deg)}details>p{font-size:12px;line-height:1.95;color:#728198;padding:0 20px 22px 0;animation:content-in .3s}details strong{color:#465267;font-weight:500}.inline-copy{background:none;color:var(--accent);padding:0 6px;font-size:inherit}.footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:100px}.footer .brand{font-size:20px}.footer>p{font-size:10px;color:#94a0b2}.footer>div{display:flex;gap:24px;align-items:center;font-size:9px;color:#8898af}.footer button{font-size:10px;background:none;padding:5px}.footer button:hover{color:var(--accent)}
.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;z-index:60;background:#242d3b;color:#edf4ff;border:1px solid #617aa0;border-radius:5px;padding:10px 18px;font-size:12px;max-width:calc(100vw - 36px);width:max-content;transition:transform .25s var(--ease),opacity .25s}.toast.visible{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid #ccd8e9;box-shadow:0 32px 80px #18253530;border-radius:8px;color:var(--ink);padding:40px;max-width:calc(100vw - 32px)}dialog::backdrop{background:#182435a1;backdrop-filter:blur(7px)}dialog[open]{animation:dialog-in .3s var(--ease)}.dialog-close{position:absolute;right:12px;top:12px}.contact-dialog{width:430px;background:var(--paper);text-align:center}.contact-symbol{width:48px;height:48px;margin:0 auto 23px;display:grid;place-items:center;background:#deebff;color:var(--accent);border-radius:6px}.contact-dialog>.eyebrow{font-size:9px}.contact-dialog h2{font-size:28px;margin-top:10px}.contact-dialog>p:not(.eyebrow){font-size:12px;color:#8493a9;margin-top:12px}.contact-dialog .wechat-line{margin-top:22px;border-bottom-color:#d1ddef;text-align:left}.contact-dialog .wechat-line>span{color:var(--accent);font-size:31px}.contact-dialog .wechat-line .icon-button{color:var(--accent);border-color:#c5d8f7}.contact-dialog .wechat-line .icon-button:hover{background:#deebff}.contact-copy{width:100%;margin-top:24px}.dialog-note{font-size:10px;color:#8798b0;margin-top:16px;display:block}.image-dialog{background:#1b1f25;padding:44px 0 0;max-width:96vw;width:1440px;max-height:94svh;border-color:#4c5867;color:#c5d0df}.image-dialog>img{width:100%;max-height:calc(94svh - 50px);object-fit:contain}.image-dialog .icon-button:hover{background:#3b485c}.reveal{opacity:1;transform:none}.has-motion .reveal{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.has-motion .reveal.is-visible{opacity:1;transform:none}
@keyframes asset-arrive{from{opacity:0;transform:translateX(calc(-50% + var(--fan-start))) translateY(65px) rotate(0deg) scale(.88)}to{opacity:1;transform:translateX(calc(-50% + var(--fan-x))) translateY(var(--fan-y)) rotate(var(--fan-angle)) scale(1)}}@keyframes content-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes case-enter{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dialog-in{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1500px){.hero{padding-top:64px}.hero h1{font-size:72px}.hero-library-wrap{margin-top:72px}.experience-section{padding-top:56px}}
@media(max-width:1100px){.shell,.nav-shell{padding-inline:32px}.header nav{gap:24px}.nav-actions{gap:18px}.hero h1{font-size:60px}.hero h2{font-size:23px}.section{padding-block:88px}.section-intro,.experience-intro,.case-layout,.download-layout,.faq-section{gap:40px}.section-intro>p,.experience-intro>p{min-width:260px;font-size:12px}.case-content h3{font-size:23px}.case-artwork{height:420px}.rule-lines article{grid-template-columns:36px 205px minmax(0,1fr) 24px}.rule-lines h3{font-size:20px}.contact-block{padding-left:36px}.value-strip{gap:28px}.value-strip article+article{padding-left:25px}.value-strip h3{font-size:19px}.trust-row{gap:28px}h2{font-size:36px}}
@media(max-width:800px){.header nav{display:none}.hero{padding-top:48px}.hero h1{font-size:58px}.experience-section{padding-top:64px}.experience-intro,.section-intro{gap:28px}.experience-intro h2{font-size:28px}.section-intro>p,.experience-intro>p{min-width:230px}.case-layout{gap:28px}.case-artwork{height:390px}.case-content h3{font-size:21px}.observation-row{grid-template-columns:1fr;gap:6px}.case-palette{gap:10px}.case-swatch b{width:28px;height:28px}.case-bottom{align-items:start;flex-direction:column;gap:7px}.contact-block{padding-left:28px}.download-copy h2{font-size:34px}.software-tabs button{padding-inline:18px}.agent-line{gap:24px}.agent-line>div{gap:18px}.footer>p{display:none}}
@media(max-width:600px){html{scroll-padding-top:84px}.shell,.nav-shell{padding-inline:20px}.nav-shell{height:62px;gap:14px}.brand{font-size:20px;gap:8px}.brand img{width:25px;height:25px}.nav-actions{gap:14px}.nav-contact{font-size:10px}.button.compact{font-size:10px;padding:6px 11px;min-height:32px;gap:6px}.compact svg{width:13px;height:13px}.hero{padding-top:34px}.hero-copy{padding-inline:20px}.hero .eyebrow{font-size:8px}.hero h1{font-size:52px;margin-top:18px}.title-mark{right:-27px;top:4px}.title-mark svg{width:25px;height:25px}.hero h2{font-size:21px;margin-top:16px}.hero-description{font-size:11px;line-height:1.9;max-width:340px;margin:16px auto 0}.hero-actions{margin-top:24px;gap:10px}.hero-actions .button{font-size:12px;min-height:44px;padding:10px 18px;gap:9px}.button svg{width:16px;height:16px}.hero-meta{gap:17px;font-size:8px;margin-top:14px}.hero-meta svg{width:11px;height:11px}.hero-library-wrap{margin-top:40px}.experience-section{padding-top:40px}.experience-intro,.section-intro{display:block;margin-bottom:28px}.experience-intro h2{font-size:27px}.experience-intro .eyebrow,.section-intro .eyebrow{font-size:9px;margin-bottom:12px}.experience-intro>p,.section-intro>p{min-width:0;font-size:12px;line-height:1.9;margin-top:16px;text-align:left}.section{padding-block:64px}h2{font-size:31px}.demo-heading{font-size:8px;gap:8px;margin-bottom:12px}.demo-caption{display:none}.demo-heading .text-button{margin-left:auto;font-size:9px}.demo-heading .text-button svg{width:12px;height:12px}.value-strip{grid-template-columns:1fr;padding-block:28px 32px;gap:0}.value-strip article,.value-strip article+article{padding:21px 0 21px 42px;position:relative;border-left:0;border-bottom:1px solid #e1e6ed}.value-strip article:last-child{border-bottom:0}.value-strip .micro{position:absolute;left:0;top:26px;font-size:8px;width:23px;overflow:hidden;white-space:nowrap}.value-strip h3{font-size:19px;margin-top:0}.value-strip p{font-size:12px;line-height:1.85;margin-top:7px}.value-strip p br{display:none}.case-layout{display:flex;flex-direction:column;gap:28px}.case-visual,.case-content{width:100%}.case-tabs{margin-bottom:16px}.case-tabs button{font-size:11px;padding:11px 6px}.case-artwork{height:355px;padding:24px}.case-source{font-size:8px}.evidence-label{font-size:9px;margin-bottom:16px}.case-content h3{font-size:23px;margin-bottom:14px}.case-lead{font-size:12px}.observation-row{grid-template-columns:64px minmax(0,1fr);gap:14px;margin-top:17px;padding-top:17px}.observation-row p{font-size:11px}.observation-row strong{font-size:10px}.case-palette{gap:16px}.case-swatch b{width:30px;height:30px}.case-takeaway p{font-size:12px}.case-bottom{flex-direction:row;align-items:center;margin-top:22px;gap:8px}.case-bottom>span{font-size:8px}.case-bottom button{font-size:9px}.rule-lines article{grid-template-columns:24px minmax(0,1fr) 24px;gap:10px 14px;padding:20px 0}.rule-lines h3{font-size:18px}.rule-lines p{grid-row:2;grid-column:2;font-size:11px}.rule-lines article>span{grid-column:3;grid-row:1;font-size:9px}.rule-lines article>svg{width:19px;height:19px}.rule-lines .custom-rule{padding-block:23px}.custom-rule p>span{font-size:11px}.custom-rule-note{align-items:start;font-size:10px;line-height:1.8;margin-top:18px}.custom-rule-note svg{margin-top:2px;flex-shrink:0}.agent-line{display:block;margin-top:26px;padding-top:22px;font-size:10px}.agent-line>div{margin-top:13px;gap:12px 22px}.agent-line b{font-size:11px}.software-tabs{gap:0;margin-bottom:18px;justify-content:space-between}.software-tabs button{padding:12px 4px;font-size:10px;gap:5px}.software-tabs button svg{width:14px;height:14px}.software-image-button>span{right:8px;bottom:8px;font-size:8px;padding:5px 7px;gap:5px}.software-image-button>span svg{width:11px;height:11px}.software-caption{display:block;font-size:10px;line-height:1.8;margin-top:13px}.trust-row{grid-template-columns:1fr;gap:24px;margin-top:30px;padding-top:26px}.trust-row article{gap:12px}.trust-row h3{font-size:14px;margin-bottom:6px}.trust-row p{font-size:11px}.trust-row article>svg{width:18px;height:18px}.download-layout{display:block;padding-block:56px}.download-copy h2{font-size:33px}.download-copy>p:not(.eyebrow){font-size:12px}.download-copy .button{width:100%;font-size:13px;justify-content:space-between}.download-meta{text-align:center;font-size:9px}.contact-block{border-left:0;border-top:1px solid #45536a;padding:30px 0 0;margin-top:32px}.contact-block h3{font-size:23px}.contact-block>p{font-size:11px}.wechat-line>span{font-size:31px}.contact-top{font-size:9px;margin-bottom:15px}.faq-section{display:block}.faq-section h2{font-size:30px}.faq-list{margin-top:26px}summary{font-size:12px;padding-block:20px}details>p{font-size:11px}.footer{min-height:96px;gap:18px}.footer .brand{font-size:18px}.footer>div{flex-direction:column;align-items:end;gap:5px;font-size:8px}.footer button{font-size:9px}.contact-dialog{padding:36px 26px 30px}.contact-dialog h2{font-size:26px}.contact-symbol{margin-bottom:19px}.toast{font-size:11px}}
@media(max-width:360px){.hero h1{font-size:47px}.hero h2{font-size:20px}.nav-contact{font-size:9px}.nav-actions{gap:10px}.shell,.nav-shell{padding-inline:16px}.case-palette{gap:12px}}
@media(min-width:601px) and (max-height:940px){.hero{padding-top:40px}.hero h1{margin-top:20px}.hero h2{margin-top:16px}.hero-description{margin-top:16px}.hero-actions{margin-top:24px}.hero-meta{margin-top:16px}.hero-library-wrap{margin-top:52px}.hero-showcase{--asset-width:min(19cqw,240px,21svh)}.experience-section{padding-top:48px}}
@media(min-width:601px) and (max-height:820px){.hero{padding-top:32px}.hero-showcase{--asset-width:min(19cqw,240px,20svh)}.experience-section{padding-top:20px}}
@media(max-width:800px){.hero-card-caption strong{font-size:10px}.hero-card-caption>span{font-size:7px}.hero-card-caption>svg{display:none}}
@media(max-width:600px){.hero-showcase{--asset-width:min(38cqw,150px,22svh)}.hero-assets{height:calc(var(--asset-width)*1.25 + 50px)}.hero-card:nth-child(1){--fan-x:-81%;--fan-y:25px;--fan-angle:-18deg}.hero-card:nth-child(2){--fan-x:-42%;--fan-y:6px;--fan-angle:-9deg}.hero-card:nth-child(4){--fan-x:42%;--fan-y:6px;--fan-angle:9deg}.hero-card:nth-child(5){--fan-x:81%;--fan-y:25px;--fan-angle:18deg}.hero-card-caption{display:none}.hero-directions{display:flex;justify-content:center;gap:12px;padding:2px 16px 0;font-size:9px;color:var(--muted)}.hero-directions a{padding-block:10px;white-space:nowrap}.hero-directions a:hover{color:var(--accent)}}
@media(max-width:360px){.hero-directions{gap:9px;padding-inline:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.has-motion .reveal{opacity:1;transform:none}.has-motion .hero-card{opacity:1}}

/* Carbon-aligned marketing layer: tokens and type stay consistent while the editorial hero remains branded. */
.header{background:#f4f4f4f2}.nav-shell{height:64px;padding-inline:32px}.header nav{font-size:14px;line-height:20px;color:var(--muted)}.header nav a:after{transition-duration:var(--duration-fast)}.nav-contact{font-size:14px;line-height:20px}
.button{min-height:48px;padding:13px 24px;border-radius:0;font-size:14px;line-height:20px;transition:background var(--duration-fast) var(--ease),border-color var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease)}.button:hover{transform:none}.button-dark,.button-dark:hover{box-shadow:none}.button.compact{min-height:40px;padding:9px 16px;font-size:14px}.text-button{font-size:14px;line-height:20px}.icon-button{border-radius:0}
.hero .eyebrow{font-size:12px;line-height:16px;color:var(--accent)}.hero h1{font-size:64px;line-height:72px}.hero h2{font-size:24px;line-height:32px}.hero-description{font-size:16px;line-height:24px;color:var(--muted)}.hero-meta{font-size:12px;line-height:16px;color:var(--muted)}
.hero-art{border-radius:2px;transition:translate var(--duration-slow) var(--ease-expressive),box-shadow var(--duration-slow) var(--ease-expressive)}.hero-art img{transition:transform var(--duration-slow) var(--ease-expressive)}.hero-card-caption{transition:translate var(--duration-slow) var(--ease-expressive),color var(--duration-fast) var(--ease)}.hero-card-caption strong{font-size:14px;line-height:18px}.hero-card-caption>span{font-size:12px;line-height:16px;color:var(--muted);margin-top:4px}.hero-card-caption>svg{transition-duration:var(--duration-fast)}.is-arriving .hero-card{animation-duration:700ms;animation-timing-function:var(--ease-expressive);animation-delay:calc(var(--index)*70ms)}
.experience-intro,.section-intro{gap:var(--space-10);margin-bottom:var(--space-08)}.experience-intro h2{font-size:32px;line-height:40px}.experience-intro>p,.section-intro>p{font-size:14px;line-height:22px;color:var(--muted)}.demo-heading,.demo-heading>span:first-child,.demo-heading .text-button{font-size:12px;line-height:16px;color:var(--muted)}
.value-strip{gap:var(--space-08);padding-block:var(--space-10);}.value-strip .micro{font-size:12px}.value-strip h3{font-size:20px;line-height:28px}.value-strip p{font-size:14px;line-height:22px;color:var(--muted)}
.case-tabs button,.software-tabs button{font-size:14px;line-height:20px;color:var(--muted)}.case-artwork{background:#e8e8e8}.image-index,.case-source,.evidence-label{font-size:12px;line-height:16px}.image-index,.case-source{color:var(--muted)}.case-content h3{font-size:24px;line-height:32px}.case-lead,.observation-row p,.case-takeaway p{font-size:14px;line-height:22px;color:var(--muted)}.observation-row strong{font-size:12px;line-height:16px;color:#393939}.case-swatch{font-size:11px;line-height:16px;color:var(--muted)}.case-takeaway .micro,.case-bottom>span{font-size:12px;line-height:16px}.case-bottom>span{color:var(--muted)}.case-bottom button{font-size:14px;line-height:20px}
.rules-section{background:#e8e8e8;border-color:var(--line)}.rules-section .eyebrow,.rules-section .custom-rule h3{color:#0043CE}.rule-lines article{border-color:var(--line);transition:background var(--duration-fast) var(--ease)}.rule-lines article:last-child{border-color:var(--line)}.rule-lines article:hover,.rule-lines article:target{background:#dde1e6}.rule-lines h3{font-size:20px;line-height:28px}.rule-lines p{font-size:14px;line-height:22px;color:var(--muted)}.rule-lines article>span{font-family:"IBM Plex Mono",monospace;font-size:12px;color:var(--muted)}.custom-rule p>span,.custom-rule-note{font-size:12px;line-height:18px;color:var(--muted)}.agent-line{font-size:12px;line-height:16px;color:var(--muted)}.agent-line b{font-size:14px;line-height:20px;color:#393939}
.software-caption{font-size:14px;line-height:22px;color:var(--muted)}.software-caption>span{font-size:12px;color:var(--muted)}.trust-row h3{font-size:16px;line-height:24px}.trust-row p{font-size:14px;line-height:22px;color:var(--muted)}
.download-section{background:#161616}.download-copy>.eyebrow,.contact-top,.wechat-line>span{color:#a6c8ff}.download-copy>.eyebrow{font-size:12px}.download-copy h2{font-size:42px;line-height:50px}.download-copy>p:not(.eyebrow),.contact-block>p{font-size:14px;line-height:22px;color:#c6c6c6}.download-meta,.contact-top,.contact-note{font-size:12px;line-height:16px}.download-meta,.contact-note{color:#c6c6c6}.contact-block h3{font-size:24px;line-height:32px}.contact-block{border-color:#525252}.wechat-line{border-color:#6f6f6f}
.faq-section{padding-block:var(--space-11)}.faq-section h2{font-size:32px;line-height:40px}summary{font-size:14px;line-height:20px;padding-block:20px}details>p{font-size:14px;line-height:22px;color:var(--muted)}.footer>p,.footer>div,.footer button{font-size:12px;line-height:16px;color:var(--muted)}
.toast{border-radius:0;font-size:14px;line-height:20px}.contact-dialog,.image-dialog,dialog{border-radius:0}.contact-dialog>.eyebrow{font-size:12px}.contact-dialog h2{font-size:28px;line-height:36px}.contact-dialog>p:not(.eyebrow){font-size:14px;line-height:22px;color:var(--muted)}.dialog-note{font-size:12px;line-height:16px;color:var(--muted)}.has-motion .reveal{transition-duration:var(--duration-slow);transition-timing-function:var(--ease-expressive)}

@media(max-width:1100px){.section{padding-block:var(--space-11)}.section-intro>p,.experience-intro>p{font-size:14px}.case-content h3{font-size:24px;line-height:32px}h2{font-size:36px;line-height:44px}}
@media(max-width:600px){.shell,.nav-shell{padding-inline:16px}.nav-shell{height:64px}.nav-contact{font-size:12px;line-height:16px}.button.compact{min-height:40px;padding:9px 12px;font-size:12px;line-height:16px}.hero{padding-top:32px}.hero-copy{padding-inline:16px}.hero .eyebrow{font-size:12px}.hero h1{font-size:48px;line-height:56px}.hero h2{font-size:24px;line-height:32px}.hero-description{font-size:14px;line-height:22px}.hero-actions .button{min-height:48px;font-size:14px;line-height:20px}.hero-meta{font-size:12px;line-height:16px;flex-wrap:wrap}.section{padding-block:var(--space-10)}h2{font-size:32px;line-height:40px}.experience-intro h2{font-size:32px;line-height:40px}.experience-intro .eyebrow,.section-intro .eyebrow,.experience-intro>p,.section-intro>p{font-size:12px;line-height:18px}.demo-heading,.demo-heading .text-button{font-size:12px;line-height:16px}.value-strip .micro{font-size:12px}.value-strip h3{font-size:20px;line-height:28px}.value-strip p{font-size:14px;line-height:22px}.case-tabs button{font-size:12px;line-height:16px}.case-source,.evidence-label{font-size:12px}.case-content h3{font-size:24px;line-height:32px}.case-lead,.observation-row p,.case-takeaway p{font-size:14px;line-height:22px}.observation-row strong{font-size:12px}.case-bottom>span{font-size:12px}.case-bottom button{font-size:12px}.rule-lines h3{font-size:18px;line-height:24px}.rule-lines p{font-size:14px;line-height:22px}.rule-lines article>span,.custom-rule p>span,.custom-rule-note,.agent-line{font-size:12px;line-height:18px}.agent-line b{font-size:14px}.software-tabs button{font-size:12px;line-height:16px}.software-caption,.trust-row p{font-size:14px;line-height:22px}.trust-row h3{font-size:16px;line-height:24px}.download-copy h2{font-size:32px;line-height:40px}.download-copy>p:not(.eyebrow),.contact-block>p{font-size:14px;line-height:22px}.download-copy .button{font-size:14px}.download-meta,.contact-top,.contact-note{font-size:12px}.faq-section h2{font-size:32px;line-height:40px}summary,details>p{font-size:14px;line-height:22px}.footer .brand{font-size:18px}.footer>div,.footer button{font-size:12px;line-height:16px}.contact-dialog h2{font-size:28px;line-height:36px}.toast{font-size:14px}}
@media(max-width:360px){.shell,.nav-shell{padding-inline:16px}.hero h1{font-size:44px;line-height:52px}.hero h2{font-size:22px;line-height:30px}.nav-contact{font-size:12px}}

/* Hierarchy and breathing room refinement. */
.hero{padding-top:72px}.hero h1{margin-top:32px}.hero h2{margin-top:24px}.hero-description{margin-top:24px}.hero-actions{margin-top:32px}.hero-meta{margin-top:24px}.hero-library-wrap{margin-top:72px}
.experience-section{padding-top:80px}.experience-intro,.section-intro{gap:var(--space-11);margin-bottom:var(--space-09)}.experience-intro .eyebrow,.section-intro .eyebrow{margin-bottom:20px}.experience-intro h2{font-size:36px;line-height:44px}.section-intro h2{font-size:44px;line-height:52px}.experience-intro>p,.section-intro>p{max-width:420px}
.value-strip{gap:var(--space-09);padding-block:72px}.value-strip article+article{padding-left:var(--space-08)}.value-strip h3{font-size:22px;line-height:30px;margin-top:16px}.value-strip p{margin-top:12px}
.case-layout{gap:var(--space-11)}.case-tabs{margin-bottom:var(--space-07)}.case-content{max-width:520px;justify-self:end}.case-content h3{font-size:28px;line-height:36px;margin-bottom:20px}.evidence-label{margin-bottom:24px}.observation-row{padding-top:24px;margin-top:24px;gap:20px}.case-palette{margin-top:28px}.case-takeaway{margin-top:32px}.case-bottom{margin-top:32px}
.rule-lines article{grid-template-columns:48px 250px minmax(0,1fr) 32px;gap:24px;padding:32px 0}.rule-lines .custom-rule{padding-block:36px}.custom-rule-note{margin-top:28px}.agent-line{margin-top:48px;padding-top:32px}
.software-tabs{margin-bottom:32px}.software-caption{margin-top:20px}.trust-row{gap:var(--space-09);margin-top:48px;padding-top:40px}.trust-row h3{margin-bottom:12px}
.download-layout{gap:var(--space-12);padding-block:var(--space-12)}.contact-block{padding-left:var(--space-10)}.download-copy>p:not(.eyebrow){margin-top:24px}.download-copy>.button{margin-top:32px}.faq-section{gap:var(--space-12);padding-block:var(--space-12)}.faq-list{margin-top:8px}.footer{min-height:112px}

@media(min-width:601px) and (max-height:940px){.hero{padding-top:48px}.hero h1{margin-top:24px}.hero h2{margin-top:20px}.hero-description{margin-top:20px}.hero-actions{margin-top:28px}.hero-meta{margin-top:20px}.hero-library-wrap{margin-top:56px}.experience-section{padding-top:64px}}
@media(min-width:601px) and (max-height:820px){.hero{padding-top:32px}.hero-library-wrap{margin-top:48px}.experience-section{padding-top:40px}}
@media(max-width:1100px){.experience-intro,.section-intro,.case-layout,.download-layout,.faq-section{gap:var(--space-10)}.section-intro h2{font-size:40px;line-height:48px}.rule-lines article{grid-template-columns:40px 220px minmax(0,1fr) 28px;gap:20px}.contact-block{padding-left:var(--space-09)}}
@media(max-width:600px){.nav-contact{display:none}.nav-actions{gap:0}.hero{padding-top:32px}.hero h1{margin-top:24px}.hero h2{margin-top:20px}.hero-description{margin-top:20px}.hero-actions{margin-top:28px}.hero-meta{display:grid;grid-template-columns:repeat(2,max-content);justify-content:center;gap:10px 22px;margin-top:24px}.hero-meta span:last-child{grid-column:1/-1;justify-self:center}.hero-library-wrap{margin-top:48px}.hero-directions{display:flex;justify-content:center;gap:12px;padding:8px 12px 0;font-size:10px;line-height:16px}.hero-directions a{padding-block:8px}.experience-section{padding-top:64px}.experience-intro,.section-intro{margin-bottom:40px}.experience-intro .eyebrow,.section-intro .eyebrow{margin-bottom:16px}.experience-intro h2,.section-intro h2,h2{font-size:34px;line-height:42px}.experience-intro>p,.section-intro>p{font-size:14px;line-height:22px;margin-top:20px;max-width:34ch}.section{padding-block:80px}.value-strip{padding-block:40px}.value-strip article,.value-strip article+article{padding-block:28px}.value-strip .micro{top:34px}.case-layout{gap:40px}.case-tabs{margin-bottom:24px}.case-content{max-width:none}.case-content h3{font-size:26px;line-height:34px;margin-bottom:18px}.evidence-label{margin-bottom:20px}.observation-row{margin-top:22px;padding-top:22px}.case-takeaway{margin-top:28px}.case-bottom{margin-top:28px}.rule-lines article{padding:28px 0}.rule-lines .custom-rule{padding-block:32px}.agent-line{margin-top:36px;padding-top:28px}.software-tabs{margin-bottom:24px}.software-caption{margin-top:18px}.trust-row{gap:32px;margin-top:40px;padding-top:32px}.download-layout{padding-block:72px}.contact-block{padding:40px 0 0;margin-top:48px}.faq-section{padding-block:72px}.faq-list{margin-top:40px}.footer{min-height:112px}}
@media(max-width:360px){.hero-directions{gap:9px;padding-inline:8px}.hero-meta{column-gap:16px}}
@media(max-width:600px){.hero{padding-top:24px}.hero-meta{display:flex;gap:17px;margin-top:20px}.hero-meta span:last-child{grid-column:auto}.hero-library-wrap{margin-top:40px}.experience-section{padding-top:40px}}

/* Final hierarchy adjustments from the visual review. */
.hero-copy{max-width:920px;margin-inline:auto}.hero h1{font-size:72px;line-height:80px;margin-top:28px}.title-mark{right:-42px;top:7px}.title-mark svg{width:36px;height:36px}.hero h2{margin-top:32px}.hero-description{max-width:680px;margin:24px auto 0}.hero-actions{margin-top:32px}.hero-meta{margin-top:24px}
.case-content{padding-top:40px}
@media(max-width:600px){.hero h1{font-size:52px;line-height:60px;margin-top:24px}.title-mark{right:-30px;top:4px}.title-mark svg{width:28px;height:28px}.hero h2{margin-top:20px}.hero-description{margin-top:20px}.hero-actions{margin-top:28px}.hero-meta{margin-top:20px}.case-content{padding-top:0}}
@media(max-width:360px){.hero h1{font-size:48px;line-height:56px}.title-mark{right:-28px}.title-mark svg{width:26px;height:26px}}