.sj-page{--sj-mu:color-mix(in srgb, var(--color-text) 72%, var(--color-text-muted));flex-direction:column;gap:clamp(4rem,7vw,6.5rem);width:min(100% - 3rem,1220px);margin:0 auto;padding:1.2rem 0 5rem;display:flex}#sj-process{scroll-margin-top:5.5rem}#sj-process .sj-head{max-width:100%}.sj-eye{letter-spacing:.08em;color:var(--color-brand-soft);margin-bottom:.8rem;font:600 1.05rem Rajdhani}.sj-hero{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;padding-top:2.2rem;display:grid;position:relative}.sj-hero h1{text-wrap:balance;text-shadow:0 0 32px color-mix(in srgb, var(--color-brand) 45%, transparent);margin-bottom:1rem;font:700 clamp(2rem,4vw,3.3rem)/1.1 Rajdhani,Noto Sans SC}.sj-sub{color:var(--sj-mu);max-width:46ch;margin-bottom:1.7rem;font-size:1.12rem;line-height:1.7}.sj-btn{--ch:12px;--c:var(--color-brand);color:var(--color-canvas);background:var(--c);clip-path:polygon(var(--ch) 0, 100% 0, 100% calc(100% - var(--ch)), calc(100% - var(--ch)) 100%, 0 100%, 0 var(--ch));transition:filter .2s var(--ease-out), transform .2s var(--ease-out);align-items:center;gap:.5rem;padding:.8rem 1.7rem;font:700 1rem Rajdhani,Noto Sans SC;display:inline-flex}.sj-btn:hover{filter:brightness(1.15);transform:translateY(-2px)}.sj-plate{--ch:26px;--ci:calc(var(--ch) - 1.2px);clip-path:polygon(var(--ch) 0, 100% 0, 100% calc(100% - var(--ch)), calc(100% - var(--ch)) 100%, 0 100%, 0 var(--ch));background:linear-gradient(135deg, color-mix(in srgb, var(--c) 40%, var(--color-text)) 0, var(--c) 22%, color-mix(in srgb, var(--c) 20%, transparent) 56%, color-mix(in srgb, var(--c) 85%, transparent) 100%);height:100%;padding:2px}.sj-in{background:linear-gradient(170deg, color-mix(in srgb, var(--c) 15%, var(--color-surface)), color-mix(in srgb, var(--color-canvas) 70%, var(--color-surface)) 72%);height:100%;clip-path:polygon(var(--ci) 0, 100% 0, 100% calc(100% - var(--ci)), calc(100% - var(--ci)) 100%, 0 100%, 0 var(--ci));position:relative}.sj-pw{filter:drop-shadow(0 0 16px color-mix(in srgb, var(--c) 38%, transparent));position:relative}.sj-pw:before,.sj-pw:after{content:"";border:0 solid var(--c);pointer-events:none;z-index:4;width:20px;height:20px;position:absolute}.sj-pw:before{border-width:2px 2px 0 0;top:-7px;right:-7px}.sj-pw:after{border-width:0 0 2px 2px;bottom:-7px;left:-7px}.sj-stats{flex-direction:column;gap:1rem;padding:1.5rem 1.6rem;display:flex}.sj-stat{border-bottom:1px solid color-mix(in srgb, var(--color-text) 10%, transparent);justify-content:space-between;align-items:baseline;gap:.9rem;padding-bottom:1rem;display:flex}.sj-stat:last-child{border:0;padding:0}.sj-stat b{color:var(--color-brand-soft);flex-shrink:0;font:700 2rem Rajdhani}.sj-stat span{color:var(--sj-mu);text-align:right;font-size:.9rem;line-height:1.25}.sj-hl{z-index:2;position:relative}.sj-hp{aspect-ratio:1;justify-self:center;width:100%;max-width:640px;position:relative}.sj-visual{z-index:4;width:100%;height:100%;position:relative;transform:translate(-12px,-32px)}.sj-hp img{width:100%;height:100%;display:block;position:relative}.sj-hs{z-index:3;--c:var(--color-brand-soft);width:max(34%,200px);position:absolute;top:calc(65% - 2.5rem);right:-3rem}.sj-head{max-width:640px;margin-bottom:1.8rem}.sj-head h2{margin-bottom:.6rem;font:700 clamp(1.7rem,3vw,2.3rem) Rajdhani,Noto Sans SC}.sj-head p{color:var(--sj-mu);line-height:1.7}.sj-head h2:before{content:"";background:var(--color-brand-soft);clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);width:.5em;height:.5em;margin-right:.4em;display:inline-block}.sj-cols{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem;display:grid}.sj-col{transition:transform .3s var(--ease-out);position:relative}.sj-col:hover{transform:translateY(-6px)}.sj-pt{z-index:3;pointer-events:none;margin-bottom:-33%;position:relative}.sj-pt img{aspect-ratio:1;opacity:.82;mix-blend-mode:screen;width:100%;height:auto;display:block;mask-image:radial-gradient(54% 42% at 50% 43%,#000 62%,#0000 100%)}.sj-pt svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.sj-no{letter-spacing:.12em;color:var(--c);font:700 .95rem Rajdhani;position:absolute;top:5%;left:4%}.sj-ls{border:1px solid color-mix(in srgb, var(--c) 70%, transparent);background:color-mix(in srgb, var(--c) 14%, color-mix(in srgb, var(--color-canvas) 70%, var(--color-surface)));color:var(--color-text);padding:.2rem .7rem;font-size:.78rem;position:absolute;top:4%;right:4%}.sj-card{flex-direction:column;gap:.85rem;min-height:29rem;padding:6.4rem 1.5rem 1.5rem;display:flex}.sj-card h3{font:700 1.55rem Rajdhani,Noto Sans SC}.sj-card .sj-d{color:var(--sj-mu);font-size:.9rem;line-height:1.7}.sj-fl{flex-direction:column;gap:.4rem;margin:0;padding:0;font-size:.88rem;list-style:none;display:flex}.sj-fl li:before{content:"";background:var(--c);width:.5rem;height:.5rem;box-shadow:0 0 8px var(--c);margin-right:.6rem;display:inline-block;transform:rotate(45deg)}.sj-seg{grid-auto-columns:1fr;grid-auto-flow:column;gap:5px;display:grid}.sj-seg i{background:color-mix(in srgb, var(--color-text) 11%, transparent);height:7px;transform:skew(-24deg)}.sj-seg i.on{background:var(--c);box-shadow:0 0 10px var(--c)}.sj-rt{max-width:1120px;margin:0 auto;position:relative}.sj-rs{height:176px;position:relative}.sj-rs svg{width:100%;height:100%;filter:drop-shadow(0 0 7px color-mix(in srgb, var(--color-brand) 60%, transparent));position:absolute;inset:0;overflow:visible}.sj-nd{width:3.6rem;height:3.6rem;color:var(--c);background:var(--color-surface);border:1.5px solid var(--c);box-shadow:0 0 0 6px var(--color-canvas), 0 0 0 7px color-mix(in srgb, var(--c) 45%, transparent), 0 0 26px color-mix(in srgb, var(--c) 65%, transparent);z-index:2;border-radius:50%;place-items:center;font:700 1.4rem Rajdhani;display:grid;position:absolute;transform:translate(-50%,-50%)}.sj-sm{border-left:1.5px dashed color-mix(in srgb, var(--c) 70%, transparent);position:absolute;bottom:-24px;transform:translate(-50%)}.sj-rc{grid-template-columns:repeat(4,1fr);gap:.75rem;display:grid}.sj-rc>div{padding:0 .5rem}.sj-rc .sj-pw{--ch:18px;height:100%}.sj-rc .sj-in{padding:1.3rem 1.3rem 1.5rem;overflow:hidden}.sj-rc .sj-st{letter-spacing:.18em;color:var(--c);margin-bottom:.6rem;font:700 .8rem Rajdhani;display:block}.sj-rc .sj-gn{color:var(--c);opacity:.13;font:700 4.6rem/1 Rajdhani;position:absolute;top:-.4rem;right:.7rem}.sj-rc h3{margin-bottom:.5rem;font:700 1.2rem Rajdhani,Noto Sans SC;position:relative}.sj-rc p{color:var(--sj-mu);font-size:.88rem;line-height:1.7;position:relative}.sj-ac{grid-template-columns:.9fr 1.1fr;align-items:center;gap:3rem;display:grid}.sj-ac h2{margin-bottom:.7rem;font:700 clamp(1.6rem,2.8vw,2.1rem) Rajdhani,Noto Sans SC}.sj-ac .sj-cp p{color:var(--sj-mu);max-width:38ch;margin-bottom:1.5rem;line-height:1.7}.sj-at{grid-template-columns:1fr 1fr;gap:1.2rem;display:grid}.sj-at .sj-pw{--ch:20px}.sj-at .sj-in{padding:1.5rem}.sj-at h3{margin-bottom:1rem;font:700 1.2rem Rajdhani,Noto Sans SC}.sj-at ul{color:var(--sj-mu);flex-direction:column;gap:.85rem;margin:0;padding:0;font-size:.9rem;line-height:1.55;list-style:none;display:flex}.sj-at .sj-hi ul{color:var(--color-text)}.sj-at .sj-hi .sj-nt{color:var(--color-brand-soft);margin-bottom:.4rem;font-size:.78rem;display:block}.sj-at li:before{content:"";background:var(--c);width:.45rem;height:.45rem;margin-right:.6rem;display:inline-block;transform:rotate(45deg)}@media (width<=960px){.sj-hero,.sj-ac{grid-template-columns:1fr}.sj-hp{max-width:440px}.sj-hs{width:100%;margin-top:.5rem;position:relative;top:auto;bottom:auto;right:auto}.sj-hero .sj-pw{justify-self:start}.sj-cols{grid-template-columns:1fr;max-width:400px;margin:0 auto}.sj-at{grid-template-columns:1fr}.sj-rs{display:none}.sj-rc{grid-template-columns:minmax(0,1fr)!important}.sj-rc>div{padding:0 0 1rem!important}.sj-nd{position:static}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.sj-ft{border-top:1px solid color-mix(in srgb, var(--c) 30%, transparent);grid-template-columns:auto 1fr;align-items:center;gap:.5rem .8rem;margin-top:auto;padding-top:.9rem;display:grid}.sj-ft>.sj-pg__row,.sj-ft>.sj-seg,.sj-ft>.sj-pg__note{grid-column:1/-1}.sj-pg__row{color:var(--sj-mu);justify-content:space-between;font-size:.82rem;display:flex}.sj-pg__row strong{color:var(--color-text);font-weight:700}.sj-pg__note{color:var(--sj-mu);font-size:.78rem}.sj-pg__lock{color:var(--sj-mu);align-items:center;display:inline-flex}.sj-pg__lock svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1rem;height:1rem}.sj-seg.is-locked i{background:color-mix(in srgb, var(--color-text) 9%, transparent)}.sj-btn--go{--c:var(--color-brand);cursor:pointer;grid-column:1;padding:.6rem 1.2rem;font-size:.95rem}.sj-btn--go svg{flex-shrink:0}.sj-view{color:var(--c);grid-column:2;justify-self:end;font:700 .95rem Rajdhani,Noto Sans SC}.sj-view span{transition:transform .16s var(--ease-out);display:inline-block}.sj-col:hover .sj-view span{transform:translate(3px)}.sj-cover{z-index:1;position:absolute;inset:0}.sj-col .sj-pw{z-index:2;pointer-events:none;position:relative}.sj-col .sj-pw a,.sj-col .sj-pw button{pointer-events:auto}.sj-col .sj-in{position:relative}.sj-hs .sj-stats{pointer-events:none}.sj-rc{margin:0;padding:0;list-style:none}@media (prefers-reduced-motion:reduce){.sj-col,.sj-btn,.sj-view span{transition:none!important}.sj-col:hover{transform:none}}.sj-useronly,html[data-sj-signed-in] .sj-guestonly{display:none}html[data-sj-signed-in] .sj-useronly{display:block}.sj-me{--sj-g1:#4285f4;--sj-g2:#9b72cb;--sj-g3:#d96570;--sj-g4:#f4a742;--sj-g5:#34a853;grid-template-columns:.75fr 1.25fr;align-items:center;gap:3rem;display:grid}.sj-me__cp h2{letter-spacing:normal;text-shadow:0 0 32px color-mix(in srgb, var(--color-brand) 50%, transparent);margin:0 0 1rem;font:700 clamp(2.3rem,4.6vw,3.5rem)/1.1 Rajdhani,Noto Sans SC}.sj-me__cp h2:before{display:none}.sj-me__cp p{max-width:34ch;color:var(--color-text);margin:0 0 1.6rem;font-size:1.12rem;line-height:1.7}.sj-un{background:linear-gradient(90deg, var(--sj-g1), var(--sj-g2), var(--sj-g3), var(--sj-g4), var(--sj-g5));background:linear-gradient(in oklch 90deg, var(--sj-g1), var(--sj-g2), var(--sj-g3), var(--sj-g4), var(--sj-g5));color:#0000;text-shadow:none;filter:drop-shadow(0 0 18px color-mix(in srgb, var(--sj-g2) 40%, transparent));background-clip:text}.sj-gt{background:linear-gradient(in oklch 90deg, var(--subject-html), var(--subject-js), var(--subject-css));color:#0000;background-clip:text;font-weight:700}.sj-gb{isolation:isolate;color:#fff;transition:transform .2s var(--ease-out);border-radius:999px;font:700 1.1rem Rajdhani,Noto Sans SC;display:inline-flex;position:relative}.sj-gb:hover{transform:translateY(-2px)}.sj-gb__glow,.sj-gb__ring{border-radius:inherit;z-index:-1;pointer-events:none;position:absolute}.sj-gb__ring{inset:0;overflow:hidden}.sj-gb__glow{opacity:.55;filter:blur(14px);background:conic-gradient(var(--sj-g1), var(--sj-g2), var(--sj-g3), var(--sj-g4), var(--sj-g5), var(--sj-g1));transition:opacity .25s var(--ease-out);inset:-3px}.sj-gb:hover .sj-gb__glow,.sj-gb:focus-visible .sj-gb__glow{opacity:.95}.sj-gb__ring:before{content:"";aspect-ratio:1;background:conic-gradient(var(--sj-g1), var(--sj-g2), var(--sj-g3), var(--sj-g4), var(--sj-g5), var(--sj-g1));width:260%;animation:4s linear infinite sj-gs;position:absolute;top:50%;left:50%;translate:-50% -50%}@keyframes sj-gs{to{transform:rotate(360deg)}}.sj-gb span{background:color-mix(in srgb, var(--color-canvas) 70%, var(--color-surface));border-radius:999px;margin:2.5px;padding:.9rem 2.2rem}.sj-gb:focus-visible{outline-offset:4px;outline:2px solid #fff}@media (prefers-reduced-motion:reduce){.sj-gb__ring:before{animation:none}}.sj-homeplate{--fa:var(--subject-html);--fb:var(--subject-css);--c:color-mix(in srgb, var(--subject-js) 50%, var(--subject-css))}.sj-homeplate>.sj-plate{background:linear-gradient(90deg, var(--fa), var(--subject-js) 50%, var(--fb));background:linear-gradient(in oklch 90deg, var(--fa), var(--subject-js) 50%, var(--fb))}.sj-homeplate:before{border-color:var(--fb)}.sj-homeplate:after{border-color:var(--fa)}.sj-fp{--ch:20px;filter:drop-shadow(0 0 14px color-mix(in srgb, var(--subject-html) 25%, transparent)) drop-shadow(0 0 14px color-mix(in srgb, var(--subject-css) 25%, transparent))}.sj-fp>.sj-plate{--ch:20px;--ci:calc(var(--ch) - 1.9px);padding:3px}.sj-fp:before{border-width:3px 3px 0 0}.sj-fp:after{border-width:0 0 3px 3px}.sj-fp .sj-in{background:linear-gradient(170deg, var(--color-surface-elevated), color-mix(in srgb, var(--color-canvas) 70%, var(--color-surface)) 72%)}.sj-fx{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:start;column-gap:1.8rem;padding:1.5rem;display:grid}.sj-fx__hd{grid-column:1/-1;margin-bottom:.3rem}.sj-fx__hd h3{margin:0;font:700 1.2rem Rajdhani,Noto Sans SC}.sj-f{border-bottom:1px solid color-mix(in srgb, var(--color-text) 10%, transparent);grid-template-columns:2.1rem 1fr auto;align-items:center;gap:.75rem;padding:.75rem 0;display:grid}.sj-f:last-child{border-bottom:0;padding-bottom:0}.sj-ck{place-items:center;display:grid}.sj-ck svg{width:2rem;height:2rem;fill:var(--ic);stroke:var(--ic);stroke-width:1.6px;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 0 7px color-mix(in srgb, var(--ic) 70%, transparent))}.sj-ck svg .sj-d{fill:var(--color-surface);stroke:none}.sj-f b{color:var(--color-text);font-size:.98rem;display:block}.sj-f span{color:var(--sj-mu);font-size:.82rem;line-height:1.5;display:block}.sj-f span i{color:var(--color-brand-soft);font-style:normal;font-weight:700}.sj-f span i.sj-cl{white-space:nowrap;color:oklch(25% .06 85);background:linear-gradient(oklch(90% .15 95),oklch(80% .16 85));border-radius:999px;padding:.12rem .7rem;font-size:.8rem;display:inline-block}.sj-f em{white-space:nowrap;color:var(--color-brand-soft);font:700 .9rem Rajdhani,Noto Sans SC}.sj-f em:after{content:" →"}.sj-f:hover em,.sj-f:focus-visible em{text-decoration:underline}.sj-f:focus-visible{outline:2px solid var(--color-brand-hover);outline-offset:3px}@media (width<=960px){.sj-me{grid-template-columns:1fr;gap:2rem}}@media (width<=640px){.sj-fx{grid-template-columns:1fr}}.sj-page a:hover{text-decoration:none}.sj-btn:hover{color:var(--color-canvas)}.sj-view:hover{color:var(--c)}.sj-f,.sj-f:hover{color:var(--color-text)}.sj-gb,.sj-gb:hover{color:#fff}