.socx-page { background: #080a0a; }
/* Shared controls return outside the full-screen scenes. Their components stay shared. */
.socx-page.sx-scene-inview .site-consult-bar,.socx-page.sx-scene-inview .back-to-top { opacity:0; visibility:hidden; pointer-events:none; }
.socx { --sx-ink:#080a0a; --sx-paper:#eeeae2; --sx-accent:#ff9e48; --sx-line:rgba(255,255,255,.16); --sx-muted:#a3a8a5; --sx-header:86px; color:#f0f1ec; background:var(--sx-ink); font-family:'Pretendard Variable',Pretendard,'Noto Sans KR',sans-serif; overflow:clip; isolation:isolate; }
.socx *, .socx *::before, .socx *::after { box-sizing:border-box; }
.socx :where(h1,h2,h3,p,figure) { margin:0; }
.socx :where(h1,h2,h3,p,li,summary) { word-break:keep-all; overflow-wrap:anywhere; }
.socx :where(h1,h2,h3) { text-wrap:balance; }
.socx :where(p,li) { text-wrap:pretty; }
.socx :where(a) { color:inherit; text-decoration:none; }
.socx :where(button,input,select) { font:inherit; }
.socx :where(button,a,input,select,summary):focus-visible { outline:2px solid var(--sx-accent); outline-offset:5px; }
.socx :where(button,a,summary) { -webkit-tap-highlight-color:transparent; }
.socx :where(button) { cursor:pointer; }
.socx :where(em) { font-style:normal; }
.socx :where(code) { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.socx :where(section,[id]) { scroll-margin-top:110px; }
.socx .sx-wrap { width:min(1200px,calc(100% - 64px)); margin-inline:auto; }
.sx-sr { position:absolute; width:1px; height:1px; margin:-1px; overflow:hidden; clip-path:inset(50%); }
.sx-kicker,.sx-section-meta,.sx-hero-top,.sx-hero-bottom,.sx-art-label,.sx-phase-en,.sx-phase-foot,.sx-console-head,.sx-console-stats,.sx-radar,.sx-event-feed time,.sx-event-feed b,.sx-scene-bottom,.sx-panel-top,.sx-panel-copy>span,.sx-coverage-bottom,.sx-calc-result>span { font-family:'SFMono-Regular',Consolas,'Liberation Mono',monospace; font-size:11px; font-weight:400; letter-spacing:.08em; }
.sx-section-meta { display:flex; justify-content:space-between; align-items:center; gap:20px; color:var(--sx-muted); padding:0 0 22px; border-bottom:1px solid var(--sx-line); }
.sx-section-meta span:last-child { letter-spacing:0; font-family:inherit; }
.sx-kicker { display:flex; align-items:center; gap:10px; color:var(--sx-accent); }
.sx-kicker i,.sx-console-head i { display:inline-block; width:6px; height:6px; background:var(--sx-accent); border-radius:50%; box-shadow:0 0 15px #ff9e4866; }
.socx .sx-btn { display:inline-flex; justify-content:space-between; align-items:center; gap:28px; min-height:54px; padding:0 25px; color:#171510; background:var(--sx-accent); font-size:14px; font-weight:750; border:1px solid var(--sx-accent); transition:background .2s,transform .2s; }
.socx .sx-btn:hover { color:#080a0a; background:#ffc18a; transform:translateY(-3px); }
.sx-btn>span { font-size:23px; font-weight:400; }
.socx .sx-text-link { display:inline-flex; gap:20px; align-items:center; font-size:13px; color:#e0dfd8; }
.socx .sx-text-link:hover { color:var(--sx-accent); }
.sx-hero-track { height:175svh; min-height:1000px; }
.sx-hero-pin { height:calc(100svh - var(--sx-header)); min-height:620px; position:sticky; top:var(--sx-header); overflow:hidden; background:#080a0a; }
.sx-hero-art { position:absolute; inset:-4%; transform-origin:69% 52%; will-change:transform; }
.sx-hero-art img { width:100%; height:100%; max-width:none; object-fit:cover; object-position:70% 52%; }
.sx-hero-art::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,#080a0af5 0%,#080a0a9c 30%,#080a0a05 67%),linear-gradient(0deg,#080a0afa 0%,transparent 28%,transparent 78%,#080a0a5c); }
.sx-hero-grid { position:absolute; inset:0; pointer-events:none; opacity:.18; background-image:linear-gradient(90deg,#b9baac33 1px,transparent 1px); background-size:25% 100%; }
.sx-hero-inner { height:100%; position:relative; display:flex; flex-direction:column; padding:28px 0 25px; }
.sx-hero-top { display:flex; justify-content:space-between; align-items:center; gap:20px; }
.socx .sx-product { font-size:20px; font-weight:650; letter-spacing:-.04em; color:#fff; }
.sx-product b { color:var(--sx-accent); font-weight:450; }
.sx-product span { display:inline-block; font-size:9px; letter-spacing:.12em; color:#a6aaa3; border-left:1px solid #7778; margin-left:15px; padding-left:15px; vertical-align:middle; }
.sx-motion { color:#c9cdc6; border:1px solid #fff3; background:#080a0a55; border-radius:50px; min-height:34px; padding:6px 14px; font-size:11px!important; }
.sx-motion span { margin-left:7px; }
.sx-hero-copy { margin-block:auto; padding:40px 0 35px; position:relative; z-index:2; will-change:transform,opacity; }
.sx-hero-copy .sx-kicker { margin-bottom:27px; }
.socx .sx-hero-copy h1 { font-size:clamp(45px,5.3vw,79px); line-height:1.14; font-weight:650; letter-spacing:-.07em; max-width:850px; }
.sx-hero-copy h1>span { color:var(--sx-accent); }
.sx-hero-copy .sx-lead { margin-top:29px; color:#bbbfba; font-size:16px; line-height:1.85; max-width:520px; }
.sx-mobile-break { display:none; }
.sx-hero-actions { display:flex; align-items:center; gap:28px; margin-top:33px; }
.sx-art-label { position:absolute; right:0; top:51%; display:flex; align-items:center; gap:12px; font-size:9px; line-height:1.8; color:#e8e3d0; }
.sx-art-label b { font-size:8px; font-weight:400; color:#a2a69e; }
.sx-cross { font-size:25px; font-weight:200; color:#ffb261; }
.sx-orbit-dot { width:7px; height:7px; background:#ffad51; box-shadow:0 0 20px 5px #ffa34277; border-radius:50%; }
.sx-hero-bottom { display:flex; justify-content:space-between; gap:24px; align-items:center; color:#a3a6a0; font-size:9px; }
.sx-hero-bottom p { font-family:'Pretendard Variable',sans-serif; font-size:11px; letter-spacing:0; }
.sx-hero-bottom p>span { margin:0 14px; color:#777; }
.sx-scroll-cue { display:flex; align-items:center; gap:11px; }
.sx-scroll-cue i { width:17px; height:26px; border:1px solid #b4b8ac66; border-radius:10px; position:relative; }
.sx-scroll-cue i::before { content:''; width:2px; height:7px; background:var(--sx-accent); position:absolute; top:5px; left:6px; }
.sx-hero-zoom-title { position:absolute; inset:0; display:flex; flex-direction:column; justify-content:center; align-items:center; color:#f2eee5; font-size:clamp(58px,10.5vw,160px); line-height:.95; letter-spacing:-.075em; font-weight:600; opacity:0; pointer-events:none; text-shadow:0 5px 70px #080a0a; }
.sx-hero-zoom-title strong { color:var(--sx-accent); font-weight:600; }
/* Pointer motion lives on child layers; the outer image keeps its scroll transform. */
.sx-hero-pointer-fx { position:absolute; inset:0; z-index:1; pointer-events:none; overflow:hidden; opacity:0; }
.sx-pointer-hint { display:none; font:10px 'Pretendard Variable',sans-serif; letter-spacing:0; }
.sx-pointer-hint b { font:400 18px Arial,sans-serif; color:var(--sx-accent); margin-left:8px; }
.sx-pointer-ready .sx-pointer-hint { display:block; }
.sx-pointer-ready .sx-coordinates { display:none; }
.sx-hero-spotlight { position:absolute; inset:0; background:radial-gradient(ellipse 390px 320px at var(--sx-pointer-x,70%) var(--sx-pointer-y,50%),#ffcc8a27 0%,#ffd5a311 35%,transparent 76%); mix-blend-mode:screen; }
.sx-hero-particles { display:block; width:100%; height:100%; }
.sx-hero-pin.sx-pointer-ready .sx-hero-pointer-fx { opacity:var(--sx-pointer-presence,0); }
.sx-hero-pin.sx-pointer-ready .sx-hero-art img { transform:perspective(1400px) translate3d(var(--sx-depth-x,0px),var(--sx-depth-y,0px),0) rotateX(var(--sx-depth-rx,0deg)) rotateY(var(--sx-depth-ry,0deg)) scale(1.045); transform-origin:65% 50%; will-change:transform; }
.sx-hero-pin.sx-pointer-ready .sx-hero-grid { transform:translate3d(var(--sx-grid-x,0px),var(--sx-grid-y,0px),0) scale(1.06); }
.sx-hero-pin.sx-pointer-ready .sx-art-label { translate:var(--sx-label-x,0px) var(--sx-label-y,0px); }
.sx-hero-inner { z-index:2; }
.sx-hero-zoom-title { z-index:3; }
.sx-motion-off .sx-hero-pointer-fx { display:none; }
.sx-motion-off .sx-hero-art img,.sx-motion-off .sx-hero-grid { transform:none!important; }
.sx-motion-off .sx-art-label { translate:none!important; }
@media (hover:none), (pointer:coarse), (prefers-reduced-motion:reduce) { .sx-hero-pointer-fx { display:none; } }
@media (max-width:760px) { .sx-pointer-ready .sx-pointer-hint { display:none; } }
.sx-reason-track { position:relative; min-height:290svh; background:#111310; --reason-color:#e3e2d9; }
.sx-reason-track[data-reason="1"] { --reason-color:#ffb875; }
.sx-reason-track[data-reason="2"] { --reason-color:#b8dba8; }
.sx-reason-pin { position:sticky; top:var(--sx-header); height:calc(100svh - var(--sx-header)); min-height:690px; padding:30px 0; display:flex; align-items:center; overflow:hidden; }
.sx-reason-stage { display:grid; grid-template-columns:1fr 1fr; gap:85px; align-items:center; padding:24px 0; min-height:440px; }
.sx-reason-instrument { position:relative; height:410px; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.sx-reason-dial { position:absolute; width:440px; height:440px; max-width:100%; aspect-ratio:1; left:50%; top:50%; transform:translate(-50%,-50%); }
.sx-reason-dial svg { display:block; width:100%; height:100%; fill:none; stroke:#d0d2c331; stroke-width:1; }
.sx-reason-dial .sx-dial-progress { stroke:var(--reason-color); stroke-width:1.5; stroke-dasharray:1; stroke-dashoffset:1; transform:rotate(-90deg); transform-origin:50% 50%; }
.sx-reason-sweep { position:absolute; inset:4%; border-radius:50%; transform:rotate(0deg); }
.sx-reason-sweep::before { content:''; position:absolute; left:50%; top:-2px; width:7px; height:7px; border-radius:50%; background:var(--reason-color); }
.sx-reason-readout-label { font:9px Consolas,monospace; letter-spacing:.18em; color:#a6ab9e; margin-bottom:20px; position:relative; }
.sx-reason-counter { position:relative; display:flex; align-items:baseline; justify-content:center; color:var(--reason-color); gap:10px; }
.sx-reason-digits { font:400 clamp(145px,14.5vw,210px)/1 Arial,Helvetica,sans-serif; letter-spacing:-.075em; overflow:hidden; height:1em; padding-right:.07em; }
.sx-reason-digits>div { will-change:transform; }
.sx-reason-digits span { display:block; height:1em; }
.sx-reason-units { position:relative; width:65px; height:54px; font:400 43px/1 Arial,'Pretendard Variable',sans-serif; letter-spacing:-.05em; }
.sx-reason-units span { position:absolute; inset:0; opacity:0; transform:translateY(10px); transition:opacity .3s,transform .3s; white-space:nowrap; }
.sx-reason-units span.is-active { opacity:1; transform:none; }
.sx-reason-units span:last-child { font-size:29px; padding-top:12px; }
.sx-reason-state { position:relative; display:flex; align-items:center; gap:9px; color:#9ca88e; font-size:10px; margin-top:18px; }
.sx-reason-state i { width:5px; height:5px; border-radius:50%; background:var(--reason-color); }
.sx-reason-copy-stack { display:grid; min-width:0; }
.sx-reason-copy { grid-area:1/1; opacity:0; visibility:hidden; transform:translateY(25px); transition:opacity .4s,transform .4s,visibility .4s; }
.sx-reason-copy.is-active { opacity:1; visibility:visible; transform:none; }
.sx-reason-copy>span { display:block; color:var(--reason-color); font:10px Consolas,monospace; letter-spacing:.11em; margin-bottom:25px; }
.sx-reason-copy h3 { font-size:clamp(33px,3.6vw,50px); font-weight:550; line-height:1.29; letter-spacing:-.065em; }
.sx-reason-copy h3 em { color:var(--reason-color); }
.sx-reason-copy p { margin-top:25px; color:#a5aea0; max-width:410px; font-size:14px; line-height:1.9; }
.sx-reason-copy small { display:block; margin-top:25px; font-size:10px; color:#919d87; }
.sx-reason-signal { padding:0 0 20px; }
.sx-reason-signal-head { display:flex; align-items:center; justify-content:space-between; gap:20px; font:9px Consolas,monospace; letter-spacing:.06em; color:#8c9683; margin-bottom:12px; }
.sx-reason-signal-head b { font-weight:400; color:var(--reason-color); letter-spacing:0; }
.sx-reason-signal-head>span:last-child { font:9px 'Pretendard Variable',sans-serif; letter-spacing:0; }
.sx-reason-wave { height:51px; display:flex; align-items:center; justify-content:space-between; gap:4px; position:relative; }
.sx-reason-wave::before { content:''; height:1px; background:#fff1; position:absolute; left:0; right:0; top:50%; }
.sx-reason-wave i { flex:1; max-width:5px; height:var(--bar); background:#485040; opacity:.6; transform:scaleY(.65); }
.sx-reason-wave i.is-passed { background:var(--reason-color); opacity:.75; }
.sx-reason-playhead { position:absolute; left:0; top:-4px; bottom:-4px; width:1px; background:var(--reason-color); box-shadow:0 0 20px 4px #e4eac211; }
.sx-reason-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:35px; }
.sx-reason-steps button { appearance:none; text-align:left; color:#8b9581; background:transparent; border:0; border-top:1px solid #d0dac132; padding:20px 0 5px; position:relative; display:flex; align-items:baseline; gap:13px; }
.sx-reason-steps button>span { font:9px Consolas,monospace; }
.sx-reason-steps strong { font:400 24px Arial,'Pretendard Variable',sans-serif; letter-spacing:-.055em; }
.sx-reason-steps small { font-size:11px; margin-left:auto; }
.sx-reason-steps button>i { position:absolute; top:-1px; left:0; width:100%; height:1px; background:var(--reason-color); transform:scaleX(0); transform-origin:left; }
.sx-reason-steps button[aria-current],.sx-reason-steps button:hover { color:var(--reason-color); }
.sx-response-track { min-height:325svh; background:#0d100f; --sx-signal:#ff9e48; }
.sx-response-pin { position:sticky; top:var(--sx-header); height:calc(100svh - var(--sx-header)); min-height:670px; display:flex; align-items:center; padding:28px 0; overflow:hidden; }
.sx-response-layout { display:grid; grid-template-columns:.9fr 1.1fr; gap:65px; align-items:center; padding-block:38px; }
.sx-phase-list { display:flex; align-items:center; gap:25px; font-size:11px; color:#92998e; }
.sx-phase-list span { padding-bottom:10px; border-bottom:1px solid transparent; transition:color .3s; }
.sx-phase-list .is-active { color:var(--sx-signal); border-color:var(--sx-signal); }
.sx-phase-stack { display:grid; }
.sx-phase { grid-area:1/1; padding-top:30px; visibility:hidden; opacity:0; transform:translateY(30px); transition:opacity .45s,transform .45s,visibility .45s; }
.sx-phase.is-active { visibility:visible; opacity:1; transform:none; }
.sx-phase-en { color:var(--sx-signal); letter-spacing:.2em; }
.socx .sx-phase h3 { margin-top:14px; font-size:clamp(34px,3.6vw,54px); font-weight:550; line-height:1.26; letter-spacing:-.06em; }
.sx-phase h3 em { color:var(--sx-signal); }
.sx-phase p { max-width:380px; margin-top:24px; font-size:15px; color:#a5aca1; line-height:1.85; }
.sx-phase-foot { display:block; margin-top:35px; font-size:9px; color:#a5aca1; }
.sx-phase-progress { height:2px; background:#ffffff15; width:160px; margin-top:24px; }
.sx-phase-progress i { display:block; height:100%; width:100%; transform:scaleX(.03); transform-origin:left; background:var(--sx-signal); }
.sx-console { border:1px solid #ffffff24; background:#101411; border-radius:4px; box-shadow:0 35px 80px #0004; }
.sx-console-head { display:flex; justify-content:space-between; align-items:center; gap:15px; border-bottom:1px solid #ffffff1a; padding:15px 18px; font-size:9px; letter-spacing:.025em; }
.sx-console-head i { width:5px; height:5px; margin-right:7px; background:var(--sx-signal); box-shadow:none; }
.sx-console-head>span:last-child { color:#9baba1; }
.sx-radar { height:240px; position:relative; background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px); background-size:30px 30px; }
.sx-radar canvas { width:100%; height:100%; display:block; }
.sx-radar-center { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); text-align:center; display:flex; flex-direction:column; background:radial-gradient(ellipse,#101411 28%,#101411aa 50%,transparent 74%); padding:25px; }
.sx-radar-center>span { font-size:8px; color:#929d90; white-space:nowrap; letter-spacing:.12em; }
.sx-radar-center strong { font:500 31px Arial,sans-serif; letter-spacing:-.04em; color:var(--sx-signal); margin:6px 0; }
.sx-radar-center small { font-size:10px; color:#b9c1b5; font-family:'Pretendard Variable',sans-serif; letter-spacing:0; }
.sx-radar-corner,.sx-radar-count { position:absolute; bottom:14px; font-size:8px; color:#8d978c; }
.sx-radar-corner { left:18px; }.sx-radar-count { right:18px; }
.sx-console-stats { display:grid; grid-template-columns:1fr 1fr 1fr; border-block:1px solid #ffffff18; padding:16px 18px; gap:14px; }
.sx-console-stats>div+div { border-left:1px solid #ffffff18; padding-left:15px; }
.sx-console-stats span { display:block; color:#8e998d; font-size:8px; white-space:nowrap; }
.sx-console-stats b { display:block; color:var(--sx-signal); font-size:17px; letter-spacing:-.02em; margin-top:5px; }
.sx-console-stats>div:last-child b { font-family:'Pretendard Variable',sans-serif; font-size:14px; line-height:26px; }
.sx-event-feed { padding:9px 18px; }
.sx-event-feed>div { display:flex; align-items:center; gap:10px; font-size:10px; padding:8px 0; opacity:.24; transition:opacity .4s; color:#c1cabe; }
.sx-event-feed>div.is-visible { opacity:1; }
.sx-event-feed time { font-size:9px; color:#8b9787; letter-spacing:0; }
.sx-event-feed i { width:4px; height:4px; border-radius:50%; background:var(--sx-signal); flex-shrink:0; }
.sx-event-feed b { font-size:7px; margin-left:auto; color:var(--sx-signal); }
.sx-console-note { font-size:9px; color:#909d8d; padding:5px 18px 15px; }
.sx-scene-bottom { display:flex; justify-content:space-between; color:#7f8d7e; font-size:9px; border-top:1px solid #ffffff17; padding-top:20px; }
.sx-scene-bottom>span:last-child { font-family:'Pretendard Variable',sans-serif; letter-spacing:0; }.sx-scene-bottom b { color:var(--sx-signal); margin-left:15px; }
.sx-response-track[data-phase="2"] { --sx-signal:#b3edb4; }
.sx-coverage-track { min-height:290svh; background:var(--sx-paper); color:#20251e; --sx-line:#20251e2b; --sx-muted:#6c7167; }
.sx-coverage-pin { position:sticky; top:var(--sx-header); min-height:690px; height:calc(100svh - var(--sx-header)); padding:32px 0 24px; display:flex; flex-direction:column; justify-content:center; overflow:hidden; }
.sx-coverage-heading h2 { font-size:clamp(34px,3.7vw,53px); font-weight:600; letter-spacing:-.065em; display:flex; align-items:center; justify-content:space-between; padding-top:22px; line-height:1.2; }
.sx-coverage-heading h2>span { font:400 54px Arial,sans-serif; color:#b4b5aa; letter-spacing:-.07em; }
.sx-coverage-window { overflow:hidden; margin-top:30px; }
.sx-coverage-rail { display:flex; gap:24px; padding-left:max(32px,calc((100vw - 1200px)/2)); width:max-content; will-change:transform; }
.sx-coverage-panel { width:min(790px,75vw); flex-shrink:0; background:#e5e1d7; border:1px solid #20251e26; display:grid; grid-template-columns:1fr 1fr; padding:22px 28px 28px; gap:0 32px; position:relative; }
.sx-panel-top { grid-column:1/-1; display:flex; justify-content:space-between; font-size:10px; color:#737767; padding-bottom:22px; border-bottom:1px solid #20251e22; }
.sx-panel-top>span:last-child { font-size:9px; letter-spacing:0; color:#4e5946; }
.sx-panel-visual { min-height:270px; position:relative; display:flex; justify-content:center; align-items:center; overflow:hidden; }
.sx-panel-copy { align-self:center; padding:30px 0; }
.sx-panel-copy h3 { font-size:clamp(25px,2.7vw,36px); font-weight:600; letter-spacing:-.065em; line-height:1.25; }
.sx-panel-copy p { color:#686e60; font-size:13px; line-height:1.8; margin-top:19px; }
.sx-panel-copy>span { display:block; color:#7c6d54; margin-top:24px; font:10px 'Pretendard Variable',sans-serif; letter-spacing:0; }
.sx-mini-browser { width:100%; max-width:285px; background:#f4f1e8; border:1px solid #4e58443a; border-radius:5px; box-shadow:12px 20px 25px #40453015; transform:perspective(700px) rotateY(-12deg) rotateX(8deg); }
.sx-mini-browser>div { display:flex; align-items:center; gap:4px; padding:10px; border-bottom:1px solid #aaa9; }
.sx-mini-browser i { width:3px; height:3px; border-radius:50%; background:#aaa; }.sx-mini-browser>div span { font:8px Consolas,monospace; color:#989a8b; margin-left:8px; }
.sx-mini-browser>strong { display:block; font:450 66px Arial,sans-serif; text-align:center; margin-top:15px; letter-spacing:-.06em; color:#3e573d; }
.sx-mini-browser>strong small { font-size:17px; color:#7f9173; }
.sx-mini-browser svg { width:100%; height:45px; }.sx-mini-browser path { fill:none; stroke:#879b70; stroke-width:2; }
.sx-browser-status { display:block; text-align:center; font:7px Consolas,monospace; letter-spacing:.1em; padding:10px; color:#657456; }
.sx-scan-line { position:absolute; left:0; right:0; height:1px; top:50%; background:#ac7445; box-shadow:0 0 20px 2px #deae7755; transform:translateY(var(--sx-scan,0px)); }
.sx-server-stack { width:100%; max-width:300px; transform:perspective(700px) rotateY(-13deg) rotateX(9deg); }
.sx-server-stack>div { display:flex; align-items:center; gap:8px; margin-top:10px; padding:22px 15px; background:#2c322a; border:1px solid #66775b; box-shadow:0 7px 0 #171e16,0 13px 16px #30362a25; color:#c7d6b8; border-radius:3px; }
.sx-server-stack span { font:7px Consolas,monospace; width:37px; }.sx-server-stack i { flex:1; height:14px; background:repeating-linear-gradient(90deg,#b3c495 0 3px,transparent 3px 5px); clip-path:inset(0 calc(100% - var(--meter)) 0 0); }
.sx-server-stack b { font:9px Consolas,monospace; }.sx-server-stack em { width:4px; height:4px; background:#bce591; box-shadow:0 0 9px #aeed73; border-radius:50%; }
.sx-server-stack small { display:block; color:#77826c; font:8px Consolas,monospace; margin-top:25px; text-align:center; }
.sx-file-card { width:100%; max-width:285px; padding:22px 17px; background:#f4f1e8; border:1px solid #6f79644a; border-radius:4px; transform:rotate(-5deg); box-shadow:10px 17px 30px #434d3220; }
.sx-file-card>span { font:8px Consolas,monospace; color:#929786; display:block; margin-bottom:18px; }
.sx-file-card>div { display:flex; align-items:center; gap:10px; border-top:1px solid #56684724; padding:12px 0; font:9px Consolas,monospace; }.sx-file-card i { font-style:normal; color:#7a976a; }.sx-file-card small { font-size:7px; color:#9aa18c; margin-left:auto; }
.sx-file-card .sx-file-alert { color:#b56539; }.sx-file-card .sx-file-alert i,.sx-file-card .sx-file-alert small { color:#b56539; }.sx-file-card>b { display:block; color:#f5e7cf; background:#8e5735; padding:10px; font:9px Consolas,monospace; margin-top:14px; }
.sx-coverage-bottom { display:flex; align-items:center; gap:30px; font-size:9px; color:#70796a; padding-top:26px; }
.sx-coverage-bottom>div { flex:1; height:1px; background:#bac0b0; }.sx-coverage-bottom i { display:block; height:2px; background:#53604a; width:100%; transform:scaleX(.1); transform-origin:left; }
.sx-pricing { padding:110px 0; background:#080a0a; }
.sx-section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:40px; margin:55px 0 45px; }
.sx-section-heading h2,.sx-boundary-grid h2,.sx-faq h2 { font-size:clamp(30px,3.6vw,49px); line-height:1.27; letter-spacing:-.055em; font-weight:550; }
.sx-section-heading h2 em,.sx-boundary-grid h2 em { color:#9ba395; }.sx-section-heading>p { color:#9fa799; font-size:14px; line-height:1.85; }
.sx-plans { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.sx-plan { border:1px solid #ffffff26; padding:28px 28px 0; background:#101310; display:flex; flex-direction:column; transition:transform .45s,opacity .45s; }
.sx-plan-featured { background:#22241c; border-color:#c8a270; }
.sx-plan-name { display:flex; align-items:center; justify-content:space-between; gap:10px; }.sx-plan-name h3 { font:500 29px Arial,sans-serif; letter-spacing:-.05em; }.sx-plan-name>span { font-size:10px; color:#b7c0aa; }.sx-plan-featured .sx-plan-name>span { color:var(--sx-accent); }
.sx-plan-tag { font-size:17px; margin-top:25px!important; font-weight:600; letter-spacing:-.035em; }.sx-plan-desc { color:#a3ad9b; font-size:12px; margin-top:9px!important; line-height:1.8; min-height:44px; }
.sx-plan-price { font-size:12px; padding:24px 0 16px; }.sx-plan-price strong { font:500 38px Arial,sans-serif; letter-spacing:-.055em; }.sx-plan-price>span { display:block; font-size:10px; color:#a0ac97; margin-top:6px; }
.sx-plan-scope { padding:14px 0; border-block:1px solid #ffffff20; font-size:12px; color:#c5cdbd; }
.sx-plan ul { list-style:none; padding:19px 0 25px; margin:0; font-size:12px; line-height:2.2; color:#c4cdbc; flex:1; }.sx-plan li::before { content:'↗'; color:#a7bc91; margin-right:10px; }
.socx .sx-plan-choose { margin-inline:-28px; padding:18px 28px; display:flex; justify-content:space-between; align-items:center; border-top:1px solid #ffffff26; color:#e8eadd; font-size:12px; transition:background .2s; }.socx .sx-plan-choose:hover { background:#ffffff0a; color:var(--sx-accent); }.sx-plan-featured .sx-plan-choose { background:#ff9e48; color:#171a14; border-color:#ff9e48; }.socx .sx-plan-featured .sx-plan-choose:hover { background:#ffc18a; color:#080a0a; }
.sx-calculator { margin-top:45px; padding:38px; display:grid; grid-template-columns:1.05fr .95fr; gap:70px; border:1px solid #ffffff25; background:#11150f; }
.sx-calc-controls h3 { font-size:24px; font-weight:500; margin:11px 0 25px; letter-spacing:-.04em; }.sx-input-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px 18px; }.sx-input-grid label { font-size:11px; color:#b2bba9; }.sx-input-grid select,.sx-input-grid input { display:block; margin-top:8px; width:100%; min-width:0; height:46px; border:1px solid #ffffff35; border-radius:0; background:#1b2018; padding:0 12px; color:#eaecdf; font-size:14px; color-scheme:dark; }.sx-input-grid input:disabled { opacity:.4; }.sx-input-grid small { display:block; margin-top:7px; font-size:9px; color:#92a085; }
.sx-options { margin-top:20px; border-top:1px solid #ffffff25; }.sx-options summary { list-style:none; display:flex; justify-content:space-between; cursor:pointer; font-size:12px; padding:17px 0; color:#d2d9c9; }.sx-options summary::-webkit-details-marker { display:none; }.sx-options>div { display:grid; grid-template-columns:1fr 1fr; gap:15px; padding-bottom:10px; }.sx-options label { display:flex; align-items:flex-start; gap:8px; font-size:11px; color:#c2cdb6; cursor:pointer; }.sx-options input { accent-color:#ff9e48; margin:2px 0 0; width:15px; height:15px; flex-shrink:0; }.sx-options small { display:block; font-size:9px; margin-top:3px; color:#93a184; }
.sx-calc-result { align-self:center; }.sx-calc-result>span { color:#c4a478; font-size:10px; }.sx-calc-total { margin:17px 0!important; line-height:1.1; }.sx-calc-total output { font:500 clamp(35px,4.5vw,60px) Arial,sans-serif; letter-spacing:-.055em; color:#f7ba76; }.sx-calc-total>span { font-size:13px; margin-left:8px; color:#b3c0a5; }.sx-calc-result #sx-breakdown { font-size:11px; color:#9dac8d; min-height:35px; line-height:1.7; }.sx-setup-row { display:flex; justify-content:space-between; gap:15px; padding:17px 0; border-block:1px solid #ffffff24; margin-top:16px; font-size:12px; color:#bdcbb0; }.sx-setup-row b { font-weight:500; }.sx-calc-note { font-size:10px; color:#93a184; line-height:1.85; margin:16px 0 22px!important; }.sx-calc-result .sx-btn { width:100%; }.sx-quote-feedback { font-size:11px; color:#c7d7b5; margin-top:10px!important; }
.sx-boundaries { padding:75px 0 95px; background:#151a13; }.sx-boundary-grid { display:grid; grid-template-columns:1fr 1.15fr; gap:75px; padding-top:50px; }.sx-boundary-grid article { display:flex; gap:25px; padding:24px 0; border-bottom:1px solid #ffffff1e; }.sx-boundary-grid article:first-child { padding-top:0; }.sx-boundary-grid article>span { color:#8d9a7e; font:10px Consolas,monospace; padding-top:5px; }.sx-boundary-grid h3 { font-size:17px; font-weight:550; line-height:1.5; }.sx-boundary-grid p { color:#9ea993; font-size:13px; line-height:1.85; margin-top:10px; }
.sx-faq { padding:90px 0 100px; }.sx-faq-grid { display:grid; grid-template-columns:1fr 1.25fr; gap:60px; padding-top:48px; }.sx-faq details { border-bottom:1px solid #ffffff25; }.sx-faq details:first-child { border-top:1px solid #ffffff25; }.sx-faq summary { display:flex; align-items:center; gap:18px; padding:24px 0; list-style:none; font-size:15px; cursor:pointer; }.sx-faq summary::-webkit-details-marker { display:none; }.sx-faq summary>span { font:9px Consolas,monospace; color:#839776; }.sx-faq summary>i { margin-left:auto; color:#bbcaac; font:200 22px Arial,sans-serif; transition:transform .2s; }.sx-faq details[open] summary>i { transform:rotate(45deg); color:var(--sx-accent); }.sx-faq details>p { padding:0 30px 25px; font-size:13px; color:#a2b094; line-height:1.9; }
.sx-finale { position:relative; min-height:630px; padding:100px 0 0; overflow:hidden; background:#0e100c; }.sx-finale-art { position:absolute; inset:0; background:linear-gradient(90deg,#090c09 20%,#090c0977 60%,#090c0955),url('/assets/img/soc/server-rack-v2.webp') 70% 54%/cover; opacity:.55; transform:scale(1.1); }.sx-finale .sx-wrap { position:relative; }.sx-finale h2 { font-size:clamp(42px,6vw,86px); font-weight:550; letter-spacing:-.065em; margin:22px 0; }.sx-finale p:not(.sx-kicker) { color:#b6bdac; font-size:15px; line-height:1.9; }.sx-finale .sx-btn { margin-top:28px; }.sx-finale-word { display:block; font:550 clamp(100px,18vw,250px)/.9 Arial,sans-serif; letter-spacing:-.07em; color:#e1e2d51a; margin-top:60px; white-space:nowrap; }
.sx-contact-anchor { height:0; scroll-margin-top:95px; }
.sx-enhanced:not(.sx-motion-off) [data-sx-reveal] { opacity:.25; transform:translateY(45px); }.sx-enhanced:not(.sx-motion-off) [data-sx-reveal].is-revealed { opacity:1; transform:none; }
@media (min-width:1600px) { .sx-hero-copy h1 { font-size:84px!important; }.sx-hero-art img { object-position:65% 50%; } }
@media (min-width:900px) and (max-height:780px) { .sx-hero-pin { min-height:540px; }.sx-hero-copy { padding:20px 0; }.sx-hero-copy h1 { font-size:58px!important; }.sx-hero-copy .sx-kicker { margin-bottom:17px; }.sx-hero-copy .sx-lead { margin-top:19px; }.sx-hero-actions { margin-top:23px; }.sx-response-pin { min-height:610px; }.sx-response-layout { padding-block:23px; }.sx-radar { height:205px; }.sx-coverage-pin { min-height:610px; }.sx-coverage-heading h2 { font-size:40px; }.sx-coverage-heading h2>span { font-size:40px; }.sx-coverage-panel { padding-bottom:18px; }.sx-panel-visual { min-height:235px; } }
@media (max-width:1050px) { .sx-response-layout { gap:30px; }.sx-art-label { display:none; }.sx-plan { padding:23px 21px 0; }.socx .sx-plan-choose { margin-inline:-21px; padding-inline:21px; }.sx-plan-name { align-items:flex-start; flex-direction:column; gap:7px; }.sx-plan-name h3 { font-size:27px; }.sx-plan-price strong { font-size:32px; }.sx-calculator { gap:35px; padding:28px; }.sx-boundary-grid { gap:45px; }.sx-console-stats b { font-size:15px; }.sx-event-feed { padding-inline:12px; }.sx-event-feed>div { gap:7px; font-size:9px; }.sx-event-feed b { display:none; } }
@media (max-width:760px) {
 .socx { --sx-header:70px; }.socx .sx-wrap { width:calc(100% - 40px); }.sx-section-meta { font-size:9px; padding-bottom:17px; gap:10px; }.sx-section-meta span:last-child { font-size:9px; }.sx-kicker { font-size:9px; }
 .sx-hero-track { height:165svh; min-height:1000px; }.sx-hero-pin { min-height:630px; }.sx-hero-inner { padding-top:20px; padding-bottom:20px; }.sx-product span { display:none; }.socx .sx-product { font-size:18px; }.sx-motion { min-height:32px; padding:5px 11px; font-size:10px!important; }.sx-hero-art { inset:0 -28%; transform-origin:63% 52%; }.sx-hero-art img { object-position:64% 58%; }.sx-hero-art::after { background:linear-gradient(0deg,#080a0a 1%,#080a0a20 48%,#080a0a33),linear-gradient(90deg,#080a0a99,transparent 60%); }.sx-hero-copy { margin-top:43px; margin-bottom:auto; padding:0 0 28px; }.socx .sx-hero-copy h1 { font-size:clamp(37px,8.3vw,61px); line-height:1.16; max-width:600px; }.sx-hero-copy .sx-kicker { margin-bottom:22px; }.sx-hero-copy .sx-lead { font-size:13px; line-height:1.75; margin-top:23px; color:#ccd0c6; }.sx-hero-actions { margin-top:26px; flex-wrap:wrap; gap:18px; }.socx .sx-btn { font-size:12px; min-height:48px; padding-inline:19px; gap:25px; }.socx .sx-text-link { font-size:11px; gap:10px; }.sx-hero-bottom { gap:15px; align-items:flex-end; }.sx-hero-bottom p { max-width:130px; font-size:9px; text-align:right; line-height:1.8; }.sx-hero-bottom p>span { margin:0 4px; }.sx-scroll-cue { font-size:8px; letter-spacing:.04em; }.sx-coordinates { display:none; }.sx-hero-zoom-title { font-size:12vw; }

 .sx-response-track { min-height:330svh; }.sx-response-pin { min-height:690px; padding:22px 0; }.sx-response-layout { grid-template-columns:1fr; padding:22px 0 0; gap:20px; }.sx-phase-list { font-size:9px; gap:24px; }.sx-phase-list span { padding-bottom:7px; }.sx-phase { padding-top:16px; }.sx-phase-en { font-size:8px; }.socx .sx-phase h3 { font-size:30px; margin-top:7px; line-height:1.21; }.sx-phase h3 br { display:none; }.sx-phase p { font-size:12px; line-height:1.75; max-width:100%; margin-top:11px; }.sx-phase-foot { font-size:8px; margin-top:13px; }.sx-phase-progress { display:none; }.sx-console-head { padding:10px 12px; font-size:8px; }.sx-radar { height:180px; }.sx-radar-center strong { font-size:27px; }.sx-console-stats { padding:11px 13px; }.sx-console-stats b { font-size:14px; }.sx-console-stats>div:last-child b { font-size:12px; line-height:21px; }.sx-event-feed { padding-block:5px; }.sx-event-feed>div { font-size:9px; padding:5px 0; }.sx-event-feed time { font-size:8px; }.sx-event-feed b { display:block; font-size:7px; }.sx-console-note { font-size:8px; padding:5px 12px 10px; }.sx-scene-bottom { margin-top:18px; padding-top:13px; font-size:8px; }.sx-scene-bottom>span:first-child { display:none; }.sx-scene-bottom>span:last-child { margin-left:auto; }
 .sx-coverage-track { min-height:290svh; }.sx-coverage-pin { min-height:660px; padding:24px 0; }.sx-coverage-heading h2 { font-size:29px; padding-top:20px; }.sx-coverage-heading h2>span { font-size:35px; }.sx-coverage-window { margin-top:23px; }.sx-coverage-rail { padding-left:20px; gap:16px; }.sx-coverage-panel { width:calc(100vw - 55px); max-width:550px; grid-template-columns:1fr; padding:18px 22px 24px; gap:0; }.sx-panel-top { padding-bottom:13px; font-size:8px; }.sx-panel-visual { min-height:205px; }.sx-panel-copy { padding:8px 0 0; }.sx-panel-copy h3 { font-size:27px; }.sx-panel-copy h3 br { display:none; }.sx-panel-copy p { font-size:12px; margin-top:13px; line-height:1.75; }.sx-panel-copy>span { font-size:9px; margin-top:16px; }.sx-mini-browser { max-width:230px; }.sx-mini-browser>strong { font-size:47px; margin-top:9px; }.sx-mini-browser svg { height:34px; }.sx-server-stack { max-width:240px; }.sx-server-stack>div { padding:15px; }.sx-server-stack small { margin-top:18px; font-size:7px; }.sx-file-card { max-width:230px; padding:15px; }.sx-file-card>span { margin-bottom:9px; }.sx-file-card>div { padding:9px 0; }.sx-file-card>b { padding:8px; margin-top:8px; }.sx-coverage-bottom { font-size:8px; gap:17px; padding-top:23px; }
 .sx-pricing { padding:60px 0; }.sx-section-heading { display:block; margin:35px 0 30px; }.sx-section-heading h2,.sx-boundary-grid h2,.sx-faq h2 { font-size:33px; }.sx-section-heading>p { margin-top:19px; font-size:13px; }.sx-plans { grid-template-columns:1fr; gap:18px; }.sx-plan { padding:26px 25px 0; }.sx-plan-name { flex-direction:row; align-items:center; }.sx-plan-name h3 { font-size:31px; }.sx-plan-tag { margin-top:20px!important; }.sx-plan-desc { min-height:0; font-size:12px; }.sx-plan-price { padding-top:20px; }.sx-plan-price strong { font-size:39px; }.sx-plan ul { padding:17px 0 23px; }.socx .sx-plan-choose { margin-inline:-25px; padding-inline:25px; }.sx-calculator { grid-template-columns:1fr; gap:35px; padding:25px 20px; margin-top:30px; }.sx-calc-controls h3 { font-size:23px; }.sx-input-grid { gap:18px 14px; }.sx-input-grid select,.sx-input-grid input { font-size:16px; padding-inline:8px; }.sx-calc-total output { font-size:47px; }.sx-options>div { gap:15px 12px; }.sx-options label { font-size:10px; }.sx-calc-result { border-top:1px solid #ffffff22; padding-top:28px; }
 .sx-boundaries { padding:55px 0; }.sx-boundary-grid { grid-template-columns:1fr; gap:35px; padding-top:33px; }.sx-boundary-grid article { gap:20px; padding:20px 0; }.sx-boundary-grid h3 { font-size:15px; }.sx-boundary-grid p { font-size:12px; }.sx-faq { padding:60px 0; }.sx-faq-grid { grid-template-columns:1fr; gap:30px; padding-top:32px; }.sx-faq summary { font-size:13px; gap:12px; padding:21px 0; }.sx-faq details>p { padding:0 22px 22px; font-size:12px; }.sx-finale { padding-top:65px; min-height:530px; }.sx-finale h2 { font-size:44px; }.sx-finale p:not(.sx-kicker) { font-size:13px; }.sx-finale-word { font-size:23vw; margin-top:65px; }.sx-finale-art { background-position:60% 50%; opacity:.5; }
}
@media (max-width:380px) { .socx .sx-wrap { width:calc(100% - 32px); }.sx-hero-copy h1 { font-size:35px!important; }.sx-hero-actions { gap:15px; }.socx .sx-btn { padding-inline:15px; }.sx-phase h3 { font-size:27px!important; }.sx-event-feed>div { font-size:8px; }.sx-section-meta span:last-child { font-size:8px; }.sx-coverage-heading h2 { font-size:26px; }.sx-coverage-heading h2>span { font-size:30px; } }
@media (max-width:1050px) {
 .sx-reason-stage { gap:35px; }.sx-reason-dial { width:390px; height:390px; }.sx-reason-copy h3 { font-size:37px; }.sx-reason-digits { font-size:170px; }.sx-reason-units { width:55px; font-size:37px; }
}
@media (min-width:900px) and (max-height:780px) {
 .sx-reason-pin { min-height:610px; padding-block:22px; }.sx-reason-stage { min-height:350px; padding-block:12px; }.sx-reason-instrument { height:330px; }.sx-reason-dial { width:340px; height:340px; }.sx-reason-digits { font-size:165px; }.sx-reason-copy h3 { font-size:39px; }.sx-reason-copy>span { margin-bottom:17px; }.sx-reason-copy p { margin-top:17px; font-size:13px; }.sx-reason-copy small { margin-top:16px; }.sx-reason-signal { padding-bottom:14px; }.sx-reason-wave { height:35px; }.sx-reason-steps button { padding-top:15px; }
}
@media (max-width:760px) {
 .sx-reason-track { min-height:300svh; }.sx-reason-pin { min-height:690px; padding:22px 0; }.sx-reason-stage { grid-template-columns:1fr; min-height:0; gap:14px; padding:14px 0 23px; }.sx-reason-instrument { height:230px; }.sx-reason-dial { width:248px; height:248px; }.sx-reason-readout-label { font-size:7px; margin-bottom:8px; }.sx-reason-digits { font-size:132px; }.sx-reason-units { height:40px; width:45px; font-size:30px; }.sx-reason-units span:last-child { font-size:23px; padding-top:6px; }.sx-reason-state { font-size:9px; margin-top:8px; }.sx-reason-copy>span { font-size:8px; margin-bottom:13px; }.sx-reason-copy h3 { font-size:30px; line-height:1.23; }.sx-reason-copy p { font-size:12px; line-height:1.8; margin-top:14px; max-width:100%; }.sx-reason-copy small { font-size:9px; margin-top:13px; }.sx-reason-signal { padding-bottom:14px; }.sx-reason-signal-head { font-size:7px; margin-bottom:8px; }.sx-reason-signal-head>span:last-child { font-size:8px; }.sx-reason-wave { height:30px; gap:2px; }.sx-reason-steps { gap:18px; }.sx-reason-steps button { padding:14px 0 0; gap:6px; flex-wrap:wrap; }.sx-reason-steps button>span { font-size:8px; }.sx-reason-steps strong { font-size:20px; }.sx-reason-steps small { display:block; flex-basis:100%; font-size:9px; margin-left:0; }
}
/* Static fallbacks keep every chapter readable without script or motion. */
.socx:not(.sx-enhanced) .sx-reason-track,.sx-motion-off .sx-reason-track,.sx-short-viewport .sx-reason-track { min-height:0; }
.socx:not(.sx-enhanced) .sx-reason-pin,.sx-motion-off .sx-reason-pin,.sx-short-viewport .sx-reason-pin { position:relative; top:auto; height:auto; min-height:0; padding-block:45px; }
.socx:not(.sx-enhanced) .sx-reason-copy-stack,.sx-motion-off .sx-reason-copy-stack,.sx-short-viewport .sx-reason-copy-stack { display:block; }
.socx:not(.sx-enhanced) .sx-reason-copy,.sx-motion-off .sx-reason-copy,.sx-short-viewport .sx-reason-copy { opacity:1; visibility:visible; transform:none; transition:none; margin-top:25px; padding-bottom:25px; border-bottom:1px solid #ffffff20; }
.socx:not(.sx-enhanced) .sx-reason-steps { display:none; }
.socx:not(.sx-enhanced) .sx-hero-track,.sx-motion-off .sx-hero-track { height:auto; min-height:0; }
.socx:not(.sx-enhanced) .sx-hero-pin,.sx-motion-off .sx-hero-pin { position:relative; top:auto; }
.socx:not(.sx-enhanced) .sx-response-track,.sx-motion-off .sx-response-track,.socx:not(.sx-enhanced) .sx-coverage-track,.sx-motion-off .sx-coverage-track { min-height:0; }
.socx:not(.sx-enhanced) .sx-response-pin,.sx-motion-off .sx-response-pin,.socx:not(.sx-enhanced) .sx-coverage-pin,.sx-motion-off .sx-coverage-pin { position:relative; top:auto; height:auto; min-height:0; padding-block:65px; }
.socx:not(.sx-enhanced) .sx-phase-stack,.sx-motion-off .sx-phase-stack { display:block; }
.socx:not(.sx-enhanced) .sx-phase,.sx-motion-off .sx-phase { visibility:visible; opacity:1; transform:none; padding-block:22px; border-bottom:1px solid #ffffff22; }
.socx:not(.sx-enhanced) .sx-phase-list,.sx-motion-off .sx-phase-list,.socx:not(.sx-enhanced) .sx-scene-bottom,.sx-motion-off .sx-scene-bottom,.socx:not(.sx-enhanced) .sx-phase-progress,.sx-motion-off .sx-phase-progress { display:none; }
.socx:not(.sx-enhanced) .sx-coverage-rail,.sx-motion-off .sx-coverage-rail { width:min(1200px,calc(100% - 40px)); margin:auto; padding:0; flex-direction:column; transform:none!important; }
.socx:not(.sx-enhanced) .sx-coverage-panel,.sx-motion-off .sx-coverage-panel { width:100%; max-width:none; }
.sx-motion-off .sx-hero-art,.sx-motion-off .sx-hero-copy,.sx-motion-off .sx-finale-art { transform:none!important; }.sx-motion-off .sx-hero-copy { opacity:1!important; }.sx-motion-off .sx-hero-zoom-title { opacity:0!important; }
.sx-motion-off .sx-phase { transition:none; }
.sx-short-viewport .sx-response-track,.sx-short-viewport .sx-coverage-track { min-height:0; }.sx-short-viewport .sx-response-pin,.sx-short-viewport .sx-coverage-pin { position:relative; top:auto; height:auto; min-height:0; padding-block:45px; }.sx-short-viewport .sx-phase-stack { display:block; }.sx-short-viewport .sx-phase { visibility:visible; opacity:1; transform:none; padding:20px 0; }.sx-short-viewport .sx-phase-list,.sx-short-viewport .sx-phase-progress,.sx-short-viewport .sx-scene-bottom { display:none; }.sx-short-viewport .sx-coverage-rail { width:calc(100% - 40px); margin:auto; padding:0; flex-direction:column; transform:none!important; }.sx-short-viewport .sx-coverage-panel { width:100%; max-width:none; }
@media (prefers-reduced-motion:reduce) { .socx *,.socx *::before,.socx *::after { transition:none!important; animation:none!important; scroll-behavior:auto!important; } }