:root{color-scheme:dark}body{margin:0;background:#071523}html{scroll-behavior:smooth;scroll-padding-top:24px}.tactical-page,.image-dialog{--cyan:#84a6da;--text:#eaeef4;--muted:#8fa6b5;--line:#253e4d;--panel:#0d2231;font-family:"Segoe UI","Microsoft YaHei",sans-serif;color:var(--text);-webkit-font-smoothing:antialiased}.tactical-page *,.image-dialog *{box-sizing:border-box}.tactical-page{background:radial-gradient(ellipse at 75% 1%,#16536635,transparent 29%),#071523;padding-bottom:60px;overflow:hidden}.container{width:min(1240px,calc(100% - 96px));margin-inline:auto}.tactical-page a,.image-dialog a{color:inherit;text-decoration:none}.tactical-page button,.image-dialog button{font:inherit;cursor:pointer}.tactical-page :focus-visible,.image-dialog :focus-visible{outline:2px solid var(--cyan);outline-offset:5px}.hero{padding-top:52px}.eyebrow{color:var(--cyan);font-size:10px;letter-spacing:2.2px;font-weight:550;display:flex;align-items:center;gap:10px}.dot{display:inline-block;height:5px;width:5px;flex-shrink:0;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px #84a6da60}.hero-heading{display:flex;align-items:center;justify-content:space-between;gap:60px;padding:27px 0 36px}h1{font-size:clamp(44px,5vw,68px);font-weight:600;line-height:1.18;letter-spacing:-2.6px;margin:0}h1 span{color:var(--cyan)}.hero-intro{padding-top:15px;min-width:330px}.product-name{font-size:17px;letter-spacing:1px}.product-name>span{display:block;color:#608a9f;font-size:9px;letter-spacing:2px;margin-top:8px}.hero-intro p{font-size:13px;line-height:2;color:var(--muted);margin:21px 0 24px}.button{display:inline-flex;align-items:center;gap:38px;font-size:11px;font-weight:600;background:var(--cyan);color:#08222e!important;border-radius:3px;padding:14px 19px;transition:background .2s,transform .2s}.button:hover{background:#aac5ee;transform:translateY(-2px)}.hero-stage{background:#0c2130;border:1px solid #365b6b;border-radius:8px;overflow:hidden;box-shadow:0 24px 80px #0003}.stage-top,.stage-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 23px;color:#8ca7b6;font-size:9px}.stage-top{letter-spacing:1px}.stage-top>span:first-child{display:flex;align-items:center;gap:9px;color:#bbc8db}.stage-top>span:last-child{letter-spacing:0}.image-button{position:relative;display:block;border:0;padding:0;margin:0;width:100%;line-height:0;cursor:zoom-in!important;background:#000}.image-button img{display:block;width:100%;height:auto;object-fit:contain}.hero-image{border-block:1px solid #274553}.hero-image img{width:100%;max-height:560px;object-fit:contain}.zoom-label{position:absolute;right:14px;bottom:14px;font-size:10px;line-height:1.2;border:1px solid #355b6c;background:#071d2de8;color:#bac8de;padding:9px 12px;border-radius:3px;transition:background .2s}.image-button:hover .zoom-label{background:#17465a;color:#adcaf6}.legend{display:flex;gap:23px}.legend>span{display:flex;align-items:center;gap:7px}.legend i{display:block;height:7px;width:7px;border-radius:50%}.blue{background:#4087f1}.white{background:#fff}.gold{background:#ddc654}.hero-foot{display:flex;justify-content:space-between;gap:20px;padding:22px 0;border-bottom:1px solid var(--line);font-size:10px;color:#678a9e;line-height:1.7}.hero-foot>div{color:#9cb4c1}.hero-foot i{font-style:normal;color:#365468;padding-inline:9px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:30px}h2{font-size:30px;line-height:1.5;font-weight:550;letter-spacing:-.7px;margin:13px 0 0}.section-heading>p{color:var(--muted);font-size:11px;line-height:1.9;margin:0}.sequence-section{padding-block:70px 65px}.sequence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.sequence-card{margin:0;background:#0d2231;border:1px solid var(--line);border-radius:5px;overflow:hidden}.sequence-card .zoom-label{font-size:17px;padding:5px 8px;right:10px;bottom:10px}.sequence-card figcaption{padding:20px}.sequence-card figcaption>span{font-size:13px;color:#cdd6e4}.sequence-card figcaption i{font-style:normal;color:#47798b;margin-inline:8px}.sequence-card p{font-size:11px;color:var(--muted);margin:11px 0 0;line-height:1.7}.source-note{font-size:10px;color:#658699;line-height:1.8;margin:19px 0 0}.motion-section{padding-block:65px;background:linear-gradient(115deg,#0b2433,#0a1c2b);border-block:1px solid var(--line)}.section-label{font-size:11px;color:#8baab9}.section-label>span{font-family:monospace;font-size:20px;color:var(--cyan);margin-left:17px}.featured-video{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:30px;align-items:center}.video-card{margin:0;background:#0b1f2f;border:1px solid #2b495a;border-radius:6px;overflow:hidden;min-width:0}.video-card video{display:block;background:#000;width:100%;height:auto;object-fit:contain}.video-card figcaption{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:21px}.kicker{font-size:9px;letter-spacing:1.7px;color:#83a1cf}.video-card h3{font-size:16px;line-height:1.6;font-weight:500;margin:9px 0 0}.video-card figcaption>a{font-size:10px;color:#8fb8c6;white-space:nowrap}.video-card figcaption>a:hover{color:var(--cyan)}.video-card figcaption p{font-size:10px;color:#668b9f;margin:9px 0 0}.video-story{padding:15px 0 15px 3px}.story-index{font-size:9px;letter-spacing:1.7px;color:#568fa2}.video-story>h3{font-size:30px;font-weight:500;line-height:1.45;letter-spacing:-.7px;margin:20px 0 17px}.video-story>p{font-size:12px;color:var(--muted);line-height:1.95;margin:0 0 23px}.story-detail{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-top:1px solid var(--line);font-size:10px;color:#698da2}.story-detail strong{font-size:10px;font-weight:400;color:#acc6d0}.video-story>a{display:flex;justify-content:space-between;font-size:11px;color:var(--cyan);padding-top:18px}.video-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:28px}.library{padding-block:70px 65px}.filters{display:flex;border:1px solid #2e4b5e;border-radius:4px;padding:4px;gap:4px;flex-shrink:0}.filters button{border:0;color:#769bad;background:transparent;border-radius:2px;padding:8px 17px;font-size:11px}.filters button.active{color:#bfd3f0;background:#18424d}.filters button:hover{color:#bfd3f0}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}.gallery-card{margin:0;background:#0b2030;border:1px solid #274455;border-radius:5px;overflow:hidden}.gallery-card figcaption{display:flex;justify-content:space-between;align-items:center;padding:19px 21px;font-size:12px;color:#c0d6df}.gallery-card small{color:#54899b;font-family:monospace;font-size:9px;letter-spacing:1.4px}.gallery-card[hidden]{display:none}.workflow{border-top:1px solid var(--line);padding-top:49px}.workflow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}.workflow-grid article{padding-top:12px;border-top:1px solid #294454;position:relative}.workflow-grid article:not(:last-child):after{content:'↗';position:absolute;right:0;top:10px;color:#436d81;font-size:19px}.workflow-grid article>span{font-family:monospace;font-size:12px;color:var(--cyan)}.workflow-grid h3{font-size:14px;font-weight:500;margin:20px 0 10px}.workflow-grid p{font-size:11px;color:var(--muted);line-height:1.9;margin:0}.closing{display:flex;align-items:center;gap:23px;padding:35px 0 0;margin-top:43px;border-top:1px solid var(--line)}.closing-mark{color:var(--cyan);font-size:54px;font-weight:300}.closing p{font-size:12px;color:#6d95a8;line-height:2;margin:0}.closing strong{font-size:18px;font-weight:500;color:#d5dde9}.closing-label{margin-left:auto;color:#426f82;font-size:10px;line-height:1.8;letter-spacing:2px}.image-dialog{width:min(1360px,95vw);max-width:95vw;padding:22px;border:1px solid #3b6679;border-radius:6px;background:#0b2334;box-shadow:0 30px 100px #0008}.image-dialog::backdrop{background:#010c17e8;backdrop-filter:blur(7px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.dialog-heading h2{font-size:15px;font-weight:500;margin:0;line-height:1.6}.close-dialog{background:#163b4e;color:#c3d0e3;border:1px solid #3f6172;border-radius:4px;font-size:12px!important;padding:9px 14px;white-space:nowrap}.dialog-image{display:block;width:100%;height:auto;max-height:75vh;object-fit:contain;background:#000}.original-link{display:inline-block;font-size:11px;margin-top:17px;color:#84a6da!important}.media-error{font-size:12px;color:#e3bf87;line-height:1.8;padding:0 20px 15px}.media-error[hidden]{display:none}
@media(min-width:1500px){.hero{padding-top:65px}.hero-heading{padding-block:35px 45px}.hero-intro{padding-right:60px}}
@media(max-width:1100px){.container{width:calc(100% - 64px)}.hero-heading{gap:35px}h1{font-size:54px}.hero-intro{min-width:300px}.featured-video{grid-template-columns:minmax(0,1fr) 240px;gap:25px}.video-story>h3{font-size:27px}.video-story>p{font-size:11px}.sequence-grid{gap:15px}.sequence-card figcaption{padding:16px}.video-card figcaption{padding:18px}.video-card h3{font-size:14px}}
@media(max-width:800px){.container{width:calc(100% - 40px)}.hero{padding-top:35px}.hero-heading{align-items:flex-start;gap:25px;padding-block:25px 28px}h1{font-size:44px;letter-spacing:-1.6px}.hero-intro{min-width:0;max-width:270px;padding-top:4px}.product-name{font-size:15px}.product-name>span{font-size:7px;letter-spacing:1.5px}.hero-intro p{font-size:11px;margin:15px 0}.button{font-size:10px;gap:23px;padding:12px 15px}.stage-top,.stage-bottom{padding:13px 16px;font-size:8px}.hero-foot{display:block;font-size:10px;padding-block:17px}.hero-foot>div{margin-top:8px}h2{font-size:25px}.sequence-section,.library{padding-block:48px}.section-heading>p{display:none}.sequence-grid{gap:12px}.sequence-card figcaption{padding:13px}.sequence-card figcaption>span{font-size:11px}.sequence-card figcaption i{margin-inline:3px}.sequence-card p{font-size:10px}.motion-section{padding-block:45px}.featured-video{grid-template-columns:1fr;gap:19px}.video-story{display:grid;grid-template-columns:1fr 1fr;gap:0 25px;padding:5px 0}.story-index{grid-column:1/-1}.video-story>h3{grid-column:1;grid-row:2/4;font-size:27px;margin-top:14px}.video-story>p{grid-column:2;grid-row:2/4;margin-top:14px}.video-story>a{grid-column:2}.story-detail{padding-block:12px}.video-pair{gap:17px;margin-top:20px}.video-card h3{font-size:13px}.video-card figcaption{padding:16px}.video-card figcaption>a{font-size:9px}.gallery{gap:17px}.filters button{padding:7px 12px;font-size:10px}.gallery-card figcaption{padding:15px;font-size:11px}.workflow{padding-top:39px}.workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.workflow-grid article:nth-child(2):after{display:none}.closing strong{font-size:16px}.closing-label{font-size:8px}.tactical-page{padding-bottom:40px}}
@media(max-width:560px){.hero-heading{display:block}h1{font-size:51px;line-height:1.16;margin-bottom:24px}.hero-intro{max-width:none;display:grid;grid-template-columns:1fr auto;gap:0 15px}.product-name{grid-column:1}.product-name>span{display:none}.hero-intro p{grid-column:1;grid-row:2;font-size:11px;margin-bottom:0}.hero-intro .button{grid-column:2;grid-row:1/3;align-self:center;padding:13px 14px;gap:15px}.stage-top{font-size:7px;letter-spacing:.8px;padding:12px}.stage-top>span:last-child{font-size:8px}.stage-bottom{padding:12px;font-size:8px}.stage-bottom>span{display:none}.legend{width:100%;justify-content:center;gap:24px}.legend i{width:6px;height:6px}.hero-stage{border-radius:5px}.hero-image .zoom-label{font-size:8px;padding:6px 8px;right:8px;bottom:8px}.section-heading{gap:15px;align-items:flex-start;margin-bottom:23px}h2{font-size:23px;letter-spacing:-.5px}.eyebrow{font-size:8px;letter-spacing:1.5px}.sequence-grid{grid-template-columns:1fr}.sequence-card figcaption{padding:16px;display:flex;align-items:center;justify-content:space-between;gap:15px}.sequence-card figcaption>span{font-size:12px;white-space:nowrap}.sequence-card p{margin:0;font-size:10px}.sequence-card .zoom-label{font-size:14px}.sequence-section{padding-top:41px}.section-label{font-size:9px;white-space:nowrap;padding-top:18px}.section-label>span{font-size:14px;margin-left:7px}.video-story{gap:0 17px}.video-story>h3{font-size:24px}.video-story>p{font-size:10px}.story-index{font-size:8px}.story-detail{font-size:9px}.story-detail strong{font-size:9px}.video-story>a{font-size:10px}.video-pair{grid-template-columns:1fr}.video-card h3{font-size:14px}.gallery{grid-template-columns:1fr}.library .section-heading{display:block}.filters{display:inline-flex;margin-top:20px}.filters button{padding:8px 21px}.gallery-card figcaption{padding:16px;font-size:12px}.workflow-grid{gap:25px 21px}.workflow-grid p{font-size:10px}.closing{gap:15px;padding-top:23px;margin-top:33px}.closing-mark{font-size:42px}.closing strong{font-size:14px}.closing-label{display:none}.image-dialog{padding:14px}.dialog-heading h2{font-size:13px}.close-dialog{font-size:10px!important;padding:8px 10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tactical-page *{transition:none!important}}