.sx-orbit{position:relative;width:min(42vw,560px);min-width:300px;aspect-ratio:1;justify-self:end;perspective:900px;transform:translate(calc(var(--pointer-x)*-9px),calc(var(--pointer-y)*-9px))}
.sx-orbit__halo{position:absolute;inset:10%;border:1px solid rgba(var(--accent-two-rgb),.2);border-radius:50%;box-shadow:0 0 80px rgba(var(--accent-two-rgb),.09),inset 0 0 80px rgba(var(--accent-rgb),.06)}
.sx-orbit__halo::before,.sx-orbit__halo::after{position:absolute;content:"";border:1px solid var(--line);border-radius:50%}
.sx-orbit__halo::before{inset:9%;border-style:dashed;animation:sx-rotate 28s linear infinite}.sx-orbit__halo::after{inset:21%}
.sx-orbit__sphere{position:absolute;inset:23%;border:1px solid rgba(var(--accent-rgb),.62);border-radius:50%;background:radial-gradient(circle at 33% 28%,#ffffffe6,rgba(var(--accent-two-rgb),.24) 12%,transparent 31%),radial-gradient(circle at 60% 68%,rgba(var(--accent-rgb),.82),rgba(var(--accent-two-rgb),.14) 39%,#02060ac7 72%);box-shadow:0 0 85px rgba(var(--accent-rgb),.17),inset -22px -30px 60px #000a,inset 14px 16px 36px #ffffff21;animation:sx-float 7s ease-in-out infinite}
html[data-theme=light] .sx-orbit__sphere{border-color:#ffffffdc;background:radial-gradient(circle at 31% 27%,#fff 0 5%,#ffffff9e 10%,transparent 27%),radial-gradient(circle at 67% 70%,#9bfff5e0,#7f7aff59 42%,#ffb7e052 65%,#ffffff4d 78%);box-shadow:0 38px 100px #5866c140,inset -25px -35px 70px #6872d333,inset 22px 19px 42px #ffffffeb}
.sx-orbit__sphere::after{position:absolute;inset:7%;border:1px solid #ffffff3d;border-radius:inherit;content:""}
.sx-orbit__axis{position:absolute;inset:50% -34%;height:1px;border-top:1px solid rgba(var(--accent-two-rgb),.6);transform-origin:center}
.sx-orbit__axis::before,.sx-orbit__axis::after{position:absolute;top:-3px;width:6px;height:6px;border-radius:50%;background:var(--accent-two);box-shadow:0 0 12px rgba(var(--accent-two-rgb),.8);content:""}.sx-orbit__axis::before{left:0}.sx-orbit__axis::after{right:0}.sx-orbit__axis--x{transform:rotate(-18deg)}.sx-orbit__axis--y{transform:rotate(72deg)}
.sx-orbit__note{position:absolute;font:10px var(--mono);color:var(--muted);letter-spacing:.1em}.sx-orbit__note--top{top:15%;right:1%}.sx-orbit__coords{bottom:12%;left:2%;background:none;border:0;padding:12px 0;cursor:pointer;color:var(--accent);font:11px var(--mono)}.sx-orbit__coords:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.sx-preloader{display:none;position:fixed;inset:0;z-index:1000;background:var(--bg-deep);color:var(--ink);place-items:center;align-content:center;transition:opacity .35s ease}
.sx-preloader .sx-orbit{width:min(65vw,430px);min-width:260px;justify-self:center}.sx-preloader>p{font:11px var(--mono);letter-spacing:.15em;margin:0 0 20px}.sx-preloader__line{height:2px;width:min(240px,60vw);background:var(--line);overflow:hidden}.sx-preloader__line::after{content:"";display:block;height:100%;width:45%;background:var(--accent);animation:sx-progress 1.2s ease-in-out infinite}
.sx-boot .sx-preloader{display:grid}.sx-boot .shell{visibility:hidden}.sx-loading-exit .sx-preloader{opacity:0}.sx-boot body{overflow:hidden}
.theme-picker{padding:36px;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--bg-deep);color:var(--ink);width:min(860px,calc(100% - 32px));max-height:90dvh;overflow:auto;box-shadow:var(--shadow)}
.theme-picker::backdrop{background:#02060bd9;backdrop-filter:blur(16px)}.theme-picker h2{font-size:clamp(29px,4vw,48px);line-height:1.06;letter-spacing:-.05em;margin:12px 0 16px}.theme-picker>p{color:var(--muted);font-size:14px;line-height:1.6}.theme-options{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}.theme-option{min-height:280px;display:flex;flex-direction:column;align-items:stretch;text-align:left;padding:24px;border:2px solid transparent;border-radius:20px;cursor:pointer;font:inherit}.theme-option:hover,.theme-option:focus-visible{border-color:#7579ff;outline:none;transform:translateY(-3px)}.theme-option--light{background:linear-gradient(145deg,#fff,#e8ebff);color:#151b34}.theme-option--dark{background:linear-gradient(145deg,#111c20,#020509);color:#effff8;box-shadow:inset 0 0 0 1px #34433c}.theme-option__preview{display:grid;grid-template-columns:1fr .65fr;gap:12px;align-items:center;min-height:140px}.theme-option__preview>span{display:grid;gap:10px}.theme-option__preview i{display:block;height:7px;border-radius:5px;background:currentColor;opacity:.23}.theme-option__preview i:first-child{width:70%;height:13px;opacity:.85}.theme-option__ball{aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff,#a1edf0 22%,#9b8af1 65%,#e0c8ee);box-shadow:0 15px 35px #7777c144}.theme-option--dark .theme-option__ball{background:radial-gradient(circle at 30% 25%,#fff,#c7ff4a 18%,#376862 55%,#020509 80%);box-shadow:0 0 35px #c7ff4a22}.theme-option strong{font-size:26px;letter-spacing:-.04em;margin-top:auto}.theme-option small{font-size:12px;opacity:.68;line-height:1.5;margin-top:7px}
.case-catalog{padding:75px 0;border-top:1px solid var(--line)}.case-catalog__head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:35px}.case-catalog h2{font-size:clamp(33px,4vw,58px);letter-spacing:-.06em;line-height:1.05;margin:18px 0}.case-catalog__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.portfolio-tile{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden;text-decoration:none;min-width:0;transition:transform .25s,border-color .25s}.portfolio-tile:hover{transform:translateY(-5px);border-color:var(--accent)}.portfolio-tile img{width:100%;height:190px;object-fit:cover;object-position:top;background:var(--surface-strong)}.portfolio-tile__copy{padding:24px;display:flex;flex-direction:column;flex:1}.portfolio-tile small{font:9px var(--mono);color:var(--accent);letter-spacing:.07em}.portfolio-tile h3{font-size:26px;margin:20px 0 12px;letter-spacing:-.04em}.portfolio-tile p{color:var(--muted);font-size:13px;line-height:1.65;flex:1;margin:0 0 24px}.portfolio-tile b{font:11px var(--mono);color:var(--ink)}.case-catalog__note{color:var(--muted);font:11px/1.7 var(--mono);margin-top:24px}
@keyframes sx-rotate{to{transform:rotate(360deg)}}@keyframes sx-float{50%{transform:translateY(-12px)}}@keyframes sx-progress{0%{transform:translateX(-110%)}100%{transform:translateX(330%)}}
@media(max-width:1000px){.case-catalog__grid{grid-template-columns:1fr 1fr}.sx-orbit{width:min(40vw,430px);min-width:280px}.case-catalog__head{align-items:start;flex-direction:column}}
@media(max-width:650px){.sx-orbit{width:min(90vw,420px);min-width:260px;justify-self:center;margin-top:5px}.hero:has(.sx-orbit){grid-template-columns:1fr}.theme-picker{padding:22px}.theme-options{gap:12px}.theme-option{min-height:225px;padding:16px}.theme-option__preview{min-height:115px}.theme-option strong{font-size:23px}.theme-option small{font-size:11px}.case-catalog__grid{grid-template-columns:1fr}.portfolio-tile img{height:220px}.sx-orbit__note{font-size:9px}}
@media(prefers-reduced-motion:reduce){.sx-orbit *,.sx-preloader__line::after{animation:none!important}.sx-orbit{transform:none}.theme-option:hover{transform:none}}

.article-feature{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding:75px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:40px 0 75px}.article-feature h2{font-size:clamp(36px,5vw,70px);line-height:1.04;letter-spacing:-.05em;margin:20px 0}.article-feature>div>p:not(.signal-label){font-size:18px;line-height:1.7;max-width:480px;color:var(--muted);margin:25px 0}.article-feature__visual{display:block;position:relative;padding:40px;border:1px solid var(--line-strong);border-radius:24px;background:radial-gradient(ellipse at top right,rgba(var(--accent-rgb),.12),transparent 75%),var(--surface);transform:rotate(2deg);box-shadow:var(--shadow);transition:transform .3s,border-color .3s}.article-feature__visual:hover{transform:rotate(0deg) translateY(-4px);border-color:var(--accent)}.article-feature__visual>span:first-child{font:10px var(--mono);letter-spacing:.1em;color:var(--muted)}.article-feature__visual>strong{display:block;font-size:30px;font-weight:500;letter-spacing:-.03em;margin:25px 0 35px}.article-feature__visual>div{display:flex;align-items:center;gap:12px;font:11px var(--mono);color:var(--accent)}.article-feature__visual>div>span{padding:10px 12px;border:1px solid var(--line);border-radius:8px}.article-feature__visual>div>i{font-style:normal}.article-feature__visual>p{border-top:1px solid var(--line);padding-top:20px;margin:30px 0 0;font-size:13px;line-height:1.8;color:var(--muted)}.article-feature__visual>p>b{font-weight:500;color:var(--ink)}.article-feature__arrow{position:absolute;right:30px;bottom:30px;font-size:28px;color:var(--accent)}@media(max-width:800px){.article-feature{grid-template-columns:1fr;gap:35px;padding:50px 0}.article-feature__visual{padding:28px;margin:0 6px}.article-feature__visual>div{gap:7px;font-size:10px}.article-feature__visual>div>span{padding:9px}.article-feature>div>p:not(.signal-label){font-size:16px}}@media(prefers-reduced-motion:reduce){.article-feature__visual{transform:none;transition:none}}