/* SGS cinematic digital-services opening. Original code-native graphics. */
.launch-intro{display:none;position:fixed;inset:0;z-index:10000;color:#fff;background:#061e2b;font-family:inherit;isolation:isolate;overflow:hidden}.launch-intro:focus{outline:none}.intro-pending .launch-intro{display:grid;grid-template-rows:auto minmax(0,1fr) auto;animation:cinema-failsafe 15s step-end forwards}.launch-backdrop{position:absolute;inset:0;z-index:-3;background:radial-gradient(ellipse at 75% 45%,#124a59 0%,#082b3a 34%,#061b27 76%);transition:opacity .7s}.launch-grain{position:absolute;inset:-25%;z-index:-2;background:radial-gradient(ellipse at 60% 40%,#38b5b026,transparent 45%);animation:cinema-light 12s ease-in-out infinite}.launch-intro:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(#a2d5d509 1px,transparent 1px),linear-gradient(90deg,#a2d5d509 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at center,#000,transparent 75%)}
.launch-top,.launch-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 5vw;position:relative;font-size:14px;letter-spacing:1px;font-weight:600;z-index:5}.launch-top>span>span,.launch-bottom>span>span{color:#9de4ca;margin:0 10px}.cinema-scene-label{color:#98cbbf}.launch-bottom{color:#abc8ce;font-size:14px;letter-spacing:.5px}.launch-time{flex:1;max-width:220px;height:2px;background:#34525b;overflow:hidden}.launch-time>span{display:block;width:100%;height:100%;background:#b8e7c7;transform-origin:left;transform:scaleX(0)}.launch-stage{position:relative;margin:0 5vw;min-height:0;perspective:1400px}.cinema-scene{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:5vw;align-items:center}.cinema-scene[hidden]{display:none!important}.cinema-copy{position:relative;z-index:2}.cinema-kicker{display:block;color:#b2dcd0;font-size:14px;letter-spacing:1.5px;line-height:1.5;margin-bottom:25px}.cinema-copy h2{font-size:clamp(42px,5.7vw,90px);font-weight:800;letter-spacing:-.065em;line-height:1.02;margin:0 0 25px;color:#fff}.cinema-copy h2 em{font-style:normal;color:#a2e3cb}.cinema-copy>p{font-size:clamp(16px,1.55vw,22px);line-height:1.6;color:#d1e6e6;margin:0 0 30px}.cinema-tags{font-size:14px;line-height:1.8;letter-spacing:.6px;color:#91bfb9}.cinema-tags i{color:#b4dbb1;font-style:normal;margin:0 7px}.cinema-visual{position:relative;border:1px solid #62949866;background:linear-gradient(140deg,#173e4ae8,#082733ed);border-radius:18px;box-shadow:0 30px 90px #0005,0 0 70px #63c6bc0b;min-width:0;transform-style:preserve-3d}.cinema-sample{display:block;font-size:14px;color:#92bdb6;padding:17px 20px;border-bottom:1px solid #70938e30;letter-spacing:.3px}.cinema-window-head{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px;letter-spacing:.5px;color:#abd4c9;padding:18px 20px;border-bottom:1px solid #70938e30}.cinema-dots{font-size:14px;letter-spacing:4px;color:#6da59c}.data-table{padding:8px 20px 18px}.data-table-head,.data-record{display:grid;grid-template-columns:1fr .85fr 1.3fr;gap:14px;align-items:center;font-size:14px;padding:18px 0;border-bottom:1px solid #70938e30;line-height:1.5}.data-table-head{color:#9abcb7}.data-record{color:#e7f6ed}.data-record b{color:#ade2be;font-size:14px;font-weight:500}.data-record .needs-review{color:#d9d5ad}.data-scan{position:absolute;left:0;right:0;top:90px;height:1px;background:#b5f3d4;box-shadow:0 0 20px 3px #8de6cc48;opacity:.5}.cinema-output{display:flex;align-items:center;gap:14px;margin:0 20px 20px;padding:16px;background:#1d554c77;border:1px solid #90d0b833;border-radius:9px;font-size:16px;line-height:1.4}.cinema-output>span{color:#baf5d5;font-size:25px}.cinema-output small{display:block;font-size:14px;line-height:1.5;color:#b2d4c8;margin-top:4px}.workflow-workspace{height:420px;background:transparent;border-color:#6d9e9455}.cinema-links{position:absolute;inset:50px 0 0;width:100%;height:calc(100% - 50px);fill:none;stroke:#72b5a750;stroke-width:2}.cinema-flow{stroke:#abe9cc;stroke-dasharray:7 14;animation:cinema-flow 1.2s linear infinite}.cinema-hub{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);width:120px;height:120px;border:1px solid #a1e4cc99;border-radius:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1d5a5a;box-shadow:0 0 55px #70d8c528;font-size:38px;font-weight:800;letter-spacing:-2px}.cinema-hub span{font-size:14px;letter-spacing:0;text-align:center;line-height:1.3;margin-top:7px;max-width:100px;font-weight:400;color:#c5e5d7}.cinema-node{position:absolute;background:#113946;border:1px solid #7ba99c80;border-radius:12px;width:155px;padding:14px;text-align:center;font-size:16px;line-height:1.4;box-shadow:0 15px 40px #0003}.cinema-node>span{display:block;color:#a0ddc0;font-size:24px;margin-bottom:4px}.cinema-node small{display:block;font-size:14px;color:#a5c9c0;line-height:1.4;margin-top:5px}.node-one{left:5%;top:17%}.node-two{right:5%;top:17%}.node-three{left:5%;bottom:6%}.node-four{right:5%;bottom:6%}.report-body{padding:20px}.report-title{font-size:20px;font-weight:600;line-height:1.4}.report-title>span{display:block;font-size:14px;font-weight:400;color:#a2c5ba;margin-top:5px}.cinema-chart{height:170px;display:flex;align-items:flex-end;gap:20px;padding:20px 15px 26px;margin-top:10px;border-bottom:1px solid #70938e40;background:repeating-linear-gradient(0deg,#78a39a20 0 1px,transparent 1px 35px)}.cinema-chart>div{position:relative;height:var(--bar-height);flex:1}.cinema-chart>div>span{display:block;width:100%;height:100%;background:linear-gradient(#a9e2be,#388b8a);border-radius:5px 5px 0 0;transform-origin:50% 100%}.cinema-chart small{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);color:#a3c9bb;font-size:14px}.report-services{display:grid;gap:10px;margin-top:18px;font-size:14px;color:#c3e0d4}.report-services>span{padding:12px;background:#39726924;border-radius:6px;border:1px solid #7baca033}
.cinema-finale{display:grid;grid-template-columns:1fr;justify-items:center}.launch-brand{display:grid;grid-template-columns:auto auto;gap:28px 42px;align-items:center;max-width:850px}.launch-logo{width:clamp(140px,17vw,210px);aspect-ratio:1;background:#fff;border-radius:20px;padding:15px;box-shadow:0 0 90px #91d7bf1c}.launch-logo img{display:block;width:100%;height:100%;object-fit:contain}.launch-sgs{display:block;font-size:clamp(75px,10vw,132px);font-weight:800;line-height:.9;letter-spacing:-.07em}.launch-company{font-size:clamp(22px,2.8vw,32px);font-weight:600;margin:16px 0 15px;line-height:1.3}.launch-priority{color:#bde6d6;font-size:clamp(17px,2vw,21px);line-height:1.5;margin:0}.launch-chapter{grid-column:1/-1;text-align:center;color:#d4e9db;font-size:18px;margin:20px 0 0}.intro-running{overflow:hidden}.intro-running header .brand,.intro-running .motion-controls,.intro-running #theme-toggle{visibility:hidden}.intro-exiting .launch-backdrop,.intro-exiting .launch-grain{opacity:0}.intro-exiting .launch-stage,.intro-exiting .launch-top,.intro-exiting .launch-bottom{opacity:0;transition:opacity .35s}.intro-exiting .launch-intro{pointer-events:none;background:transparent}.launch-logo-flight{position:fixed;z-index:10002;pointer-events:none;object-fit:contain;transform-origin:0 0;background:#fff;border-radius:14px;padding:10px;box-sizing:border-box;will-change:transform}.intro-revealing .hero-copy{animation:hero-arrive .8s cubic-bezier(.22,1,.36,1) both}.intro-revealing .operations{animation:hero-arrive 1s cubic-bezier(.22,1,.36,1) both}.hero-chapter{font-size:14px!important;line-height:1.6!important;margin:18px 0!important;color:#527469}.theme-dark .hero-chapter{color:#a7d9ca}.hero h1{font-size:clamp(40px,5.4vw,78px);line-height:1.08;letter-spacing:-.055em}.watch-intro{font:inherit;font-size:14px;color:#306955;background:transparent;border:1px solid #92b7a4;border-radius:99px;padding:11px 18px;margin-top:22px;cursor:pointer}.theme-dark .watch-intro{color:#bcebd8;border-color:#679d8d}.watch-intro:hover{background:#72c9a51a}.watch-intro:focus-visible,.replay-intro:focus-visible{outline:3px solid #74c6a5;outline-offset:4px}.replay-intro{border:0;background:none;padding:0;color:inherit;font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
@keyframes cinema-light{50%{transform:translate(-8%,5%) scale(1.15)}}@keyframes cinema-flow{to{stroke-dashoffset:-42}}@keyframes cinema-failsafe{to{visibility:hidden;pointer-events:none}}@keyframes hero-arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media(max-width:700px){.launch-top,.launch-bottom{padding:18px 6vw;font-size:14px;letter-spacing:.3px}.launch-top>span:first-child{max-width:200px;line-height:1.5}.cinema-scene-label{white-space:nowrap}.launch-stage{margin:0 6vw}.cinema-scene{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;gap:22px;align-content:center}.cinema-kicker{font-size:14px;margin-bottom:12px;letter-spacing:.5px}.cinema-copy h2{font-size:clamp(34px,9.5vw,54px);line-height:1;margin-bottom:14px}.cinema-copy h2 br{display:none}.cinema-copy h2 em{display:block}.cinema-copy>p{font-size:15px;margin-bottom:10px;line-height:1.5}.cinema-tags{font-size:14px;line-height:1.5;letter-spacing:0}.cinema-sample{padding:10px 12px;font-size:14px;line-height:1.4}.cinema-window-head{padding:12px;font-size:14px;letter-spacing:0}.cinema-dots{letter-spacing:1px}.data-table{padding:0 12px 10px}.data-table-head,.data-record{font-size:14px;gap:8px;padding:10px 0;grid-template-columns:.8fr .8fr 1.2fr}.data-record b{font-size:14px}.cinema-output{margin:0 12px 12px;padding:10px;font-size:14px;gap:9px}.cinema-output small{display:none}.data-scan{top:75px}.workflow-workspace{height:310px}.cinema-node{width:125px;padding:8px;font-size:14px}.cinema-node small{font-size:14px}.cinema-node>span{font-size:20px}.node-one,.node-three{left:3%}.node-two,.node-four{right:3%}.node-one,.node-two{top:19%}.node-three,.node-four{bottom:3%}.cinema-hub{width:90px;height:90px;font-size:30px;border-radius:22px}.cinema-hub span{font-size:14px;max-width:80px}.report-body{padding:12px}.report-title{font-size:17px}.cinema-chart{height:125px;margin-top:5px;gap:16px;padding-top:10px}.report-services{gap:6px;margin-top:10px}.report-services>span{padding:8px}.cinema-finale{grid-template-rows:1fr}.launch-brand{grid-template-columns:1fr;justify-items:center;gap:22px}.launch-brand-copy{text-align:center}.launch-logo{width:128px;padding:12px;border-radius:15px}.launch-sgs{font-size:72px}.launch-company{font-size:23px;margin:12px 0}.launch-priority{font-size:17px}.launch-chapter{font-size:16px;margin:8px 0 0}.launch-bottom{flex-wrap:wrap;justify-content:center;gap:13px;text-align:center}.launch-bottom>span:last-child{display:none}.launch-time{flex-basis:100%;max-width:100%;order:2}.hero h1{font-size:clamp(38px,10.5vw,58px)}}
@media(max-height:720px) and (max-width:700px){.launch-top,.launch-bottom{padding-top:12px;padding-bottom:12px}.cinema-scene{gap:13px}.cinema-kicker{margin-bottom:7px}.cinema-copy h2{font-size:34px;margin-bottom:10px}.cinema-copy>p{font-size:14px}.cinema-tags{display:none}.data-table-head,.data-record{padding:8px 0}.cinema-output{padding:8px}.workflow-workspace{height:275px}.cinema-node small{display:none}.node-one,.node-two{top:22%}.node-three,.node-four{bottom:7%}.report-services{margin-top:7px}.cinema-chart{height:100px}.launch-brand{gap:15px}.launch-logo{width:110px}.launch-sgs{font-size:62px}}
@media(prefers-reduced-motion:reduce){.launch-grain,.cinema-flow{animation-duration:20s}.intro-revealing .hero-copy,.intro-revealing .operations{animation:none}}
/* Visible base state: no transparent Web Animation can strand the scene. */
.cinema-scene:not([hidden]){animation:cinema-scene-arrive .85s cubic-bezier(.22,1,.36,1) both}.cinema-scene:not([hidden]) .cinema-item{animation:cinema-item-arrive .9s cubic-bezier(.22,1,.36,1) both}.cinema-scene:not([hidden]) .cinema-row{animation:cinema-item-arrive .9s cubic-bezier(.22,1,.36,1) .12s both}.cinema-scene:not([hidden]) .cinema-row:nth-child(3n){animation-delay:.25s}.cinema-data:not([hidden]) .data-scan{animation:cinema-scan 2.1s ease .15s both}.cinema-reports:not([hidden]) .cinema-chart>div>span{animation:cinema-bar-rise 1.4s cubic-bezier(.22,1,.36,1) both}.cinema-reports:not([hidden]) .cinema-chart>div:nth-child(2n)>span{animation-delay:.15s}.cinema-reports:not([hidden]) .cinema-chart>div:nth-child(3n)>span{animation-delay:.25s}
@keyframes cinema-scene-arrive{from{opacity:.8;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@keyframes cinema-item-arrive{from{opacity:.7;translate:0 22px}to{opacity:1;translate:0 0}}@keyframes cinema-scan{0%{transform:translateY(0);opacity:0}20%{opacity:.8}100%{transform:translateY(185px);opacity:0}}@keyframes cinema-bar-rise{from{transform:scaleY(.12)}to{transform:scaleY(1)}}
@media(prefers-reduced-motion:reduce){@keyframes cinema-item-arrive{from{opacity:.85;translate:0 4px}to{opacity:1;translate:0 0}}}
/* Shared artwork proportions; the landing frame matches the real header geometry. */
html{scrollbar-gutter:stable}.launch-logo-flight{display:block;box-sizing:border-box;overflow:hidden;transform:none!important;object-fit:initial;padding:0;border:0;will-change:left,top,width,height,padding}.launch-logo-flight>img{display:block;width:100%;height:100%;max-width:none;object-fit:contain;object-position:center}