/* The software page is a sequence of different experiences, not a card catalogue. */
.si-experiential .si-brand-scene{overflow:clip}
.si-flight-track{height:225svh;margin:0 calc(-1 * var(--pad));position:relative}
.si-flight-track .si-flight-stage{--flight:.38;--energy:0;margin:0;position:sticky;top:66px;height:calc(100svh - 136px);min-height:430px;isolation:isolate}
.si-flight-stage canvas{z-index:2}
.si-flight-aura{position:absolute;inset:-15%;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 68% 40%,#ffcaef99,transparent 45%),radial-gradient(ellipse at 30% 65%,#a0beffbb,transparent 46%);opacity:calc(.14 + var(--energy) * .55);transform:translate3d(calc(var(--flight) * -80px),0,0) scale(calc(.8 + var(--flight) * .5))}
.si-flight-orbit{position:absolute;z-index:0;left:50%;top:50%;width:75vw;height:75vw;border:1px solid #7e78b53b;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%) perspective(800px) rotateX(65deg) rotateZ(calc(var(--flight) * 100deg)) scale(calc(.5 + var(--flight) * 1.6));opacity:calc(.15 + var(--energy) * .55)}
.si-flight-orbit:before,.si-flight-orbit:after{content:'';position:absolute;inset:9%;border:1px dashed #8e80b855;border-radius:50%}.si-flight-orbit:after{inset:22%;border-style:solid}
.si-flight-stage .si-sculpture-type{top:21%;transform-origin:left center;transform:perspective(900px) translate3d(calc(var(--flight) * -35px),calc(var(--flight) * 25px),0) rotateY(calc(var(--flight) * -6deg)) scale(calc(1 + var(--flight) * .06));opacity:clamp(0,calc((.78 - var(--flight)) * 2.3),1);text-shadow:calc(var(--energy) * 4px) 0 #ffb5df99,calc(var(--energy) * -4px) 0 #b5efff99;will-change:transform,opacity}
.si-flight-hud{position:absolute;top:25px;left:var(--pad);right:var(--pad);display:flex;align-items:center;gap:24px;z-index:5;font:8px monospace;letter-spacing:.12em;color:#655d8d;pointer-events:none}.si-flight-hud>b{font-weight:400;margin-left:auto}.si-flight-hud>i{width:115px;height:2px;background:#8c7cac44;position:relative}.si-flight-hud>i:after{content:'';position:absolute;inset:0;background:#6659aa;transform:scaleX(var(--flight));transform-origin:left}
.si-flight-outro{position:absolute;z-index:3;left:var(--pad);top:24%;font:600 clamp(75px,12vw,185px)/.85 Syne,sans-serif;letter-spacing:-.08em;color:#fffaf5;pointer-events:none;opacity:clamp(0,calc((var(--flight) - .72) * 5),1);transform:translate3d(calc((1 - var(--flight)) * 150px),0,0);text-shadow:0 0 35px #e8d9f855;will-change:transform,opacity}.si-flight-outro em{font-weight:400;font-family:Georgia,serif;letter-spacing:-.06em}
.si-flight-stage .si-scene-pause,.si-flight-stage .si-sculpture-caption{z-index:6}
@media(max-width:700px){.si-flight-track{height:215svh}.si-flight-track .si-flight-stage{top:72px;height:calc(100svh - 144px);min-height:430px}.si-flight-stage .si-sculpture-type{top:29%}.si-flight-outro{font-size:70px;top:37%}.si-flight-hud{top:22px;gap:10px;font-size:6px;letter-spacing:.04em}.si-flight-hud>i{width:45px}.si-flight-orbit{width:150vw;height:150vw}.si-flight-stage .si-sculpture-caption{max-width:190px;font-size:6px}}
@media(prefers-reduced-motion:reduce){.si-flight-track{height:auto}.si-flight-track .si-flight-stage{position:relative;top:auto;height:680px}.si-flight-stage .si-sculpture-type{transform:none;opacity:1;text-shadow:none}.si-flight-outro,.si-flight-aura,.si-flight-orbit,.si-flight-hud{display:none}}
@media(max-width:700px) and (prefers-reduced-motion:reduce){.si-flight-track .si-flight-stage{height:470px}}
.si-map-viewport{overflow-x:auto;scrollbar-width:thin}.si-map-viewport:focus-visible{outline:2px solid #4453d9;outline-offset:-3px}
@media(max-width:700px){.si-map-viewport:before{content:'좌우로 밀어 연결 구조를 살펴보세요 ↔';display:block;font-size:9px;color:#7f8fb5;padding:15px 12px 0}.si-map-viewport .si-map-svg{width:640px;max-width:none;min-height:314px}}
.si-experiential{--si-scene-blue:#414cdb}.si-hero-manifest{position:relative;min-height:470px;display:flex;align-items:center;overflow:hidden;border-top:1px solid #c4cbe3;border-bottom:1px solid #c4cbe3}.si-hero-manifest>span{font:650 clamp(42px,5vw,80px)/.98 Syne,sans-serif;letter-spacing:-.07em;color:#3845ba;position:relative;z-index:1}.si-hero-manifest>i{font:normal 360px/1 Georgia;position:absolute;right:-20px;top:40px;color:#ced2ed;transform:rotate(-15deg)}.si-hero-manifest small{position:absolute;bottom:25px;left:0;font:9px monospace;letter-spacing:.14em}.si-experiential .si-hero-grid{grid-template-columns:1.2fr 1fr}.si-experiential .si-hero-description{display:none}.si-experiential .si-principles{font-size:10px}
.si-range{padding-top:85px;padding-bottom:85px}.si-range>.mono{font-size:10px}.si-range>h2{font-size:clamp(35px,4.5vw,68px);line-height:1.15;letter-spacing:-.06em;margin:24px 0 55px}.si-range-index{display:flex;flex-direction:column}.si-range-index>a{display:grid;grid-template-columns:1fr 1.5fr 70px;align-items:center;gap:20px;padding:27px 0;border-top:1px solid var(--si-rule);transition:color .25s}.si-range-index>a>span{font:10px monospace}.si-range-index strong{font-size:clamp(24px,3vw,43px);letter-spacing:-.05em;font-weight:500}.si-range-index b{font-size:50px;font-weight:400;transition:transform .4s}.si-range-index a:hover{color:#6470ec}.si-range-index a:hover b{transform:rotate(45deg)}
.si-experience{padding:90px var(--pad) 55px;overflow:hidden;position:relative;scroll-margin-top:85px}.si-scene-heading{position:relative;z-index:2;max-width:760px}.si-scene-heading>.mono{font-size:10px;letter-spacing:.08em}.si-scene-heading h2{font-size:clamp(40px,5.2vw,80px);font-weight:550;line-height:1.13;letter-spacing:-.065em;margin:26px 0}.si-scene-heading h2 em{font-style:normal;font-weight:400}.si-scene-heading>p{font-size:15px;line-height:1.9;max-width:540px;margin:0}.si-scene-detail{margin-top:35px;border-top:1px solid currentColor}.si-scene-detail>summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;list-style:none;padding:22px 0;font-size:12px;letter-spacing:.01em}.si-scene-detail>summary::-webkit-details-marker{display:none}.si-scene-detail>summary>span{font:26px/1 Syne;transition:transform .2s}.si-scene-detail[open]>summary>span{transform:rotate(45deg)}.si-detail-body{padding:12px 0 35px}.si-detail-body .si-content-grid>article{background:transparent;color:inherit}.si-detail-body .si-content-grid :is(p,li,h3){color:inherit}.si-scene-detail:focus-within{scroll-margin-top:85px}
.si-brand-scene{background:#dfdcee;color:#302a66}.si-brand-scene .si-scene-heading{max-width:100%;display:grid;grid-template-columns:1fr 1fr;gap:0 45px}.si-brand-scene .si-scene-heading>.mono{grid-column:1/-1}.si-brand-scene .si-scene-heading>p{align-self:end;max-width:370px;margin:0 0 28px auto}.si-sculpture{height:680px;margin:0 calc(-1 * var(--pad));position:relative;isolation:isolate;background:radial-gradient(ellipse at 45% 55%,#f5e8e9,#d9d7ee 65%);overflow:hidden;touch-action:pan-y}.si-sculpture:after{content:'';position:absolute;bottom:30px;left:20%;width:65%;height:50px;background:#45347325;filter:blur(25px);border-radius:50%;z-index:-1}.si-sculpture canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}.si-sculpture-type{position:absolute;z-index:1;top:16%;left:var(--pad);font:650 clamp(70px,12.6vw,195px)/.85 Syne,sans-serif;letter-spacing:-.085em;color:#f8f5f4;pointer-events:none;text-shadow:0 1px 0 #b7b0d8}.si-sculpture-type>span{display:block;font:9px/2 monospace;letter-spacing:.2em;color:#6b668d;margin:28px 0}.si-sculpture-caption{position:absolute;bottom:27px;left:var(--pad);font-size:9px;z-index:4}.si-scene-pause{position:absolute;bottom:20px;right:var(--pad);z-index:4;border:1px solid #a9a2c3;background:#f5f3f180;padding:10px 14px;font:9px monospace;cursor:pointer;color:#433d73}.si-brand-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:35px 0 0}.si-brand-bottom p{font-size:17px;line-height:1.8}.si-brand-bottom>.mono{font-size:9px;letter-spacing:.05em}.si-sculpture-fallback{position:absolute;inset:0;z-index:2;pointer-events:none;perspective:600px}.si-sculpture-fallback i{position:absolute;width:300px;height:300px;border-radius:50%;left:36%;top:21%;border:60px solid #8280bf;box-shadow:inset 10px 10px 25px #ffffffba,14px 25px 45px #50408355;transform:rotateX(30deg) rotateY(-28deg)}.si-sculpture-fallback i:nth-child(2){width:190px;height:190px;left:65%;top:50%;border-width:25px;border-color:#ccff25}.si-sculpture-fallback i:nth-child(3){width:180px;height:180px;left:12%;top:55%;border-width:0;background:radial-gradient(circle at 25% 25%,#f8f6f4,#8b78c9 65%,#2e266a)}.si-sculpture.is-webgl .si-sculpture-fallback{display:none}
.si-os-scene{background:#151b2b;color:#e8edfc}.si-os-scene .si-scene-heading>p{color:#9ca9c4}.si-os-scene .si-scene-heading{margin-bottom:55px}.si-os{border:1px solid #43506e;border-radius:10px;background:#20283c;box-shadow:0 35px 70px #03081770;overflow:hidden;transform:perspective(1600px) rotateX(3deg);transform-origin:center top;transition:transform .7s}.si-os:hover{transform:perspective(1600px) rotateX(0)}.si-os-chrome{display:flex;align-items:center;gap:25px;border-bottom:1px solid #3c4760;padding:15px 22px;background:#293148}.si-os-chrome>span{display:flex;gap:6px}.si-os-chrome i{width:7px;height:7px;border-radius:50%;background:#7580a0}.si-os-chrome i:first-child{background:#d6ff39}.si-os-chrome>b{font:9px monospace;letter-spacing:.1em}.si-os-chrome>small{margin-left:auto;font-size:9px;color:#a2acc5}.si-os-shell{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:630px}.si-os-sidebar{padding:30px 20px;background:#1b2234;display:flex;flex-direction:column;border-right:1px solid #3b4660}.si-os-sidebar>strong{font:700 38px/.9 Syne;letter-spacing:-.08em}.si-os-sidebar>strong>span{font:9px monospace;letter-spacing:0;margin-left:10px;color:#afbcdd}.si-os-sidebar>span{font:8px monospace;color:#7b8ba9;margin:30px 0 14px}.si-os-sidebar [role=tablist]{display:grid;gap:6px}.si-os-sidebar button{border:0;background:transparent;text-align:left;padding:13px 10px;color:#a7b4d0;font-size:11px;cursor:pointer}.si-os-sidebar button[aria-selected=true]{background:#424fd0;color:white;border-radius:3px}.si-os-user{margin-top:auto;display:flex;gap:10px;align-items:center;font:9px/1.7 monospace;color:#bcc8e0}.si-os-user>i{display:grid;place-items:center;width:29px;height:29px;background:#414c71;color:#d8ff46;font-style:normal}.si-os-user small{font-size:6px;color:#7c8bab}.si-os-main{padding:28px;min-width:0}.si-os-main>header{display:flex;justify-content:space-between;gap:15px;align-items:center}.si-os-main header .mono{font-size:8px;color:#899bbb}.si-os-main h3{font:500 clamp(20px,2.4vw,34px)/1.2 Syne;margin-top:12px;letter-spacing:-.04em}.si-os-online{color:#b7db7e;font:8px monospace;white-space:nowrap}.si-os-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:28px 0}.si-os-metrics>div{border-left:1px solid #465473;padding:0 17px}.si-os-metrics>div>span{display:block;font-size:10px;color:#a9b7d3}.si-os-metrics strong{display:block;font:500 40px/1.5 Syne}.si-os-metrics strong small{font:8px monospace;color:#93a6c8}.si-os-metrics i{font-size:8px;font-style:normal;color:#8d9ebe}.si-os-visuals{display:grid;grid-template-columns:1.7fr 1fr;gap:16px}.si-os-chart,.si-os-pipeline{padding:19px;border:1px solid #3f4d69;background:#232d43;min-width:0}.si-os-chart>div{display:flex;justify-content:space-between;gap:10px;font-size:11px}.si-os-chart small{font:7px monospace;color:#8b9dbc}.si-os-chart svg{width:100%;margin-top:20px;display:block}.si-chart-grid{stroke:#53617a;stroke-width:.6;fill:none;opacity:.4}.si-chart-line{fill:none;stroke:#c8ceff;stroke-width:2;stroke-dasharray:800;stroke-dashoffset:0;transition:stroke-dashoffset 1s}.si-chart-area{fill:url(#si-chart-fill)}.si-chart-line.secondary{stroke:#a6dca3;stroke-width:1;opacity:.65}.si-os-chart footer{display:flex;justify-content:space-between;font:7px monospace;color:#7486a9;margin-top:12px}.si-os-pipeline>span{font:8px monospace;letter-spacing:.05em;color:#93a5c5}.si-os-pipeline ol{list-style:none;margin:17px 0;padding:0;display:grid;gap:8px}.si-os-pipeline li{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#91a1be;border-left:2px solid #526180;padding:5px 10px;transition:background .2s,color .2s}.si-os-pipeline li b{font:7px monospace}.si-os-pipeline li.is-active{background:#435339;color:#dcff8e;border-color:#d6ff39}.si-os-pipeline button{border:1px solid #7f90bb;color:#d8e3fd;background:transparent;width:100%;padding:10px;font-size:10px;cursor:pointer}.si-os-pipeline button:disabled{opacity:.6;cursor:wait}.si-os-table{margin-top:20px;font-size:10px}.si-os-table>div{display:flex;justify-content:space-between;padding-bottom:13px;color:#9babca}.si-os-table>div>span{font:7px monospace}.si-os-table>p{display:grid;grid-template-columns:1.6fr 1fr 65px;gap:10px;padding:13px 0;border-top:1px solid #3b4863;font-size:10px;margin:0}.si-os-table small{color:#7f92b5;font:8px monospace}.si-os-table b{color:#b8c7ff;font-size:9px;font-weight:400;text-align:right}.si-os-status{font-size:9px;color:#8497bb;line-height:1.6;margin-top:16px;min-height:16px}.si-os-foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;font:8px monospace;color:#8092b3;letter-spacing:.06em;padding-top:30px}.si-os-scene .si-scene-detail{border-color:#46536c}.si-os-scene .si-detail-body{color:#c6cfe3}.si-os-scene .si-content-grid>article{border-color:#46536c}.si-os-scene .si-detail-note{color:#94a5c7}
.si-integration-scene{background:#e7ecf5;color:#3447a6}.si-integration-scene .si-scene-heading{max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:0 40px}.si-integration-scene .si-scene-heading>.mono{grid-column:1/-1}.si-integration-scene .si-scene-heading>p{align-self:end;max-width:360px;margin:0 0 28px auto}.si-map{margin-top:35px;border:1px solid #b3bfda;background-color:#f2f5fb;background-image:linear-gradient(#9aabd219 1px,transparent 1px),linear-gradient(90deg,#9aabd219 1px,transparent 1px);background-size:24px 24px}.si-map-top{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:22px 28px;border-bottom:1px solid #c6cee3}.si-map-top>.mono{font-size:9px}.si-map-top>div{display:flex;gap:5px}.si-map-top button{font-size:10px;border:1px solid #9aaad2;background:#f2f5fb;color:#4f60a2;padding:9px 15px;cursor:pointer}.si-map-top button[aria-pressed=true]{background:#4052d8;color:#fff;border-color:#4052d8}.si-map-svg{display:block;width:100%;max-height:600px}.si-map-node rect{fill:#f6f8fd;stroke:#a9b8d9;stroke-width:1}.si-map-node text{font:11px monospace;fill:#566aa3;letter-spacing:1px}.si-map-route{fill:none;stroke:#9cafd4;stroke-width:1}.si-map-packet{fill:#4453d9;filter:drop-shadow(0 0 5px #5566ee)}.si-map-hub>rect{fill:#4453d9;stroke:#6f7ce0}.si-map-hub>circle{fill:#d5ff2c}.si-map-hub text{font:11px monospace;letter-spacing:1px;fill:#fff}.si-map-hub .si-map-logo{font:700 28px Syne;letter-spacing:-2px;fill:#3d49b9}.si-map-hub .si-map-small{font:8px monospace;fill:#b8c4ff}.si-map-retry{fill:none;stroke:#db8d65;stroke-dasharray:5 5;opacity:0;transition:opacity .3s}.si-map-svg text.si-map-retry{fill:#b46c4e;stroke:none;font:10px monospace}.si-map[data-mode=retry] .si-map-retry{opacity:1}.si-map[data-mode=retry] .si-map-packet:nth-of-type(2n){fill:#df975a}.si-map-terminal{display:flex;gap:22px;align-items:center;border-top:1px solid #c2cce3;padding:20px 28px;background:#edf1f8}.si-map-terminal>span{font:8px monospace;white-space:nowrap;color:#7f8fb5}.si-map-terminal code{font:9px/1.8 monospace;color:#5367a0;overflow-wrap:anywhere}.si-map-terminal i{margin-left:auto;font:8px monospace;white-space:nowrap;font-style:normal;color:#556e46}.si-integration-foot{display:flex;justify-content:space-between;align-items:end;padding-top:35px;gap:25px}.si-integration-foot p{font-size:25px;line-height:1.5;letter-spacing:-.04em}.si-integration-foot>span{font:9px monospace;color:#798bb5}
.si-quality,.si-journey{padding-top:100px;padding-bottom:80px}.si-quality .si-scene-heading h2,.si-journey .si-scene-heading h2,.si-evolve .si-scene-heading h2{font-size:clamp(36px,4vw,60px)}.si-quality-ledger{margin-top:50px}.si-quality-ledger p{display:grid;grid-template-columns:1fr 1.6fr 1fr 30px;gap:25px;align-items:center;margin:0;padding:28px 0;border-top:1px solid var(--si-rule)}.si-quality-ledger p>span{font:9px monospace;color:#7f8cb3}.si-quality-ledger strong{font-size:27px;letter-spacing:-.04em;font-weight:500}.si-quality-ledger small{font-size:12px;color:#7d88a9}.si-quality-ledger b{font-size:27px;font-weight:400;transition:translate .3s}.si-quality-ledger p:hover b{translate:4px -4px}.si-journey{background:#e4e8f1}.si-journey-line{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:0;margin:65px 0 0}.si-journey-line li{border-top:1px solid #9ba8c9;padding:0 25px 10px 0;position:relative}.si-journey-line li:before{content:'';width:9px;height:9px;border-radius:50%;position:absolute;top:-5px;left:0;background:#4453d9;outline:6px solid #e4e8f1}.si-journey-line li>span{display:block;font:9px monospace;margin:24px 0;color:#8b98b5}.si-journey-line h3{font:500 clamp(20px,2.7vw,40px) Syne;letter-spacing:-.05em;margin-bottom:18px}.si-journey-line p{font-size:12px;line-height:1.9;color:#707f9f}.si-evolve{padding-top:85px;padding-bottom:55px;background:#3544bd;color:#f0f2ff}.si-evolve .si-scene-heading>p{color:#c4cbf2}.si-evolve-type{font:550 clamp(36px,7.5vw,115px)/1.1 Syne;letter-spacing:-.065em;margin:45px 0;color:#d1d7f3}.si-evolve-type>i{font-style:normal;color:#d3ff26}.si-evolve .si-detail-body{color:#d1d8f3}.si-evolve .si-detail-body article{border-color:#6f7cce}.si-evolve .si-scope-note{background:#3c4bc2;border-color:#d3ff26}.si-evolve .si-scope-note p{color:#cbd4ff}.si-supplemental{padding:40px var(--pad) 60px;background:#eef0f5}.si-supplemental>.mono{font-size:9px;color:#8390af}.si-supplemental .si-scene-detail{margin-top:0;border-color:#c4cbe3}.si-supplemental>section:first-of-type{margin-top:22px}.si-experiential #website-rework .si-rework-promo{border:0;border-left:4px solid #4453d9;background:#e2e6f2;padding:40px}.si-experiential #website-rework .si-section-heading h2{font:550 clamp(45px,7vw,100px)/1 Syne;letter-spacing:-.07em}.si-experiential #faq{padding-top:60px}.si-experiential #contact{background:#e5e8f5;padding-top:85px;padding-bottom:90px}.si-experiential #contact .si-section-heading h2{font-size:clamp(35px,4vw,60px)}.si-experiential #contact .si-consult>div:first-child{display:none}.si-experiential #contact .si-consult{display:block;max-width:600px}.si-experiential #contact .si-consult p{font-size:12px}
@media(max-width:1000px){.si-os-shell{grid-template-columns:145px minmax(0,1fr)}.si-os-sidebar{padding:24px 12px}.si-os-main{padding:24px 18px}.si-os-chrome>small{font-size:7px}.si-os-visuals{grid-template-columns:1.4fr 1fr}.si-os-metrics strong{font-size:30px}.si-os-metrics>div{padding-left:12px}.si-os-metrics i{font-size:7px}.si-sculpture{height:570px}.si-map-terminal{flex-wrap:wrap}.si-map-terminal i{margin-left:0}.si-quality-ledger p{grid-template-columns:1fr 1.5fr 1fr 20px;gap:15px}.si-quality-ledger strong{font-size:23px}}
@media(max-width:700px){.si-experiential .si-hero-grid{display:block}.si-hero-manifest{min-height:280px;margin-top:30px}.si-hero-manifest>span{font-size:56px}.si-hero-manifest>i{font-size:235px;right:-30px;top:12px}.si-hero-manifest small{font-size:7px;bottom:18px}.si-experiential .si-principles{font-size:9px}.si-range{padding-top:55px;padding-bottom:55px}.si-range>h2{font-size:38px;margin-bottom:35px}.si-range-index>a{grid-template-columns:1fr 35px;gap:12px;padding:24px 0}.si-range-index>a>span{font-size:8px;grid-column:1/-1}.si-range-index strong{font-size:27px}.si-range-index b{font-size:33px}.si-experience{padding:55px var(--pad) 30px}.si-scene-heading h2{font-size:42px;margin:20px 0}.si-scene-heading>.mono{font-size:8px}.si-scene-heading>p{font-size:13px;line-height:1.8}.si-brand-scene .si-scene-heading,.si-integration-scene .si-scene-heading{display:block}.si-brand-scene .si-scene-heading>p,.si-integration-scene .si-scene-heading>p{margin:0 0 25px;max-width:100%}.si-sculpture{height:470px}.si-sculpture-type{font-size:73px;top:18%}.si-sculpture-type>span{font-size:6px;letter-spacing:.1em;margin-top:20px}.si-sculpture-caption{font-size:6px;max-width:180px}.si-scene-pause{font-size:7px;right:15px;padding:8px}.si-brand-bottom{display:block;margin-top:24px}.si-brand-bottom p{font-size:13px}.si-brand-bottom>.mono{display:block;font-size:7px;margin-top:18px}.si-scene-detail{margin-top:25px}.si-scene-detail>summary{font-size:11px;padding:18px 0}.si-sculpture-fallback i{width:220px;height:220px;left:30%;top:29%;border-width:45px}.si-sculpture-fallback i:nth-child(2){width:110px;height:110px;border-width:18px;left:66%;top:65%}.si-sculpture-fallback i:nth-child(3){width:115px;height:115px;left:4%;top:65%}.si-os-scene .si-scene-heading{margin-bottom:30px}.si-os{transform:none;border-radius:5px;margin:0 -6px}.si-os:hover{transform:none}.si-os-chrome{padding:12px;gap:12px;flex-wrap:wrap}.si-os-chrome>b{font-size:7px}.si-os-chrome>small{font-size:6px;margin-left:0;flex-basis:100%;padding-left:0;color:#93a1bc}.si-os-shell{display:block}.si-os-sidebar{padding:12px;border-right:0;border-bottom:1px solid #3b4660}.si-os-sidebar>strong,.si-os-sidebar>span,.si-os-user{display:none}.si-os-sidebar [role=tablist]{display:flex;gap:3px}.si-os-sidebar button{font-size:9px;flex:1;white-space:nowrap;text-align:center;padding:10px 4px}.si-os-main{padding:20px 14px}.si-os-main h3{font-size:20px}.si-os-main header .mono{font-size:6px}.si-os-online{font-size:6px}.si-os-metrics{gap:6px;margin:24px 0}.si-os-metrics>div{padding:0 7px}.si-os-metrics>div>span{font-size:8px}.si-os-metrics strong{font-size:28px}.si-os-metrics strong small{display:block;font-size:6px;margin-top:-3px}.si-os-metrics i{display:none}.si-os-visuals{grid-template-columns:1fr;gap:12px}.si-os-chart{padding:15px}.si-os-chart svg{margin-top:12px;max-height:140px}.si-os-chart>div{font-size:10px}.si-os-pipeline{padding:15px}.si-os-pipeline ol{grid-template-columns:repeat(4,1fr);gap:4px;margin:15px 0}.si-os-pipeline li{display:block;font-size:8px;padding:4px 5px;line-height:1.6}.si-os-pipeline li b{display:none}.si-os-pipeline button{font-size:9px;padding:9px}.si-os-table>p{font-size:9px;grid-template-columns:1fr 46px;gap:8px}.si-os-table small{display:none}.si-os-table b{font-size:8px}.si-os-status{font-size:8px}.si-os-foot{font-size:6px;gap:15px;justify-content:start}.si-map{margin:25px -6px 0}.si-map-top{padding:15px 12px;display:block}.si-map-top>.mono{font-size:7px;display:block;margin-bottom:14px}.si-map-top button{font-size:9px;padding:8px 13px}.si-map-svg{min-height:250px}.si-map-node text{font-size:20px;letter-spacing:0}.si-map-node rect{stroke-width:2}.si-map-hub text{font-size:16px}.si-map-hub .si-map-small{font-size:11px}.si-map-terminal{padding:15px 12px;gap:9px;display:grid}.si-map-terminal>span{font-size:7px}.si-map-terminal code{font-size:8px}.si-map-terminal i{font-size:7px}.si-integration-foot{display:block;padding-top:25px}.si-integration-foot p{font-size:22px}.si-integration-foot>span{display:block;font-size:7px;margin-top:18px}.si-quality,.si-journey,.si-evolve{padding-top:60px;padding-bottom:45px}.si-quality .si-scene-heading h2,.si-journey .si-scene-heading h2,.si-evolve .si-scene-heading h2{font-size:37px}.si-quality-ledger{margin-top:30px}.si-quality-ledger p{grid-template-columns:1fr 25px;gap:10px;padding:22px 0}.si-quality-ledger p>span{font-size:8px;grid-column:1}.si-quality-ledger strong{font-size:25px;grid-column:1}.si-quality-ledger small{font-size:10px;grid-column:1}.si-quality-ledger b{grid-column:2;grid-row:2}.si-journey-line{grid-template-columns:1fr 1fr;gap:40px 0;margin-top:40px}.si-journey-line h3{font-size:27px}.si-journey-line p{font-size:11px}.si-journey-line li{padding-right:12px}.si-journey-line li>span{font-size:8px;margin:18px 0}.si-evolve-type{font-size:42px;margin:35px 0}.si-supplemental{padding:30px var(--pad) 35px}.si-experiential #website-rework .si-rework-promo{padding:25px 20px}.si-experiential #website-rework .si-section-heading h2{font-size:53px}.si-experiential #contact{padding-top:55px;padding-bottom:65px}.si-experiential #contact .si-section-heading h2{font-size:35px}}
@media(prefers-reduced-motion:reduce){.si-os,.si-range-index b,.si-quality-ledger b{transition:none;transform:none}.si-sculpture-fallback i{animation:none}}body[data-motion-enabled=false] .si-os{transform:none}

/* One surface at entry; feather the composite rather than cutting a rectangle. */
.si-flight-track .si-flight-stage{background:#dfdcee}
.si-flight-stage:before{content:'';position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(to bottom,#dfdcee 0%,#dfdcee00 11%,#dfdcee00 87%,#dfdcee 100%)}
.si-flight-stage canvas{display:block;max-width:none;max-height:none;transform:none;translate:none;mask-image:linear-gradient(to bottom,transparent,#000 9%,#000 86%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 9%,#000 86%,transparent)}
.si-flight-stage .si-sculpture-type{top:18%}
@media(max-width:700px){.si-flight-stage .si-sculpture-type{top:27%}}

/* Typography film — every gesture follows native scroll position. */
.si-experiential .si-typography-scene{--tf-finish:#3e4dde;--tf-ink:#f8f7f2;--tf-muted:#e0e6ff;--tf-accent:#d7ff00;--si-rule:#c8d2ff77;padding-top:0;background:var(--tf-finish);color:var(--tf-ink);overflow:clip}
.si-typography-scene>.si-scene-heading{background:#f1f0e8;color:#242531;max-width:none;margin:0 calc(-1 * var(--pad));padding:75px var(--pad) 45px}
.tf-track{position:relative;height:370svh;margin:0 calc(-1 * var(--pad))}
.tf-stage{--p:0;--split:0;--blue:0;--lime:0;--system:0;--grid:0;--see:0;--feel:0;position:sticky;top:0;height:calc(100svh - 70px);min-height:430px;background:#f1f0e8;overflow:hidden;isolation:isolate}
.tf-art,.tf-act{position:absolute;inset:0;pointer-events:none}
.tf-act{overflow:hidden}
.tf-index{position:absolute;top:35px;left:var(--pad);font:10px/1.65 monospace;letter-spacing:.07em;z-index:2}
.tf-intro{background:#f1f0e8;color:#242531}
.tf-split{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;white-space:nowrap;font-size:clamp(130px,28.5vw,490px);font-weight:900;letter-spacing:-.105em;line-height:1;padding-right:.12em;will-change:transform}
.tf-split-top{clip-path:inset(0 0 49% 0);transform:translateX(calc(var(--split) * -40%))}
.tf-split-bottom{clip-path:inset(50% 0 0 0);transform:translateX(calc(var(--split) * 40%))}
.tf-editor{position:absolute;left:var(--pad);bottom:100px;font:9px monospace;letter-spacing:.08em;color:#464ddd}
.tf-cross{position:absolute;right:var(--pad);top:32px;font:50px/1 monospace;color:#464ddd}
.tf-vertical{position:absolute;right:26px;top:50%;writing-mode:vertical-rl;font:8px monospace;letter-spacing:.1em;color:#464ddd}
.tf-blue{background:#454cde;color:#f5f3ed;z-index:2;clip-path:inset(0 calc((1 - var(--blue)) * 100%) 0 0)}
.tf-see{position:absolute;left:var(--pad);top:25%;font-size:clamp(120px,26vw,440px);font-weight:850;line-height:1;letter-spacing:-.1em;white-space:nowrap;transform:translateX(calc(var(--see) * -34%));will-change:transform}
.tf-outline{position:absolute;right:-5%;top:16%;font:750 clamp(70px,13vw,210px)/1 Syne,sans-serif;letter-spacing:-.08em;white-space:nowrap;color:transparent;-webkit-text-stroke:1px #d7deff55;transform:translateX(calc(var(--see) * 30%))}
.tf-serif{position:absolute;right:var(--pad);bottom:85px;font:italic clamp(30px,4.4vw,70px)/.85 Georgia,serif;letter-spacing:-.045em;text-align:right}
.tf-blue-note{position:absolute;left:var(--pad);bottom:100px;font-size:12px}
.tf-lime{background:#daff36;color:#20242c;z-index:3;transform:translateY(calc((1 - var(--lime)) * 145%)) rotate(calc((1 - var(--lime)) * -14deg));transform-origin:0 100%;width:120%;padding-right:20%;will-change:transform}
.tf-feel-en{position:absolute;left:var(--pad);top:13%;font:clamp(100px,17.5vw,280px)/.72 Georgia,serif;letter-spacing:-.08em;transform:translateX(calc(var(--feel) * -12%))}
.tf-feel-en i{display:block;padding-top:.12em;font-weight:400}
.tf-feel{position:absolute;right:21%;bottom:115px;font-size:clamp(60px,11vw,170px);font-weight:900;letter-spacing:-.08em;transform:translateY(calc(var(--feel) * 20%))}
.tf-lime-note{position:absolute;left:var(--pad);bottom:95px;font-size:12px}
.tf-lime-star{position:absolute;right:23%;top:10%;font-size:60px;transform:rotate(calc(var(--feel) * 80deg))}
.tf-system{background:var(--tf-finish);color:var(--tf-ink);z-index:4;clip-path:inset(0 0 calc((1 - var(--system)) * 100%) 0);padding:32px var(--pad) 80px;display:flex;flex-direction:column}
.tf-system header,.tf-system footer{display:flex;justify-content:space-between;gap:20px;font:8px monospace;letter-spacing:.08em}
.tf-system header{border-bottom:1px solid var(--si-rule);padding-bottom:18px}.tf-ready{color:var(--tf-accent)}
.tf-work{display:flex;justify-content:center;overflow:hidden;padding:25px 0 20px;font-size:clamp(80px,18vw,280px);font-weight:850;letter-spacing:-.1em;line-height:1.2;flex:1;align-items:center}
.tf-work>span{display:inline-block;will-change:transform}
.tf-work>span:last-child{color:var(--tf-accent)}
.tf-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--si-rule);opacity:var(--grid);transform:translateY(calc((1 - var(--grid)) * 30px));margin-bottom:30px}
.tf-grid>div{padding:20px 18px 15px 0;border-right:1px solid var(--si-rule);display:grid;gap:12px}.tf-grid>div+div{padding-left:25px}.tf-grid>div:last-child{border:0}
.tf-grid small{font:8px monospace;letter-spacing:.08em;color:var(--tf-accent)}.tf-grid b{font:500 clamp(20px,3vw,48px)/1 Syne,sans-serif;letter-spacing:-.04em}.tf-grid span{font-size:11px;color:var(--tf-muted)}
.tf-system footer{color:var(--tf-muted)}
/* Three different materials, one shared animation clock. */
.tf-grid>div{min-width:0}
.tf-grid b[data-word]{display:block;position:relative;align-self:center;width:100%;max-width:340px;line-height:0}
.tf-grid [data-word] .tf-word-fallback{display:none}
.tf-grid .tf-word-art{display:block;width:100%;height:auto;max-width:none;max-height:none;aspect-ratio:8/3;overflow:visible}
.tf-grid .tf-ink-guide,.tf-grid .tf-ink-stroke{fill:none;stroke:var(--tf-ink);stroke-linecap:round;stroke-linejoin:round}
.tf-grid .tf-ink-guide{opacity:.12}
.tf-grid .tf-word-art text{font:600 54px/1 Syne,sans-serif;letter-spacing:-1px;fill:var(--tf-ink)}
.tf-grid .tf-word-art .tf-type-echo-a{fill:#94e6ff}
.tf-grid .tf-word-art .tf-type-echo-b{fill:var(--tf-accent)}
.tf-grid .tf-block-front{fill:var(--tf-ink)}
.tf-grid .tf-block-front.tf-block-lime{fill:var(--tf-accent)}
.tf-grid .tf-block-top{fill:#fff}
.tf-grid .tf-block-side{fill:#9aa9f4}
.tf-controls{position:absolute;bottom:20px;left:var(--pad);right:var(--pad);z-index:8;display:flex;align-items:center;gap:25px;color:#f7f5ef;mix-blend-mode:difference;font:8px monospace;letter-spacing:.06em}
.tf-controls>i{height:2px;flex:1;max-width:160px;margin-left:auto;background:#fff3;overflow:hidden}.tf-controls b{display:block;height:100%;background:#fff;transform:scaleX(var(--p));transform-origin:left}
.tf-controls button{font:8px monospace;color:inherit;border:1px solid #ffffff77;background:transparent;padding:10px 13px;cursor:pointer}
.si-typography-scene .si-brand-bottom p{color:var(--tf-ink)}.si-typography-scene .si-brand-bottom>.mono{color:var(--tf-muted)}.si-typography-scene .si-scene-detail{border-color:var(--si-rule)}.si-typography-scene .si-detail-body{color:var(--tf-ink)}.si-typography-scene .si-content-grid>article>.mono{color:var(--tf-accent)}
@media(max-width:700px){
 .si-typography-scene>.si-scene-heading{padding:55px var(--pad) 30px}
 .tf-track{height:345svh}.tf-stage{height:calc(100svh - 72px)}
 .tf-index{top:25px;font-size:8px}.tf-split{font-size:31vw}.tf-editor{font-size:7px;bottom:110px}.tf-cross{font-size:35px;top:22px}.tf-vertical{right:10px;font-size:6px}
 .tf-see{font-size:35vw;top:32%;left:10px}.tf-outline{font-size:22vw;top:25%}.tf-serif{font-size:45px;bottom:125px}.tf-blue-note{font-size:10px;bottom:85px}
 .tf-feel-en{font-size:26vw;top:24%;line-height:.86}.tf-feel{font-size:22vw;bottom:145px}.tf-lime-star{font-size:36px;top:16%}.tf-lime-note{font-size:10px}
 .tf-system{padding-top:25px;padding-bottom:85px}.tf-system header{font-size:6px;gap:10px}.tf-work{font-size:23vw;padding-top:20px;padding-bottom:30px}
 .tf-grid>div{padding:15px 8px 5px 0;gap:10px}.tf-grid>div+div{padding-left:10px}.tf-grid b{font-size:19px}.tf-grid small{font-size:6px;line-height:1.6}.tf-grid span{font-size:9px;line-height:1.6}.tf-system footer{font-size:6px;letter-spacing:0}.tf-controls{gap:12px;font-size:6px}.tf-controls>i{max-width:50px}.tf-controls button{font-size:7px;padding:9px}
}
@media(prefers-reduced-motion:reduce){.tf-track{height:auto}.tf-stage{position:relative;top:auto;height:560px}.tf-blue,.tf-lime,.tf-system{display:none}.tf-split{transform:none}.tf-controls button{display:none}}

.tf-lime{opacity:clamp(0,calc(var(--lime) * 12),1)}
.tf-controls{mix-blend-mode:normal;color:var(--control-color,#242531)}
.tf-controls>i{background:currentColor;opacity:.7}.tf-controls b{background:currentColor}.tf-controls button{border-color:currentColor}

/* Elastic letters, depth echoes and scroll-driven fragments of their strokes. */
.tf-split-top{transform:translateX(calc(var(--split) * -40%)) scaleX(calc(1 + var(--stretch) * 1.1)) scaleY(calc(1 - var(--stretch) * .25)) skewX(calc(var(--stretch) * -14deg))}
.tf-split-bottom{transform:translateX(calc(var(--split) * 40%)) scaleX(calc(1 + var(--stretch) * .75)) scaleY(calc(1 + var(--stretch) * .12)) skewX(calc(var(--stretch) * 11deg))}
.tf-see-front{z-index:2;transform:perspective(1100px) translateX(calc(var(--see) * -34%)) rotateY(calc(var(--burst) * -18deg)) scaleX(calc(1 + var(--burst) * .48)) scaleY(calc(1 - var(--burst) * .18));transform-origin:25% 50%}
.tf-echo{z-index:1;color:transparent;-webkit-text-stroke:1px #f5f3ed;opacity:calc(var(--burst) * .55);transform-origin:25% 50%;transform:perspective(1100px) translate3d(calc(var(--layer) * var(--burst) * 23px - var(--see) * 34%),calc(var(--layer) * var(--burst) * -20px),calc(var(--layer) * var(--burst) * -145px)) rotateY(calc(var(--burst) * -18deg)) scaleX(calc(1 + var(--burst) * .65));will-change:transform,opacity}
.tf-blue .tf-serif,.tf-blue .tf-blue-note,.tf-lime .tf-feel-en,.tf-lime .tf-feel,.tf-lime .tf-lime-note,.tf-lime .tf-index{z-index:2}
.tf-feel-en [data-type-glyph]{display:inline-block;transform-origin:50% 65%;will-change:transform}
.tf-system .tf-work{position:relative;z-index:2;perspective:1000px}


/* Enterprise control room: distinct clocks, all gated by visibility and motion controls. */
.si-os{border-radius:3px;background:#172034;transform:none;box-shadow:0 30px 90px #04091766,inset 0 0 60px #384ac008}
.si-os-main{background:linear-gradient(115deg,#24304955,transparent 50%),#1c263b}
.si-os-main>header{border-bottom:1px solid #53658b55;padding-bottom:18px}.si-os-main h3{font-size:clamp(22px,2.4vw,34px)}
.si-os-metrics{margin:22px 0}.si-os-metrics strong{font-variant-numeric:tabular-nums}.si-os-chart,.si-os-pipeline{position:relative;background:#172236;border-color:#51648b77;border-radius:0}.si-os-chart:after{content:'';position:absolute;top:47px;bottom:33px;width:1px;background:linear-gradient(transparent,#d4ff3b99,transparent);left:0;animation:hud-scan 7s linear infinite;pointer-events:none}.si-os-chart svg{max-height:160px;margin-top:15px}.si-chart-line{stroke:#c9d3ff}.si-chart-line.secondary{stroke:#d6ff39}
.hud-console{margin-top:16px;font:9px/1.5 monospace;color:#becbe3;font-variant-numeric:tabular-nums}
.hud-topline{display:flex;gap:15px;align-items:center;padding:6px 0 12px;font-size:7px;letter-spacing:.06em;color:#91a4c5}.hud-topline>span:nth-child(2){margin-left:auto;color:#d6ff39}.hud-topline button{border:1px solid #61769e;background:transparent;color:#becbe3;font-size:8px;padding:5px 9px;cursor:pointer}
.hud-panels{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:12px}.hud-panels>section{position:relative;border:1px solid #51648b77;background:#162135;padding:14px;min-width:0;overflow:hidden}.hud-panels>section:before{content:'';position:absolute;left:-1px;top:-1px;width:18px;height:5px;background:#8e9ed0}.hud-panels header,.hud-panels footer,.hud-terminal header{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:7px;letter-spacing:.04em}.hud-panels header b{font-weight:400;color:#6d82ac;font-size:6px}.hud-panels footer{border-top:1px solid #4a608355;padding-top:10px;color:#8197bd}.hud-panels footer b{color:#d6ff39;font-weight:400}
.hud-radar{position:relative;height:160px;margin:5px -5px;overflow:hidden}.hud-radar svg{width:100%;height:100%;position:relative;z-index:2}.hud-reticle{fill:none;stroke:#8295c6;stroke-width:.5;opacity:.38}.hud-links{stroke:#859cda;stroke-width:.8;fill:none}.hud-links .hud-packets{stroke:#daff45;stroke-width:2;stroke-dasharray:3 50;animation:hud-packets 8s linear infinite}.hud-nodes{fill:#d7ddff;filter:drop-shadow(0 0 3px #a2b1ff)}.hud-nodes circle:first-child{fill:#d6ff39}.hud-node-labels{font:7px monospace;fill:#8fa4c9}
.hud-sweep{position:absolute;inset:0;width:160px;height:160px;margin:auto;background:conic-gradient(from 0deg,transparent 0 280deg,#8a9efa08 310deg,#b9caff33 357deg,transparent);border-radius:50%;animation:hud-turn 12s linear infinite;mask-image:radial-gradient(circle,#000 62%,transparent 71%)}.hud-orbit{position:absolute;top:50%;left:50%;width:112px;height:112px;margin:-56px;border:1px dashed #a3b3dd44;border-radius:50%;animation:hud-turn 30s linear infinite}
.hud-reading{display:flex;align-items:baseline;gap:9px;margin:15px 0 10px}.hud-reading strong{font:500 30px Syne,sans-serif;letter-spacing:-.04em;color:#e1e7ff}.hud-reading>span{font-size:6px;color:#8c9dbd}
.hud-bars{height:75px;display:flex;align-items:end;gap:3px;overflow:hidden;border-bottom:1px solid #788ab477}.hud-bars i{flex:1;height:var(--h);background:linear-gradient(#c3ceff,#53659366);transform-origin:bottom;animation:hud-bars calc(1.6s + var(--i) * .07s) ease-in-out infinite alternate;animation-delay:calc(var(--i) * -.17s)}.hud-bars i:nth-child(7n){background:linear-gradient(#dcff62,#7a9c4855)}
.hud-queue-row{display:flex;justify-content:space-between;gap:10px;font-size:6px;margin:14px 0 8px;color:#8399bd}.hud-queue-row b{color:#d6def5;font-weight:400}.hud-load{height:3px;background:#47577b;overflow:hidden;margin-bottom:13px}.hud-load i{display:block;height:100%;width:45%;background:#c2d3ff;animation:hud-load 6s ease-in-out infinite alternate}
.hud-matrix{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;margin:18px 0 16px}.hud-matrix i{height:10px;background:#6178ab;opacity:.6;animation:hud-cell calc(3s + var(--i) * .04s) ease-in-out infinite alternate;animation-delay:calc(var(--i) * -.23s)}.hud-matrix i:nth-child(11n){background:#d6ff39}.hud-health-row{display:flex;justify-content:space-between;gap:10px;margin:8px 0;font-size:6px;color:#869dc5}.hud-health-row b{font-weight:400;color:#c1d4a2}.hud-health footer{margin-top:16px}
.hud-terminal{border:1px solid #51648b77;margin-top:12px;background:#111b2e;padding:12px 14px}.hud-terminal header{color:#8d9fc0;margin-bottom:9px}.hud-terminal header>span:last-child{color:#c9df9d;font-size:6px}.hud-log{height:65px;overflow:hidden}.hud-log p{margin:0!important;display:grid;grid-template-columns:55px 45px 1fr 20px;gap:10px;font:8px/21px monospace!important;white-space:nowrap;color:#8c9ec0;animation:hud-row .65s ease both}.hud-log b{font-weight:400;color:#cbd4ff}.hud-log em{color:#d6ff39;font-style:normal}.hud-log span{overflow:hidden;text-overflow:ellipsis}.si-os-table{margin-top:17px}
.si-os [class^=hud-],.si-os [class^=hud-] *,.si-os-chart:after{animation-play-state:paused}.si-os[data-running=true] [class^=hud-],.si-os[data-running=true] [class^=hud-] *,.si-os[data-running=true] .si-os-chart:after{animation-play-state:running}
@keyframes hud-turn{to{transform:rotate(360deg)}}@keyframes hud-packets{to{stroke-dashoffset:-530}}@keyframes hud-scan{from{left:3%}to{left:97%}}@keyframes hud-bars{from{transform:scaleY(.4)}to{transform:scaleY(1)}}@keyframes hud-cell{from{opacity:.2}to{opacity:.85}}@keyframes hud-load{from{transform:translateX(0)}to{transform:translateX(120%)}}@keyframes hud-row{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media(max-width:700px){.hud-panels{grid-template-columns:1fr 1fr;gap:8px}.hud-panels>section{padding:10px}.hud-health{grid-column:1/-1}.hud-health .hud-matrix{grid-template-columns:repeat(16,1fr);margin:13px 0}.hud-health-row{display:inline-flex;width:48%;gap:8px}.hud-radar{height:140px}.hud-topline{font-size:6px;gap:7px;flex-wrap:wrap}.hud-topline>span:first-child{flex-basis:100%}.hud-topline>span:nth-child(2){margin-left:0}.hud-topline button{margin-left:auto}.hud-reading{display:block;margin-top:17px}.hud-reading strong{font-size:27px}.hud-reading>span{display:block}.hud-bars{height:60px;gap:2px}.hud-panels header{font-size:6px}.hud-panels header b{display:none}.hud-log p{grid-template-columns:42px 32px 1fr 15px;gap:5px;font-size:6px!important}.hud-terminal{padding:10px}.si-os-chart svg{max-height:140px}.hud-panels footer{font-size:6px}}
@media(prefers-reduced-motion:reduce){.si-os [class^=hud-],.si-os [class^=hud-] *,.si-os-chart:after{animation:none!important}}

/* Keep the control room dense enough to read as one instrument panel. */
.si-os-main{padding:20px}.si-os-main>header{padding-bottom:12px}.si-os-main h3{margin-top:6px;font-size:27px}.si-os-metrics{margin:16px 0}.si-os-metrics strong{font-size:30px;line-height:1.35}.si-os-metrics i{font-size:7px}
.si-os-chart,.si-os-pipeline{padding:13px}.si-os-chart svg{height:112px;max-height:none;margin-top:10px}.si-os-chart footer{margin-top:6px}.si-os-pipeline ol{margin:10px 0;gap:4px}.si-os-pipeline li{padding:4px 8px;font-size:9px}.si-os-pipeline button{padding:8px;font-size:9px}
.hud-radar{height:118px}.hud-sweep{width:118px;height:118px}.hud-orbit{width:90px;height:90px;margin:-45px}.hud-panels>section{padding:12px}.hud-reading{margin:8px 0}.hud-reading strong{font-size:25px}.hud-bars{height:48px}.hud-queue-row{margin:11px 0 6px}.hud-load{margin-bottom:9px}.hud-matrix{margin:14px 0 10px;gap:3px}.hud-matrix i{height:8px}.hud-health-row{margin:6px 0}.hud-health footer{margin-top:12px}.hud-terminal{padding:10px 12px}.hud-log{height:54px}.hud-log p{line-height:18px!important}.si-os-table{display:none}.si-os-status{font-size:8px;margin-top:10px}
@media(max-width:700px){.si-os-main{padding:20px 14px}.si-os-main h3{font-size:21px}.si-os-metrics strong{font-size:27px}.si-os-chart svg{height:125px}.hud-radar{height:125px}.hud-panels>section{padding:10px}.hud-reading strong{font-size:24px}.hud-bars{height:56px}.hud-log{height:54px}}

/* Dynamic ports and sparse single signals — endpoints remain readable and fixed. */
.si-map .si-map-route{opacity:.2}.si-map .si-map-retry{display:none!important}
.mx-route{stroke:#4956d1;stroke-width:1.3;transition:opacity .5s}.mx-route.is-buffering{stroke:#b38a38;stroke-dasharray:4 5}
.mx-packet rect{fill:#4954dc}.mx-packet.is-accent rect{fill:#a1b92e}
.mx-port{fill:#e4e9ff;stroke:#4c59d7;stroke-width:1.2;filter:drop-shadow(0 0 3px #4858df66)}
.mx-queue{pointer-events:none;transition:opacity .7s}.mx-queue rect{fill:#eaf0fe;stroke:#a5b3db;stroke-width:.7}.mx-queue text{fill:#53629a;font:8px monospace;letter-spacing:.06em}
.si-map[data-phase="1"] .si-map-hub>rect{stroke:#a7c52b;stroke-width:2}.si-map[data-phase="2"] .mx-route{stroke:#6571df}.si-map[data-phase="3"] .si-map-hub>rect{stroke:#c0ab62;stroke-width:2}
.si-map-top>div{display:flex;gap:7px;flex-wrap:wrap}.si-map-top [data-map-pause]{color:#63709f;border-color:#bdc8e4}.si-map-terminal code{font-family:inherit;letter-spacing:0;white-space:normal;line-height:1.7}.si-map-terminal [data-map-indicator]{white-space:nowrap;font-size:7px}
@media(max-width:700px){.si-map-top>div{gap:5px}.si-map-top button{padding:8px 10px;font-size:8px}.si-map-terminal [data-map-indicator]{font-size:7px}.mx-queue text{font-size:10px}}

.mx-recovery{stroke:#8b9d37;stroke-width:1.4;stroke-dasharray:4 4;transition:opacity .5s}

.si-map-node text{font-size:10px}.mx-route{transition:opacity .6s}

/* Reading rhythm: retain the three signature scenes, give the copy room to work. */
.si-experiential #cases{padding-top:56px;padding-bottom:60px}
.si-experiential #cases .archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.si-experiential #cases .archive-image{aspect-ratio:16/9}
.si-experiential #cases .archive-image img{height:100%;object-fit:cover}
.si-experiential #cases .landing-section-head h2{font-size:clamp(27px,3vw,42px)}
.tf-track{height:250svh}
.si-experience{padding-top:72px;padding-bottom:40px}
.si-scene-heading h2{font-size:clamp(40px,4.8vw,70px)}
.si-scene-heading>p{font-size:16px;line-height:1.8;max-width:580px}
.si-scene-detail>summary{font-size:14px;min-height:48px}
.si-detail-body{padding:8px 0 16px}
.si-detail-body .si-content-grid>article{padding:22px 24px;border:0;border-left:1px solid var(--si-rule)}
.si-os-scene .si-detail-body .si-content-grid>article{border-color:#46536c}
.si-evolve .si-detail-body .si-content-grid>article{border-color:#7987dc}
.si-content-grid h3{font-size:21px;margin:10px 0}
.si-content-grid p{font-size:15px;line-height:1.8}
.si-content-grid ul{margin-top:16px;gap:6px}
.si-content-grid li{font-size:14px;line-height:1.8}
.si-brand-bottom{margin-top:25px}
.si-brand-bottom p{font-size:16px}
.si-os-status{font-size:12px;line-height:1.8;min-height:22px}
.si-os-sidebar button{font-size:13px;min-height:44px}
.si-os-pipeline button{font-size:12px;min-height:42px}
.si-map-top button{font-size:12px;min-height:42px}
.si-map-terminal code{font-size:11px}
.si-map-toggle,.si-map-overview{display:none}
.si-quality{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:60px;padding-top:80px;padding-bottom:70px}
.si-quality .si-scene-heading h2{font-size:clamp(34px,3.8vw,54px)}
.si-quality .si-scene-heading>p{max-width:340px}
.si-quality .si-scene-detail{margin-top:0}
.si-quality .si-content-grid{display:block}
.si-quality .si-content-grid>article{display:grid;grid-template-columns:28px 1fr;column-gap:16px;padding:22px 0;border:0;border-bottom:1px solid var(--si-rule)}
.si-quality .si-content-grid>article:last-child{border-bottom:0}
.si-quality .si-content-grid>article>.mono{grid-row:1/4;line-height:38px}
.si-quality .si-content-grid h3{margin:3px 0 10px}
.si-quality .si-content-grid p,.si-quality .si-content-grid ul{grid-column:2;margin-top:0}
.si-quality .si-content-grid ul{margin-top:10px}
.si-journey{padding-top:75px;padding-bottom:65px}
.si-workflow{list-style:none;margin:40px 0 0;padding:0}
.si-workflow>li{display:grid;grid-template-columns:30px minmax(140px,.9fr) minmax(0,2fr) minmax(140px,.85fr);gap:25px;align-items:start;border-top:1px solid #adb8d3;padding:28px 0}
.si-step-number{font:11px/2.5 monospace;color:#5365ac}
.si-step-name h3{font:500 clamp(23px,2.2vw,32px)/1.2 Syne;letter-spacing:-.04em;margin:0 0 7px}
.si-step-name>span{font-size:12px;color:#5a6b91}
.si-step-story h4{font-size:17px;letter-spacing:-.03em;font-weight:550;margin:0 0 9px}
.si-step-story p{font-size:14px;line-height:1.85;color:#53617e;margin:0;max-width:490px}
.si-step-output{font-size:13px;line-height:1.8;margin:0;padding-left:20px;border-left:2px solid #b5c0db;color:#35488c}
.si-step-output span{display:block;font-size:10px;color:#66769b;margin-bottom:6px}
.si-workflow-note{border-top:1px solid #adb8d3;padding-top:20px;font-size:13px;line-height:1.8;color:#526286}
.si-evolve{padding-top:65px;padding-bottom:40px}
.si-evolve-type{font-size:clamp(28px,4.8vw,70px);margin:25px 0 35px;line-height:1.3}
.si-notes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:24px}
.si-supplemental{padding-top:35px;padding-bottom:40px}
.si-notes-grid section{scroll-margin-top:140px;min-width:0}
.si-notes-grid .si-detail-body>p{font-size:16px;line-height:1.8;font-weight:550;margin:0 0 15px}
.si-notes-grid ul{padding-left:17px;margin:0;display:grid;gap:8px}
.si-notes-grid li{font-size:14px;line-height:1.8;color:#566384}
.si-experiential #website-rework{padding-top:42px;padding-bottom:42px}
.si-experiential #website-rework .si-rework-promo{padding:30px 35px;gap:45px}
.si-rework-promo h2{font-size:clamp(30px,3.3vw,48px);line-height:1.2;letter-spacing:-.05em;margin:15px 0}
.si-rework-promo h2 em{font-family:Georgia,serif;font-weight:400}
.si-rework-promo p{font-size:15px;line-height:1.8;max-width:660px}
.si-integrated-faq{max-width:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:50px;align-items:start}
.si-integrated-faq details{border:0;border-top:1px solid var(--si-rule)}
.si-integrated-faq summary{font-size:17px;gap:20px;padding:20px 0}
.si-integrated-faq details p{font-size:15px;line-height:1.85;padding-bottom:24px;margin:0;max-width:560px}
.si-experiential #contact{padding-top:65px;padding-bottom:75px}
.si-experiential #contact .si-section-heading{max-width:820px}
.si-experiential #contact .si-section-heading h2{font-size:clamp(34px,4vw,56px);word-break:keep-all}
.si-experiential #contact .si-consult{display:grid;grid-template-columns:1.1fr 1fr;max-width:none;gap:65px;border-top:1px solid #b9c3df;padding-top:30px}
.si-experiential #contact .si-consult>div:first-child{display:block}
.si-experiential #contact .si-consult p{font-size:15px;line-height:1.8}
.si-contact-prompts{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:13px}
.si-contact-prompts li{display:flex;gap:18px;font-size:15px;line-height:1.7}
.si-contact-prompts span{font:11px/2.4 monospace;color:#6375a8;flex:none}
.si-experiential #contact .si-consult .si-contact-note{font-size:12px;color:#5c6888;margin:18px 0 10px}
.si-contact-email{display:inline-block;font-size:14px;text-underline-offset:5px;text-decoration:underline;padding:8px 0}
.si-quality-note{font-size:13px;line-height:1.85;color:#526286;margin:20px 0 0;padding-top:20px;border-top:1px solid var(--si-rule)}
@media(max-width:1000px){
 .si-quality{grid-template-columns:1fr;gap:25px}.si-quality .si-scene-heading>p{max-width:600px}
 .si-workflow>li{grid-template-columns:24px 150px 1fr;gap:18px}.si-step-output{grid-column:3}
 .si-notes-grid{gap:20px}.si-content-grid>article{padding-left:16px;padding-right:16px}
}
@media(max-width:700px){
 .si-experiential #cases{padding-top:38px;padding-bottom:40px}
 .si-experiential #cases .archive-grid{grid-template-columns:1fr;gap:27px}
 .si-experiential #cases .archive-image{aspect-ratio:16/9}
 .tf-track{height:230svh}
 .tf-system{padding-top:20px;padding-bottom:70px}
 .tf-system header{font-size:8px}
 .tf-work{flex:1;font-size:22vw;padding:12px 0}
 .tf-grid{grid-template-columns:1fr;margin-bottom:15px}
 .tf-grid>div,.tf-grid>div+div{grid-template-columns:minmax(0,1fr) minmax(100px,1.05fr);gap:3px 10px;border:0;border-bottom:1px solid var(--si-rule);padding:9px 0}
 .tf-grid small{grid-column:1;font-size:8px;line-height:1.6}
 .tf-grid b[data-word]{grid-column:2;grid-row:1/3;max-width:180px;justify-self:end}
 .tf-grid>div>span{grid-column:1;font-size:11px;line-height:1.6}
 .tf-system footer{font-size:7px}
 .tf-controls{font-size:8px;gap:10px;bottom:14px}
 .tf-controls button{font-size:10px;min-height:40px}
 .si-experience{padding-top:48px;padding-bottom:30px}
 .si-scene-heading h2{font-size:clamp(34px,9vw,43px);word-break:keep-all}
 .si-scene-heading>p{font-size:15px;line-height:1.8}
 .si-scene-heading>.mono{font-size:10px}
 .si-scene-detail>summary{font-size:14px;padding:17px 0;min-height:48px}
 .si-detail-body .si-content-grid{gap:0}
 .si-detail-body .si-content-grid>article{border-left:0;border-top:1px solid #8794bc66;padding:19px 0}
 .si-detail-body .si-content-grid>article:first-child{border-top:0;padding-top:5px}
 .si-content-grid h3{font-size:21px}.si-content-grid ul{margin-top:12px}
 .si-brand-bottom p{font-size:15px}.si-brand-bottom>.mono{font-size:9px}
 .si-os{margin:0}.si-os-chrome>b{font-size:9px}.si-os-chrome>small{font-size:10px}
 .si-os-sidebar{padding:8px}.si-os-sidebar button{font-size:12px;min-height:44px;padding:10px 4px}
 .si-os-main{padding:18px 12px}.si-os-main h3{font-size:22px}.si-os-main header .mono{font-size:8px}
 .si-os-online{display:none}.si-os-metrics>div>span{font-size:11px}.si-os-metrics strong small{font-size:8px}
 .si-os-chart>div{font-size:12px}.si-os-chart small{font-size:8px}.si-os-chart footer{font-size:9px}
 .si-os-pipeline>span{font-size:10px}.si-os-pipeline ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .si-os-pipeline li{font-size:12px;line-height:1.6;padding:6px}
 .si-os-pipeline button{font-size:13px;min-height:44px}
 .si-os-status{font-size:12px;min-height:44px}.si-os-foot{font-size:9px;gap:12px;line-height:1.8}
 .hud-topline{font-size:9px;gap:8px}.hud-topline button{font-size:11px;min-height:40px}
 .hud-panels{grid-template-columns:1fr}.hud-network,.hud-health,.hud-terminal{display:none}
 .hud-queue .hud-bars{height:45px}.hud-panels header,.hud-panels footer{font-size:9px}
 .hud-reading{display:flex;gap:12px;align-items:baseline;margin:14px 0}.hud-reading>span{font-size:8px}
 .si-map{margin:25px 0 0}.si-map-top{padding:14px 12px}.si-map-top>.mono{font-size:9px;line-height:1.6}
 .si-map-top>div{gap:5px}.si-map-top button{font-size:12px;min-height:44px;padding:8px 10px}
 .si-map[data-map-ready=true] .si-map-toggle{display:block;border:0;border-bottom:1px solid #8f9dca;padding:6px 0;margin-top:10px;min-height:38px;background:none;color:#3447a6}
 .si-map[data-map-ready=true]:not([data-full-map=true]) .si-map-viewport{display:none}
 .si-map[data-map-ready=true]:not([data-full-map=true]) .si-map-overview{display:grid}
 .si-map-overview{list-style:none;gap:24px;margin:20px;padding:0;position:relative}
 .si-map-overview>li{position:relative;display:grid;grid-template-columns:28px 1fr;gap:3px 10px;padding:15px;background:#f8f9fe;border:1px solid #aab7dd}
 .si-map-overview>li>span{grid-row:1/3;font:11px/2 monospace;color:#697bb3}
 .si-map-overview strong{font-size:17px;line-height:1.4;font-weight:550}.si-map-overview p{font-size:12px;line-height:1.7;margin:0;color:#61719a}
 .si-map-overview>li:nth-child(2){background:#4453d9;color:#fff;border-color:#4453d9}
 .si-map-overview>li:nth-child(2)>span{color:#d7ff00}.si-map-overview>li:nth-child(2)>p{color:#e6ebff}
 .si-map-overview>li+li:before{content:'';position:absolute;left:50%;top:-25px;width:1px;height:24px;background:#8c9bd1}
 .si-map-overview>li+li:after{content:'';position:absolute;left:calc(50% - 2px);top:-22px;width:5px;height:5px;background:#4453d9;animation:si-mini-signal 2s linear infinite}
 .si-map-overview>li:nth-child(3):after{animation-delay:1s}
 .si-map[data-mode=retry] .si-map-overview>li+li:after{animation-direction:reverse;background:#b46c4e}
 .si-map[data-running=false] .si-map-overview>li+li:after{animation-play-state:paused}
 .si-map-terminal{padding:14px 12px}.si-map-terminal>span{display:none}.si-map-terminal code{font-size:11px;line-height:1.7}.si-map-terminal i{font-size:9px;margin-left:0}
 .si-integration-foot p{font-size:23px}.si-integration-foot>span{font-size:10px}
 .si-quality,.si-journey,.si-evolve{padding-top:48px;padding-bottom:40px}
 .si-quality{gap:20px}.si-quality .si-content-grid>article{padding:19px 0}
 .si-workflow{margin-top:28px}.si-workflow>li{grid-template-columns:25px 1fr;gap:12px;padding:24px 0}
 .si-step-name{display:flex;gap:12px;align-items:baseline}.si-step-name h3{font-size:28px;margin:0}.si-step-name>span{font-size:12px}
 .si-step-story,.si-step-output{grid-column:2}.si-step-story h4{font-size:17px}.si-step-story p{font-size:14px}
 .si-step-output{font-size:12px;border-left:0;padding:0;color:#35488c}.si-step-output>span{display:inline;font-size:10px;margin-right:10px}
 .si-workflow-note{font-size:12px}.si-evolve-type{font-size:clamp(18px,5.5vw,32px);letter-spacing:-.05em;margin:25px 0}
 .si-supplemental{padding-top:28px;padding-bottom:28px}.si-supplemental>.mono{font-size:9px}
 .si-notes-grid{grid-template-columns:1fr;gap:14px;margin-top:20px}.si-notes-grid .si-detail-body{padding-bottom:8px}
 .si-notes-grid .si-detail-body>p{font-size:16px}.si-notes-grid li{font-size:14px}
 .si-experiential #website-rework{padding-top:30px;padding-bottom:30px}
 .si-experiential #website-rework .si-rework-promo{padding:25px 20px}.si-rework-promo h2{font-size:36px}
 .si-rework-promo p{font-size:14px}.si-promo-link{font-size:13px;white-space:normal}
 .si-integrated-faq{grid-template-columns:1fr}.si-integrated-faq summary{font-size:16px;padding:18px 0}
 .si-integrated-faq details p{font-size:14px;padding-bottom:22px;line-height:1.85}
 .si-experiential #contact{padding-top:48px;padding-bottom:50px}.si-experiential #contact .si-consult{grid-template-columns:1fr;gap:25px;padding-top:25px}
 .si-consult h3{font-size:20px}.si-contact-prompts li{font-size:14px}
 .si-experiential #contact .primary-cta{padding:16px 18px;font-size:14px;margin-top:20px}
}
@keyframes si-mini-signal{0%{transform:translateY(0);opacity:0}20%,75%{opacity:1}100%{transform:translateY(17px);opacity:0}}
@media(prefers-reduced-motion:reduce){.tf-track{height:auto}.si-map-overview>li+li:after{animation:none}}

/* SM: three recognizable maintenance requests and their visible outcomes. */
.si-sm-care{background:#3e4dde;padding-top:75px;padding-bottom:55px}
.si-sm-care>.si-scene-heading{max-width:none;display:grid;grid-template-columns:1.1fr 1fr;column-gap:65px}
.si-sm-care>.si-scene-heading>.mono{grid-column:1/-1;color:#d7ff00}
.si-sm-care>.si-scene-heading h2{font-size:clamp(36px,4vw,60px);word-break:keep-all}
.si-sm-care>.si-scene-heading>p{align-self:end;color:#e1e6ff;margin-bottom:26px;max-width:490px}
.sm-demo{margin:35px 0 40px;border:1px solid #a2aeff;--sm-step-progress:1;--sm-play:paused}
.sm-demo[data-sm-running=true]{--sm-play:running}
.sm-demo-top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:17px 24px;background:#2e3bb1}
.sm-demo-top>span{font:10px/1.6 monospace;letter-spacing:.06em;color:#c9d3ff}.sm-demo-top b{font-family:sans-serif;font-size:14px;font-weight:500;line-height:1.6;letter-spacing:0;margin-left:18px;color:#fff}
.sm-demo-top button{min-height:44px;padding:10px 14px;border:1px solid #94a2fb;background:transparent;color:#fff;font-size:12px;cursor:pointer}
.sm-demo button:focus-visible{outline:3px solid #d7ff00;outline-offset:-5px}
.sm-workspace{display:grid;grid-template-columns:minmax(250px,.85fr) minmax(0,1.65fr);background:#e9edff;color:#243471}
.sm-request-list{padding:28px 24px;background:#f5f6ff;border-right:1px solid #c0c9ee}
.sm-list-heading,.sm-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;margin-bottom:20px}
.sm-list-heading>small{font:9px/1.4 monospace;color:#6979ac;letter-spacing:.08em}
.sm-steps{display:grid;gap:12px}
.sm-steps>button{position:relative;text-align:left;min-width:0;overflow:hidden;padding:21px 20px 17px;border:1px solid #c5ceed;background:transparent;color:#38497e;cursor:pointer;transition:background .3s,border-color .3s,color .3s}
.sm-steps>button:disabled{cursor:default}
.sm-steps .sm-category{display:block;font-size:10px;letter-spacing:.025em}
.sm-steps strong{display:block;font-size:clamp(16px,1.5vw,22px);line-height:1.4;letter-spacing:-.045em;margin:10px 0 5px;font-weight:600}
.sm-steps small{display:block;font-size:12px;line-height:1.7;word-break:keep-all}
.sm-request-status{display:inline-flex;align-items:center;gap:6px;margin-top:15px;font-size:10px;line-height:1.3;opacity:.7}
.sm-request-status:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}
.sm-steps>button[aria-pressed=true]{background:#3e4dde;color:#fff;border-color:#3e4dde}
.sm-steps>button[aria-pressed=true] .sm-category,.sm-steps>button[aria-pressed=true] .sm-request-status{color:#d7ff00;opacity:1}
.sm-steps>button:after{content:'';position:absolute;left:0;bottom:0;height:3px;background:#d7ff00;width:0}
.sm-steps>button[aria-pressed=true]:after{width:calc(var(--sm-step-progress) * 100%)}
.sm-preview{padding:28px 30px 20px;min-width:0;display:flex;flex-direction:column}
.sm-preview-heading>b{font-size:10px;font-weight:500;padding:5px 9px;border:1px solid #b4bfdf;background:#f9faff}
.sm-demo[data-sm-stage="2"] .sm-preview-heading>b{background:#d7ff00;border-color:#c1da36}
.sm-browser{border:1px solid #a9b6e0;background:#fff;box-shadow:7px 8px 0 #cad3fa;overflow:hidden;flex:1}
.sm-browser-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 17px;border-bottom:1px solid #d4dcf3;color:#7886af;font:8px/1.4 monospace;letter-spacing:.1em;background:#f6f8ff}
.sm-browser-bar>span:first-child{font-size:6px;letter-spacing:4px;color:#6575c5}.sm-browser-bar>i{font-size:14px;font-style:normal}
.sm-browser-nav{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;color:#253170}
.sm-browser-nav>b{font-size:25px;letter-spacing:-.06em}.sm-browser-nav>b>span{color:#3e4dde}.sm-browser-nav>span{font-size:10px}
.sm-views{position:relative;min-height:330px;margin:0 24px 18px;isolation:isolate}
.sm-view{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .35s,transform .35s,visibility .35s}
.sm-demo[data-sm-phase="0"] .sm-view-banner,.sm-demo[data-sm-phase="1"] .sm-view-form,.sm-demo[data-sm-phase="2"] .sm-view-search{opacity:1;visibility:visible;transform:none}
.sm-before,.sm-after{transition:opacity .55s,transform .7s cubic-bezier(.2,.7,.2,1)}
.sm-after{opacity:0;transform:translateY(12px)}
.sm-demo[data-sm-stage="2"] .sm-before{opacity:0;transform:translateY(-10px)}
.sm-demo[data-sm-stage="2"] .sm-after{opacity:1;transform:none}
.sm-banner{position:absolute;top:0;left:0;right:0;height:270px;padding:25px 28px;background:#e6e9ed;overflow:hidden;color:#606c7b}
.sm-banner>span{font:9px/1.4 monospace;letter-spacing:.1em;position:relative;z-index:1}
.sm-banner>strong{display:block;font-size:clamp(26px,3.1vw,43px);line-height:1.25;letter-spacing:-.055em;margin:21px 0;position:relative;z-index:1}
.sm-banner>small{font-size:11px;position:relative;z-index:1}
.sm-banner-orb{position:absolute;right:-20px;top:38px;width:180px;height:180px;border:1px solid #b5bec9;border-radius:50%}
.sm-banner.sm-after{background:#3e4dde;color:#fff;transform:translateX(100%)}
.sm-demo[data-sm-stage="2"] .sm-banner.sm-after{transform:none}
.sm-banner-flower{position:absolute;right:-8px;top:18px;font-size:clamp(130px,17vw,210px);line-height:1;font-style:normal;color:#d7ff00;transform:rotate(-60deg) scale(.6);transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.sm-demo[data-sm-stage="2"] .sm-banner-flower{transform:rotate(15deg) scale(1)}
.sm-news-strip{position:absolute;bottom:0;left:0;right:0;display:flex;gap:14px;align-items:center;justify-content:space-between;min-height:44px;border-bottom:1px solid #d7def0;font-size:10px}
.sm-news-strip>span{font:8px/1.4 monospace}.sm-news-strip>b{flex:1;font-weight:400}
.sm-form-heading>span,.sm-search-heading>span{display:block;font:9px/1.4 monospace;letter-spacing:.06em;color:#6979a8}
.sm-form-heading>strong,.sm-search-heading>strong{display:block;font-size:28px;letter-spacing:-.05em;margin:10px 0 8px}.sm-form-heading>small{font-size:11px;color:#6a7799}
.sm-form-fields{display:grid;gap:12px;margin:20px 0 16px}.sm-form-fields>span{display:flex;align-items:center;gap:14px;font-size:10px}.sm-form-fields i{flex:1;background:#f2f4fa;border:1px solid #d9dfee;padding:12px;font-size:11px;line-height:1.4;font-style:normal;color:#687692}
.sm-form-submit{display:flex;justify-content:space-between;align-items:center;background:#3e4dde;color:#fff;padding:13px 17px;font-size:12px}
.sm-form-message{display:grid;margin-top:14px;font-size:11px;line-height:1.5}.sm-form-message>span{grid-area:1/1;display:flex;align-items:center;gap:9px;color:#a44139}.sm-form-message b{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#f9e6e2;font-size:13px}
.sm-form-message>.sm-after{color:#24624a}.sm-form-message>.sm-after b{background:#d7ff00;color:#243471}
.sm-search-slot{position:relative;height:55px;margin:16px 0 12px}.sm-search-slot>.sm-before{position:absolute;inset:0;display:flex;align-items:center;font-size:11px;color:#7b86a2;border-bottom:1px solid #dce2f1}
.sm-search-field{position:absolute;inset:0;display:flex;justify-content:space-between;align-items:center;background:#f7f9ff;border:2px solid #3e4dde;padding:12px 17px;font-size:13px;transform:scaleX(.6);transform-origin:left}
.sm-search-field>b{font-size:24px;line-height:1}.sm-search-field i{display:inline-block;margin-left:3px;height:13px;border-right:1px solid #3e4dde;vertical-align:middle}
.sm-news-list{position:relative;height:152px}.sm-news-item{position:absolute;left:0;right:0;height:47px;display:flex;align-items:center;gap:13px;border-bottom:1px solid #d7def0;transition:opacity .6s,transform .7s,background .6s;padding:0 9px;font-size:11px}
.sm-news-item:nth-child(2){top:50px}.sm-news-item:nth-child(3){top:100px}.sm-news-item small{font:8px/1.4 monospace;color:#7987b3}.sm-news-item>b{font-weight:400;flex:1}
.sm-demo[data-sm-stage="2"] .sm-news-muted{opacity:0;transform:translateY(14px)}
.sm-demo[data-sm-stage="2"] .sm-news-match{transform:translateY(-50px);background:#edffb0;border-color:#c8df77}
.sm-working{position:absolute;inset:0;z-index:4;display:flex;justify-content:center;align-items:center;gap:10px;opacity:0;visibility:hidden;background:#f4f6ffc9;backdrop-filter:blur(2px);transition:opacity .25s,visibility .25s}
.sm-working>b{font-size:12px;font-weight:500}.sm-working>span{width:13px;height:13px;border:2px solid #b9c2f0;border-top-color:#3e4dde;border-radius:50%;animation:sm-working 1s linear infinite;animation-play-state:var(--sm-play)}
.sm-demo[data-sm-stage="1"] .sm-working{opacity:1;visibility:visible}
.sm-browser-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 24px;border-top:1px solid #e0e5f2;font:8px/1.5 monospace;color:#8a95b1}
.sm-complete{font-size:10px;line-height:1.5;color:#355d2b;opacity:0;transition:opacity .3s}
.sm-demo[data-sm-stage="2"] .sm-complete{opacity:1}
.sm-change-caption{font-size:12px;line-height:1.7;min-height:42px;margin:19px 0 0;color:#3f5083;word-break:keep-all}
.sm-demo-bottom{display:flex;justify-content:space-between;gap:16px;padding:15px 24px;background:#2e3bb1;font-size:11px;line-height:1.7;color:#d7dfff}
.sm-demo-bottom>p{margin:0}.sm-demo-bottom>span{text-align:right}
.sm-service-note{font-size:14px;line-height:1.9;max-width:850px;color:#e1e6ff;border-top:1px solid #8291ed;margin:10px 0 0;padding-top:24px}
.si-sm-care .si-detail-body{color:#f0f2ff}.si-sm-care .si-scene-detail{border-color:#9aa7ff}
.sm-demo[data-sm-paused=true] *,body[data-motion-enabled=false] .sm-demo *{transition:none!important}
@keyframes sm-working{to{transform:rotate(360deg)}}
@media(max-width:1000px){
 .si-sm-care>.si-scene-heading{display:block}.si-sm-care>.si-scene-heading>p{max-width:650px}
 .sm-workspace{grid-template-columns:minmax(215px,.85fr) minmax(0,1.4fr)}.sm-request-list{padding:23px 16px}.sm-preview{padding:23px 18px 16px}.sm-steps>button{padding:19px 15px 15px}.sm-banner{padding:25px 20px}.sm-banner-flower{right:-40px;top:45px;opacity:.85}
 .sm-browser-nav{padding:17px}.sm-views{margin:0 17px 18px}.sm-browser-footer{padding:13px 17px}
}
@media(max-width:760px){
 .si-sm-care{padding-top:50px;padding-bottom:40px}.si-sm-care>.si-scene-heading h2{font-size:clamp(29px,6.6vw,40px)}
 .sm-demo{margin:28px 0}.sm-demo-top{padding:12px 14px;gap:8px}.sm-demo-top>span{font-size:8px}.sm-demo-top b{display:block;margin:2px 0 0;font-size:11px}.sm-demo-top button{font-size:10px;padding:8px;white-space:nowrap}
 .sm-workspace{display:block}.sm-request-list{padding:18px 14px;border-right:0;border-bottom:1px solid #c0c9ee}.sm-list-heading{margin-bottom:12px;font-size:11px}
 .sm-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.sm-steps>button{padding:12px 9px}.sm-steps .sm-category{font-size:9px;line-height:1.7;word-break:keep-all}.sm-steps strong{font-size:12px;margin:8px 0 0;word-break:keep-all;min-height:34px}.sm-steps small{display:none}.sm-request-status{font-size:9px;margin-top:11px}
 .sm-preview{padding:18px 14px 14px}.sm-preview-heading{font-size:11px;margin-bottom:13px}.sm-preview-heading>b{font-size:9px}
 .sm-browser-nav{padding:16px}.sm-browser-nav>b{font-size:22px}.sm-browser-nav>span{font-size:9px}.sm-browser-bar{padding:9px 12px;font-size:7px}.sm-views{margin:0 15px 15px;min-height:300px}
 .sm-banner{height:240px;padding:24px 20px}.sm-banner>strong{font-size:clamp(27px,6vw,36px);margin:22px 0}.sm-banner>span{font-size:8px}.sm-banner-flower{font-size:160px;right:-30px;top:50px}.sm-banner-orb{width:150px;height:150px;right:-30px}
 .sm-form-heading>strong,.sm-search-heading>strong{font-size:25px}.sm-form-fields{margin:16px 0 13px;gap:10px}.sm-form-fields>span{font-size:9px;gap:8px}.sm-form-fields i{padding:10px;font-size:10px}.sm-form-message{font-size:10px}.sm-news-strip{font-size:9px;gap:8px}.sm-news-strip>span{font-size:7px}.sm-news-item{font-size:10px;gap:8px}
 .sm-browser-footer{padding:10px 14px;font-size:7px}.sm-complete{font-size:8px}.sm-change-caption{font-size:11px;min-height:38px;margin-top:16px}.sm-working>b{font-size:11px}
 .sm-demo-bottom{display:block;padding:12px 14px;font-size:10px}.sm-demo-bottom>span{display:block;text-align:left;margin-top:4px}.sm-service-note,.si-quality-note{font-size:13px}
}
@media(max-width:400px){
 .sm-steps{grid-template-columns:1fr}.sm-steps>button{display:grid;grid-template-columns:1fr auto;column-gap:10px;padding:11px 13px}
 .sm-steps .sm-category{grid-column:1;font-size:10px}.sm-steps strong{grid-column:1;font-size:13px;min-height:0;margin-top:4px}
 .sm-request-status{grid-column:2;grid-row:1/3;align-self:center;margin:0;font-size:9px}
 .sm-banner-flower{font-size:80px;right:5px;top:auto;bottom:10px;opacity:1}
}
@media(prefers-reduced-motion:reduce){.sm-demo *{animation:none!important;transition:none!important}}

/* A distinct campaign invitation after the service explanations. */
.si-experiential #website-rework .si-rework-promo{display:grid;grid-template-columns:minmax(0,1fr) 220px;align-items:center;gap:40px;background:#d7ff00;color:#192440;border:0;padding:30px 36px;position:relative;isolation:isolate;text-decoration:none}
.si-rework-copy{min-width:0}.si-rework-eyebrow{display:flex;align-items:center;gap:13px;font-size:10px;letter-spacing:.06em;line-height:1.5}
.si-rework-eyebrow>b{background:#192440;color:#d7ff00;padding:5px 9px;font-size:9px;font-weight:500}.si-rework-eyebrow>span{font-size:10px}
.si-rework-promo .si-rework-copy h2{font-size:clamp(26px,3vw,40px);line-height:1.2;letter-spacing:-.055em;margin:18px 0 12px;color:#192440;word-break:keep-all}
.si-rework-promo .si-rework-copy p{font-size:14px;line-height:1.8;max-width:710px;color:#34421e;margin:0;word-break:keep-all}
.si-rework-copy p>strong{font-size:16px;line-height:1.7;font-weight:600;color:#192440}
.si-rework-promo .si-promo-link{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px;padding:9px 14px;margin-top:18px;border:1px solid #192440;background:#192440;color:#fff;font-size:13px;line-height:1.5;font-weight:500;white-space:normal;transition:background .2s,color .2s}
.si-promo-link>i{display:grid;place-items:center;flex:none;width:24px;height:24px;font-size:20px;font-style:normal;color:#d7ff00;transition:transform .25s}
.si-rework-visual{position:relative;align-self:center;min-width:0;display:flex;flex-direction:column;justify-content:center;overflow:hidden}
.si-rework-visual-bottom{display:flex;align-items:center;gap:12px;font-size:8px;letter-spacing:.06em;line-height:1.5;margin-top:30px}.si-rework-visual-bottom>i{display:grid;place-items:center;font-style:normal;font-size:14px}
.si-rework-promo:focus-visible{outline:3px solid #3e4dde;outline-offset:5px}
.si-rework-promo:is(:hover,:focus-visible) .si-promo-link{background:#3e4dde;border-color:#3e4dde;color:#fff}
.si-rework-promo:is(:hover,:focus-visible) .si-promo-link>i{transform:translate(3px,-3px)}
@media(max-width:1000px){
 .si-experiential #website-rework .si-rework-promo{gap:24px;padding:26px 28px;grid-template-columns:minmax(0,1fr) 180px}
}
@media(max-width:700px){
 .si-experiential #website-rework .si-rework-promo{gap:20px;padding:24px;grid-template-columns:minmax(0,1fr) 166px}
 .si-rework-promo .si-rework-copy h2{font-size:26px}.si-rework-promo .si-rework-copy p{font-size:13px}.si-rework-copy p>strong{font-size:15px}
 .si-rework-eyebrow{gap:10px}.si-rework-eyebrow>span{font-size:9px}
}
@media(max-width:600px){
 .si-experiential #website-rework .si-rework-promo{grid-template-columns:1fr;gap:18px}
 .si-rework-visual{width:180px;justify-self:center}
}
@media(max-width:360px){.si-experiential #website-rework .si-rework-promo{padding:22px 18px}.si-rework-promo .si-rework-copy h2{font-size:24px}.si-rework-eyebrow{gap:8px;letter-spacing:0}.si-rework-eyebrow>span{font-size:8px}.si-rework-promo .si-promo-link{gap:14px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.si-rework-promo *{transition:none!important}}
body[data-motion-enabled=false] .si-rework-promo *{transition:none!important}

/* Two original pixel companions share one charge / jump / upgrade / rest cycle. */
.rework-pixels{--upgrade-play:paused;--upgrade-loop:5.8s}
.rework-pixels[data-upgrade-running=true]{--upgrade-play:running}
.pixel-stage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.pixel-player{position:relative;height:145px;--pixel-color:#6969d9}
.pixel-node{--pixel-color:#216b4b}
.pixel-actor{position:absolute;width:64px;height:64px;left:50%;bottom:40px;margin-left:-32px;transform-origin:50% 100%}
.pixel-sprite{display:block;width:100%;height:100%;overflow:visible;image-rendering:pixelated}
.pixel-upgrade{position:absolute;top:1px;left:50%;transform:translateX(-50%);display:block;padding:5px 4px;background:#192440;color:#faffda;border:1px solid #192440;box-shadow:2px 2px 0 #19244033}
.pixel-upgrade:after{content:"";position:absolute;width:6px;height:6px;left:calc(50% - 3px);bottom:-6px;background:#192440}
.pixel-upgrade>svg{display:block;width:64px;height:auto}
.pixel-shadow{position:absolute;left:calc(50% - 18px);bottom:42px;width:36px;height:3px;background:#19244033}
.pixel-floor{position:absolute;bottom:40px;width:100%;height:5px;border-top:1px solid #192440;background:repeating-linear-gradient(90deg,#19244033 0 1px,transparent 1px 8px);border-bottom:1px solid #19244033}
.pixel-name{position:absolute;bottom:18px;left:0;width:100%;text-align:center;font-family:monospace;font-size:11px;letter-spacing:-.02em;line-height:1.4}
.pixel-meter{position:absolute;bottom:6px;left:calc(50% - 24px);width:48px;height:5px;border:1px solid #19244066;background:#faffda77;padding:1px}
.pixel-meter>i{display:block;height:100%;background:repeating-linear-gradient(90deg,var(--pixel-color) 0 9px,transparent 9px 11px)}
.pixel-spark{position:absolute;top:72px;width:8px;height:8px;background:#192440;clip-path:polygon(40% 0,60% 0,60% 40%,100% 40%,100% 60%,60% 60%,60% 100%,40% 100%,40% 60%,0 60%,0 40%,40% 40%);opacity:0}
.pixel-spark-left{left:3%;--spark-x:-4px;--spark-rotate:-35deg}.pixel-spark-right{right:3%;top:60px;--spark-x:4px;--spark-rotate:35deg}
.rework-pixels[data-upgrade-ready] .pixel-actor{animation:pixel-hop var(--upgrade-loop) infinite}
.rework-pixels[data-upgrade-ready] .pixel-upgrade{animation:pixel-message var(--upgrade-loop) infinite}
.rework-pixels[data-upgrade-ready] .pixel-gear{animation:pixel-level-up var(--upgrade-loop) steps(1,end) infinite}
.rework-pixels[data-upgrade-ready] .pixel-meter>i{animation:pixel-charge var(--upgrade-loop) steps(6,end) infinite}
.rework-pixels[data-upgrade-ready] .pixel-shadow{animation:pixel-shadow var(--upgrade-loop) infinite}
.rework-pixels[data-upgrade-ready] .pixel-spark{animation:pixel-sparks var(--upgrade-loop) infinite}
.rework-pixels[data-upgrade-ready] *{animation-play-state:var(--upgrade-play)!important}
@keyframes pixel-hop{
 0%,18%,45%,100%{transform:translateY(0) scale(1)}
 22%{transform:translateY(3px) scale(1.06,.9);animation-timing-function:ease-out}
 30%{transform:translateY(-12px) scale(.96,1.04);animation-timing-function:ease-in}
 38%{transform:translateY(2px) scale(1.07,.92)}
 42%{transform:translateY(-4px) scale(.99,1.01)}
}
@keyframes pixel-message{0%,28%{opacity:0;transform:translate(-50%,12px) scale(.7)}34%{opacity:1;transform:translate(-50%,-3px) scale(1.06)}40%,89%{opacity:1;transform:translate(-50%,0) scale(1)}96%,100%{opacity:0;transform:translate(-50%,-9px) scale(1)}}
@keyframes pixel-level-up{0%,29%{opacity:0}30%,94%{opacity:1}95%,100%{opacity:0}}
@keyframes pixel-charge{0%,5%{clip-path:inset(0 100% 0 0)}30%,93%{clip-path:inset(0)}94%,100%{clip-path:inset(0 100% 0 0)}}
@keyframes pixel-shadow{0%,22%,39%,100%{transform:scaleX(1);opacity:1}30%{transform:scaleX(.6);opacity:.45}}
@keyframes pixel-sparks{0%,29%{opacity:0;transform:translate(0,8px) scale(.3)}35%{opacity:1;transform:translate(var(--spark-x),-5px) scale(1)}47%,100%{opacity:0;transform:translate(var(--spark-x),-20px) rotate(var(--spark-rotate)) scale(.5)}}
@media(prefers-reduced-motion:reduce){.rework-pixels[data-upgrade-ready] *{animation:none!important}}