/* Current SPROK site styles. Preserve corresponding HTML classes. */

*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;background:#020204}body{font-family:'Pixelify Sans',system-ui,sans-serif;color:#fff;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}button{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #81e6ff;outline-offset:4px}::selection{background:#317b96;color:#fff}
.stage{position:fixed;inset:0;overflow:hidden;background:#020204}.bg{position:absolute;inset:0;background:linear-gradient(180deg,rgba(25,127,255,0) 38%,rgba(25,127,255,.042) 54%,rgba(25,127,255,.052) 68%,rgba(25,127,255,.03) 100%),#020204}.stars{position:absolute;left:0;top:0;width:1px;height:1px;border-radius:50%;background:#fff;pointer-events:none}.canvas{position:absolute;left:50%;top:0;width:1172px;height:657px;transform:translateX(-50%) scale(var(--k,1));transform-origin:50% 0}.canvas>*{position:absolute}.stack{position:absolute;inset:0;z-index:300;pointer-events:none}.stack>*{position:absolute;pointer-events:auto}.nav{left:247px;top:3px;width:678px;height:64px;border-radius:32px;z-index:400;background:rgba(255,255,255,.008);border:1px solid rgba(255,255,255,.105);backdrop-filter:blur(16px) saturate(140%);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}.mark{position:absolute;left:21px;top:19px;width:24px;height:24px}.wm{position:absolute;left:50px;top:0;white-space:nowrap}.wm .kick{position:absolute;left:3px;top:20px;font-size:4.4px;font-weight:600;letter-spacing:.1em;line-height:1}.wm .name{position:absolute;left:0;top:26px;transform-origin:0 50%;font-weight:700;font-size:22px;line-height:1;letter-spacing:-.01em}.navmenu{display:contents}.links{position:absolute;left:156px;top:0;height:62px;transform-origin:0 50%;display:flex;align-items:center;gap:24px}.links a{font-size:12.5px;font-weight:400;color:rgba(255,255,255,.8);white-space:nowrap;transition:color .2s}.links a:hover{color:#81e6ff}.burger{display:none}
.badge{left:462px;top:95px;width:250px;height:39px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.015)}.badge i{position:absolute;left:4px;top:4px;width:29px;height:29px;border-radius:8px;background:linear-gradient(180deg,#10283c,#125c78 72%,#49c6e6);display:grid;place-items:center}.badge i svg{width:13px;height:19px}.badge b{position:absolute;left:45px;top:0;display:flex;align-items:center;height:39px;white-space:nowrap;font-size:13px;font-weight:500;transform-origin:0 50%}
.btn{display:grid;place-items:center;color:#fff;position:relative;overflow:hidden;border:0;background:linear-gradient(to top,#9ad9ec 1px,#89dff0 2px,#79e0f1 3px,#61daef 4px,#3ec8e4 5px,#14a8c6 6px,#0596b3 7px,#038aa8 8px,#047796 9px,#006180 10px,#025066 12px,#0a4f5e 13px,#04465a 14px,#073746 16px,#0a2a37 18px,#0d212e 20px,#0f1824 24px,#0a121e 30px,#0a111d 34px,#0a111d 100%);box-shadow:inset 0 3px 3px -2px rgba(180,228,255,.1),inset 1px 0 0 rgba(255,255,255,.09),inset -1px 0 0 rgba(255,255,255,.09),var(--hair,0 1px 0 rgba(152,218,234,.38)),1px 0 0 rgba(152,218,234,.17),-1px 0 0 rgba(152,218,234,.17),0 0 8px rgba(60,190,235,.1),0 2px 5px -3px rgba(90,220,255,.45);transition:translate .25s,filter .25s}.btn::before{content:"";position:absolute;left:22%;right:38%;top:.8px;height:1.9px;z-index:1;filter:blur(.55px);background:linear-gradient(90deg,rgba(120,225,255,0) 0%,rgba(120,225,255,.58) 34%,rgba(160,240,255,.74) 50%,rgba(120,225,255,.58) 66%,rgba(120,225,255,0) 100%)}.btn::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:1;background:linear-gradient(90deg,rgba(200,245,255,.7),rgba(200,245,255,0) 13px),linear-gradient(270deg,rgba(200,245,255,.7),rgba(200,245,255,0) 13px);-webkit-mask:linear-gradient(to top,#000 0,#000 6px,rgba(0,0,0,.4) 12px,rgba(0,0,0,.15) 18px,rgba(0,0,0,.09) 24px,rgba(0,0,0,.02) 30px,rgba(0,0,0,.02) 100%);mask:linear-gradient(to top,#000 0,#000 6px,rgba(0,0,0,.4) 12px,rgba(0,0,0,.15) 18px,rgba(0,0,0,.09) 24px,rgba(0,0,0,.02) 30px,rgba(0,0,0,.02) 100%)}.btn span{position:relative;z-index:2;display:block;line-height:1;text-shadow:0 1px 2px rgba(0,20,30,.5)}.btn:hover{translate:0 -1px;filter:brightness(1.13)}.nav .btn{position:absolute;left:530.7px;top:10.5px;width:125.5px;height:39.5px;border-radius:14px;font-size:14px;font-weight:500;letter-spacing:-.005em}.cta2{left:526px;top:349px;width:121px;height:54.5px;--hair:0 0 0 transparent;border-radius:13px;font-size:17px;font-weight:500;letter-spacing:-.01em;z-index:300}.cta2::before{display:none}
.h1{left:586px;transform:translateX(-50%);white-space:nowrap;line-height:1;font-weight:700;font-size:54px;letter-spacing:-.025em;text-transform:uppercase;color:#fff;text-shadow:0 0 34px rgba(130,180,255,.15);z-index:300}.sub{left:586px;transform:translateX(-50%);white-space:nowrap;line-height:1;font-size:13.2px;color:#929da9;z-index:300}.sub b{font-weight:500;color:#e2e7ec}.mini-tag{position:absolute;top:435px;left:53px;color:#5d6974;font:7px 'Silkscreen',monospace;letter-spacing:.15em;text-transform:uppercase}.mini-tag.right{left:auto;right:53px;text-align:right}.mini-tag i,.tiny-led{display:inline-block;width:4px;height:4px;background:#69e3ff;vertical-align:middle;margin-right:6px}
.showcase{position:absolute;left:0;top:0;width:1172px;height:0}.ring{position:absolute;left:0;top:0;width:1172px;height:657px;z-index:5;perspective:891px;perspective-origin:586px 918px;transform-style:preserve-3d;pointer-events:none}.card{position:absolute;left:586px;top:616px;width:130px;height:300px;margin:-150px 0 0 -65px;border-radius:12px;overflow:hidden;background:#0d1117;box-shadow:0 24px 46px rgba(0,0,0,.6),0 3px 8px rgba(0,0,0,.5);backface-visibility:hidden;will-change:transform;pointer-events:auto;border:0;color:#fff;text-align:left}.card:focus-visible{outline-offset:-3px}.card .edge{position:absolute;inset:0;border-radius:12px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),inset 0 16px 30px rgba(255,255,255,.05);pointer-events:none}.card-art{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 57%,color-mix(in srgb,var(--accent) 17%,transparent),transparent 66%),linear-gradient(180deg,#14202c,#080f18 70%)}.card-art:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 98%,#ffffff08 98%),linear-gradient(90deg,transparent 98%,#ffffff08 98%);background-size:15px 15px;opacity:.55}.card svg.robot-art{position:absolute;left:0;top:69px;width:130px;height:163px;filter:drop-shadow(0 10px 0 #0003)}.card .card-no{position:absolute;left:12px;top:15px;font:6px 'Silkscreen',monospace;letter-spacing:.13em;color:#a7bac7}.card .card-status{position:absolute;right:11px;top:14px;width:4px;height:4px;background:var(--accent);box-shadow:0 0 7px var(--accent)}.card h2{position:absolute;left:12px;top:31px;font-size:16px;font-weight:600;letter-spacing:-.06em}.card h2 em{font-family:'Pixelify Sans',monospace;font-weight:600;letter-spacing:-.02em}.card .card-role{position:absolute;left:12px;top:56px;font:5.6px 'Silkscreen',monospace;letter-spacing:.11em;color:#9cabb8;text-transform:uppercase}.card .card-floor{position:absolute;left:14px;top:226px;width:102px;height:16px;border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);border-radius:50%;background:radial-gradient(ellipse,var(--accent),transparent 67%);opacity:.4}.card .card-bottom{position:absolute;left:12px;right:12px;bottom:15px;border-top:1px solid #ffffff17;padding-top:9px;font:5px 'Silkscreen',monospace;color:#b0bdc9;line-height:1.8;letter-spacing:.07em}.card .card-bottom strong{color:var(--accent);font-weight:400}.card .card-bottom span{float:right}.bot-body{animation:robot-breathe 3.2s steps(2,end) infinite;transform-origin:center;animation-delay:var(--delay,0s)}.bot-eye{animation:optic 6.6s steps(1,end) infinite;animation-delay:var(--delay,0s)}@keyframes robot-breathe{50%{translate:0 -2px}}@keyframes optic{0%,43%,47%,100%{opacity:1}44%,46%{opacity:.2}}
.browser{position:absolute;left:165px;top:558px;width:842px;height:calc(99px + var(--fill,0px));min-height:99px;border-radius:28px 28px 0 0;overflow:hidden;z-index:100;box-shadow:0 -14px 44px rgba(0,0,0,.55);background:#0a101a;border:1px solid #ffffff15;border-bottom:0}.bar{position:relative;height:42px;background:linear-gradient(180deg,rgba(20,24,48,.48),rgba(15,19,38,.58));backdrop-filter:blur(6px) saturate(112%);border-bottom:1px solid #ffffff0b}.dots{position:absolute;left:27px;top:16px;display:flex;gap:3px}.dots i{width:7px;height:7px;border-radius:50%;background:#ee5c62}.dots i:nth-child(2){background:#f6b719}.dots i:nth-child(3){background:#12c02f}.omni{position:absolute;left:246px;top:7px;width:336px;height:26px;border-radius:5px;background:#090d1a;box-shadow:inset 0 0 0 1px #ffffff0b;display:flex;align-items:center;justify-content:center;gap:6px;font-size:9px;color:#8a9dac}.omni svg{width:10px;height:10px}.browser-open{position:absolute;right:20px;top:5px;padding:7px;background:transparent;border:0;color:#b2c4d3;font-size:10px}.preview-body{padding:19px 24px;background:linear-gradient(110deg,#0c1421,#080d16);height:100%;cursor:pointer}.preview-top{display:flex;align-items:center;justify-content:space-between}.preview-title{font-size:15px;font-weight:500;letter-spacing:-.045em}.preview-live{font:7px 'Silkscreen',monospace;color:#718a99;letter-spacing:.1em}.preview-sub{font-size:8px;color:#5e7282;margin-top:6px}.preview-bottom{margin-top:20px;display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.preview-unit{height:90px;border:1px solid #1b2b3c;border-radius:9px;position:relative;overflow:hidden;background:#0b1420}.preview-unit svg{position:absolute;width:68px;height:85px;left:-6px;top:6px}.preview-unit b{position:absolute;right:8px;top:16px;font-size:8px;font-weight:500}.preview-unit span{position:absolute;right:8px;top:32px;font:5px 'Silkscreen',monospace;color:#728b9a}.preview-unit small{position:absolute;bottom:10px;right:8px;font:5px 'Silkscreen',monospace;color:#69e3ff}.stage-controls{position:absolute;bottom:18px;left:22px;display:flex;gap:10px;z-index:300;align-items:center;color:#637382;font:9px 'Silkscreen',monospace;letter-spacing:.07em}.motion-button{background:#0b111a;border:1px solid #26333f;border-radius:50%;width:30px;height:30px;display:grid;place-items:center}.motion-button svg{width:11px;height:11px}.help-button{position:absolute;right:20px;bottom:20px;width:48px;height:48px;border-radius:50%;background:#0c1520;border:1px solid #436676;display:grid;place-items:center;z-index:300;color:#a5efff;font:18px 'Pixelify Sans',sans-serif;box-shadow:inset 0 -4px 9px #47d4ff13}.help-button:hover{background:#152534}.noise{position:absolute;inset:0;opacity:.018;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h150v150H0z'/%3E%3C/svg%3E")}
/* One console, with the hero retained behind it. */
dialog{position:fixed;inset:0;margin:auto;width:min(1080px,calc(100vw - 56px));max-height:min(780px,calc(100dvh - 64px));border:1px solid #334655;border-radius:22px;background:#080e17;color:#dce7ef;box-shadow:0 30px 130px #000d;overflow:hidden}dialog::backdrop{background:#000a;backdrop-filter:blur(14px)}.desk-head{display:flex;align-items:center;justify-content:space-between;padding:19px 24px;border-bottom:1px solid #20303e}.desk-title{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:500}.desk-title svg{width:23px;height:23px}.desk-title span{font:10px 'Silkscreen',monospace;letter-spacing:.08em;color:#6c879b}.close-desk{border:1px solid #293b4a;width:34px;height:34px;border-radius:10px;background:#101a25;font-size:18px}.desk-tabs{padding:10px 24px;display:flex;gap:5px;border-bottom:1px solid #1a2b38}.desk-tabs button{padding:8px 15px;border:0;border-radius:8px;background:transparent;font-size:12px;color:#7c92a3}.desk-tabs button[aria-selected=true]{background:#192c39;color:#b9f1ff}.desk-content{overflow:auto;max-height:calc(100dvh - 222px);min-height:420px;padding:25px}.desk-view[hidden]{display:none}.crew-layout{display:grid;grid-template-columns:300px 1fr;gap:30px;align-items:center}.crew-stage{position:relative;min-height:320px;border-radius:16px;background:radial-gradient(ellipse at 50% 55%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 70%),linear-gradient(transparent 96%,#ffffff05 96%),linear-gradient(90deg,transparent 96%,#ffffff05 96%);background-size:auto,24px 24px,24px 24px;border:1px solid #223544;display:grid;place-items:center}.crew-stage>svg{width:230px;height:290px}.operator-id{position:absolute;top:17px;left:17px;font:9px 'Silkscreen',monospace;letter-spacing:.12em;color:#708b9b}.crew-stage .operator-state{position:absolute;bottom:17px;left:17px;font:9px 'Silkscreen',monospace;color:var(--accent)}.eyebrow{font:10px 'Silkscreen',monospace;letter-spacing:.16em;text-transform:uppercase;color:#7a9dad}.crew-detail h2{font-size:40px;letter-spacing:-.055em;line-height:1.12;margin:12px 0}.crew-detail .lead{font-size:15px;color:#a3b9c8;line-height:1.8;max-width:490px}.role-pills{display:flex;gap:6px;margin:18px 0 24px;flex-wrap:wrap}.role-pills span{border:1px solid #2a3d4c;color:#9cbbcc;border-radius:6px;padding:5px 9px;font:9px 'Silkscreen',monospace}.small-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 17px;border:1px solid #407082;border-radius:9px;background:#10232e;color:#b9f1ff;font-size:12px;gap:10px}.small-btn:hover{background:#193440}.crew-selector{display:flex;gap:8px;margin-top:22px}.crew-selector button{width:55px;height:58px;border:1px solid #253948;border-radius:9px;background:#0e1924;overflow:hidden}.crew-selector button[aria-pressed=true]{border-color:#70d2ef;background:#17313e}.crew-selector svg{width:43px;height:54px}.scan-grid{display:grid;grid-template-columns:210px 1fr;gap:24px}.scan-operator{border-right:1px solid #20313f;padding-right:24px}.scan-operator .operator-image{height:195px;display:grid;place-items:center;background:radial-gradient(ellipse,color-mix(in srgb,var(--accent) 10%,transparent),transparent 65%)}.operator-image svg{width:140px;height:175px}.scan-operator h3{font-size:18px;letter-spacing:-.03em}.scan-operator p{font-size:11px;line-height:1.7;color:#7894a6;margin-top:5px}.operator-switch{display:flex;flex-wrap:wrap;gap:5px;margin-top:16px}.operator-switch button{width:46px;height:44px;border:1px solid #293c4c;border-radius:7px;background:#101c28;overflow:hidden}.operator-switch button[aria-pressed=true]{border-color:#74d9f4}.operator-switch svg{width:32px;height:40px}.form-label{font:10px 'Silkscreen',monospace;color:#829fb1;letter-spacing:.08em;margin-bottom:10px;display:block}.scan-input{display:flex;gap:8px}.scan-input input{min-width:0;flex:1;background:#050b12;border:1px solid #2c465a;border-radius:9px;color:#e1f5ff;padding:12px;font:11px 'Silkscreen',monospace}.scan-input button{min-width:85px}.seed-row{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:12px}.seed-row>span{font:9px 'Silkscreen',monospace;color:#607d8f;margin-right:3px}.seed-row button{font:10px 'Silkscreen',monospace;border:1px solid #263e50;padding:6px 9px;border-radius:6px;background:#101c28;color:#9bb9c9}.scan-message{min-height:28px;margin-top:15px;color:#7fa4b7;font:10px 'Silkscreen',monospace;line-height:1.6}.scan-message.error{color:#ffac8f}.token-heading{display:flex;align-items:center;gap:10px;margin-top:12px}.token-heading img{width:34px;height:34px;border-radius:8px;object-fit:cover;background:#172937}.token-heading h3{font-size:16px;font-weight:500}.token-heading p{font:9px 'Silkscreen',monospace;color:#708fa2;margin-top:3px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.metric{padding:12px;border:1px solid #213645;background:#0b1620;border-radius:9px;min-width:0}.metric span{display:block;font:8px 'Silkscreen',monospace;color:#6c8a9d;letter-spacing:.06em}.metric b{display:block;font-size:18px;margin-top:6px;letter-spacing:-.04em;font-weight:500;overflow-wrap:anywhere}.observation{padding:17px;border:1px solid #2c586a;border-radius:11px;background:linear-gradient(110deg,#11293466,#0a1520)}.observation-label{font:9px 'Silkscreen',monospace;color:#76d4ed;letter-spacing:.1em;margin-bottom:9px}.observation p{font-size:13px;line-height:1.85;color:#b2ccdb}.scan-meta{margin-top:14px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.scan-meta a,.text-button{color:#89b4c9;font:10px 'Silkscreen',monospace;background:transparent;border:0;padding:6px 0}.text-button:disabled{color:#536d7c}.scan-empty{padding:45px 16px 26px;text-align:center;border:1px dashed #253e50;border-radius:11px;margin-top:17px}.scan-empty svg{width:42px;height:42px;color:#376176}.scan-empty h3{font-size:17px;font-weight:400;letter-spacing:-.03em;margin:14px 0 8px}.scan-empty p{font-size:11px;color:#668698;line-height:1.8}.scope-line{margin-top:20px;font-size:10px;line-height:1.75;color:#5e7c8f}.method-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:40px}.method-grid h2{font-size:31px;line-height:1.25;letter-spacing:-.05em;margin:13px 0}.method-grid p{font-size:13px;line-height:1.95;color:#8faebe}.method-step{padding:17px 0;border-bottom:1px solid #233846}.method-step span{font:9px 'Silkscreen',monospace;color:#64c7e4}.method-step h3{font-size:15px;font-weight:500;letter-spacing:-.025em;margin:7px 0}.method-step p{font-size:11px}.method-note{margin-top:25px;border-left:2px solid #3b9cb8;padding-left:15px}.desk-foot{border-top:1px solid #1c303f;padding:12px 24px;color:#56788d;font:9px 'Silkscreen',monospace;display:flex;justify-content:space-between;gap:12px}.desk-foot span:last-child{color:#80afc2}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
html.intro .nav{opacity:0;translate:0 -9px}html.intro .badge{opacity:0;translate:0 8px}html.intro .h1{opacity:0;clip-path:inset(0 0 100% 0);translate:0 12px}html.intro .sub,html.intro .cta2{opacity:0;translate:0 10px}html.intro .showcase{opacity:0;translate:0 90px}html.intro .browser{opacity:0;translate:0 55px}html.intro .help-button,html.intro .stage-controls{opacity:0}
@media(max-width:1080px){.burger{display:grid;place-content:center;gap:4px;position:absolute;right:12px;top:11px;width:42px;height:42px;padding:0;border:0;border-radius:14px;background:transparent}.burger span{display:block;width:19px;height:1.6px;border-radius:2px;background:#ffffffeb;transition:transform .25s,opacity .2s}.nav.open .burger span:nth-child(1){transform:translateY(5.6px) rotate(45deg)}.nav.open .burger span:nth-child(2){opacity:0}.nav.open .burger span:nth-child(3){transform:translateY(-5.6px) rotate(-45deg)}.navmenu{display:block;position:absolute;left:0;right:0;top:74px;padding:12px;border-radius:22px;border:1px solid #ffffff1a;background:linear-gradient(#0b0f16fc,#070a10fc);backdrop-filter:blur(18px);box-shadow:0 26px 60px #0009;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .24s,transform .28s,visibility .28s}.nav.open .navmenu{opacity:1;visibility:visible;transform:none}.links{position:static;display:flex;flex-direction:column;align-items:stretch;height:auto;gap:2px;transform:none!important}.links a{font-size:15px;padding:11px 14px;border-radius:12px}.nav .btn{position:static;width:100%;height:46px;margin-top:10px;font-size:15px}.nav{left:286px;width:620px}.badge{left:448px;width:277px}.stack{transform:translateY(var(--stshift,0px))}.showcase{transform:translateY(var(--sshift,0px))}.ring{transform:scale(var(--rs,1));transform-origin:586px 595px}.mini-tag{display:none}}
@media(max-width:700px){.canvas{position:relative;left:auto;top:auto;width:100%;height:100%;transform:none;display:flex;flex-direction:column;align-items:center;padding:0 20px}.canvas>*{position:static}.stack{display:contents}.nav{position:relative;left:auto;top:auto;width:100%;max-width:500px;height:58px;margin-top:clamp(10px,1.5vh,15px);flex:0 0 auto}.mark{left:16px;top:calc(50% - 13px);width:26px;height:26px}.wm{left:49px;top:0;height:100%}.wm .kick{top:calc(50% - 15px);font-size:5px;letter-spacing:.2em}.wm .name{top:calc(50% - 9px);font-size:18px;transform:scaleX(.88)}.burger{right:8px;top:7px;width:44px;height:44px}.navmenu{top:68px;padding:12px}.links a{font-size:16px;padding:12px 15px}.nav .btn{height:48px;margin-top:10px;font-size:16px}.badge{position:relative;left:auto;top:auto;margin-top:clamp(16px,2.6vh,26px);width:auto;max-width:100%;height:36px;flex:0 0 auto;border-radius:18px}.badge b{position:relative;left:auto;top:auto;height:36px;padding:0 15px 0 42px;font-size:11px}.badge i{top:3px;left:4px;width:28px;height:28px}.h1{position:relative;left:auto;top:auto;transform:none;white-space:normal;text-align:center;font-size:clamp(29px,8.4vw,36px);line-height:1.08;letter-spacing:-.035em;max-width:10em}.h1.l1{margin-top:clamp(16px,2.5vh,23px)}.sub{position:relative;left:auto;top:auto;transform:none;white-space:normal;text-align:center;font-size:clamp(12px,3.5vw,14px);line-height:1.65;max-width:340px}.sub.s1{margin-top:clamp(12px,1.8vh,16px)}.cta2{position:relative;left:auto;top:auto;margin-top:clamp(16px,2.6vh,26px);flex:0 0 auto;width:auto;min-width:158px;height:52px;padding:0 26px;font-size:15px}.showcase{position:relative;left:auto;top:auto;flex:1 1 auto;width:100%;height:auto;min-height:224px}.ring{position:absolute;left:50%;margin-left:-586px;top:-446px;width:1172px;height:657px;transform-origin:586px 466px;transform:scale(1.02)}.browser{position:absolute;left:50%;transform:translateX(-50%);top:212px;bottom:0;width:calc(100% + 40px);height:auto;min-height:100px;border-radius:22px 22px 0 0}.bar{height:36px}.omni{left:50%;transform:translateX(-50%);width:58%;height:24px;top:6px;font-size:8px}.dots{top:14px;left:16px}.dots i{width:5px;height:5px}.browser-open{right:10px;font-size:10px;padding:6px;top:4px}.preview-body{padding:16px 18px}.preview-title{font-size:13px}.preview-live{font-size:6px}.preview-bottom{grid-template-columns:repeat(3,1fr)}.preview-unit{height:95px}.stage-controls{left:14px;bottom:15px;font-size:7px}.help-button{width:44px;height:44px;right:14px;bottom:15px}.mini-tag{display:none}dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 24px);border-radius:15px}.desk-head{padding:14px 16px}.desk-title{font-size:13px;gap:9px}.desk-title span{display:none}.desk-tabs{padding:8px 12px}.desk-tabs button{padding:9px 13px;font-size:11px}.desk-content{padding:18px;max-height:calc(100dvh - 185px);min-height:350px}.crew-layout{grid-template-columns:1fr;gap:22px}.crew-stage{min-height:230px}.crew-stage>svg{height:220px;width:176px}.crew-detail h2{font-size:31px}.crew-detail .lead{font-size:13px}.crew-selector{gap:5px}.crew-selector button{flex:1;min-width:0}.scan-grid{grid-template-columns:1fr;gap:20px}.scan-operator{border-right:0;border-bottom:1px solid #20313f;padding:0 0 16px;display:grid;grid-template-columns:70px 1fr}.scan-operator .operator-image{height:90px;grid-row:span 3}.operator-image svg{width:64px;height:80px}.scan-operator h3{font-size:16px}.operator-switch{margin-top:8px;gap:4px}.operator-switch button{width:34px;height:34px}.operator-switch svg{width:25px;height:31px}.scan-input{flex-wrap:wrap}.scan-input input{width:100%;flex-basis:100%}.scan-input button{width:100%}.metrics{gap:6px}.metric{padding:10px 8px}.metric span{font-size:7px}.metric b{font-size:15px}.method-grid{grid-template-columns:1fr;gap:20px}.method-grid h2{font-size:28px}.desk-foot{padding:12px 16px;font-size:8px}.desk-foot span:last-child{display:none}}
@media(max-height:680px) and (max-width:700px){.badge{margin-top:13px}.h1{font-size:28px}.h1.l1{margin-top:13px}.sub{font-size:11px}.sub.s1{margin-top:10px}.cta2{margin-top:13px;height:46px}.showcase{min-height:200px}.browser{top:195px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html.intro .nav,html.intro .badge,html.intro .h1,html.intro .sub,html.intro .cta2,html.intro .showcase,html.intro .browser,html.intro .help-button,html.intro .stage-controls{opacity:1;translate:none;clip-path:none}}
.paused .bot-body,.paused .bot-eye{animation-play-state:paused}dialog[open]{display:flex;flex-direction:column;height:min(680px,calc(100dvh - 64px))}.desk-head,.desk-tabs,.desk-foot{flex-shrink:0}.desk-content{min-height:0;max-height:none;flex:1}.card svg.robot-art{top:35px}.card .card-role{top:51px}@media(max-width:700px){dialog[open]{height:min(680px,calc(100dvh - 24px))}}
body{font-family:'Pixelify Sans',monospace}.h1{letter-spacing:-.035em}.card h2{font-size:19px;font-weight:600;letter-spacing:-.04em}.card h2 em{font-style:normal}.lead,.observation p{font-size:15px}.desk-tabs button,.small-btn{font-size:14px}.scope-line{font-size:12px}.scan-operator p{font-size:13px}.metric b{font-size:22px}.scan-input input{font-size:11px}.preview-title{font-size:18px}.preview-sub{font-size:11px}.preview-unit b{font-size:10px}@media(max-width:700px){.sub{font-size:15px}.badge b{font-size:13px}.h1{font-size:clamp(33px,8.7vw,42px)}.preview-title{font-size:16px}.preview-sub{font-size:10px}.preview-unit b{font-size:10px}.metric b{font-size:18px}.desk-tabs button{font-size:13px}}@media(max-width:700px) and (max-height:680px){.h1{font-size:30px}.sub{font-size:12px}}
@media(min-width:701px){.badge{top:80px}.cta2{top:288px;height:44px}.ring{top:calc(0px - var(--orbitlift,155px))}.card{height:245px}.card-floor{top:184px!important}.card svg.robot-art{left:5px;width:120px;height:150px}.mini-tag{display:none}}

/* A frame has to reserve its own toolbar and content height. */
.preview-body{height:calc(100% - 42px)}
.motion-button{width:44px;height:44px}
@media(min-width:701px){
 .stage{overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#355363 #080d16}
 .stage::after{content:"";display:block;width:1px;height:var(--page-height,calc(100dvh + 96px));pointer-events:none}
 .stage::-webkit-scrollbar{width:6px}
 .stage::-webkit-scrollbar-track{background:#080d16}
 .stage::-webkit-scrollbar-thumb{background:#355363;border-radius:6px}
 .bg,.stars,.noise{position:fixed}
 .stage-controls,.help-button{position:fixed}
 .canvas{height:800px;top:var(--canvas-top,12px)}
 .nav{top:calc(3px - var(--nav-offset,0px))}
 .stack,.showcase{transform:none}
 .ring{top:-155px;transform:none}
 .browser{top:var(--browser-top,610px);height:232px;min-height:232px;border-bottom:1px solid #ffffff15;border-radius:24px}
 .preview-sub{font-size:12px}
 .preview-unit{height:84px}
 .preview-unit svg{left:2px;top:3px;width:62px;height:78px}
 .preview-unit b{font-size:12px}
 .preview-unit span,.preview-unit small{font-size:5px}
}
@media(min-width:701px) and (max-width:1080px){
 .preview-unit span,.preview-unit small{display:none}
 .navmenu .links a{font-size:19px!important}
 .navmenu .btn span{font-size:18px!important}
}
@media(max-width:700px){
 .stage{overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#355363 #080d16}
 .stage::-webkit-scrollbar{width:6px}
 .stage::-webkit-scrollbar-track{background:#080d16}
 .stage::-webkit-scrollbar-thumb{background:#355363;border-radius:6px}
 .canvas{height:auto;min-height:100dvh;padding-bottom:72px}
 .showcase{flex:0 0 616px;height:616px;min-height:616px}
 .card{height:245px}
 .card-floor{top:184px!important}
 .card svg.robot-art{left:5px;width:120px;height:150px}
 .browser{top:276px;bottom:auto;height:328px;min-height:328px;border-radius:22px;border-bottom:1px solid #ffffff15}
 .preview-body{height:calc(100% - 36px)}
 .sub{font-size:clamp(12px,3.65vw,14px);line-height:1.6}
 .preview-top{gap:8px}
 .preview-live{font-size:5px;white-space:nowrap}
 .preview-sub{font-size:10px}
 .preview-bottom{margin-top:12px;gap:8px}
 .preview-unit{height:96px}
 .preview-unit svg{left:calc(50% - 26px);top:3px;width:52px;height:65px}
 .preview-unit b{left:0;right:0;top:73px;text-align:center;font-size:12px}
 .preview-unit span,.preview-unit small{display:none}
 .stage-controls,.help-button{position:fixed}
}
.ring.motion-paused .bot-body,.ring.motion-paused .bot-eye{animation-play-state:paused}
.motion-button svg{pointer-events:none}
@font-face{font-family:'Pixelify Sans';src:url('/assets/fonts/pixel-display.ttf') format('truetype');font-weight:400 700;font-display:swap}@font-face{font-family:'Silkscreen';src:url('/assets/fonts/pixel-ui.ttf') format('truetype');font-weight:400;font-display:swap}/* The original hero and mechanical card orbit stay intact; the desk adds genuine readings. */
.mark img{display:block;width:32px;height:32px;object-fit:contain;position:absolute;left:-4px;top:-4px;border-radius:5px}.desk-title>img{border-radius:5px}.wm .kick{letter-spacing:.13em;font-size:3.8px}.stage::after{display:none!important}.market-deck{position:relative;z-index:150;max-width:1160px;width:calc(100% - 80px);margin:var(--deck-top,980px) auto 110px;color:#e8f1f8}.market-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;border-top:1px solid #233441;padding-top:40px;margin-bottom:32px}.market-head h2{font-size:clamp(36px,4vw,54px);line-height:1.02;letter-spacing:-.035em;margin-top:16px;font-weight:600}.market-head h2 span{color:#6bdcf4}.market-refresh{text-align:right}.market-refresh p{color:#82a2b6;font:9px 'Silkscreen',monospace;max-width:300px;line-height:1.8;margin-bottom:12px}.market-section-label{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:24px 0 14px}.market-section-label h3{font:10px 'Silkscreen',monospace;letter-spacing:.04em;color:#b9d1df}.market-section-label>span{font:8px 'Silkscreen',monospace;color:#668191}.major-grid,.token-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.asset-card{position:relative;border:1px solid #243847;border-radius:16px;padding:20px;background:linear-gradient(135deg,#101c29eb,#080f18ef);min-width:0;overflow:hidden}.asset-card::before{content:'';position:absolute;left:20px;right:20px;top:0;height:1px;background:linear-gradient(90deg,transparent,#5dd7f248,transparent)}.asset-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.asset-ident{display:flex;align-items:center;gap:9px}.asset-ident strong{font-size:19px;font-weight:600}.asset-ident small{font:8px 'Silkscreen',monospace;color:#8ea6b6;display:block;margin-top:2px}.coin-symbol{display:grid;place-items:center;width:35px;height:35px;border:1px solid #345362;background:#102330;border-radius:9px;font-size:17px;color:#8ee5fa;flex-shrink:0}.coin-symbol img{width:100%;height:100%;border-radius:8px;object-fit:cover}.change{font:10px 'Silkscreen',monospace;color:#97b0bf}.positive{color:#85edbf!important}.negative{color:#ffad9a!important}.asset-price{font-size:34px;letter-spacing:-.04em;margin:16px 0 1px;line-height:1.2}.asset-source{font:8px 'Silkscreen',monospace;color:#617f91;line-height:1.8}.sparkline{width:100%;height:64px;display:block;margin:10px 0;color:#6bdbf2}.sparkline polyline{fill:none;stroke:currentColor;stroke-width:1.7;vector-effect:non-scaling-stroke}.sparkline .chart-baseline{stroke:#2a4354;stroke-width:1;stroke-dasharray:3 4}.sparkline-empty{display:flex;align-items:center;justify-content:center;height:64px;font:9px 'Silkscreen',monospace;color:#6e8998;margin:10px 0;border-bottom:1px solid #1b3040}.mini-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:12px;border-top:1px solid #243746;margin-top:12px}.mini-metrics span{display:block;font:7px 'Silkscreen',monospace;color:#6c899e;line-height:1.5}.mini-metrics b{display:block;font-size:15px;font-weight:500;margin-top:4px;overflow-wrap:anywhere}.asset-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px}.asset-actions button{background:#132c38;color:#b0edfa;border:1px solid #32586b;border-radius:7px;padding:8px 13px;font-size:13px}.asset-actions a{font-size:12px;color:#82a6bc}.asset-fault{margin:14px 0;color:#f2bb91;font-size:13px;line-height:1.6;min-height:40px}.asset-stamp{font:7px 'Silkscreen',monospace;color:#6a8798;margin-top:12px;line-height:1.7}.asset-stamp.stale{color:#ffc98b}.token-label{margin-top:36px}.token-card .asset-price{font-size:28px}.crew-notebook{margin-top:40px;padding:25px;border:1px solid #2a4050;border-radius:18px;background:#0b1420e6}.crew-notebook>header{display:flex;align-items:center;justify-content:space-between;gap:20px}.crew-notebook h3{font-size:27px;font-weight:500;letter-spacing:-.03em;margin-top:10px}.notebook-label{font:8px 'Silkscreen',monospace;color:#8ba6b9}.notebook-label select{display:block;margin-top:8px;color:#c3edfa;background:#08121c;border:1px solid #345368;border-radius:7px;padding:10px 30px 10px 12px;font:14px 'Pixelify Sans',monospace;min-height:42px}.notebook-caption{font-size:13px;color:#7996a9;margin:12px 0 20px;line-height:1.6}.brief-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.brief-card{padding:17px;border:1px solid #25394a;border-radius:11px;background:#09121d;min-width:0}.brief-card header{display:flex;align-items:center;gap:9px;margin-bottom:12px}.brief-card header svg{width:42px;height:53px;flex-shrink:0}.brief-card header b{font-size:16px;color:var(--accent,#8fe7ff)}.brief-card header span{display:block;font:7px 'Silkscreen',monospace;color:#7591a4;line-height:1.5;margin-top:4px}.brief-card h4{font-size:17px;font-weight:500;line-height:1.3;margin-bottom:8px;color:#d8eaf4}.brief-card p{font-size:13px;line-height:1.65;color:#9cb3c3;overflow-wrap:anywhere}.brief-card .trade-note{border-top:1px solid #223342;margin-top:12px;padding-top:11px;color:#b4d9e6}.brief-card .trade-note b{display:block;font:7px 'Silkscreen',monospace;color:#72c9df;margin-bottom:7px}.market-footer{padding:28px 0 0;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #263846;margin-top:40px}.market-footer>div{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.market-footer b{font-size:20px}.market-footer span{font-size:12px;color:#7294a7;width:100%;padding-left:45px;margin-top:-8px}.market-footer p{color:#67899d;font-size:11px;line-height:1.7}.market-footer a{font-size:14px;white-space:nowrap;color:#96deef}.preview-sub{max-height:34px;overflow:hidden;line-height:1.4;color:#87a8bd}.preview-unit small{color:#70dbc4}.preview-live{font-size:6px}.preview-unit{border-color:#294151}.refresh-indicator{display:inline-block;width:5px;height:5px;background:#69e3ff;margin-right:6px;animation:source-pulse 2s steps(2) infinite}@keyframes source-pulse{50%{opacity:.4}}.source-link{color:#8adff2}.signal-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}.signal-tabs button{background:#10212f;border:1px solid #315366;border-radius:7px;padding:9px 13px;font-size:14px;min-height:39px;color:#b1daea}.signal-tabs button[aria-pressed=true]{background:#1d4451;border-color:#70d0e9}.signal-quote{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.signal-quote h3{font-size:25px;font-weight:500}.signal-quote b{font-size:29px;font-weight:500}.signal-scope{font:8px 'Silkscreen',monospace;color:#7391a5;line-height:1.8;margin:5px 0 9px}.signal-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.signal-chart{padding:9px 14px;border:1px solid #233b4b;border-radius:9px;margin-top:15px}.signal-chart .sparkline{height:80px}.signal-chart p{font:8px 'Silkscreen',monospace;color:#728ea0;line-height:1.7}.technical-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.technical-grid div{padding:10px;border:1px solid #233746;border-radius:7px;background:#0a1420}.technical-grid span{display:block;font:7px 'Silkscreen',monospace;color:#7395a9;line-height:1.5}.technical-grid b{display:block;margin-top:5px;font-size:16px;font-weight:500}.observation .trade-note{border-top:1px solid #2a4555;margin-top:14px;padding-top:13px;color:#a9d8e9}.observation .trade-note b{display:block;font:8px 'Silkscreen',monospace;color:#79c9df;margin-bottom:7px}.scan-meta{flex-wrap:wrap;gap:12px}.method-grid a{color:#8bd7e9}.scan-input input{font-family:'Pixelify Sans',monospace;font-size:14px}.scan-message{font-family:'Pixelify Sans',monospace;font-size:13px}.metric span{line-height:1.5}.desk-content{scrollbar-width:thin;scrollbar-color:#2c4c60 #080e17}.scope-line{line-height:1.8}.market-deck button:disabled{cursor:wait}.asset-card:focus-within{border-color:#5fbed8}.brief-placeholder{color:#628196!important}.mini-tag{display:none}
@media(min-width:701px) and (max-width:1080px){.market-deck{width:calc(100% - 44px)}.major-grid,.token-grid{gap:10px}.asset-card{padding:15px}.asset-price{font-size:29px}.mini-metrics{gap:5px}.mini-metrics span{font-size:6px}.brief-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.market-footer{flex-wrap:wrap}}
@media(max-width:700px){.market-deck{margin:34px 18px 110px;width:calc(100% - 36px)}.canvas{padding-bottom:0}.market-head{padding-top:28px;gap:20px;align-items:flex-start}.market-head h2{font-size:36px}.market-refresh p{max-width:135px;font-size:7px}.market-refresh .small-btn{padding:9px;font-size:12px;min-height:40px}.market-head .eyebrow{font-size:7px;line-height:1.7}.market-section-label{align-items:flex-start}.market-section-label h3{font-size:8px;max-width:53%;line-height:1.7}.market-section-label>span{font-size:6px;max-width:45%;text-align:right;line-height:1.8}.major-grid,.token-grid{grid-template-columns:1fr;gap:12px}.asset-card{padding:19px}.asset-price{font-size:35px}.major-card .sparkline{height:55px}.mini-metrics span{font-size:8px}.mini-metrics b{font-size:17px}.asset-top strong{font-size:20px}.asset-source{font-size:8px}.asset-stamp{font-size:8px}.crew-notebook{padding:17px;margin-top:30px}.crew-notebook>header{align-items:flex-start;flex-wrap:wrap;gap:12px}.crew-notebook h3{font-size:24px}.notebook-label{width:100%}.notebook-label select{width:100%}.brief-grid{grid-template-columns:1fr}.brief-card header svg{width:44px;height:55px}.brief-card p{font-size:14px}.brief-card h4{font-size:19px}.market-footer{flex-direction:column;align-items:flex-start;gap:20px}.market-footer p{font-size:12px}.signal-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.technical-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.signal-quote{align-items:flex-start;flex-wrap:wrap}.signal-quote h3{font-size:22px}.signal-quote b{font-size:25px}.scan-meta{align-items:flex-start;flex-direction:column}.preview-live{font-size:5px}.preview-sub{font-size:10px;min-height:28px}.preview-bottom{margin-top:5px}.preview-unit{height:88px}.preview-unit b{top:68px}.preview-unit svg{top:0}.preview-title{font-size:15px}.asset-actions button{min-height:40px}.desk-tabs button{padding:9px 11px}.wm .kick{font-size:4.5px}.stage-controls{padding:5px;border-radius:30px;background:#050b13db;backdrop-filter:blur(8px)}}
.signal-quote h3{min-width:0;overflow-wrap:anywhere}.signal-chart .data-warning{color:#edbb95;margin-top:7px}.asset-source,.asset-ident strong{overflow-wrap:anywhere}.asset-ident{min-width:0}
.coin-symbol .official-market-logo{width:26px;height:26px;object-fit:contain;border-radius:0}.quote-state{font:7px 'Silkscreen',monospace;color:#d6b591;line-height:1.8;margin:5px 0}.quote-state:before{content:'';display:inline-block;width:5px;height:5px;background:currentColor;margin-right:6px}.quote-state.connected{color:#7ae9ba}.change>b{font-weight:400}.mini-metrics b{white-space:nowrap}.quote-up{animation:quote-green .5s ease-out}.quote-down{animation:quote-coral .5s ease-out}@keyframes quote-green{0%{color:#7ef0ba}100%{color:inherit}}@keyframes quote-coral{0%{color:#ffb59e}100%{color:inherit}}
@media(prefers-reduced-motion:reduce){.refresh-indicator{animation:none}}

.links a.sprok-x-nav{display:flex;align-items:center;justify-content:center;gap:6px;min-width:40px;min-height:32px;padding:5px 9px;border:1px solid #365462;border-radius:8px;background:#10232c;color:#d8f7ff}.sprok-x-nav svg{width:11px;height:11px;flex-shrink:0}.sprok-x-compact{display:none}.sprok-x-compact svg{width:17px;height:17px}.sprok-x-nav:hover,.sprok-x-footer:hover,.sprok-x-compact:hover{color:#69e3ff;border-color:#69e3ff}.market-social{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.market-social .sprok-x-footer{display:flex;gap:8px;align-items:center;min-height:44px}.market-social .sprok-x-footer svg{width:16px;height:16px}.market-social .sprok-x-footer span{font:inherit;color:inherit;width:auto;margin:0;padding:0}@media(max-width:1080px){.nav>.sprok-x-compact{display:grid;place-items:center;position:absolute;right:64px;top:10px;width:44px;height:44px;border:1px solid #365462;border-radius:12px;background:#10232c;color:#d8f7ff}.links a.sprok-x-nav{display:none}}@media(max-width:700px){.nav>.sprok-x-compact{right:60px;top:6px}}



#sprok-entry{display:none;position:fixed;inset:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:22px;border:0;border-radius:0;overflow:hidden;background:#020609;color:#e8faff;z-index:2147483647;box-shadow:none;opacity:1;transition:opacity .22s ease;isolation:isolate;font-family:'Pixelify Sans',monospace}
html.sp-entry-active #sprok-entry:not([open]),#sprok-entry[open]{display:grid;place-items:center}
#sprok-entry::backdrop{background:#020609;backdrop-filter:none}
#sprok-entry.sp-entry-leaving{opacity:0;pointer-events:none}
#sprok-entry:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 83%,#0b3c532e,transparent 60%),radial-gradient(circle at 18% 19%,#9cdfee8c 0 1px,transparent 1.6px),radial-gradient(circle at 83% 29%,#9cdfee4d 0 1px,transparent 1.5px),radial-gradient(circle at 76% 74%,#9cdfee5c 0 1px,transparent 1.5px),radial-gradient(circle at 31% 64%,#9cdfee3d 0 1px,transparent 1.5px)}
.sp-entry-content{position:relative;width:min(600px,100%);text-align:center;padding:12px 0 26px}
.sp-entry-kicker{font:9px 'Silkscreen',monospace;letter-spacing:.15em;color:#6c8f9d;margin-bottom:14px}
.sp-entry-name{font-size:clamp(44px,7vw,66px);font-weight:700;line-height:1;letter-spacing:.05em;color:#e8faff;margin:0}
.sp-entry-field{position:relative;width:100%;height:245px;margin:18px 0 15px;contain:layout}
.sp-entry-field:before{content:"";position:absolute;left:23%;right:23%;top:47%;height:1px;background:linear-gradient(90deg,transparent,#36758a,transparent)}
.sp-entry-orbit{position:absolute;left:50%;top:49%;width:310px;height:159px;translate:-50% -50%;border:1px solid #17343f;border-radius:50%;transform:rotate(-12deg)}
.sp-entry-orbit:after{content:"";position:absolute;inset:22px -39px;border:1px solid #102a35;border-radius:50%;transform:rotate(25deg)}
.sp-entry-primary{position:absolute;left:50%;top:50%;width:202px;height:141px;translate:-50% -50%;background:#06121b;border:1px solid #285669;clip-path:polygon(12px 0,calc(100% - 12px) 0,calc(100% - 12px) 5px,100% 5px,100% calc(100% - 9px),calc(100% - 8px) calc(100% - 9px),calc(100% - 8px) 100%,8px 100%,8px calc(100% - 7px),0 calc(100% - 7px),0 7px,12px 7px);padding:16px 9px 15px;box-shadow:inset 0 -2px #69e3ff}
.sp-entry-primary:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:#69e3ff}
.sp-entry-primary:after{content:"";position:absolute;left:9px;right:9px;top:-5px;height:2px;background:#8ef2ff;box-shadow:0 0 12px #69e3ff55;animation:sp-entry-scan 1.85s linear .22s both}
.sp-entry-primary svg{width:100%;height:100%;display:block}
.sp-entry-primary small{position:absolute;bottom:5px;left:0;right:0;color:#6eb6c8;font:6px 'Silkscreen',monospace;letter-spacing:.12em}
.sp-entry-op{position:absolute;width:72px;height:62px;left:var(--x);top:var(--y);translate:-50% -50%;border:1px solid color-mix(in srgb,var(--accent) 28%,#10232f);background:#050d14;opacity:.09;animation:sp-entry-wake .55s steps(4,end) var(--wake) forwards;padding:3px}
.sp-entry-op:before{content:"";position:absolute;left:4px;top:4px;width:2px;height:2px;background:var(--accent)}
.sp-entry-op:after{content:"";position:absolute;left:4px;right:4px;bottom:3px;height:1px;background:var(--accent);opacity:.7}
.sp-entry-op svg{width:100%;height:45px;display:block}
.sp-entry-op span{font:5px 'Silkscreen',monospace;color:var(--accent);display:block;line-height:1;letter-spacing:.05em}
#sprok-entry .bot-body{animation:none!important;transform:none!important;translate:none!important}
#sprok-entry .bot-eye{animation:sp-entry-eye .42s steps(2,end) var(--wake,.1s) both!important}
.sp-entry-terminal{position:relative;max-width:430px;width:100%;margin:0 auto;text-align:left;min-height:60px;padding:5px 12px 0;border-left:1px solid #245065}
.sp-entry-terminal p{min-height:21px;font:9px/1.8 'Silkscreen',monospace;letter-spacing:.035em;color:#bce6ee;margin:0;white-space:nowrap}
.sp-entry-terminal p:last-child{color:#6496a7}
.sp-entry-terminal p:before{content:"> ";color:#69e3ff}
.sp-entry-terminal i{display:inline-block;width:5px;height:10px;margin-left:3px;background:#69e3ff;vertical-align:-1px;animation:sp-entry-cursor .55s steps(1,end) infinite}
.sp-entry-progress{height:2px;width:min(430px,100%);margin:17px auto 0;background:#102a36;overflow:hidden}
.sp-entry-progress:after{content:"";display:block;width:100%;height:100%;background:#69e3ff;transform-origin:0;animation:sp-entry-progress 2.85s linear both}
.sp-entry-bottom{display:flex;width:min(430px,100%);margin:10px auto 0;justify-content:space-between;align-items:center;gap:8px;color:#466c7e;font:7px 'Silkscreen',monospace;letter-spacing:.07em}
#sp-entry-skip{position:absolute;right:max(18px,env(safe-area-inset-right));top:max(15px,env(safe-area-inset-top));min-height:44px;min-width:72px;padding:10px 13px;border:1px solid #1d414f;background:#06111a;color:#8db8c6;border-radius:2px;font:9px 'Silkscreen',monospace;letter-spacing:.08em}
#sp-entry-skip:hover{color:#dffaff;border-color:#69e3ff}
@keyframes sp-entry-wake{0%{opacity:.09;filter:brightness(.55)}55%{opacity:.7;filter:brightness(1.35)}100%{opacity:1;filter:none}}
@keyframes sp-entry-eye{0%{opacity:.06}55%{opacity:1}70%{opacity:.14}100%{opacity:1}}
@keyframes sp-entry-scan{0%{top:4px;opacity:0}10%{opacity:.8}85%{opacity:.8}100%{top:calc(100% - 5px);opacity:0}}
@keyframes sp-entry-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes sp-entry-cursor{50%{opacity:0}}
@media(max-width:520px){#sprok-entry{padding:16px}.sp-entry-content{max-width:380px}.sp-entry-kicker{font-size:7px;margin-bottom:12px}.sp-entry-name{font-size:50px}.sp-entry-field{height:206px;margin:19px 0 17px}.sp-entry-primary{width:154px;height:113px;padding:12px 6px}.sp-entry-orbit{width:205px;height:133px}.sp-entry-orbit:after{inset:21px -29px}.sp-entry-op{width:54px;height:48px}.sp-entry-op svg{height:33px}.sp-entry-op span{font-size:4px}.sp-entry-terminal{padding-left:9px;min-height:50px}.sp-entry-terminal p{font-size:7px;min-height:20px;letter-spacing:0}.sp-entry-bottom{font-size:6px}.sp-entry-primary small{font-size:5px}}
@media(max-height:590px){.sp-entry-content{padding:0}.sp-entry-kicker{margin-bottom:7px}.sp-entry-name{font-size:42px}.sp-entry-field{height:165px;margin:8px 0}.sp-entry-primary{width:140px;height:102px}.sp-entry-orbit{height:112px;width:226px}.sp-entry-progress{margin-top:9px}.sp-entry-terminal{min-height:45px}}
@media(prefers-reduced-motion:reduce){html.sp-entry-active #sprok-entry,#sprok-entry[open]{display:none!important}#sprok-entry *{animation:none!important;transition:none!important}}



/* The original one-screen shell locked the document and scrolled a fixed stage.
   Its viewport-fixed background intercepted the empty corners. Use one native
   document scroller instead; decorations never become pointer/touch targets. */
html{height:auto;min-height:100%;overflow-x:clip;overflow-y:auto;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#355363 #080d16}
body{height:auto;min-height:100dvh;overflow:visible}
.stage{position:relative;inset:auto;display:flow-root;width:100%;max-width:none;height:auto;min-height:var(--page-height,100dvh);overflow:visible;touch-action:pan-y pinch-zoom}
/* flow-root keeps the market deck's top margin inside the hero's containing block. */
.stage::after{display:none}
.stage>.bg,.stage>.stars,.stage>.noise{position:fixed;pointer-events:none;touch-action:auto}
.stage>.bg,.stage>.noise{inset:0}
.stage-controls,.help-button{position:fixed}
.stage-controls{pointer-events:none}
.stage-controls button,.help-button{pointer-events:auto;touch-action:pan-y pinch-zoom}
/* A modal retains its own scroll area without moving the page behind it. */
html:has(dialog[open]){overflow-y:hidden}
dialog .desk-content{overscroll-behavior-y:contain;touch-action:pan-y pinch-zoom;-webkit-overflow-scrolling:touch}
html::-webkit-scrollbar{width:6px}
html::-webkit-scrollbar-track{background:#080d16}
html::-webkit-scrollbar-thumb{background:#355363;border-radius:6px}