:root{--ink:#183549;--muted:#617586;--line:#dbe4e9;--accent:#077f83;--paper:#f4f7f9}*{box-sizing:border-box}body{margin:0;font:14px/1.55 system-ui,-apple-system,"Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper)}a{color:#08777e;text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:6px;background:white;color:var(--ink);padding:6px 12px}button:hover{border-color:var(--accent)}button:disabled{opacity:.4;cursor:default}header{background:white;display:flex;justify-content:space-between;align-items:center;padding:20px 4%;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;font-size:18px;font-weight:700}.mark{background:var(--ink);color:white;padding:8px;border-radius:7px;letter-spacing:1px}.brand small{display:block;font-size:10px;font-weight:500;letter-spacing:2px;color:var(--muted)}nav{display:flex;gap:26px}.intro{padding:30px 4%;display:flex;justify-content:space-between;align-items:center}.eyebrow{color:var(--accent);font-size:12px;letter-spacing:1px;margin:0 0 6px}h1{font-size:32px;margin:0}h2{font-size:22px;margin:0}h3{font-size:16px;margin:0 0 10px}.intro p:last-child{color:var(--muted);margin-bottom:0}.stats{display:flex;gap:45px}.stats strong{display:block;font-size:30px}.stats span{color:var(--muted);font-size:12px}main{margin:0 4% 30px;display:grid;grid-template-columns:280px minmax(0,1fr);gap:22px}aside,.workspace{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden}aside{padding:18px;align-self:start}.filterhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}label{display:block;color:var(--muted);font-size:12px;margin-bottom:12px}input,select{width:100%;display:block;margin-top:5px;border:1px solid var(--line);background:white;border-radius:5px;padding:9px;color:var(--ink);min-width:0}.filterrow{display:flex;gap:10px}.filterrow label{width:50%}.muted{color:var(--muted);font-size:12px}.listitem{display:block;width:100%;text-align:left;padding:10px;margin:6px 0;border:1px solid transparent;background:#f5f8fa}.listitem strong{font-size:12px;display:block;overflow-wrap:anywhere}.listitem span{display:block;font-size:11px;color:var(--muted)}.listitem.active{border-color:var(--accent);background:#eaf6f4}.paging{display:flex;justify-content:space-between;align-items:center;margin-top:15px;font-size:11px}.paging button{padding:5px 7px}.modelhead{display:flex;align-items:center;justify-content:space-between;padding:22px 24px 10px;gap:10px}.modelhead p:last-child{font-family:monospace;color:var(--muted);margin:5px 0}.badge{background:#e4f3ee;color:#29755c;padding:5px 10px;border-radius:20px;font-size:11px;white-space:nowrap}.tabs{display:flex;gap:4px;padding:14px 24px 0;border-bottom:1px solid var(--line)}.tabs button{border:0;border-radius:6px 6px 0 0;padding:12px 18px;color:var(--muted);background:#f4f7f9}.tabs button[aria-selected=true]{background:var(--ink);color:white}.viewport{height:410px;position:relative;background:radial-gradient(ellipse at 45% 40%,#f7fafc,#e6edf2)}canvas{width:100%;height:100%;display:block;touch-action:none}.viewtop,.viewbottom{position:absolute;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#60798b;pointer-events:none}.viewtop{top:16px}.viewtop button{pointer-events:auto;font-size:11px;background:#ffffffb0}.viewbottom{bottom:12px;gap:15px}#viewerror{position:absolute;inset:40%;text-align:center;background:#fff5e9;color:#91471d;width:60%;left:20%;height:max-content;padding:15px}.details{display:grid;grid-template-columns:1.3fr 1fr;gap:30px;padding:24px}.details p{margin:8px 0}.downloads{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.downloads a{background:#087f83;color:white;padding:7px 12px;border-radius:5px;font-size:12px}.dimensionbox{border-left:1px solid var(--line);padding-left:24px}dl{display:grid;grid-template-columns:100px 1fr;font-size:12px;margin:0 0 15px}dt{color:var(--muted);padding:4px 0}dd{margin:0;padding:4px 0;overflow-wrap:anywhere}.notice{border-left:3px solid #d58b35;background:#fff6e8;padding:12px;font-size:12px}.sourcefields{margin:0 24px 24px;font-size:12px}.sourcefields summary{cursor:pointer;padding:10px 0}.sourcefields table{width:100%;border-collapse:collapse}.sourcefields td{padding:7px;border-bottom:1px solid var(--line)}footer{padding:15px 4% 35px;font-size:12px;color:var(--muted)}footer a{margin-left:20px}.doc{max-width:1120px;margin:30px auto;background:white;padding:35px;border:1px solid var(--line);border-radius:8px}.doc h1{font-size:26px}.doc h2{margin:30px 0 12px;font-size:19px}.doc table{width:100%;border-collapse:collapse;margin:18px 0;font-size:13px}.doc td,.doc th{border:1px solid var(--line);padding:10px;text-align:left}.doc pre{background:#edf2f5;padding:15px;overflow:auto}.doc code{font-size:12px}.doc li{margin:7px 0}a:focus-visible,button:focus-visible{outline:3px solid #6ab4bf;outline-offset:3px}@media(max-width:950px){header{padding:15px 4%}nav{gap:12px;font-size:12px}.stats{gap:20px}main{grid-template-columns:230px minmax(0,1fr);gap:12px}.details{grid-template-columns:1fr}.dimensionbox{border-left:0;border-top:1px solid var(--line);padding:18px 0 0}.tabs{padding-left:10px;padding-right:10px}.tabs button{padding:12px 10px}.doc{margin:20px}}@media(max-width:650px){header{display:block}nav{margin-top:14px}.intro{display:block}.stats{margin-top:18px;justify-content:space-between}h1{font-size:26px}main{display:flex;flex-direction:column}aside{width:100%}#list{display:grid;grid-template-columns:1fr 1fr;gap:4px;max-height:230px;overflow:auto}.listitem{margin:0}.viewport{height:350px}.modelhead{padding:18px 14px}.modelhead h2{font-size:18px}.badge{display:none}.details{padding:18px}.viewbottom span:last-child{display:none}.tabs button{flex:1;padding:12px 4px;font-size:12px}.doc{padding:20px;margin:12px}.doc table{display:block;overflow:auto}footer a{display:inline-block;margin:5px 10px 0 0}}
.only-entry{align-items:center}.only-entry strong{color:var(--accent);font-size:13px}.lang{padding:4px 7px;border-radius:4px;font-size:11px}.lang.active{background:var(--ink);color:white}.knowledge-hero{padding-top:48px;padding-bottom:42px;background:linear-gradient(105deg,#f6fafb,#e5f3f1)}.knowledge-hero h1{font-size:clamp(30px,3.4vw,47px);line-height:1.18}.knowledge-notice{display:inline-block;padding:7px 10px;background:#e1f2ed;border-left:3px solid var(--accent);font-size:12px;color:var(--ink)}
.simulation-entry{display:flex;justify-content:space-between;align-items:center;padding:11px 12px;margin-bottom:17px;border:1px solid #0b8990;background:#eaf6f4;color:#075e65;border-radius:7px;font-weight:700}.simulation-entry span{font-size:11px;font-weight:500}
.language-select{width:auto;margin:0;border:1px solid var(--line);border-radius:5px;padding:5px 8px;background:white;color:var(--ink);font-size:12px}html[dir=rtl]{text-align:right}html[dir=rtl] .brand,html[dir=rtl] header{flex-direction:row-reverse}html[dir=rtl] .stats{flex-direction:row-reverse}html[dir=rtl] .filterhead{flex-direction:row-reverse}
.application-reel{margin:0 4% 30px;min-height:360px;display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);overflow:hidden;border-radius:14px;background:#071b2a;color:#eaf8fb;box-shadow:0 18px 45px #15394b22}.reel-copy{padding:38px 34px;background:linear-gradient(145deg,#0a2335,#0c3a4b)}.reel-copy .eyebrow{color:#72e6f3}.reel-copy h2{font-size:clamp(25px,3vw,38px);line-height:1.2;margin:0 0 12px}.reel-copy>p:not(.eyebrow):not(.reel-note){color:#bdd3dc;max-width:360px}.reel-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:26px}.reel-tabs button{border:1px solid #427385;background:#123548;color:#c5e5ec;text-align:left;padding:10px 12px}.reel-tabs button.active{background:#54cddd;color:#06202b;border-color:#8cf2fc;font-weight:700}.reel-note{margin-top:22px;color:#88a7b3;font-size:11px}.reel-player{position:relative;min-height:360px;background:#02090e}.reel-player video{display:block;width:100%;height:100%;min-height:360px;object-fit:cover}.reel-player:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#071b2a88,transparent 48%,#0004);pointer-events:none}.reel-caption{position:absolute;left:24px;right:24px;bottom:22px;z-index:1;padding:12px 14px;border-left:3px solid #6ce8f5;background:#061a27c9;backdrop-filter:blur(8px)}.reel-caption b,.reel-caption span{display:block}.reel-caption span{margin-top:3px;color:#b8d2da;font-size:12px}@media(max-width:700px){.application-reel{grid-template-columns:1fr;margin-bottom:20px}.reel-copy{padding:28px 22px}.reel-player,.reel-player video{min-height:auto;aspect-ratio:16/9}.reel-tabs{margin-top:18px}.reel-caption{left:13px;right:13px;bottom:12px;padding:8px 10px}.reel-caption span{font-size:11px}}
/* Homepage hero: application footage is the background, not a separate content section. */
/* Curated application film: visible, controllable scene cards instead of hidden background video. */
.only-entry{gap:12px;white-space:nowrap;flex-wrap:nowrap}.only-entry strong{display:inline-block;writing-mode:horizontal-tb;text-orientation:mixed;white-space:nowrap;line-height:1}.nav-divider{height:16px;width:1px;background:var(--line);display:inline-block}.nav-caption{font:10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:1.1px;color:#78909e}.industry-film{margin:0 4% 34px;display:grid;grid-template-columns:minmax(250px,.66fr) minmax(0,1.34fr);min-height:390px;overflow:hidden;border-radius:16px;background:#071926;color:#eafaff;box-shadow:0 22px 52px #15394b2b}.film-intro{padding:40px 34px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 0 0,#125166 0,#0b2b3e 46%,#061824 100%)}.film-intro .eyebrow{color:#73e5f4}.film-intro h2{font-size:clamp(28px,3vw,41px);line-height:1.16;margin:5px 0 12px}.film-intro>p:not(.eyebrow){max-width:300px;color:#b9d4dc;font-size:14px}.film-progress{display:flex;align-items:center;gap:11px;color:#8ab0bd;font:12px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:1px}.film-count{color:#83ebf5;font-size:18px}.film-line{height:1px;max-width:160px;flex:1;background:linear-gradient(90deg,#70e3ef,#ffffff2e)}.film-grid{display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:1fr 1fr;gap:2px;background:#071926}.film-card{position:relative;min-height:194px;border:0;border-radius:0;padding:0;overflow:hidden;background:#0b2634;color:white;text-align:left}.film-card:first-child{grid-row:span 2;min-height:390px}.film-card video{width:100%;height:100%;position:absolute;inset:0;display:block;object-fit:cover;filter:saturate(.9) contrast(1.05);transition:transform .75s ease,filter .5s ease}.film-card:hover video,.film-card.active video{transform:scale(1.045);filter:saturate(1.08) contrast(1.08)}.film-shade{position:absolute;inset:0;background:linear-gradient(0deg,#031522ce 0%,#051b2732 54%,#0000 100%)}.film-card.active .film-shade{background:linear-gradient(0deg,#02121fda 0%,#051b271d 62%,#0000 100%);box-shadow:inset 0 0 0 2px #73e8f3}.film-label{position:absolute;z-index:1;left:18px;bottom:16px;text-shadow:0 1px 12px #000}.film-label b,.film-label small{display:block}.film-label b{font-size:16px;letter-spacing:.04em}.film-card:not(:first-child) .film-label b{font-size:14px}.film-label small{margin-top:3px;color:#bce0e8;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.7px}.film-card:focus-visible{outline:3px solid #9cf5fd;outline-offset:-3px}@media(max-width:760px){.nav-caption,.nav-divider{display:none}.only-entry{gap:8px}.industry-film{display:block;margin-bottom:22px}.film-intro{min-height:260px;padding:28px 22px}.film-intro>p:not(.eyebrow){margin-bottom:25px}.film-grid{grid-template-columns:1fr 1fr;grid-template-rows:180px 150px}.film-card:first-child{grid-column:span 2;grid-row:auto;min-height:180px}.film-card{min-height:150px}.film-label{left:13px;bottom:12px}}
.video-hero{position:relative;min-height:390px;isolation:isolate;overflow:hidden;background:#071928;color:#effcff}.video-hero .hero-videos,.video-hero .hero-overlay{position:absolute;inset:0;z-index:-2}.video-hero .hero-videos video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.1s ease}.video-hero .hero-videos video.active{opacity:1}.video-hero .hero-overlay{z-index:-1;background:linear-gradient(90deg,#061827e8 0%,#082335ad 43%,#0618274d 100%)}.video-hero .hero-content{display:flex;width:100%;justify-content:space-between;align-items:center;gap:28px}.video-hero .eyebrow{color:#83eaf4}.video-hero .subline,.video-hero .knowledge-notice{color:#e3f5f7}.video-hero .knowledge-notice{background:#0b3b4ab8;border-left-color:#78e6f2}.video-hero .stats{background:#061a2794;border:1px solid #80d9e05e;border-radius:10px;padding:15px 22px;backdrop-filter:blur(8px)}.video-hero .stats span{color:#c1d9df}@media(max-width:650px){.video-hero{min-height:410px}.video-hero .hero-content{display:block}.video-hero .stats{margin-top:24px;padding:12px 16px}.video-hero .hero-overlay{background:linear-gradient(90deg,#061827df,#06182787)}}
/* Compact four-up presentation: every industry scene stays visible and plays together. */
.industry-film{display:block;min-height:0;background:#071926}.film-intro{min-height:0;padding:24px 30px;display:grid;grid-template-columns:1fr minmax(260px,1.15fr) auto;gap:24px;align-items:center;background:linear-gradient(100deg,#0b3144,#092533)}.film-intro .eyebrow{margin:0}.film-intro h2{font-size:clamp(22px,2.2vw,31px);margin:0}.film-intro>p:not(.eyebrow){margin:0;max-width:480px;font-size:13px}.film-progress{display:none}.film-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:190px;gap:1px}.film-card,.film-card:first-child{grid-row:auto;grid-column:auto;min-height:190px}.film-card video{filter:saturate(.96) contrast(1.04)}.film-card:hover video,.film-card.active video{transform:scale(1.025);filter:saturate(1.08) contrast(1.08)}.film-card.active .film-shade{box-shadow:inset 0 0 0 1px #73e8f3}.film-card:not(:first-child) .film-label b,.film-label b{font-size:14px}@media(max-width:900px){.film-intro{grid-template-columns:1fr auto}.film-intro>p:not(.eyebrow){grid-column:1/-1}.film-grid{grid-template-columns:repeat(4,minmax(150px,1fr));overflow-x:auto}}@media(max-width:650px){.industry-film{margin:0 4% 22px}.film-intro{display:block;padding:22px}.film-intro h2{margin:7px 0 10px}.film-intro>p:not(.eyebrow){margin:0}.film-grid{grid-template-columns:1fr 1fr;grid-template-rows:145px 145px;overflow:visible}.film-card,.film-card:first-child{min-height:145px}.film-label{left:12px;bottom:11px}}
/* Final compact home strip: four small videos in one row, no oversized hero copy. */
.industry-film{margin:0 4% 20px;border-radius:10px;background:#071926}.film-intro{display:none}.film-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:112px;gap:1px}.film-card,.film-card:first-child{min-height:112px}.film-label{left:12px;bottom:10px}.film-label b,.film-card:not(:first-child) .film-label b{font-size:13px}.film-label small{font-size:9px;margin-top:1px}@media(max-width:650px){.film-grid{grid-template-columns:1fr 1fr;grid-template-rows:105px 105px}.film-card,.film-card:first-child{min-height:105px}}
/* Keep the four application videos on one compact row at every viewport width. */
@media(max-width:650px){.film-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:78px;overflow:visible}.film-card,.film-card:first-child{min-height:78px}.film-label{left:7px;bottom:6px}.film-label b,.film-card:not(:first-child) .film-label b{font-size:10px}.film-label small{display:none}}
/* Desktop compact rail: the videos are supporting detail, not a hero section. */
.film-grid{grid-template-rows:68px}.film-card,.film-card:first-child{min-height:68px}.film-label{left:8px;bottom:6px}.film-label b,.film-card:not(:first-child) .film-label b{font-size:11px}.film-label small{display:none}@media(max-width:650px){.film-grid{grid-template-rows:60px}.film-card,.film-card:first-child{min-height:60px}}
/* Balanced four-up rail: retain one row while restoring useful video detail. */
.film-grid{grid-template-rows:136px}.film-card,.film-card:first-child{min-height:136px}.film-label{left:11px;bottom:9px}.film-label b,.film-card:not(:first-child) .film-label b{font-size:12px}@media(max-width:650px){.film-grid{grid-template-rows:118px}.film-card,.film-card:first-child{min-height:118px}}