:root {
  --paper: #f3f5fa;
  --white: #fbfcff;
  --ink: #10131c;
  --muted: #697182;
  --faint: #9ca4b3;
  --line: rgba(27, 38, 67, .11);
  --line-strong: rgba(27, 38, 67, .19);
  --blue: #315cff;
  --violet: #865fff;
  --aqua: #00bcd4;
  --body: "Segoe UI Variable Text", "Helvetica Neue", Arial, sans-serif;
  --display: "Segoe UI Variable Display", "Arial Narrow", Arial, sans-serif;
  --mono: "Cascadia Code", "JetBrains Mono", Consolas, monospace;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; overflow-x: hidden; color: var(--ink); background: var(--paper); font-family: var(--body); -webkit-font-smoothing: antialiased; }
button, textarea, input { font: inherit; }
button, a { color: inherit; -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
a { text-decoration: none; }
::selection { color: #fff; background: var(--blue); }
* { scrollbar-width: thin; scrollbar-color: #c2c9d6 transparent; }
*::-webkit-scrollbar { width: 8px; height: 8px; }
*::-webkit-scrollbar-thumb { border: 2px solid transparent; border-radius: 10px; background: #b9c1cf; background-clip: padding-box; }

.page-grid { position: fixed; inset: 0; z-index: -2; pointer-events: none; background-image: linear-gradient(rgba(42,58,92,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(42,58,92,.032) 1px,transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(to bottom,black,transparent 76%); }
.page-grid::after { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 81% 13%,rgba(49,92,255,.11),transparent 24%),radial-gradient(circle at 16% 48%,rgba(134,95,255,.06),transparent 27%); }
.cursor-light { position: fixed; z-index: -1; top: 0; left: 0; width: 420px; height: 420px; pointer-events: none; opacity: 0; border-radius: 50%; background: radial-gradient(circle,rgba(49,92,255,.065),transparent 68%); transform: translate(-50%,-50%); transition: opacity .35s; }
body:hover .cursor-light { opacity: 1; }

.site-header { position: relative; z-index: 20; width: min(1480px,calc(100% - 72px)); height: 88px; margin: 0 auto; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; border-bottom: 1px solid var(--line); }
.brand { width: max-content; display: flex; align-items: center; gap: 12px; }
.brand-glyph { width: 48px; height: 34px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--ink); background: var(--ink); color: #fff; font: 600 11px/1 var(--mono); letter-spacing: -.07em; clip-path: polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%); }
.brand-glyph b { margin: 0 3px; color: #83a0ff; font-weight: 400; }.brand-glyph i { font-style: normal; }
.brand-copy strong,.brand-copy small { display: block; }.brand-copy strong { font: 700 12px/1 var(--mono); letter-spacing: .16em; }.brand-copy small { margin-top: 6px; color: #858d9c; font: 6px/1 var(--mono); letter-spacing: .18em; }
.site-header nav { display: flex; align-items: center; gap: 42px; height: 100%; }.site-header nav a { position: relative; height: 100%; display: grid; place-items: center; color: #777f8f; font-size: 12px; }.site-header nav a::after { content: ""; position: absolute; bottom: -1px; left: 50%; width: 0; height: 2px; background: var(--blue); transition: .25s; }.site-header nav a:hover,.site-header nav a.active { color: var(--ink); }.site-header nav a:hover::after,.site-header nav a.active::after { left: 0; width: 100%; }
.header-meta { justify-self: end; display: flex; align-items: center; gap: 13px; color: #808898; font: 7px/1 var(--mono); letter-spacing: .12em; }.header-meta span { display: flex; align-items: center; gap: 7px; }.header-meta i { width: 5px; height: 5px; border-radius: 50%; background: #14b88a; box-shadow: 0 0 8px rgba(20,184,138,.4); }.header-meta b { padding-left: 13px; border-left: 1px solid var(--line-strong); color: #abb1bd; font-weight: 400; }
.menu-toggle { display: none; border: 0; background: transparent; padding: 10px; }.menu-toggle span { display: block; width: 23px; height: 1px; margin: 6px 0; background: var(--ink); }

.hero { position: relative; width: min(1480px,calc(100% - 72px)); min-height: 720px; margin: 0 auto; display: grid; grid-template-columns: .88fr 1.12fr; align-items: center; border-bottom: 1px solid var(--line); overflow: hidden; }
.hero::before { content: ""; position: absolute; left: 50%; top: 10%; bottom: 10%; width: 1px; background: linear-gradient(transparent,var(--line-strong),transparent); }
.hero-copy { position: relative; z-index: 3; padding: 40px 72px 40px 50px; }
.hero-label { display: flex; align-items: center; gap: 17px; color: var(--blue); font: 8px/1 var(--mono); letter-spacing: .17em; }.hero-label::before { content: ""; width: 28px; height: 2px; background: var(--blue); }.hero-label b { padding: 5px 7px; border: 1px solid rgba(49,92,255,.2); color: #8b94a5; font-weight: 400; }
.hero h1 { margin: 29px 0 26px; font: 610 clamp(55px,5.45vw,86px)/.99 var(--display); letter-spacing: -.065em; }.hero h1 em { position: relative; color: transparent; font-style: normal; -webkit-text-stroke: 1.2px var(--ink); }.hero h1 em::after { content: ""; position: absolute; right: -16px; bottom: 9px; width: 9px; height: 9px; background: var(--blue); box-shadow: 0 0 0 6px rgba(49,92,255,.08); }
.mobile-break { display: none; }
.hero-copy > p { max-width: 560px; margin: 0; color: var(--muted); font-size: 15px; line-height: 1.9; }
.hero-actions { display: flex; align-items: center; gap: 30px; margin-top: 37px; }.primary-action { position: relative; min-width: 195px; height: 55px; padding: 0 17px 0 22px; display: flex; align-items: center; justify-content: space-between; overflow: hidden; background: var(--ink); color: #fff; font-size: 12px; clip-path: polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%); transition: transform .25s,box-shadow .25s; }.primary-action::before { content: ""; position: absolute; inset: 0; background: linear-gradient(100deg,transparent,rgba(94,122,255,.65),transparent); transform: translateX(-120%); transition: transform .55s; }.primary-action:hover::before { transform: translateX(120%); }.primary-action:hover { transform: translateY(-2px); box-shadow: 0 14px 35px rgba(19,30,65,.18); }.primary-action svg,.closing-section > a svg { width: 19px; fill: none; stroke: #93a9ff; stroke-width: 1.5; }
.text-action { color: #707989; font-size: 11px; }.text-action span { margin-left: 9px; color: var(--blue); }.text-action:hover { color: var(--ink); }
.hero-footnote { margin-top: 55px; display: flex; align-items: center; gap: 11px; color: #9ca3b0; font: 6px/1 var(--mono); letter-spacing: .15em; }.hero-footnote i { width: 18px; height: 1px; background: #ccd1db; }

.prism-stage { position: relative; justify-self: center; width: min(690px,96%); aspect-ratio: 1.18; perspective: 1000px; transform-style: preserve-3d; }
.prism-aura { position: absolute; inset: 6%; border-radius: 50%; background: radial-gradient(circle,rgba(77,111,255,.16),rgba(120,80,255,.07) 27%,transparent 65%); filter: blur(22px); }
.prism-plane { position: absolute; top: 50%; left: 50%; width: 250px; height: 250px; display: flex; align-items: center; justify-content: center; gap: 9px; border: 1px solid rgba(49,92,255,.2); background: linear-gradient(135deg,rgba(255,255,255,.73),rgba(225,230,255,.24)); box-shadow: 0 30px 80px rgba(39,54,110,.1),inset 0 1px rgba(255,255,255,.8); backdrop-filter: blur(9px); transform-style: preserve-3d; font: 10px/1 var(--mono); color: #6f7890; }
.prism-plane::before,.prism-plane::after { content: ""; position: absolute; width: 14px; height: 14px; border-color: var(--blue); opacity: .7; }.prism-plane::before { top: -1px; left: -1px; border-top: 2px solid var(--blue); border-left: 2px solid var(--blue); }.prism-plane::after { right: -1px; bottom: -1px; border-right: 2px solid var(--violet); border-bottom: 2px solid var(--violet); }.prism-plane b { color: var(--blue); font-weight: 500; }.prism-plane i { color: var(--violet); font-style: normal; }
.plane-one { transform: translate(-50%,-50%) rotateX(62deg) rotateZ(-43deg) translateZ(-50px); animation: plane-float-a 7s ease-in-out infinite; }.plane-two { transform: translate(-50%,-50%) rotateX(62deg) rotateZ(-43deg) translateZ(0); animation: plane-float-b 7s ease-in-out infinite; }.plane-three { transform: translate(-50%,-50%) rotateX(62deg) rotateZ(-43deg) translateZ(50px); animation: plane-float-c 7s ease-in-out infinite; }
.prism-core { position: absolute; z-index: 8; top: 50%; left: 50%; width: 108px; height: 108px; display: flex; align-items: center; justify-content: center; gap: 7px; border: 1px solid rgba(49,92,255,.55); border-radius: 50%; background: var(--ink); box-shadow: 0 22px 80px rgba(49,92,255,.28),0 0 0 12px rgba(255,255,255,.38); transform: translate(-50%,-50%) translateZ(180px); }.prism-core::before { content: ""; position: absolute; inset: 9px; border: 1px dashed rgba(127,151,255,.48); border-radius: 50%; animation: spin 13s linear infinite; }.prism-core strong { color: #fff; font: 700 25px/1 var(--mono); }.prism-core span { color: #8da5ff; font: 17px/1 var(--mono); }
.prism-orbit { position: absolute; inset: 3%; width: 94%; height: 94%; overflow: visible; stroke: url(#orbit-gradient); stroke-width: 1; stroke-dasharray: 4 9; animation: orbit-pulse 5s ease-in-out infinite; }
.prism-orbit path { fill: none; }.prism-orbit circle { fill: rgba(49,92,255,.8); stroke: none; }
.prism-note { position: absolute; z-index: 5; padding: 9px 12px; border-left: 2px solid var(--blue); background: rgba(250,252,255,.66); box-shadow: 0 12px 30px rgba(31,46,94,.06); backdrop-filter: blur(8px); }.prism-note span,.prism-note strong { display: block; }.prism-note span { color: var(--blue); font: 6px/1 var(--mono); letter-spacing: .15em; }.prism-note strong { margin-top: 6px; color: #5e6674; font-size: 9px; font-weight: 500; }.note-one { top: 20%; left: 10%; }.note-two { right: 8%; bottom: 19%; border-left-color: var(--violet); }.prism-index { position: absolute; right: 4%; bottom: 5%; color: #a4aab5; font: 6px/1 var(--mono); letter-spacing: .16em; }

.trust-bar { width: min(1480px,calc(100% - 72px)); margin: 0 auto; display: grid; grid-template-columns: repeat(3,1fr); border-bottom: 1px solid var(--line); }.trust-bar > div { min-height: 112px; padding: 26px 34px; display: grid; grid-template-columns: auto 1fr; column-gap: 17px; align-content: center; border-right: 1px solid var(--line); }.trust-bar > div:last-child { border-right: 0; }.trust-bar span { grid-row: span 2; color: var(--blue); font: 8px/1 var(--mono); }.trust-bar strong { font-size: 13px; font-weight: 600; }.trust-bar small { margin-top: 7px; color: #8a92a0; font-size: 10px; }

.studio-section { width: min(1480px,calc(100% - 72px)); margin: 0 auto; padding: 125px 0 120px; }
.section-heading { margin: 0 44px 48px; display: flex; align-items: end; justify-content: space-between; }.overline { display: inline-block; margin-bottom: 15px; color: var(--blue); font: 7px/1 var(--mono); letter-spacing: .2em; }.section-heading h2,.process-intro h2,.closing-section h2 { margin: 0; font: 590 clamp(38px,3.5vw,55px)/1.04 var(--display); letter-spacing: -.055em; }.section-heading > p { width: 420px; margin: 0 0 3px; color: var(--muted); font-size: 13px; line-height: 1.8; }
.studio-shell { position: relative; border: 1px solid var(--line-strong); background: rgba(251,252,255,.72); box-shadow: 0 38px 110px rgba(37,47,78,.1),inset 0 1px rgba(255,255,255,.9); backdrop-filter: blur(20px); clip-path: polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px)); }
.studio-shell::before { content: ""; position: absolute; z-index: 8; top: 0; left: 0; width: 150px; height: 2px; background: linear-gradient(90deg,var(--blue),transparent); }.studio-shell::after { content: ""; position: absolute; z-index: 8; bottom: 0; right: 0; width: 100px; height: 2px; background: linear-gradient(90deg,transparent,var(--violet)); }
.studio-topbar { position: relative; height: 66px; padding: 0 24px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; border-bottom: 1px solid var(--line); background: rgba(245,247,252,.82); }.session { display: flex; gap: 10px; color: #9ba3b2; font: 7px/1 var(--mono); letter-spacing: .12em; }.session strong { color: #697488; font-weight: 500; }.pipeline { display: flex; align-items: center; gap: 13px; color: #a4abb7; font: 8px/1 var(--mono); text-transform: uppercase; letter-spacing: .08em; }.pipeline span { display: flex; align-items: center; gap: 7px; transition: color .25s; }.pipeline span i { width: 21px; height: 21px; display: grid; place-items: center; border: 1px solid #d1d6df; border-radius: 50%; font-style: normal; }.pipeline span.done { color: #727c8d; }.pipeline span.done i { color: var(--blue); border-color: rgba(49,92,255,.3); }.pipeline span.current { color: var(--ink); }.pipeline span.current i { border-color: var(--blue); background: var(--blue); color: #fff; box-shadow: 0 0 0 4px rgba(49,92,255,.08); }.pipeline b { width: 43px; height: 1px; background: #d8dce4; }.runtime { justify-self: end; display: flex; align-items: center; gap: 7px; color: #9ba3af; font: 7px/1 var(--mono); letter-spacing: .12em; }.runtime i { width: 5px; height: 5px; border-radius: 50%; background: #10b98b; }.runtime strong { color: #657080; font-weight: 500; }
.studio-grid { display: grid; grid-template-columns: minmax(0,1fr) 275px minmax(0,1fr); min-height: 570px; }
.editor { min-width: 0; background: rgba(252,253,255,.7); }.source-editor { border-right: 1px solid var(--line); }.output-editor { border-left: 1px solid var(--line); }
.panel-head { height: 66px; padding: 0 18px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); }.panel-head > div:first-child { display: flex; align-items: center; gap: 9px; }.panel-index { width: 23px; height: 23px; display: grid; place-items: center; border: 1px solid #d0d6e0; color: var(--blue); font: 8px/1 var(--mono); }.panel-head strong { font-size: 12px; }.panel-head small { color: #a1a8b4; font: 7px/1 var(--mono); }.panel-actions { display: flex; gap: 3px; }.panel-actions button { padding: 7px 8px; border: 0; background: transparent; color: #828b9a; font-size: 9px; transition: .2s; }.panel-actions button::before { content: "/"; margin-right: 4px; color: #c1c7d2; }.panel-actions button:hover { color: var(--blue); background: rgba(49,92,255,.04); }
.code-field { position: relative; height: 462px; display: grid; grid-template-columns: 45px 1fr; overflow: hidden; background-image: linear-gradient(rgba(46,60,90,.026) 1px,transparent 1px); background-size: 100% 25px; }.line-numbers { padding-top: 22px; border-right: 1px solid rgba(40,52,78,.065); color: #bcc2cc; text-align: center; font: 10px/2 var(--mono); user-select: none; }.code-field textarea { width: 100%; height: 100%; resize: none; border: 0; outline: 0; padding: 19px 18px; background: transparent; color: #30384a; caret-color: var(--blue); font: 11px/2 var(--mono); white-space: pre; tab-size: 2; }.output-field textarea { color: #3654a0; }.code-field textarea::placeholder { color: #b1b7c2; }
.panel-status { height: 42px; padding: 0 15px; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid var(--line); color: #9aa2af; font: 7px/1 var(--mono); letter-spacing: .1em; }.panel-status span { display: flex; align-items: center; gap: 7px; }.panel-status i { width: 12px; height: 2px; background: #7d8999; }.output-editor .panel-status i { background: var(--blue); box-shadow: 0 0 7px rgba(49,92,255,.4); }.panel-status b,.panel-status strong { font-weight: 400; }
.output-empty { position: absolute; inset: 0 0 0 45px; display: flex; flex-direction: column; align-items: center; justify-content: center; background: rgba(251,252,255,.94); transition: opacity .25s; }.output-empty.hidden { opacity: 0; pointer-events: none; }.output-empty > strong { margin-top: 19px; font-size: 11px; font-weight: 600; }.output-empty > small { margin-top: 7px; color: #9ba3b0; font-size: 9px; }.empty-mark { position: relative; width: 56px; height: 56px; border: 1px solid rgba(49,92,255,.2); border-radius: 50%; }.empty-mark::before { content: "JS"; position: absolute; inset: 0; display: grid; place-items: center; color: var(--blue); font: 9px/1 var(--mono); }.empty-mark span,.empty-mark i,.empty-mark b { position: absolute; width: 4px; height: 4px; border-radius: 50%; background: var(--blue); }.empty-mark span { top: -2px; left: 50%; }.empty-mark i { right: -2px; top: 50%; background: var(--violet); }.empty-mark b { bottom: -2px; left: 50%; background: var(--aqua); }.empty-mark { animation: spin 10s linear infinite; }
.transform-overlay { position: absolute; inset: 0 0 0 45px; display: none; overflow: hidden; background: rgba(247,250,255,.92); }.transform-overlay.active { display: block; }.transform-line { position: absolute; top: 0; bottom: 0; width: 2px; background: linear-gradient(transparent,var(--blue),var(--violet),transparent); box-shadow: 0 0 24px rgba(49,92,255,.65); animation: transform-scan .8s ease-in-out infinite; }.transform-code { position: absolute; top: 49%; left: 50%; color: rgba(49,92,255,.36); font: 8px/1 var(--mono); letter-spacing: .18em; transform: translate(-50%,-50%); white-space: nowrap; }
.strategy-panel { position: relative; padding: 21px 18px 16px; background: linear-gradient(180deg,rgba(240,243,251,.88),rgba(246,248,252,.7)); }.strategy-head span { color: var(--blue); font: 6px/1 var(--mono); letter-spacing: .16em; }.strategy-head h3 { margin: 7px 0 0; font-size: 16px; font-weight: 620; }.preset-control { margin-top: 21px; padding: 3px; display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid var(--line); background: rgba(255,255,255,.58); }.preset-control button { height: 31px; padding: 0 4px; border: 0; background: transparent; color: #8a92a0; font-size: 8px; }.preset-control button.active { background: var(--ink); color: #fff; box-shadow: 0 7px 16px rgba(24,31,48,.15); }
.strength-card { margin-top: 19px; padding: 19px 0; display: flex; align-items: center; gap: 13px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }.strength-orb { position: relative; flex: 0 0 auto; width: 66px; height: 66px; display: flex; align-items: baseline; justify-content: center; padding-top: 23px; border-radius: 50%; color: var(--blue); background: conic-gradient(var(--blue) 0 82%,#dce1e9 82%); font: 500 18px/1 var(--mono); }.strength-orb::before { content: ""; position: absolute; inset: 5px; border-radius: 50%; background: #f5f7fb; }.strength-orb span,.strength-orb small { position: relative; z-index: 2; }.strength-orb small { font-size: 7px; }.strength-card > div:last-child > span,.strength-card > div:last-child > strong,.strength-card > div:last-child > small { display: block; }.strength-card > div:last-child > span { color: #939baa; font: 6px/1 var(--mono); letter-spacing: .12em; }.strength-card > div:last-child > strong { margin-top: 7px; font-size: 12px; }.strength-card > div:last-child > small { margin-top: 5px; color: #a2a9b5; font-size: 8px; }
.strategy-stats { display: grid; grid-template-columns: 1fr 1fr; border-bottom: 1px solid var(--line); }.strategy-stats > div { padding: 16px 0; }.strategy-stats > div + div { padding-left: 14px; border-left: 1px solid var(--line); }.strategy-stats span,.strategy-stats strong { display: block; }.strategy-stats span { color: #9ba2ae; font: 6px/1 var(--mono); letter-spacing: .1em; }.strategy-stats strong { margin-top: 7px; color: #4b5567; font: 500 10px/1 var(--mono); }
.obfuscate-button { position: relative; width: 100%; height: 68px; margin-top: 18px; padding: 0 15px; display: flex; align-items: center; justify-content: space-between; overflow: hidden; border: 0; background: var(--blue); color: #fff; text-align: left; clip-path: polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,0 100%); box-shadow: 0 14px 30px rgba(49,92,255,.2); transition: transform .25s,box-shadow .25s; }.obfuscate-button:hover { transform: translateY(-2px); box-shadow: 0 18px 38px rgba(49,92,255,.29); }.button-copy { position: relative; z-index: 2; }.button-copy small,.button-copy strong { display: block; }.button-copy small { margin-bottom: 6px; color: #b9c6ff; font: 6px/1 var(--mono); letter-spacing: .12em; }.button-copy strong { font-size: 11px; font-weight: 600; }.obfuscate-button svg { position: relative; z-index: 2; width: 19px; fill: none; stroke: #fff; stroke-width: 1.5; }.obfuscate-button .beam { position: absolute; top: 0; bottom: 0; width: 60px; background: linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent); transform: translateX(-120px); }.obfuscate-button.processing .beam { animation: button-beam .7s linear infinite; }.obfuscate-button.processing .button-copy strong { font-size: 0; }.obfuscate-button.processing .button-copy strong::after { content: "Transforming..."; font-size: 11px; }.local-note { display: flex; align-items: center; justify-content: center; gap: 6px; margin: 13px 0 0; color: #929aa8; font-size: 7px; }.local-note svg { width: 12px; fill: none; stroke: #7d8b9c; stroke-width: 1.2; }
.module-drawer { border-top: 1px solid var(--line); }.module-drawer-head { min-height: 78px; padding: 0 24px; display: flex; align-items: center; justify-content: space-between; background: rgba(245,247,251,.75); }.module-drawer-head > div span { color: #939ba9; font: 6px/1 var(--mono); letter-spacing: .14em; }.module-drawer-head h3 { margin: 6px 0 0; font-size: 14px; }.module-drawer-head button { display: flex; align-items: center; gap: 10px; border: 0; background: transparent; color: #7f8795; font-size: 9px; }.module-drawer-head button i { width: 7px; height: 7px; border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; transform: rotate(45deg) translateY(-2px); transition: transform .25s; }.module-drawer.collapsed .module-drawer-head button i { transform: rotate(-135deg) translateY(-2px); }.module-grid { display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid var(--line); transition: max-height .4s ease,opacity .3s; max-height: 520px; overflow: hidden; }.module-drawer.collapsed .module-grid { max-height: 0; opacity: 0; border-top: 0; }
.module-item { position: relative; min-height: 84px; padding: 17px 38px 17px 17px; display: flex; align-items: center; gap: 11px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); cursor: pointer; transition: background .2s; }.module-item:nth-child(4n) { border-right: 0; }.module-item:hover { background: rgba(49,92,255,.025); }.module-item input { position: absolute; opacity: 0; pointer-events: none; }.check { position: relative; flex: 0 0 auto; width: 25px; height: 25px; border: 1px solid #c7cdd8; background: rgba(255,255,255,.75); }.check::before { content: ""; position: absolute; left: 7px; top: 4px; width: 7px; height: 12px; border-right: 1.5px solid #fff; border-bottom: 1.5px solid #fff; opacity: 0; transform: rotate(40deg); }.module-item input:checked + .check { border-color: var(--blue); background: var(--blue); box-shadow: 0 5px 14px rgba(49,92,255,.2); }.module-item input:checked + .check::before { opacity: 1; }.module-item > span:nth-child(3) { min-width: 0; }.module-item strong,.module-item small { display: block; }.module-item strong { font-size: 10px; font-weight: 600; }.module-item small { margin-top: 5px; overflow: hidden; color: #969eab; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }.module-item > b { position: absolute; top: 12px; right: 12px; color: #c0c5ce; font: 400 7px/1 var(--mono); }.security-note { margin: 18px 10px 0; color: #7d8695; text-align: center; font-size: 9px; line-height: 1.7; }.security-note span { margin-right: 7px; color: var(--blue); font: 7px/1 var(--mono); }

.process-section { width: min(1480px,calc(100% - 72px)); margin: 0 auto; padding: 120px 44px; display: grid; grid-template-columns: .75fr 1.25fr; gap: 90px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }.process-flow { display: grid; grid-template-columns: repeat(3,1fr); }.process-flow article { min-height: 310px; padding: 10px 27px 30px; border-left: 1px solid var(--line); }.process-flow article > span { color: #9ba2af; font: 7px/1 var(--mono); letter-spacing: .13em; }.process-icon { width: 50px; height: 50px; margin: 55px 0 38px; display: grid; place-items: center; border: 1px solid rgba(49,92,255,.22); color: var(--blue); font: 15px/1 var(--mono); background: rgba(255,255,255,.45); }.process-flow h3 { margin: 0 0 13px; font-size: 15px; }.process-flow p { margin: 0; color: #7d8695; font-size: 10px; line-height: 1.75; }
.closing-section { position: relative; width: min(1480px,calc(100% - 72px)); min-height: 430px; margin: 0 auto; padding: 95px 75px; display: flex; align-items: center; justify-content: space-between; overflow: hidden; }.closing-section::before { content: ""; position: absolute; z-index: -1; right: 4%; width: 490px; height: 490px; border-radius: 50%; background: radial-gradient(circle,rgba(49,92,255,.09),transparent 68%); }.closing-section > a { position: relative; z-index: 3; width: 215px; height: 61px; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; border: 1px solid var(--ink); background: rgba(255,255,255,.45); font-size: 11px; transition: .25s; }.closing-section > a:hover { background: var(--ink); color: #fff; }.closing-orbit { position: absolute; right: 5%; width: 380px; height: 380px; display: grid; place-items: center; border: 1px solid rgba(49,92,255,.09); border-radius: 50%; color: var(--blue); font: 600 24px/1 var(--mono); }.closing-orbit::before,.closing-orbit::after { content: ""; position: absolute; border: 1px dashed rgba(49,92,255,.12); border-radius: 50%; }.closing-orbit::before { inset: 45px; }.closing-orbit::after { inset: 105px; }.closing-orbit span { position: relative; z-index: 2; }.closing-orbit i,.closing-orbit b { position: absolute; width: 7px; height: 7px; border-radius: 50%; background: var(--blue); box-shadow: 0 0 0 6px rgba(49,92,255,.06); }.closing-orbit i { top: 48px; left: 77px; }.closing-orbit b { right: 34px; bottom: 130px; background: var(--violet); }
footer { width: min(1480px,calc(100% - 72px)); min-height: 180px; margin: 0 auto; padding: 48px 44px; display: grid; grid-template-columns: 1fr auto; gap: 30px; align-items: start; border-top: 1px solid var(--line); }.footer .brand {} footer > .brand { grid-row: span 2; }footer p { margin: 0; color: #929aa7; font: 7px/1 var(--mono); letter-spacing: .08em; }footer > div { display: flex; justify-content: space-between; gap: 42px; color: #8b93a1; font: 7px/1 var(--mono); letter-spacing: .08em; }footer > div b { font-weight: 400; }footer a:hover { color: var(--blue); }
.toast { position: fixed; z-index: 50; right: 24px; bottom: 24px; min-width: 220px; padding: 15px 17px; display: flex; align-items: center; gap: 10px; border: 1px solid rgba(49,92,255,.18); background: rgba(252,253,255,.94); box-shadow: 0 18px 50px rgba(28,38,67,.15); color: #4e596d; font-size: 10px; opacity: 0; transform: translateY(80px); transition: .3s; backdrop-filter: blur(12px); }.toast.show { opacity: 1; transform: translateY(0); }.toast i { width: 6px; height: 6px; border-radius: 50%; background: var(--blue); box-shadow: 0 0 0 4px rgba(49,92,255,.08); }

[data-reveal] { opacity: 0; transform: translateY(22px); transition: opacity .7s ease,transform .7s ease; }[data-reveal].visible { opacity: 1; transform: translateY(0); }
.studio-shell.processing::before { width: 100%; animation: studio-charge .75s ease-in-out infinite; }.studio-shell.complete .output-editor { animation: output-glow .75s ease-out; }

@keyframes plane-float-a { 0%,100% { transform: translate(-50%,-50%) rotateX(62deg) rotateZ(-43deg) translateZ(-65px); }50% { transform: translate(-50%,-50%) rotateX(62deg) rotateZ(-43deg) translateZ(-45px); }}
@keyframes plane-float-b { 0%,100% { transform: translate(-50%,-50%) rotateX(62deg) rotateZ(-43deg) translateZ(-5px); }50% { transform: translate(-50%,-50%) rotateX(62deg) rotateZ(-43deg) translateZ(10px); }}
@keyframes plane-float-c { 0%,100% { transform: translate(-50%,-50%) rotateX(62deg) rotateZ(-43deg) translateZ(55px); }50% { transform: translate(-50%,-50%) rotateX(62deg) rotateZ(-43deg) translateZ(78px); }}
@keyframes orbit-pulse { 50% { opacity: .5; transform: scale(.98); }}
@keyframes spin { to { transform: rotate(360deg); }}
@keyframes transform-scan { from { left: -5%; }to { left: 105%; }}
@keyframes button-beam { to { transform: translateX(280px); }}
@keyframes studio-charge { 0% { opacity: .2; transform: scaleX(.2); transform-origin: left; }100% { opacity: 1; transform: scaleX(1); transform-origin: left; }}
@keyframes output-glow { 35% { box-shadow: inset 0 0 70px rgba(49,92,255,.1); }}

@media (max-width: 1180px) {
  .site-header,.hero,.trust-bar,.studio-section,.process-section,.closing-section,footer { width: calc(100% - 42px); }.hero { grid-template-columns: .92fr 1.08fr; }.hero-copy { padding-left: 25px; padding-right: 30px; }.prism-stage { width: 560px; }.studio-grid { grid-template-columns: minmax(0,1fr) 250px; }.output-editor { grid-column: 1; border-top: 1px solid var(--line); border-left: 0; }.strategy-panel { grid-column: 2; grid-row: 1 / span 2; }.module-grid { grid-template-columns: repeat(3,1fr); }.module-item:nth-child(4n) { border-right: 1px solid var(--line); }.module-item:nth-child(3n) { border-right: 0; }.process-section { gap: 45px; padding-right: 20px; padding-left: 20px; }.process-flow article { padding-right: 18px; padding-left: 18px; }
}
@media (max-width: 800px) {
  .site-header,.hero,.trust-bar,.studio-section,.process-section,.closing-section,footer { width: calc(100% - 30px); }.site-header { height: 72px; grid-template-columns: 1fr auto; }.header-meta,.site-header nav { display: none; }.menu-toggle { display: block; }.site-header nav.open { position: absolute; top: 72px; left: 0; right: 0; height: auto; padding: 12px; display: flex; flex-direction: column; align-items: stretch; gap: 0; border: 1px solid var(--line-strong); background: rgba(250,251,254,.97); box-shadow: 0 18px 50px rgba(32,43,72,.12); }.site-header nav.open a { height: 46px; justify-content: flex-start; }.site-header nav.open a::after { display: none; }
  .hero { min-height: auto; grid-template-columns: minmax(0,1fr); padding: 80px 0 30px; }.hero::before { display: none; }.hero-copy { padding: 0 14px; }.hero h1 { font-size: clamp(51px,13.5vw,75px); }.hero-copy > p { font-size: 14px; }.prism-stage { width: min(640px,110vw); margin: 30px 0 0 -5vw; justify-self: center; }.hero-footnote { margin-top: 44px; }.trust-bar { grid-template-columns: 1fr; }.trust-bar > div { border-right: 0; border-bottom: 1px solid var(--line); }.trust-bar > div:last-child { border-bottom: 0; }
  .studio-section { padding-top: 95px; }.section-heading { margin: 0 5px 35px; display: block; }.section-heading > p { width: auto; margin-top: 20px; }.studio-shell { clip-path: none; }.studio-topbar { grid-template-columns: 1fr auto; }.pipeline { display: none; }.studio-grid { grid-template-columns: 1fr; }.strategy-panel { grid-column: 1; grid-row: auto; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }.source-editor { border-right: 0; }.output-editor { grid-column: 1; }.strategy-panel { padding: 24px; }.strategy-stats { grid-template-columns: 1fr 1fr; }.module-grid { grid-template-columns: repeat(2,1fr); }.module-item:nth-child(3n) { border-right: 1px solid var(--line); }.module-item:nth-child(2n) { border-right: 0; }.process-section { padding: 90px 5px; grid-template-columns: 1fr; gap: 55px; }.process-flow { grid-template-columns: 1fr; }.process-flow article { min-height: 220px; padding: 25px 15px; border-top: 1px solid var(--line); border-left: 0; }.process-icon { margin: 32px 0 25px; }.closing-section { min-height: 410px; padding: 70px 14px; align-items: flex-start; flex-direction: column; gap: 40px; }.closing-orbit { right: -150px; bottom: -180px; }footer { padding-right: 5px; padding-left: 5px; grid-template-columns: 1fr; }footer > .brand { grid-row: auto; }
}
@media (max-width: 520px) {
  .brand-copy small { display: none; }.hero { padding-top: 65px; }.hero-label b { display: none; }.hero h1 { font-size: clamp(43px,12vw,52px); line-height: 1.02; letter-spacing: -.075em; }.mobile-break { display: block; }.hero h1 em::after { right: -8px; bottom: 5px; width: 7px; height: 7px; }.hero-actions { align-items: flex-start; flex-direction: column; gap: 21px; }.primary-action { width: 100%; }.hero-footnote { gap: 7px; }.hero-footnote i { width: 10px; }.prism-stage { width: 132vw; margin-left: -16vw; }.prism-note { display: none; }.trust-bar > div { padding-right: 16px; padding-left: 16px; }.studio-shell { margin-right: -15px; margin-left: -15px; border-right: 0; border-left: 0; }.studio-topbar { padding: 0 15px; }.code-field { height: 390px; }.module-drawer-head { padding: 0 15px; }.module-grid { grid-template-columns: 1fr; }.module-item { border-right: 0 !important; }.security-note { padding: 0 5px; }.closing-section h2 { font-size: 42px; }.toast { right: 15px; bottom: 15px; left: 15px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }*,*::before,*::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }.cursor-light { display: none; }
}
:focus-visible { outline: 2px solid var(--blue); outline-offset: 3px; }

/* Advanced ecosystem / original project credits */
.continuum-section { position: relative; width: min(1480px,calc(100% - 72px)); margin: 0 auto 38px; border-top: 1px solid var(--line-strong); border-bottom: 1px solid var(--line-strong); background: rgba(251,252,255,.48); overflow: hidden; }
.continuum-section::before { content: ""; position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(rgba(49,92,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(49,92,255,.035) 1px,transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(90deg,black,transparent 62%); }
.continuum-section::after { content: ""; position: absolute; top: 0; left: 0; width: 170px; height: 2px; background: linear-gradient(90deg,var(--blue),transparent); }
.continuum-grid { position: relative; z-index: 2; min-height: 570px; display: grid; grid-template-columns: 1.04fr .78fr .9fr; }
.continuum-intro { padding: 83px 66px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; border-right: 1px solid var(--line); }
.continuum-intro h2 { margin: 0; font: 590 clamp(46px,4.2vw,66px)/.98 var(--display); letter-spacing: -.065em; }
.continuum-intro h2 em { color: transparent; font-style: normal; -webkit-text-stroke: 1px var(--ink); }
.continuum-intro > p { max-width: 465px; margin: 27px 0 0; color: #747d8d; font-size: 13px; line-height: 1.85; }
.suite-link { position: relative; width: min(385px,100%); min-height: 76px; margin-top: 36px; padding: 0 20px 0 23px; display: flex; align-items: center; justify-content: space-between; overflow: hidden; background: var(--ink); color: #fff; clip-path: polygon(0 0,calc(100% - 11px) 0,100% 11px,100% 100%,0 100%); transition: transform .3s,box-shadow .3s; }
.suite-link::before { content: ""; position: absolute; inset: 0; background: linear-gradient(105deg,transparent 25%,rgba(88,113,255,.52),transparent 65%); transform: translateX(-120%); transition: transform .6s; }
.suite-link:hover { transform: translateY(-3px); box-shadow: 0 19px 42px rgba(26,35,69,.2); }.suite-link:hover::before { transform: translateX(120%); }
.suite-link > span,.suite-link svg { position: relative; z-index: 2; }.suite-link small,.suite-link strong { display: block; }.suite-link small { margin-bottom: 7px; color: #8797d4; font: 6px/1 var(--mono); letter-spacing: .15em; }.suite-link strong { font: 500 13px/1 var(--mono); letter-spacing: -.02em; }.suite-link svg { width: 21px; fill: none; stroke: #9badff; stroke-width: 1.4; }
.continuum-field { position: relative; min-width: 0; overflow: hidden; border-right: 1px solid var(--line); background: radial-gradient(circle at 50% 49%,rgba(49,92,255,.09),transparent 49%); }
.continuum-field::before,.continuum-field::after { content: ""; position: absolute; top: 50%; left: 50%; background: rgba(49,92,255,.1); transform: translate(-50%,-50%); }.continuum-field::before { width: 76%; height: 1px; }.continuum-field::after { width: 1px; height: 67%; }
.field-ring { position: absolute; top: 50%; left: 50%; border-radius: 50%; transform: translate(-50%,-50%); }.ring-outer { width: 275px; height: 275px; border: 1px dashed rgba(49,92,255,.27); animation: continuum-spin 28s linear infinite; }.ring-outer::before { content: ""; position: absolute; inset: 15px; border: 1px solid rgba(49,92,255,.1); border-radius: 50%; }.ring-inner { width: 174px; height: 174px; border: 1px solid rgba(49,92,255,.24); animation: continuum-reverse 17s linear infinite; }.ring-inner::before { content: ""; position: absolute; inset: 11px; border: 1px dashed rgba(134,95,255,.24); border-radius: 50%; }
.field-ring i,.field-ring b { position: absolute; width: 7px; height: 7px; border-radius: 50%; background: var(--blue); box-shadow: 0 0 0 6px rgba(49,92,255,.07); }.ring-outer i { top: 28px; right: 31px; }.ring-outer b { left: -3px; top: 50%; background: var(--violet); }.ring-inner i { right: 9px; bottom: 19px; background: var(--aqua); }
.field-core { position: absolute; z-index: 3; top: 50%; left: 50%; width: 96px; height: 96px; display: grid; place-items: center; border: 1px solid rgba(49,92,255,.25); border-radius: 50%; background: rgba(253,254,255,.92); box-shadow: 0 20px 55px rgba(49,92,255,.16),0 0 0 11px rgba(255,255,255,.48); transform: translate(-50%,-50%); }.field-core::before { content: ""; position: absolute; inset: 8px; border: 1px dashed rgba(49,92,255,.22); border-radius: 50%; }.field-core span { position: relative; z-index: 2; color: var(--ink); font: 700 22px/1 var(--mono); }.field-core strong { position: absolute; z-index: 3; top: 11px; right: 12px; width: 18px; height: 18px; display: grid; place-items: center; border-radius: 50%; background: var(--blue); color: #fff; font: 400 11px/1 var(--mono); box-shadow: 0 5px 12px rgba(49,92,255,.3); }
.field-label { position: absolute; z-index: 3; min-width: 105px; padding: 8px 10px; border-left: 2px solid var(--blue); background: rgba(251,252,255,.76); box-shadow: 0 10px 30px rgba(34,46,78,.06); backdrop-filter: blur(9px); }.field-label span,.field-label b { display: block; }.field-label span { margin-bottom: 5px; color: #9ca4b2; font: 6px/1 var(--mono); letter-spacing: .14em; }.field-label b { color: #596274; font: 500 7px/1 var(--mono); letter-spacing: .1em; }.label-a { top: 23%; left: 4%; }.label-b { right: 3%; bottom: 21%; border-left-color: var(--violet); }.field-code { position: absolute; right: 18px; bottom: 17px; color: #a1a8b5; font: 6px/1 var(--mono); letter-spacing: .15em; }
.anti-ai-card { position: relative; margin: 26px; padding: 25px 26px 22px; display: flex; flex-direction: column; overflow: hidden; background: #111520; color: #fff; clip-path: polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px)); box-shadow: 0 25px 65px rgba(18,24,43,.17); transition: transform .35s,box-shadow .35s; }
.anti-ai-card::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .28; background-image: linear-gradient(rgba(133,151,210,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(133,151,210,.1) 1px,transparent 1px); background-size: 30px 30px; mask-image: radial-gradient(circle at 75% 28%,black,transparent 62%); }.anti-ai-card::after { content: ""; position: absolute; top: -90px; right: -75px; width: 250px; height: 250px; border-radius: 50%; background: radial-gradient(circle,rgba(117,83,255,.3),transparent 68%); }
.anti-ai-card:hover { transform: translateY(-6px); box-shadow: 0 34px 80px rgba(18,24,43,.25); }
.anti-ai-top { position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; color: #717b91; font: 6px/1 var(--mono); letter-spacing: .14em; }.anti-ai-top i { font-style: normal; }
.anti-ai-symbol { position: relative; z-index: 2; width: 94px; height: 94px; margin: 39px 0 34px; display: grid; place-items: center; border: 1px solid rgba(142,119,255,.34); border-radius: 50%; }.anti-ai-symbol::before { content: ""; position: absolute; inset: 11px; border: 1px dashed rgba(107,145,255,.34); border-radius: 50%; animation: continuum-spin 12s linear infinite; }.anti-ai-symbol span { font: 600 22px/1 var(--mono); text-shadow: 0 0 22px rgba(139,103,255,.5); }.anti-ai-symbol i,.anti-ai-symbol b { position: absolute; width: 6px; height: 6px; border-radius: 50%; box-shadow: 0 0 10px currentColor; }.anti-ai-symbol i { top: 7px; left: 18px; color: #8c68ff; background: currentColor; }.anti-ai-symbol b { right: 6px; bottom: 22px; color: #61a4ff; background: currentColor; }
.anti-ai-copy { position: relative; z-index: 2; margin-top: auto; }.anti-ai-copy h3 { margin: 0; font: 540 clamp(21px,2vw,29px)/1.08 var(--display); letter-spacing: -.045em; }.anti-ai-copy p { margin: 16px 0 0; color: #8992a7; font-size: 10px; line-height: 1.7; }
.anti-ai-action { position: relative; z-index: 2; margin-top: 26px; padding-top: 17px; display: flex; justify-content: space-between; border-top: 1px solid rgba(157,173,213,.14); color: #b8c1d3; font-size: 9px; }.anti-ai-action b { color: #8f74ff; font-size: 15px; transition: transform .25s; }.anti-ai-card:hover .anti-ai-action b { transform: translate(3px,-3px); }
.credit-rail { position: relative; z-index: 3; min-height: 88px; padding: 0 28px; display: grid; grid-template-columns: 1fr 1.1fr 1fr; align-items: center; border-top: 1px solid var(--line); background: rgba(246,248,252,.82); }.credit-rail > div:first-child { display: flex; align-items: center; gap: 13px; }.credit-rail span { color: #9ba3b1; font: 6px/1 var(--mono); letter-spacing: .15em; }.credit-rail strong { color: #5f697a; font: 500 9px/1 var(--mono); }.credit-rail p { justify-self: end; margin: 0; color: #929aa8; font-size: 8px; }
.credit-signal { justify-self: center; display: flex; align-items: center; gap: 9px; }.credit-signal i { width: 5px; height: 5px; border: 1px solid var(--blue); border-radius: 50%; }.credit-signal b { width: 37px; height: 1px; background: linear-gradient(90deg,rgba(49,92,255,.1),rgba(49,92,255,.48),rgba(49,92,255,.1)); }

@keyframes continuum-spin { to { transform: translate(-50%,-50%) rotate(360deg); } }
@keyframes continuum-reverse { to { transform: translate(-50%,-50%) rotate(-360deg); } }

@media (max-width: 1180px) {
  .continuum-section { width: calc(100% - 42px); }.continuum-grid { grid-template-columns: 1.05fr .95fr; }.anti-ai-card { grid-column: 1 / span 2; min-height: 320px; display: grid; grid-template-columns: 140px 1fr; grid-template-rows: auto 1fr auto; column-gap: 30px; }.anti-ai-top { grid-column: 1 / span 2; }.anti-ai-symbol { grid-column: 1; grid-row: 2 / span 2; align-self: center; margin: 20px auto; }.anti-ai-copy { grid-column: 2; grid-row: 2; align-self: end; }.anti-ai-action { grid-column: 2; grid-row: 3; }.credit-rail { grid-template-columns: 1fr auto; }.credit-signal { display: none; }
}
@media (max-width: 800px) {
  .continuum-section { width: calc(100% - 30px); }.continuum-grid { grid-template-columns: 1fr; }.continuum-intro { padding: 75px 34px; border-right: 0; border-bottom: 1px solid var(--line); }.continuum-field { min-height: 390px; border-right: 0; border-bottom: 1px solid var(--line); }.anti-ai-card { grid-column: 1; min-height: 470px; margin: 18px; display: flex; }.anti-ai-symbol { margin: 39px 0 34px; }.anti-ai-copy { margin-top: auto; }.credit-rail { min-height: 110px; padding: 23px; grid-template-columns: 1fr; gap: 14px; }.credit-rail p { justify-self: start; }
}
@media (max-width: 520px) {
  .continuum-section { width: 100%; margin-bottom: 25px; border-right: 0; border-left: 0; }.continuum-intro { padding: 66px 28px; }.continuum-intro h2 { font-size: 48px; }.continuum-field { min-height: 350px; }.ring-outer { width: 245px; height: 245px; }.field-label { transform: scale(.9); }.label-a { left: 2%; }.label-b { right: 1%; }.anti-ai-card { min-height: 490px; padding: 23px; }.credit-rail { padding-right: 28px; padding-left: 28px; }.credit-rail > div:first-child { align-items: flex-start; flex-direction: column; gap: 7px; }.credit-rail p { line-height: 1.6; }
}

/* Loading gate and direct JS-Obfuscator identity */
body.is-loading { overflow: hidden; }
body.is-loading > :not(.page-loader) { visibility: hidden; }
.page-loader { position: fixed; z-index: 9999; inset: 0; display: grid; place-content: center; justify-items: center; overflow: hidden; background: #f7f9fd; color: var(--ink); opacity: 1; visibility: visible; transition: opacity .55s ease,visibility .55s; }
.page-loader::before { content: ""; position: absolute; inset: 0; opacity: .58; background-image: linear-gradient(rgba(49,92,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(49,92,255,.055) 1px,transparent 1px); background-size: 46px 46px; mask-image: radial-gradient(circle at 50% 50%,black,transparent 68%); }
.page-loader::after { content: ""; position: absolute; top: 50%; left: 50%; width: 470px; height: 470px; border: 1px solid rgba(49,92,255,.08); border-radius: 50%; transform: translate(-50%,-50%); box-shadow: 0 0 0 55px rgba(49,92,255,.018),0 0 0 120px rgba(49,92,255,.012); }
.page-loader.is-complete { opacity: 0; visibility: hidden; pointer-events: none; }
.loader-prism { position: relative; z-index: 2; width: 108px; height: 108px; display: grid; place-items: center; margin-bottom: 28px; border: 1px solid rgba(49,92,255,.2); background: rgba(255,255,255,.7); transform: rotate(45deg); box-shadow: 0 24px 60px rgba(49,92,255,.08); }
.loader-prism::before,.loader-prism::after { content: ""; position: absolute; inset: 13px; border: 1px solid rgba(49,92,255,.13); animation: loader-turn 4.8s linear infinite; }.loader-prism::after { inset: 30px; border-color: rgba(141,99,255,.25); animation-direction: reverse; animation-duration: 3s; }
.loader-prism span { position: relative; z-index: 3; color: var(--blue); font: 650 22px/1 var(--mono); transform: rotate(-45deg); }.loader-prism i,.loader-prism b { position: absolute; z-index: 4; width: 7px; height: 7px; border-radius: 50%; background: var(--blue); box-shadow: 0 0 14px rgba(49,92,255,.55); }.loader-prism i { top: -4px; left: 50%; }.loader-prism b { right: -4px; top: 50%; background: var(--violet); }
.page-loader > strong,.page-loader > p,.page-loader > small,.loader-progress { position: relative; z-index: 2; }.page-loader > strong { font: 650 18px/1 var(--display); letter-spacing: -.02em; }.page-loader > p { margin: 10px 0 0; color: var(--muted); font-size: 10px; }.loader-progress { width: 250px; height: 2px; margin: 25px 0 14px; overflow: hidden; background: #e1e5ee; }.loader-progress i { display: block; width: 38%; height: 100%; background: linear-gradient(90deg,transparent,var(--blue),var(--violet),transparent); animation: loader-slide 1.15s ease-in-out infinite; }.page-loader > small { color: #a4abb8; font: 6px/1 var(--mono); letter-spacing: .18em; }
.site-header nav { gap: 30px; }.brand-copy strong { white-space: nowrap; }.brand-glyph i:first-child { font-size: 8px; }
#obfuscator,#options,#how,#more-tools { scroll-margin-top: 30px; }

/* Options live in the center column and expand naturally without an inner scrollbar. */
.studio-grid { align-items: stretch; }
.studio-grid > .editor { align-self: stretch; display: flex; flex-direction: column; }
.studio-grid > .editor .code-field { flex: 1; height: auto; min-height: 462px; }
.strategy-panel .module-drawer { margin: 19px -18px -16px; border-top: 1px solid var(--line); }
.strategy-panel .module-drawer-head { min-height: 66px; padding: 0 18px; background: rgba(255,255,255,.36); }
.strategy-panel .module-grid { grid-template-columns: 1fr; max-height: none; overflow: visible; }
.strategy-panel .module-item { min-height: 62px; padding: 12px 34px 12px 16px; border-right: 0 !important; }
.strategy-panel .module-item strong { font-size: 9px; }
.strategy-panel .module-item small { white-space: normal; line-height: 1.35; }
@media (max-width: 1180px) {
  .strategy-panel .module-drawer { margin-right: -24px; margin-left: -24px; }
}
@keyframes loader-turn { to { transform: rotate(360deg); } }
@keyframes loader-slide { from { transform: translateX(-110%); } to { transform: translateX(360%); } }
@media (max-width: 520px) { .page-loader::after { width: 320px; height: 320px; }.loader-progress { width: 215px; } }
@media (prefers-reduced-motion: reduce) { .loader-prism::before,.loader-prism::after,.loader-progress i { animation-duration: .01ms !important; animation-iteration-count: 1 !important; } }